@charset "UTF-8";
nav{  
    transition: .2s;
} 
* {
  -webkit-overflow-scrolling: touch;
}
.pc_menu { display: block; }
.mo_menu { display: none;  }
.sticky-top{ position: fixed;  top: 0;  width: 100%; }

.container{ max-width: 1180px; }
/*.row{ margin-right: 0 !important; margin-left: 0 !important;}*/
/*공통*/
.small{ font-size: 0.9rem !important; }
/*버튼*/
.btn.btn-outline-light{ border-radius: 1.2rem; padding: 6px 1.5rem; }
.btn.btn-outline-dark{ border-radius: 1.2rem; padding: 6px 1.5rem; }
.btn-dark{ border-radius: 1.2rem; padding: 6px 1.5rem; background-color: #333; transition: all 0.5s ease;}
.btn-dark:hover{ background-color: #666; }
.btn:focus,.btn:active,.btn-dark:focus, .btn-dark:active  {
   outline: none !important;
   box-shadow: none;
}
.btn{ border-radius: 1.5rem;}

.dropdown-toggle::after { display: none;}
.ic_down{ display: block; position: absolute; right:1rem; top: 2px; width: 2rem; height: 2rem; background: url(/Common/images/layout/ico_down.png) 50% 50% no-repeat;}
.ic_up{ position: absolute; right:1rem; top: 2px; width: 2rem; height: 2rem; background: url(/Common/images/layout/ico_up.png) 50% 50% no-repeat;}

.pc_menu{ max-width: 100%; height: 95px; background:#fff; top: 0;  left: 0; z-index: 100; border-bottom: 1px solid #ccc;}
.pc_menu .logo{ position: absolute; font-size: 0; width: 160px; height: 119px; z-index: 110;  max-width: 100%; }
.pc_menu .logo a{ width: 100%; height: 100%; display: block; background: url(/Common/images/layout/logo.png) 50% 50% no-repeat; background-size: 160px 119px;}
.pc_menu .d-none{ font-size:1.1rem; line-height: 95px;  width: 176px; }
.pc_menu .shop{ width: 3rem; height: 95px; line-height: 95px; background: url(/Common/images/layout/top_shop.png) center center no-repeat; background-size: 3rem;}
.pc_menu .dropdown:first-child{ left: 200px; }
.pc_menu .navbar-header{ height: 95px; width: 100%;}
.pc_menu .dropdown-toggle::after { border: 0;}
.pc_menu .dropdown-menu{ border-radius: 0;/* margin-top: -33px; */}
.pc_menu .dropdown-item { display: block;  width: 100%;  clear: both;  font-weight: 400;    color: inherit;}
.pc_menu .list-group-item{  border: 0;  line-height: 1rem; }

.mega_menu .list-group-item{ background-color: transparent; padding: 0.75rem 0; }
.mega_menu .tguide { margin:1rem 40px 0 0; width: 230px;}
/*드랍다운 클릭대신 마우스 오버시*/
.pc_menu .dropdown:hover > .dropdown-menu {     display: block;}
.mega_menu { position: absolute; width: 100%; padding: 1rem 0; z-index: 101; background-color:  rgba(255,255,255,0.8); display:none; }

.clear{ clear: both; }
.dis_off{ display:none;}
.dis_oon{ display:block;}
.footer{ background-color: #f6f6f6; }
.footer p{ font-size: 0.8rem; color: #999;  }
.footer .familysite{ font-family: ;  background-color: #fff; border: 1px solid #ececec; transition: background-color 0.5s ease;  }
.footer .familysite:hover, .footer .familysite:active{ background-color: #f6f6f6; border: 1px solid #f6a704;  }
.footer .familysite .dropdown-menu{ padding: 0; }

.main_wrap{ margin-top: 50px; }

/* 메인롤링 이미지 */
.slide_img1{
    background: url(/Common/images/home/main_vis_05.jpg) left top no-repeat;
    height: 100%;
    max-width: 100%;
    padding-bottom: 0;
    background-size: 100% ;
   /* background-attachment: fixed;*/
    position:scroll;
} 
.slide_img2{
    background: url(/Common/images/home/main_vis_01.jpg) left top no-repeat;
    height: 100%;
    max-width: 100%;
    padding-bottom: 0;
    background-size: 100% ;
   /* background-attachment: fixed;*/
    position:scroll;
} 

.slide_img3{
    background: url(/Common/images/home/main_vis_03.jpg) right top no-repeat;
    height: 100%;
    max-width: 100%;
    padding-bottom: 0;
    background-size: 100% ;
   /* background-attachment: fixed;*/
    position:scroll;
}
.slide_img4{
    background: url(/Common/images/home/main_vis_04.jpg) right top no-repeat;
    height: 100%;
    max-width: 100%;
    padding-bottom: 0;
    background-size: 100% ;
   /* background-attachment: fixed;*/
    position:scroll;
}
.slick-slide {
    outline: none !important;
    overflow: hidden;
}
.slick-dots{ position: relative !important; margin-top: -100px !important; padding: 0; float: right; }
.slick-dots li button:before { opacity: 1 !important; font-size: 1.4rem !important; color:#ec9522 !important; }
.slick-dots li.slick-active button:before { color: #eee !important; opacity: 1 !important;}

.main_slide .carousel-caption{ top: 50%;  display: inline; }
.main_slide .carousel-caption h3{ font-size: 0;  }
.main_slide .carousel-caption p{font-size:1.2rem; font-weight: 400; }

.slick-prev { left: 1rem !important;}
.slick-next { right: 1rem !important; visibility: hidden;}

/*버튼*/
.btn.btn-outline-light{ border-radius: 1.2rem; padding: 6px 1.5rem; }
.btn.btn-outline-dark{ border-radius: 1.2rem; padding: 6px 1.5rem; }
.btn.btn-dark{}
.btn.btn-dark:hover{ background-color: #666; }

/*메인 제품탭*/
.carousel-item {
    outline: none !important;
}
.main_pro { padding: 5rem; }
.main_pro h2{ font-weight: 500; padding-bottom: 2rem; }
.main_pro h2 img{ padding: 1rem; }
.main_Tab .nav-tabs { border-bottom: 2px solid #f6a704;  }
.main_Tab .nav-tabs .nav-item.active { font-size: 1rem; z-index: 1; background-color:#f6a704; }
.main_Tab .nav-tabs .nav-item.active:nth-child(1):before { 
  content: ''; display: block;
  position: absolute; left: 5rem; top:1rem;
  width: 4rem; height:  4rem;
  background: url(/Common/images/layout/category-carseats-white.png) 50% 50% no-repeat; background-size: 100%;
}
.main_Tab .nav-tabs .nav-item.active:nth-child(2):before { 
  content: ''; display: block;
  position: absolute; left: 5rem;top:1rem;
  width: 4rem; height:  4rem;
  background: url(/Common/images/layout/category-pushchairs-white.png) 50% 50% no-repeat; background-size: 100%;
}
.main_Tab .nav-tabs .nav-item.active:nth-child(3):before { 
  content: ''; display: block;
  position: absolute; left: 5rem;  top:1rem;
  width: 4rem; height:  4rem;
  background: url(/Common/images/layout/category-highchairs-white.png) 50% 50% no-repeat; background-size: 100%;
}

.main_Tab .nav-tabs .nav-item.active h4,.main_Tab .nav-tabs .nav-item.active h5 { color: #fff; }
.main_Tab .nav-tabs .nav-link{
    padding: 1rem; vertical-align: middle!important; 
    display: inline-block;
    position: relative;
    border: 0;
    color: #333;
    background-color: #f1f1f1;
    border-radius: 1rem 1rem 0 0; }
.tab-content{ height: 42rem; padding: 5rem 0; }
.main_prod p{ font-size: 0.9rem !important; color: #767676; text-align: center; margin-top: 0.4rem; }
.mPlay{ height:36rem;  
    background: url(/Common/images/home/main_play.jpg) 50% 50% no-repeat;
    max-width: 100%;
    padding: 5rem 0;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    text-align: center;
  } 
.mPlay h2{ text-align: center; color: #fff; font-size: 3rem; }
.mPlay p{text-align: center; color: #fff; font-size: 1.2rem; }
.mPlay a { position: relative; left:calc(50% - 5.5rem); display: block; width: 10rem; height: 10rem; }
.mPlay a img{ opacity: 0.6; transition: 0.4s; }
.mPlay a img:hover{  opacity: 1;  }
.mlink { margin:5rem auto; }
.mlink h3,.mlink p{ text-align: center; padding: 5px 0 0 0; }

/*메인인스타*/
.insta{ background: url(/Common/images/layout/bg_mangowave.gif); padding: 5rem 0 ;}
.insta ul { padding: 3rem 1rem; }
.insta ul li img{ border: 2px solid #fff; border-radius: 1rem; width: 14rem; height: 14rem; }

/*서브 레이아웃*/
.homemenu { border-bottom: 1px solid #cecece; border-top: 1px solid #cecece;  }
.homemenu > .container{ display: flex; }
.homemenu .container .btn{ text-decoration: none; text-align: left; width: 15rem;   padding: 0 1rem; height: 3rem; line-height: 100%; border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-radius: 0; margin-left: -1px; }
.homemenu .container .btn:focus,.homemenu .container.btn:active {
   -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.2);
}
.homemenu .container .dropdown .ic_down{ margin-right: -1rem; }
.homemenu .container .dropdown-menu{ width: 15rem;  padding: 0; margin-top: -1px;}
.homemenu .container .dropdown-menu li{ padding: 1rem ; }
.homemenu .container .dropdown-menu li:hover{ background-color: #f7f7f7; }
.homemenu .container .gohome{ display: block;  width: 3rem; height: 3rem; background: url(/Common/images/layout/home.png)50% 50% no-repeat;}

/*.main_wrap{ margin: 0 0 3rem 0; }*/
#sub_img {
    min-height: 28rem;
    background: transparent;
    font-size: 0;
} 

.btn.btn_mango{ font-family:'GothamRounded-book', 'Noto Sans KR', arial, 맑은 고딕 ;  font-weight: 400; color: #000;  background-color: #fff;  background-image: none; border-color: #959595; border-radius: 1.2rem;  padding: 6px 1.5rem; }
.btn.btn_mango:hover{color: #fff; background-color: #f6a704; border-color: #f6a704; }
.btn.btn_mango_s{ font-family:'GothamRounded-book', 'Noto Sans KR', arial, 맑은 고딕 ;  color: #fff; background-color: #f6a704; border-color: #f6a704;  border-radius: 1.2rem;  padding: 6px 1.5rem; }

/*브랜드스토리*/
.story_title{ height:23rem;  background: url(/Common/images/about/bg_blustripe.gif) repeat; padding: 7rem 0; }
.story_title h2{ font-size: 0; margin: auto; text-align: center; }

.story_title0910 { height:26rem;  background-color: #f5a81c; padding: 4rem 0; }
.story_title0910 h2{ font-size: 0; margin: auto; text-align: center; }
.story_title0910 p{ font-size: 1.2rem; color: #fff; margin: auto; text-align: center; padding: 1rem 2em 0 2em;  }

.story_bg1{ text-align: center;}
.story_bg1 p{ font-size: 1.4rem; margin: auto; text-align: center; }
.story_bg2{ background-color: #d51460; padding: 5rem 7rem;  }
.story_bg2 .row .col-4 img{ width:14rem; height: 14rem; margin:1rem 0;}
.story_bg2 h4,.story_bg2 p { padding: 0.8rem 0 1rem; color: #fff; font-family:'GothamRounded-book', 'Noto Sans KR', arial, 맑은 고딕 ;  font-weight: 300; }
.story_bg2 h4{ font-size: 1.2rem; }

.story_bg20910{ background-color: #477ec1; padding: 2rem 2rem; }
.story_bg20910 h2{ font-size: 0; margin: auto; text-align: center; }

.story_csr ul{ margin: 5rem; font-size: 1.2rem; }
.story_csr li{ margin-bottom: 5rem; }
.story_csr li:nth-child(1){ background-size: 3rem 5rem; background: url(/Common/images/about/award_icon_01.jpg) 0 0 no-repeat; padding: 0 0 0 10rem; }
.story_csr li:nth-child(2) { background-size: 3rem 5rem; background: url(/Common/images/about/award_icon_02.jpg) 0 0 no-repeat; padding: 0 0 0 10rem; }
.story_csr li:nth-child(3){ background-size: 3rem 5rem; background: url(/Common/images/about/award_icon_03.jpg) 0 0 no-repeat; padding: 0 0 0 10rem; }


/*.story_csr0910 ul{ margin: 5rem; font-size: 1.2rem; }
.story_csr0910 li{ margin-bottom: 5rem; }*/


.story_csr0910{  padding: 5rem 1rem;  }
.story_csr0910 .row .col-4 img{ width:14rem; height: 14rem; margin:2rem 0;}
.story_csr0910 p { padding: 0.8rem 0 3rem 0 ;  font-family:'GothamRounded-book', 'Noto Sans KR', arial, 맑은 고딕 ;  font-weight: 300; }
.story_csr0910 h4{ font-size: 1.2rem; }
.story_csr0910 .box0910 {margin: auto; text-align: center;}


.main_wrap p{ font-size: 1.21rem; font-weight: 300; }
.lfc { padding: 6.563rem 3.25rem; text-align: center; }
.lfc h3{ padding: 7rem 0 1rem 0; color: #dd0715; font-size: 3rem;  }
.lfc p{font-weight: 400;  padding: 1rem 0;}
.lfc_bg { background: url(../../Common/images/about/lfc_bg.jpg) center center no-repeat; background-size: cover; }
.lfc_bg img{ padding: 5.813rem 0; }
.lfc_bg:after { content: ''; 
    display: block;
    width: 0; 
    height: 0; 
    border-left: 5rem solid transparent;
    border-right: 5rem solid transparent;
    border-top: 5rem solid #b51a20; 
    position: relative;
    left: calc( 50% - 5rem);
    bottom: -5rem;}
.lfc_bg_s { text-align: center; background: url(../../Common/images/about/lfc_bg.jpg) center center no-repeat; background-size: 100% 100%; }
.lfc_bg_s img{ padding: 2rem 0; }
.lfc_pro{ text-align: center; } 
.lfc_pro p{ padding: 3rem 0; font-weight: 400; }
.lfc_pro h5{ padding: 1rem 0.6rem; }
.lfc_pro span{ color: #dd0715; font-weight: 600; }

/*02 안전 */
.safety { padding-top: 5rem;  padding-bottom: 4rem;   }
.safety h2{ font-size: 2.6rem; font-weight: 600; text-align: center; }
.safety ul li{ text-align: center; }
.safety ul li h5{ text-align: center; padding-bottom: 5rem; padding-top: 1rem; }
.safety ul li.col-3{ text-align: center;  } 
.safety .safety_bg{}
.safety .container{ position: relative; }
.safety .arrow{ position:absolute; top: 0; right: 15%; }
.safety .row .col-6{ padding-bottom: 2rem; padding-right: 5rem;}
.safety .row .col-6 img{ margin: 3rem 0 1rem 0; }
.safety .row .col-6 h5{ margin: 0 0 1rem 0; }
.border_dashed{   height: 2px;   background-image: linear-gradient(90deg, #b9b9b9, #b9b9b9 50%, transparent 50%, transparent 100%);   
      background-size: 20px 10px, 100% 3px;  border: none;
}
.lookbl { margin-top: 8rem; text-align: center;}
.lookbl h2{ font-size: 3rem; font-weight: 600; padding-bottom: 1rem; margin: 5rem 0 1rem 0;  background: url(/Common/images/layout/signatureTitleBg.png) center bottom no-repeat;  }
.lookbl p,.lookbl h4{ margin-bottom: 2rem; }
.lookbl h3 { margin: 7rem 0 2rem 0;  }
.lookbl .col-4{ padding: 1rem; }
.lookbl .col-4 h5{ margin: 1rem 0; }
.lookbl .col-4 p{ font-size: 1rem; }
.lookbl_01{ }
.lbl_play{ min-height: 25rem; background: transparent;  }
.lbl_play h2{ color: #fff; text-align: center;}
.lbl_play a { position: relative; left:calc(50% - 5.5rem); display: block; width: 10rem; height: 10rem; }
.lbl_play a img{ opacity: 0.6; transition: 0.4s; }
.lbl_play a img:hover{  opacity: 1;  }
.lookbl_01{ text-align: center; padding-bottom: 7rem; padding-top: 5rem; }
.lookbl_01 h3{ margin: 2rem 0 2rem 0;font-weight: 600;  }
.lookbl_01 .enM{ font-size: 5rem; color: #f6a704; }
.lookbl_01 p{ font-size: 1rem; }
.lookbl_01 h5{ padding: 1rem 0; }
.lookbl_tip{ position: relative; background-color: #f6a704; color: #fff; text-align: center; }
.lookbl_tip h2{ color: #fff; font-weight: 500; padding: 0 0 2rem 0; }
.lookbl_tip p{  color: #fff; }
.lookbl_tip:after { content: ''; 
    display: block;
    width: 0; 
    height: 0; 
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    border-top: 3rem solid #f6a704; 
    position: absolute;
    left: calc( 50% - 3rem);
    bottom: -3rem;}
.upto18{ background-color: #f0f0f0; padding: 3rem 0; overflow: hidden; }
.upto18 p{  font-size: 3.25rem; text-align: left; font-weight: 400; padding-bottom: 1rem;}
.upto18 strong{ font-weight: 600;  }
.upto18:before { content: ''; 
    display: block;
    width: 0; 
    height: 0; 
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    border-top: 3rem solid #fff; 
    position: relative;
    left: calc( 50% - 3rem);
    top: -3rem;}

/*아이사이즈 */
.isize { margin-top: -3rem;  padding-bottom: 4rem;  text-align: center; line-height: 1.6; }
.isize h2{  color: #055477; font-size: 3rem; font-weight: 600; margin: 2rem 0 1rem 0; }
.isize h3, .isize_02 h3{  color: #055477; font-size: 2rem;}
.isize h3 em, .isize_02 h3 em{  color: #055477;}
.isize ul li{ text-align: center; }
.isize ul li h5{ text-align: center; padding-bottom: 5rem; padding-top: 1rem; }
.isize ul li.col-3{ text-align: center;  }
.isize_01{ min-height: 30rem; background: url(/Common/images/safety/img_isize_01.jpg) center bottom no-repeat;}
.isize_02{ text-align: center; padding: 5rem 0; }
.isize_02 .enM{ color: #055477; }
.isize_02 img{ width: 6rem; height: auto; margin: 1rem 0; }
.isize_02 h5{ color: #055477; font-size:1.4rem; }
.isize_02 p{ font-size: 1rem; }
.isize_02 .pr img{ width: 26rem; height: auto; margin: 1rem 0; }
.isize_02 .pr p{ font-size: 0.9rem; color: #666; }

.isize_play{ min-height: 30rem; background: transparent;  }
.isize_play a {position: relative; left:calc(50% - 5.5rem); display: block; width: 10rem; height: 30rem; }
.isize_play a img{ padding-top: 10rem; opacity: 0.6; transition: 0.4s; }
.isize_play a img:hover{  opacity: 1;  }
.isize_pr img{ width: 20rem; height: auto; margin: 1rem 0; }
.isize_tip{ position: relative; background-color: #055477; color: #fff; text-align: center; }
.isize_tip h2{ color: #fff; font-weight: 500; padding: 0 0 2rem 0; }
.isize_tip p, .isize_tip .enM{  color: #fff; }
.isize_tip:after { content: ''; 
    display: block;
    width: 0; 
    height: 0; 
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    border-top: 3rem solid #055477; 
    position: absolute;
    left: calc( 50% - 3rem);
    bottom: -3rem;}
.isize_03{ padding: 5rem 0; }
.isize_03 .card button{ color: #055477; font-size:1.4rem; }
.isize_03 .card .card-body, .isize_03 .card .card-body p{ font-size:1rem; color: #555; font-weight: normal; }
.isize_03 .card .card-body p{ margin: 1rem 0; }

/*제품 목록 hover*/
.filter h3{ font-weight: 500; }
.filter h4{ padding-top: 0.5rem; }
.filter span{ padding: 2rem 0; font-size: 1rem; color: #666; font-weight: 300;}
.filter .step3 .btn-dark{ color: #fff; background:#000 url(/Common/images/layout/ico_refresh.png) 1rem center no-repeat; background-size: 1.4rem;}
.filter .step3 .btn-dark:hover, .filter .step3 .btn-dark:active{  background:#666 url(/Common/images/layout/ico_refresh.png) 1rem center no-repeat;background-size: 1.4rem;  }

.prlist{ padding-bottom: 6rem; }
.prlist h4{ font-size: 1.2rem; font-weight: 500;  }
.prlist p{ font-size: 0.9rem; color: #666; background-color: #eee; border-radius: 3rem; margin-top:0.5rem; }
.prlist .list_view{ transition: all 0.4s ease-in-out; border:1px solid #eee; background-color: #fff; } 
.prlist .list_view h4, .prlist .list_view_S h4{ padding: 1rem 0; }
.prlist .list_view_S { border: 2px solid #f6a704; background-color: #fff; }
.prlist .list_view .img-fluid,.prlist .list_view_S .img-fluid { width: 100%; }
.prlist .btn_mango{ opacity: 0; transform: translateY(-20px);   transition: all 0.2s ease-in-out;}
.prlist .prd{ margin-bottom: 3rem; }

.list_view_S nav{ position: absolute; left: 30%;  top: 30%; text-align: center; padding: 0.5rem;}
.list_view_S:hover { 
    border: 2px solid #f6a704; background-color: #fff;  
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2); 
}
.list_view_S:hover .btn_mango {
  opacity: 1;
  -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
  transform: perspective(1000px) rotate3d(1,0,0,0);
}

.list_view nav{ position: absolute; left: 30%;  top: 30%; text-align: center; padding: 0.5rem;}
.list_view:hover { 
    border: 2px solid #f6a704; background-color: #fff;  
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2); 
}
.list_view:hover .btn_mango {
  opacity: 1;
  -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
  transform: perspective(1000px) rotate3d(1,0,0,0);
}
.btn.disabled, .btn:disabled { opacity: 0.4 !important; }
.disabled:hover { 
    border: none; background-color: #fff;  
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0) }

.btn.disabled nav a,.btn:disabled nav a{ display: none; }

.guide_tip{ padding:0 3rem 5rem 3rem; }
.guide_tip h4{ font-size: 2rem; text-align: center; font-weight: 500; padding: 3rem 0 1rem 0; }
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_tip .table img{ width: 5.5rem; height: 5.5rem; }
.guide_tip .table { border-bottom: 1px solid #dee2e6; }
.guide_tip .table th, .table td{ vertical-align: middle; text-align: center;}
.guide_tip .table th{ font-size: 1.2rem;  }
.guide_tip .table td:nth-child(1) { width:15%; }
.guide_tip .table td:nth-child(2), #guide-1 .table td:nth-child(3) {text-align: left; }
.guide_tip .table td:nth-child(3) { font-weight: 200; font-size: 0.9rem; text-align: left; padding-left: 5rem;}



.pr_detail{ padding: 7rem 2rem 2rem 2rem; }
.pr_view{ width: 100%; border:1px solid #b2b2b2; }
.pr_detail .pr_title{  font-family:'GothamRounded-medium', 'Noto Sans KR', arial, 맑은 고딕 ; font-size:3.25rem;  font-weight: 500; }
.pr_detail .pr_color{ display: flex; padding-left: 0.2rem; margin: 1rem 0; }
.pr_detail .pr_color span{ display: inline-flex; width: 1.4rem; height: 1.4rem; margin-right: 0.5rem; }
.pr_detail .pr_tag{ display: flex; padding-left: 0.2rem; margin: 1rem 0; }
.pr_detail .pr_tag span{  display: inline-flex; margin-right: 0.5rem; color: #666; }
.pr_detail dl{ display: block; }
.pr_detail dl dt{ width:8rem; background: url(/Common/images/layout/ic_bullet.png) 0 65% no-repeat; }
.pr_detail dl dd{ width:calc( 100% - 8rem); }
.pr_detail dl dt,.pr_detail dl dd{ float: left; font-family:'GothamRounded-medium', 'Noto Sans KR', arial, 맑은 고딕 ; font-size:1.25rem;  font-weight: 500; padding: 0.5rem 0 0 1.5rem;}
.pr_detail .pr_btn .btn{ margin:  2rem 0; font-size: 1.2rem;border-radius: 1.5rem;  padding: 10px 3rem; }
/*제품 상세 html*/
.pr_html{ padding: 3rem 10rem; text-align: center; }

.signature{ background-color: #b0aa9f; text-align: center; padding: 5rem 0;}
.signature h4, .signature p{ color: #fff; }
.signature_01{ text-align: center; padding: 5rem 0; }
.signature_01 h2{ font-size: 3rem; font-weight: 600; padding-bottom: 1rem; margin: 5rem 0 1rem 0;  background: url(/Common/images/product/line_01.png) center bottom no-repeat; }
.signature_01 a{ padding: 3rem;  }
.signature_01 a img{ height: 20rem; margin: 3rem 0; }
.signature_01 a > h5{ padding-bottom: 1rem; transition: background-size 0.5s ease; background-size: 0; }
.signature_01 a:hover h5{ background-size: 100% 2px; background: url(/Common/images/product/line_02.png) center bottom no-repeat;  }
.signature_02{ text-align: center; padding: 10rem 0; margin-top: 15rem; background-color: #b0aa9f;}
.signature_02 .row{ margin-top: -18rem; }
.signature_02 p{ }

/*커뮤니티*/
.bbs_body {  text-align: center; padding: 0 0 8rem 0;}
.bbs_body h2{ font-size: 3rem; font-weight: 600; padding-bottom: 1rem; margin: 5rem 0 3rem 0;  background: url(/Common/images/layout/signatureTitleBg.png) center bottom no-repeat;  }
.bbs_body table{ border-bottom: 1px solid #efefef; }
.bbs_body .tit {font-size: 1.6rem; font-weight: 500;  border-top: 1px solid #efefef; padding: 1rem; }
.bbs_body .date{ font-size: 1rem;  font-family: arial; color: #666; }
.bbs_body .sub_cont{ padding: 0 5rem; }
.bbs_body #BBSContents { padding: 3rem;}
.bbs_body #BBSContents img{ max-width: 100%; height: auto; }
.bbs_body #BBSContents span{ font-size: 1.1rem !important; text-align: left !important; } 

/*이벤트*/
.evlist .sort{}
.btn-sort{ border: 1px solid #e7e7e7; border-radius: 0.25rem; width: 7.5rem;  transition: all 0.4s; }
.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));}
.evlist .ev_ing, .evlist .ev_end{margin-bottom: 5rem;}
.evlist .event_link img{ width: 25rem; height:18.125rem; }
.evlist nav h4{ font-size: 1.1rem; font-weight: 400; padding: 1rem 0;}
.evlist nav p{  font-family: arial; font-size: 0.9rem; font-weight: 300; color: #666; }
.evlist .ev_ing nav p span{ color: #fff; background: #f6a704; 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:#f6a704 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:18.125rem; 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;
}

.gallery .youtubelist:before{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;   
    background: url(/Common/images/layout/play.png) center center no-repeat;
    background-size: 3rem 3rem;
    pointer-events: none;
    z-index: 100;
    transition: 0.4s;
    cursor: pointer;
}
.gallery .youtubelist:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url(/Common/images/layout/play.png) center center no-repeat;
    background-size: 3rem 3rem;
    content: '';
    transition: 0.4s;
}
.gallery .youtubelist:hover:after,
.gallery .youtubelist:hover:before {
    opacity: 1;
}


/*고객서비스*/
.service{ padding:6rem 3rem; }
.service h2{ text-align: center; font-size: 3rem; font-weight: 600; padding-bottom: 1rem; margin: 5rem 0 1rem 0;  background: url(/Common/images/product/line_01.png) center bottom no-repeat; }
.service .list_icon{ padding: 5rem 0;text-align: center;  }
.service .list_icon h4{  padding: 1rem 0 ; font-weight: 500;  }
.service .list_icon p{ font-size: 1rem; }
.service .bg-light{ padding:5rem; }
.service .bg-light h3{ font-weight: 400; }
.service .bg-light ul{ list-style: disc; padding: 1rem; }
.service .bg-light ul li{ font-size: 1.15rem; font-weight: 300; padding: 0.5rem 0; }
.service .btn-dark{ padding:1rem 3rem; font-size: 1.4rem; border-radius: 3rem;}
.service .card{ font-size: 1.1rem; }
.sercive blockquote { font-size: 1rem; }
.sercive blockquote li{ font-size: 1rem; }

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

@media (max-width: 991px) { 
  html { font-size: 0.9rem;  }
  main{ padding-top: 50px !important; }
  .pc_menu { display: none !important; }
  .mo_menu { display: block !important;  }

  .mo_menu { background-color: #fff; height: 60px; padding: 0; }
  .mo_menu .logo{ position: absolute; font-size: 0; padding-left: 1rem; width: 100px; height: 55px;z-index: 110;  max-width: 100%; display: block;}
  .mo_menu .logo a{ width: 100%; height: 100%; display: block; background: url(/Common/images/layout/logo-sticky1.png) 50% 50% no-repeat; background-size:100% auto;}
  .mo_menu .navbar-toggle { position: absolute; right: 5px; top: 0; width: 3rem; height: 60px; font-size: 0; }
  .mo_menu .navbar-toggle .ic_menu{ display: block; width: 100%; height: 100%; background: url(/Common/images/layout/t_menu.png) 50% 50% no-repeat; background-size: 2.5rem 2.5rem;}
  #topmenu{ background-color: #f6a704; margin-top: 60px; padding: 1rem 1rem 3rem 1rem;}
  #topmenu .dropdown{ padding: 0.75rem 1rem;width: 100%; height: auto; text-align: center;  }
  #topmenu .dropdown a{ font-size: 1.2rem; font-weight: 500; }
  #topmenu .dropdown .dropdown-menu { width: 100%; text-align: center;  background-color: #f5b635; border-radius: 5px;}
  #topmenu .dropdown .dropdown-menu .list-group-item{ border:0; background: transparent; display: block; font-size: 1.1rem;font-weight: 300;  }
  
  .main_pro { padding: 3rem 0 1rem 0; }
  .main_pro h2{ font-size: 1.6rem;  }
  .main_pro h2 img { padding: 1rem; width: 7rem; }
  .main_Tab .nav-tabs .nav-item.active:nth-child(1):before, 
  .main_Tab .nav-tabs .nav-item.active:nth-child(2):before,
  .main_Tab .nav-tabs .nav-item.active:nth-child(3):before{ background: none; }
  
  .slide_img1{ background: url(/Common/images/home/main_vis_05_m.jpg) 50% 50% no-repeat;background-size: cover; }
  .slide_img2{ background: url(/Common/images/home/main_vis_01_m.jpg) 50% 50% no-repeat;background-size: cover; }
  .slide_img3{ background: url(/Common/images/home/main_vis_03_m.jpg) 50% 50% no-repeat;background-size: cover; } 
  .slide_img4{ background: url(/Common/images/home/main_vis_04_m.jpg) 50% 50% no-repeat;background-size: cover; } 
 

  .main_slide .carousel-caption{ top: 2rem;}
  /*01 white*/
  

  .tab-content { height: 34rem; max-width: 100%; padding: 2rem 0; }
  .tab-content h4{ font-size: 1.2rem; }
  .mPlay{ height:24rem;  
    background: url(/Common/images/home/main_play_m.jpg) 50% 50% no-repeat;
    max-width: 100%;
    padding: 2rem 0;
    background-size: cover; 
    background-attachment: scroll; 
  } 
  .mPlay a img{ width: 7rem; height: 7rem; }

  .insta ul li img{ border: 2px solid #fff; border-radius: 1rem; width: 5rem; height: 5rem; }
  .homemenu .container .dropdown{ height: 3rem; width: 40%; margin-left:  -1px;}
  .homemenu .container .dropdown .btn{ padding: 0 1rem; width:100%; }
  .homemenu .container .dropdown .ic_down{ display: none; }
  .homemenu .container .dropdown-menu{ width: 4rem;  padding: 0; margin-top: -1px;}
  .homemenu .container .dropdown-menu li{ padding: 1rem ; }
    
  #sub_img {
      background-position: 30% center !important;
  } 


  /*제품상세 이미지 사이즈 키우기*/
  .pr_detail{ padding: 1rem 1rem 1rem 1rem; }
  .pr_detail .pr_html{ padding: 3rem 0; text-align: center; margin:0; }
  .pr_detail .pr_html img{ width: 100%;  }
  .pr_detail .px-5 { padding: 0 !important; }
  .pr_detail .pr_title {text-align: center; padding-top: 2rem;}

  .story_title { height:18rem; padding: 7rem 2rem; }
  .story_bg1 {  padding: 2rem;  }
  .story_bg1 p{ font-size: 1rem;  }
  .story_bg2{  padding: 5rem 2rem;  }
  .story_bg2 .col-md-4 { padding: 2rem; }
  .story_bg2 .col-md-4 img{ padding: 1rem; }
  .story_csr ul{ margin: 5rem 1rem 0 1rem; font-size: 1.1rem; }
  .story_csr li:nth-child(1){ background-size: 65px 83px !important; padding: 0 0 0 6rem; }
  .story_csr li:nth-child(2) { background-size: 65px 4rem !important; padding: 0 0 0 6rem;  }
  .story_csr li:nth-child(3){ background-size:  65px 4rem !important; padding: 0 0 0 6rem;  }

  .lfc { padding: 3.25rem 1rem; text-align: center; }
  .lfc h3 {
    padding: 4rem 0 1rem 0;
    color: #dd0715;
    font-size: 2rem;
  }
  .safety h2{ font-size: 1.8rem; font-weight: 600; text-align: center; }
  .safety h5{ text-align: center; padding: 3rem 0;  }
  .safety p{ font-size: 1.1rem; }
  .safety ul li{ text-align: center; }
  .safety .row .col-6{ padding-bottom: 2rem; padding-right: 1rem;}
  .safety .row .col-6 img{ margin: 3rem 0 1rem 0; }
  .safety .row .col-6 h5{ margin: 0 0 1rem 0; }
  .safety .arrow{ position:absolute; top: 0; right: 0; z-index: -1;}
  .safety.container{padding: 1rem;}
  .border_dashed {
     display: none;
  }
  .guide_tip { padding: 0 0 5rem 0;}/*
  .guide_tip .table th:nth-child(1), .guide_tip .table th:nth-child(3)  {display: none;}
  .guide_tip .table td:nth-child(1), .guide_tip .table td:nth-child(3) {display: none;}*/
  .guide_tip .table td:nth-child(2) { font-size: 1rem; text-align: center; }
  .guide_tip .table th, .table td {vertical-align: middle; text-align: center; padding: 0.5rem 0;}

  .lookbl_01 .enM{ font-size: 3rem; color: #f6a704; }
  .lookbl p{ font-size: 1rem; padding-bottom: 3rem; }
  .upto18 p{  font-size: 1.25rem; text-align: left; font-weight: 400; padding-bottom: 1rem;}
  .upto18 .btn-lg{ font-size: 1rem !important; padding: 6px 0.5rem !important;}
  .upto18 .text-left{ padding: 0; }
  .signature_01 h2{ font-size: 3rem; font-weight: 600; padding-bottom: 1rem; margin: 5rem 0 1rem 0;  background: url(/Common/images/product/line_01.png) center bottom no-repeat; }

  .bbs_body #BBSContents { padding: 0; }
  .bbs_body .num{ display: none; }
  .bbs_body .sub_cont{ padding: 0 0.5rem; }
  .bbs_body .date.float-right{  }
  .bbs_body .date{ font-size: 0.8rem;  font-family: arial; color: #666; }
  .bbs_body td{ padding:1rem 0; }
  /*고객서비스*/
  .service{ padding:4rem 1rem; }
  .service .list_icon p{  padding-bottom: 2rem; }
  .service .bg-light{ padding:2rem; }  

}
@media ( max-width: 1179px) {  
  .container{ max-width: 960px; }  
  .pc_menu { display: block; }
  .mo_menu { display: none;  }
   
}
@media ( min-width: 1201px){
  .container{ max-width: 1360px; }
}


/*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;}