@charset "UTF-8";

main{ padding-top: 140px; }
.masthead{ position:fixed; width: 100%; height: 140px; background:#fff; top: 0;  left: 0; z-index: 1000; border-bottom: 1px solid #ccc;}
.masthead .logo{font-size: 0; width: 198px; height: 80px;  margin:0 auto; max-width: 100%; display: block;}
.masthead .logo a{ width: 100%; height: 100%; display: block; background: url(/Common/images/layout/t_logo.png) 50% 50% no-repeat; background-size: 180px 50px;}
.navbar .navbar-right{ font-size: 0; width: 40px; height: 40px; margin-left: 40px; }
.navbar .navbar-right img{ width: 100%; height: 100%; }
.nav-item .nav-link{ font-size: 1.1rem;}
.nav-item .nav-link.shop{ width: 60px; margin-top: -12px; margin-left: 20px; }
.nav-item .shop img{ width: 100%; padding: 0.2rem;}

.navbar-toggler-icon { background: transparent url(/Common/images/layout/t_menu.png) 50% 0 no-repeat; width: 24px;
    height: 24px;
    background-size: 100%;}
.dropdown-toggle::after { border: 0;}
.dropdown-menu{ border-radius: 0; }
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: inherit;
}

.row{ margin-right: 0; margin-left: 0;}

.clear{ clear: both; }
.dis_off{ display:none;}
.dis_oon{ display:block;}

/*sidemenu*/
#sidebar {}
#sidebar:after{
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background: rgba(0,0,0,.3);
    z-index: 100;
}
.sidemenu,
.sidemenu ul,
.sidemenu ul li,
.sidemenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sidemenu { padding-bottom: 315px; z-index: 101; background-color: #fff; width: 290px; color: #484848;position: fixed; top: 0; -webkit-overflow-scrolling: touch;}
.sidemenu h1{width: 125px; height: 60px;  margin: 10px 18px;}
.sidemenu h1 a{ max-width: 100%; height: 33px; display: block; background: url(../images/t_menu_logo.png) 0 0 no-repeat; background-size: 100%;}
.sidemenu ul ul {  display: none;}
.sidemenu > ul > li.active > ul {  display: block;}
.align-right {  float: right;}
.sidemenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #484848;
  background: #fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.sidemenu > ul > li > a:hover {
  color: #000;
}
/*플러스표시*/
.sidemenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #8f8f8f;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.sidemenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #8f8f8f;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.sidemenu ul > li.has-sub.open > a:after,
.sidemenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidemenu ul ul li a {
  padding: 14px 44px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #484848;
  background: #fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.sidemenu ul ul ul li a {
  padding-left: 32px;
}
.sidemenu ul ul li a:hover {
  color: #000;
}
.sidemenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #eee;
}
.sidemenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}
.sidemenu .etc{ padding-top: 30px; }
.sidemenu p{ height: 50px; padding:0 0 0 70px; line-height: 50px;}
.sidemenu p a{ font-weight: 500; color: #484848; }
.sidemenu .store{ background: url(/common/images/layout/t_shop_w.png) 20px 50% no-repeat; background-size: 32px;}
.sidemenu .event{ background: url(/common/images/layout/t_menu_event.png) 20px 50% no-repeat; background-size:  32px;}

#nav-close { position: absolute; width:30px; height: 33px;  right: 14px; top: 12px; }
#nav-close img{ width: 100%; height: auto; }


.btn{ border-radius:0;}
.btn-outline-secondary {
    color: #b1b1b1;
    border-color: #b1b1b1;
}

.btn-pop-white { width: 70px; height:35px; border-radius:0; background: #fff;}   

/* 메인 */
.slide_img1{
    background: url(/Common/images/main/bg_slide_01.jpg) 50% 0 no-repeat;
    height: 100%;
    max-width: 100%;
    padding-bottom: 0;
    background-size: contain;
    background-attachment: fixed;
    position: relative; 
} 
.slide_img2{
    background: url(/Common/images/main/bg_slide_02.jpg) 50% 0 no-repeat;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
    background-size: contain;
    background-attachment: fixed;
    position: relative; 
} 
.slide_img3{
    background: url(/Common/images/main/bg_slide_03.jpg) 50% 0 no-repeat;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
    background-size: contain;
    background-attachment: fixed;
    position: relative; 
}
.slide_img4 {
    background: url(/Common/images/main/bg_slide_04.jpg) 50% 0 no-repeat;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
    background-size: contain;
    background-attachment: fixed;
    position: relative;
}
.slide_img5 {
    background: url(/Common/images/main/bg_slide_05.jpg) 50% 0 no-repeat;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
    background-size: contain;
    background-attachment: fixed;
    position: relative;
}
.slide_img6 {
    background: url(/Common/images/main/bg_slide_06.jpg) 50% 0 no-repeat;
    height: 100%;
    width: 100%;
    padding-bottom: 0;
    background-size: contain;
    background-attachment: fixed;
    position: relative;
}


.main_slide .carousel-caption{ top: 100px;}
.main_slide .carousel-caption h6{ font-family: 'Roboto', sans-serif;font-size: 1.2em; font-weight: 200; }
.main_slide .carousel-caption h6:after{content: ""; position: absolute; bottom: 0px;  z-index: 5;  height: 1px; background: #8f8f8f; }
.main_slide .carousel-caption span.SlideTitle{font-size:4rem; font-weight: 700; line-height: 1.2em; margin-left: -5px; }
.main_slide .carousel-caption p{font-size:24px; font-weight: 400; padding:20px 0;}
.slick-prev { left: 1rem !important; z-index: 100;  width: 36px !important; height: 30px !important;}
.slick-next { right: 1rem !important; width: 36px !important; height: 30px !important; }
.slick-next::before {content: "" !important;width: 36px; height: 30px; display: block; background: url(/Common/images/layout/ico_main_right.png) 0 0 no-repeat; background-size: 36px 30px;}
.slick-prev::before {content: "" !important; width: 36px; height: 30px; display: block; background: url(/Common/images/layout/ico_main_left.png) 0 0 no-repeat; background-size: 36px 30px;}

.section_title { font-family: 'Roboto', sans-serif; font-size: 42px;  font-weight: 600; text-transform: lowercase; text-align: center; padding: 60px 0;}
.product { margin: 80px 0; height: auto; background-color: #f3f3f3; }
.product .pr_img{ position: relative; padding-left: 0; padding-right: 0; }
.product .pr_img img{ margin: 0 0; height: auto; width: 100%;}
.product .pr_img h3{ position: absolute; letter-spacing: 0rem; top: 2rem; left: 2rem; font-weight: 600;}
.product .pr_img span{ position: absolute; font-weight: 200; top:5rem; left: 2rem; }
.product .img { }
.product .img img{  width:240px; height: 240px;}
.product .name{display: block; text-align: center;}
.product .carousel{ clear: both; }
.product .carousel-inner{ text-align: center; margin:2.5rem 0; }
.product .carousel-inner .carousel-item a{ margin: 0 auto; }
.product .carousel-inner .carousel-item .name{ font-weight: 400; font-size: 1.2em; padding-top:1rem;}
.carousel-control-prev .imgLeft{ width: 30px; height: 30px; display: block; background: url(/Common/images/layout/ico_left.png) 0 0 no-repeat; background-size: 30px;}
.carousel-control-next .imgRight{ width: 30px; height: 30px; display: block; background: url(/Common/images/layout/ico_right.png) 0 0 no-repeat; background-size: 30px;}

/*유모차가이드*/
.guide{ padding:  50px; height: 320px; background:#d0c1af url(/Common/images/main/bg_guide.png) 50% 50% no-repeat; padding-bottom: 0;  }
.guide .container{ text-align: center;}
.guide h2{ text-align: center; font-weight: 600; font-size: 2.6rem; color: #3e270b;}
.guide h2:after{}
.guide span{ display: block; text-align: center; font-weight: 100; font-size: 1.5rem; color: #6a422d;}
.guide .btn.btn-lg{ width: 150px; color: #6a422d; font-weight: 100; font-size: 1.2rem;}
.product_etc{ margin: 50px 0;}
.product_etc .img{ }
.product_etc .nameEN{display: block; padding-top: 25px; font-size: 1.3rem; font-weight: 700; text-align: center;}
.product_etc .name{display: block;text-align: center; padding-top: 10px;  font-weight: 200; font-size: 1.1rem;}

.sub_body .colorchip { padding: 1rem; }
.sub_body .colorchip span{ width: 1.5rem; height: 1.5rem; margin: 0 2px; display:inline-block; border-radius: 50% !important;}
.sub_body .colorchip .figure-caption{ padding-top: 0.5rem;}
.sub_body .colorchip span.disable {
    overflow: hidden;
    position: relative;
}
.sub_body .colorchip span.disable:after {
    content: "";
    position: absolute;
    width: 1px;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    transform: rotateZ(45deg);
}


/*이벤트*/
#evtCarousel{ margin-bottom: 80px;}
#evtCarousel .caption-box h3{ font-size: 2rem; font-weight: 400; padding-top: 20px; line-height: 1em; }
#evtCarousel .caption-box p{ color: #8f8f8f; font-size: 1.2rem;line-height: 1em;padding-top: 15px; }

.main_recommend_item a:after {
    content: '';
    border: 2px solid #c0c79c;
    opacity: 0;
    margin: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 300ms border, 150ms opacity;
    transition: 300ms border, 150ms opacity;
    -webkit-transition-delay: 0ms, 100ms;
    transition-delay: 0ms, 100ms;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
}
/*메인리뷰*/
.m_reivew .container{ padding-bottom: 2rem;}
.m_reivew .section_title{ padding-bottom: 0; }
.m_review .section_title > img{  height: 3rem; }
.m_reivew p{text-align: center; font-weight: 300; font-size: 1.1rem; color: #484848; padding-bottom: 50px;}
.m_reivew .name{display: block; padding-top: 15px; }
.m_reivew ul li img{ padding-bottom: 1rem; }

/*고객센터*/
.m_cs{ margin: 80px 0;}
.m_cs img{ width: 80px; height: auto; position: relative; top: 40px;}
.m_cs a{display: block; margin:0 auto; width: 176px; height: 176px; background-color:#eaebed; }
.m_cs p{font-size: 1.1rem;padding-top: 20px;}

.footer { background-color: #392a18; padding:50px 0; }
.footer .container p{color: #877c6b;}

.footConnect img{ width: 3rem; height: auto;}

/*인스타*/
.instafeed{ list-style: none;  min-height: 1rem; overflow: hidden; display: inline-flex; }
.instafeed li a{ padding: 0.5rem; }
.instafeed li img{ width: 14rem; height: 14rem; }

.m_starwr{ margin-bottom: 80px; position: relative;}
.m_starwr span{ position: absolute; color: #fff;  }
.m_starwr .nameEN{ font-weight: 500; bottom: 45px; left: 30px; font-size: 1.6rem;}
.m_starwr .name{font-weight: 200;  left: 30px; bottom: 20px;font-size: 1.2rem;}

a > img{transition: .5s ease;}
a > img:hover {  opacity: 0.5; }

/*서브공통*/
.sub_vis_1{
    background: url(/Common/images/layout/bg_about.jpg) 0 0 no-repeat;
    height: 380px;
    width: 100%;
    padding-bottom: 0;
    padding-top: 160px;
    background-size: cover;
    /*background-attachment: fixed;*/
    position: relative;  
    z-index: 1;
} 
.sub_vis_2{
    background: url(/Common/images/layout/bg_stroller.jpg) 0 0 no-repeat;
    height: 380px;
    width: 100%;
    padding-bottom: 0;
    padding-top: 160px;
    background-size: cover;
    /*background-attachment: fixed;*/
    position: relative;  
    z-index: 1;
} 
.sub_vis_3{
    background: url(/Common/images/layout/bg_carseat.jpg) 0 0 no-repeat;
    height: 380px;
    width: 100%;
    padding-bottom: 0;
    padding-top: 160px;
    background-size: cover;
    /*background-attachment: fixed;*/
    position: relative;  
    z-index: 1;
} 
.sub_vis_4{
    background: url(/Common/images/layout/bg_inhome.jpg) 0 0 no-repeat;
    height: 380px;
    width: 100%;
    padding-bottom: 0;
    padding-top: 160px;
    background-size: cover;
    /*background-attachment: fixed;*/
    position: relative;  
    z-index: 1;
} 
.sub_vis_5{
    background: url(/Common/images/layout/bg_carrier.jpg) 0 0 no-repeat;
    height: 380px;
    width: 100%;
    padding-bottom: 0;
    padding-top: 160px;
    background-size: cover;
    /*background-attachment: fixed;*/
    position: relative;  
    z-index: 1;
} 
.sub_vis_6{
    background: url(/Common/images/layout/bg_life.jpg) 0 0 no-repeat;
    height: 380px;
    width: 100%;
    padding-bottom: 0;
    padding-top: 160px;
    background-size: cover;
    /*background-attachment: fixed;*/
    position: relative;  
    z-index: 1;
} 
.sub_vis_7{
    background: url(/Common/images/layout/bg_support.jpg) 0 0 no-repeat;
    height: 380px;
    width: 100%;
    padding-bottom: 0;
    padding-top: 160px;
    background-size: cover;
    /*background-attachment: fixed;*/
    position: relative;  
    z-index: 1;
} 
.sub_vis_1 p, .sub_vis_2 p, .sub_vis_3 p, .sub_vis_4 p, .sub_vis_5 p, .sub_vis_6 p{
    margin: auto;
    font-size: 3rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
}
.sub_Tab{ }
.sub_Tab .nav-tabs{ padding-right: 0;
    border-bottom: 1px solid #dee2e6;}
.sub_Tab .nav-tabs .nav-item{ font-size: 1.4rem; }
.sub_Tab .nav-tabs .nav-item.active{ z-index: 5; background-color: #6a422d; color: #fff; font-weight: 500;     -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.29);
    -moz-box-shadow: 0 4px 16px 0 rgba(0,0,0,.29);
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.29); }

/* 수정한부분*/
.sub_Tab .nav-tabs .nav-link {
    font-weight: 300;
    color: #787878;
    border: 0px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-tabs .nav-link{
    display: inline-block;
    position: relative;
    padding: 1rem;
}
.nav-tabs .nav-link:after{
    content: '';
    display: block;
    margin:0 auto -5px auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
/*.nav-tabs .nav-link:hover:after{
    width: 100%;
    background-color: #6a422d;
}*/
/*컨텐츠*/
.sub_body{ margin: 5rem auto ; text-align: center; }
.sub_body h2{ display: initial ; margin: 0 auto;  font-size: 2.6rem; color: #3e270b; font-weight: normal;  border-bottom: 1px solid #3e270b; }
.sub_body h4{ font-family: 'Roboto', sans-serif; font-size: 1.3rem; text-align: center; color: #6a422d; padding-top: 10px;}
.sub_body .sub_cont{ color: #222; margin: 4rem 0; text-align: left;}
.sub_body .sub_cont p{ line-height: 1.8; font-weight: 300; }
.sub_body .sub_cont h5{ font-size: 1.5rem; color: #3e270b; letter-spacing: -0.08em; padding-bottom: 20px; }
.sub_body .sub_cont em{ color:#96bc33; letter-spacing: -0.08em;}
.sub_body .sub_cont .emtxt{ font-size: 3rem; color: #3e270b; letter-spacing: -0.08em;}
.sub_body .sub_cont .emtxt em{ color:#96bc33; letter-spacing: -0.08em;}
.sub_body .sub_cont .emtxt:before,
.sub_body .sub_cont .emtxt:after{ content: '"'; color: #e9e3dc; font-size: 5rem; font-weight: 300; display: block; margin-bottom: -60px;}
.sub_cont > iframe{ height: auto; left: 0; right: 0; bottom: 0; margin-top: 100px; margin-bottom: 70px; }
.sub_cont .sub_cont { padding: 1rem; }
.sub_cont .stroller{ overflow: hidden; }

.about_3{ background: url(/Common/images/about/brand_02.jpg) 0 0 no-repeat; height: 100%;   width: 100%; padding-bottom: 0;  background-size: cover;    position: relative;  }
.about_3 h4{ text-align: center; margin: auto; line-height: 30vw; font-weight: 200; color: #fff; font-size: 2.1rem; letter-spacing: -0.1rem;}
.about_3 ul{  }
.about_3 li{ font-size: 1.2rem; font-weight: 300; color: #fff; line-height:1.5; text-align: center; padding-top: 200px; }
.about_3 li:first-child{ background: url(/Common/images/about/brand_story_01.png) 50%  no-repeat; background-size: 86px;}
.about_3 li:nth-child(2){ background: url(/Common/images/about/brand_story_02.png) 50% no-repeat; background-size: 86px;}
.about_3 li:nth-child(3){ background: url(/Common/images/about/brand_story_03.png) 50% no-repeat; background-size: 86px;}

/*유모차*/
.stroller .tab-content .tab-pane { padding: 4rem 0; }
.stroller .tab-content .tab-pane > h4{ font-weight: 600; font-size: 2rem; letter-spacing: -0.1rem; margin: 1rem 0; }
.stroller .tab-content .tab-pane .txt{font-size: 1.1rem; margin: 0 10rem; }
.stroller .tab-content .tab-pane span{ color: #7b7b7b;font-weight: 200; color: #988165;}
.tab-content .tab-pane .img-fluid{ }

/*제품가이드*/
#guide-1 { padding: 60px 0; }
#guide-1 .card-img-top{ width:180px; height: 180px; padding: 1rem; }
#guide-1 .txt strong{ color: #6a422d; }
#guide-1 .card{ padding: 1rem; height: 28rem; }
#guide-1 .card img{ margin: 1rem 3rem; text-align: center; }
#guide-1 .card p{ text-align: center; font-size: 0.9rem;}
#guide-1 .card h4{ text-align: center; border-bottom: 1px solid #af998c; font-size: 1.2rem; letter-spacing: -1px; color: #6a422d; padding-bottom: 0.5rem; }
#guide-1 .card h3{ text-align: center; color: #6a422d;  padding-top: 0.2rem; }
#guide-1 .table-responsive{ width:; padding: 1rem;}
#guide-1 .table-responsive h4{
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: -0.1rem;
    margin: 3rem 0 2rem 0;
}

.checkpoint{   padding: 0 0 1rem 2rem; }
.checkpoint li{ font-size: 1rem; font-weight: 400; padding: 5px 0;}
.checkpoint li:before{
    position: absolute;
    left: 1rem;
    width: 30px;
    height: 30px;
    background: url(/Common/images/product/ico_check.png) 0 0 no-repeat; background-size: 30px 30px;
    content: '';
}
.guide_tip{ padding:10rem 2rem; }
.guide_tip h3{ font-size: 2.6rem; text-align: center; font-weight: 500; color: #3e270b;}
.guide_tip p.txt{ text-align: center; font-weight: 300; font-size: 1.4rem;}
.guide_tip .col-md-4 span{ width:180px; height:180px; margin:2rem auto; background-color: #f5f1eb; display: block; }
.guide_tip .col-md-4 span > img { padding:20px; }
i.ico_star{ display: inline-block; width: 1rem; height: 1rem; background: url(/Common/images/layout/ico_star.png) 0 0 no-repeat; background-size:100%; }
 #guide-1 .table img{ width: 5.5rem; height: 5.5rem; }
 #guide-1 .table { border-bottom: 1px solid #dee2e6; }
 #guide-1 .table th, .table td{ vertical-align: middle; text-align: center;}
 #guide-1 .table th{ font-size: 1.2rem; color: #6a422d; }
 #guide-1 .table td:nth-child(1) { width:15%; }
 #guide-1 .table td:nth-child(2), #guide-1 .table td:nth-child(3) {text-align: left; }
#guide-1 .table td:nth-child(3) { font-weight: 200; font-size: 0.9rem; }

.review .card:before{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'fontello';
    content: "\e804";
    pointer-events: none;
    z-index: 100;
    transition: 0.4s;
    cursor: hand;
}
.review .card:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(73, 48, 35, 0.5);
    content: '';
    transition: 0.4s;
}

.card:hover:after,
.card:hover:before {
    opacity: 1;
}
.link .card:before{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'fontello';
    content: "\e804";
    pointer-events: none;
    z-index: 100;
    transition: 1s;
    cursor: pointer;
}
.gallery .col-sm-3:before{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'fontello';
    content: '\e81d';
    pointer-events: none;
    z-index: 100;
    transition: 0.4s;
    cursor: pointer;
}
.gallery .col-sm-3:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(73, 48, 35, 0.5);
    content: '';
    transition: 0.4s;
}
.gallery .col-sm-3:hover:after,
.gallery .col-sm-3:hover:before {
    opacity: 1;
}

.star .card:before{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'fontello';
    content: '\e80c';
    pointer-events: none;
    z-index: 100;
    transition: 0.4s;
    cursor: pointer;
}
.star .card:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(73, 48, 35, 0.5);
    content: '';
    transition: 0.4s;
}
.star .card:hover:after,
.star .card:hover:before {
    opacity: 1;
}

.bbs{ border-top: 1px solid #666; padding: 1rem 0; margin: 1rem 0;}
.bbs .tit{ font-size: 1.2rem;  border-bottom:  1px solid #66; }
.bbs .date{ font-family: 'Roboto', sans-serif; font-size: .8em; font-weight: 200; color: #777; }

/*이벤트 게시판*/
.evlist .sort{ text-align: right; padding: 1rem 0; }
.evlist .sort .btn-sort{ position: relative; text-align: left; width: 10rem !important; border: 1px solid #e7e7e7; border-radius: 0.25rem; width: 7.5rem;  transition: all 0.4s; }
.evlist .sort .btn-sort:hover,.btn-sort:active {  border: 1px solid #efefef; background-color: #efefef; filter: drop-shadow(0.1px 0.1px 3px rgba(0,0,0,0.1));}
.caret {
    position: absolute; 
    right: 1rem; top: 45%;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.evlist .ev_ing, .evlist .ev_end{margin-bottom: 5rem;}
.evlist .event_link img{ width: 23rem; height:20rem; }
.evlist nav h4{ font-size: 1.1rem; font-weight: 400; padding: 1rem 0 0 0;}
.evlist nav p{  font-family: arial; font-size: 0.9rem; font-weight: 300; color: #666; text-align: center; display:block; }
.evlist .ev_ing nav p span{ color: #fff; background: #ffa6a6; border-radius: 5rem; padding: 0 1rem; font-size: 0.8rem;}
.evlist .ev_end nav p span{ color: #fff; background: #777; border-radius: 5rem; padding: 0 1rem;font-size: 0.8rem;}
.evlist .ev_ing .event_link:after {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 7.5rem;
    height: 7.5rem;
    margin-left: -3.7rem;
    border-radius: 50%;
    opacity: 0; 
    background:#4a2b00 url(/Common/images/layout/icon_link.png) center center no-repeat;
    background-size: 3rem 3rem;
    content: '';
    transition: 0.4s;
}
.evlist .ev_ing .event_link:hover:after{
    opacity: 1;
}
/*종료이벤트*/
.evlist .ev_end .event_link img{ width: 25rem;height:20rem;  opacity: 0.5;}
.evlist .ev_end .event_link:after { 
    position: absolute;
    top: 20%;
    left: 50%;
    width: 7.5rem;
    height: 7.5rem;
    margin-left: -3.7rem;
    border-radius: 50%;
    background:rgba(0,0,0,0.4);
    content: '종료';
    font-size: 1.2rem; color: #fff; 
    line-height: 7.5rem;
    text-align: center;
}
.sub_cont .catalog {  }
.sub_cont .catalog img{ width: 15.4375rem;  height: 8.75rem; }
.sub_cont .catalog p{ margin: 0.25rem 0; text-align: center;  }

/*반응형*/
/*// Large devices (desktops, 991px 이하)*/

@media (max-width: 991px) { 

    html {    font-size: 0.9rem;  }
    /*메뉴*/
    main{ padding-top: 50px !important; }
    .masthead .navbar{ position: absolute; top:15px; z-index: 100; background-color: #fff; }
    .navbar-toggler .navbar-toggler-icon{ display: block;}
    .navbar-toggler-icon {  display: block;}
    .navbar-collapse { width: 50vw !important; margin-top: 3rem; }
    .navbar-toggler {  position: absolute; left: 1rem; top: 0.8rem; display: block;}
    a.nav-link.shop{ padding: 0.8rem; margin: 0 auto !important; }

    .masthead{ top: 0; left: 0; right: 0; z-index: 100; height: 70px; overflow: hidden; position: fixed; width: inherit;
    z-index: 1030;
    padding: 12px 15px 12px 15px;
    transition: top 1s linear;}
    .MO_Menu .logo{width: 120px; height: 100%; text-align: center; }
    .MO_Menu .logo a{font-size: 0; width: 100%; height: 100%; display: block; background: url(/Common/images/layout/t_logo.png) 50% 50% no-repeat; background-size: 150px 40px;}

    .main_slide .carousel-caption h6 { font-size: 14px;}
    .main_slide .carousel-caption h1 { font-size: 34px; }
    .main_slide .carousel-caption p { font-size: 1rem;}
    .main_slide .carousel-caption span.SlideTitle{font-size:2rem; font-weight: 700; line-height: 1em; margin-left: -5px; }
    .main_slide .carousel-caption { top: 5rem;}

    .slide_img1 .carousel-caption { top: 25px !important;}
    .slide_img2 .carousel-caption { top: 25px !important;}
    .slide_img3 .carousel-caption { top: 25px !important;}
    .slide_img4 .carousel-caption { top: 20px !important;}
    .slide_img5 .carousel-caption { top: 20px !important;}
	.slide_img6 .carousel-caption { top: 20px !important;}
	
    
    .slide_img1,.slide_img2, .slide_img3, .slide_img4, .slide_img5, .slide_img6{ background-attachment: scroll;  }
    .slide_img1{
        background: url(/Common/images/main/bg_slide_m_01.jpg) 50% 50% no-repeat !important; 
        background-size: cover !important;
    } 
    .slide_img2{
        background: url(/Common/images/main/bg_slide_m_02.jpg) 50% 50% no-repeat !important;       
        background-size: cover !important;
    } 
    .slide_img3{
        background: url(/Common/images/main/bg_slide_m_03.jpg) 50% 50% no-repeat !important; 
        background-size: cover !important;
    }
    .slide_img4 {
        background: url(/Common/images/main/bg_slide_m_04.jpg) 50% 50% no-repeat !important;
        background-size: cover !important;
    }
    .slide_img5 {
        background: url(/Common/images/main/bg_slide_m_05.jpg) 50% 50% no-repeat !important;
        background-size: cover !important;
    }
	.slide_img6 {
        background: url(/Common/images/main/bg_slide_m_06.jpg) 50% 50% no-repeat !important;
        background-size: cover !important;
    }

    .section_title {font-size: 1.8rem;    padding: 60px 0 40px 0;}
    .product .pr_img{max-width: 100%; height: auto; }
    .product .pr_img img{max-width: 100%; height: auto; }
    .stroller > img{max-width: 100%; height: auto; }
    .product { clear: both;  margin: 0 0 2rem 0; }
    .guide {  background-size: inherit ; background: #d0c1af url(/Common/images/main/bg_guide.png) 0 0 no-repeat;}
    .guide h2{ font-size: 1.4rem; }
    .guide span { font-size: 1.2rem;}
    .guide_tip { padding: 0;}
    .glyphicon-chevron-right:before{ content: '' !important;  background: #d0c1af url(/Common/images/layout/ico_right.png) 0 0 no-repeat; background-size: 30px 30px;}    
    .glyphicon.glyphicon-chevron-left{}
    .product_etc .name{ padding-bottom: 50px;}
    .m_reivew .name { padding-bottom: 30px; text-align: center;}
    .m_reivew ul li img{ padding: 1rem 0.6rem 0.5rem 0.6rem; }
    .m_cs p { padding-bottom: 30px;}
    
    .instafeed{list-style: none;  overflow: hidden; width: 100%; display: inline !important;  }    
    .instafeed li{ display: inline-block;}
    .instafeed li a{ padding: 0.5rem; text-align: center; }

    #evtCarousel .row .col-sm-6{ padding-bottom: 30px; text-align: center;}    
    #evtCarousel .caption-box h3{ font-size: 1.15rem; font-weight: 400; padding-top: 20px; line-height: 1em; }
    #evtCarousel .caption-box p{ color: #8f8f8f; font-size: 1rem;line-height: 1em;padding-top: 5px; }
    .footer .col-md-9{ padding-bottom: 20px;}

    .sub_body{ margin: 5rem auto 5rem auto !important;  }
    .sub_body .sub_cont .emtxt{ font-size: 2rem; color: #3e270b; letter-spacing: -0.08em;}

    .about_3{ background: url(/Common/images/about/brand_02.jpg) 80% 50% no-repeat !important; background-size: cover !important;}
    .about_3 li{ font-size: 1rem; } 
    .about_3 h4{ line-height: 50vw;}

    .sub_vis_1{ padding: 5rem 0; width: 100%; height: auto; background: url(/Common/images/layout/bg_about_m.jpg) 50% 0 no-repeat !important; 
  background-size: 460px !important;} 
    .sub_vis_2{ padding: 5rem 0; width: 100%; height: auto;background: url(/Common/images/layout/bg_stroller_m.jpg) 0 0 no-repeat !important;
  background-size: 460px !important;} 
    .sub_vis_3{ padding: 5rem 0; width: 100%; height: auto;background: url(/Common/images/layout/bg_carseat_m.jpg) 70% 0 no-repeat !important;
  background-size: 460px !important; } 
    .sub_vis_4{ padding: 5rem 0; width: 100%; height: auto;background: url(/Common/images/layout/bg_inhome_m.jpg) 60% 0 no-repeat !important;
  background-size: 460px !important;} 
    .sub_vis_5{ padding: 5rem 0; width: 100%; height: auto;background: url(/Common/images/layout/bg_carrier_m.jpg) 50% 50% no-repeat !important;
  background-size: 460px !important;} 
    .sub_vis_6{ padding: 5rem 0; width: 100%; height: auto;background: url(/Common/images/layout/bg_life_m.jpg) 70% 0 no-repeat !important;
  background-size: 460px !important;} 
    .sub_vis_7{ padding: 5rem 0; width: 100%; height: auto;background: url(/Common/images/layout/bg_support_m.jpg) 50% 50% no-repeat !important;
  background-size: 460px !important;}
    .sub_vis_1 p, .sub_vis_2 p, .sub_vis_3 p, .sub_vis_4 p, .sub_vis_5 p, .sub_vis_6 p{ font-size: 2rem;}
    .sub_vis_5 p{ color: #6a422d; }
    .sub_Tab .nav-tabs .nav-item.active { font-size: 1rem; z-index: 1;}
    .sub_Tab .nav-tabs .nav-link{ font-size: 1rem; padding: 1rem;vertical-align: middle!important; }
    .nav-tabs .nav-link{
        display: inline-block;
        position: relative;
        padding: 0.2rem;
    }
    .stroller .tab-content .tab-pane .txt{margin: 1rem !important; }
    .sub_body .colorchip .btn { width: 100%; margin-bottom: 1rem;}
    .sub_body .colorchip .col-4{ padding: 0; }

    .pr_detail img{ max-width: 100% !important; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; }
    .guide_tip h3{ padding-top: 5rem; }
   /* #guide-1 .table .icon{ display: none; }  */  
    #guide-1 .table td:nth-child(2),#guide-1 .table th:nth-child(2) {word-break: keep-all; }
    #guide-1 .table td:nth-child(3),#guide-1 .table th:nth-child(3) { padding: 0.8rem;}
    #guide-1 .table{ font-size: 0.8rem; }   
    #guide-1 .card{ height: 30rem !important; }
    #guide-1 .col-md-4{ padding-right: 0; }
    #guide-1 .table td:nth-child(2) { font-size: 1rem; padding-right: 0; }
    #guide-1 .table td{ padding-right: 0; padding-left: 0; }

    i.ico_star{ display: inline-block; width: 0.8rem; height: 0.8rem; background: url(/Common/images/layout/ico_star.png) 0 0 no-repeat; background-size:100%; }
    .checkpoint{   padding: 0 0 1rem 2.5rem; }
    .checkpoint li:before{
        position: absolute;
        left: 1rem;
        width: 1.5rem;
        height: 1.5rem;
        background: url(/Common/images/product/ico_check.png) 0 0 no-repeat; background-size: 100%;
        content: '';
     }
     .bbs .num{ display: none; }
     .sub_body .colorchip { padding: 1rem; }
}
@media (max-width: 1199px) {
    .sub_vis_1 {
        padding: 5rem 0;
        width: 100%;
        height: auto;
        background: url(/Common/images/layout/bg_about_m.jpg) 50% 0 no-repeat !important;
        background-size: cover !important;
    }

    .sub_vis_2 {
        padding: 5rem 0;
        width: 100%;
        height: auto;
        background: url(/Common/images/layout/bg_stroller_m.jpg) 0 0 no-repeat !important;
        background-size: cover !important;
    }

    .sub_vis_3 {
        padding: 5rem 0;
        width: 100%;
        height: auto;
        background: url(/Common/images/layout/bg_carseat_m.jpg) 70% 0 no-repeat !important;
        background-size: cover !important;
    }

    .sub_vis_4 {
        padding: 5rem 0;
        width: 100%;
        height: auto;
        background: url(/Common/images/layout/bg_inhome_m.jpg) 60% 0 no-repeat !important;
        background-size: cover !important;
    }

    .sub_vis_5 {
        padding: 5rem 0;
        width: 100%;
        height: auto;
        background: url(/Common/images/layout/bg_carrier_m.jpg) 50% 50% no-repeat !important;
        background-size: cover !important;
    }

    .sub_vis_6 {
        padding: 5rem 0;
        width: 100%;
        height: auto;
        background: url(/Common/images/layout/bg_life_m.jpg) 70% 0 no-repeat !important;
        background-size: cover !important;
    }

    .sub_vis_7 {
        padding: 5rem 0;
        width: 100%;
        height: auto;
        background: url(/Common/images/layout/bg_support_m.jpg) 50% 50% no-repeat !important;
        background-size: cover !important;
    }
}


/*메뉴*/
.MO_Menu header {
    position: fixed;
    width: 100%;
    height: 50px;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #ccc;
}

.MO_Menu header .topmenu {
    position: absolute;
    top: 14px;
    left: 10px;
    display: block;
    font-size: 0;
    width: 30px;
    height: 30px;
    background: url(/Common/images/layout/t_menu.png) no-repeat;
    background-size: 26px;
}

.MO_Menu header h1 {
    width: 125px;
    height: 33px;
    margin: 10px auto 0 auto;
}

.MO_Menu header h1 a {
    max-width: 100%;
    height: 33px;
    display: block;
    background: url(/Common/images/t_logo.png) 0 0 no-repeat;
    background-size: 100%;
    font-size: 0;
}

.MO_Menu header .shop {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 30px;
    height: 33px;
    font-size: 0;
    background: url(/Common/images/t_shop.png) no-repeat;
    background-size: 30px;
}
.etc .store a{ vertical-align: middle; line-height: 3.4rem; }

@media (max-width: 1199px) {
    .PC_Menu {
        display: none;
    }

    .MO_Menu {
        display: block;
    }
    main{ padding-top: 50px !important; }
}

@media (min-width: 1199px) {
    .PC_Menu {
        display:block;
    }
    .MO_Menu {
        display:none;
    }
}


/*scroll top*/
.chatbot{
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 100px;
    text-align: center;
  }
.scroll-to-top { 
    width: 50px;
    height: 100px;
    display: none;
    color: white;
    background: rgba(52, 58, 64, 0.5);
    line-height: 45px;
    padding: 0.5rem;
}

.scroll-to-top:focus, .scroll-to-top:hover {
    color: white;
}

.scroll-to-top:hover {
    background: #343a40;
}
.scroll-to-top img{ width: 30px;}

/*디자인공모전 추가 ---나중에 삭제요망 2019.05.24*/
.contest{ background: #82d1da; }
.contest .btn{ padding: 1rem 3rem; font-size: 1.5rem; margin-right: 1rem; margin-bottom: 1rem;}
.contest .blue{ background-color:#42abba; color: #fff;   }
.contest .blue:hover,.contest .blue:focus{ background-color:#217986; }

.apply { width: 90%; padding: 5rem; background-color: #fff;}
.apply h1{ color: #4a2b00; text-align: center; font-weight: bold; word-spacing: -1; padding:0 0 2rem 0 ; }
.apply h5{ color: #4a2b00; margin: 1rem 0;}