`/**********************************************
common
**********************************************/
@import url("add_ebiz.css");
.noto_b{font-family:'NotoSans-Bold'}
.noto_m{font-family:'NotoSans-Medium'}
.noto_l{font-family:'NotoSans-Light'}
.lato_black{font-family:'Lato-Black'}
.lato_bold{font-family:'Lato-Bold'}
.lato_l{font-family:'Lato-Light'}
.font_b{font-family:'Lato-Black','NotoSans-Bold'}
.font_m{font-family:'Lato-Bold','NotoSans-Medium'}
.font_l{font-family:'Lato-Light','NotoSans-Light'}

.container{min-width:1440px;margin:0 auto;/*padding-bottom:256px;*/}

@media screen and (min-width:1440px) {
	/*.container{overflow:hidden}*/
}

.block {display: block !important}

/**********************************************
header
**********************************************/
.global_background{display:none;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;z-index: 1000;}

header{position:relative;width:100%; background:#fff;}
header a:hover{text-decoration:none}
header .header_wrap{position:relative;/*min-width:1000px;*/height:100%;margin:0 auto}
header #log_condition {position: relative; height:35px; width: 100%; background: #f5f5f6;}
header #gnb_wraps {position: relative; height:75px; border-bottom:1px solid #e5e5e5;}

header .all_menu {position:relative; width: 20px; height:20px; cursor: pointer; z-index: 1; top:-2px;}
header .all_menu .btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 23px;}
header .all_menu .btn span {display: block; width: 100%; height: 2px; background: #333; transition: all .3s; position: relative;}
header .all_menu .btn span + span {margin-top: 5px;}
header .all_menu .btn.active span:nth-child(1) {animation: ease .7s top forwards;}
header .all_menu .btn.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;}
header .all_menu .btn.active span:nth-child(2) {animation: ease .7s scaled forwards;}
header .all_menu .btn.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;}
header .all_menu .btn.active span:nth-child(3) {animation: ease .7s bottom forwards;}
header .all_menu .btn.not-active span:nth-child(3) {animation: ease .7s bottom-2 forwards;}
header .all_menu .btn.active span + span {margin-top: 20px;}
header .all_menu .btn.not-active span + span {margin-top: 5px;}

header .call-gnbs {position: absolute; left: 16px; top: 14px; display: none;}
header .call-gnbs .btn span {height: 1px; width: 17px;}
header .all_menu .btn.active span + span {margin-top: 21px;}




@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 22px;
    transform: rotate(0);
  }
  100% {
    top: 24px;
    transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
    top: 22px;
    transform: rotate(45deg);
  }
  50% {
    top: 22px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 22px;
    transform: rotate(0);
  }
  100% {
    bottom: 22px;
    transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
    bottom: 22px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 22px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

/*header .btn_all{ position: absolute; top: 27px; right:2% }
header .btn_all .menu_icon{width: 26px;height: 21px;overflow: hidden;}
header .btn_all .menu_icon span{display: block;width: 26px;height: 3px;background: #2a2a2a;animation: menu_icon 0.4s ease;transition:all 0.5s}
header .btn_all .menu_icon span:nth-child(2){width: 22px;margin:6px 0;animation-delay:0.2s;}
header .btn_all .menu_icon span:first-child{animation-delay:0.4s;}

header .btn_all:hover .menu_icon span{animation: menu_icon2 0.4s ease;}
header .btn_all:hover .menu_icon span:nth-child(2){animation-delay:0.2s;}
header .btn_all:hover .menu_icon span:last-child{animation-delay:0.4s;}

@keyframes menu_icon {
	0% {transform: translateX(0%);}
	50% {transform: translateX(-100%);}
	100% {transform: translateX(0%);}
}
@keyframes menu_icon2 {
	0% {transform: translateX(0%);}
	50% {transform: translateX(-100%);}
	100% {transform: translateX(0%);}
}*/



header h1{position:absolute;top:0;left:1.7rem;padding-top:10px;}
header h1 a{display:block;background: url(../images/header_logo_b.png?v=1) no-repeat center;width:95px; /*width: 220px;*/ height: 60px;overflow: hidden; background-size: 100%;}
.hidden {text-indent: 100%;white-space: nowrap;overflow: hidden;color:transparent}


header ul.gnb {position:absolute; top:20px; left:50%; margin-left:-465px; }
header ul.gnb li {float:left; font-size:18px;  padding:10px 55px; transition:.3s;}
header ul.gnb li:last-of-type {padding-right:0; }
header ul.gnb li a {color:#000; text-transform:uppercase;}
header ul.gnb li:hover a { border-bottom:2px solid #00aba2; color:#00aba2 }

header .util_menu li.product .pd_menu_icon{width: 22px;height:22px;}
header .util_menu li.product .pd_menu_icon {padding-top: 2px;}
header .util_menu li.product .pd_menu_icon span{display: block;width: 4px;height: 4px;background: #2a2a2a;float: left;margin-right: 5px; margin-bottom: 5px;transition: transform 0.3s ease;}
header .util_menu li.product .pd_menu_icon span:nth-child(3n+3){margin-right: 0;}
header .util_menu li.product .pd_menu_icon span:nth-last-child(-n+3){margin-bottom: 0;}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(1){transform:translate(3px, 3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(2){transform:translate(0, 3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(3){transform:translate(-3px, 3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(4){transform:translate(3px, 0)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(6){transform:translate(-3px, 0)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(7){transform:translate(3px, -3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(8){transform:translate(0, -3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(9){transform:translate(-3px, -3px)}
header .util_menu .search .btn_search{position:absolute;top:0;right:0;width:23px;height:23px}


header .util_menu{float: right;}
header .util_menu li{float:left;margin-right:30px; padding-top:9px;font-size:13px; font-family:'NotoSans-Light'}

header .util_menu li.product{padding-top:55px;}
header .util_menu li.product .pd_menu_icon{width: 22px;height:22px;}
header .util_menu li.product .pd_menu_icon {padding-top: 2px;}
header .util_menu li.product .pd_menu_icon span{display: block;width: 4px;height: 4px;background: #2a2a2a;float: left;margin-right: 5px; margin-bottom: 5px;transition: transform 0.3s ease;}
header .util_menu li.product .pd_menu_icon span:nth-child(3n+3){margin-right: 0;}
header .util_menu li.product .pd_menu_icon span:nth-last-child(-n+3){margin-bottom: 0;}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(1){transform:translate(3px, 3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(2){transform:translate(0, 3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(3){transform:translate(-3px, 3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(4){transform:translate(3px, 0)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(6){transform:translate(-3px, 0)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(7){transform:translate(3px, -3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(8){transform:translate(0, -3px)}
header .util_menu li.product button:hover .pd_menu_icon span:nth-child(9){transform:translate(-3px, -3px)}
header .util_menu .search .btn_search{position:absolute;top:0;right:0;width:23px;height:23px}



#gnbM{width: 280px; height: auto; position:absolute; top:100px; left: 50%; margin-left: 265px; background-color:#fff; z-index:99999; /*overflow-y:auto;*/
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; padding:0 15px; z-index:99999; padding:0; display: none; border-radius: 10px; border:1px solid #ddd;}

.gnbM_header::after {left: 50%;
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    transform-origin: 0% 0;
    z-index: 1;background: #fff;

    border-radius: 2px 0 0 0;
	border:1px solid #ddd; border-width: 1px 0 0 1px ;
}

.gnbM_header {position:relative; width:100%; border-bottom:1px solid #ddd; /*overflow:hidden;*/ box-sizing:border-box; /*padding-right:50px;*/border-radius: 10px 10px 0 0; padding: 20px 0;}
.gnbM_header p {text-align: center; font-size: 14px; line-height:35px;}
.gnbM_header p a {color: #0071e3;}
#gnbM.open{display: block; }


#gnbNavigation > ul{width:100%; overflow:hidden;}
#gnbNavigation > ul > li{position:relative; width:100%; border-bottom:1px solid #ddd; }
#gnbNavigation > ul > li:last-of-type {border-bottom: 0;}
#gnbM.open  #gnbNavigation> ul > li{animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
#gnbNavigation > ul > li > a{position:relative; display:block;  height:48px; line-height:48px; color:#333; font-size:15px; font-weight:400; letter-spacing:-0.25px; text-decoration:none; padding-left:15px}
#gnbNavigation > ul > li .gnb-2dep{display:none;  background-color:#fafafa; border-top:1px solid #ddd;}
#gnbNavigation > ul > li .gnb-2dep li{}
#gnbNavigation > ul > li .gnb-2dep li a{display:block; color:#1e1e1e; font-size:14px; padding:12px 7%;}
#gnbNavigation > ul > li .gnb-2dep li a:hover {background:#a00033; color:#fff; text-decoration:none}
#gnbMenuBg{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.83); z-index:99998}

ul.logList {width:100%; overflow:hidden;   }
ul.logList li {position:relative; float:left; width:50%; height:45px; line-height:45px; box-sizing:border-box; text-align:center; font-size:14px; background:#393d40;}
ul.logList li:first-of-type {border-radius: 10px 0 0 0 }
ul.logList li:last-of-type {border-radius: 0 10px 0 0}
ul.logList li a {color:#babcbe;}
ul.logList li.login {}
ul.logList li.login::after {position:absolute; right:0; top:0; width:1px; height:100%; background:#000;content:''}
ul.logList li.join::before {position:absolute; left:0; top:0; width:1px; height:100%; background:#393d40; content:''}
	
.close_menu  {display:block; position:absolute; top:0 !important; right:0; width:50px; height:50px !important; background-color:#000; cursor:pointer; padding:0 !important; text-align:center;}
.close_menu img {width:20px; padding-top:15px;}
	
.M_call	 {line-height:54px; color:#333; font-size:18px; font-weight:400; padding-left:15px}
.M_call a {padding-left:10px; font-weight:bold; color:#f18098; }
.M_call a:hover {text-decoration:none}
	
	
#res_show-gnb {position:absolute; top: 80px; left: 0; width: 100%; border: 1px solid #ddd; border-width: 1px 0;  box-sizing: border-box; padding: 0 8rem; background: #000; z-index: 99; display: none;}
#res_show-gnb ul {}
#res_show-gnb ul li {border-bottom:1px solid #333; font-family: 'NotoSans-Medium', sans-serif}
#res_show-gnb ul li:last-of-type {border-bottom: 0;}
#res_show-gnb ul li a {font-size: 1em; height:48px; line-height:48px; color:#fff;}

	
	
	
header .menu_all{position:fixed;top:0;left:0;min-width:100%;height:100%;z-index:1;background:#000;z-index:1001;transform: translateX(100%);transition:transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);}
header .menu_all .menu_all_wrap{position: relative;max-width:1920px;min-width:1440px;width:100%;margin:0 auto;height:100%;display:table;overflow-x: auto;}
header .menu_all.open{transform: translateX(50%)}
header .menu_all .menu_all_wrap > *{display:table-cell;vertical-align: middle;}
header .menu_all .menu_list,header .menu_all .product{height:100%;border-left:1px solid rgba(0, 0, 0, 0.1);box-sizing:border-box}
header .menu_all .menu_list{width:36.4%;border-left:none}
header .menu_all .menu_list li{width:460px;height:130px;margin:0 auto}
header .menu_all .menu_list li .btn_all_list{height:130px;transition:height 0.5s ease,color 0.5s ease;font-size:54px;font-family:'Lato-Black', 'NotoSans-Bold',sans-serif;etter-spacing: -.93px; color: hsla(0,0%,100%,0); transform: translateZ(0); transition-property: color; transition-duration: .2s; transition-timing-function: ease-in-out;  -webkit-text-stroke:1px #fff; width:100%;text-align:left;overflow:hidden}
header .menu_all .menu_list li .btn_all_list.color{}
header .menu_all .menu_list .btn_all_list.on,header .menu_all .menu_list .btn_all_list:hover{height:130px;color:#fff}
header .menu_all .menu_list .num{vertical-align:middle;font-size:14px}
header .menu_all .menu_list li .small_text{display:block;height:26px; font-size:18px;text-align:left;padding-left:29px;font-family:'NotoSans-Medium',sans-serif;letter-spacing:-0.8px; -webkit-text-stroke:0;}
/* header .menu_all .menu_list .btn_all_list.on .small_text,header .menu_all .menu_list .btn_all_list:hover .small_text{display:block} */


header .menu_all .menu_all_depth2{width:100%;font-family:'NotoSans-Light',sans-serif;position: relative;height: 100%;display: block;}
header .menu_all .menu_all_depth2 .menul_all_depth2_wrap {width:100%;height: 510px;position: absolute;top: 50%;margin-top: -255px;}
header .menu_all .menu_all_depth2::before{content:'';display:block;width: 1px;height: 0;background: rgba(255,255,255,0.1);position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition:height 1s ease;}
header .menu_all .menu_all_depth2.on::before{height: 100%;}
header .menu_all .menu_all_depth2 nav{visibility: hidden;height: 0;overflow: hidden;}

header .menu_all .menu_all_depth2 nav.on{visibility: visible;height: auto;}
header .menu_all .menu_all_depth2 li{font-size:24px;padding:15px 0 15px;transform: translateX(-100%);opacity: 0;}
header .menu_all .menu_all_depth2 .on li:nth-child(2){transition-delay:0.15s;}
header .menu_all .menu_all_depth2 .on li:nth-child(3){transition-delay:0.3s;}
header .menu_all .menu_all_depth2 .on li:nth-child(4){transition-delay:0.45s;}
header .menu_all .menu_all_depth2 .on li:nth-child(5){transition-delay:0.6s;}
header .menu_all .menu_all_depth2 .on li:nth-child(6){transition-delay:0.75s;}
header .menu_all .menu_all_depth2 .on li:nth-child(7){transition-delay:0.9s;}
header .menu_all .menu_all_depth2 .on li:nth-child(8){transition-delay:1.05s;}
header .menu_all .menu_all_depth2 .on li:nth-child(9){transition-delay:1.20s;}
header .menu_all .menu_all_depth2 nav.on li{transform: translateX(0%);opacity: 1;transition: all 0.5s; }

header .menu_all .menu_all_depth2 li a.on,header .menu_all .menu_all_depth2 li a:hover{font-family:'NotoSans-Bold',sans-serif}
header .menu_all .menu_all_depth2 li a{position:relative;display:block;padding-left:41px; color: #fff;}
header .menu_all .menu_all_depth2 li a:before{display:block;width:3px;content:'';height:0;background:#fff;position:absolute;left:0px;transition:height 0.3s ease;top:50%;transform:translateY(-50%)}
header .menu_all .menu_all_depth2 li a.on:before,header .menu_all .menu_all_depth2 li a:hover .bar,header .menu_all .menu_all_depth2 li a:hover:before{height:30px}
header .menu_all .product{position:relative;width:44.8%;box-sizing:border-box;}
header .menu_all .product .product_wrap{position:relative;text-align:center}
header .menu_all .product .product_wrap>a{position:absolute;top:194px;left:50%;transform:translateX(-50%);font-size:15px}
header .menu_all .product p{position:absolute;top:83px;left:0;width:100%;margin-bottom:26px;font-family:'NotoSans-Light',sans-serif;font-size:32px;letter-spacing:-0.8px;text-align:center;line-height:42px}
header .menu_all .product strong{font-family:'NotoSans-Bold',sans-serif}
header .menu_all .close {position:absolute;top:37px;left:40px;}
header .menu_all .close img{transition:transform 0.3s; width: 20px;}
header .menu_all .close:hover img{transform:rotate(-90deg)}

header .menu_product{position:fixed;top:0;left:0;width: 100%;min-width:100%;height:100%;background:#fff;z-index:1001;transform: translateX(100%);transition: transform 850ms cubic-bezier(0.645, 0.045, 0.355, 1);}
header .menu_product .menu_product_wrap{position: relative;max-width:1920px;min-width:1440px;width:100%;margin:-410px auto 0;height: 820px;top:50%;}
header .menu_product.open{transform: translateX(0)}
header .menu_product .list_wrap,header .menu_product .swiper_wrap{display:inline-block;}
header .menu_product .list_wrap,header .menu_product .product{border-left:1px solid rgba(0, 0, 0, 0.1);box-sizing:border-box}
header .menu_product .list_wrap{width:571px;margin-right:-4px;border-left:none;position: relative;}
header .menu_product .menu_product_wrap h2{padding-left:70px}
header .menu_product .menu_list{margin-bottom:15px}
header .menu_product .menu_list li{width:460px;margin-left:70px;height:105px}
header .menu_product .menu_list .btn_pd_list{height:70px;transition:height 0.5s ease, color 0.5s ease;overflow:hidden;width:100%;text-align:left;font-size:54px;font-family:'Lato-Black',sans-serif;color:rgba(0,0,0,0.2);overflow:hidden}
header .menu_product .menu_list .btn_etc_list{font-size:40px;height:44px;padding-left: 29px;position: relative;}
header .menu_product .menu_list .btn_etc_list::before{content:'';display: block;width: 9px;height: 1px;background: rgba(0,0,0,0.2);position: absolute;left: 0;top: 20px;transition:background 0.5s ease;}
header .menu_product .menu_list .btn_pd_list.on,header .menu_product .menu_list .btn_pd_list:hover{height:91px;color:#000}
header .menu_product .menu_list .btn_etc_list.on,header .menu_product .menu_list .btn_etc_list:hover{height:75px;color:#000}
header .menu_product .menu_list .btn_etc_list.on::before,header .menu_product .menu_list .btn_etc_list:hover::before{background:#000}
header .menu_product .menu_list .num{vertical-align:middle;font-size:14px;font-family:'Lato-Bold';}
header .menu_product .menu_list li .small_text{display:block;height:26px;font-size:18px;text-align:left;padding-left:29px;font-family:'NotoSans-Medium',sans-serif;letter-spacing:-0.8px}
header .menu_product .menu_list .btn_etc_list .small_text{padding-left: 0;}
/* header .menu_product .menu_list li .btn_pd_list.on .small_text,header .menu_product .menu_list .btn_pd_list:hover .small_text{display:block} */
header .menu_product .list_wrap .other_list{position: relative;}
header .menu_product .list_wrap a{display:block;font-size:32px;font-family:'Lato-Black',sans-serif;width: 480px;margin:0 50px 24px 70px;padding-left: 100px;box-sizing: border-box;position: relative;}
header .menu_product .list_wrap a::before{content:'';display: block;width: 9px;height: 1px;background: #2a2a2a;position: absolute;left: 70px;top: 15px;}
header .menu_product .list_wrap a:last-child{margin-bottom: 0;}
header .menu_product .swiper_wrap{position: absolute;width:100%;top: 50%;transform: translateY(-50%);overflow: hidden;}

header .swiper_wrap .product_slide{height:0;text-align: center;padding-left: 100px;transform:translateX(100%);overflow: hidden;opacity: 0;transition:transform 850ms ease,opacity 850ms ease;cursor: default !important;}
header .swiper_wrap .product_slide.on{transform:translateX(0);height: 773px;box-sizing:border-box;padding-bottom: 150px;opacity: 1;}
header .menu_product .product_slide ul{position:relative;}
header .menu_product .product_slide ul:after{display:block;content:'';clear:both}
header .menu_product .product_slide li{float:left;vertical-align:top;margin-left: -4px;}
header .menu_product .product_slide li:first-child{margin-left: 0;}
header .menu_product .product_slide li a{display:block;position: relative;}
header .menu_product .product_slide li .img_pd{display:block;height:537px;margin-bottom:6px;opacity:1;position:relative;overflow:hidden;text-align:center;transform: translateY(55px);transition:all 0.3s ease}
header .menu_product .product_slide ul:hover li{opacity: 0.5;}
header .menu_product .product_slide ul li:hover{opacity: 1;}
header .menu_product .product_slide li .img_pd img{max-width:100%}
header .menu_product .product_slide li .text{opacity:0;transition:opacity 0.3s ease;width: 100%;transform: translateY(-10px);transition:transform 0.5s ease, opacity 0.6s ease;height: 100px;}
header .menu_product .product_slide .swiper-wrapper .swiper-slide.swiper-slide-active a,
header .menu_product .product_slide .swiper-wrapper .swiper-slide:hover a{opacity:1}
header .menu_product .product_slide .swiper-wrapper .swiper-slide:hover .img_pd{opacity:1;transform: translateY(0);}
header .menu_product .product_slide li:hover .text{opacity:1;transform: translateY(0);}
header .menu_product .product_slide li a p{width:100%;margin-bottom:18px;text-align:center;font-family:'Lato-Bold','NotoSans-Bold';font-size:24px;line-height: 1.5;}
header .menu_product .product_slide li.on p,header .menu_product .product_slide li:hover p{display:block}
header .menu_product .product_slide li a .text img{display:block;margin:0 auto}
header .menu_product .product_slide .swiper-wrapper{position:relative;text-align: left;cursor:grab;}
header .menu_product .product_slide .swiper-pagination{position:absolute;left:760px;bottom:3px}
header .menu_product .product_slide .swiper-pagination-current{margin-right:18px;font-size:50px;font-family:'Lato-Black',sans-serif;vertical-align:middle}
header .menu_product .product_slide .swiper-pagination .swiper-pagination-total{margin-left:14px;font-size:18px;font-family:'Lato-Light',sans-serif;vertical-align:middle}
header .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
header .swiper-container-horizontal .swiper-scrollbar{display:block !important;position:absolute;left:390px;bottom:30px;z-index:50;height:1px;width:260px;}
header .swiper-scrollbar-drag{height:3px;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:-1px;cursor:grab;}
header .menu_product .product_slide .swiper-button-prev{position:absolute;left:330px;bottom:10px;width:40px;height:41px;background:url(../../../image.winix.com/kr/images/btn_header_pd_prev.png) no-repeat top;cursor: pointer;}
header .menu_product .product_slide .swiper-button-next{position:absolute;left:670px;bottom:10px;width:40px;height:41px;background:url(../../../image.winix.com/kr/images/btn_header_pd_next.png) no-repeat top;cursor: pointer;}
header .menu_product .product_slide .swiper-button-prev:hover{background-image: url(../../../image.winix.com/kr/images/btn_header_pd_prev_on.png);}
header .menu_product .product_slide .swiper-button-next:hover{background-image: url(../../../image.winix.com/kr/images/btn_header_pd_next_on.png);}
header .menu_product .product_slide.on .btn_navigation.disabled{opacity:0.35;cursor:auto;pointer-events:none}
header .menu_product .close{position:absolute;top:37px;right:40px;}
header .menu_product .close img{transition:transform 0.3s}
header .menu_product .close:hover img{transform: rotate(-90deg);}

header .swiper-scrollbar-drag.disabled{height:0}

header .swiper_wrap .product_shadow{position: absolute;left: -10px;top: 0;height: 100%;}
header .swiper_wrap .product_shadow img{height: 100%;}

@media screen and (max-width:1440px) {
	header .menu_all{overflow-x: auto;max-width: 100%;}
	header .menu_product{overflow-x: auto;}
	/* header .menu_product .menu_product_wrap{overflow: hidden;} */
}

@media screen and (max-width:2560px) {
	header .menu_product .swiper_wrap{width: 90%;}
}


/**********************************************
footer
**********************************************/
footer{position: relative; width:100%; background:#f5f5f6}
footer.fixed{position: fixed;z-index:1001}
footer a:hover{text-decoration:none}
footer .footer_wrap{width:1000px; margin:0 auto}
footer .footer_top{padding:23px 0 20px; border-bottom:1px solid rgba(255,255,255,0.3); font-size: 14px; color: #999fa7;}
footer .footer_top:after,footer .footer_top ul:after,footer .footer_bottom,footer .policy .pilicy_wrap{display:block;content:'';clear:both}
footer .info{float:left;padding-top:9px;font-size:13px}
footer .info li{float:left;line-height:16px;padding-top: 3px;}
footer .info li:first-child{font-family:'NotoSans-Medium',sans-serif;padding-top: 0;}
footer .info li span{margin:0 19px 0 16px;color:#bf4091;font-size:16px;line-height: 1.3;vertical-align: middle;}

footer .sns{float:right;margin-right:11px}
footer .sns .blind{font-size:0;color:transparent}
footer .sns li{float:left;margin:0 5px 0}



footer .footer_bottom {position: relative; padding:35px 0 25px 0; }
footer .footer_bottom:after{display:block;content:'';clear:both}
footer .footer_bottom address{float:left;font-style:normal;line-height:26px;letter-spacing:-0.32px;color:#999fa7;}
footer .footer_bottom address small{text-transform:uppercase}
footer .footer_bottom address span{padding:0 5px}
footer .footer_bottom address span:first-child {padding-left:0}
footer .footer_bottom a{color:#888}
footer .footer_bottom .win{float:right;padding-top:7px}
footer .footer_bottom .win li{float:left;margin-right:15px}
footer .footer_bottom ul.fnb {position: absolute; top: 20px; right: 0;}
footer .footer_bottom ul.fnb li {position: relative; padding: 0 10px; font-size: 13px; float: left; font-family:'NotoSans-Medium',sans-serif;}
footer .footer_bottom ul.fnb li a {color: #999fa7; }
footer .footer_bottom ul.fnb li::after {position: absolute; top: 0; left: 0; width: 1px; height: 13px; background: rgba(255,255,255,0.3); content: '';}
footer .footer_bottom ul.fnb li:first-of-type::after {display: none;}




footer .policy{background:#323232;height:59px}
footer .pilicy_wrap{width:1400px;height:100%;margin:0 auto}
footer .pilicy_wrap>ul li{position:relative;float:left;padding-left:34px;color:#e6e6e6;font-weight:bold;margin-right:34px;}
footer .pilicy_wrap>ul li:first-child{padding-left:0}
footer .pilicy_wrap>ul li:first-child:before{content: none}
footer .pilicy_wrap>ul{float:left;padding:20px 0 0;}
footer .pilicy_wrap>ul li:before{content:'';width:1px;height:10px;background:#6a6a6a;position:absolute;top:5px;left:0}
footer .pilicy_wrap>ul li button{color:#e6e6e6;font-size: 13px;}
footer .pilicy_wrap>ul li .privacy{color:#bf4091}
footer .pilicy_wrap>ul li button.btn_sitemap.on{color:#bf4091;}
footer .familysite{position:relative;float:right;width:160px;height:100%;background:#0d0d0f}
footer .familysite .btn_familysite_open{width:100%;color:#bbb;text-align:center;line-height:59px;font-size: 13px;}
footer .familysite a span{display:inline-block;margin-left:4px}
footer .familysite span img{vertical-align:middle}
footer .familysite .dropdown_menu{display:none;position:absolute;top:-122px;width:160px;background:#0d0d0f}
footer .familysite .dropdown_menu.open{display:block}
footer .familysite .dropdown_menu li{font-size:15px}
footer .familysite .dropdown_menu li a{display:block;line-height:60px;color:#bbb;padding:0 20px;border-bottom: 1px solid #2d2d2d;text-align:center}

footer .sitemap {display:none;position:fixed;bottom:59px;min-width:100%;background:#fff;text-align:center;}
footer .sitemap.open{display:block}
footer .sitemap .sitemap_wrap{position:relative;max-width:1920px;min-width:1440px;margin:0 auto}
footer .sitemap .sitemap_wrap::after{content:'';display:block;clear:both}
footer .sitemap .sitemap_menu{float:left;width:20%;height:662px;border-right:1px solid rgba(136,136,136,0.1);box-sizing:border-box;padding-top:80px;}
footer .sitemap .sitemap_menu.winixstory{border-right:none}
footer .sitemap .sitemap_menu h2{margin-bottom:26px;font-size:34px;font-family:'Lato-Black',sans-serif}
footer .sitemap .sitemap_menu .num{display:block;margin-bottom:15px;color:#bdbdbd;font-size:14px;font-family:'Lato-Light',sans-serif}
footer .sitemap .sitemap_menu ul>li{margin-bottom:2px}
footer .sitemap .sitemap_menu ul>li:last-child{margin-bottom:0}
footer .sitemap .sitemap_menu ul>li>*{color:#000;font-size:18px;line-height:38px}
footer .sitemap .sitemap_menu ul>li>a{display:block}
footer .sitemap .sitemap_menu ul>li ul li a{line-height:28px;font-size:14px;color:#888;letter-spacing:-0.35px}
footer .sitemap .sitemap_menu ul>li ul li:last-child{padding-bottom:10px}
footer .sitemap .close{position:absolute;top:30px;right:30px}

.footer_sitemap {width: 100%; overflow: hidden; padding: 30px 0; border-bottom:1px solid rgba(255,255,255,0.3);}
.footer_sitemap .sitemap_box {float: left; width: 25%;}
.footer_sitemap .sitemap_box dl {margin-top: 60px;}
.footer_sitemap .sitemap_box dl:first-of-type {margin-top: 0;}
.footer_sitemap .sitemap_box dl dt, .footer_sitemap .sitemap_box dl dd {display: block;}
.footer_sitemap .sitemap_box dl dt {position: relative; font-family:'NotoSans-Bold',sans-serif; margin-bottom: 20px; font-size: 14px; color: #999fa7;}
.footer_sitemap .sitemap_box dl dd {font-family:'NotoSans-Light',sans-serif; font-size: 0;}
.footer_sitemap .sitemap_box dl dd a {color:#999fa7; font-size: 14px; display: block;  margin: 10px 0;}
.footer_sitemap .sitemap_box dl dt span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}

/* btn_top */
.btn_top_wrap{visibility:hidden;position:fixed;min-width:1440px;max-width:1920px;width: 100%;left:50%;bottom: 376px;transform:translateX(-50%);z-index:900;opacity:0;transition:visibility 0.5s ease,opacity 0.5s ease}
.btn_top_wrap.visible{opacity:1;visibility:visible;}
.btn_top{position: absolute;right: 30px}

/* footer popup */
.footer_pop{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px;box-sizing:border-box;z-index:1001}
.pop_footer_service,.pop_footer_privacy,.pop_footer_email,.pop_footer_privacy2{width:680px}
.footer_pop .btn_footer_close{width:22px;height:22px;background:url(../../../image.winix.com/kr/images/common_button_close.png) center no-repeat;position:absolute}
.footer_pop{padding:40px 40px 60px;max-height:800px}
.footer_pop .popup_title{width:100%;padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:50px}
.footer_pop .popup_title h4{font-family:'NotoSans-Bold';font-size:24px;display:inline-block;position:relative}
.footer_pop .popup_title h4:after{content:'';display:block;position:absolute;bottom:-22px;left:0;width:100%;height:3px;background:#2a2a2a}
.footer_pop .btn_footer_close{right:40px;top:40px}
.footer_pop .popup_content.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, 
.footer_pop .popup_content.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:1;margin-right:-30px}
.footer_pop .popup_content .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.footer_pop .popup_content .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.footer_pop .popup_content .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{width:8px;background:rgba(0,0,0,0.1)}
.footer_pop p{font-size:15px;line-height:28px;letter-spacing:-0.37px}
.footer_pop .popup_content h5{font-size:18px;line-height:30px;letter-spacing:-0.75px;font-family:'NotoSans-Medium'}
.footer_pop .popup_content .popup_table2 table{width: 100%;}
.footer_pop .popup_content table td{line-height: 1.56;white-space: normal;padding:20px 0;}
.footer_pop .popup_content .privacy_table table td:nth-of-type(2){width: 100px;}
.footer_pop .popup_content .privacy_table table td:last-of-type{text-align: left;width: 400px;}
.footer_pop .popup_content a{color:#bf4091;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

.popup_bg{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.6);width:100%;height:100%;z-index:1000}
.ellipsis2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* IE11 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	header .menu_product .menu_list .btn_pd_list{padding-top:16px}
	header .menu_all .menu_list li .btn_all_list{padding-top:16px}
	header .menu_product .menu_list .btn_etc_list::before{top: 30px;}
}


/* board view */
.view_detail table{width:100%;}
.view_detail img{max-width:100%;}
.accordion_table img{max-width:100%;}
li img{max-width:100%;}

/* caption hidden */
.sr-only{position:absolute !important;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);}





p.text-extra_big {font-size: 64px; line-height: 1.3; font-family: 'NotoSans-Bold';  word-break: keep-all;}
p.text-big {font-size: 47px; margin-bottom: 40px; font-family: 'NotoSans-Bold'; line-height: 1.37; word-break: keep-all;}
p.text-semi_big {font-size: 37px; margin-bottom: 40px; font-family: 'NotoSans-Bold';  word-break: keep-all; line-height: 1.4}
p.text-semi_big span{font-size: 24px !important; margin-bottom: 10px; font-family: 'NotoSans-Bold';  word-break: keep-all;}
p.text-mid {font-size: 27px; font-family: 'NotoSans-Bold'; margin-bottom: 15px;  word-break: keep-all;}
p.text-semi_mid {font-size: 23px; line-height: 1.45841; font-family: 'NotoSans-Medium';  word-break: keep-all;}
p.text-small {font-family: 'NotoSans-Light'; font-weight: 600; font-size: 19px;  word-break: keep-all; line-height: 1.5;}
p.text-smallest {font-size: 15px;  font-family: 'NotoSans-Light';  word-break: keep-all;}

.head_notice {width: 100%; background: #000; display: none;}
.head_notice p {font-size: 13px; text-align: center; color: #1d1d1f; font-family: 'NotoSans-Medium';}
.head_notice p a {color: #fff; display: block; padding: 12px 0}
.head_notice p a span {background: url("../images/utility/bold-arrow-next-w.png") no-repeat top 5px right; background-size: 9px; padding-right: 15px;}

.res-br {display: none;}
.nomal-br {display: block;}

@media screen and (max-width:1440px) {
	/* header .header_wrap{min-width: 1400px;} 2019.12.24 */
	footer{min-width: 1400px;}
	.container{min-width: 1400px;}
}


@media only screen and (max-width: 1100px) {
	.res-br {display: block;}
	.nomal-br {display: none;}
}

@media only screen and (max-width: 734px) {
	p.text-extra_big {font-size: 43px;}
	p.text-big {font-size: 36px; }
	p.text-semi_big {font-size: 29px; letter-spacing: -1px; }
	p.text-semi_big span{font-size: 18px !important;}
	p.text-mid {font-size: 21px}
	p.text-semi_mid {font-size: 19px}	
	p.text-small { font-size: 16px;}
	p.text-smallest { font-size: 13px;}
}

@media only screen and (max-width: 480px) {
	p.text-extra_big {font-size: 37px;}
	p.text-big {font-size: 31px; }
	p.text-semi_big {font-size: 25px;}
}


/*체크박스*/
.single input[type=checkbox] {display:none;}
.single input[type=checkbox] + label{position:relative; display:inline-block; cursor:pointer; padding-left:23px; font-size:14px; color:#222;}
.single input[type=checkbox] + label:before {position:absolute; left:0; top:0px; display:inline-block; width:15px; height:15px; overflow: hidden; background:url("/images/icon/checked.png") no-repeat center; background-color: #efefef; margin-right:10px;  background-size:8px; border:1px solid #ededed; content: "";}
.single input[type=checkbox]:checked + label:before {content: "";  /* 체크모양 */ font-size:18px; font-weight:800; color:#222; background-color: #0071E5 !important; border:1px solid #0071E5; background-size:8px; text-align:center; line-height:18px;}

@media only screen and (max-width: 734px) { 
	.single input[type=checkbox] + label { font-size: 13px; padding-left: 17px;}
	.single input[type=checkbox] + label:before {width: 13px; height: 13px; background-size: 6px;}
	.single input[type=checkbox]:checked + label:before {background-size: 6px;}
}


#kakao_btn {position: fixed; bottom: 15px; right: 15px;  background: #f3dd25; width: 60px; height: 60px; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 50px; z-index: 100; overflow: hidden; transition: .3s;}
#kakao_btn a {color: #381e1d; text-align: left; background:url(/images/icon/kakao_btn.png) no-repeat center left 11px; background-size:40px; box-sizing: border-box; display: block; padding: 14px; padding-left: 60px; font-size: 13px; font-family:'NotoSans-Bold',sans-serif; text-decoration: none; width: 155px; height: 60px; line-height: 1.2;}
#kakao_btn:hover {width: 155px;}

@media only screen and (max-width: 734px) { 	
	#kakao_btn {width: 135px; height: 50px;}
	#kakao_btn a {height: 50px;  font-size: 12px; padding-top: 10px; padding-left: 50px; background-size: 30px; background-position: center left 13px }
	#kakao_btn:hover {width: 135px;}
}