@charset "utf-8";
@import "../fonts/NotoSansKR/NotoSansKR.css";

/* font face */
@font-face{
    font-family:'Montserrat';
    src:local(Montserrat-Regular),
    url('../fonts/montserrat/Montserrat-Regular.eot'),
    url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype'),
    url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Montserrat';
    src:local(Montserrat-Bold),
    url('../fonts/montserrat/Montserrat-Bold.eot'),
    url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype'),
    url('../fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype');
    font-weight:bold;
}
@font-face{
    font-family:'NanumGothic';
    src:local(NanumGothic),
    url('../fonts/nanumgothic/NanumGothic-Regular.eot'),
    url('../fonts/nanumgothic/NanumGothic-Regular.woff') format('woff'),
    url('../fonts/nanumgothic/NanumGothic-Regular.ttf') format('truetype'),
    url('../fonts/nanumgothic/NanumGothic-Regular.eot?#iefix') format('embedded-opentype');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'NanumGothic';
    src:local(NanumGothicBold),
    url('../fonts/nanumgothic/NanumGothic-Bold.eot'),
    url('../fonts/nanumgothic/NanumGothic-Bold.woff') format('woff'),
    url('../fonts/nanumgothic/NanumGothic-Bold.ttf') format('truetype'),
    url('../fonts/nanumgothic/NanumGothic-Bold.eot?#iefix') format('embedded-opentype');
    font-weight:bold;
}
@font-face{
    font-family:'NanumGothicExtraBold';
    src:local(NanumGothicExtraBold),
    url('../fonts/nanumgothic/NanumGothic-ExtraBold.eot'),
    url('../fonts/nanumgothic/NanumGothic-ExtraBold.woff') format('woff'),
    url('../fonts/nanumgothic/NanumGothic-ExtraBold.ttf') format('truetype'),
    url('../fonts/nanumgothic/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype');
    font-weight:bold;
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,option,blockquote,th,td,input,select,textarea,button,figure,section,article,main,aside,nav,header,footer,figcaption{margin:0;padding:0}
fieldset,img{border:0 none}
img{vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff}
body,th,td,input,select,textarea,button{font-size:13px;line-height:1.5;font-family:"NanumGothic","나눔고딕","Montserrat",Malgun Gothic,"맑은 고딕",sans-serif;color:#343434}
a{color:#333;text-decoration:none}
a:active,a:hover{text-decoration:underline}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
html, body{overflow-x:hidden}

.tbl{width:100%;border-collapse:collapse;border-spacing:0}
.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.screen_hide{font-size:0;line-height:0;visibility:hidden}
.f_l{float:left}
.f_r{float:right}
.cl_b{width:0;height:0;font-size:0;line-height:0;clear:both}
.show{display:block}
.hide{display:none}
.clear_g{display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.fw_normal{font-weight:normal}
.txt_bold{font-weight:bold}
.fc_primary{color:#ff5c1c}
.fc_blue{color:#1c5196}
.ico_comm{display:block;background:url('../../image/ico_comm.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top}
.login_comm{display:block;background:url('../../image/ico_comm.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top}
.gnb_comm{display:inline-block;font-size:0;line-height:0;text-indent:-9999px;background:url('https://www.0shop.kr/zeroshop/image/gnb_comm.png') no-repeat 0 0;vertical-align:top}
.txt_percent{font-family:'Montserrat',Malgun Gothic,"맑은 고딕";font-size:20px;line-height:1;font-weight:bold;color:#ff5c1c}
.txt_discount{font-size:16px;color:#ff5c1c}
.txt_info{color:#999}

/* 셀렉트 박스 */
.select_type{display:inline-block;position:relative;background-color:#fff;vertical-align:top;font-size:14px}
.select_type .sel_value{display:block;height:31px;padding-left:10px;border:1px solid #d2d2d2;text-align:left;cursor:pointer;color:#363636;line-height:31px}
.select_type .login_comm{position:absolute;right:10px;top:15px;width:7px;height:4px;background-position:-78px -225px}
.select_type .outline{border-color:#4ab0ff}
.select_type ul{overflow-y:auto;position:absolute;left:-9999px;width:100%;margin-top:-1px;max-height:300px;background:#fff;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.select_type li{position:relative;height:25px;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;vertical-align:top}
.select_type .inp_radio{position:absolute;width:100%;height:25px;line-height:25px}
.select_type label{position:absolute;left:0;top:0;width:100%;text-indent:10px;height:25px;line-height:25px;background:#fff;cursor:pointer;color:#363636}
.select_type .hover label{background:#e0e0e0}
.select_type.open ul{display:block;left:0}

/* 셀렉트 박스 타입 2 */
.select_type2{display:inline-block;position:relative;border:1px solid #e1e1e1;vertical-align:top;text-align:left;font-size:13px;background:#fff}
.select_type2 .sel_value{display:block;overflow:hidden;position:relative;height:27px;padding-left:10px;padding-right:30px;text-align:left;cursor:pointer;color:#999;line-height:27px;white-space:nowrap;text-overflow:ellipsis;z-index:2}
.select_type2 .ico_comm{position:absolute;right:0;top:0;width:30px;height:27px;background-position:-400px -230px;z-index:1}
.select_type2 .outline{border-color:#4ab0ff}
.select_type2 ul{overflow-x:hidden;overflow-y:auto;position:absolute;left:-9999px;width:100%;max-height:300px;padding:10px 0 4px;border:1px solid #a0a1a6;background:#fff;z-index:5}
.select_type2 li{position:relative;height:25px;vertical-align:top}
.select_type2 .inp_radio{position:absolute;height:23px;line-height:23px}
.select_type2 label{overflow:hidden;position:absolute;left:0;top:0;width:100%;text-indent:10px;height:23px;line-height:23px;color:#999;background:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis}
.select_type2 .hover label{color:#666;background:#f7f8f9}
.select_type2.open ul{display:block;left:-1px}
.select_type2.disabled{color:#999;background-color:#f7f8f9}

/* 디자인 라디오, 체크박스 */
.chk_g{display:inline-block;position:relative}
.chk_g .inp_g{position:absolute;top:0;left:0;z-index:-1;width:14px;height:14px;border:0 none;opacity:.01;filter:alpha(opacity=0)}
.chk_g .lab_g{display:inline-block;overflow:hidden;min-height:18px;line-height:18px;vertical-align:middle;cursor:pointer}
.chk_g .lab_g + .datepicker_view{margin-left:5px}
.chk_g .ico_radio{float:left;width:16px;height:16px;margin-top:2px;margin-right:5px;background-position:-360px -260px}
.chk_g .ico_chkbox{float:left;width:15px;height:15px;margin-right:5px;background-position:-310px -260px}
.chk_g .inp_g:checked + .lab_g .ico_radio{background-position:-380px -260px}
.chk_g .inp_g:checked + .lab_g .ico_chkbox{background-position:-330px -260px}
.wrap_chk .chk_g{float:none}
.datepicker_view{display:inline-block;width:170px;vertical-align:middle}
.datepicker_view .inp_txt{width:133px}
.datepicker_view .ui-datepicker-trigger{padding:4px 7px 5px}

.ui-datepicker{z-index:2 !important}
#ui-datepicker-div.costume_datepicker{padding:15px 17px 30px;border-radius:0;border-color:#505766;z-index:200!important}
#ui-datepicker-div.costume_datepicker table{margin:0;border:0}
#ui-datepicker-div.costume_datepicker th{padding:11px 0;font-size:15px}
#ui-datepicker-div.costume_datepicker td{padding:0;font-size:15px}
#ui-datepicker-div.costume_datepicker td span,
#ui-datepicker-div.costume_datepicker td a{width:31px;height:31px;margin:0;padding:0;font-weight:bold;text-align:center;line-height:29px}
#ui-datepicker-div.costume_datepicker .ui-state-default{background:none;border:0;color:#7a7571}
#ui-datepicker-div.costume_datepicker .ui-datepicker-header{padding:0;background:none;border:0;color:#7a7571}
#ui-datepicker-div.costume_datepicker .ui-datepicker-header a:hover{border:0;background:none}
#ui-datepicker-div.costume_datepicker .ui-datepicker-title{margin:0 32px;font-family:"Montserrat";font-size:18px;color:#505766;line-height:32px}
#ui-datepicker-div.costume_datepicker .ui-datepicker-next, #ui-datepicker-div.costume_datepicker .ui-datepicker-prev{width:32px;height:32px;text-align:center;cursor:pointer}
#ui-datepicker-div.costume_datepicker .ui-datepicker-next, #ui-datepicker-div.costume_datepicker .ui-datepicker-next:hover{right:0;top:0}
#ui-datepicker-div.costume_datepicker .ui-datepicker-prev, #ui-datepicker-div.costume_datepicker .ui-datepicker-prev:hover{left:0;top:0}
#ui-datepicker-div.costume_datepicker .ui-datepicker-next span,
#ui-datepicker-div.costume_datepicker .ui-datepicker-prev span{display:inline-block;position:static;width:8px;height:8px;margin:10px 0 0;background:none;border-top:2px solid #202020;border-right:2px solid #202020}
#ui-datepicker-div.costume_datepicker .ui-datepicker-next span{margin-left:-4px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#ui-datepicker-div.costume_datepicker .ui-datepicker-prev span{margin-right:-4px;transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
#ui-datepicker-div.costume_datepicker .ui-datepicker-today{opacity:1}
#ui-datepicker-div.costume_datepicker .ui-datepicker-today span{display:inline-block;background-color:#888;border-radius:50%;color:#fff}
#ui-datepicker-div.costume_datepicker .ui-state-active{background-color:#ff6801;border-radius:50%;color:#fff}
#ui-datepicker-div.costume_datepicker .ui-datepicker-buttonpane{overflow:hidden;margin:10px 0 0;padding:20px 0 0;border-top:1px solid #e2e2e2;text-align:center}
#ui-datepicker-div.costume_datepicker .ui-datepicker-buttonpane button{display:inline-block;float:none;margin:0;padding:6px 13px;border:1px solid #a0a1a6;border-radius:0;font-size:13px;font-weight:normal;color:#fff;text-align:center;background-color:#a0a1a6}
#ui-datepicker-div.costume_datepicker .ui-datepicker-buttonpane .ui-datepicker-current{display:none}

/* slick ui (2020-09-21) */
.slick-slider{position:relative;display:block;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-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* input_text */
.input_type1{padding:6px 7px 7px;border:1px solid #e1e1e1;font-size:13px;font-weight:normal;line-height:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.input_type1::-webkit-input-placeholder{color:#cbcbcb;font-weight:normal;line-height:normal}
.input_type1::-moz-placeholder{color:#cbcbcb;font-weight:normal;line-height:normal}
.input_type1:-ms-input-placeholder{color:#cbcbcb;font-weight:normal;line-height:normal}
.input_type1:-moz-placeholder{color:#cbcbcb;font-weight:normal;line-height:normal}
textarea.input_type1{width:100%;min-height:240px;padding:6px 7px 7px;border:1px solid #e1e1e1;font-size:13px;font-weight:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
textarea.input_type1::-webkit-input-placeholder{color:#cbcbcb;font-weight:normal;line-height:normal}
textarea.input_type1::-moz-placeholder{color:#cbcbcb;font-weight:normal;line-height:normal}
textarea.input_type1:-ms-input-placeholder{color:#cbcbcb;font-weight:normal;line-height:normal}
textarea.input_type1:-moz-placeholder{color:#cbcbcb;font-weight:normal;line-height:normal}
.check_area input{margin-right:5px;vertical-align:middle}
.check_area label{display:inline-block;margin-right:30px;vertical-align:middle}
/* button */
.btn_type1, .btn_type1:link, .btn_type1:visited{display:inline-block;border:1px solid #ff5c1c;color:#ff5c1c;text-align:center;background-color:#fff}
.btn_type2, .btn_type2:link, .btn_type2:visited{display:inline-block;border:1px solid #ff5c1c;color:#fff;text-align:center;background-color:#ff5c1c}
.btn_type3, .btn_type3:link, .btn_type3:visited{display:inline-block;border:1px solid #7e7e7e;color:#fff;text-align:center;background-color:#7e7e7e}
.btn_type4, .btn_type4:link, .btn_type4:visited{display:inline-block;border:1px solid #28323f;color:#fff;text-align:center;background-color:#28323f}
.btn_type5, .btn_type5:link, .btn_type5:visited{display:inline-block;border:1px solid #7e7e7e;color:#fff;text-align:center;background-color:#7e7e7e}
.btn_type7, .btn_type7:link, .btn_type7:visited{display:inline-block;border:1px solid #e8e8e8;color:#666;text-align:center;background-color:#fff}
.btn_type8, .btn_type8:link, .btn_type8:visited{display:inline-block;border:1px solid #a0a1a6;color:#fff;text-align:center;background-color:#a0a1a6}
.btn_type9, .btn_type9:link, .btn_type9:visited{display:inline-block;border:1px solid #505766;color:#fff;text-align:center;background-color:#505766}
.btn_type10, .btn_type10:link, .btn_type10:visited{display:inline-block;border:1px solid #e8e8e8;color:#666;text-align:center}
.btn_type11, .btn_type11:link, .btn_type11:visited{display:inline-block;border:1px solid #e1e1e1;color:#666;text-decoration:none}
.btn_type11.on{border-color:#ff5c1c;color:#ff5c1c}
.btn_type12, .btn_type12:link, .btn_type12:visited{display:inline-block;border:1px solid #a0a1a6;color:#666;text-align:center}
.btn_type13, .btn_type13:link, .btn_type13:visited{display:inline-block;border:1px solid #eaeaea;color:#afafaf;text-align:center;background-color:#eaeaea}
.btn_type14, .btn_type14:link, .btn_type14:visited{display:inline-block;border:1px solid #666;color:#666;text-align:center;background-color:#fff}
.btn_type15, .btn_type15:link, .btn_type15:visited{display:inline-block;border:1px solid #fe9901;color:#fff;text-align:center;background-color:#fe9901}
.btn_type16, .btn_type16:link, .btn_type16:visited{display:inline-block;border:1px solid #ffc001;color:#fff;text-align:center;background-color:#ffc001}
.btn_type17, .btn_type17:link, .btn_type17:visited{display:inline-block;border:1px solid #a96eda;color:#fff;text-align:center;background-color:#a96eda}
.btn_disabled, .btn_disabled:link, .btn_disabled:visited{border:1px solid #c6c6c6;color:#a0a0a0;text-align:center;background-color:#f7f8f9;cursor:default}
.btn_disabled:hover{text-decoration:none}
.btn_lg{display:inline-block;min-width:198px;padding:11px 0;line-height:26px;font-size:16px;vertical-align:top;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn_md{display:inline-block;padding:11px 0;line-height:26px;font-size:16px;font-weight:bold;vertical-align:top;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn_sm, .btn_sm:link, .btn_sm:visited{padding:8px 30px;font-size:14px;line-height:1;vertical-align:middle;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn_sm, .btn_sm:hover, .btn_sm:visited:hover{text-decoration:none}
.btn_sm2, .btn_sm2:link, .btn_sm2:visited{padding:7px 15px;font-size:13px;line-height:1;vertical-align:middle;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn_xsm, .btn_xsm:link, .btn_xsm:visited{min-width:56px;min-height:15px;padding:4px 6px 3px;font-size:13px;line-height:15px;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.tbl_thumb .link_thumb{float:left;width:calc(100% - 50px);margin-right:9px;border:1px solid #e1e1e1}
.tbl_thumb img{border:1px solid #e7e3e7}
.btn_sm_01, .btn_sm_01:link, .btn_sm_01:visited{display:inline-block;padding:7px 8px;margin-left:10px;border:1px solid #e8e8e8;font-size:12px;line-height:1;text-align:center;color:#666;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn_sm_02, .btn_sm_02:link, .btn_sm_02:visited{display:inline-block;padding:7px 8px;margin-left:10px;border:1px solid #d3d3d3;font-size:12px;line-height:1;text-align:center;color:#a0a0a0;background-color:#eaeaea;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/* 최상단 이벤트 배너 */
.top_bnr{background-repeat:no-repeat;background-position:center center}
.top_bnr .inner{display:block;position:relative;width:1000px;height:70px;margin:0 auto}
.top_bnr .inner img{height:0;font-size:0;line-height:0;text-indent:-9999px}
.top_bnr .inner a{display:block;width:1000px;height:70px}
.top_bnr .inner .btn_remove{position:absolute;top:20px;right:0;width:28px;height:28px}
.top_bnr .inner .btn_remove .ico_comm{display:block;width:28px;height:28px;background-position:-470px -390px}
/* 최상단 이벤트 슬라이드 배너 */
.top_banner_de{height:100px;text-align:center;position:relative;z-index:600}
.top_banner_de img{margin:0 auto;width:1920px;height:100px;vertical-align:top}
.top_banner_ex{display:none;text-align:center;position:absolute;top:0;left:0;right:0;z-index:2000}
.top_banner_ex img{margin:0 auto;width:1920px;height:800px;vertical-align:top}
.bn_none{display:none}

/* 애드서버 광고 영역 */
.ad_type1 a{display:block;margin:40px 0;text-align:center}
.lowest_price + .ad_type1{padding-bottom:40px}
.lowest_price + .ad_type1 a{margin:0}

/* comm_header */
.comm_header{display:inline-block;background:url('../../image/comm_header.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px;vertical-align:middle}
#header{position:relative;width:100%;min-width:1280px;padding-top:34px;background-color:#fff;font-family:"NanumGothic",Malgun Gothic,"맑은 고딕";line-height:1.5;transition:all 0.3s ease;z-index:9998;}
#header a{font-family:"NanumGothic",Malgun Gothic,"맑은 고딕";white-space:nowrap;}
#header .header_inner{overflow:visible;position:relative;width:1280px;margin:0 auto}
#header .header_inner:after{display:table;content:'';clear:both}
#header .img_logo{float:left;width:130px;height:63px;margin-top:7px}
#header .img_logo .comm_header{width:130px;height:63px;background-position:0 -110px}
/* 2020-11-27 holiday season 로고 추가 */
#header .img_logo.holiday .comm_header {width:449px;height:131px;left:-162px;top:-35px;position:absolute;background:url(../../image/holiday_logo.jpg) no-repeat 50% 50%;}
/* 2021-01-15 special season 로고 추가 */
#header .img_logo.special .comm_header {width:449px;height:131px;left:-162px;top:-35px;position:absolute;background:url(../../image/special_logo.jpg) no-repeat 50% 50%;}
/* 2020-11-27 gnb 고정 기능 추가 */
#header.sticked {position:fixed;top:0;left:0;right:0;z-index:9998;}

#header .header_mid {width:682px;position:absolute;left:50%;top:20px;transform:translateX(-50%);font-size:0;z-index:101;}

#header .header_search{display:inline-block;position:relative;width:484px;height:46px;margin:0;border:1px solid #ff6600;border-radius:24px;line-height:46px}
#header .header_search input{width:100%;height:46px;padding:0 50px 0 32px;font-size:15px;color:#ff6700;font-weight:normal;border:0;line-height:46px;outline:0;background:transparent;box-sizing:border-box;}
#header .header_search input::placeholder{color:#ff6700;}
#header .header_search .txt_bar{margin:0 8px;font-size:13px;color:#e7e7e7}
#header .header_search .btn_search{display:block;position:absolute;top:4px;right:8px;width:47px;height:36px;text-align:center}
#header .header_search .btn_search .ico_search{display:inline-block;width:20px;height:20px;background-position:0 -70px}
.search_word{z-index:6;display:none;position:absolute;top:100%;left:20px;width:440px;border:1px solid #ff5c05;background:#fff;line-height:24px;overflow:hidden;border-radius:0 0 6px 6px;-webkit-box-shadow: 0px 4px 4px rgba(123, 123, 123, 0.4);-moz-box-shadow: 0px 4px 4px rgba(123, 123, 123, 0.4);box-shadow: 0px 4px 4px rgba(123, 123, 123, 0.4);}
.search_word .word_list{overflow:hidden;padding:15px}
.search_word .word_list ul{overflow:hidden;margin:0 -15px}
.search_word .word_list li a:hover, .search_word .word_list li a:focus{background:#f9fafc}
.search_word .word_list li a{display:block;padding:6px 15px;color:#f5f5f5}
.search_word .word_list li a:hover{text-decoration:none}
.search_word .word_list .btn_clear {position:absolute;right:0;top:0;padding:2px 0;font-family:"NanumGothic","나눔고딕",sans-serif;font-size:12px;color:#999999;}
.search_word .word_tit{display:inline-block;margin-bottom:8px;font-size:17px;}
.search_word .word_auto strong{color:#fd490e}
.search_word .word_rcmd a:hover{color:#fd490e}
.search_word .word_rcmd li{float:left;width:50%}
.search_word .word_recent {position:relative}
.search_word .word_recent li{position:relative;text-align:left;}
.search_word .word_recent li a{overflow:hidden;padding-right:35px;font-size:15px;color:#333333;}
.search_word .word_recent .btn_delete,
.search_word .word_recent .btn_link{position:absolute;top:0;right:18px;padding:13px 0 12px 6px;background:none;z-index:5}
.search_word .word_recent .btn_delete:hover{background:none}
.search_word .word_recent .txt_word{float:left;width:calc(100% - 45px)}
.search_word .word_recent .txt_word em {color:#fd490e;}
.search_word .word_recent a:hover .txt_word,
.search_word .word_recent a:focus .txt_word{color:#fd490e}
.search_word .word_recent .txt_date{float:right;font-size:12px;color:#939393;}
.search_word .btn_delete_all{position:absolute;top:14px;right:20px;font-size:12px;color:#999;text-decoration:underline}
.search_word .no_list{margin:50px 0;color:#888;text-align:center}
.search_word .no_list strong{color:#28323f}
.search_word .no_list p{display:inline-block;margin-top:10px;font-size:12px;}
.search_word .no_list .ico_caution{display:inline-block;width:42px;height:42px;margin-right:15px;background-position:-234px -187px}
.search_word .word_footer{overflow:hidden;padding:6px 22px 6px 30px;border-top:1px solid #ebeef3;background:#f9fafc}
.search_word .word_footer a{font-size:11px;color:#888}
.search_word .word_footer .link_txt{float:left}
.search_word .word_footer .active{color:#4c4c4c;font-weight:bold}
.search_word .word_footer .link_txt:before{display:inline-block;content:'';float:left;width:1px;height:10px;margin:5px 8px 0;background:#d1d1d1}
.search_word .word_footer .link_txt:first-child:before{display:none}
.search_word .word_footer .btn_close{float:right;font-size:12px;color:#999999;font-size:14px;}
.search_word .word_footer .btn_close .ico_close{margin:7px 0 0 7px}
.search_word .ico_close{display:inline-block;width:7px;height:7px;background-position:-306px -500px;vertical-align:top}
.search_word .ico_close2{display:inline-block;width:11px;height:11px;background-position:-425px -708px;vertical-align:top}
.search_word .ico_link{display:inline-block;width:9px;height:9px;background-position:-440px -708px;vertical-align:top}
#header .header_ad_carousel {display:inline-block;width:170px;height:48px;float:right;}
.header_ad_carousel .slick-slide,
.header_ad_carousel .slick-slide a {outline:none;}
.header_ad_carousel .slick-dots {position:absolute;left:2px;bottom:4px;font-size:0;}
.header_ad_carousel .slick-dots li {display:inline-block;margin-right:3px;}
.header_ad_carousel .slick-dots button {width:6px;height:6px;box-sizing:border-box;background:#ffffff;border:2px solid #c3c3c3;text-indent:-9999em;border-radius:50%;outline:none;}
.header_ad_carousel .slick-dots .slick-active button {background:#c3c3c3;}

#header .header_right {float:right;margin-top:17px;}

#header .icon_menu {font-size:0;}
#header .icon_menu li {display:inline-block;position:relative;margin-left:22px;font-size:14px;font-weight:bold;letter-spacing:-0.025em;}
#header .icon_menu a {display:block;}
#header .icon_menu .comm_header {display:block;width:31px;height:27px;margin:0 auto 10px auto;}
#header .icon_menu .quantity {position:absolute;right:3px;top:-4px;width:19px;height:19px;background:#eb1c22;color:#ffffff;font-family:'Montserrat';font-weight:normal;font-size:10px;border-radius:50%;text-align:center;line-height:19px;}
.comm_header.ico_cart {background-position:-150px 0;}
.comm_header.ico_mypage {background-position:-150px -40px;}

/* util menu */
#header .utilmenu{position:absolute;left:0;top:0;width:100%;height:19px;padding:8px 0 7px}
#header .utilmenu_inner{width:1280px;margin:0 auto}
#header .utilmenu a{display:inline-block;font-size:13px;color:#999;line-height:18px}
#header .utilmenu li{float:left;position:relative}
#header .util_mymenu{float:right}
#header .util_mymenu > li > a{padding:0 5px;margin:0 3px;font-family:Malgun Gothic,"맑은 고딕"}
#header .user_info{float:left;margin-right:20px;font-family:Malgun Gothic,"맑은 고딕";font-size:13px;line-height:18px;color:#666769}

/* GNB */
/* .navigation {min-width:} */
.navigation {position:relative;margin-top:20px;z-index:100;overflow:hidden;}
.navigation.overflow {overflow:visible;}


.navigation .sp_txt {display:inline-block;height:25px;margin-top:7px;text-indent:-9999em;overflow:hidden;background:url(../../image/ico_header_logos.png) no-repeat;background-position-y:0;}
.navigation .active .sp_txt {background-position-y:-50px !important;}
.navigation .zeroshop .sp_txt {width:53px;background-position-x:0;}
.navigation .maeil .sp_txt {width:44px;background-position-x:-98px;}
.navigation .daewoong .sp_txt {width:108px;background-position-x:-188px;}
.navigation .pull .sp_txt {width:61px;background-position-x:-342px;}
.navigation .guksundang .sp_txt {width:51px;background-position-x:-449px;}
.navigation .wonandone .sp_txt {width:110px;background-position-x:-531px;}
.navigation .unix .sp_txt {width:62px;background-position-x:-673px;}
.navigation .bull .sp_txt {width:111px;background-position-x:-781px;}
.navigation .sempio .sp_txt {width:59px;background-position-x:-939px;}
.navigation .naver .sp_txt {width:77px;background-position-x:-1044px;}
/* 2021-07-16 */
.navigation .healience_seon .sp_txt {width:100px;background-position-x:-1166px;}
.navigation .healience_core .sp_txt {width:52px;background-position-x:-1310px;}

/* gnb nav color style */
.navigation:after {content:'';display:block;position:absolute;left:0;right:0;top:41px;height:4px;background:#fff;}

.navigation .active.zeroshop .wrap {background:#ff6700;border-color:#ff6700;}
.navigation[data-brand="zeroshop"]:after {background:#ff6700;}
.navigation .active.maeil .wrap {background:#1e59a7;border-color:#1e59a7;}
.navigation[data-brand="maeil"]:after {background:#1e59a7;}
.navigation .active.daewoong .wrap {background:#ff890a;border-color:#ff890a;}
.navigation[data-brand="daewoong"]:after {background:#ff890a;}
.navigation .active.pull .wrap {background:#87c730;border-color:#87c730;}
.navigation[data-brand="pull"]:after {background:#87c730;}
.navigation .active.guksundang .wrap {background:#fc7c00;border-color:#fc7c00;}
.navigation[data-brand="guksundang"]:after {background:#fc7c00;}
.navigation .active.wonandone .wrap {background:#7f4336;border-color:#7f4336;}
.navigation[data-brand="wonandone"]:after {background:#7f4336;}
.navigation .active.unix .wrap {background:#2569c3;border-color:#2569c3;}
.navigation[data-brand="unix"]:after {background:#2569c3;}
.navigation .active.bull .wrap {background:#f13b42;border-color:#f13b42;}
.navigation[data-brand="bull"]:after {background:#f13b42;}
.navigation .active.sempio .wrap {background:#ed1c24;border-color:#ed1c24;}
.navigation[data-brand="sempio"]:after {background:#ed1c24;}
.navigation .active.naver .wrap {background:#19ce60;border-color:#19ce60;}
.navigation[data-brand="naver"]:after {background:#19ce60;}
/* 2021-07-16 */
.navigation .active.healience_seon .wrap {background:#a58862;border-color:#a58862;}
.navigation[data-brand="healience_seon"]:after {background:#a58862;}

.navigation .active .wrap:before,
.navigation .active .wrap:after {content:'';display:block;position:absolute;top:35px;z-index:1;width:5px;height:5px;background:url(../../image/gnb_nav_cover.png) no-repeat;background-color:inherit;background-size:cover;}
.navigation .active .wrap:before {left:-6px;transform:rotate(-90deg);}
.navigation .active .wrap:after {right:-5px;}
.navigation .active.hover .wrap:after {display:none;}
.navigation .active.hover .wrap {border-bottom:none !important;}
.navigation .active.hover .sub_category a {color:rgba(255,255,255,0.75);}
.navigation .active.hover .sub_category a:hover,
.navigation .active.hover .sub_category a:focus {color:#ffffff;}

.navigation .gnb_category {display:table;width:100%;table-layout:fixed;height:45px;}
.navigation .gnb_category .main_item {display:table-cell;position:relative;text-align:center;}
.navigation .gnb_category .main_item a {display:block;position:relative;}
.navigation .gnb_category .wrap {position:absolute;left:-1px;right:0;top:0;background:#ffffff;border:1px solid #dadada;border-bottom:none;border-radius:8px 8px 0 0}
.navigation .gnb_category .main_item:last-child .wrap {right:-1px;}
/* 2021-09-03 */
.navigation .gnb_category .wrap > a {height:44px;text-decoration: none;}
.navigation .sub_category {display:none;padding:20px 24px;text-align:left;line-height:1;}
.navigation .sub_category li {margin-top:20px;}
.navigation .sub_category li:first-child {margin-top:0;}
.navigation .sub_category a {font-size:16px;font-weight:bold;color:#333333;text-decoration:none;letter-spacing:-0.01em;text-align:center;}
.navigation .sub_category a:hover,
.navigation .sub_category a:focus {color:#ff2a00;}

.navigation .gnb_category .hover {z-index:2;}
.navigation .gnb_category .hover .sub_category {display:block;}
.navigation .gnb_category .hover .whole_category {display:block;min-width:215px;width:100%;}
.navigation .gnb_category .hover:not(.zeroshop) .wrap {padding-bottom:10px;border-radius:8px;border-bottom:1px solid #dadada;box-shadow:3px 5px 10px rgba(0, 0, 0, 0.15);}

.navigation .category {font-weight:bold;font-size:16px;letter-spacing:-0.025em;line-height:40px;text-decoration: none;}
.navigation .category .ico {display:inline-block;position:relative;width:17px;height:12px;box-sizing:border-box;border-top:2px solid #333333;border-bottom:2px solid #333333;vertical-align:middle;margin-top:-2px;margin-right:5.5%;}
.navigation .category .ico:before{content:'';display:block;position:absolute;width:100%;height:0;border-bottom:2px solid #333333;left:0;top:50%;margin-top:-1px;}
.navigation .active .category {color:#fff}
.navigation .active .category .ico,
.navigation .active .category .ico:before {border-color:#fff;}

@media (max-width:1650px) {
    .navigation .category {font-size:14px;}
}

/* category 영역 추가 */
.whole_category i {width:25px;display:inline-block;text-align:center;vertical-align:middle;margin-top:-3px;margin-right:11px;}
.whole_category i:after {content:'';display:inline-block;line-height:28px;background:url(../../image/ico_category.png) no-repeat;}
.whole_category .ico_living:after {width:20px;height:21px;background-position:-10px -229px}
.whole_category .ico_health:after {width:25px;height:11px;background-position:-10px -10px}
.whole_category .ico_electronic:after {width:22px;height:15px;background-position:-10px -41px}
.whole_category .ico_travel:after {width:20px;height:20px;background-position:-10px -149px}
.whole_category .ico_kids:after {width:23px;height:28px;background-position:-10px -438px}
.whole_category .ico_hobby:after {width:20px;height:20px;background-position:-10px -189px}
.whole_category .ico_fasion:after {width:21px;height:22px;background-position:-10px -270px}
.whole_category .ico_giftbox:after {width:18px;height:18px;background-position:-10px -111px}
.whole_category .ico_crown:after {width:24px;height:15px;background-position:-10px -76px}
.whole_category .ico_new:after {width:22px;height:22px;background: url('../../image/ico_zero2.png') center center no-repeat; background-size: 20px;}
.whole_category .ico_food:after {width:20px;height:22px;background-position:-10px -354px}
.whole_category .ico_beauty:after {width:18px;height:22px;background-position:-10px -396px}
.whole_category {display:none;left:0;top:100%;color:#333333;}
.whole_category,
.dropdown_category {position:absolute;border:1px solid #d7d7d7;border-top:none;box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.06);background:#ffffff;}
.whole_category a {text-decoration:none;}
.whole_category a.hover,
.whole_category a:focus {color:#ff2a00 !important;font-weight:bold;}
.whole_category a.hover i:after,
.whole_category a:focus i:after {background-position-x:-55px;}
.whole_category a.hover .ico_new:after,
.whole_category a:focus .ico_new:after {background: url('../../image/ico_zero2_1.png') center center no-repeat; background-size: 20px;}
.whole_category .category_li {width:100%;padding:0;}
.whole_category .category_li i.new {font-style:normal;width:15px;height:15px;border-radius:0.25em;background:#ff2a00;}
.whole_category .category_li i.new:before {content:'N';font-family:'Verdana',sans-serif;font-size:10px;color:#ffffff;font-weight:bold;line-height:15px;}
.whole_category .category_li > .anchor {padding:4px 25px;line-height:28px;font-size:14px;color:inherit;letter-spacing:-0.01em;text-align:left;position:relative;}
.whole_category .category_li.single > .anchor {padding-top:12px;padding-bottom:12px;}
.whole_category .category_li.single {border-bottom:1px solid #ededed;}
.whole_category .category_li.single + .category_li.dropdown {margin-top:7px;}
.whole_category .category_li.dropdown + .category_li.single {margin-top:7px;border-top:1px solid #ededed;}
/* 2021-05-11 수정 */
.whole_category .category_li.dropdown:last-child {padding-bottom:10px;}
.whole_category .anchor.over_arrow.hover:after,
.whole_category .anchor.over_arrow.focus:after {content:'';display:block;position:absolute;width:10px;height:10px;transform:rotate(-135deg);box-sizing:border-box;border-left:1px solid #ff2a00;border-bottom:1px solid #ff2a00;top:50%;right:15px;margin-top:-4px;}

.whole_category .anchor.hover + .dropdown_category {display:block;}

.dropdown_category {display:none;padding:10px 0;left: 100%;width: 200px;top:0;z-index: -1;bottom: -1px;}
.dropdown_category li .anchor {padding:10px 15px;text-align:left;line-height:1;}
.dropdown_category .dropdown_category {width:265px;box-shadow:none;background:#fff;}
.dropdown_category .dropdown_category:before {content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:6px;background:#fff;background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);}

/* 2021-05-13 더샵 전용 페이지 헤더 스타일 */
#header.theshop_only .utilmenu_inner,
#header.theshop_only .header_inner {width:1000px;}
#header.theshop_only .header_mid {text-align:center;}
#header.theshop_only .navigation .gnb_category {width:1000px;margin:0 auto;}
#header.theshop_only .navigation .gnb_category.sub_type{display: flex; width: 950px; justify-content: space-evenly;}
#header.theshop_only .navigation .gnb_category.sub_type>li{display: block; width: 145px; margin-left: 96px;}
#header.theshop_only .navigation .gnb_category.sub_type>li:first-child{margin-left: 0;}
#header.theshop_only .navigation .gnb_category.sub_type>li .wrap{top: -2px; border: none;}
#header.theshop_only .navigation .gnb_category.sub_type>li .sp_txt{height: 42px;}
#header.theshop_only .navigation .gnb_category.sub_type .hover .wrap>a,
#header.theshop_only .navigation .gnb_category.sub_type .on .wrap>a{border-bottom: 2px solid #f56925; z-index: 2;}
#header.theshop_only .navigation .gnb_category.sub_type .hover .wrap{box-shadow: none;}
#header.theshop_only .navigation .sub_type .sub_category{padding:20px 10px 20px 18px}
#header.theshop_only .navigation .sub_type .sub_item::before{content: ""; display: inline-block; width: 18px; height: 19px; margin-right: 4px; vertical-align: -5px; background:url(../../image/ico_header_logos_only_shop.png) no-repeat; background-position-y: -97px;}
#header.theshop_only .navigation .sub_type .sub_item.pulmu:before{background-position-x: -292px;}
#header.theshop_only .navigation .sub_type .sub_item.mael:before{background-position-x: -333px;}
#header.theshop_only .navigation .sub_type .sub_item.sangha:before{background-position-x: -374px;}
#header.theshop_only .navigation .sub_type .sub_item.dnc::before,
#header.theshop_only .navigation .sub_type .sub_item.cgbio::before{background-position-x: -416px;}
#header.theshop_only .navigation .sub_type .sub_item.sissel::before{background-position-x: -457px;}
#header.theshop_only .navigation .sub_type .sub_item.bulls::before{background-position-x: -498px;}
#header.theshop_only .navigation .sub_type .sub_item.unix::before{background-position-x: -540px;}
#header.theshop_only .navigation .sub_type .sub_item.sempio::before{background-position-x: -581px;}
#header.theshop_only .navigation .sub_type .sub_item.wonandone::before{background-position-x: -621px;}
#header.theshop_only .navigation .sub_type .sub_item a{display: inline-block; font-size: 14px; font-weight: normal; text-align: left; }
#header.theshop_only .navigation .sub_type .sub_item a:hover{color: #f56925; border-bottom: 1px solid #f56925;}
#header.theshop_only .navigation .sp_txt {background-image:url(../../image/ico_header_logos_only_shop.png);}
#header.theshop_only .navigation .sub_type .sub_item.guksoon::before {background: url(../../image/ico_guksoon.png) center center no-repeat;}
#header.theshop_only .navigation .sub_type .sub_item.zero::before {background: url(../../image/ico_zero.png) center center no-repeat;}
#header.theshop_only .navigation .sub_type .sub_item.pet::before {background: url(../../image/ico_pet.png) center center no-repeat;}
#header.theshop_only .navigation .sub_type .sub_item.heal::before {background: url(../../image/ico_heal.png) center center no-repeat;}
.navigation .dnc .sp_txt {
    width: 109px;
    height: 23px;
    background-position: -10px -10px;
}
/* 2021-09-03 수정 */
.navigation .healience .sp_txt {
    width: 100px;
    height: 25px;
    background-position: -148px -10px;
    vertical-align:middle;
}
.navigation .healience .sp_txt.booking {
    width:30px;
    height:18px;
    background-position:-530px -10px;
    vertical-align:middle;
    margin-left:0;
}
.navigation .mdwell .sp_txt {
    width: 85px;
    height: 23px;
    background-position: -279px -10px;
}
.navigation .rpbio .sp_txt {
    width: 50px;
    height: 25px;
    background-position: -384px -10px;
}
.navigation .sissel .sp_txt {
    margin-top:8px;
    width: 48px;
    height: 23px;
    background-position: -454px -10px;
}
.navigation .maeil_shop .sp_txt {
    margin-top:5px;
    width: 65px;
    height: 30px;
    background-position: -660px -10px;
}
.navigation .cgbio .sp_txt {
    margin-top:3px;
    width: 55px;
    height: 35px;
    background-position: -580px -10px;
}
.navigation .food .sp_txt {
    width: 54px;
    background-position: -23px -97px;
}
.navigation .beauty .sp_txt {
    width: 51px;
    background-position: -102px -97px;
}
.navigation .health .sp_txt {
    width: 90px;
    background-position: -177px -97px;
}
.navigation .event .sp_txt{
    width: 62px;
    background-position: -23px -135px;
}
.navigation .active.dnc .wrap {background:#134e9d;border-color:#134e9d;}
.navigation[data-brand="dnc"]:after {top: 44px; height: 1px; background:#d3d3d3;}
.navigation .active.mdwell .wrap {background:#f78310;border-color:#f78310;}
.navigation[data-brand="mdwell"]:after {background:#f78310;}
/* 2021-09-03 */
.navigation .active.healience .wrap {background:#a58862;border-color:#a58862;}
.navigation[data-brand="healience"]:after {background:#a58862;}
.navigation .active.sissel .wrap {background:#e42e32;border-color:#e42e32;}
.navigation[data-brand="sissel"]:after {background:#e42e32;}
.navigation .active.rpbio .wrap {background:#19aa4b;border-color:#19aa4b;}
.navigation[data-brand="rpbio"]:after {background:#19aa4b;}
.navigation .active.maeil_shop .wrap {background:#0a4484;border-color:#0a4484;}
.navigation[data-brand="maeil_shop"]:after {background:#0a4484;}
.navigation .active.cgbio .wrap {background:#ff6b00;border-color:#ff6b00;}
.navigation[data-brand="cgbio"]:after {background:#ff6b00;}

/* 퀵메뉴 */
.quick_right{z-index:9;position:absolute;left:50%;width:110px;top:179px;margin-left:530px;border:0}
.quick_right.fixed{position:fixed;top:20px}
.hasTopBn .quick_right{top:249px}
.hasTopBn .quick_right.fixed{top:20px}

/* 서브 레이아웃 */
.container{width:1000px;padding-top:20px;margin:0 auto 80px}
/* .container{width:1280px;padding-top:20px;margin:0 auto 80px} */
.container:after{content:'';display:block;clear:both}
.container.cont_detail{width:100%;min-width:1000px}
.container_main{width:100%;min-width:1000px;padding-top:0}
.container_brand .inner{width:1000px}
.container_brand .wide_banner a{width:680px;height:320px;margin-left:-500px}
.cont_detail > .contents:first-child{padding-top:0}
.contents{width:1000px;margin:0 auto;padding:40px 0 60px}
.box_contents{min-width:1000px;background-color:#f2f4f7}
.box_contents .cont_prod{margin-bottom:0}
.container_main .banner_slider:last-of-type{padding-bottom:0}

.wrap_lnb{float:left;width:134px;margin-right:30px}
.wrap_lnb .tit{padding:25px 0 13px;font-size:30px;color:#28323f;letter-spacing:-2px}
.wrap_lnb .lnb_list{padding:40px 0 30px;border-top:2px solid #28323f}
.wrap_lnb .lnb_list > li{margin-bottom:20px;line-height:14px}
.wrap_lnb .lnb_list > li > a,
.wrap_lnb .lnb_list > li > span{font-size:14px;color:#28323f;font-weight:bold}
.wrap_lnb .lnb_list li.on > a,
.wrap_lnb .lnb_list li > a:hover{font-weight:bold;color:#ff5c1c;text-decoration:underline}
.wrap_lnb .lnb_list > li > ul{padding:20px 0;margin-bottom:30px;border-bottom:1px solid #e8e8e8}
.wrap_lnb .lnb_list > li > ul > li{margin-bottom:10px}
.wrap_lnb .lnb_list > li > ul > li > a{color:#666}
.wrap_lnb .cs_info{padding:40px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.wrap_lnb .cs_info .txt_tit{font-size:14px;font-weight:bold}
.wrap_lnb .cs_info .txt_num{display:block;margin:10px 0 12px;font-family:'Montserrat';font-size:22px;color:#ff4e00;line-height:1.1}
.wrap_lnb .cs_info .desc{color:#666}
.wrap_lnb .cs_info .desc strong{display:block;font-family:'Montserrat';font-weight:normal;letter-spacing:-0.5px}
.sub_content{float:left;width:836px}
.sub_content .txt_num{font-family:'Montserrat'}
.sub_content .box_location + .tit_type1{margin-top:7px}
.sub_content .tit{min-height:36px;margin-top:10px;margin-bottom:20px;font-size:20px;line-height:36px;color:#28323f}
.sub_content .s_tit{margin-bottom:15px;font-size:17px;color:#28323f}
.sub_content .tit_sub{display:block;font-size:17px;color:#28323f}
.sub_content .tit_sub .txt_info{display:block;padding-top:5px;font-weight:normal;font-size:12px;color:#999}
.ico_file{display:inline-block;width:16px;height:17px;background-position:-460px -230px}
.sub_content .attach_file:link, .sub_content .attach_file:visited{font-size:13px;color:#666;text-decoration:underline}
.sub_content .txt_none{display:block;padding:150px 0;font-size:17px;color:#28323f;text-align:center}
.sub_content .txt_none .ico_none{width:75px;height:75px;margin:0 auto 20px;background-position:-390px 0}


/* comm_footer */
#footer{min-width:1280px;background-color:#fff;border-top:1px solid #e0e0e0;font-size:13px;color:#999;text-align:left}
.footer .inner{display:block;width:1280px;margin:0 auto;padding:37px 0}
.footer .inner:after{content:'';display:block;clear:both}
.img_footer_logo{float:left;width:100px;height:36px;margin-right:22px;background-position:0 -50px}
.footer_header{position:relative;border-bottom:1px solid #e9e9e9}
.footer_header .inner{padding:0}
.footer_header .footer_menu{display:inline-block;overflow:hidden;float:left}
.footer_header .footer_menu li{float:left}
.footer_header .footer_menu li:before{content:'';float:left;margin-top:20px;left:0;width:1px;height:14px;background-color:#e9e9e9}
.footer_header .footer_menu li:first-child:before{display:none}
.footer_header .footer_menu li:first-child a{padding-left:0}
.footer_header .footer_menu a{display:block;padding:16px 18px;font-size:14px;font-weight:bold;color:#666}
.footer_address{overflow:hidden;float:left;color:#666666;}
.footer_address address{font-size:13px;line-height:22px}
.footer_address span{margin-right:23px;letter-spacing:-0.05em}
.footer .txt_copyright{display:block;padding-top:10px}
.footer_address .footer_txt{margin-top:10px}
.txt_bar{margin:0 8px;font-size:9px;color:#d0d0d0}
.footer_cs{overflow:hidden;float:right;width:580px}
.footer_cs .txt_tit{float:left;margin-right:24px;font-size:15px;color:#666}
.footer_cs > ul{float:left}
.footer_cs .cs_contact li{font-family:"Montserrat";font-size:20px;color:#666;line-height:22px;font-weight:bold}
.footer_cs .cs_contact .txt_email{font-size:14px;color:#b0b0b0}
.footer_cs .cs_wrap {display: flex; align-items: flex-start; justify-content: space-between;}
.footer_cs .cs_info{float:right;line-height:22px;letter-spacing:-1px}
.footer_cs .cs_info a{text-decoration:underline}
.related_site{position:relative;float:right;width:270px}
.related_site > a{display:block;position:relative;padding:16px 24px 16px 34px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;font-size:14px;font-weight:bold;color:#666}
.related_site:hover > a{color:#ff7d58;border-color:#ff5c1c;text-decoration:none}
.related_site:hover > a:before{display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#ff5c1c;content:''}
.related_site .ico_select{display:inline-block;width:14px;height:9px;margin-left:45px;background-position:-310px -460px;vertical-align:middle}
.related_site:hover .ico_select{background-position:-290px -460px}
.related_site > a:hover + ul, .related_site ul:hover{display:block}
.related_site ul{display:none;position:absolute;overflow:hidden;bottom:100%;right:0;width:268px;padding:20px 0;border:1px solid #ff5c1c;background:#fff;z-index:101;}
.related_site li{float:left;width:50%}
.related_site li:nth-child(2n-1) > a{border-right:1px solid #e9e9e9}
.related_site li a{display:block;padding:6px 0;text-indent:30px;font-size:14px;line-height:1;color:#666}
.related_site li a:hover{color:#ff5c1c}

.footer_banner{width:100%;text-align:center;height:210px}
.footer_banner > a{width:1000px;height:210px;font-size:0;line-height:0;text-indent:-9999px}

/* 2021-05-13 더샵 전용 페이지 footer */
.footer.theshop_only .inner {width:1000px;}
.footer.theshop_only .footer_cs {width:395px;}
.footer.theshop_only .footer_cs .txt_tit {float:none;}
.footer.theshop_only .cs_contact .txt_tit {margin-bottom:0.5em;}
.footer.theshop_only .footer_address address {margin-top:-3px;font-size:11px;letter-spacing:-0.02em;font-family:'Dotum',sans-serif;}

/* comm_popup */
#popup_layout{position:relative;border-top:6px solid #ff6b1e}
#popup_layout .pop_tit{padding:15px 0 15px 20px;font-size:18px;font-weight:bold;color:#363636;border-bottom:1px solid #e1e1e1;letter-spacing:-1px}
#popup_layout .popup_cont{padding:37px 20px 40px}
#popup_layout .pop_stit{display:block;margin-bottom:35px;font-size:16px;font-weight:bold;color:#333;text-align:center;letter-spacing:-1px}
#popup_layout .btn_area{margin-top:35px}
#popup_layout .btn_center{text-align:center}
#popup_layout .btn_confirm{width:96px;height:40px;font-size:16px;font-weight:bold;text-align:center;line-height:40px;color:#fff;background-color:#ff6b1e}
#popup_layout .btn_close{position:absolute;right:22px;top:18px;width:21px;height:21px;background-position:-48px -226px}
.pop_app_downloaad{width:350px;height:338px}
.pop_app_downloaad .phone_app{width:252px;height:33px;margin:0 auto;line-height:33px}
.pop_app_downloaad .phone_app .select_type{float:left}
.pop_app_downloaad .phone_app input[type="text"]{float:left;width:74px;height:31px;border:1px solid #d2d2d2;line-height:31px;vertical-align:top;font-size:14px;color:#363636;text-align:center}
.pop_app_downloaad .phone_app .txt_bar{float:left;margin:0 2px;font-size:18px;color:#d2d2d2}

/* 배너 */
.banner_type1{position:relative}
.banner_type1 .bx-controls-direction{display:none}
.banner_type1 .bx-pager.bx-default-pager{display:inline-block;position:absolute;top:30px;right:30px;width:auto}
.banner_type1 .bx-pager-item{float:left;margin:0 0 0 7px}
.banner_type1 .bx-pager-item > a{display:block;width:6px;height:6px;background:none;border:2px solid #fff;border-radius:100%;font-size:0;line-height:0;text-indent:-9999px}
.banner_type1 .bx-pager-item > a.active{width:7px;height:7px;background-color:#fff}
.banner_type2{position:relative;border:1px solid #e9e9e9;background-color:#fff}
.banner_type2 .prd_item{padding:20px 0 25px}
.banner_type2 .prd_item .link_thumb{width:195px;height:195px}
.banner_type2 .bx-pager{position:absolute;top:-32px;right:0}
.banner_type2 .bx-pager-item{display:inline-block;margin-left:9px}
.banner_type2 .bx-pager-item a{display:inline-block;width:9px;height:9px;border-radius:50%;border:1px solid #ebebeb;font-size:0;line-height:0;text-indent:-999px;background-color:#fff}
.banner_type2 .bx-pager-item .active{border-color:#ff5c1c;background-color:#ff5c1c}
.banner_type2 .bx-prev{position:absolute;top:160px;left:-1px}
.banner_type2 .bx-next{position:absolute;top:160px;right:-1px}
.banner_type2 .ico_prev{width:43px;height:43px;background-position:-320px -520px}
.banner_type2 .ico_next{width:43px;height:43px;background-position:-370px -520px}
.banner_type3{position:relative}
.banner_type3 .bx-pager{display:none}
.banner_type3 .bx-controls-direction > a{display:block;position:absolute;top:105px;width:43px;height:43px;font-size:0;line-height:0;text-indent:-9999px;background:url('https://www.0shop.kr/zeroshop/image/ico_comm.png') no-repeat;z-index:1}
.banner_type3 .bx-controls-direction .bx-prev{left:0;background-position:-237px -372px}
.banner_type3 .bx-controls-direction .bx-next{right:0;background-position:-284px -372px}
.banner_type3 .prd_item{border-right:0}
.banner_type3 .prd_item:after{display:block;content:'';width:1px;height:100%;position:absolute;top:0;right:0;background-color:#e8e8e8;z-index:3}
.banner_type3 .prd_item:hover .link_thumb:before{display:block;content:'';width:259px;height:2px;position:absolute;top:0;left:0;background-color:#ff5c1c;z-index:5}
.banner_type3 .prd_item:hover > div:last-of-type:after{display:block;content:'';width:259px;height:2px;position:absolute;bottom:0;left:0;background-color:#ff5c1c;z-index:5}
.banner_type3 .prd_item:hover:before{display:block;content:'';width:2px;height:100%;position:absolute;top:-1px;left:0;background-color:#ff5c1c;z-index:5}
.banner_type3 .prd_item:hover:after{display:block;content:'';width:2px;height:100%;position:absolute;top:0;right:1px;background-color:#ff5c1c;z-index:5}
.zero_plan .prd_item:hover > div:last-of-type:after{bottom:-1px}
.banner_type4{position:relative}
.banner_type4 .bx-pager.bx-default-pager{display:inline-block;position:absolute;top:222px;left:0px;width:100%;text-align:center;z-index:6}
.banner_type4 .bx-pager-item{display:inline-block;margin:0 0 0 7px}
.banner_type4 .bx-pager-item > a{display:block;width:6px;height:6px;background:none;border:2px solid #fff;border-radius:100%;font-size:0;line-height:0;text-indent:-9999px}
.banner_type4 .bx-pager-item > a.active{width:7px;height:7px;background-color:#fff}
.banner_type5{position:relative}
.banner_type5 .bx-pager{display:none}
.banner_type5 .bx-controls-direction > a{display:block;position:absolute;top:26px;width:25px;height:25px;font-size:0;line-height:0;text-indent:-9999px;background:url('https://www.0shop.kr/zeroshop/image/ico_comm.png') no-repeat;z-index:1}
.banner_type5 .bx-controls-direction .bx-prev{right:44px;background-position:-254px -337px}
.banner_type5 .bx-controls-direction .bx-next{right:19px;background-position:-281px -337px}
.banner_type6{position:relative}
.banner_type6 .inner{background-position:center;background-repeat:no-repeat}
.banner_type6 a{display:block;width:1150px;height:100%;margin:0 auto}
.banner_type6 img{height:0;font-size:0;line-height:0;text-indent:-999px}
.container_main .banner_type6{background-color:#f4f5f7}
.banner_type7{position:relative}
.banner_type7 .bx-pager{position:absolute;top:5px;right:24px}
.banner_type7 .bx-pager-item{display:inline-block;margin-left:9px}
.banner_type7 .bx-pager-item a{display:inline-block;width:11px;height:11px;border-radius:50%;font-size:0;line-height:0;text-indent:-999px;background-color:#b7b7b7}
.banner_type7 .bx-pager-item .active{background-color:#ff5c1c}
.banner_type7 .bx-next{position:absolute;top:105px;right:0}
.banner_type7 .bx-prev{position:absolute;top:105px;left:0}
.banner_type7 .ico_next{width:30px;height:30px;background-position:-280px -560px}
.banner_type7 .ico_prev{width:30px;height:30px;background-position:-240px -560px}

.container_main .box_contents + .box_contents .contents{padding-top:0}

/* 탭메뉴 */
.tab_type1 .tab_list{display:flex;overflow:hidden;width:100%;margin-bottom:30px}
.tab_type1 .tab_list li{flex:1;border:1px solid #e9e9e9;background-color:#fff}
.tab_type1 .tab_list li + li{margin-left:-1px}
.tab_type1 .tab_list a{display:block;font-size:17px;line-height:1;color:#333;text-align:center}
.tab_type1 .tab_list li span{display:inline-block;padding:18px 26px 14px;border-bottom:4px solid #fff}
.tab_type1 .tab_list .on:first-child + li{margin-left:0;border-left:0}
.tab_type1 .tab_list .on a{color:#ff5c1c;font-weight:bold}
.tab_type1 .tab_list .on span{border-bottom:4px solid #ff5c1c}
.tab_type1 .tab_cont{display:none;padding-bottom:50px}
.tab_type2 .tab_list{display:inline-block;overflow:hidden;margin-bottom:40px}
.tab_type2 .tab_list li{position:relative;float:left;padding:0 18px}
.tab_type2 .tab_list li:first-child{padding-left:0}
.tab_type2 .tab_list li:before{display:block;position:absolute;top:7px;left:0;width:1px;height:23px;background-color:#b7b7b7;content:''}
.tab_type2 .tab_list li:first-child:before{display:none}
.tab_type2 .tab_list li a{font-size:27px;font-weight:bold;color:#666}
.tab_type2 .tab_list li a:hover{text-decoration:none}
.tab_type2 .tab_list .on a{color:#ff5c1c;border-bottom:2px solid #ff5c1c}
.tab_type2 .tab_cont{display:none;padding-bottom:50px}
.tab_type3 .tab_list{display:table;overflow:hidden;width:100%}
.tab_type3 .tab_list li{display:table-cell;border:1px solid #e9e9e9;width:33.3%;border-width:1px 1px 1px 0;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.tab_type3 .tab_list li:first-child{border-left:1px solid #e9e9e9}
.tab_type3 .tab_list a{display:block;padding:16px 0;font-size:16px;font-weight:bold;line-height:1;color:#999;text-align:center}
.tab_type3 .tab_list .on{border-color:#ff5c1c}
.tab_type3 .tab_list .on a{color:#fff;background-color:#ff5c1c}
.tab_type3 .tab_view > div{display:none}
/* tab_menu */
.tab_menu{overflow:visible;height:38px;margin-bottom:24px;border-bottom:2px solid #4a4d4a}
.tab_menu li{float:left;width:120px;height:37px;text-align:center;line-height:34px;border-top:1px solid #d6d7d6;border-right:1px solid #d6d7d6}
.tab_menu li a{display:block;height:36px;border-top:1px solid #fff}
.tab_menu li:first-child{border-left:1px solid #d6d7d6}
.tab_menu .on{padding-bottom:2px;margin-left:-1px;border-left:2px solid #4a4a4a;border-right-width:2px;border-right-color:#4a4d4a;border-top-color:#4a4d4a;background-color:#fff}
.tab_menu .on a{border-top-color:#4a4d4a}
.tab_menu .on:first-child{margin-left:0;border-left:2px solid #4a4a4a}

/* 상품 리스트 공통 */
.prd_item .link_thumb{display:block;position:relative;width:100%;margin:0 19px}
.prd_item .link_thumb img{width:100%;height:100%;margin:0 auto}
.prd_item .prd_desc{z-index:2;position:relative}
.brand_name{display:block;font-size:15px;color:#484b50;font-weight:normal}
.prd_item .brand_name{margin-bottom:2px;font-size:13px;color:#999}
.prd_item .prd_name{display:block;display:-webkit-box;overflow:hidden;height:40px;font-size:14px;font-weight:normal;color:#333;line-height:20px;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.prd_item .price_info{position:relative;overflow:hidden;font-family:"Montserrat", "NanumGothic",Malgun Gothic,"맑은 고딕";letter-spacing:-1px}
.prd_item .prd_etc{padding-top:8px;border-top:1px solid #dfdfdf}
.prd_item .prd_etc .txt_review{margin-bottom:5px;font-size:13px;font-weight:bold;color:#808080}
.prd_item .prd_etc .txt_review em{margin-left:3px;font-weight:bold}
.prd_item .prd_etc .prd_badge{overflow:hidden;min-height:22px}
.prd_item .prd_etc .txt_badge{float:left;min-height:13px;margin-left:5px;padding:5px 7px 4px;font-family:Malgun Gothic,"맑은 고딕";font-size:11px;line-height:13px;color:#fff}
.prd_item .prd_etc .txt_badge:first-child{margin-left:0}
.prd_item .prd_etc .txt_badge.green{background-color:#00cd41}
.prd_item .prd_etc .txt_badge.gray{background-color:#7e7e7e}
.prd_item .prd_etc .txt_badge.yellow{background-color:#ff971f} /* 2020-11-27 추가 */
.prd_item .prd_etc .txt_badge.blue{background-color:#36d2ff} /* 2020-11-27 추가 */
.txt_price{font-family:"Montserrat", "NanumGothic",Malgun Gothic,"맑은 고딕"}
.txt_price .before{font-size:12px;color:#a0a0a0;text-decoration:line-through}
.txt_price .after{font-size:12px;line-height:1;font-weight:bold}
.txt_price .after strong{display:inline-block;font-size:20px;margin-right:2px;vertical-align:middle}
.prd_item .price_info .txt_percent{float:left;margin-top:20px}
.prd_item .txt_price{float:left;margin-right:15px}
.prd_item .txt_price .before{font-size:14px}
.prd_item .txt_price .after{font-size:13px}
.prd_item:hover .prd_btn_area{display:block}
.prd_item .prd_btn_area{display:none;position:absolute;top:0;left:0;width:100%;height:120px;background-color:#fff}
.prd_item .prd_btn_area .btn_quick{margin:24px 0 0 16px}
.prd_item .prd_btn_area .btn_quick:first-child{margin-left:0}
.prd_btn_area{text-align:center}
.prd_btn_area .btn_more{display:inline-block;width:150px;padding:18px 0;border:1px solid #e9e9e9;border-radius:55px;font-size:14px;font-weight:bold;color:#303241;background-color:#fff}
.prd_btn_area .btn_quick{display:inline-block;margin:0 10px;font-size:12px;color:#999}
.prd_btn_area .btn_quick:hover{text-decoration:none;color:#ff5c1c}
.prd_btn_area .btn_quick .txt_tit{display:block}
.prd_btn_area .ico_comm{display:inline-block;width:46px;height:46px;padding:0;margin-bottom:2px;font-size:0;line-height:0;text-indent:-9999px;border-radius:50%;text-align:center}
.prd_btn_area .ico_like{background-position:0 -700px}
.prd_btn_area .ico_cart{background-position:-46px -700px}
.prd_btn_area .ico_new_window{background-position:-92px -700px}
.btn_quick.on{color:#ff5c1c}
.btn_quick.on .ico_like, .btn_quick:hover .ico_like{background-position:-138px -700px}
.btn_quick.on .ico_cart, .btn_quick:hover .ico_cart{background-position:-184px -700px}
.btn_quick.on .ico_new_window, .btn_quick:hover .ico_new_window{background-position:-230px -700px}
.prd_item.sold_out .link_thumb:before{display:block;content:'sold out';position:absolute;top:0;bottom:0;left:0;right:0;font-size:0;line-height:0;text-indent:-9999px;background:rgba(0,0,0,0.1) url('https://www.0shop.kr/zeroshop/image/icon_soldout.png') no-repeat center}
/* 2021-04-07 like animate 추가 */
@keyframes like {
    0% {
        opacity:0;
        transform:scale(0.8);
    }
    50% {
        opacity:1;
        transform:scale(1.15);
    }
    75% {
        transform:scale(1);
    }
    85% {
        transform:scale(1.04);
    }
    100% {
        transform:scale(1);
    }
}
.prd_btn_area .ico_like.active {background-position-x:-272px;animation:like forwards 0.5s;}

.prd_subscription:hover .prd_btn_area{display:none}
.prd_subscription a:hover{text-decoration:none}

.prd_list_type1:after{display:table;content:'';clear:both}
.prd_list_type1 .prd_item{position:relative;float:left;width:calc(100% / 4)}
.prd_list_type1 .prd_item .brand_name{padding:20px 0 5px}
.prd_list_type1 .prd_item .prd_desc{margin:0 28px}
.prd_list_type1 .prd_item .link_thumb{margin:0 auto}
.prd_list_type1 .prd_item .price_info{padding:10px 0 15px}
.prd_list_type1 .prd_item .prd_btn_area{height:152px}
.prd_list_type1 .prd_item .prd_btn_area .btn_quick{margin:38px 0;padding:7px}
/* 2021-07-26 */
.prd_list_type1 .prd_item:hover:before{z-index:0;position:absolute;top:0;left:0;width:calc(100% - 6px);height:calc(100% - 4px);border:2px solid #ff5c1c;content:''}
.prd_list_type2{overflow:hidden;margin-left:-20px}
.prd_list_type2:after{content:'';display:block;clear:both}
.prd_list_type2 .prd_item{z-index:0;position:relative;float:left;width:233px;margin-bottom:40px;margin-left:20px;border:1px solid #e9e9e9;background-color:#fff}
.prd_list_type2 .prd_item:hover:before{content:'';z-index:0;position:absolute;top:-1px;left:-1px;width:calc(100% - 2px);height:calc(100% - 2px);border:2px solid #ff5c1c}
.prd_list_type2 .prd_item .link_thumb{width:195px;height:195px;margin:23px 19px 20px}
.prd_list_type2 .prd_item .link_evt{display:block;width:233px;height:444px}
.prd_list_type2 .prd_item .prd_desc{height:180px;margin:0 19px 26px}
.prd_list_type2 .prd_item .price_info{padding:10px 0 9px}
.prd_list_type2 .prd_item .prd_etc .txt_review{margin-bottom:7px}
.prd_list_type2 .prd_item .txt_percent{font-size:22px}
.prd_list_type2 .txt_price .after strong{font-size:22px}
.prd_list_type2 .rank_badge{position:absolute;left:10px;top:-45px}
.prd_list_type2 .prd_item:hover.prd_bnr:before{display:none}
.prd_list_type2 .prd_bnr a,
.prd_list_type2 .prd_bnr span{display:block}

.prd_list_type3{overflow:hidden;margin-left:-20px}
.prd_list_type3:after{content:'';display:block;clear:both}
.prd_list_type3 .prd_item{z-index:0;position:relative;float:left;width:233px;margin-bottom:40px;margin-left:20px;border:1px solid #e9e9e9;background-color:#fff}
.prd_list_type3 .prd_item:hover:before{content:'';z-index:0;position:absolute;top:-1px;left:-1px;width:calc(100% - 2px);height:calc(100% - 2px);border:2px solid #ff5c1c}
.prd_list_type3 .prd_item .link_thumb{width:195px;height:195px;margin:23px 19px 20px}
.prd_list_type3 .prd_item .link_evt{display:block;width:233px;height:444px}
.prd_list_type3 .prd_item .prd_desc{height:180px;margin:0 19px 26px}
.prd_list_type3 .prd_item .price_info{padding:10px 0 9px}
.prd_list_type3 .prd_item .prd_etc .txt_review{margin-bottom:7px}
.prd_list_type3 .prd_item .txt_percent{font-size:22px}
.prd_list_type3 .txt_price .after strong{font-size:22px}
.prd_list_type3 .rank_badge{position:absolute;left:10px;top:-45px}
.prd_list_type3 .prd_item:hover.prd_bnr:before{display:none}
.prd_list_type3 .prd_bnr a,
.prd_list_type3 .prd_bnr span{display:block}
.prd_list_type3.best_list{padding-top:37px}
.prd_list_type3.best_list .rank_badge.first{background-color:#fe6526}
.prd_list_type3.best_list .top_rank{width:488px}
.prd_list_type3.best_list .top_rank .link_thumb{float:left;width:209px;height:209px;margin:30px 0 29px 29px}
.prd_list_type3.best_list .top_rank .rank_badge{left:0;top:-53px}
.prd_list_type3.best_list .top_rank .prd_desc{float:left;width:210px;margin:35px 20px 29px}
.prd_list_type3.best_list .num_sale{padding-top:10px;font-family:"Montserrat","NanumGothic","나눔고딕";font-size:15px;font-weight:bold;color:#ff5c1c}
.prd_list_type3.best_list .num_sale em{font-weight:bold}
.prd_list_type3.best_list .prd_review{clear:both;margin:0}
.prd_list_type4:after{display:table;content:'';clear:both}
.prd_list_type4 .prd_item{overflow:hidden;float:left}
.prd_list_type4 .prd_item .link_thumb{float:left;width:130px;height:130px;margin:0}
.prd_list_type4 .prd_item .prd_desc{float:left;width:163px;padding:10px 20px 0}
.prd_list_type4 .prd_item .brand_name{display:block;margin-bottom:3px;font-size:13px;color:#999}
.prd_list_type4 .prd_item .prd_name{position:relative;padding-top:8px;margin-bottom:6px;font-size:15px;line-height:20px;color:#999}
.prd_list_type4 .prd_item .sub_name{display:block;display:-webkit-box;overflow:hidden;height:45px;margin-bottom:15px;font-size:17px;color:#303241;font-weight:bold;line-height:22px;letter-spacing:-0.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:keep-all}
.prd_list_type4 .prd_item .price_info .txt_percent{margin-top:0}
.prd_list_type4 .prd_item .price_info{color:#000}
.prd_list_type5:after{display:block;clear:both;content:''}
.prd_list_type5 .prd_item{float:left;position:relative;z-index:0;width:235px;margin-left:20px}
.prd_list_type5 .prd_item:first-child{margin-left:0}
.prd_list_type5 .prd_item .link_thumb{width:235px;height:235px;margin:0 0 18px;border:1px solid #e1e1e1}
.prd_list_type5 .end_badge{position:absolute;top:-26px;left:20px;z-index:1;width:52px;height:52px;border-radius:52px;font-size:16px;line-height:52px;background-color:#444;color:#fff;text-align:center}
.prd_list_type5 .prd_item .price_info{padding:10px 0 9px}
.prd_list_type5 .prd_item .txt_price{margin-right:8px}
.prd_list_type5 .prd_item .txt_deal{margin-right:8px;font-weight:bold}
.prd_list_type5.end .prd_item .link_thumb:before{position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://www.0shop.kr/zeroshop/image/bg_dimd_repeat.png) repeat;content:''}
.prd_review{margin:0 30px;padding-top:7px;line-height:19px;text-align:left}
.prd_review .txt_tit{display:inline-block;min-width:40px;color:#484b50}
.prd_review .txt_num{display:inline-block;padding-left:10px;color:#999}
.star_point{display:inline-block;width:81px;height:15px;text-align:left;background:url('https://www.0shop.kr/zeroshop/image/ico_comm.png') no-repeat;background-position:-213px -519px;vertical-align:middle}
.star_point > span{display:inline-block;height:15px;background:url('https://www.0shop.kr/zeroshop/image/ico_comm.png') no-repeat;background-position:-213px -536px;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top}
/* 2020-06-02 crema reviews score type */
.prd_review .crema-product-reviews-score,
.prd_review .star_point{float:right;margin-top:2px}
.prd_review .crema-product-reviews-score svg {width:16px !important;height:16px;fill:#ff5c1c !important;}
/* 2021-03-02 추가 */
.prd_list_type3 .slick-dots {font-size:0;text-align:center;}
.prd_list_type3 .slick-dots li {display:inline-block;margin:0 3px;}
.prd_list_type3 .slick-dots button {width:8px;height:8px;overflow:hidden;text-indent:-9999em;border-radius:50%;background:#dddee1;outline:none;}
.prd_list_type3 .slick-dots .slick-active button {background:#ff5c1c;width:12px;height:12px;}
/* 2021-07-26 추가 */
#related .slick-initialized .slick-arrow {display:block;background:url('../../image/ico_comm.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top;position:absolute;top:calc(50% - 70px);z-index:1;}
#related .slick-initialized .slick-prev{width:43px;height:43px;background-position:-320px -520px;left:-1px;}
#related .slick-initialized .slick-next{width:43px;height:43px;background-position:-370px -520px;right:-1px;}

/* 제품 상세 */
.prd_detail{overflow:hidden;margin-top:45px;margin-bottom:20px}
.prd_detail_left{float:left;width:445px}
.prd_img_view .bxslider{overflow:hidden;width:445px;height:445px}
.prd_img_view .prd_img{float:left}
.prd_img_view .bxslider img{width:443px;height:443px;border:1px solid #e8e8e8}
.prd_img_view .bx-pager{overflow:hidden;margin-top:10px}
.prd_img_view .bx-pager a{display:inline-block;overflow:hidden;float:left;width:92px;height:92px;margin-left:12px;border:1px solid #e8e8e8}
.prd_img_view .bx-pager a:first-child{margin-left:0}
.prd_img_view .bx-pager .active{border:2px solid #ff5c1c}
.prd_img_view .bx-pager a img{width:100%;height:100%}
.prd_detail_right{float:right;width:500px}
.tbl_prd_detail{border-spacing:0;text-align:left;table-layout:fixed}
.tbl_prd_detail .brand_name{font-size:20px;font-weight:bold;color:#28323f}
.tbl_prd_detail .prd_name{font-size:27px;font-weight:bold;color:#28323f}
.tbl_prd_detail thead th{padding-bottom:20px;text-align:left}
.tbl_prd_detail tbody tr:first-of-type th, .tbl_prd_detail tbody tr:first-of-type td{border-top:2px solid #28323f}
.tbl_prd_detail tbody th, .tbl_prd_detail tbody td{padding:20px 0 15px;text-align:left}
.tbl_prd_detail tbody th{font-size:14px;color:#28323f;vertical-align:top}
.tbl_prd_detail tbody td{position:relative;font-size:13px;color:#666}
.tbl_prd_detail .tr_line th, .tbl_prd_detail .tr_line td{padding-top:0;padding-bottom:20px;border-bottom:1px solid #e8e8e8}
.tbl_prd_detail .tr_line + .tr_line th, .tbl_prd_detail .tr_line + .tr_line td{padding-top:20px}
.tbl_prd_detail .txt_price{font-family:"Montserrat", "NanumGothic", Malgun Gothic;letter-spacing:-1px}
.tbl_prd_detail .after{display:inline-block;color:#484b50}
.tbl_prd_detail .after strong{font-size:27px}
.tbl_prd_detail .txt_percent{position:absolute;top:15px;right:15px;width:94px;height:68px;color:#fff;line-height:57px;text-align:center;background:url('https://www.0shop.kr/zeroshop/image/ico_comm.png') no-repeat;background-position:0 -750px}
.tbl_prd_detail .txt_percent strong{font-size:30px}

/* 2021-03-25 상품 상세 */
.prd_detail.v2 {overflow:visible;}
.prd_detail.v2:after {content:'';display:block;clear:both;}
.prd_detail.v2 thead th {position:relative;padding-right:70px;}
.prd_detail.v2 thead .prd_brand {display:block;font-size:20px;color:#28323f;}
.prd_detail.v2 thead .prd_name {font-size:27px;line-height:1.407em;color:#333;}

@keyframes pop {
    0% {
        transform:translate(-50%,-50%) scale(1);
    }
    50% {
        transform:translate(-50%,-50%) scale(1.075);
    }
    100% {
        transform:translate(-50%,-50%) scale(1);
    }
}
.prd_detail.v2 thead .btn_like {position:absolute;right:0;top:10px;overflow:hidden;width:51px;height:51px;cursor:pointer;}
.prd_detail.v2 thead .btn_like input {position:absolute;left:-9999em;opacity:0;}
.prd_detail.v2 thead .btn_like .mark {width:100%;height:100%;border:1px solid #a9a9a9;border-radius:50%;background:#fff;box-sizing:border-box;position:relative;transition:all 0.3s ease;}
.prd_detail.v2 thead .btn_like .ico_comm {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.prd_detail.v2 thead .btn_like input:checked + .mark {border-color:#ff4e00;}
.prd_detail.v2 thead .btn_like input:checked + .mark .ico_comm {background-position-x:-137px;animation: pop 0.25s forwards;}
.prd_detail.v2 .option_area {padding:30px 20px;border-bottom:1px solid #e8e8e8;}
.prd_detail.v2 .option_area .option_title {margin-top:-0.5em;margin-bottom:1em;font-size:14px;font-weight:700;color:#333;}
.prd_detail.v2 .option_wrap {text-align:center;}
.prd_detail.v2 .btn_wrap {display:flex;flex-wrap:wrap;margin:0 -3px;}
.prd_detail.v2 .btn_wrap a {flex:48%;float:none;margin:5px 3px;min-width:0;}
.buy_selector {margin-top:1.25em;margin-bottom:2.5em;}
.buy_selector .field {display:block;margin-right:auto;color:#28323f;font-size:14px;font-weight:700;cursor:pointer;line-height:1.3;}
.buy_selector .field .ico_subscribe {width:80px;height:16px;margin:-8px 0 0 13px;background-position:-343px -780px;vertical-align:middle;}
.buy_selector .field + .field {margin-top:0.85em;}
.buy_selector .field strong {display:inline-block;margin-bottom: -2px;margin-left:5px;margin-right:2px;font-size:25px;font-family:"Montserrat", "NanumGothic", Malgun Gothic, sans-serif;letter-spacing:-0.03em;color:#484b50;vertical-align: bottom;}

.prd_detail.v2 .cell_cycle {display:none;}
.prd_detail.v2 .subscription_inner {display:block;}
.prd_detail.v2 .subscription_inner p {font-size:14px;font-weight:700;margin-bottom:0.75em;}
.prd_detail.v2 .subscription_inner .txt_num {padding:5px 7px 4px 7px;margin-left:2px;font-size:13px;border-radius:12px;line-height:1;}
.prd_detail.v2 .subscription_inner .ico_arrow {display:inline-block;margin-right:3px;position:relative;width:10px;height:10px;}
.prd_detail.v2 .subscription_inner .ico_arrow:before,
.prd_detail.v2 .subscription_inner .ico_arrow:after {content:'';display:block;position:absolute;left:50%;transform:translateX(-50%)}
.prd_detail.v2 .subscription_inner .ico_arrow:before {top:0;width:4px;height:6px;background:#fff;}
.prd_detail.v2 .subscription_inner .ico_arrow:after {width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #fff transparent transparent transparent;bottom:0;}

.term_selector {display:flex;flex-wrap:wrap;margin:0 -3px;width:calc(100% + 6px);margin-bottom:5px;box-sizing: border-box;}
.term_selector label {flex:1;margin:0 3px;position:relative;cursor:pointer;}
.term_selector label .best {position:absolute;left:0;top:0;padding:2px 4px 3px 4px;background:#ff3c00;color:#fff;text-transform: uppercase;font-size:9px;font-family:'Verdanda',sans-serif;z-index:1;line-height:1;border-radius:0 0 4px 0;font-weight:700;}
.term_selector label input {position:absolute;left:0;z-index:0;}
.term_selector label .button {position:relative;border: 1px solid #e8e8e8;padding: 15px 10px 16px 10px;line-height: 1;text-align: center;font-size: 15px;letter-spacing: -0.05em;color: #666666;z-index:1;background:#fff;}
.term_selector label input:checked + .button {border-color:#ff6700;color:#ff6700;font-weight:700;}


.prd_detail.v2 .cell_cycle th {padding-bottom:15px;}

.dropdown_selector {position:relative;width:100%;background:#ffffff;border:1px solid #d3d4d4;}
.dropdown_selector + .dropdown_selector {margin-top:10px;}
.dropdown_selector:after {content:'';display:block;position:absolute;right: 12px;top: 14px;width:6px;height:6px;border-left:2px solid #dadada;border-bottom:2px solid #dadada;transform:rotate(-45deg);z-index:0;}
.dropdown_selector.active {z-index:2;}
.dropdown_selector.active:after {top:17px;transform:rotate(135deg)}
.dropdown_selector .placeholder {color:#ccc;}
.dropdown_selector .dropdown_header {padding:8px 30px 8px 17px;width:100%;text-align:left;outline:none;position:relative;z-index:1;}
.dropdown_selector .dropdown_header span {display:block;}
.dropdown_selector .dropdown_menu {display:none;position:absolute;left:-1px;right:-1px;top:100%;border:1px solid #ff7132;z-index:1;box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.16);background:#ffffff;}
.dropdown_selector.active .dropdown_menu {display:block;max-height:185px;overflow:auto;box-sizing:border-box;}
.dropdown_selector .dropdown_menu li {font-size:14px;letter-spacing:-0.04em;position:relative;}
.dropdown_selector .dropdown_menu li:last-child {margin-bottom:0;}
.dropdown_selector .dropdown_menu li a,
.dropdown_selector .dropdown_menu li.disabled {padding:8px 17px;color:inherit;text-decoration: none;}
.dropdown_selector .dropdown_menu li a:hover,
.dropdown_selector .dropdown_menu li[data-active="1"] a {background:#f6f6f6;}
.dropdown_selector .dropdown_menu li span {display:block;}
.dropdown_selector .dropdown_header,
.dropdown_selector .dropdown_menu a,
.dropdown_selector .dropdown_menu li.disabled {display:flex;align-items: center;color:#666666;font-size:14px;}
.dropdown_selector .dropdown_menu li.disabled {opacity:0.4}
.dropdown_selector .name {flex:1 1 auto;}
.dropdown_selector .price {padding-left:20px;font-size:13px;color:#484b50;font-weight:700;word-break: keep-all;white-space: nowrap}
.dropdown_selector .dropdown_header .name {overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}

td.selected_option {padding-top:0 !important;}
.selected_option .option {display:flex;position:relative;align-items:center;padding:16px;border-bottom:1px solid #d9d9d9;}
.selected_option .option .info {flex:1 1 auto;font-size:14px;line-height:1.429em;padding-right:20px;color:#666;}
.selected_option .option .info > div {margin:0.5em 0;}
.selected_option .delete {position:absolute;right:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#fff;border:1px solid #c6c6c6;text-indent:-9999em;overflow:hidden;}
.selected_option .delete:before,
.selected_option .delete:after {content:'';display:block;position:absolute;left:50%;top:50%;width:1px;height:12px;background:#b0b0b0;}
.selected_option .delete:before {transform:translate(-50%,-50%) rotate(-45deg);}
.selected_option .delete:after {transform:translate(-50%,-50%) rotate(45deg);}
.selected_option .quantity {flex: 0 0 98px;}
.selected_option .quantity .option_inner {margin:0;}
.selected_option .quantity .inp_number {width:38px;}
.selected_option .price {flex:0 0 155px;max-width:155px;padding-right:30px;text-align:right;box-sizing:border-box;font-weight:700;color:#484b50;}
.selected_option .price strong {display:inline-block;margin-right:2px;font-size:20px;letter-spacing:-0.025em;font-family:'Montserrat',sans-serif;font-weight:400;margin-bottom:1px;vertical-align:middle;}
.selected_option .option .info .stock {display:none;}

.template {display:none;}

.prd_contents{margin:15px 0 40px}
/* 2021-07-26 */
.prd_contents:after {content:'';display:block;clear:both;}
.prd_contents .tab_list{overflow:hidden;border:1px solid #e8e8e8;background-color:#fff;z-index:5}
.prd_contents .tab_list.tab_fixed{position:fixed;top:0;left:50%;width:998px;margin-left:-500px}
.prd_contents .tab_item{float:left;width:33.33333%;border-left:1px solid #e8e8e8;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.prd_contents .tab_item:first-child{border-left:0}
.prd_contents .tab_item a{display:block;padding:21px 0;font-size:16px;color:#666;line-height:1;text-align:center}
.prd_contents .tab_item .count{font-family:'Verdana';font-size:12px}
.prd_contents .tab_item.active a{color:#fff;background-color:#ff5c1c}
.prd_contents .tab_cont{padding-top:60px}
.prd_contents .tab_tit{display:block;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #28323f;font-size:27px;line-height:1;color:#28323f}
.prd_contents .info_cont img{display:block;margin:0 auto;max-width:100%}
.prd_contents .tab_view > div:first-child .tab_tit{border-bottom:0}


/* 베스트 뱃지 공통 */
.rank_badge{display:inline-block;position:relative;z-index:3;width:52px;height:26px;padding:13px 0;font-family:"Montserrat","NanumGothic","나눔고딕";font-weight:normal;background-color:#444;border-radius:50%}
.rank_badge .txt_best{display:block;font-size:10px;line-height:1.1;color:#fff;text-align:center}
.rank_badge .txt_num{display:block;font-size:14px;line-height:1.1;color:#fff;text-align:center}
.rank_item:first-child .rank_badge .ico_comm{background-position:0 -490px}

/* 체험존 배너 */
.brd_exp{position:relative}
.brd_exp a{display:block}
.brd_exp .plan_info{overflow:hidden;position:absolute;top:33px;right:40px;padding-right:90px;font-size:14px;color:#fff;letter-spacing:-1px}
.brd_exp .plan_info .txt_tit{font-weight:bold}
.brd_exp .plan_info .txt_num{margin:0 10px 0 5px}
.brd_exp .txt_countdown{display:block;margin:8px 0 7px;font-size:30px;line-height:1;text-align:left;font-family:"Montserrat","NanumGothic","나눔고딕"}
.brd_exp .txt_countdown .txt_date{display:block;margin-bottom:3px;font-size:16px;font-weight:bold;line-height:1}
.brd_exp .ico_near{position:absolute;top:0;right:0;width:75px;height:85px;background-position:-420px -510px}
.brd_exp .count_near .ico_near{background-position:-390px -420px}

/* 설문조사 */
.survey_wrap{text-align:left}
.survey_wrap .txt_tit{font-size:26px}
.survey_wrap .txt_sm{font-size:12px;color:#959595;text-align:right}
.survey_desc{padding:30px;margin-top:5px;border-top:2px solid #5d5d5d;font-size:13px}
.survey_wrap .tbl_type01{width:100%;margin-bottom:50px;border-top:1px solid #cacaca}
.survey_wrap .tbl_type01 th{overflow:hidden;font-weight:normal;background:#f8f7f7}
.survey_wrap .tbl_type01 th, .survey_wrap .tbl_type01 td{padding:20px;border-bottom:1px solid #e8e8e8;text-align:left}
.survey_wrap .tbl_type01 th .txt_num{display:inline-block;float:left;position:relative;padding-left:10px;color:#363636}
.survey_wrap .tbl_type01 th .txt_q{float:left;max-width:calc(100% - 38px);padding-left:8px}
.survey_wrap .tbl_type01 th.essential .txt_num:before{content:'*';position:absolute;top:0;left:0;color:#ff5c1c}
.survey_wrap .tbl_type01 input[type="text"], .survey_wrap .tbl_type01 textarea{width:100%;padding:6px 10px;border:1px solid #dcdcdc;font-size:14px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.survey_wrap .tbl_type01 textarea{min-height:80px;resize:none}
.survey_wrap .tbl_type01 input[type="radio"],
.survey_wrap .tbl_type01 input[type="checkbox"]{display:inline-block;margin-top:3px;vertical-align:top}
.survey_wrap .tbl_type01 label{display:inline-block;width:95%;vertical-align:top}
.survey_wrap .tbl_type01 p + p{margin-top:3px}
.survey_wrap .btn_wrap{text-align:center}
.survey_wrap .btn_wrap a{display:inline-block;min-width:142px;margin:0 1px;padding:12px 0;font-size:14px;font-weight:bold;text-align:center}
.survey_wrap .btn_wrap .btn_type01{color:#fff;border:1px solid #f76110;background:#f76110}
.survey_wrap .btn_wrap .btn_type02{color:#696969;border:1px solid #bdbebd;background:#fff}

/* error */
#error_body{background-color:#fff}
#error_container{width:920px;margin:60px auto 0;text-align:center}
#error_container .tit_logo{width:130px;height:63px;margin:0 auto;background-position:0 -110px}
#error_container .error_content{margin-top:30px;padding-top:80px;border-top:3px solid #c0c1c5}
#error_container .error404{width:132px;height:114px;margin:0 auto;background-position:0 -248px}
#error_container .error500{width:114px;height:114px;margin:0 auto;background-position:-132px -248px}
#error_container .error_tit{margin:34px 0;font-size:28px;font-weight:normal}
#error_container .error_txt{font-size:16px;font-weight:normal;color:#5c5c5c}
#error_container .error_txt span{padding-bottom:15px;display:block;color:#ff6b1e}
#error_container .btn_group{width:510px;margin:100px auto 0}
#error_container .btn_group a{display:block;width:243px;padding:15px 0;border:2px solid #ff6b1e;font-size:20px}
#error_container .btn_group a:hover,
#error_container .btn_group a:focus{text-decoration:none}
#error_container .btn_group .btn_before{float:left;color:#ff6b1e}
#error_container .btn_group .btn_home{float:right;background-color:#ff6b1e;color:#fff}

/* 앱 유도 */
#appEntice{position:fixed;top:0;width:100%;height:100%;font-family:'맑은 고딕', Malgun Gothic, Sans-Serif;z-index:10}
#appEntice .app_entice_cont{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;height:600px;margin:auto;text-align:center}
#appEntice .txt{display:block;margin-bottom:30px;font-size:90px;font-weight:bold;color:#fff;line-height:1.2}
#appEntice .btn_app_entice{display:inline-block;width:700px;margin:20px 0 10px;padding:22px 22px;font-size:44px;color:#fff;background-color:#ff6600;border-radius:10px}
#appEntice .btn_app_no{margin-top:30px;font-size:44px;color:#fff;text-decoration:underline}
#appEntice .bg_app_entice{position:fixed;left:0;top:0;bottom:0;right:0;z-index:9;background-color:#000;opacity:0.7}

#header_email{position:relative;width:100%;padding:15px 0;border-bottom:1px solid #e1e1e1;background-color:#fbfcfc;text-align:center}
#header_email .email_logo{width:1000px;margin:0 auto}
#header_email .email_logo .email_comm{width:130px;height:46px;background-position:0 0}
.email_comm{display:block;background:url('https://www.0shop.kr/zeroshop/image/email_comm.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top}
.email_wrap{padding:110px 0 150px;background-color:#edeef2}
.email_content{width:898px;height:308px;margin:0 auto ;padding:80px 50px;border:1px solid #e1e1e1;background-color:#fff}
.email_content .email_top{margin:0 auto;border-bottom:1px solid #e1e1e1}
.email_content .email_top_txt{width:493px;height:27px;margin:0 auto 40px;background-position:0 -167px;font-size:0;line-height:0;text-indent:-9999px}
.email_content .email_icon{width:119px;height:85px;margin:0 auto 20px;background-position:0 -56px;font-size:0;line-height:0;text-indent:-9999px}
.email_content .email_bot_txt{margin:40px auto 0;font-size:14px;color:#666;line-height:18px;text-align:center}
.email_content .email_bot_txt p{display:block;margin:24px 0 0;font-size:12px;color:#999}
.email_content .email_bot_txt p a{color:#ff5c1c;text-decoration:underline}

/* 프리뷰_헤더 */
#header.header_preview{padding-top:28px;padding-bottom:26px;border-bottom:1px solid #dfe0e0}
#header.header_preview .img_logo{float:none;margin:0 auto}
.header_preview .header_inner .sub_gnb{overflow:visible;position:absolute;top:17px;margin-top:0;font-size:17px}
.header_preview .header_inner .sub_gnb li a{padding:0 15px}
.header_preview .header_inner .sub_gnb li:first-child a{padding-left:0}
.header_preview .header_inner .sub_gnb li:first-child a:before{left:-12px}
.header_preview .header_inner .sub_gnb li:before{top:5px}
#header.header_preview .utilmenu{left:auto;right:0;width:auto;background:none}
#header.header_preview .utilmenu a{margin-left:12px;font-size:15px}
/* 프리뷰_상세 */
.pre_event img{max-width:100%}
.pre_event .wrap_btn{margin-top:40px;text-align:center}
.pre_event .btn_more{display:inline-block;min-width:600px;padding:27px 0;font-size:30px;color:#fff;background-color:#142665}
.pre_event .btn_more .ico_comm{display:inline-block;width:12px;height:23px;margin-top:10px;margin-left:20px;background-position:-320px -490px}
.wrapper_preview .cont_detail{padding-top:0}
.wrapper_preview .cont_detail > .box_contents{padding:40px 0 70px}
.wrapper_preview .cont_detail > .box_contents .contents{width:940px;padding:30px;background-color:#fff}
.pre_product .prd_detail_right{width:450px}
.pre_product .prd_detail{margin:0}
.pre_product .tbl_prd_detail .delivery_info{width:90%}
.pre_product .tbl_prd_detail .btn_wrap{margin-top:40px}
.pre_product .tbl_prd_detail .btn_wrap a{margin-left:0;width:100%}
.wrapper_preview .prd_contents .tab_view > div:first-child .tab_tit{margin-bottom:50px;border-bottom:1px solid #28323f}
.pre_product .tbl_prd_detail tbody tr:last-of-type th, .pre_product .tbl_prd_detail tbody tr:last-of-type td{border-bottom:0}
.zero_video{display:block;width:880px;height:500px;margin:0 auto}

.page_controller_wrap {position:fixed;width:1280px;height:0;bottom:250px;z-index:100;}
.page_controller_wrap .page_controller {position:absolute;right:-90px;bottom:0;background:#ffffff;width:50px;height:90px;box-sizing:border-box;border:1px solid #e2e2e2;overflow:hidden;border-radius:25px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.page_controller_wrap .page_controller:after {content:'';display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%);width:28px;height:1px;background:#e2e2e2;}
.page_controller_wrap .page_controller button {display:block;width:100%;height:50%;text-indent:-9999em;position:relative;}
.page_controller_wrap .page_controller button:after {content:'';position: absolute;right: 17px;top: 12px;width: 12px;height: 12px;border-left: 2px solid #a0a1a6;border-bottom: 2px solid #a0a1a6;border-radius:0 0 0 2px;transform: rotate(-45deg);}
.page_controller_wrap .page_controller button.up:after {transform: rotate(135deg);top:18px;}


/* 2021-04-14 공지사항 CSS 위치 변경 */
.notice_popup_inner {min-height:480px;background:#ff6527;}
.notice_popup_inner .notice_popup_textbox {padding:16px;color:#ffffff;box-sizing:border-box}
.notice_popup_inner .notice_popup_textbox .title {margin-bottom:20px;font-weight:bold;font-size:30px;line-height:34px;letter-spacing:-0.02em;}
.notice_popup_inner .notice_popup_textbox .desc-box {display:table;width:100%;height:113px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.notice_popup_inner .notice_popup_textbox .desc {display:table-cell;padding-left:1rem;padding-right:1rem;vertical-align:middle;}


/* field 2021-07-21 추가 및 수정 */
.field input[type="checkbox"],
.field input[type="radio"] {width:0;height:0;opacity:0;position:absolute;left:-9999px;}
.field input[type="checkbox"] + .mark,
.field input[type="radio"] + .mark {display:inline-block;width:18px;height:18px;margin-top:3px;margin-right:3px;border:1px solid #b3b8bd;vertical-align:top;background:#ffffff;box-sizing:border-box;position:relative;}
.field input[type="radio"] + .mark {border-radius:50%;}
.field input[type="checkbox"] + .mark {border-radius:0.25em;}
.field .mark {border-radius:0.25em;border-color:#dcdcdc !important;}
.field input[type="checkbox"] + .mark:after {content:'';position:absolute;left:50%;top:50%;width: 8px;height: 5px;border-width:2px;width:9px;height:6px;border-left:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;transform:translate(-50%,-73%) rotate(-45deg);}
.field input[type="checkbox"]:checked + .mark {background:#ff5c1c;border-color:#ff5c1c !important;}
.field input:checked + .mark:after {content:'';position:absolute;left:50%;top:50%;border-color:#fff;}
.field input[type="radio"]:checked {background:#fff;}
.field input[type="radio"]:checked + .mark:after {width:65%;height:65%;background:#fe6724;border-radius:50%;transform:translate(-50%,-50%);}
.field input[type="checkbox"]:checked + .mark:after {width:9px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-73%) rotate(-45deg);}

.field.fill .mark {width:23px;height:23px;margin:0 2px 0 0;border-radius:50%;border-color:#dcdcdc;}
.field.fill input[type="checkbox"],
.field.fill input[type="radio"] {width:0;height:0;opacity:0;position:absolute;left:-9999px;}
.field.fill input[type="checkbox"] + .mark,
.field.fill input[type="radio"] + .mark {display:inline-block;width:18px;height:18px;margin-top:3px;margin-right:3px;border:1px solid #b3b8bd;vertical-align:top;background:#ffffff;box-sizing:border-box;position:relative;}
.field.fill input[type="radio"] + .mark {border-radius:50%;}
.field.fill input[type="checkbox"] + .mark {border-radius:0.25em;}
.field.fill input:checked + .mark {background:#ff5c1c;border-color:#ff5c1c;}
.field input[type="checkbox"]:checked + .mark:after {content:'';position:absolute;left:50%;top:50%;width: 8px;height: 5px;border-width:2px;width:9px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-73%) rotate(-45deg);}

/* 2021-07-21 */
#popHealienceForm {display:none;position:relative;margin:0 auto;background:#fff;border-radius:0.5em;padding:30px;}
#popHealienceForm .btn_close{position:absolute;top:25px;right:25px}
#popHealienceForm .btn_close .ico_comm{width:18px;height:18px;background-position:-281px -780px}
.form_layout.healience em,
.form_layout.healience .em {color:#8b7052 !important;}
.form_layout.healience .message {color:#8b7052;}
.form_layout.healience .btn_type2 {background-color:#8b7052;border:none;}
.form_layout.healience .field {font-size:15px;}
.form_layout.healience .field input[type="checkbox"] + .mark {width:18px;height:18px;margin-top:2px;border-radius: 50%;}
.form_layout.healience .field input[type="checkbox"] + .mark:after {width:7px;height:4px;}
.form_layout.healience .field input[type="checkbox"]:checked + .mark {background:#fff;border-color:#8b7052 !important;}
.form_layout.healience .field input[type="checkbox"]:checked + .mark:after {border-color:#8b7052;}
.form_layout .form_header .title {margin-top:14px;margin-bottom:20px;font-size:25px;color:#8b7052;border-bottom:1px solid #8b7052;}
.form_layout .form_header .desc {font-size:16px;letter-spacing:-0.05em;}
.form_layout .field_row {display:flex;}
.form_layout .field_row .frame_inp,
.form_layout .field_row .column {flex:1 0 auto;}
.form_layout .field_row .frame_inp + .frame_inp {margin-top:0.5em;}
.form_layout .frame_inp input {display:block;width:100%;border:1px solid #eeeeee;padding:7px 15px;font-size:16px;box-sizing: border-box;}
.form_layout .frame_inp input::placeholder {color:#b1b1b1;}
.form_layout .field_row .btn {width:190px;margin-left:10px;border-radius:4px;font-size:16px;}
.form_layout fieldset {margin:2em 0;}
.form_layout fieldset .title {margin-top:1.75em;margin-bottom:0.75em;font-size:16px;color:#222;font-weight:700;}
.form_layout .title:first-child, .form_layout legend + .title {margin-top:0;}
.form_layout .message {text-indent:-1.15em;padding-left:1.15em;margin:0.75em 0;font-size:14px;letter-spacing:-0.05em;word-break: keep-all;line-height:1.552em !important;}
.form_layout .message.em {color:#ef4545 !important;}
.form_layout .message.sub {text-indent:-0.75em;padding-left:0.75em;color:#525252;}
.form_layout .message.sub.dimmed {color:#b1b1b1;}
.form_layout .agreement .field_row {margin-top:1.25em;}
.form_layout .agreement .desc {font-size:12px;}
.form_layout .agreement_box {padding:25px;margin-bottom:1.75em;border:1px solid #e5e5e5;}
.form_layout .agreement_box p {margin-bottom:1em;font-size:15px;word-break: keep-all;line-height:1.353em;}
.form_layout .agreement_box p:last-child {margin-bottom:0;}
.form_layout .agreement_box table {width:100%;border-spacing:0;margin:1em 0;border-top:1px solid #8b7052;text-align:left;color:#222;}
.form_layout .agreement_box table tr > * {padding:10px 17px;line-height:1.353em;font-size:15px;border-bottom:1px solid #c5c5c5;}
.form_layout .agreement_box table th {border-right:1px solid #c5c5c5;background:#fbf3e9;font-weight:normal;color:#8b7052;}
.form_layout .agreement_box .message {color:#767676;}
.form_layout .wrap_btn {margin-top:4em;}
/* 2021-07-26 */
.form_layout .btn_expanded {width:100%;height:40px;margin-top:0.75em;border-radius:0.25em;font-size:16px;}

.wrap_btn{overflow:hidden}
.wrap_btn > div{text-align:center}
.wrap_btn a:hover{text-decoration:none}
.wrap_btn .btn_md, .tbl_order_list .btn_md{min-width:220px;padding-right:20px;padding-left:20px;text-align:center}
.wrap_btn a.btn_md, .tbl_order_list a.btn_md{padding-left:0;padding-right:0;margin:0 3px}
.wrap_btn .txt_bold{margin-right:10px}

/* 2023-12-07 메뉴 추가 */
.navigation .gnb_category .main_item .txt {line-height: 42px; color: #ff890a; font-size: 16px; font-weight: bold;}
.navigation .active.oshop .wrap {background: #ff890a; border-color: #ff890a;}
.navigation .active.oshop .wrap .txt { color: #fff;}
.navigation[data-brand="oshop"]:after {background: #ff890a;}
