@charset 'utf-8';

/*body{font-family:'NotoSansKR_400',NotoSansKR,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size: 14px;} 기존 폰트*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap'); /*font-family: "Noto Sans KR", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR:wght@100..900&display=swap'); /*font-family: 'Nanum Gothic', sans-serif;*/
@font-face {
	font-family: 'NanumSquareRoundOTFR';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/NanumSquareRoundOTFR.otf) format("otf");
	unicode-range: U+AC00-D7A3, U+0041-005A, U+0061-007A;
    /*한글,영문 대소*/
}

@font-face {
	font-family: 'Lato-Bold';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/Lato-Bold.woff) format("woff");
	unicode-range: U+0030-0039;
    /*숫자*/
}

body{font-family: 'Nanum Gothic", sans-serif', sans-serif; font-size: 14px;}

body{min-width:1600px; margin:0 auto;}

.fl{float:left;}
.fr{float:right;}
.hid{display: none;}
.clearfix {zoom:1; }
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.main_bn_wp{}
.overh{overflow: hidden;height:490px;}
.cen{
/*
	min-width: 1000px;
    width:1000px;
*/
    margin: 0 auto ;
   }
.helper{height:100%;display: inline-block;vertical-align: middle;}
.moving_all{
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.moving_all_spi{
    -webkit-transition: all 180ms ease-in;
-moz-transition: all 180ms ease-in;
-o-transition: all 180ms ease-in;
transition: all 180ms ease-in;
}
 .helper{vertical-align: middle;display: inline-block;height: 100%;}
#wrap {background: #fff;
    width: 100%;
}
.skip {font-size: 0;line-height: 0;text-indent: -9999px;height: 0;width: 0;display: block;}
.skip:focus {font-size: 15px; line-height: 120%;text-indent: 0;height: auto; width: auto;background-color: #333;color: #fff;font-weight: 600;}
.after:after {content: ''; display: block; clear: both;}
.after {
    zoom: 1;
}
a{text-decoration: none;
    color:#1a1a1a;
}
.mrb10{margin-bottom: 10px;}
.mrb20{margin-bottom: 20px;}
.mrb30{margin-bottom: 30px;}
.mrb40{margin-bottom: 40px;}

.mrt10{margin-top: 10px;}
.mrt20{margin-top: 20px;}
.mrt30{margin-top: 30px;}
.mrt40{margin-top: 40px;}

/*쇼핑몰 전용css바꾸기*/
.good_mark{position: absolute;top:25px;right:15px;display: none;}

#stv{display: none;}
/*#wrapper{width:1200px;}*/
/*쇼핑몰 전용css바꾸기--end*/
 .doc_control{float:left;width:100%;}
 .doc_control>li{float:left;height:40px;line-height: 40px;width:24.25%;background: #cdd6db;margin-right:1%;box-sizing: border-box;}
 .doc_control>li:last-child{margin-right:0;}
 .doc_control>li>a{display: block;font-size: 16px;font-weight: bold;text-align: center;}
 .doc_control>li:hover{/*transform: rotateY(180deg);*/background: #45cab5;}
 .doc_control>li:hover>a{/*transform: rotateY(-180deg);*/color:#fff;}

 .doc_control>li.ret{/*transform: rotateY(180deg);*/background: #45cab5;}
 .doc_control>li.ret>a{/*transform: rotateY(-180deg);*/color:#fff;}


/*카테고리*/
.main_depth_wrap{position: absolute;top:47px;left:0;z-index:100;}
.main_depth_wrap .main_top_depth.ok{display: block;padding:10px; box-shadow: 0 2px 3px rgba(0,0,0,.2);}
.main_depth_wrap .main_top_depth{position: absolute;top:0;left:0;width:1000px;background: #fff;padding:0px;
box-sizing:border-box;display: none;}


.main_depth_wrap .cate_de>ul li.cate_con{width:19.2%;float:left;margin-right:1%;height:192px;margin-bottom:10px;position: relative;box-sizing: border-box;}
.main_depth_wrap .cate_de>ul li.cate_con:nth-of-type(4) .white_boxk{right:-2px;}
.main_depth_wrap .cate_de>ul li.cate_con:nth-of-type(9) .white_boxk{right:-2px;}
.main_depth_wrap .cate_de>ul li.cate_con:nth-of-type(14) .white_boxk{right:-2px;}



.main_depth_wrap .cate_de>ul li.cate_con:nth-of-type(5n) .white_boxk{right:-2px;}
/*
.main_depth_wrap .cate_de>ul li.cate_con:nth-of-type(5n) .white_boxk{width:196.6666px}
.main_depth_wrap .cate_de>ul li.cate_con:nth-of-type(5n) .white_boxk .make_table:first-child{margin-top:0;}
.main_depth_wrap .cate_de>ul li.cate_con:nth-of-type(5n) .white_boxk .make_table{
float:none;margin-top: 10px;
}
*/


.main_depth_wrap .cate_de.r_story>ul li.cate_con{width:15.8333%;float:left;margin-right:1%;height:80px;overflow: hidden;margin-bottom:10px;position: relative;box-sizing: border-box;}
/*
.main_depth_wrap .cate_de.r_story>ul li.cate_con .black_borad{line-height: 80px;}
.main_depth_wrap .cate_de.r_story>ul li.cate_con .black_borad.biger_0{background: #f00;}
*/

.main_depth_wrap .cate_de>ul li.cate_con .black_borad{background: rgba(0, 0, 0, 0.39);position: absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;text-align: center;line-height: 192px;z-index:100;
color:#fff;font-size: 22px;font-weight: 500;}
.main_depth_wrap .cate_de>ul li.cate_con .make_table {display:block;text-align: center;padding:1px 24px;float:left;
box-sizing: border-box;width:33.33333%;overflow: hidden;height:34px;}
.main_depth_wrap .cate_de>ul li.cate_con .make_table:nth-of-type(3n){margin-right:0;}
.main_depth_wrap .cate_de>ul li.cate_con img{width:100%;vertical-align: middle;height:100%;}
.main_depth_wrap .cate_de>ul li.cate_con:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    opacity:0.8;

}
.main_bx li .label {position:absolute;
	z-index:100;display: none;
top:14px;left:-6px;width:54px;height:32px;color:#fff;line-height: 30px; padding-left: 8px;background:url(/img/slider/label.png) no-repeat 0 0;
}
.main_depth_wrap .cate_de>ul li.cate_con:nth-of-type(5n){margin-right:0;}

.cate_de .white_boxk{width:590px;height:100%;position: absolute;top:0;left;0;display: none;opacity:0.3;z-index:200;height:192px;background: #fff;overflow: hidden;}
.cate_de  .img_wrap{width:100%;height:100%;display: inline-block;overflow: hidden;}
.cate_de .white_boxk.show{display: block;opacity:0.9;}
.cate_de .white_boxk .close_x{
		padding:0 !important;
    display: block;
    width: 24px;
    height: 24px;
    top: 5px;
    right: 5px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    background: url(/img/g9_sprite_v3.png)no-repeat;
    background-position: -140px -88px;}
.cate_de .white_boxk h2{font-weight:500;font-size: 17px;text-align: center;width:100%;padding:5px 24px;background: #fff;box-sizing: border-box;}
.cate_de .white_boxk ul{height:100%;width:100%;white-space: nowrap;position: relative;z-index:100;}
.cate_de .white_boxk li{width:33.3333%;height:auto;box-sizing: border-box;float:left;background: #fff;}
.cate_de .white_boxk li.title img{max-width:130px;max-height:70px;}
.cate_de .white_boxk li.title p.kor{font-size: 18px;font-weight: bold;}
.cate_de .white_boxk li.title p.eng{font-size: 13px;color:#797979;}


.cate_de .white_boxk li.menu_list a{display: block;margin-bottom:5px;}
.cate_de .white_boxk li.menu_list a:hover{color:#f1cd02;}

.cate_de .white_boxk li .table_cc{display: table-cell;vertical-align: middle;}
.cate_de .white_boxk li.brand p{width:100%;text-align: center;height: 110px;}
.cate_de .white_boxk li.brand img{max-width:70%;max-height: 70%;}

/*전체카테고리*/
.category_wrap{display: block;position: fixed;top: 138px;left:0;bottom:0; width: 100%; overflow-y: scroll;background-color: rgba(234, 234, 234, 0.94);z-index: 999999;display: none;
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);}
.category{min-width:1200px;margin:0 auto;padding:30px 0 60px;position: relative;width:1200px;}
.category .right_cate{margin-right:10px;float:left;}
.category .cate{background: #fff;width:740px;}
.category h2.big_title{text-align: center;height:48px;line-height: 48px;font-size: 16px;font-weight: 500;}
.category .cate .sun{position: relative;border-top:1px solid #E6E6E6; }
.category .cate .type{float:left;}

.category .cate .type>a{width:148px;height:130px;display: block;text-align: center;border: 1px solid #E6E6E6;border-right:2px solid #fff;;box-sizing: border-box;padding-top:20px;text-decoration: none;border-top:2px solid #fff;}
.category .close_pop{width: 24px;height: 24px;top:30px;right:-60px;
    position: absolute;z-index:999;
    cursor: pointer;
    background:url(/img/g9_sprite_v3.png)no-repeat;background-position: -140px -88px;}
.category .cate .type>a.blue{
    border:2px solid #017dc5;/*color:#fff;*/
	font-size: 16px;font-weight: 500;
	-webkit-animation: pointDown3 0.5s 0.5s ease-in infinite alternate forwards;
    animation: pointDown3 0.5s 0.5s ease-in infinite alternate forwards;
/*
background: #45cab5;
	color:#fff;
*/
/*	background: #017dc5;*/
}
.category .cate .type>a.blue img{
	  -webkit-animation: pointDown2 0.6s 0.6s ease-in infinite alternate forwards;
    animation: pointDown2 0.6s 0.6s ease-in infinite alternate forwards;

}
@-webkit-keyframes pointDown2 {
     0%   { opacity: 0;}
    50%  { opacity: .5;}
    100% { opacity: 1;}

}
@keyframes pointDown {
    0%   { opacity: 0;}
    50%  { opacity: .5;}
    100% { opacity: 1;}

}
@-webkit-keyframes pointDown3 {
	  0%   {border-right-color:#45cab5;}
    25%  {border-bottom-color:#45cab5;}
	50%  {border-left-color:#45cab5;}
	75%  {border-left-color:#45cab5;}
    100% { border-top-color:#45cab5;}

}
@keyframes pointDown3 {
    0%   {border-right-color:#45cab5;}
    25%  {border-bottom-color:#45cab5;}
	50%  {border-left-color:#45cab5;}
	75%  {border-left-color:#45cab5;}
    100% { border-top-color:#45cab5;}


}

/*요사스러운 것!*/
@-webkit-keyframes pointDown4 {
	  0%   {border-right-color:#45cab5;}
    25%  {border-bottom-color:#ff861f;}
	50%  {border-left-color:#58bbe6;}
	75%  {border-left-color:#329dd6;}
    100% { border-top-color:#86f478;}

}
@keyframes pointDown4 {
   	  0%   {border-right-color:#45cab5;}
    25%  {border-bottom-color:#ff861f;}
	50%  {border-left-color:#3ea2d0;}
	75%  {border-left-color:#329dd6;}
    100% { border-top-color:#86f478;}
}
/*메인 상품 상단 tep*/
.main_top_tep ul.tep{font-size: 0;text-align: center;position: relative;margin-bottom: 30px;}
.main_top_tep.best .more_btn_best{position: absolute;top:12px;right:23px;}
.main_top_tep .main_tep_tit{width:100%;text-align: center;height: 50px;line-height: 50px;font-size: 30px;font-weight: normal;}
.main_top_tep .main_tep_tit span{font-weight: bold;}

.main_top_tep ul.tep li{display: inline-block;width:120px;text-align: center;line-height: 40px;z-index:5;position: relative;}
.main_top_tep ul.tep li:last-child{margin-left:-2px;}
.main_top_tep ul.tep.top li{line-height: 52px;height: 52px;background: #e8e8e8;}
.main_top_tep ul.tep.top li.on{background: #45cab5;}
.main_top_tep ul.tep.top li.on a{color:#fff;}
.main_top_tep ul.tep li.on{z-index:10;}
.main_top_tep ul.tep li.on a{color:#45cab5;}
.main_top_tep ul.tep li a{font-size: 15px;color:#6d6d6d;font-weight: 500;}
.main_top_tep.best{position: relative;margin-bottom: 40px;margin-top: 50px;}
.main_top_tep p{font-size: 18px;text-align: center;}
.main_top_tep.best .tep{width:1150px;text-align: left;margin-top: 0;margin-bottom: 30px;overflow: hidden;height: 60px;padding-left:2px;}
.main_top_tep.full .tep{width:1150px;text-align: left;margin-top: 0;margin-bottom: 0;overflow: hidden;height: 50px;padding-left:2px}
.main_top_tep.best .tep li{height: 50px;line-height: 50px;box-sizing: border-box;width:auto;padding:0 10px;}
.main_top_tep.full .tep li{width:auto;}
.main_top_tep.best .tep li a{font-size: 18px;}
/*hot_person*/
.hot_person{margin:0px auto;width:1150px;overflow: hidden;height: 188px;}
.hot_person.per02{width:990px;margin:0 auto 30px;}
.hot_person_sm{width:990px;margin:0 auto;height:0;overflow: hidden}
.hot_person_sm.on{height: auto;overflow: visible;}
.hot_person .tep{margin-bottom:10px;padding-left:10px;}
.hot_person .tep li{float:left;margin-right:10px;}
.hot_person .tep li a{display: block;font-size: 24px;font-weight: bold;color:#959595;}
.hot_person .tep li a.ck{color:#017dc5;}
.hot_person li.per{position: relative;height: 171px;}
.hot_person li.per .person_num{position: absolute;top:-5px;right:30px;color:#45cab5;font-weight: bold;font-size: 22px;text-shadow:1px 1px 1px  #bcbcbc;}
.hot_person li.per a{display: block;width:140px;height:140px;background: #e0e0e0;border-radius: 25%;border:1px solid #f5f5f5;margin:0 auto;overflow: hidden;}
/*수정 18-01-23 보더 라디어스 값 :50% -> 25% 변경 및 보더 색바꿈 #b4b4b4 패딩 추가 할수 있음*/
.hot_person li.per a img{width:100%;height: 100%;}
.hot_person.per02 li.per{padding-top:20px;padding-bottom:10px;}
.hot_person.per02 li.per a{width:66px;height:66px;}
.hot_person.per02 li.per:hover{background: #eeac1f;}
.hot_person.per02 li.per:hover p{color:#fff;}
.hot_person li.per .per_con{position: absolute;top:0;left:0;bottom:0;right:0;width:100%;height: 100%;}
.hot_person li.per.slick-center {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);}
.hot_person li.per.slick-center a{
	border:1px solid #e3a021;
/*
  -webkit-animation: pointDown4 0.6s 0.6s ease-in infinite alternate forwards;
    animation: pointDown4 0.6s 0.6s ease-in infinite alternate forwards;
*/
}
.person_slide.c02 li.per .hei_ch{height:29px;}
.person_slide.c02 li.per a{/*background:url(/img/uin.jpg)no-repeat center center;*/overflow: hidden;position: relative;}
.person_slide.c02 li.per .black{position: absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;opacity: 1;}
/*수정 18-01-23 오퍼시티 값 0.5 -> 1 background: #000 제거*/
.person_slide.c02 li.per .doc{position: relative;z-index:100;text-align: center;height:140px;overflow: hidden;}
.person_slide.c02 li.per .doc img{display: inline-block;width:70px;height: 70px;}
.person_slide.c02 li.per .doc p{color:#fff;height: 140px;line-height: 140px;font-size: 20px;background: rgba(0, 0, 0, 0.21);}
/*수정 18-01-23 백그라운드 색 제거 할수도 있음 ,카테고리 제목 아래로 변경 예정 */
.person_slide.c02 li:nth-of-type(1){}
.person_slide.c02 li:nth-of-type(1){}
.person_slide.c02 li:nth-of-type(1){}
.person_slide.c02 li:nth-of-type(1){}

.hot_person li.per .name{text-align: center;font-weight: 500;color:#7c7c7c;font-size: 15px;margin-top: 7px;}
.person_slide {}
.person_slide .slick-prev,.person_slide .slick-next{width:19px;height:31px;}
.person_slide  .slick-prev{background: url(/img/arrow_btn.png);
    left: -40px;
}
.person_slide  .slick-next{background: url(/img/arrow_btn02.png);
    right: -40px;
}
.person_slide02 .slick-prev,.person_slide02 .slick-next{width:51px;height:51px;}
.person_slide02  .slick-prev{background: url(/img/bot_left.png);
    left: -80px;
}
.person_slide02  .slick-next{background: url(/img/slider/next.png);
    right: -80px;
}
.person_slide .slick-track{margin-left:-5px;margin-top:17px;}
.person_slide .slick-list{width:100%;margin:0 auto;padding-left:4px;}
/*part_nanum*/
.part_nanum{text-align: center;margin:30px 0px 0px;}
.part_nanum select{width:120px;height:30px;line-height:30px;border-radius:25px;margin-right:15px;padding-left:10px;}
.part_nanum select div{border-radius:25px;width:100%;}
.part_nanum select:nth-of-type(3){margin-right:10px;}
.part_nanum .search{display: inline-block;width:80px;height:30px;line-height: 30px;background: #45cab5;color:#fff;border-radius:25px;}


.category .cate .type>a img{max-height:100%;max-width:100%;width:64px;height:64px;}
/*.category .cate .type:nth-of-type(4n)>a{border-right:1px solid #e6e6e6;}*/
.category .cate .type .doc{width:100%;position: absolute;top:130px;left:0;background: #F5F5F5;height: 0;overflow: hidden;}
.category .cate .con4{position: relative;}
.category .cate .type .doc.viewer{height: auto;}
.category .cate .type:first-child .doc{}
/*.category .cate .con4 .type:first-child>a{border-left:none;}*/
.category .cate .con4 .type>a.bdr{border-right:1px solid #e6e6e6;}
/*.category .cate .con4 .type>a{border-right:1px solid #E6E6E6;}*/
.category .cate .type .doc .title{width:100%;border-bottom:1px solid #e6e6e6;position: relative;
text-align: left;padding-left:20px;font-size: 15px;color:#1A1A1A;font-weight: 500;box-sizing: border-box;}
.category .cate .type .doc .title a{display: block;}
.category .cate .type .doc .title a span{background: url(/img/g9_sprite_v3.png) no-repeat;
 display: block;position: absolute;top: 50%;right: 30px;width: 6px;
 height: 10px;margin-top: -5px; background-position: -170px -90px;}
.category .cate .type .doc .cate_list_wrap{}
.category .cate .type .doc .cate_list>li{float:left;width:249.5px;text-align: left;height:49px;line-height: 49px;padding-left:20px;border-bottom:1px solid #E6E6E6;border-right:1px solid #e6e6e6;}
.category .cate .type .doc .cate_list>li:nth-of-type(2n){border-right:none;}
.category .cate .type .doc .cate_list>li a{color:#1A1A1A;font-weight:normal;display: block;}

/*right banner*/
.right_banner{background: #fff;width:280px;float:left;padding:25px;box-sizing: border-box;padding-top:0;line-height:inherit;padding-bottom:0;}
.right_banner {}
.right_banner  .hot_tep a{display:inline-block;text-align: center;width:49.3%;box-sizing: border-box;height:30px;line-height: 30px;border:1px solid #ccc;}
.right_banner  .hot_tep a.on{background: #017dc5;color:#fff;}
.hot_list_wrap .hot_list li{height:30px;line-height: 30px;/*background:url(/img/up-arrow.png)no-repeat right center;*/background-size:7%;}
.hot_list_wrap .hot_list li a{display: block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot_list_wrap .hot_list li span{display: inline-block;margin-right:4px;}
.hot_list_wrap .hot_list{display: none;margin-bottom:15px;}
.hot_list_wrap .hot_list.on{display: block;}
.right_banner .issue_banner{width:100%;height:320px;overflow: hidden;}
.right_banner .issue_banner .con{height:230px;overflow: hidden;}
.right_banner .issue_banner img{width:100%;height:200px;}
.right_banner .issue_banner .title{font-size: 15px;text-align: center;}
.right_banner h2.big_title{text-align: left;border-bottom:1px solid #ccc;height:35px;line-height: 35px;margin:10px 0;}
/*
.right_banner .good_list h3{line-height:20px;font-size: 14px;font-weight: bold;}
.right_banner .good_list p{font-weight:normal;color:#717171;line-height: 18px;font-size: 13px;}
.right_banner .good_list>li{float:left;width:235px;margin-bottom:20px;min-height: 157px;}
.right_banner .good_list>li img{width:100%;}
.right_banner .good_list>li:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);}
.right_banner .good_list>li:hover .wrap_img{border:1px solid #ffb200;}
.right_banner .good_list>li .wrap_img{max-width:235px;max-height:118px;overflow: hidden;box-sizing: border-box;height:117px;}
.right_banner .good_list>li:nth-of-type(2n){margin-left:20px;}
*/
/*해더로그인부분*/
.sub_login{background: rgba(255, 255, 255, 0);width:160px;float:left;margin-right:10px;position: relative;z-index:9999;}
.sub_login .admig{border-bottom:1px solid #ccc;padding-bottom:10px;padding-top:15px;margin-bottom:15px;}
.sub_login .admig>p a{display: block;}
.sub_login .admig>p:first-child{float:left;}
.sub_login .admig>p:last-child{float:right;}
.sub_login .admig>p:first-child a{
    width: 62px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    letter-spacing: -1px;
        background-color: #288cf1;
    border: 1px solid #3B99F0;
    color:#fff;
}
.sub_login .admig>p:last-child a{
    height: 22px;
    text-align: center;
    line-height: 20px;
    letter-spacing: -1px;
    border: 1px solid rgba(26, 26, 26, 0.47);padding:0 5px;}
.sub_login ul li{margin-bottom:10px;}
.sub_login ul li span{display: inline-block;width:48px;height:48px;background: #fff;border:1px solid #ccc;border-radius:50%;text-align: center;line-height: 48px;margin-right:10px;}
.sub_login ul li span .fa{line-height:48px;}
.sub_login ul li:nth-of-type(2) span .fa{color:#f02e2e;}
/*
.sub_login ul li:nth-of-type(3) span .fa{color:#46a314;}
.sub_login ul li:nth-of-type(4) span .fa{color:#e5cb00;}
*/


/*.part_sale*/
.part_sale_wrap{margin-bottom:0;position: relative;}
.part_sale_wrap .btn_more2{display: block;position: absolute;right:0;top:100px;width:80px;height:80px;}
.part_sale_wrap .btn_more2 img{}
.part_sale_wrap h3{}
.part_sale{margin-bottom:30px;width:1080px;float:none;margin-right:80px;}
.part_sale .type{position: relative;background: #fff;box-sizing: border-box;float:left;width:100px;}
.part_sale{}
.part_sale .type02{position: relative;box-sizing: border-box;float:left;width:108px;padding:5px;height:112px;}
.part_sale .type02:hover{background: #45cab5;}
.part_sale .type02:hover p{color:#fff;}
.part_sale .type02 p{color:#8d8d8d}
.part_sale .type02 img{height:50px;width:50px;}

.part_sale .type.on_type{border-color:#fff;}
/*.part_sale .type:hover{border-color:#3D99EE;}*/
.part_sale .type:last-child{background-image: none;}

.part_sale .type>a{;display: block;font-size: 12px;text-align: center;padding-bottom:10px;border:1px solid #e3e3e3;font-weight: 400;color:#383838;}

.part_sale .type>a.onsale{border-color: #017dc5;}
.part_sale .type>a img{margin:0 auto;width:64px;height:64px;}
.part_sale_menu{position: relative;margin-bottom:20px;}
.part_sale_menu .doc{float:none;position:relative;width:100%;z-index:9999;text-align: left;background: rgba(245, 245, 245, 0.62);box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.31);border: 1px solid #fff;display: none;padding:20px 0;border:2px solid #017dc5;border-radius:10px;opacity: 0.7;}
.part_sale_menu .doc .cate_list li{float:left;padding:0 8px;background:url(/img/sp.jpg)no-repeat right center;}
.part_sale_menu .doc .cate_list li:last-child{background-image: none;}
.part_sale_menu .doc.viw{display: block}
.part_sale .doc .cate_list{padding:10px 5px;}
.part_sale .doc .cate_list li{padding:5px 0;border-bottom:1px solid #dddddd;}
.part_sale .doc .cate_list li a{display: block;width:100%;font-size: 13px;}
.part_sale .doc.activetion{display: block;}
.part_02{text-align: right;margin-bottom:15px;}
.part_02 select{width:200px;height:35px;line-height: 35px;}
.part_sale .slick-next,.part_sale .slick-prev{width:15px;height:30px;}
.part_sale .slick-next{background:url(/img/g9_main_v3.png);background-position: -100px 0;right:-20px;}
.part_sale .slick-prev{background:url(/img/g9_main_v3.png);background-position: -80px 0;left:-20px;}

span.pr01{font-size: 14px; color:#8d8d8d;font-weight: bold;display: inline-block;margin-left:5px;}
span.pr01 img{
	display:inline-block;margin-top:5px;margin-right:3px;
	width:15px;vertical-align: middle;margin-bottom:3px;
	-webkit-animation: pointkown 0.6s 0.6s ease-in infinite alternate forwards;
	animation: pointkown 0.6s 0.6s ease-in infinite alternate forwards;
}
/*위아레화살표  css*/
@-webkit-keyframes pointkown {
	from {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-10px,0);
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes pointkown {
	from {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-10px,0);
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}
/*개못만든거 밑에*/
header{
    position: relative;
    min-width: 1200px;
	height:216px;
/*    background:rgba(7, 43, 74, 0.88);*/
background:#fff;

/*
background: rgb(15,39,66);
background: -moz-linear-gradient(left, rgb(15,39,66) 0%, rgb(29,84,132) 100%);
background: -webkit-linear-gradient(left, rgb(15,39,66) 0%,rgb(29,84,132) 100%);
background: linear-gradient(to right, rgb(15,39,66) 0%,rgb(29,84,132) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2742', endColorstr='#1d5484',GradientType=1 );
*/
/*    background-attachment: fixed;*/
    top: 0;
    left: 0;
    right: 0;
    width:100%;
    border-bottom:0;
}
@-webkit-keyframes header-slide-down {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
/*공통 상단 부분 */
.top_myinfo_wrap{background: #000;background: #434446;}
.top_myinfo .icons a{display: inline-block;height: 33px;text-align: center;border-right:1px solid #b1b2b4;padding:0 7px;font-size: 17px;
box-sizing: border-box;}
.top_myinfo .icons a svg{display: block;margin-top: 6px;}
.top_myinfo .icons a:first-child{border-left: 1px solid #b1b2b4;}
.top_myinfo li{float:left;padding:0 10px;background: url(/img/ect_bar.jpg)no-repeat left center;}
.top_myinfo li:first-child{background: none;}
.top_myinfo .fr{margin-top: 4px;}
.top_myinfo a{color:#b1b2b4;font-size: 13px;}
.top_myinfo{width:1200px;margin:0 auto;height: 33px;}
/*마이알딜 박스*/

.my_adealbox{position: absolute;top:53px;right:-77px;padding:0px  0px 5px 0;background: #fff;z-index:9999999999999;border: 1px solid #0b4372;box-shadow:2px 2px 0px rgba(0, 109, 149, 0.21);border-top:none;width:250px;display:none;}

.my_adealbox ul.second_box li{float:none;text-align: center;width:100%;text-align: left;padding:7px 0;position: relative;}
.my_adealbox .tep{font-size: 0;}
.my_adealbox .tep a{
        display: inline-block;font-weight: 500;
    width:50%;font-size: 18px !important;
    text-align: center;
    padding:0;box-sizing: border-box;
    padding: 1rem;

    border-bottom: 1px solid #dddddd;
    color: #aaaaaa;
}
.my_adealbox .tep a.on{
    color: #01949e;
    border-bottom: 1px solid #01949e;
}
.my_adealbox li a{font-size: 14px;text-align: left;
display: block;}

.my_adealbox li a .fa{width:25px;text-align: center;color:#45cab5;}
.my_adealbox ul.top{background: #ebebeb;position: relative;text-align: right;padding: 15px 10px;}
.my_adealbox ul.top li{width:auto;display: inline-block;text-align: center;margin-left: 3px;}
.my_adealbox ul.top li a{padding:5px 5px;background: #233d4a;color:#fff;font-size: 13px;}
.my_adealbox ul.top li:first-child a{background:none;color:#4d4d4d;font-size: 15px;}

.my_adealbox ul.top li:first-child{position: absolute;top:12px;left:10px;}
.my_adealbox ul.top li:nth-of-type(2) a{background:#fff;color:#4d4d4d;}

/*회원이아닌경우*/
.my_adealbox ul.top.no_member{text-align: center;}
.my_adealbox ul.top.no_member li:first-child{position: static;background:#fff;color:#4d4d4d;}
.my_adealbox ul.top.no_member li:first-child a{font-size: 13px;background: #fff;}
.my_adealbox ul.top.no_member li:last-child a{background: #233d4a;color:#fff;}
.my_adealbox li:hover a{color:#45cab5;}
.my_adealbox li span{ display: none;
    position: absolute;
    top: 11px;
    right: 12px;
    width: 6px;
    height: 10px;
    background-position: -170px -110px;
	background-image: url(/img/g9_sprite_v3.png)
}
.my_adealbox ul.second_box{padding:10px 10px 0;}
header .head_top {
	margin:0 0 12px;
}
header .head_top a {
	position:relative;
	font-size:13px;
	color:#f8fdfe;
	padding-left:15px;
}
header .head_top a img {
	position:absolute;
	left:0;
	bottom:0;
}
header .head_top .inner {
	position:relative;
    width: 1364px;
    margin: 0 auto;
	height:21px;
	line-height:1;
}

header .head_top .left {
    position: absolute;
    right: 240px;
    bottom: 0;
}

header .head_top .left a {
	float:left;
	margin-left:0px;
}

header .head_top .left a:nth-child(3) {
	padding-left:15px;
}

header .head_top .right {
	position:absolute;
	right:60px;
	bottom:0;
}

header .head_top .right a {
	float:left;
	margin-left:27px;
}

header .head_btm .inner {
	position:relative;
    max-width: 1280px;
    margin: 0px auto 0;
	padding:0;
    padding-top:20px;
	 height: 118px;
    box-sizing: border-box;
}

header .head_btm .inner .top-right-menu_google select{height:50px;}
header .head_btm .inner .top-right-menu{position: absolute;top:30px;right:15px;text-align:center;width:305px;}
header .head_btm .inner .top-right-menu img { display:block;margin:0 auto 6px;}
header .head_btm .inner .top-right-menu a { display:inline-block;font-size:11px;padding:0 8px;}
header .head_btm .inner .top-right-menu a:hover{color:#45cab5;}
header .head_btm .inner .top-right-menu a:hover img.off{display:none;}
header .head_btm .inner .top-right-menu a:hover img.on{display:block;}
header .head_btm .inner .top-right-menu a img.on{display:none;}
header .head_btm .inner .top-right-menu a .cart_wrap{position:relative; padding-top:17px; text-align:center;}
header .head_btm .inner .top-right-menu a .cart_wrap img{height:14px;}
header .head_btm .inner .top-right-menu a .cart_wrap span{position:absolute; left:51%; top:-1px; z-index:7; min-width:20px; min-height:20px; line-height:20px; margin-left:-10px; padding: 0 5px; /*background-color:#ee4630;*/ background:#45cab5; color:#fff;font-size:12px; border-radius:100%; box-sizing: border-box;}  
header .head_btm h1 {position: absolute;top:30px;left:0;}
header .head_btm h1 a {display:block;color:#fff;}
/*header .head_btm h1 a img {width:285px}*/
header .head_btm .inner .top-right-menu_google{position: absolute;top:65px;right:-180px;text-align:center;width:248px;}

.search {
    position: relative;
    display: block;
    white-space: nowrap;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:400px;
    margin:20px auto 0 auto;
    border:2px solid #45cab5;
    border-radius: 25px;
}
.search form {
	display: block;
    position: relative;
    height: 40px;
    background: #fff;
border-radius:25px;
}
.search .sch_all {
	position:absolute;
	top:0;
	left:-20px;
	width: 83px;
	border-right: 1px solid #ddd;
	z-index:1;
	border-top-left-radius:22px;
	background: #ccc;
}
.search .sch_all a {
	width:100%;
	text-align: left;
    padding: 0 14px;
/*	background:none;*/

}

header .head_btm .search .sch_all a.drop-menu-toggle {
	background:url(/img/down.png) no-repeat 90% 50% #ccc;
/*    border-radius: 15px;*/
}

.search .sch_all a.drop-menu-toggle.on {
	height:41px;
	background:url(/img/up.png) no-repeat 90% 50% #ccc;
}
.search .subnav {display:none;position:absolute;top:100%;
left:0;width: 470px;padding: 20px;border-radius: 0 0 5px 5px; box-shadow: 0 7px 10px rgba(0,0,0,.4);
background:#fff ;box-sizing:border-box;
}
.search .subnav a{background: #fff !important;}
.search input[type="text"] {
	position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    line-height: 15px;
    padding: 6px 60px 6px 10px;
    margin: 0;
    border: 0px solid #ccc;
    height: 100%;
    font-family: arial,sans-serif;
    font-size: 13px;
    background: 0 0;
    color: #646263!important;
    outline: 0;
    -webkit-appearance: none;
    box-shadow: none;
    text-indent: 8px;
    box-sizing: border-box;
/*	background: #fff;*/
}
.search a {
    /*background-color: #ffc526;*/
	display: flex;
    align-items: center;
    background-image: none;
    border: none;
    width: 45px;
    color:#45cab5;
    float:right;
    position: relative;
    /*display: block;*/
    width: 45px;
    height: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    outline: 0;
    text-align:center;
    box-sizing: border-box;
    line-height: 40px;
    font-size:26px;
}
.search a svg{
    position:absolute; left:50%; top:50%; z-index:7; transform:translate(-50%, -50%);
}
.search select option{background: #fff;}
.search select {

	box-shadow: none;
/*    background-color: #ffc526;*/
    background-image: none;
	background: #ccc;
    border: none;
    width:90px;
	color:#000;
	float:left;
    position: relative;
    display: block;
    height: 40px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    outline: 0;
	text-align:center;
    box-sizing: border-box;
    line-height: 40px;

}
.search a img {
    vertical-align: middle;
}
header .head_btm .hd_right {
    position: absolute;
	top:12px;
	right:0;
/*    width: 170px;*/
    display: inline-block;
    padding: 0;
    text-decoration: none;
}
header .head_btm .hd_right .bell .my_adealbox{width:380px;left:50%;margin-left:-187.5px;}
header .head_btm .hd_right .bell .my_adealbox a{font-size: 13px;padding-right: 5px;}
header .head_btm .hd_right .bell .my_adealbox a .ttme{display: block;position: static;background: none;margin-top: -7px;}
header .head_btm .hd_right .bell .my_adealbox .llst a{display: block;text-align: left;width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
height: 50px;}
header .head_btm .hd_right .bell .my_adealbox .llst .icond{float:left;height: 40px;width:40px;border: 1px solid #d4d4d4;border-radius: 50%;overflow: hidden;margin-right: 12px;
margin-top: 4px;}
header .head_btm .hd_right .bell .my_adealbox .llst .icond img{width:100%;height: 100%;}
header .head_btm .hd_right .bell .my_adealbox .llst li{padding:6px 0;border-bottom: 1px solid #ccc;padding:5px 10px;}
header .head_btm .hd_right .bell .my_adealbox .llst{display: none;}
header .head_btm .hd_right .bell .my_adealbox .llst.on{display: block;}
header .head_btm .hd_right .bell .my_adealbox a strong{font-weight: bold;}
header .head_btm .hd_right>ul>li {
	float: left;
	padding: 0;
	font-size: 13px;
	position: relative;
	margin-left: 27px;
	text-align: center;
}
header .head_btm .hd_right>ul>li.change_logo img{width:100%;}
header .head_btm .hd_right>ul>li a.btn_mypage img{border-radius:50%;max-width: 32px;height: 32px;}
header .head_btm .hd_right>ul>li>a {
    display: inline-block;
    color: #72aad7;
    font-size: 11px;
}
header .head_btm .hd_right>ul>li p.small_text{color:#617b89}


/*
header .head_btm .hd_right>ul>li:last-child>a {

	width:37;height:46px;

}
*/
/*
header .head_btm .hd_right li a.btn_login {
	background:url(/img/ico_login.png) no-repeat 50% 0;
}

header .head_btm .hd_right li a.btn_join  {
	background:url(/img/ico_join.png) no-repeat 50% 0;
}
*/

/*
header .head_btm .hd_right li a.btn_mypage  {
	background:url(/img/ico_my.png) no-repeat 50% 0;
}
*/
/*
header .head_btm .hd_right li a.btn_follow  {
	background:url(/img/ico_my.png) no-repeat 50% 0;
}
*/
/*
header .head_btm .hd_right li a.btn_cart {
	position:relative;
	background:url(/img/top/ico_cart.png) no-repeat 50% 0;
}
*/
header .head_btm .hd_right li a.btn_cart .cart_num {
    position: absolute;
    top: -5px;
    right: 9px;
    width: 25px;
    height: 25px;
    color: #45cab5;
/*    background: #45cab5;*/
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
	font-size: 15px;

}
header .head_btm .hd_right li a.btn_mypage .cart_num {
    position: absolute;
    top: -5px;
    right: -7px;
    width: 25px;
    height: 25px;
/*
	18-02-26 모바일로 변경
    color: #fff;
    background: #45cab5;
*/
	background-color:#000;
	color:#30c3ce;
	opacity:0.8;

    border-radius: 50%;
    line-height: 25px;
    text-align: center;
	font-size:15px;
/* 18-02-26 통일성위해 변경
	font-size: 14px;font-weight: 500;
	line-height: 22px;*/

/*    border: solid 2px #0369a4;	*/
}
header .head_btm .hd_right > div {
	width:100%;
    margin: 0 auto;
}

header .head_btm dl.hot {
    float: left;
    margin-left: 30px;
    margin-top: 25px;
}

header .head_btm dl.hot dt {
    color: #666;
}

header .head_btm dl.hot dt strong {
    font-weight: 600;
}

header .head_btm dl.hot dd a {
    color: #999;
    font-size: 11px;
    text-decoration: underline;
}

header .head_btm .top_slide_wrap {
    width: 200px;
    float: right;
    position: relative;
}

header .head_btm .top_slide_wrap .bx-wrapper .bx-controls-direction a {
    background-color: #ccc;
    color: #fff;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    top: 10px;
    left: 0;
    margin-top: 0;
}
header .head_btm .top_slide_wrap .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -35px;
}
header .head_btm .top_slide_wrap .bx-wrapper .bx-controls-direction a.bx-next {
    left: -15px;
}
header  .hd_menu {
    width: 100%;
    height: 48px;
	line-height:36px;
    position: relative;
	background:#fff;
	    box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

header  .hd_menu .hd_menu_center {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
header .menu_all {position: absolute;top: -2px;
left:0;width:40px;height:30px;height: 41px;
    line-height: 36px;
    font-size: 14px;
    box-sizing: border-box;
    z-index: 9999;
	display: none;

}
/**.head_btm{background:url(/img/right_top.jpg)no-repeat right 10px;}**/
.header_bot{height:55px;width:100%;width:1280px;margin:0 auto; display: flex;}
#wrap.note .header_bot .cate_btn{margin-top: 17px;}
#wrap.note .header_bot{border-top: none;position: relative;margin-top: 0px;}
#wrap.note header.fixd .header_bot{border: none;}
#wrap.note header.fixd .header_bot .top_write {display: none;}
.header_bot a{}
.header_bot .cate_btn{float:left;position:relative; margin-top:0px;color:#fff; width:170px; height: 55px;  background-position: 98% center; cursor:pointer;}
.header_bot .cate_btn.active{ background:rgba(0,0,0,.28) url(/img/cate_arrow01.png)no-repeat; background-position: 98% center;}
.header_bot .cate_btn > p {line-height: 55px; }
.header_bot .cate_btn > a{color:#222; display: block;line-height: 45px; height:55px;padding-left:10px;font-size:14px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.header_bot .cate_btn a.on p{}
.header_bot  .cate_btn.active p{color:#fff;}
.header_bot .cate_btn.active a{color:#4e4e4e;}
.header_bot .cate_btn li a#all_category_modal_btn{ color:#000;font-size:14px;display:block;line-height:52px;height:52px;}
.header_bot .cate_btn p{display:inline-block;margin-left:10px;}
.header_bot .cate_btn   img { vertical-align:middle;margin-right:5px;}
.header_bot .tep{position:relative; float:left; margin-left:10px; display: flex;}
#wrap.note .header_bot .tep{position: absolute;top:16px;width:100%;text-align: center;margin-left:0;}
#wrap.note .header_bot .tep li{display:inline-block;float:none;padding-right:10px;background:url(/img/gray_b.jpg)no-repeat right center;margin-right: 0;padding-left:10px;}
#wrap.note .header_bot .tep li:last-child{padding-right: 0;background:none;margin-right: 0;margin-left:0;}
#wrap.note .header_bot .tep li a{font-size: 19px;color:#8d8d8d}
.header_bot_wrap{margin:0 auto;width:100%;position:absolute;/*background-color:rgba(0,0,0,.42); background:#90C31F;*/ border-top:1px solid #d9d9d9; border-bottom:1px solid #ddd;}
.header_bot .tep > li{float:left;height: 55px;line-height: 55px;padding:0 20px;font-size:14px;}
.header_bot .tep > li:first-child{}
.header_bot .tep > li a{height:100%;line-height: 55px;font-size:14px; }
.header_bot .tep > li:last-child{background: none;}
.header_bot .tep > li a:hover{/*color:#246A30;*/ color:#45cab5;}
.header_bot .tep > li a.on{color:#45cab5;}
.header_bot .tep > li a .r_stroy{color:#45cab5}
.header_bot .tep > li a .sm{font-size:0.8em;color:#888;font-weight:200;margin-left:10px}

.header_bot .tep .navContent_sub {visibility: hidden; z-index: 12; position: absolute; width: max-content; left: 15px; top: 55px; display: flex; flex-direction: column; background-color: #fff; padding: 5px 40px 5px 15px; border: 1px solid #ddd; z-index: 9999999999;}
.header_bot .tep .navContent_sub a {color: #666; font-size: 13px; font-weight: 300; line-height: 30px;}


.right-menu { text-align:right;line-height:55px;float:right; width:260px; box-sizing:border-box; text-align:center;}
.right-menu a { display:inline-block;font-size:14px;padding:0 6px;font-weight:400;}

.main-top-banner { height:96px;}
.main-top-banner .inner { width:1280px;margin:0 auto;position:relative;}
.main-top-banner .swiper-button-next {width:20px;height:15px; background:url(/img/top-bt-next.png)no-repeat 0 center; background-size:100%;right:0;top:50px;margin-top:-96px;}
.main-top-banner .swiper-button-prev{width:20px;height:15px; background:url(/img/top-bt-pre.png)no-repeat 0 center;  background-size:100%;right:0;left:auto;top:30px;margin-top:-96px;}


.all_cate_box{/*background-color:rgba(255,255,255,.46); */position: absolute; top:66px; left:0; }
#wrap.note .all_cate_box{top:35px;}
.all_cate_box .menu_01{position: relative;width:200px;box-sizing:border-box;display:none; border:1px solid #d9d9d9;}
.all_cate_box .menu_01>li:last-child{border-bottom: 0;}
#wrap.note .all_cate_box .menu_01{width:310px;padding:20px;}
#wrap.note .all_cate_box .menu_01>li{float:left;width:50%;border-bottom: none;box-sizing: border-box;}
#wrap.note .all_cate_box .menu_01>li:nth-of-type(2n){border-left:1px solid #ccc;padding-left:10px;}
#wrap.note .all_cate_box .menu_01>li a{padding:0;margin:0;height:auto;line-height: 25px;font-size: 14px;color:#6d6d6d;}
.all_cate_box a{color:#4d4d4d;display: block;padding:0 30px;height:35px;/*line-height: 35px;box-sizing: border-box;*/width:95%;overflow: hidden;}
.all_cate_box a.tit01 img{vertical-align: middle;margin-right:5px;width:20px;height:20px;}
.menu_con a:hover{color:#45cab5;text-decoration: underline;}
.menu_01 a.tit01:hover,.menu_01 a.tit01.on{/*background:url(/img/blue_arrow.png)no-repeat 90% center;color:#45cab5*/ ;text-decoration: none; color:#45cab5;}
.menu_02 a.tit02:hover,.menu_02 a.tit02.on{/*background:url(/img/blue_arrow.png)no-repeat 90% center;color:#45cab5*/ ;text-decoration: none; color:#45cab5;}
.menu_02, .menu_03{width:240px;box-sizing: border-box;position: absolute;top:0;left:240px;background: #fff;display: none;}
.menu_02{background:#f4f4f4;}
.menu_03{left:240px;}
/*.menu_02>li, .menu_03>li{padding:10px 0;}*/
 .menu_01.active, .menu_02.active, .menu_03.active{display: none;}

.menu_03 a.tit03:hover,.menu_03 a.tit03.on{background:url(/img/blue_arrow.png)no-repeat 90% center;color:#45cab5 ;text-decoration: none;}
.menu_04 a.tit04:hover,.menu_04 a.tit04.on{background:url(/img/blue_arrow.png)no-repeat 90% center;color:#45cab5 ;text-decoration: none;}
.menu_04{left: 240px;}
.menu_05{left:240px}
.menu_04, .menu_05{width:240px;box-sizing: border-box;position: absolute;top:0;left:240px;background: #fff;display: none;}
.menu_04 {background:#f4f4f4;}
.menu_04.active,.menu_05.active{display: block;}


.cate_bot_box{background: #0e2c46;}
.cate_bot_box li{float:left;width:33.3333%;background:url(/img/sp_i.jpg)no-repeat center right;}
.cate_bot_box li:last-child{background: none;}
.cate_bot_box li a{padding:0;color:#fff;text-align: center;}
.cate_bot_box li a:hover{text-decoration: none;background: none;color:#fff;}
/*header 스크롤  fix*/
header.fixd .header_bot_wrap{border:none;}
header.fixd{height:90px;background-size: 120%;position: fixed;}
header.fixd .logo{top:4px;}
#wrap.note header.fixd{background:rgba(255, 255, 255, 0.85);height: 80px;overflow: hidden;}
header.fixd .all_cate_box{top: 58px;}
header.fixd .head_top{opacity:0;height:0;overflow: hidden;margin-top:3px;}
/*.top_btn{position: fixed;bottom:100px;right:50px;z-index:5000;}*/
.top_btn .fa{color:#f3af1b;margin-top: 7px;}
.top_btn{
	position: fixed;bottom:100px;right:50px;
	width: 53px;
    height: 106px;
    z-index: 777;
/*background:url(/img/g9_sprite_v3.png);display: block;line-height: 500px;*/
}
/*#wrap.note .top_btn{bottom:220px;background:none;border: none;right:130px;}*/

header.fixd .header_bot .cate_btn { padding-right:20px;position: relative;position: absolute;top:27px;left:-40px;}
#wrap.note header.fixd .header_bot .cate_btn { top:-50px;left:-40px; }


header.fixd .header_bot .cate_btn.active{background: none;}
header.fixd .header_bot .cate_btn a p{text-indent: -999px;}
header.fixd .header_bot .tep{display: none;}
header.fixd .hd_menu{position: fixed;top:-100px;}
/*header.fixd  .header_bot{display: none;} */
header.fixd  .menu_all{background: none;top:-0px;left:0px;padding:0;border:none;z-index:8888;}
header.fixd .menu_all>a{text-indent:-99999px;
	background: url(/img/cate.png) no-repeat center center;
	background-size:100%;padding:0;width:40px;height:40px;display: block;}
header.fixd .sch_all{display: none;}
header.fixd .head_btm .search{margin-top: -5px;border:none;}
header.fixd .head_btm .search form{border-radius:20px;overflow: hidden;}
header.fixd  .head_btm .inner .bee{top:5px;}
header.fixd .bee img{width:100px;}
/*header.fixd .head_btm .hd_right li a{color:#fff;}*/
header.fixd .head_btm .hd_right{top:15px;}
header.fixd .head_btm .search a{border-radius:20px;margin-right:-3px;
background:#45cab5;}
header.fixd .head_btm .search input{border-radius: 20px;}
header.fixd .head_btm{background: none;}
header.fixd .head_btm h1 img{height:50px;width:inherit;}
header.fixd .main_depth_wrap{display: none;}
header .menu_all:hover {
	background:#56b7e6 url(/img/cate.png) no-repeat 32px 60% #f2f8fd;
}
/*장바구니 해드*/

#navigation.order_head{
	height: 75px;
}
#navigation.order_head .hd_right{display: none;}
#navigation.order_head .search{display: none;}
#navigation.order_head .header_bot{display: none;}
#navigation.order_head  .head_btm { display:none;}
#navigation.order_head .main-top-banner { display:none;}

.order_cate{position: absolute;top:-20px;right:0;height: 75px;}
.order_cate li{float:left;color:#45cab5;font-size: 17px;width:165px;text-align: center;height: 77px;line-height: 77px;}
.order_cate li.on{color:#fff;background: url(/img/big_blue.png)no-repeat center center;}
/*끝*/

#navigation.fixed .menu_all:hover {
	background:url(/img/cate.png) no-repeat 32px 50%;
}

header .menu_all>a {
	color:#373737;
	font-weight:bold;
	display: block;width:100%;height:100%;
    background: url(/img/cate.png) no-repeat center center;
    display: block;
}
header .menu_all>a.on_menu {
    background: url(/img/catex.png) no-repeat center center;
}
.sub-menu {
	display: none;
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	top: 100%;
	left: 0;

	width:171px;
	z-index: 9999;
	border-radius: 0 0 5px 5px;
    line-height: 1.5;
    background: #f2f8fd;
    box-shadow: 0 7px 10px rgba(0,0,0,.4);
	box-sizing:border-box;
}

.sub-menu li a {
	display:block;
	padding-left:37px;
	height:32px;
	line-height:32px;
	font-size:13px;
}

.sub-menu li a:hover {
	background:#fff;
}


header  .hd_menu .menu_right {
    position: relative;
    float: right;
    width: auto;
    display: inline-block;
    padding: 0;
    text-decoration: none;
}

header  .hd_menu .menu_right li {
    float: left;
    padding: 0;
    font-size: 13px;
}

header  .hd_menu .menu_right li a {
	margin-left:10px;
}

header  .hd_menu .menu_list {
    position: absolute;
	width:100%;
	left:0;
    float: left;
    padding: 0;
    top:4px;
}
header  .hd_menu .menu_list li a.current {
	color:#c10404;
    border-bottom: solid 3px #f1cd02;
}
header .gnb_wrap {
    background: url('/img/common/gnb_bg.png') repeat;
    border-bottom: 3px solid #d01e44;
}
header .gnb_wrap ul {
    width: 1364px;
    margin: 0 auto;
}
header .gnb_wrap li {
    float: left;
    background: url('/img/common/gnb_line.png') right center no-repeat;
 /*padding:15px 65px;*/
    padding: 15px 0;
    width: 20%;
    text-align: center;
}

header .gnb_wrap li:last-child {
    background: none;
}

header .gnb_wrap li a {
    font-size: 14px;
    color: #fff;
    font-family: 'Nanum Gothic';
    font-weight: 600;
}

header .gnb_wrap li a:hover {
    color: #f1b8c8;
}

.hd_area {
    min-width: 1364px;
	width:100%;
	height:99px;
	background:#232f3e;
}

.footer {
    position: relative;
    z-index: 2;
	background:#fff;
	color:#6e6d6d;
	margin:0;
	min-width: 1200px;


}
.footer .inner{width:1200px;margin:0 auto;min-width: 1200px;}
.footer .top_hit {background:#f4f4f4;}
.footer .top_hit .inner{width:1200px;margin:0 auto;position: relative;}

.notice_line_wrap{border-top:1px solid #ccc;border-bottom: 1px solid #ccc;padding:20px 0}
.notice_line {width:1200px;margin:0 auto;position: relative;}
.notice_line .doc_wrap{float:left;margin-right: 100px;width:450px;
text-align: left;}
.notice_line .doc_wrap h3{font-weight: bold;display: inline-block;color:#000;margin-right: 20px;position: absolute;top:0px;left:0;}

.notice_line .sns_area{position: absolute;top:-15px;right:-70px;z-index:1000;
width:185px;}
.notice_line .sns_area ul >li {float:left;width:50px;height: 50px;}
.notice_line .sns_area ul >li a{display: block;width:50px;height: 50px;}


.notice_line .doc_wrap  p{display: inline-block;width:350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:70px;}
.notice_line .doc_wrap  p a{color:#000}

.notice_line .doc_wrap:nth-of-type(2) p{padding-left:110px;}

.notice_line .doc_wrap  p span{color:#fff;display: inline-block;padding:0 3px;background: #45cab5;margin-right: 8px;}


.notice_line .doc_wrap .slick-prev, .slick-next{width:13px;height: 17px;}
.notice_line .doc_wrap .slick-prev{background: url(/img/n_left.jpg)no-repeat center center;left:auto;right:-50px;}
.notice_line .doc_wrap .slick-next{background: url(/img/n_right.jpg)no-repeat center center;right:-70px;}

.footer .top_hit .inner .con a{display: block;width:auto;border-radius: 15px;margin:0 auto;
    border: 1px solid #6c6c6c; color:#6c6c6c;margin-top: 15px;width:80px;background: #fff;}
.footer .top_hit .box01 , .footer .top_hit .box02{float:left;padding:50px 0;}
.footer .top_hit .box01 .con{width:260px;box-sizing: border-box;padding-right: 65px; padding-left:40px;border-right: 1px solid #bebebe}
.footer .top_hit .box01 .con:first-child{border-left:1px solid #9a9a9a;background: url(/img/bg_icon01.jpg)no-repeat 98% bottom;}
.footer .top_hit .box01 .con:nth-of-type(2){background: url(/img/bg_icon02.jpg)no-repeat 98% bottom;}
.footer .top_hit .box01 .con:nth-of-type(3){background: url(/img/bg_icon03.jpg)no-repeat 98% bottom;}
.footer .top_hit .box02 .con{box-sizing: border-box;padding-right: 70px;
    padding-left:35px;
border-right: 1px solid #9a9a9a;width:420px;}

.footer .top_hit .box01 .con{float:left}
.footer .top_hit .box01 .con p{text-align:left;}
.footer .top_hit .box01 .con h2{font-size: 16px;font-weight: bold;color:#000;margin-bottom: 15px;}
.footer .top_hit .box02 .facebook{text-align: left;}
.footer .top_hit .box02 .facebook h2{color:#4266b4;font-weight: bold;font-size: 20px;text-align: left;}
.footer .top_hit .box02 .facebook a{border:none;display: inline-block;padding:0;width: auto;}
.footer .top_hit .box02 .facebook p a{text-align: left;width: auto;background: none;width: auto;}
.footer .top_btn{position: fixed;bottom:50px;right:50px;width:70px;height:70px;}
.footer .top_btn img{width:100%;}
.footer.note .ft_top{background: #fff;}
.footer .ft_top .cont{width:1200px;margin: 0 auto;height: 73px;line-height: 73px;}
.footer .ft_top {
    padding-bottom:50px;
	width:100%;margin:0 auto;
text-align:left;
background: #fff;
	color:#525252;
    width:1200px;
font-size: 13px;

}
.footer.note .ft_top{border-bottom: 1px solid #e1e1e1;}
.footer .ft_top a {
    background: url(/img/ect_bar.jpg)no-repeat right center;
	color:#1f1f1f;
    padding-left:12px;
    padding-right: 12px;
	font-size: 14px;
}
.footer .ft_top a:last-child{padding-right: 0;}
.footer .ft_top a:first-child{padding-left:0;}
.footer.note .ft_top a {	color:#8d8d8d;}
.footer a {
	color:#fff;
}

.footer .menu {
    background-color: #232f3e;
}

.footer .menu .inner {
    width: 1364px;
    margin: 0 auto;
    padding: 10px 0;
}

.footer .menu ul {
    float: left;
}

.footer .menu ul li {
    float: left;
}

.footer .menu ul li:after {
    content: '|';
    color: #ddd;
    padding: 0 7px;
}

.footer .menu ul li:last-child:after {
    content: '';
    padding: 0;
}

.footer .menu ul li a {
    color: #666;
    letter-spacing: -1px;
}

.footer .menu .right {
    float: right;
}

.footer .menu .right a {
    background-color: #6a6a6a;
    color: #fff;
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 3px;
    vertical-align: middle;
}

.footer .menu .right select {
    border: 1px solid #aaa;
    width: 120px;
    height: 20px;
    line-height: 20px;
    margin: 0 10px;
}

.footer .menu .right a.top { background-color: #adadad;
font-weight: 600;
    letter-spacing: -0.5px;}
.footer .inner {
    width: 100%;
    position: relative;
	text-align:center;

}
.footer.note .inner{
	border-color:#e1e1e1;
}
/*
.footer .inner .ft_inner {
	position:relative;
    width: 1364px;
    margin: 0 auto;
	padding:24px 0 24px 137px;
	box-sizing: border-box;
	overflow:hidden;
}
*/
.footer .inner .ft_inner > div {
    min-width: 450px;
    float: left;
    padding-right: 44px;
    padding-left: 33px;
    margin-right: 40px;
    box-sizing: border-box;
    border-left: solid 1px rgba(103, 103, 103, 0.7);
}
.footer .inner .ft_inner > div:first-child {
	border:0;
}
.footer pre {
    color: #666;
    line-height: 150%;
    letter-spacing: -1px;
}
.footer .copy {
    color: #666;
}
 .footer .copy strong {
    color: #d03a4f;
    margin-left: 10px;
}
.footer .logos {
    position: absolute;
    top: 40px;
    right: 0;
}

 .footer .logos img {
    margin-left: 30px;
}

.ft_area {
    min-width: 1364px;
	width:100%;
	height:400px;
	background:#232f3e;
	border-bottom:solid 1px #3a4553;
	padding:40px 0;
	box-sizing:border-box;
    color: #fff;
}
.ft_area #navCtgrRow1 {
	width:1364px;
	margin:0 auto;
    overflow: hidden;
}

.ft_area .box {
	float:left;
	width:16%;
}

.ft_area .box strong.tit {
	display:block;
    font-size: 16px;
    margin: 6px 0 14px 0;
    white-space: nowrap;
	font-weight:bold;
}
.ft_area .box li {
    margin: 0 0 10px;
}

.ft_area .box li a {
	font-size:13px;
    color: #fff;
}

.ft_sns {
	float:right;
    margin-top: -10px;
}

.ft_sns span {
	display:none;
}
.ft_sns li {
	border-radius: 50%;
    border: none;
    overflow: hidden;
    top: 5px;
    position: relative;
    float: left;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 30px;
	height: 30px;
}
.ft_sns li a {
	display:block;
    height: 100%;
    line-height: 30px;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	color:#ccc;
}
.ft_sns li a:hover {color:#ccc;}
.ft_sns .facebook:hover { background-color: #37589b;}
.ft_sns .twitter:hover {background-color: #46d4fe;}
.ft_sns .linkedin:hover {
    background-color: #419cca;}
.ft_sns .gplus:hover { background-color: #de5a49;}
.ft_sns .instagram:hover {background-color: #a67658;}
.copyright {
    float: left;
    font-size: 12px;
    color: #ccc;
    font-weight: bold;
    font-family: arial,sans-serif;
}
.company_box {
	position:relative;
	min-width: 1200px;
    width: 1200px;
    margin: 0 auto;

	box-sizing: border-box;
}
.company_box h2 {
	position:absolute;
	top:55px;
	left:0px;
}

.company_box > div {
	position: relative;
	height: 122px;
	min-width: 510px;
	float: left;
	padding-right: 28px;
	padding-left:28px;
	margin-right: 20px;
	box-sizing:border-box;
	border-left:solid 1px rgba(103, 103, 103, 0.7);
}
.footer.note .company_box > div{
	border-color:#e1e1e1;
}

.company_box > div.box02{min-width:0px;}
.company_box > div:last-child {min-width:100px;margin-right: 0;padding-right: 0;}
.company_box > div p {
	color:#687981;
	font-size:15px;
	line-height:1.5;
}
.footer.note .company_box > div p {
	color:#8d8d8d;
	font-size:15px;
	line-height:1.5;
}
.company_box div p.title {
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 18px;
	color:#8498a2;
}
.company_box div p.title.last {position: absolute;
bottom: 0;left: 0;
}
.company_box div p .company_btn {position:absolute;top:-3px;right:-30px;
}
/*공통상품부분*/
.slick_main li {
	position:relative;
    padding:0 ;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}

.slick_main li:hover{
border: 2px solid #535353;
    -webkit-box-shadow: 3px 3px 14px 0px rgba(189,189,189,0.6);
    -moz-box-shadow: 3px 3px 14px 0px rgba(189,189,189,0.6);
    box-shadow: 3px 3px 14px 0px rgba(189,189,189,0.6);
}

.slick_main  .div_type{box-sizing: border-box;/*height: 330px;*/position: relative;
padding: 0 10px;}/* 18-03-27 크기 변경*/
.slick_main  .div_type .ex{position: absolute;width:100%;height: 100%;top:0;bottom:0;left:0;right:0;background: #000;opacity: 0.4;}
/*.slick_main .slick-slide{margin:0 8px;}*/
.main_bx li .tit_desc{color:#1a1a1a;font-size: 14px;padding-top:4px;display: block;padding:15px 0px 0;min-height:60px;line-height: 20px;
	background: #fff;
width:100%;box-sizing: border-box;max-height:44px;overflow: hidden;}
/*18-01-23 폰트 컬러 #8d8d8d -> #1a1a1a 변경 , font-weight:500 뻄 */

.main_bx li .tit_desc.season{font-size: 20px;text-align: center;color:#1b1b1b;width:95%;max-height:100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0;box-sizing: border-box;height:38px;line-height: 38px;} /* 18-03-27 크기 변경*/


.best_product p.deliver{bottom:10px;}
 p.deliver{font-size: 12px; color: #45cab5; background: #fff; padding: 2px 4px 1px; border-radius: 2px; position: absolute;bottom:5px;right:10px;} /*18-03-27 폰트 크기 및 보더 제거*/
.star_point{
    background: #fff;
    padding: 2px 4px 1px;
    border-radius: 2px;
    position: absolute;
    bottom: 3px;
    left: 2px;

}
.icon{position: absolute;width:100%;bottom:-50px;left:-10px;text-align: right;display: none;}
.icon.upp{bottom:10px;}
.grade {height:11px;display: inline-block}
.cart{display: inline-block;margin-right:11px;color:#939393;}
.wish{display: inline-block;margin-right:4px;color:#939393;}
.wish.red{color:#f00;}
.follow_user{position: absolute;top:15px;right:20px;z-index:180;display: none;}

.follow_user>div{position: absolute;top:-0px;right:35px;color:#fff;padding:3px 7px;text-align: center;z-index:999;display: none;background:#45cab5;}
.follow_user>div>p{width:12px;height:12px;position: absolute;background:url(/img/arr_depth01.png)no-repeat center center;top:7px;right:-8px;}

.grade {height:11px;}
.grade span {display:inline-block;height:11px;line-height:11px;float:left;margin-right:3px;}
.grade .numb {
	margin-left:8px;
	color:#017dc5;
	font-size:12px;
}
.my_adealbox li a{display: inline-block;height: 30px;line-height: 30px;margin-left:5px;}
.my_adealbox .icon_user{width:30px;height: 30px;border-radius: 50%;}

.main_item_list .div_type{display:inline-block;padding:0 0px;margin:10px 0;width:288px}
.main_item_list .div_type li{position:relative;;box-sizing:border-box}
.main_bx .main_item_list .box_desc{min-height:inherit;}

.main_item_list .div_type    { margin-right:45px;}

.main_item_list .div_type.md-list:nth-child(2n)  { margin-right:0;}

.main-top-type-md {width:625px!important;float:left}
.main-top-type-md h3,
.pet-box h3{ text-align:left!important;}
.pet-box h3 span,
.main-top-type-md h3 span { display:block;font-weight:300;font-size:23px;margin-bottom:-9px;}


.pet-box { width:620px;float:right;margin-bottom:100px;}

.pet-box .img-box { position:relative;margin-bottom:20px; display:block;}
.pet-box .img-box .bg-box { height:60px;line-height:60px;text-align:center;width:100%;position:absolute;background-color:rgba(0,0,0,.5);font-size:25px;font-weight:bold;color:#fff;bottom:0}
.pet-box .img-box img { width:100%;}
.pet-box .img-box .bg-box span { color:red;font-weight:400;display:inline-block;margin-right:10px;}
.pet-box .img-box .bg-box span em { font-style:italic}

.pet-box .con-s { border-bottom:1px solid #a5a5a5}
.pet-box .con-s ul {width:100%; font-size:0;}
.pet-box .con-s ul li { display:inline-block; vertical-align:top;}
.pet-box .con-s ul li.tit { width:145px;}
.pet-box .con-s ul li.tit  span { color:#fff;height:28px;line-height:28px;width:104px;text-align:center;background:#44bedc;border-radius:14px; text-transform:uppercase;font-size:14px;display:block;margin-bottom:10px;}
.pet-box .con-s ul li.tit  p { color:#000;font-size:22px;font-weight:bold; margin-bottom:13px;}

.pet-box .con-s ul li.con {width:calc(100% - 145px); font-size:15px;line-height:20px;color:#747474; padding-bottom:23px;} 

.main-center-banner  { height:498px;margin-bottom:70px;}
.main-center-banner .swiper-slide { width:790px;}
.main-center-banner  .swiper-pagination-bullet { width:66px;height:3px;background:#fff;opacity:1;border-radius:0}
.main-center-banner  .swiper-pagination-bullet-active  {background:#414d31; }
.main-center-banner  .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:20px!important}

.main_item_list.swiper-wrapper { height:auto;}
.main_bx_best_wrap.swiper-container { padding-top:50px;}
.main_item_list.swiper-wrapper .div_type { margin-right:0;}

.main_bx_best_wrap .swiper-button-next, .main_bx_best_wrap .swiper-button-prev { top:0;margin-top:0;}
.main_bx_best_wrap .swiper-button-next { right:auto;left:140px;width:32px;height:32px;background-image:url("/img/main/main-next.jpg");background-size:32px 32px}
.main_bx_best_wrap .swiper-button-prev { right:auto;left:0;width:32px;height:32px;background-image:url("/img/main/main-pre.jpg");background-size:32px 32px}

.main_bx_best_wrap .page-box { width:80px;left:45px;text-align:left;position:absolute;;top:2px;font-size:17px;}
.main_bx_best_wrap .page-box .swiper-pagination { top:5px;text-align:right!important;font-size:13px!important;color:#000!important;}

#sod_fin { margin-top:75px;}


/* 전체 카테고리 모달*/
#all_category_modal{position:absolute;width:1280px; margin:0 auto; z-index:9999; height:100%;  box-sizing:border-box; display:none; }
.all_category_overlay{position:absolute; left:0; top:0; z-index:3; width:170px; height:100%;}
.all_category *{box-sizing:border-box;}
.all_category{position:relative; top:0px;  z-index:7;  width:380px; border-radius:5px; }
.all_category_healine{width:170px; height:1px; line-height:50px; padding:0 0 0 15px; }
.all_category_healine h3{float:left; color:#fff; font-size:17px; outline:none;}
.all_category_healine button.all_category_modal_close{position:relative; display:none; color:#222; font-size:24px; width:50px; height:50px; background:#eee; top:-53px; left:-14px; cursor:pointer;}
.all_category_healine button.all_category_modal_close span{position:absolute; left:-99999; top:0; z-index:7;}
.all_category_healine button.all_category_modal_close:focus i{outline:2px solild #ff0;}
.all_category_contents{width:169px; margin:0 auto;  font-size:0; }
.all_category_contents .col{position:relative; display:inline-block; vertical-align:top; width:100%;}
.all_category_contents h3{width:170px;height:37.5px; font-size:14px; }
.all_category_contents h3 a{display:block; width:100%; height:100%; line-height:35px; text-align:center;}
.all_category_contents .col:nth-child(15)h3 a{color:#red;}
.all_category_contents h3 a:before{}
.all_category_contents h3 a>*{display:inline-block; vertical-align:middle;}
.all_category_contents ul{width:170px; display:none; position:absolute; left:170px; top:-3px;}
.all_category_contents ul li a{display:block; font-size:14px; line-height:25px; color:#333;  background:url("/public/_img/menu_bg.png"); padding:3px 15px;}
.all_category_contents ul li:last-child a{padding-bottom:5px;}
.all_category_contents ul li a:hover{text-decoration: underline;color:#45cab5;}

/* 삼품 상세페이지 - 공지사항 */
.list_prd_wrap .sanchor.moving_all{margin-left:50px;}
.list_prd_wrap .sanchor.moving_all li a{border-right:none;}
.list_prd_wrap .sanchor.moving_all li a:hover{background:#45cab5;}
.list_prd_wrap .sanchor.moving_all li:last-child a{border-right:1px solid #8d8d8d;}

.list_prd_wrap .notice_box{width:920px; border:1px solid #8D8D8D; /*border-top:none;*/ box-sizing:border-box; margin:30px 0 25px;}
.list_prd_wrap .notice_box h3{width: 100%; line-height: 49px; padding:0 20px; font-size: 16px; box-sizing:border-box;  border-bottom:1px solid #8D8D8D; color:#434343; text-align:center;}
.list_prd_wrap .notice_box .list{padding: 15px 15px 15px 30px; box-sizing:border-box;}
.list_prd_wrap .notice_box .list ul li{position:relative; width:100%; padding-right:90px; box-sizing:border-box;}
.list_prd_wrap .notice_box .list ul li:before{ /*content: '\2022';*/ position: absolute; left: -10px; top: 50%; z-index: 7; transform: translateY(-60%); }
.list_prd_wrap .notice_box .list ul li a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; color:#434343; line-height:30px;}
.list_prd_wrap .notice_box .list ul li a:hover{text-decoration:underline;}
.list_prd_wrap .notice_box .list ul li span{display:block; position:absolute; right:0; top:0; z-index:7; width:90px; text-align:right; line-height:30px;}

/* 회원가입 */
.join_buttons .buttons_left,
.join_buttons .buttons_right{ width:calc(50% - 10px); box-sizing: border-box; padding: 30px 35px 45px 40px; border: 1px solid #e6e6e6; text-align:left;}
.join_buttons .buttons_left{float: left;}
.join_buttons .buttons_right{float: right;}

.join_buttons  h3 { font-size:28px; font-weight:500; color:#333; letter-spacing:-2px; margin-bottom:5px; }
.join_buttons .txt { font-size:16px; font-weight:normal; color:#777; margin-bottom:35px; }
.join_buttons .btn{display:block; width:100%; height:60px; line-height:60px;  border:none; font-size:20px; font-weight:500; color:#fff; padding:0; text-align:center;}

.join_buttons .buttons_left a.btn{background:#f22867;}
.join_buttons .buttons_right a.btn{background-color:#23adb9;}

/* 로그인 폼*/
#loginForm .log_table{margin-bottom:15px;}
#loginForm .log_table .icon_login{top:0!important;}
#loginForm .log_table input{border: 1px solid #ebebeb!important; margin:0;}
input[teyp="text"]{cursor:text!important;}
/* 회원가입 폼*/
#member_form {}
#member_form .step02_con{width:100.3%; border-bottom:none;}
#member_form .step02_con:after{content:''; display:table; clear:both;}
#member_form .step02_con .step01_con p{width:40%;}
#member_form .step02_con::after {
	position: relative;
	padding-right: 0%;
	border-bottom: none;
	width: 100%;
}
#member_form .step02_con .step01_con {
	width: 49.8% !important;
	float: left;
}
#member_form .step01_con{position:relative; padding-right:0%; border:1px solid #e4e4e4; border-bottom:none; height:60px; width:100%;}
#member_form .step01_con:after{content:''; display:table; clear:both;}
#member_form .step01_con *{}
#member_form input{border:1px solid #ccc; border-radius: 3px; margin:7px 0; box-shadow:none; margin:10px 0; /*background:#f7f7f7;*/}
#member_form .step01_con p{position:absolute; height:100%; left:0; top:0!important; z-index:0; width:20%; padding-left:15px;  border-right:1px solid #e4e4e4; text-align:left; font-size:14px; line-height:60px;  background:#f7f7f7;  }
#member_form .step01_con span{display:inline-block; padding:5px 0 0;}
#member_form .step01_con a.btn_bg{display:block; width:100px; height:40px; line-height:40px; font-size:14px;position:absolute; right:21px; top:10px; z-index:0; box-sizing:border-box; border:none;}

#member_form {}
#member_form .person{position:relative; padding-right:0%; border:1px solid #e4e4e4; border-bottom:none; height:60px; width:100%;}
#member_form .step01_con:after{content:''; display:table; clear:both;}
#member_form .step01_con *{}
#member_form .person input{border:1px solid #dfdfdf; margin:10px 9px; box-shadow:none;  background:#f7f7f7;}
#member_form .person p{position:absolute; height:100%; left:0; top:0!important; z-index:0; width:22%; padding-left:9px;  border-right:1px solid #e4e4e4; text-align:left; font-size:13px; line-height:60px;  background:#f7f7f7;  }
#member_form .person span{display:inline-block; padding:5px 0 0;}
#member_form .person a.btn_bg{display:block; width:80px; height:40px; line-height:40px; font-size:15px;
position:absolute; right:10px; top:10px; z-index:0; box-sizing:border-box; border:none;}

#member_form input[name="mb_company_no"],
#member_form input[name="account_userfile[]"]+input,
#member_form input[name="company_userfile[]"]+input,
#member_form input[name="mb_recommend"]{ width:calc(100% - 110px); }


#member_form  input[name="mb_hp1"],
#member_form  input[name="mb_hp2"],
#member_form  input[name="mb_hp3"],
#member_form  input[name="mb_tel1"],
#member_form  input[name="mb_tel2"],
#member_form  input[name="mb_tel3"]{width:calc(33.3333% - 7.8px)!important; /*padding-left:10px!important;*/}

.required_txt{padding:5px 0; display:inline-block; vertical-align:middle; font-size:14px; color:#f22867; font-weight:normal;}
.required_txt_none{margin-left:8px; padding:5px 0; display:inline-block; vertical-align:middle; font-size:14px; color:#333; font-weight:normal;}
#main_cate_show{display:none;}

span.sale{font-size:18px !important;}
.headerFix02{position:fixed; top:0px; left:0px; z-index:9995; width:100%; min-width:1200px; background:#fff;}
.headerFix02 .header_bot{position:relative;left:45px;}
.qon{z-index:9999 !important;}

.pg_wrap {clear:both;text-align:center;}
.pg {display:inline-block;}
.pg_page, .pg_current {color:#333;display:inline-block;float:left;padding:0 10px;height:25px;line-height:23px;text-decoration: none;border: 1px solid #ddd;margin-top:3px;margin-left:-1px;}
.pg a:focus, .pg a:hover {background-color:#f3f3f3;text-decoration: none;}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none;}
.pg_start {padding:0 13px;background:url(/common_img/page_1.png) 50% 50% no-repeat;width:10px;text-indent:-999px;overflow:hidden;}
.pg_prev {padding:0 13px;background:url(/common_img/page_2.png) 50% 50% no-repeat;width:10px;text-indent:-999px;overflow:hidden;}
.pg_next {padding:0 13px;background:url(/common_img/page_3.png) 50% 50% no-repeat;width:10px;text-indent:-999px;overflow:hidden;}
.pg_end {padding:0 13px;background:url(/common_img/page_4.png) 50% 50% no-repeat;width:10px;text-indent:-999px;overflow:hidden;}
.pg_current {display:inline-block;background:#5b616d;color:#fff;font-weight:normal;}

.s_pg_wrap {clear:both;text-align:center;}
.s_pg {margin:5px 0 20px;display:inline-block;}
.s_pg_page, .s_pg_current {font-size:12px; color:#333;display:inline-block;float:left;padding:0 8px;height:25px;line-height:23px;text-decoration: none;border: 1px solid #ddd;margin-top:3px;margin-left:-1px;}
.s_pg a:focus, .s_pg a:hover {background-color:#f3f3f3;text-decoration: none;}
.s_pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.s_pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.s_pg_page {background:#fff;text-decoration:none;}
.s_pg_start {padding:0 8px;background:url(/common_img/page_1.png) 50% 50% no-repeat;width:8px;text-indent:-999px;overflow:hidden;}
.s_pg_prev {padding:0 8px;background:url(/common_img/page_2.png) 50% 50% no-repeat;width:8px;text-indent:-999px;overflow:hidden;}
.s_pg_next {padding:0 8px;background:url(/common_img/page_3.png) 50% 50% no-repeat;width:8px;text-indent:-999px;overflow:hidden;}
.s_pg_end {padding:0 8px;background:url(/common_img/page_4.png) 50% 50% no-repeat;width:8px;text-indent:-999px;overflow:hidden;}
.s_pg_current {display:inline-block;background:#5b616d;color:#fff;font-weight:normal;}

.type01 {padding: 0 5px;}
.type01 table th {font-size: 13px; height: 30px;}
.type01 table td {font-size: 12px;}
.type01 table th, .type01 table td {padding: 5px; border: 1px solid #e0e0e0;}

.ui-datepicker-trigger {
	width: 14px;
    height: 14px;
    margin-left: -14.5px;
    vertical-align: middle;
    cursor: pointer;
    transform: translateX(-5px);
}