@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: 'SUIT-Medium';
	font-style: normal;
	font-weight: 400;
	src: url(/renew/font/SUIT-Medium.woff2) format("woff2");
	unicode-range: U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
    /*숫자, 특수문자*/
}

*{font-family: "맑은 고딕","malgun gothic",'SUIT-Medium';/*font-family: 'Nanum Gothic', sans-serif, 'SUIT-Medium';*/ /*font-family: Arial,Apple SD Gothic Neo,sans-serif; font-family: 'SUIT-Medium';*/}
body{font-family: "맑은 고딕","malgun gothic",'SUIT-Medium';/*font-family: 'Nanum Gothic', sans-serif, 'SUIT-Medium';*/ /*font-family: Arial,Apple SD Gothic Neo,sans-serif;*/ font-size: 0.75rem;}

[type="text"], 
[type="password"], 
[type="date"], 
[type="datetime"], 
[type="datetime-local"], 
[type="month"], 
[type="week"], 
[type="email"], 
[type="number"], 
[type="search"], 
[type="tel"], 
[type="time"], 
[type="url"], 
[type="color"], 
textarea {font-family: "맑은 고딕","malgun gothic",'SUIT-Medium'; font-size: 0.75rem !important;}


ul {padding-left: 0;}
p {margin-bottom: 0;}
dt {font-weight: 500;}
a:hover {color: #5e8530;}

.w-100 {width: 100%;}
.mw730 {max-width: 730px;}
.mw320 {max-width: 320px;}
.w-120px {width: 120px !important;}

.scroll::-webkit-scrollbar {width: 5px; height: 5px;}
.scroll::-webkit-scrollbar-thumb {background-color: #8b979f; border-radius: 0px;}
.scroll::-webkit-scrollbar-track {background-color: #f5f5f5;}

/* .btn-admin {text-align:right; margin-right:25px; position: absolute; right: -25px; top: 5px;} */
.btn-admin a span {line-height:35px; padding:3px 10px; background:#eceff3; color:#8b979f;}

.btn-check:focus+.btn, 
.btn:focus,
.btn-check:focus+.btn-primary, 
.btn-primary:focus,
.btn-check:active+.btn-primary:focus, 
.btn-check:checked+.btn-primary:focus, 
.btn-primary.active:focus, 
.btn-primary:active:focus, 
.show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}

.btn {font-size: 0.8rem;}
.btn-bg-none,
.btn-bg-none:hover {background-color: #fff0; border-color: #fff0; color: #1A1A1A;}
.btn-blue {background-color: #4e73df; border-color: #4e73df; color: #fff;}
.btn-blue:hover {background-color: #2e59d9; border-color: #2653d4; color: #fff;}
.btn-bg1 {color: #fff; background-color: #8ec251; border-color: #8ec251; white-space: nowrap;}
.btn-bg1:hover {background-color: #7daa47; color: #fff;}
.btn-bg1-opacity03 {background-color: #cae2ad; border-color: #cae2ad; color: #5e8530;}
.btn-bg1-opacity03:hover {background-color: #c5dda9; border-color: #c5dda9;}
.btn-bg1-opacity01 {background-color: #edf5e3; border-color: #edf5e3; color: #5e8530;}
.btn-outline-bg1 {color: #8ec251; background-color: #fff; border: 1px solid #8ec251;}
.btn-outline-bg1:hover {background-color: #8ec251; color: #fff;}
.btn-outline-bg2 {color: #2c2a29; background-color: #fff; border-color: #2c2a29;}
.btn-outline-bg2:hover {background-color: #2c2a29; color: #fff;}

.btn-bg2 {color: #fff; background-color: #212529; border-color: #212529;}
.btn-bg2:hover {background-color: #1c1f23; border-color: #1c1f23; color: #fff;}

.btn-bg3 {background-color: #eceff3; color: #8b979f;}
.outline-bg3 {border: 1px solid #8ec251; color: #8ec251;}

.btn-outline-bg3 {border: 1px solid #8ec251; border-radius: 3px; padding: 2px 4px;}
.btn-list {background-color: #f8f9fa; border: 1px solid #c8e0ac; color: #5e8530;}

.btn-bg4 {background-color: #ff6517; color: #fff;}
.btn-bg4:hover {color: #fff; background-color: #f1621b;}

.bg-danger {background-color: #e02f30 !important;}
.bg-dark {background-color: #212529 !important;}

.f-direction-col {flex-direction: column;}
.f-direction-row {flex-direction: row;}
.f-align-center {align-items: center;}
.f-align-baseline {align-items: baseline;}
.f-align-flex-start {align-items: flex-start;}
.f-align-flex-end {align-items: flex-end;}
.justify-between {justify-content: space-between;}
.justify-center {justify-content: center}
.flex-end {justify-content: flex-end;}
.flex-start {justify-content: flex-start;}
.flex-wrap {flex-wrap: wrap;}

.inline-block {display: inline-block;}
.float-right {float: right;}

.fl{float:left;}
.fr{float:right;}
.hid{display: none;}
.clearfix {zoom:1; }
/*.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}*/

.table {font-size: 0.8rem;}
.text-r {text-align: right;}
.text-l {text-align: left;}
.white-nowrap {white-space: nowrap;}
.auto-phrase {word-break: auto-phrase;}

.overh {overflow: hidden;height:490px;}
.cen{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;}
.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;
}

.btn {border-radius: 5px; line-height: 1;}
.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;}

/*해더로그인부분*/
.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: sticky;
    min-width: 1200px;
	height:auto;
    z-index: 20;
    margin-top: -5px;
    background-color:#fff;
    top: 0;
    left: 0;
    right: 0;
    width:100%;
    border-bottom:0;
}

header::before {content: ""; position: absolute; width: 100%; height: 5px; left: 0; top: 0; background-color: #8ec251; z-index: 1;}
@-webkit-keyframes header-slide-down {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.top-text {
    position: relative;
    z-index: 30;
    /* max-width: 1280px;
    margin: auto; */
	/* display: none; */
    background-color: #8ec251;
}

.top-text p {
    font-size: 14px;
    color: #fff;
	margin: 0;
	text-align: center;
    padding: 8px 0;
    /* background-color: #a5a5a5; */
    display: flex;
    justify-content: center;
    height: fit-content;
    width: auto;
}

.top-text .flex img {
    background-color: #fff;
    border-radius: 50%;
    padding: 4px;
}

.top-text p img {
    height: 100%;
    width: auto;
}

.top-text p span {
	font-size: 20px;
	font-weight: bold;
    color: #fdd000;
	padding: 0 10px;
}
.top-text .cookie-banner {
	position: absolute;
	top: 50%;
	right: 60px;
    transform: translateY(-50%);
	z-index: 31;
}

/*공통 상단 부분 */
.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: 0 auto;
	padding:10px 10px 0;
    /* padding-top:20px; */
	height: auto;
    box-sizing: border-box;
	display: flex;
    align-items: flex-end;
	justify-content: space-between;
}

.check header .head_btm .inner {height: fit-content;}

a.dropdown-item {font-size: 0.75rem; line-height: 25px;}
.dropdown-item:active {background-color: #e9ecef; color: #1e2125;}
.dropdown-menu {max-height: calc(100vh - 24.5rem); overflow: auto; padding: 0;}

header #s_form {position: relative;}
header #s_form #skeyword {width: 100%; min-width: 220px; padding-right: 30px; border-color: #8ec251;}
header #s_form a {position: absolute; width: 18px; top: 50%; right: 5px; transform: translateY(-50%);}
header .glasses_.m #s_form {width: 100%;}
header .glasses_.m #s_form a::before {top: -10px; right: 0;}

.check header .head_btm .inner .top-right-menu {align-items: center; justify-content: space-between;}
header .head_btm .inner .top-right-menu_google select{height:50px;}
header .head_btm .inner .top-right-menu {display: flex; align-items: center; gap: 15px; margin-bottom: 5px; width: 100%;}
header .head_btm .inner .top-right-menu .h-search {position: relative;}
.dropdown-menu>li:focus, .dropdown-menu>li:hover {background-color: #f5f5f5;}
header .head_btm .inner .top-right-menu .h-search a { display:inline-flex; padding: 0; color: #000; align-items: center; position: absolute; right: 2px; top: 50%; transform: translateY(-50%);}
header .head_btm ul li a {line-height: 15px;} 
header .head_btm .inner .top-right-menu a.log-in {background-color: #8ec251; color: #fff;}
header .head_btm .inner .top-right-menu a.jo-in {color: #8ec251; border: 1px solid #8ec251;}
header .head_btm .inner .top-right-menu a:hover,
header .head_btm .inner .top-right-menu a:focus {background-color: unset;}
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:#45cab5; color:#fff;font-size:12px; border-radius:100%; box-sizing: border-box;}   */
header .head_btm .inner .ll {width: 1px; height: 15px; background-color: #e6e6e6;}
header .dropdown:hover ul {display: block;}
header .head_btm .inner .top-right-menu .dropdown ul.dropdown-menu {padding: 0; min-width: 100px; z-index: 9999; font-size: 0.75rem;}
header .head_btm .inner .top-right-menu .dropdown ul.dropdown-menu li {padding: 5px 10px;}
header .head_btm .inner .top-right-menu .mb-com {color: #999; padding-top: 5px;}
header .head_btm .inner .top-right-menu > .flex .flex {gap: 0 2px;}
header .head_btm .inner .top-right-menu > .flex .flex p.min-p {min-width: 80px; padding: 0 5px; font-size: 0.8rem; font-weight: bold;}
header .head_btm .inner .top-right-menu > .flex .flex span.badge {font-size: 0.75rem; font-weight: normal;}
header .head_btm .inner .top-right-menu .logo a img {width:200px; height:auto; margin:0; display: block;}
header .head_btm .inner .top-right-menu .p-info {padding: 2px 0; color: #e02f30;}
/* header .head_btm .inner .top-right-menu .p-info::before {content: ""; position: absolute; width: 100vw; height: 100%; background-color: #cae2ad; z-index: -1; left: 0;} */

header .head_btm .inner .right {display: inline-flex; align-items: flex-end; flex-direction: column-reverse; margin-bottom: 10px; gap: 5px; position: relative; z-index: 1;}
header .head_btm .inner .right p {margin-bottom: 0; white-space: nowrap;}
header .head_btm .inner .right > p {display: none;}
header .head_btm .inner .right p span {margin: 0 5px 0 20px; font-size: 16px; color: #8ec251; font-weight: bold;}
header .head_btm .inner .right a.log-out {color: #8ec251; border: 1px solid #8ec251; border-radius: 20px; padding: 5px 12px;}
header .head_btm .inner .right a svg {width: 30px; transform: scale(1.4);}
header .head_btm .inner .right .dropdown {padding: 0;}
header .head_btm .inner .right .dropdown a.btn-bg2 {padding: 2px 4px; font-size: 13px;}
header .head_btm .inner .right .out {white-space: nowrap;}
header .head_btm .inner .right .heart {margin: 0 10px;}
header .head_btm .inner .right .heart button {white-space: nowrap; background-color: #212529; color: #fff;}
header .head_btm .inner .right .heart:hover button {background-color: #353a3f;}
header .head_btm .inner .right .cart-icon button {position: relative; white-space: nowrap; /*background: linear-gradient(20deg, #8ec251 0%, #a5a5a5 80%);*/ background-color: #8ec251; border-color:#8ec251;} 
header .head_btm .inner .right .cart-icon button span {position: absolute; /*top: -12px; left: calc(50% + 2px); transform: translateX(-50%); background-color: #8ec251; color: #fff; min-width: 18px; padding: 2px; border-radius: 50%; border: 1px solid #fff; text-align: center; font-size: 9px;*/ background-color: #212529 !important;}

header .head_btm .inner .right .mu-set a.btn {font-size: 0.8rem; padding: .25rem .5rem; position: relative;}
header .head_btm .inner .right .mu-set a.btn::after {display: inline-block; content: ""; width: 10px; height: 10px; transform: translateX(2px); background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/></svg>"); background-repeat: no-repeat; background-size: 100%;}
header .head_btm .inner .right .mu-set a.btn:hover ~ .mu-ul,
header .head_btm .inner .right .mu-set .mu-ul:hover { display: block;}
header .head_btm .inner .right .mu-ul {margin: 0; position: absolute;  background-color: #fff; min-width: 140px; padding: 5px 0; border: 1px solid #eee; border-radius: 5px; overflow: hidden; display: none; z-index: 5; }
header .head_btm .inner .right .mu-ul li {padding: 5px 10px;}
header .head_btm .inner .right .mu-ul li:hover {background-color: #cae2ad;}

header .head_btm h1 {margin: 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;}

.header.m,
.inner.after.m {display: none;}

.inner.after.m {padding: 10px 0 0; height: auto;}
header .head_btm .inner.m .top-right-menu {margin-bottom: 0; flex-direction: column; align-items: unset; position: relative;}
header .head_btm .inner.m .top-right-menu .else-log {display: flex; gap: 0 5px;}
/* header .head_btm .inner.m .top-right-menu .else-log {position: absolute; left: calc(100% - 250px); top: calc(50% - 25px); transform: translateY(-50%);} */
/* header .head_btm .inner.m .top-right-menu .else-log .log-in {background-color: #fff; color: #8ec251;}
header .head_btm .inner.m .top-right-menu .else-log .jo-in {color: #fff;} */
/* header .head_btm .inner.m .top-right-menu img {filter: grayscale(1) brightness(10);} */
.m .logo {display: flex; justify-content: space-between;}
.m .logo a img {width: 200px !important;}
.m .logo .m-but {display: inline-flex; align-items: center;}
.m .logo .m-but .glasses,
.m .logo .m-but .open-menu,
.m .logo .m-but .close-menu {width: 30px; height: 30px; margin: 0 5px; display: flex; flex-direction: column; justify-content: center;}
.m .logo .m-but .open-menu span {width: 100%; height: 3px; border-radius: 6px; background-color: #8ec251;}
.m .logo .m-but .open-menu span:nth-child(2) {margin: 5.5px 0;}

header .head_btm .inner.m .top-right-menu .menu-bottom {background-color: #f9f9f9; margin-top: -5px; width: 100%; border-bottom: 1px solid #8ec251; border-top: 1px solid #e7e7e7;}
header .head_btm .inner.m .top-right-menu .menu-bottom .amount {display: flex; justify-content: center; flex-wrap: wrap; gap: 2px; margin: 10px auto; max-width: 500px;}
header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list {background-color: #fff; text-align: center; width: calc(100% / 2 - 4px); padding: 5px; border: 1px solid #8ec2510d; display: flex; align-items: center; border-radius: 8px;}
/* header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list:nth-child(1) {border-radius: 15px 0 15px 15px;} */
header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list:nth-child(3) {/*border-radius: 15px 0 15px 0;*/ border-color: #c10404;}
/* header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list:nth-child(2) {border-radius: 0 15px 0 15px;}
header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list:nth-child(4) {border-radius: 0 15px 15px 15px;} */
header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list p {margin: 0 0 2px; font-weight: bold; min-width: 60px;}
header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list span {width: 100%; text-align: right; padding-right: 5px;}
header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list .div-day {margin: 0 auto;}
header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list .div-day .by-day {color: #fff; background-color: #8ec251; border-radius: 3px; width: auto; padding: 2px 3px;}
header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list .div-day .by-day-on {color: #fff; background-color: #ff6517; border-radius: 3px; width: auto; padding: 2px 3px;}

header .head_btm .inner.m .top-right-menu .menu-bottom {position: relative;}
header .head_btm .inner.m .top-right-menu .menu-bottom::before {content: ""; position: absolute; width: 40px; height: 40px; right: -1px; bottom: 0; background: linear-gradient(90deg, #f9f9f900 0%, #f9f9f9 40%); z-index: 1; transition: 0.4s;}
header .head_btm .inner.m .top-right-menu .menu-bottom::after {content: ""; display: inline-block; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>"); background-repeat: no-repeat; background-size: 1rem 1rem; background-position: center; width: 30px; height: 40px; bottom: 0; right: -5px; position: absolute; z-index: 1; transition: 0.4s;}
header .head_btm .inner.m .top-right-menu .menu-bottom:has(.last)::before,
header .head_btm .inner.m .top-right-menu .menu-bottom:has(.last)::after {visibility: hidden; transition: 0.4s;}

header .head_btm .inner.m .top-right-menu .menu_ {margin: 10px 10%; display: flex; justify-content: center;}
header .head_btm .inner.m .top-right-menu .menu_ button {display: none;}
header .head_btm .inner.m .top-right-menu .menu_ a {justify-content: center; margin: 0 25px; cursor: pointer;white-space: nowrap; font-size: 0.85rem;}
header .head_btm .inner.m .top-right-menu .menu_ a:last-child {margin-right: 50px;}
header .head_btm .inner.m .top-right-menu .menu_ a:hover {color: #8ec251; font-weight: bold;}

.header-left.m {position: fixed; width: 100%; height: 100vh; background-color: #fff; top: 0; left: -100vw; z-index: 100; transition: cubic-bezier(0.19, 1, 0.22, 1) 0.3s;}
/* .header-left.m .glasses-content, */
.header-left.m.glasses_ {width: 100%; left: 0; visibility: hidden; height: 100%; display: flex; justify-content: center; align-items: flex-start; padding-top: 30px; background-color: unset; z-index: 100;}
.header-left.m.glasses_::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: #00000085; z-index: -1; display: none;}
.header-left.m.glasses_.active::before {z-index: 0; display: block;}
.header-left.m .glasses-content {max-width: 620px; max-height: calc(100vh - 150px); overflow-y: auto; width: 100%; background-color: #fff; border-radius: 5px; transform: scale(0); transition: 0.3s; box-shadow: 8px 10px 15px -10px #000000c7; margin: 0 10px;}
.header-left.m .glasses-content .logo {background-color: #fff; justify-content: flex-end; position: sticky; top: 0;}
.header-left.m .glasses-content .logo a,
.header-left.m .glasses-content .logo .m-but .open-menu {display: none;}
.header-left.m .glasses-content .service {position: sticky; bottom: 0; background-color: #fff;}

.header-left.m .mobile-content {padding: 0 10%; height: calc(100% - 100px); overflow-x: hidden;}
.header-left.m .logo {position: sticky; top: 0; z-index: 10; padding: 10px 0; background-color: #fff;}
.header-left.m .logo .m-but button span {background-color: #8ec251;}
.header-left.m .logo .m-but .close-menu span {width: calc(100% - 10px); height: 3px; border-radius: 5px;}
.header-left.m .logo .m-but .close-menu span:nth-child(1) {transform: rotate(45deg) translateX(-5px);}
.header-left.m .logo .m-but .close-menu span:nth-child(2) {transform: rotate(-45deg) translateX(-5px);}
.header-left.m .logo .m-but .close-menu img {width: 16px;}
.header-left.m .logo .else-log {position: absolute; top: 50%; left: calc(100% - 260px); transform: translateY(-50%);}
.header-left.m .logo .else-log a.log-in {background-color: #8ec251; color: #fff; padding: 7px 12px; border-radius: 20px;}
.header-left.m .logo .else-log a.jo-in {color: #000; margin-left: 15px;}
.header-left.m .banner {border-radius: 5px; overflow: hidden; margin: 0 10px;}
.header-left.m .banner img {width: 100%;}
.header-left.m .search {display: flex; justify-content: center;}

.header-left.m .search-contents {padding: 20px 0; position: relative;}
.header-left.m .search-contents::before {content: ""; position: absolute; width: 100%; height: 1px; background-color: #e6e6e6; left: 0; bottom: 35px; z-index: -1;}
.header-left.m .search-contents .title {font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.header-left.m .search-contents ul {padding-bottom: 20px;}
.header-left.m .search-contents ul li {padding-left: 20px; position: relative; margin: 5px 0;}
.header-left.m .search-contents ul li::before {content: ""; position: absolute; width: 10px; height: 1px; background-color: #8b8b8b; left: 0; top: 50%; transform: translateY(-50%);}
.header-left.m .search-contents ul li a {color: #8b8b8b;}
.header-left.m .search-contents ul li:hover a {color: blue; text-decoration: underline;}
.header-left.m .search-contents ul li:hover::before {background-color: blue;}

.header-left.m .search-contents button {text-align: center; display: flex; align-items: center; border: 1px solid #b8b8b8; padding: 5px 10px; border-radius: 5px; justify-content: center; margin: 0 auto; background-color: #fff;}
.header-left.m .service {width: 100%; padding: 10px; border: 1px solid #e02f30; border-radius: 5px;}
.header-left.m .service > p {font-size: 0.8rem; font-weight: bold; color: #8ec251; white-space: nowrap; text-align: center;}
.header-left.m .service div > p:last-child {margin-bottom: 0;}
.header-left.m .service div {display: flex; flex-wrap: wrap; flex-direction: column; text-align: center;}
.header-left.m .service div p {font-weight: bold; margin-bottom: 10px;}

.header-left.m .member {display: flex; flex-direction: column;}
.header-left.m .member .list {display: inline-flex; width: 100%; padding: 10px 0; /*border-bottom: 1px solid #e6e6e6;*/}
.header-left.m .member .list .amount {flex-wrap: wrap;}
.header-left.m .member .list .amount p {width: 50%; min-width: 180px;}
.header-left.m .member .list .amount p span {font-size: 16px; font-weight: bold; color: #0d6efd; margin-left: 25px;}
.header-left.m .member .list div {width: 100%; display: inline-flex; align-items: center;}
.header-left.m .member .list div.name {gap: 0 5px; align-items: flex-end;}
.header-left.m .member .list div p {margin: 0;}
.header-left.m .member .list div.name span {margin-left: 5px;}

.header-left.m .member .list.tow div.name {flex-direction: column;}
.header-left.m .member .list.tow div.name div {width: 100%;}
.header-left.m .member .list.tow div.name div:last-child {margin-top: 10px;}
.header-left.m .member .list.tow div.name div p {min-width: 85px;}
.header-left.m .member .list.tow div.name div .by-day {background-color: #8ec251; color: #fff; padding: 2px; border-radius: 3px; width: 25px; height: 25px; text-align: center; line-height: 22px;}
.header-left.m .member .list.tow div.name div .by-day-on {background-color: #ff6517; color: #fff; padding: 2px; border-radius: 3px; width: 25px; height: 25px; text-align: center; line-height: 22px;}
.header-left.m .member .alarm img {width: 35px; margin-right: 20px;}

.header-left.m .banner-set {display: grid; justify-content: space-between; align-items: center; gap: 10px; grid-template-columns: repeat(4,1fr);}
.header-left.m .banner-set div{border-radius: 5px; overflow: hidden;}
.header-left.m .banner-set div img{width: 100%;}

.header-left.m .menu-set {display: flex; justify-content: space-between; flex-wrap: wrap;}
.header-left.m .menu-set .list {margin: 10px 0; width: calc(50% - 10px);}
.header-left.m .menu-set .list .t-title {text-align: center; color: #fff; background-color: #8ec251; /*background: linear-gradient(90deg, #8ec251 0%, #303030 100%);*/ border-radius: 3px; padding: 6px; margin-bottom: 10px;}
.header-left.m .menu-set .list .comments {width: 100%; padding: 10px; background-color: #efefef; border-radius: 8px;}
.header-left.m .menu-set .list table .bo-b {border-bottom: 1px solid #e6e6e6;}
.header-left.m .menu-set .list table th {text-align: center; position: relative; font-size: 0.75rem;}
.header-left.m .menu-set .list table .bo-b th:nth-child(n+2):before,
.header-left.m .menu-set .list table.bor-check .bo-b th:before {content: ""; position: absolute; width: 1px; height: 40px; left: 0; top: calc(100% - 20px); background-color: #e6e6e6;}
.header-left.m .menu-set .list table.bor-check .bo-b th:before {right: 0; left: unset; height: 20px; top: calc(50% + 5px); transform: translateY(-50%);}
.header-left.m .menu-set .list table .bo-b:last-child th:nth-child(n+2):before {display: none;}
.header-left.m .menu-set .list table .bo-b:last-child {border-bottom-color: #fff0;}
.header-left.m .menu-set .list table th a {color: #000;}
.header-left.m .menu-set .list table th a:hover {color: #8ec251; font-weight: bold;}

.header-left.m .sub {display: flex; justify-content: center; margin-top: 15px;}
.header-left.m .sub button {padding: 10px 15px; min-width: 105px;}

.header-left.m .slideSet {position: relative; min-height: 45vw; margin: 0 20px 20px;}
.header-left.m .slideSet .swiper {position: absolute; width: 100%; opacity: 0; transition: cubic-bezier(0.19, 1, 0.22, 1) 0.8s;}
.header-left.m .slideSet .swiper.on {opacity: 1; transition: cubic-bezier(0.19, 1, 0.22, 1) 0.8s;}
.header-left.m .slideSet .swiper .title {padding-bottom: 10px; font-weight: bold; color: #8ec251;}
.header-left.m .slideSet .swiper img {width: 100%; height: auto;}

.header-left.m .slideSet .nav-button {position: absolute; background-color: #fff; width: 45px; height: 45px; border-radius: 50%; z-index: 10; display: flex; justify-content: center; align-items: center; box-shadow: 0 8px 15px -8px #333; top: calc(50% - 10px); transform: translateY(-50%); cursor: pointer;}
.header-left.m .slideSet #nextSwiper {right: -25px;}
.header-left.m .slideSet #prevSwiper {left: -25px;}
.header-left.m .slideSet .nav-button img {width: 15px;}

.header-left.mobile_.active {left: 0; transition: cubic-bezier(0.19, 1, 0.22, 1) 0.8s;}
.header-left.glasses_.active {visibility: visible;}
.header-left.glasses_.active .glasses-content {transform: scale(1);}

header .glasses_.m #s_form a.pop-a {left: unset;}
header .glasses_.m #s_form a.pop-a::before {display: none;}
header .glasses_.m #s_form a.pop-a img {display: block;}

header .search form {width: 190px;}
header .search form input[type='text'] {width: 100%;}
header .search form a {left: -30px;}
header .search form a::before {display: inline-block; content: ""; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/></svg>"); background-repeat: no-repeat; background-size: 100%; width: 20px; height: 20px; position: absolute; top: -2px; right: -20px;}
header .search form a img {display: none;}

header .head_btm.logout .inner {height: fit-content;}
header .head_btm.logout .inner .top-right-menu {justify-content: space-between;}
header .head_btm.logout #s_form,
header .head_btm.logout > div {padding-top: 10px;}

.search {
    position: relative;
    display: block;
    white-space: nowrap;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width:400px;
	height: 40px;
    /*border:2px solid #45cab5;*/
    border-radius: 8px;
}
.search form {
	display: block;
    position: relative;
    background: #fff;
}
.search form a {
    position: absolute;
    left: 160px;
    top: 50%;
    transform: translateY(-50%);
}

.search form input[type=text] {
    border: 1px solid #8ec251;
}

.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 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;
}

.ranking {height: 35px; width: max-content; line-height: 35px; max-width: 120px; position: absolute; top: 2px; z-index: 0;}
.ranking p {color: red; font-weight: bold; font-size: 14px;}
.ranking p span {font-size: 12px; color: #666; margin-left: 5px;}

.ranking.manager {margin: 0; width: 100%; right: 0; position: relative;}
.ranking._search {left: calc(100% + 20px);}

.in-banner {width: 100%; display: grid; grid-template-columns: 1fr; gap: 10px;}

.in-banner img {width: 100%;}

.in-banner .grid-item.top {width: 100%;}
.in-banner .top {display: inline-flex; justify-content: space-between; overflow: hidden; gap: 10px;}
.in-banner .top img {border-radius: 8px; width: 100%;}
.in-banner .grid-item.bot {grid-column: 1 / span 2;}
.in-banner .bot {height: auto; width: 100%; display: inline-flex; align-items: center;}
.in-banner .bot img {width: 100%; border-radius: 8px;}
.in-banner div.top,
.in-banner div.bot {display: none;}
.in-banner .grid-item.top,
.in-banner .grid-item.bot {display: block;}

.in-banner  .grid-item.one img,
.in-banner  .grid-item.two img {border-radius: 8px;}
.in-banner  .grid-item.two:last-of-type {display: none;}


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 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;
	background-color:#000;
	color:#30c3ce;
	opacity:0.8;

    border-radius: 50%;
    line-height: 25px;
    text-align: center;
	font-size:15px;
}
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{width:100%; height: 35px; max-width: 1280px; margin: 0 auto; display: flex; /*flex-direction: row-reverse;*/ justify-content: flex-start; align-items: center;}
#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 .cate_btn p{display:inline-block; margin: 0;}
.header_bot .cate_btn   img { vertical-align:middle;margin-right:5px;}
.header_bot .tep{position:relative; float:left; margin-bottom: 0;}
#wrap.note .header_bot .tep{position: absolute;top:16px;width:100%;text-align: center;margin-left:0;}

.header_bot_wrap {border-top:1px solid #8ec251; border-bottom: 1px solid #d9d9d9; background-color: #f9f9f9; display: flex; align-items: center;}
.header_bot_wrap .all-menu {position: unset; cursor: pointer;}
.header_bot_wrap .all-menu a {color: #000; position: relative; white-space: nowrap;}
.header_bot_wrap .all-menu .btn-secondary::before {content: ""; position: absolute; width: 0; height: 0; border-top: 8px solid #8ec251; border-bottom: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; border-radius: 3px; bottom: -35px; left: 50%; z-index: 1; transform: translate(-50%, -20px); opacity: 0;}
.header_bot_wrap .all-menu .btn-secondary.on {color: #8ec251;}
.header_bot_wrap .all-menu .btn-secondary.on::before {opacity: 1; transform: translate(-50%, 0); z-index: 9999; transition: 0.4s;}

.header_bot_wrap .h-slide {position: absolute; left: 0; width: 100%; background-color: #fff; box-shadow: 0px 10px 25px -20px #a5a5a58f; visibility: hidden; transform: translateY(-100%); /*overflow: hidden;*/ z-index: -1; transition: 0.8s; padding-bottom: 5px; min-height: 353px;}
.header_bot_wrap .h-slide .h-close {position: absolute; width: 30px; height: 30px; margin: 0; padding: 2px; background-color: #fff; border-radius: 50%; left: 50%; bottom: -15px; transform: translateX(-50%); cursor: pointer;}
.header_bot_wrap .h-slide .h-close::before {display: inline-block; content: ""; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23888888' xmlns='http://www.w3.org/2000/svg'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z'/></svg>"); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 100%; margin-bottom: 1px;}
.header_bot_wrap .h-slide .h-close:hover::before {background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%238ec251' xmlns='http://www.w3.org/2000/svg'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z'/></svg>");}
.header_bot_wrap .h-slide > div {/*min-width: 1260px;*/width: 100%; max-width: 1260px; margin: 10px auto; transform: translateX(-10px); position: relative;}
.header_bot_wrap .h-bot-menu .h-bot-item {display: flex; justify-content: space-between; gap: 0 10px; max-height: calc(100vh - 20rem); overflow-y: auto;}

/* 배너 hover시 up */
#sub_wrap.ali{transform: translateY(0) !important; margin-bottom:0 !important;}
#sub_wrap.viewup{transform: translateY(354px); margin-bottom: 354px;}
/*메뉴 hover*/
.header_bot_wrap .all-menu .a-but {position: relative;}

.header_bot_wrap .remainder .h-slide.show {visibility: visible; transform: translateY(195px); transition: 1s;}
.header_bot_wrap .remainder .all-menu .h-slide.show {visibility: visible; transform: translateY(0px); transition: 1.6s;}
.header_bot_wrap .all-menu .a-but::after,
.header_bot_wrap a.h-bot-on::after {content: ""; position: absolute; width: calc(100% + 20px); height: 0; transform: translateX(-50%); left: 50%; bottom: -9px; background-color: #8ec251;}

.header_bot_wrap .all-menu .a-but::after {width: 100%;}
.header_bot_wrap .all-menu .a-but:has(.on)::after,
.header_bot_wrap a.h-bot-on.on::after {height: 3px;}
.header_bot_wrap a.h-bot-on.line::after {width: calc(100% - 25px); transition: 0.4s;}
.header_bot_wrap a.h-bot-on.line {color: #8ec251; font-weight: bold;}

.header_bot_wrap .h-bot-menu .table {min-width: 240px;}

/*.header_bot_wrap .h-bot-menu .h-bot-item {padding-bottom: 4rem;}*/
.header_bot_wrap .h-bot-menu .ul-list {display: grid; grid-template-columns: repeat(7, 1fr); gap: 0 5px; width: 100%;}
.header_bot_wrap .h-bot-menu .ul-list li {display: inline-flex; flex-direction: column; gap: 0 10px; padding: 5px 0;}
.header_bot_wrap .h-bot-menu .ul-list li > ul {display: flex; flex-direction: column;}
.header_bot_wrap .h-bot-menu .ul-list .ul-item {padding: 4px 0;}
.header_bot_wrap .h-bot-menu .ul-list .ul-item:first-child {grid-column: 1 / span 2;}
.header_bot_wrap .h-bot-menu .ul-list .ul-item.2st {margin-top: 10px;}
.header_bot_wrap .h-bot-menu .ul-list a {color: #8b8b8b;}
.header_bot_wrap .h-bot-menu .ul-list .ul-item a {color: #8ec251; font-weight: bold;}

/*전체카테고리*/
.header_bot_wrap .h-bot-menu .h-bot-item ul li a {margin-left: -15px;}
.header_bot_wrap .h-bot-menu .h-bot-item ul li a::after,
.header_bot_wrap .h-bot-menu .h-bot-item ul li a::before {content: ""; display: inline-block; background-repeat: no-repeat; background-size: 0.25rem 0.25rem; background-position: center; width: 15px; height: 20px; vertical-align: bottom; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%238b8b8b' xmlns='http://www.w3.org/2000/svg'><circle cx='8' cy='8' r='8'/></svg>"); opacity: 0; transition: 0.6s;}

.header_bot_wrap .h-bot-menu .h-bot-item ul li a:hover::after,
.header_bot_wrap .h-bot-menu .h-bot-item ul li a:hover::before {opacity: 1; transition: 0.6s;}


.header_bot_wrap .ll {width: 1px; height: calc(100% - 20px); display: inline-block; background-color: #8ec251; position: absolute; top: 55px; left: 47.5%;}
.header_bot_wrap .h-bot-menu .add-menu {min-width: 200px; display: inline-flex; flex-direction: column; justify-content: space-between; padding: 10px 0 25px 0; position: relative;}
.header_bot_wrap .h-bot-menu .add-menu .ll {left: -30px; top: 0;}

.header_bot_wrap .remainder {display: inline-flex; align-items: center; justify-content: space-between; gap: 45px; margin: 0 45px; width: 100%;}
.header_bot_wrap .remainder .remainder-menu {display: inline-flex; white-space: nowrap;}
.header_bot_wrap .remainder .remainder-menu.charge_ {border-radius: 5px; /*padding: 2px 5px;*/ background-color: #c8e0ac;}
.header_bot_wrap .remainder .remainder-menu.charge_ a {color: #5e8530 !important; padding: 2px 5px;}
.header_bot_wrap .remainder .remainder-menu.charge_ a.on {padding: 0;}

.header_bot_wrap .all-menu .h-bot-toggle.on,
.header_bot_wrap .remainder .remainder-menu:has(.on) > a,
header .head_btm .inner.m .top-right-menu .menu_ a.on,
.header_bot_wrap .remainder .remainder-menu > a:hover,
.header_bot_wrap .all-menu > a:hover {font-weight: bold; position: relative; color: #8ec251;}
/* .header_bot_wrap .all-menu .h-bot-toggle.on::before,
.header_bot_wrap .all-menu .h-bot-toggle.on::after,
.header_bot_wrap .remainder .remainder-menu:has(.on)::before,
.header_bot_wrap .remainder .remainder-menu:has(.on)::after,
header .head_btm .inner.m .top-right-menu .menu_ a.on::before, */
/* header .head_btm .inner.m .top-right-menu .menu_ a.on::after {content: ""; display: inline-block; background-repeat: no-repeat; background-size: 1rem 1rem; background-position: center; width: 20px; height: 20px; vertical-align: bottom;} */
.header_bot_wrap .remainder .m-hide{display: none;}

/*해당페이지 따옴표*/
/* .header_bot_wrap .all-menu .h-bot-toggle.on::before,
.header_bot_wrap .all-menu .h-bot-toggle.on::after,
.header_bot_wrap .remainder .remainder-menu:has(.on)::before,
header .head_btm .inner.m .top-right-menu .menu_ a.on::before,
.header_bot_wrap .remainder .remainder-menu:has(.on)::after, */
/* header .head_btm .inner.m .top-right-menu .menu_ a.on::after {background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%238ec251' xmlns='http://www.w3.org/2000/svg'><path d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z'/></svg>");} */
/* .header_bot_wrap .remainder .remainder-menu.charge_:has(.on)::before, */
/* .header_bot_wrap .remainder .remainder-menu.charge_:has(.on)::after {background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235e8530' xmlns='http://www.w3.org/2000/svg'><path d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z'/></svg>");} */

header .head_btm .inner.m .top-right-menu .menu_ a {position: relative;}
header .head_btm .inner.m .top-right-menu .menu_ a .b-line {position: absolute; width: 120%; height: 0; background-color: #8ec251; transform: translateX(-50%); left: 50%; bottom: -10px;}
header .head_btm .inner.m .top-right-menu .menu_ a.on .b-line {height: 3px;}

.header_bot_wrap .all-menu .h-bot-toggle.on::after,
.header_bot_wrap .remainder .remainder-menu:has(.on)::after,
header .head_btm .inner.m .top-right-menu .menu_ a.on::after {transform: rotateZ(180deg);}
.header_bot_wrap .all-menu .h-bot-toggle.on::after {background-color: #fff0; left: unset; bottom: unset; position: unset;}
.header_bot_wrap .all-menu .h-bot-toggle,
/* .header_bot_wrap .remainder .remainder-menu .re-toggle {z-index: 1;} */
.header_bot_wrap .remainder a {color: #000; cursor:pointer; position: relative;}
.header_bot_wrap .remainder .re-menu .re-item {display: flex; justify-content: space-between; gap: 0 10px;}
.header_bot_wrap .remainder .re-menu .div-list {display: flex; max-width: calc(100% - 460px); width: 100%; overflow: hidden; position: relative;}
.header_bot_wrap .remainder .re-menu .div-list a {margin: 0 5px; width: 100%;}
.header_bot_wrap .remainder .re-menu .div-list a img {width: 100%; border-radius: 8px;}

.header_bot_wrap .remainder .re-menu.recipe_ .div-list {width: 100%; margin-right: 1.5vw;}
.header_bot_wrap .remainder .re-menu.recipe_ .div-list .table .ta-img {width: 100%; height: 120px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.header_bot_wrap .remainder .re-menu.recipe_ .div-list .table th {border: none; padding: 10px;}
.header_bot_wrap .remainder .re-menu.chain_ .div-list .table th  {border: none; padding: 5px 20px;}
.header_bot_wrap .remainder .re-menu.recipe_ .div-list .table td,
.header_bot_wrap .remainder .re-menu.chain_ .div-list .table td {text-align: center; border: none;}
.header_bot_wrap .remainder .re-menu.recipe_ .div-list .table img {height: auto;}

.header_bot_wrap .remainder .re-menu.chain_ .div-list .table th {padding: 0 5px;}
.header_bot_wrap .remainder .re-menu.chain_ .div-list .table .ta-img {width: 120px; height: 60px; overflow: hidden; background-color: #f4f4f4; display: flex; align-items: center; justify-content: center;}
.header_bot_wrap .remainder .re-menu.chain_ .div-list .table img {height: 100%;}

.viva-slide .menu-t-b{display: none !important;}
.viva-slide .div-list{max-width: 1260px !important;}
.grang-slide .menu-t-b{display: none !important;}
.grang-slide .div-list{max-width: 1260px !important;}

/* 5개일때 */
.grang-slide .div-list a{flex: 1;}
.grang-slide .div-list a:nth-child(5):nth-last-child(1){flex: 2.37;}
/* 2개일때 */
.grang-slide .div-list a:first-child:nth-last-child(2) {flex: 1.77;}
/* .grang-slide .div-list a:last-child:nth-child(2) {flex: 1;} */

.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;}
/* 베스트상품 배너 화살표 추가 */
.re-menu .div-list a{
    position: relative;
}
.re-menu .div-list a .best-go-arrow{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50px;
}
.re-menu .div-list a .best-go-arrow img{
    width: 21px !important;
    margin-left: 6.5px;
    vertical-align: -15px;
}

.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: auto;
    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{}
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;}

.allmenu_box{position: relative;padding: 10px 0;margin-left: 10px;}
.allmenu_bar{ width: 320px;height: 588px;overflow: hidden;padding: 0;display: none;position: absolute;top: 40px;left: 0;z-index: 98;border-top: 1px solid #d9d9d9;}
.allmenu_icon {width: 20px;height: 20px;cursor: pointer;position: relative;}
.allmenu_icon span {display: block;height: 2px;background: #8ec251;margin: 5px 0;transition: 0.4s;border-radius: 2px;}

.allmenu_icon.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.allmenu_icon.active span:nth-child(2) {opacity: 0;}
.allmenu_icon.active span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

.main_go{width: 160px;height:42px;background-color: #fff;transition: 0.2s;border: 1px solid #ebebeb;border-top: none;}
.main_go a{display:block;line-height: 42px;padding: 0 10px;}
.main_go img{width: 20px;margin-right: 8px;}
.main_go:hover{background-color: #016654;}
.main_go:hover .a_go{color: #fff;}
.allmenu_bar .main_go:last-of-type{border-bottom: 2px solid #d9d9d9;}

/* Sub Menu */
.sub_go{display:none;position:absolute;top:0px;left:160px;padding: 0;background-color: #fff;height: 588px;padding-top: 5px;border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;width: 160px;}
.sub_go li{padding-left:12px;width:160px;height: 33px;}
.sub_go li a{line-height: 33px;}
.sub_go li a:hover{color: #016654;font-weight: 600;}

#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 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 */
#footer.m {display: none;}
footer {clear:both;width: 100%;	position: relative; z-index: 0; color: #999; margin-bottom:-20px; background-color:#f9f9f9; overflow: hidden;}
footer .sns-menu{overflow:hidden;display:inline-block;margin: 0 auto 30px;}
footer .sns-menu li{float:left}
footer .sns-menu li+li{margin-left:7px;}
.footer-content .content-title{text-align: center;}
.footer-content .content-title h4{font-size: 60px;font-weight: normal;color: #383836;}
.footer-content .content-title p{margin-top: 15px;font-size: 27px;font-weight: 300;color: #000;}
footer .footer_wrap .footer_box p { padding: 3px 2px; }

footer .footer_wrap .footer_box p.copyright span {font-size: 7.5pt; color: #000; line-height: 12pt; text-decoration: none; letter-spacing: -1px;}
footer .footer_wrap .footer_box p.copyright span.copy_domain {font-weight: bold; font-size: 7.5pt; color: #f18339; line-height: 12pt; text-decoration: none;	letter-spacing: -1px;}

#footer .img {background-color: #fff; padding: 10px;}
#footer .img > div {position: relative; max-width: 1280px; display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto;}
#footer .img > div div {max-width: 500px;}

.footer-menu {display:inline-block; text-align:left; font-size:0;}
.footer-menu ul {margin: 0;}
.footer-menu li{display:inline-block; padding: 10px 0; width: calc(100% / 6); text-align: center;}

.footer-menu li a{font-size: 0.8rem; color: #fff; font-weight: 500; width: 100%; display: inline-block;}
.footer-menu li:has(a):hover{background-color: #79ad3b;}
.footer-menu li:has(.on) {background-color: #79ad3b;}

.cs_delivery_span{display:inline-block; margin:2px; padding:1px 4px; border:1px solid #8ec251; background-color:#8ec251; color:#fff; font-size:12px; font-weight:normal; line-height: 18px; border-radius:3px;}
.cs_delivery_span_on{display:inline-block; margin:2px; padding:1px 4px; border:1px solid #ff6517; background-color:#ff6517; color:#fff; font-size:12px; font-weight:normal; line-height: 18px; border-radius:3px;}

footer {border-top: 1px solid #e5e8eb; margin-top: 3rem;}
.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;}

.footer-menu-wrap {position: relative; background-color: #8ec251; /*border-bottom: 1px solid #eee;*/ display: flex;}
.footer-menu-wrap .footer-menu {max-width: 1280px; width: 100%; margin: 0 auto;}
.footer_inner{position:relative; width:1280px; margin:0 auto; box-sizing:border-box; display: flex; align-items: center;}
.footer_inner > div {display: flex; align-items: center; padding: 20px 0; filter: grayscale(1);}
.footer_inner ul.grid-group {display: grid; grid-template-columns: 95px 1fr 95px 1fr 120px 1fr; gap: 0 10px; margin: 0 0 0 20px;}
.footer_inner ul.grid-group li.bor-r {border-right: 1px solid #eee;}
.footer_inner ul.grid-group li:nth-child(-n+1) span:first-child {display: inline-block;}
.footer_inner ul.grid-group li.grid-col {grid-column: 1 / span 6; margin-top: 10px;}
.footer_inner ul.grid-group li.tel {pointer-events: none;}
.footer_inner ul.grid-group li {padding: 5px; word-break: auto-phrase; color: #777;}
.footer_logo img {margin-top: 0;}
.footer_cts h3{font-size: 15px; line-height: 1.69; color:#8ec251; font-weight:bold;}
.footer_cts p{font-size:14px; line-height:1.54; color:#000; margin-bottom:10px;}
.mailto a {color: #0a58ca;}
.mailto a:hover {font-weight: bold;}
.footer_cts {transform: translateY(140px);}
.footer_cts .column{padding-bottom:25px;}
.footer_cts .column:after{content:''; display:table; clear:both;}
.footer_cts .column>div{float:left; box-sizing:border-box; padding-left:10px;}
.footer_cts .column>div:first-child{padding:0; border:none;}
.footer_cts .column>div:nth-of-type(1){width:50%;}
.footer_cts .column>div:nth-of-type(2){width:50%;}
.footer_cts .column>div:nth-of-type(3){width:35%;}
#footer .sit {max-width: 1280px; margin: 10px auto; color: #000;}
#footer .img div p {width: 100%; margin: 0 auto !important;}

.layerPopupWrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: -1; opacity:0; }
.layerPopup {position: absolute; left: 50%; top: 54%; padding: 0 0 40px; width: 100%; max-width: 1200px; text-align: center; color: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.layerPopup h3 {line-height: 2.5rem; font-family: 'Titillium Web', sans-serif; font-size: 2.5rem;}
.layerPopup a span{display:block; margin-bottom:20px; line-height: 2.5rem; color:#fff; font-family: 'Titillium Web', sans-serif; font-size: 2.5rem;}
.layerPopup .popup_list a{display:block; }
.layerPopupCont {margin: 1rem auto; padding: 1rem; width: 100%; max-width: 1000px; min-height: 30rem; background: #fff;}
.layerPopup .closeWrap {margin-top:-10px;}
.layerPopup .closeWrap a {color:#fff; font-size:15px; font-weight:bold; display: inline-block; margin: 0 0.25rem; padding: 0 1.5rem; line-height: 2rem; border-radius: 1rem; background: #000;}
.layerPopup .closeWrap a button{ color:#fff; background:#000; font-size:15px; font-weight:bold; border:none; padding: 0 1.5rem; line-height: 2rem; }
.layerPopup .closeWrap a i {margin-left: 1rem;}
.openPop { display:block; }
#LayerPopupList {position: relative; display: inline-block;  width:900px; margin: 1.5rem auto; opacity:1; }
#popupList {overflow: hidden; }
.layerPopup .popup_list a img {display:block; margin:0 auto;} 
.layerPopup .popup_list a { } 
.layerPopup .slick-counter {position: absolute; top: 1rem; left: 50%; margin-left: 7rem; padding-top: 0; width: 3.25rem; height: 3.25rem; line-height: 3.25rem; text-align: center; font-family: 'Titillium Web', sans-serif; font-size: 0.9rem; font-weight:700; color: #fff; letter-spacing: -0.05em; border-radius: 50%;
    background: rgb(0,111,186);
    background: -moz-linear-gradient(left,  rgba(0,111,186,1) 0%, rgba(23,167,219,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,111,186,1) 0%,rgba(23,167,219,1) 100%);
    background: linear-gradient(to right,  rgba(0,111,186,1) 0%,rgba(23,167,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#17a7db',GradientType=1 );
    }
.layerPopup .slick-counter .current {color: #ffd65d;}
.slick-slider {transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide { display:none;  min-height:1px; vertical-align:middle; }
.slick-list {  }
.slick-list.dragging { cursor:pointer; }
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }
.slick-track {position:relative; left:0; top:0; display:block;  }
.layerPopup .slick-arrow {position: absolute; top: 50%; display: block; margin-top: -1rem; width: 2rem; height: 2rem; color: transparent; overflow: hidden;}
.layerPopup .slick-arrow:before {position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; text-align: center; font-family: 'xeicon'; font-size: 2rem; color: #fff; text-shadow: 3px 3px 3px rgba(0,0,0,0.5);}
.layerPopup .slick-arrow.slick-prev {left: -3rem;}
.layerPopup .slick-arrow.slick-prev:before {content: '〈';}
.layerPopup .slick-arrow.slick-next {right: -3rem;}
.layerPopup .slick-arrow.slick-next:before {content: '〉';}
.layerPopup .closeWrap a {display: inline-block; margin:0 0.25rem 0.25rem; padding: 0 1.5rem; line-height: 2rem; border-radius: 1rem; background: #000;}
.layerPopup .closeWrap a i {margin-left: 1rem;}
#right_sticky i:hover {transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 0.25s; -webkit-transition: all 0.25s;}

/* 퀵메뉴 */
.absolute-quick.cookiePanning #quick {padding-top: 0 !important;}
#quick { position: fixed; bottom: 0; right:0; width:auto; display:flex; align-items: center; z-index:100; height:100%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; pointer-events: auto;  transform: translateX(181px);}
#quick.open{transform: translateX(0);}

.quick_wrap::-webkit-scrollbar {width: 6px; /*스크롤바 너비*/	height: 10px;}
.quick_wrap::-webkit-scrollbar-thumb {background-color: #c1c1c1; border-radius: 6px; border: none;}
.quick_wrap::-webkit-scrollbar-track {	background-color: #f1f1f1;	border-radius: 10px;}
.quick_wrap {width:180px; background:#fff; height:100%; /*transform: translateX(100%);*/ overflow-y:auto; overflow-x:hidden; border-left:1px solid #ddd; padding: 5px 4px; /*display: none;*/}

.pop_sub-nav {display: none;}
#quick .off {display: none;}
#quick.open .on {display: none;}
#quick.open .off {display: block;}

#quick.open:has(.quick_wrap) {z-index: 999;}
/* #quick.open .quick_wrap {transform: translateX(-15px);} */
#quick .cl {display:none;}
#quick.open .cl {display:inline-flex;}
#quick.open .ba {display: none;}

/* #quick.open{right: 15px;} */

#quick .quick_btn {position: relative; margin-top:0;width:40px; cursor: pointer; text-align:center; margin-right: 6px;}


#quick .quick_btn ul { padding:0; margin:0;  }
#quick .quick_btn ul li {position:relative; width:40px; height: 40px; border-right: none; background-color:#fff;  text-align:center; border:1px solid #eee; margin-bottom:5px; border-radius: 5px; overflow: hidden; box-shadow: 0 2px 10px -8px #333;}
#quick .quick_btn ul li:last-child { border-bottom:1px solid #dddddd; }
#quick .quick_btn ul li.li-cart a {position: relative;}
#quick .quick_btn ul li.li-cart{overflow: unset;}
#quick .quick_btn ul li a {display:inline-flex; justify-content: center; align-items: center; height: 38px; width:38px; color:#333; font-size:13px;}
#quick .quick_btn ul li a.media-1080 {display: none;}
#quick .quick_btn ul li a img {border-radius: 5px;}
#quick .quick_btn ul li a.blank-vi img {width:38px; height: auto; padding: 2px;}
#quick .quick_btn ul li a.blank-my img {width:38px; height: 38px; border-radius: 0;}
#quick .quick_btn ul li div { position:absolute; top:5px; right:36px; font-size:12px; filter:alpha(opacity=0); opacity:0; border:1px solid #dddddd; border-radius:3px; background-color:#ffffff; color:#45cab5; width:auto; white-space:nowrap; padding:0 8px; line-height:22px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
#quick .quick_btn ul li:hover {overflow: unset; border-radius: 5px;}
#quick .quick_btn ul li:hover div { filter:alpha(opacity=90); opacity:0.9; }
#quick .quick_btn ul .cart_cnt {position: absolute; background:#212529; font-weight: bold; color:#fff; font-size:9px;border-radius:100%; box-sizing: border-box; min-width: 19px; max-width:25px;max-height:25px;padding: 3px; display: inline-flex; align-items: center; justify-content: center; left: 19px; top: -10px; z-index: 1;}
#quick .quick_menu {  width:100%; margin:0 auto; padding:0 0 10px;}
#quick .quick_menu li{ text-align:left;  display:block; padding:0; }
#quick .quick_menu .cs_ttl { font-size:12px; font-weight:500; color:#333;  margin-top:15px; text-align:right; padding-right:10px;}
#quick .quick_menu .tel {font-size:14px;padding-bottom:5px;color:#333;  font-weight:600;text-align:right; padding-right:10px;}
#quick .quick_menu p {font-size:12px; padding-right:10px; text-align:right; border-radius: 8px 8px 0 0;}
#quick .quick_menu p.buy-p {font-size: 0.95rem; font-weight: bold; padding:10px 0; color:#fff; text-align:center; border-radius: 8px;}
#quick .quick_menu .bd_box {width:180px; text-align:left;} 
#quick .quick_menu .bd_box ul {width:180px;}
#quick .buy-a{display: inline-block; width: 75%;}
#quick .quick_menu .bd_box li{ float: left; }
.dcoms_bottom_cs {overflow:hidden; width:100%;margin-top:0px; margin-left:0px;  }
.dcoms_bottom_cs li {position:relative; margin: 0; text-align:center;}
.dcoms_bottom_cs li a {display:block; text-align:center; color:#000; font-size:12px; background-color:#fff;}
.dcoms_quick_sns {overflow:hidden; width:100%;margin-top:0px; margin-left:5px; }
.dcoms_quick_sns li {float:left; width:17%; position:relative; margin-left:1px; text-align:center;}
.dcoms_quick_sns li a  {display:block; margin-bottom:5px; color:#333; font-size:16px; text-align:center;  }
.dcoms_quick_sns li a:hover  {color:#777; }
.dcoms_quick_sns li .fa_hidden{display:inline-block; width:8px; height:20px; zoom:1;overflow:hidden }

.empty_items_dp1,.empty_items_dp2{text-align: center !important; padding: 3px 0; padding-right: 0 !important;}

/* 장바구니 아이콘 애니메이션 */
.jello {animation: jello 0.6s both;}
@keyframes jello {
    0% {transform: scale(1);}
    50% {transform: scale(1.25);}
    100% {transform: scale(1);}
}


#quick .quick-info {max-width: 180px; margin-right: 10px; top: auto; background-color: #fff; position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #8ec251;}
#quick.open .quick-info {display: none; opacity: 0; transition: 0.3s;}
#quick.open .quick-info.show {display: block; opacity: 1; transition: 0.3s;}

#common_sit_opt_added {margin-bottom: 0;}
#common_sit_opt_added li:after{display:block; content:''; clear:both;}
#common_sit_opt_added li div {width: 30px;float: left; position: relative;}
#common_sit_opt_added li .item-div {width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #fff; border-radius: 8px; margin-bottom: 2.5px; padding: 2px 4px; border: 1px solid #d9d9d9;}
#common_sit_opt_added li .item-div:last-child {margin-bottom: 0;}
#common_sit_opt_added button {margin: 0 0 0 1px;}
#sod_bsk_list {position: relative;}
#sod_bsk_list #mod_option_frm {z-index: 10000;position: absolute;top: 0;left: 99px;padding: 20px;width: 500px;height: auto !important;height: 500px;max-height: 500px;border: 1px solid #000;background: #f2f5f9;overflow-y: scroll;overflow-x: none;}
#common_sit_opt_added li .plate {display: flex; justify-content: center; align-items: center; width: calc(100% - 72px);}
#common_sit_opt_added li div .tit-more {position: absolute; right: 5px; top: 8px;}

.info_p.in-style {flex-direction: column; margin:0; display: flex; align-items: center;}
/* .info_p.in-style > img {display: none;} */
.info_p.in-style p {width: 100%; font-size:0.8rem; line-height: 1.2rem; padding: 0 5px; text-align: center; /*animation: blink-1 2.5s infinite;*/}

.info_p.day-delivery {margin:-15px 8px 10px; padding:10px 10px 0; font-size:12px;}
.info_p.day-delivery span {display:inline-block; margin:0; padding:0 10px; border:1px solid #ff6517; background-color:#ff6517; color:#fff; font-size:0.75rem; font-weight:normal; border-radius:3px;}

.info_p p{text-align:left; line-height:16px; margin-bottom: 0; word-break: auto-phrase;}
.info_p p span{font-size:13px; color:#666;}

.absolute-quick {visibility: hidden; margin-right: -50%; transition: 0.3s;}
.absolute-quick.on {visibility: visible; margin-right: 0; transition: 0.3s;}

@keyframes blink-1 {
    0%,
    45%,
    60%,
    70%,
    100% {
        opacity: 1;
    }
    50%,
    65% {
        opacity: 0;
    }
}


#quick .save_m dl dd {flex-wrap: wrap;}

.ft-btn-back {display: none;}

@keyframes fade-in {
    0% {	opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes shake-vertical {
    0%,  100% {transform: translateY(0); }
    10%,  30%,  50%,  70% {transform: translateY(-1.5px);}
    20%,  40%,  60% {transform: translateY(1.5px);}
    80% {transform: translateY(1.5px);}
    90% {transform: translateY(-1.5px); }
}

.save_m{width:100%; margin:0 auto; padding: 5px 0; background-color: #fff; border-bottom: 1px solid #d9d9d9;}
.save_m dl{display: flex; align-items: center; margin-bottom: 0; padding: 0 5px;}
.save_m dl:nth-child(2){  margin-left:1%;}
.save_m dl:nth-child(2) dt{/*background:#f36e1f;*/background:#ff6600;}
.save_m dl dt{padding:3px; color:#fff; font-size:13px; background:#ff6600; min-width: 65px; background-color: #fff; color: #000; text-align: left;}
.save_m dl dd{font-size:13px; color:#222; text-align:left; display: flex; justify-content: flex-end; width: 100%;}
.price-group{position: fixed; bottom:10px; white-space:nowrap; width: 170px;}



/* footer 오늘본 상품 */
#right_sticky .bx_cart{padding:10px 0 0;text-align:center}
#right_sticky .bx_cart p{font-size:15px;margin-bottom:15px;}
#right_sticky .bx_cart .txt_cart{margin:0 auto;width:53px;height:51px;background: url(/img/common/bg_cart.png) 50% 17px no-repeat; background-size:35px; text-align:center;}
#right_sticky .bx_cart .txt_cart span{position:relative;top:-5px;display:inline-block;width:25px;height:25px;border-radius:50%;line-height:25px;background-color:#ee4630;color:#fff;font-size:13px}
#right_sticky .bx_recent{padding:0 0 10px;text-align:center}
#right_sticky .bx_recent p{margin:0;font-size:14px; padding:10px 0; border-top:1px solid #eee; color:#1a1a1a; font-weight: bold;}
#right_sticky .bx_recent li{border:1px solid #ccc}
#right_sticky .bx_recent li+li{margin-top:10px}
#right_sticky .bx_recent .txt{display:block;margin-top:15px;}
#right_sticky .go_link{margin-left:-2px;display:block;width:103px;height:30px;border:0;background:url(/img/common/btn_top.png) 0 0 no-repeat;}
#right_sticky .go_link .blind{text-indent:-999px;font-size:0;line-height:0;color:transparent;overflow:hidden;}

#right_sticky{position:absolute; left:0; top:270px; z-index:99999; width:100%; height:0;}
.right_sticky_inner{position:relative; width:1500px; margin:0 auto;}
#right_sticky *{box-sizing:border-box;}
#right_sticky.fixed{position:fixed; top:0!important;}
.right_sticky_cts{position:absolute; right:-20px; top:11px; z-index:7; width:110px; background:#ffffff; border:1px solid #d9d9d9; padding:5px; text-align:center;}
.right_sticky_cts .btns{padding:10px 0;}
.right_sticky_cts .btns a{display:block;}
.right_sticky_cts .btns .cart_wrap{position:relative; display:block; }
.right_sticky_cts .btns .cart_wrap img{height:30px;}
.right_sticky_cts .btns .cart_wrap span{position:absolute; left:50%; top:0; z-index:7; width:25px; height:25px; line-height:25px; /*background-color:#ee4630;*/ background:#ff6600; color:#fff;font-size:13px; border-radius:25px; margin-left:-12.5px;}    
.right_sticky_cts .btns p{font-size:14px; padding:7px 0; border-bottom:1px solid #ddd; margin-bottom:10px;}
.right_sticky_cts .popup_btn p{color:#e55115;}
.right_sticky_cts .today_product h3{font-size:14px; padding:10px 0; border-top:1px solid #eee; color:#1a1a1a; font-weight: bold;}
.right_sticky_cts .today_product ul li a,
.right_sticky_cts .today_product ul li img{display:block; width:100%;}


.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 > 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;}

.re-menu.recipe_ ul.grid {display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; gap: 10px 40px; margin-left: 56px; margin-bottom: 0;}
.re-menu.recipe_ ul.grid .ta-img {display: flex; flex-direction: column; align-items: center; gap: 5px;}
.re-menu.recipe_ ul.grid .ta-img div{ width: 104px; border-radius: 100px; border: 2px solid transparent;transition: 0.2s; position: relative; overflow: hidden;}
.re-menu.recipe_ ul.grid .ta-img div::after{content: ""; position: absolute; inset: 0; transition: 0.2s;}
.re-menu.recipe_ ul.grid .ta-img:hover a > div {border: 2px solid #8ec251;}
.re-menu.recipe_ ul.grid .ta-img:hover a > div::after{background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 35%,rgba(142,194,81,0.5) 100%);}


/* .re-menu.recipe_ ul.grid .ta-img a > div {background-color: #d3d3d3; mask-image: url(/public/_img/ta-img-mask.svg); padding: 10px; border-radius: 50%; overflow: hidden;} */
.re-menu.recipe_ ul.grid .ta-img a p {text-align: center; padding: 2px 0; margin-top: 5px;}

.re-menu .swiper.chain {max-width: calc(100% - 80px); width: 100%; max-height: 340px; margin: 0 0 0 40px; padding-right: 10px;}
.re-menu .swiper.chain .swiper-slide .grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; gap: 10px; width: 100%; height: 100%;}
.re-menu .swiper.chain .swiper-slide a {text-align: center;}
.re-menu .swiper.chain .swiper-slide a div {display: inline-flex; align-content: space-between; flex-direction: column;}
.re-menu .swiper.chain .swiper-slide a .ta-span {margin: auto;}
.re-menu .swiper.chain .swiper-slide a p {padding: 5px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.re-menu.chain_ .swiper-button-next,
.re-menu.chain_ .swiper-button-prev {transform: translateY(-15px);}
.re-menu.chain_ .swiper-button-next:after,
.re-menu.chain_ .swiper-button-prev:after {font-size: 18px; color: #8ec251;}

.swiper-scrollbar {opacity: 0.3 !important; max-width: 350px; left: 50% !important; transform: translateX(-50%) !important; display: block !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 #d1d3e2; 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 #d1d3e2; border-radius: 3px; margin:0; box-shadow:none; /*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 #d1d3e2; 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 #d1d3e2; 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 #d1d3e2; 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 #d1d3e2; 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 3px; display:inline-block; vertical-align:middle; font-size:14px; color:#f22867; font-weight:bold;}
.required_txt_none{margin-left:8px; padding:5px 3px; display:inline-block; vertical-align:middle; font-size:14px; color:#333; font-weight:bold;}
.required_txt_hide{display:none;}
#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;} */

.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; margin: 3px 0;}

.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);
}

.event {background: #8ec251; color: #fff; font-size: 11px; font-weight: normal; display: inline-block; width: 65px; height: 25px; line-height: 25px; text-align: center; vertical-align: middle; border-radius: 3px; margin-top:4px;margin-right: 2px;}
.best {background:#3f51b5; color:#fff; font-size:11px; font-weight:normal; display:inline-block; width:45px; height:25px; line-height:25px; text-align:center; vertical-align:middle; border-radius: 3px; margin-top: 4px;}
._new {background:#7997bc; color:#fff; font-size:11px; font-weight:normal; display:inline-block; width:45px; height:25px; line-height:25px; text-align:center; vertical-align:middle; border-radius: 3px;}
.special {border-radius: 50%; width: 40px; height: 40px; padding: 2px; display: inline-flex; background-color: #0d6efdd1; color: #fff; line-height: 1.2; align-items: center; justify-content: center;}
.five .special {position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}

.pieces-box {border-radius: 3px; border: 1px solid #e02f30; padding: 4px 3px; display: inline-flex; color: #e02f30; line-height: 1.2; align-items: center; justify-content: center; white-space: nowrap;}
.five .pieces-box {}

.fresh-products {font-size:12px; color:#555; border:1px solid #555; padding:0 4px; border-radius: 20px; font-weight:normal; white-space: nowrap;}
.room-products {font-size:12px; color:#ff0000; border:1px solid #ff0000; padding:0 4px; border-radius: 20px; font-weight:normal; white-space: nowrap;} /*상온*/
.low-products {font-size:12px; color:#065eff; border:1px solid #065eff; padding:0 4px; border-radius: 20px; font-weight:normal; white-space: nowrap;}
.no-returns {color: #fff; background-color: #e02f30; padding: 0 4px; border-radius: 20px; font-weight: normal; white-space: nowrap; border: 1px solid #e02f30;} /*반품불가*/
.room-temperature {color:#fff; background-color: #ef8876; padding: 0 4px; font-weight:normal; border-radius: 20px; white-space: nowrap; border: 1px solid #ef8876;}
.returnable {color: #fff; background-color: #888; border-radius: 20px; padding: 0 4px; font-weight: normal; white-space: nowrap; white-space: nowrap; border: 1px solid #888;} /*반품가능*/
.freezing {color:#e02f30; border:1px solid #e02f30; padding:0 4px; font-weight:normal; border-radius: 20px; white-space: nowrap; border: 1px solid #e02f30;} /*냉동*/
.cold-storage {color:#fff; background-color: #4f60f5; padding:0 4px; font-weight:normal; border-radius: 20px; white-space: nowrap; border: 1px solid #4f60f5;} /*냉장*/
.basic-price {display: inline-block; width:50px; text-align: center; margin-right:3px; padding:1px 2px; border:1px solid #858796; background-color:#858796; color:#fff; font-size:0.75rem; font-weight:normal; border-radius:3px;}
.agency {display: inline-block; width:50px; text-align: center; margin-right:3px; padding:1px 2px; border:1px solid #4093cb; background-color:#4093cb; color:#fff; font-size:0.75rem; font-weight:normal; border-radius:3px;}
.chain-price {display: inline-block; width:50px; text-align: center; margin-right:3px; padding:1px 2px; border:1px solid #ff6517; background-color:#ff6517; color:#fff; font-size:0.75rem; font-weight:normal; border-radius:3px;}

.sold-set {cursor: auto; position:absolute; width: 100%; height: calc(50% + 10px); background:#ffffff85; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; top: 0; left: 0; border-radius: 8px; display: none;}
.five .sold-set {background: #ffffffb0; height: calc(100% - 4px); top: 0; flex-direction: row; justify-content: flex-start; z-index: 1;}
.five .sold-set div {max-width: 60px;}
.five .sold-set div:nth-child(1){margin-left: 130px;}
.five .sold-set div span {max-width: unset; margin-left: -48px;}
.sold-set.on {display: flex;}
.sold-set div {width: 100%;}
.sold-set div.sold-out span {background-color: #e02f3096; border-color: #e02f30;}
.check .sold-set div {height: calc(50% + 35px);}
.sold-set div span {display: block; width: 100%; max-width: calc(100% - 60px); color: #fff; padding: 5px 0; background-color: #00000085; border: 1px solid #000; border-radius: 5px; margin: 60px auto;}

.sel_cart_item {outline:2px solid #8ec251; outline-offset:-2px;}
.sm_wrap_item {overflow: auto; padding: 3px 5px 0 5px; box-sizing: border-box;}
.sm_wrap_item_p {margin: 0; color: #fff; background: #8ec251;}
/* .sm_wrap_item{max-height: calc(100vh / 2 - 190px); } */

.sm_cart_box{display: flex; flex-direction: column; height: calc(100vh - 230px);}
.sm_wrap_item_p {flex: 0 0 auto;}
.sm_wrap_item {overflow-y: auto; min-height: 0; flex-basis: 0;}




/*공지사항*/
.announcement ul.admin_list {margin: 0 10px;}
.announcement ul.admin_list li {display: grid; grid-template-columns: 0.4fr 4fr 0.8fr 0.8fr 0.4fr; align-items: center; text-align: center; margin: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.announcement ul.admin_list li.list_head {position: sticky; top: 154px; background-color: #f4f4f4;}
.announcement ul.admin_list li.bg-check,
.announcement ul.admin_list li:nth-child(n+2):hover {background-color: #8ec2510d;}
.announcement ul.admin_list li .list_title {padding-left: 10px; text-align: left;}
.announcement ul.admin_list li .tit-box .title span {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.announcement ul.admin_list li {padding: 8px 0;}
.announcement ul.admin_list li.noContent{grid-template-columns:1fr; padding:20px 0;}
.announcement .btn_group {float: right; margin: 0 10px;}
.announcement #search_form {margin-top: 10px; border-top: 0px solid #ddd; padding: 15px 0 20px;}
.announcement #search_form > div {border:0px solid #ddd; text-align:center; margin:-20px auto 0 !important; padding:0 !important; max-width: 1020px;}
.announcement #search_form > div select {width:13%; padding-left:5px; height:30px !important; line-height:30px !important; font-size:0.8rem; min-width: 100px;}
.announcement #search_form #search_kw {width:45%; height: 30px !important; line-height: 30px !important;}
.announcement #search_form .btn {width:60px; height:auto; line-height:1.2; margin:0;}

.announcement #board_view_style {border-bottom: 1px solid #ddd; padding: 0 10px;}
.announcement #board_view_style .article_info.ul-info {display: grid; grid-template-columns: 1.6fr 0.5fr 0.2fr; align-items: end; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; padding: 10px 0; /*position: sticky;*/ top: 155px; background-color: #fff;}
.announcement #board_view_style .article_info.ul-info .sj_ {font-weight: bold; font-size: 0.9rem; max-width: calc(100% - 100px);}
.announcement #board_view_style .article_info.ul-info ul {gap: 0 10px;}

#inicisModalDiv.inipay_modal.fade.in {opacity: 1;}
.media-block {display: none;}

/* .odr-payment {margin: 10px 0;} */
.odr-payment{position: sticky; bottom: 0; background-color: #fff; z-index: 3; padding: 15px 0;}

.jconfirm .jconfirm-box {min-width: 300px;}

.prd_list .dro-sub {display: none;}

/* 좌측 고정 배너 */
.left-fix-banner{
    position: fixed;
    top: 158px;
    left: 1%;
    z-index: 20;
    width: 9vw;
    max-width: 182px;
    display: none;
    padding-top: 0;
}
.lf-banner1,.lf-banner2{
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 2px 10px -5px #333;
    margin-bottom: 10px;
}
.lf-banner1 img,.lf-banner2 img{
    width: 100%;
    transition: 0.2s;
}
.left-fix-banner img:hover{
    scale: 1.02;
}
.lf-close{
    border-radius: 6px;
    background-color: #2c2a29;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 5px;
    box-shadow: 0 2px 10px -5px #333;
    font-size: 11px;
}
.lf-close input{display: none;}
.lf-close label{
    background: url('/common_new_win/img/check_on.png') no-repeat 0 1px;
    background-size: 16px;
    padding-left: 22px;
    white-space: nowrap;
}

/* 문의하기 버튼 */
#contactBtn{
    position: fixed;
    right: 5px;
    bottom: 10px;
    z-index: 1000;
}
#contactBtn img{width: 38px;}
.contact_wrap{
    display: none;
    position: fixed;
    bottom: 64px;
    right: 5px;
    background-color: #f8f8f8;
    border-radius: 1rem;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    padding: 1.2rem 1rem;
    width: 380px;
    z-index: 1000;
}
.contact_wrap .flex{margin-bottom: 1rem;}
.contact_wrap h3{font-size: 0.9rem; font-weight: bold; margin-bottom: 0;}
.contact_wrap h3 img{width: 1.4rem; margin-right: 0.4rem;}
.contact_wrap #closeBtn img{width: 0.8rem;}
.contact_list{background-color: #fff; padding: 0.6rem; border-radius: 0.5rem; margin-bottom: 0.5rem;}
.contact_wrap #sendBtn{width: 100%; background-color: #005a66; color: #fff; border-radius: 0.5rem; padding: 0.5rem 0; font-size: 0.8rem; margin-top: 0.5rem;}
.contact_list li{margin-bottom: 3px;}
.contact_list li input{width: 100%;}
.contact_list li input:focus{border:1px solid #005a66 !important;}
.contact_list li textarea{resize: none; height: 150px; margin-top: 3px;}
.contact_list li textarea:focus{border:1px solid #005a66 !important;}

@media screen and (max-width: 1780px) {
    .left-fix-banner{left: 1%;}
}

@media screen and (max-width: 1400px) {
    #quick .quick-info {z-index: -1; opacity: 0; display: none;}
    .left-fix-banner{display: none;}
}

@media (max-width: 1280px) {
    .odr-payment {margin: 10px 0;}
	.five .sold {left: -5px; width: 100%;}
    header {min-width: auto;}
    header .head_btm {background-color: #fff;}
    /* header .head_btm .inner,
    .header_bot,
    .header_bot_wrap .h-bot-menu .h-bot-item {padding: 10px 10px 0;} */

    .header_bot {padding: 0 10px;}

    .header_bot_wrap .remainder { gap: 2.3vw; margin: 0 30px;}

    .header_bot_wrap .h-bot-menu .h-bot-item,
    .header_bot_wrap .h-bot-menu .table,
    .header_bot_wrap .h-bot-menu .add-menu {min-width: unset;}

    .header_bot_wrap .h-bot-menu .h-bot-item {padding: 0 10px 0 20px;}
    .header_bot_wrap .h-bot-menu .add-menu {padding: 10px 20px 25px 0;}
    .header_bot_wrap .h-slide > div {padding: 0 10px 0 20px;}


    header .head_btm .inner {z-index: 2;}
    header .head_btm .inner .top-right-menu .logo a img {width: 180px;}

    header .head_btm .inner .right {max-width: 260px;}
    header .head_btm .inner .right:has(.btn-admin) {max-width: 290px;}
    header .head_btm .inner .right div.flex:has(.mu-set) {flex-wrap: wrap; justify-content: flex-end; gap: 10px 5px !important;}
    header .head_btm .inner .right:has(.btn-admin) .center.mu-set {margin-right: 100px;}
    header .head_btm .inner .right .out .btn,
    header .head_btm .inner .right .cart-icon .btn {padding: .25rem .9rem;}
    header .head_btm .inner .right .btn-admin {position: absolute; transform: translateY(-25px);}

    .in-banner {padding-right: 10px;}
    /* .in-banner .top {margin-bottom: 10px;}
    .in-banner .top img {width: calc(50% - 5px);} */

    .search {max-width: 380px;}
    .search form {width: calc(100% - 160px);}

    .ranking._search {left: 100%;}

    .header-left.m.glasses_ .search {max-width: unset; margin: 10px;}
    .header-left.m .glasses-content .service {padding: 10px; border: none;}
    .header-left.m .glasses-content .service div {padding-bottom: 20px;}

    /* .footer-menu-wrap .footer-menu {padding-right: 40px;} */
    /* .footer-menu-wrap .footer-menu li {padding-left: 30px;} */
    .footer_inner {width: 100%; /*padding-right: 20px;*/}
    .footer_inner ul.grid-group {grid-template-columns: 120px 1fr 95px 1fr;}
    .footer_inner ul.grid-group li.grid-col {grid-column: 1 / span 4;}
    .footer_inner ul.grid-group li.bor-r {border-color: #eee0;}

    .footer_cts .column {padding-bottom: 10px;}
    .five .special {left: 5px;}
    .left-fix-banner{display: none;}
    .ranking p{text-align: right;}
}

@media (max-width: 1080px) {
    .top-text,
    .header_bot_wrap.pc,
    .inner.after.pc {display: none;}
    .header.m,
    .inner.after.m,
    .media-block {display: block;}
    .m .logo {margin: 5px 10px 0;}

    .top-text .cookie-banner {right: 10px;}

    header{overflow-x: hidden;}
    header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list .div-day {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px;}

    header .head_btm .inner .top-right-menu {margin-left: 0;}
    
    
    .header-left.m .logo {margin: 0;}
    header .head_btm .inner.m .top-right-menu .menu-bottom::before,
    header .head_btm .inner.m .top-right-menu .menu-bottom::after {display: none;}
    .check header .head_btm .inner {height: fit-content;}

    header .head_btm .inner.m .top-right-menu .menu_ {width: 94%; margin: auto; padding: 10px 0; align-items: center; justify-content: flex-start; overflow-x: auto; position: relative; gap: 40px;}
    header .head_btm .inner.m .top-right-menu .menu_::-webkit-scrollbar {display: none;}
    header .head_btm .inner.m .top-right-menu .menu_.active a {color: #b8b8b8 !important;}
    header .head_btm .inner.m .top-right-menu .menu_ a {display: block; -webkit-user-drag: none; user-select: none; margin: 0;}
    /* header .head_btm .inner.m .top-right-menu .menu_.active a.on::before,
    header .head_btm .inner.m .top-right-menu .menu_.active a.on::after {background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23b8b8b8' xmlns='http://www.w3.org/2000/svg'><path d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z'/></svg>");} */
    header .head_btm .inner.m .top-right-menu .menu-bottom::before,
    header .head_btm .inner.m .top-right-menu .menu-bottom::after {display: block;}

    #sub_wrap.viewup{transform: none; margin-bottom: 0;}

    .footer_cts p,
    .footer-menu li a  {font-size: 12px;}
    .footer_logo .base {font-size: 18px;}
    .footer_inner {margin-bottom: 100px;}

    .pop_sub-nav {display: flex; flex-direction: column-reverse;}

    .btn-admin {position: unset; margin-right: 15px;}

	.media-1080 {display: block;}
	.order_search .con_table .odr-group.swiper,
	.odr-pc {display: none;}

	ul.my_local {flex-wrap: wrap; gap: 10px; width: auto; justify-content: space-between; margin: 0 10px;}
	ul.my_local>li {margin: 0; width: 32.3%; height: auto; flex-direction: initial; align-items: center;}
    ul.my_local>li h2 {margin-bottom: 0; font-size: 0.8rem; white-space: nowrap;}
    ul.my_local>li a {font-size: 1rem;}

	.clearfix:before, .clearfix:after {display: none;}
	/* .order_search .odrder_search_list .list {width: calc(100% - 20px);} */
	.order_search .odrder_search_list .list .con_table {position: relative;}
	.order_search .odrder_search_list .list .con_table b.pe-3 {font-size: 0.85rem; text-align: center; border-right: 1px solid #ddd;}
	.order_search .odrder_search_list .list .con_table .flex .flex:first-child span {font-size: 1rem;}

	.order_search .odrder_search_list .list .check_wrap {position: absolute; top: 10px;}
    .order_search .odrder_search_list .list .wish-mw {width: calc(100% - 140px);}
	.order_search .odrder_search_list .list .con_table div:nth-child(3) {width: calc(100% - 220px);}

	.box-pay {flex-direction: column;}
	.order_search .odr-cart,
	.order_search .odr-payment .payment {width: 100%;}
	.order_search .odr-cart::before {display: none;}
	.order_search .odr-payment .payment > div:first-child {justify-content: space-between;}

    .announcement ul.admin_list li.list_head {top: 210px;}
    .announcement #board_view_style .article_info.ul-info {top: 211px;}

    .announcement #board_view_style .article_info.ul-info {grid-template-columns: 1.5fr 0.5fr;}
    .announcement #board_view_style .article_info.ul-info ul {display: inline-flex;}
    .announcement #board_view_style .article_info.ul-info ul:first-child {grid-column: 1 / span 2; justify-content: space-between; padding-bottom: 10px;}
    .announcement #board_view_style .article_info.ul-info ul:last-child {justify-content: flex-end;}


    .footer_inner ul.grid-group li.tel {pointer-events: auto;}
    .five .sold-set div:nth-child(1) {margin-left: 60px;}

    .btn-list.dropdown-item {border: none; background-color: #fff0; color: #1a1a1a;}

    #quick {flex-direction: column; right: unset; height: auto; transform: none; justify-content: end;}
	#quick {width: 100%;}
	.quick_wrap {width: 100%; max-width: 580px; display: none;}

	#quick .quick_btn ul li.cl {position: absolute; right: 0; top: -35px; background-color: unset; border: none !important; width: 25px; height: 25px; border-radius: 50%; display: none;}
	#quick .quick_btn ul li.cl:hover {border: none;}

	#quick .quick_btn {width: 100%; max-width: 580px; background-color: #fff; border-radius: 15px; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22); margin-bottom: 5px; margin-right: 0;}
	#quick .quick_btn p.delivery {color: red; font-weight: bold; padding: 0; display: flex; align-items: center; justify-content: center; width: 100%; text-align: left; word-break: auto-phrase;}
	#quick .quick_btn ul {display: flex; padding: 10px; flex-wrap: wrap; justify-content: space-between; gap: 5px;}
	#quick .quick_btn ul li {width: 34%; text-align: center; display: flex; align-items: center; justify-content: center;}
	#quick .quick_btn ul li a {width: 100%; border-radius: 3px;}
	#quick .quick_btn ul li a.media-1080 {display: flex;}
	#quick .quick_btn ul li.li-cart a,
	#quick .quick_btn ul li.cs a {color: #fff;}
	#quick .quick_btn ul li.my a {color: #8b979f;}
	#quick .quick_btn ul li.cs {max-width: 65px;}
    #quick .quick_btn ul li.li-cart{width: 65%;}

	#quick .quick_btn ul .cart_cnt {position: relative; border-radius: 3px; margin-left: 5px; background: #fff; color: #212529; left: unset; top: unset; font-size: 11px;}
	#quick .m-px {padding: 0 10px !important;}
	#quick .buy-a {color: #fff; display: flex; align-items: center; background-color: #212529; justify-content: center; min-width: 200px; width: fit-content; margin: auto; border-radius: 5px;  padding: 0 10px;}
    #quick .buy-a span{font-size: 0.95rem; margin-right: 5px;}

	#quick .quickmenu_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000080; opacity: 0; visibility: hidden; z-index: -2; transition-delay: background-color 0.3s ease;}


	#quick .quickmenu_bg {opacity: 0; visibility: hidden;}
    #quick.open .quickmenu_bg{opacity: 1; visibility: visible;}

	#quick.open {height: 100vh; right: unset;}
	#quick.open .quick_btn {margin-bottom: 0; border-radius: 15px 15px 0 0; box-shadow: none; margin-right: 0;}
	#quick.open .quick_btn ul {padding: 5px 10px 0 10px;}
	#quick.open .quick_btn ul li.cl {display: block;}
	#quick.open .quick_btn ul li:nth-child(n+3) {display: none;}
	#quick.open .quick_wrap {display: block; padding: 5px 3px; height: auto;}
    /* #quick .quick_menu p.buy-p{width: auto;} */

    .sm_cart_box{display: block; height: auto;}
	.sm_wrap_item {max-height: calc(100vh / 2 - 250px);}
	#common_sit_opt_added li .item-div {display: grid; grid-template-columns: 25px 1fr 80px 30px; gap: 0 2px;}
	#common_sit_opt_added li div.it_name_readmore {width: 100% !important;}
	#common_sit_opt_added li div.item-div-img {order: -1;}
	#common_sit_opt_added li .plate {width: auto;}

    .price-group{position: unset; width: auto;}
    .odr-payment{position: relative; bottom: unset; padding: 0;}

    .contact_wrap{width: 350px;}
}

@media screen and (max-width: 920px) {
	.order_search .cos .con.txt {margin: 5px;}
	.order_search .con:last-child {width: auto;}
	.order_search .con ul {display: flex; flex-wrap: wrap; align-items: center}
	.order_search .cos .con ul li#search_date {width: unset; display: inline-flex; align-items: center; margin: 0; padding: 0;}

    .footer_inner > div {padding: 0;}

    .footer-menu-wrap .footer-menu li {border-right: 1px solid #eee;}
    .footer-menu-wrap .footer-menu li:last-child {border-right: none;}
    .footer_inner {margin-bottom: 120px; justify-content: center; flex-direction: column; padding: 0;}
    .footer_inner ul.grid-group {width: calc(100% - 40px); padding-top: 20px; gap: 0;}
    .footer_inner ul.grid-group li {padding: 2px 5px;}
    .footer_inner ul.grid-group li.grid-col {display: none;}

}

@media (max-width: 870px){
    .header-left.m .glasses-content, 
    .header-left.m .mobile-content {padding: 0 15px;}

    .tree_doc02 select {max-width: 120px;}
}

@media (max-width: 860px){
    /* .footer_inner > div {flex-direction: column; padding: 0 0 20px;}
    .footer_inner > div > div {padding: 0 10px;}
    .footer_inner > div div .p {margin-left: 0;} */
}

@media (max-width: 760px) {
    body {font-size: 0.75rem;}
    .top-text p {font-size: 0.7rem;}
    .top-text p span {font-size: 0.8rem; padding: 0 5px;}

    .header-left .close-menu {margin-right: 0 !important;}
    .header-left.m .logo .else-log {left: 160px;}

    /*상단 메뉴 버튼 비활성화*/
    header .head_btm .inner.m .top-right-menu .menu_ button {display: block; position: sticky; width: 35px;}
    header .head_btm .inner.m .top-right-menu .menu_ button:first-child {left: 0;}
    header .head_btm .inner.m .top-right-menu .menu_ button:last-child {right: 0;}
    header .head_btm .inner.m .top-right-menu .menu_ button img {filter: none; margin: 0;}

    .header-left.m .glasses-content, 
    .header-left.m .mobile-content {padding: 0 15px;}
    .header-left.m .search-contents ul li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;}

    .header-left.m .member .list {flex-direction: column; padding: 0;}
    .header-left.m .member .list div {width: 100%;}
    .header-left.m .member .list .name {padding: 10px; border-bottom: 1px solid #e6e6e6;}
    .header-left.m .member .list .amount,
    .header-left.m .member .list .alarm {padding: 10px;}

    .header-left.m .banner-set{grid-template-columns: 1fr 1fr;}

    .header-left.m .menu-set {flex-direction: column;}
    .header-left.m .menu-set .list {width: 100%;}

    .header-left.m .slideSet {margin: 20px;}

	.order_search .con_table p.order-day {display: inline-flex; flex-wrap: wrap; max-width: calc(100% - 330px);}
	.order_search .con_table .odr-group.media-1080 li.odr-title {width: 80px;}
	.order_search .con_table .odr-group.media-1080 ul li {width: calc(50% - 80px);}
	ul.my_local>li {margin: 0; width: calc(50% - 5px);}

    #footer .img {display: none;}

    .footer-menu-wrap .footer-menu li {padding: 5px 0;}
    /* .footer_inner > div > div {margin: 0; width: 100%;}
    .footer_inner > div div .p p {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0 10px;}
    .footer_inner > div div .p p span {white-space: nowrap;}
    .footer_inner > div div .p:last-child p span {white-space: pre-wrap;} */
}

@media (max-width: 650px) {
    header .head_btm .inner.m .top-right-menu .menu_{gap: 30px;}
    .header-left.m .slideSet {min-height: 65vw;}
    .m .logo a img {width: 160px !important;}
    .m .logo .m-but .open-menu span {width: calc(100% - 3px);}

    .header-left.m .slideSet .nav-button {width: 35px; height: 35px; top: calc(50% - 15px);}
    .header-left.m .slideSet #prevSwiper {left: -22.5px;}
    .header-left.m .slideSet #nextSwiper {right: -22.5px;}
    .header-left.m .slideSet .nav-button img {width: 10px;}

    .tree_doc02 .right_btn .doc {position: relative;}
    .tree_doc02 .right_btn .doc > span,
    .doc .tree_doc02:has(select) {display: inline-flex; /*position: absolute; bottom: -45px; right: -8px;*/}

    .tree_doc02 .right_btn .doc > span select,
    .doc .tree_doc02 select {background-color: #fff;}

	.order_search .con_table p.order-day {max-width: calc(100% - 220px);}
	.order_search .con_table .order-item > div.flex.f-align-center {width: calc(100% - 120px);}

	.order_search .odr-cart {align-items: flex-start;}
	.order_search .odr-payment .payment > div:first-child {flex-wrap: wrap;}
	.order_search .odr-payment .payment svg.bi-pause {display: none;}
	.order_search .odr-payment .payment .each-5 {width: 100%; margin-top: 10px; padding-top: 5px; border-top: 1px solid #ddd; text-align: right;}

    .announcement .media-650 {display: block;}

    .announcement ul.admin_list li {grid-template-columns: 0.2fr 1.4fr 0.4fr;}
    .announcement ul.admin_list li.list_head {top: 200px;}
    .announcement ul.admin_list li.list_head .writer,
    .announcement ul.admin_list li.list_head .date,
    .announcement ul.admin_list li .writer,
    .announcement ul.admin_list li .date {display: none;}
    .announcement ul.admin_list li:nth-child(n+2) {border-bottom: 1px solid #f4f4f4;}
    .announcement ul.admin_list li a,
    .announcement ul.admin_list li span:nth-child(1),
    .announcement ul.admin_list li span:nth-child(2) {grid-row: 1 / span 3;}
    .announcement ul.admin_list li:nth-child(n+2) span {padding: 0;}

    .announcement #board_view_style .article_info.ul-info {top: 201px;}

    .footer-menu ul::before {content: ""; position: absolute; width: 100%; height: 1px; background-color: #5b9f0c; top: 50%; left: 0; transform: translateY(-50%);}
    .footer-menu ul li {width: calc(100% / 3);}

    form#order_search {flex-direction: column;}
    form#order_search .con ul {padding-left: 0;}
    .footer_inner > div {padding: 0; transform: scale(0.65); position: absolute; top: -20px; right: 0; filter: grayscale(1); opacity: 0.6;}
    .footer_inner ul.grid-group {grid-template-columns: repeat(1, 120px 1fr); width: 100%;}

    #quick .quick_btn,
	#quick.open .quick_wrap {width: calc(100% - 30px);}
    #quick .quick_btn ul li.cl{width: 21px; height: 21px; top: -30px;}
}

@media (max-width: 620px) {
    .five .special {top: calc(50% - 20px);}
}

@media (max-width: 580px){
    .header-left.m .menu-set .list table th {padding: .5rem .25rem;}
    .pop_sub-nav, #f_quickmenu.m {padding: 0 10px; left: 0;}

    .announcement #search_form #search_kw {width: calc(100% - 120px);}

    /* 문의하기 버튼 위치 조정 */
    #contactBtn{right: 25px; bottom: 20px;}
    #contactBtn img{width: 36px;}
    .contact_wrap{width: 80vw; bottom: 68px;}
    .contact_wrap #closeBtn img{width: 0.7rem;}
    #quick .quick_btn ul li{width: 33%;}
    #quick .quick_btn ul li.li-cart{width: 55%;}
    #quick .quick_btn ul{justify-content: start; gap: 5px;}

}

@media (max-width: 520px) {
    header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list {padding: 2px 5px;}
    header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list .div-day .by-day {padding: 2px; font-size: 10px;}
    header .head_btm .inner.m .top-right-menu .menu-bottom .amount .am-list p {min-width: 50px;}
    header .head_btm .inner.m .top-right-menu .menu_{gap: 20px;}
}

@media (max-width: 500px) {
    /* #sub_wrap {padding: 0 10px !important;} */
    .search form {width: 100%;}
	#mb_mypage_pass_current {width: auto !important;}
	#fr_date,
	#to_date {width: 100px !important;}
	#sub_wrap .order_search .cos .con ul.type01 li a {width: 50px;}
    .header-left.m .service {max-width: unset;}

	.order_search .con_table p.order-day {max-width: calc(100% - 130px);}
	.order_search .con_table > div:first-child div {display: flex; flex-direction: column; gap: 5px;}
	.order_search .con_table .order-bot {flex-wrap: wrap;}
	.order_search .odrder_search_list .list {width: 100%;}

    .footer_inner > div {right: -15px;}

    .sold-set {height: calc(50% + 5px);}
}

@media (max-width: 480px){
    .search form input[type=text] {width: 100%;}
    .search form a {left: calc(100% - 20px);}
    .announcement .shop-page {margin: 25px 0 10px !important;}
    .announcement #search_form div {display: flex; flex-wrap: wrap; align-items: center; gap: 0 5px; margin: 0 10px !important;}
    .announcement #search_form div #search_kw {width: calc(100% - 105px) !important;}
    .announcement #search_form div .btn.btn-bg1 {width: calc(60% - 5px); max-width: 80px; order: 2;}
    .announcement #search_form div .btn.btn-bg3 {width: 40%; max-width: 80px; margin-left: auto;}
}

@media (max-width: 420px) {
    .m .logo {align-items: center;}
    .m .logo .m-but {flex-wrap: wrap; justify-content: flex-end; gap: 5px 0;}
    .check header .head_btm .inner {height: 85px;}
    header .head_btm .inner.m .top-right-menu .else-log {order: 1; width: 100%; justify-content: flex-end;}

	.order_search .con_table .order-item {flex-wrap: wrap;}
	.order_search .con_table .order-item > div:last-child {width: 100%; background-color: #f4f4f4; border: 1px solid #ccc; border-radius: 5px; padding: 5px;}
	.order_search .con_table .order-item > div:last-child h3,
	.order_search .con_table .order-item > div:last-child span {text-align:  center; width: 100%; display: inline-block;}
    .order_search .con_table .order-item > div:last-child h3 {margin-bottom: 0;}
}

@media (max-width: 380px) {
    body {font-size: 0.72rem;}
    #sub_wrap .order_search .cos .con ul.type01 li a {width: 45px;}
    .order_search .cos .con ul li#search_date {flex-wrap: wrap;}
    .order_search .cos .con ul li#search_date button {margin: 5px auto !important;}
}



/* 상단 배너 열닫 */
.remainder-menu{position: relative;}
.remainder-menu .re-open-btn{position: absolute; bottom: -8px; left: 50%; cursor: pointer;  border: 8px solid transparent; border-top-color: #8ec251; border-bottom: 0; margin-left: -8px; margin-bottom: -8px; opacity: 0; transition: 0.2s;}

/* .remainder-menu .re-open-btn{position: absolute; top: 5px; right: 4px; color: #8ec251; display: none; width: 10px; height: 10px; cursor: pointer; z-index: 5;} */
/* .remainder-menu .re-open-btn::after{content: "\f150"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; position: absolute; top: -4px; left: -1px;} */
/* .remainder-menu .h-bot-on.on ~ .re-open-btn {display: block;} */

.all-menu{position: relative;}
.all-menu .re-open-btn{position: absolute; bottom: -8px; left: 50%; cursor: pointer;  border: 10px solid transparent; border-top-color: #8ec251; border-bottom: 0; margin-left: -10px; margin-bottom: -10px; opacity: 0; z-index: 4; transition: 0.2s;}