@charset "utf-8";

/* Style */
/* @import url("global_m.css"); */
/*========================================================
 Reset
========================================================*/
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; /*-ms-touch-action:none;*/ }
html,body{height:100%; color:#333; font-size:13px; font-weight:normal; font-family: AppleSDGothicNeo, GoogleSans, Helvetica, "Malgun Gothic", "맑은 고딕", sans-serif; word-break:keep-all;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{display:block;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}
table td,table th{word-break: keep-all; word-wrap: break-word;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
hr{display:block; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; height:1px; border:0; border-top:1px solid #b5b1b2; margin:0; padding:0; overflow:visible;}
a{background:transparent; text-decoration:none; color:inherit;cursor: pointer;}
a:hover, a:active{text-decoration:none; outline:0;}
address, caption, cite{font-weight:normal; font-style:normal;}
strong, em, b{font-weight:bold; font-style:normal;}
sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
legend,caption{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
fieldset, img{border:0}
label, select, input, textarea {vertical-align:middle; }
img{width: 100%; vertical-align: top;}
img:not([src]){visibility: hidden;}
select::-ms-expand{display:none;}

/* skip navigation */
.skip-navi a{ position:absolute;top:-999em;}
.skip-navi a:focus {display:block; left:0; top:0; z-index:9999; width:100%; height:30px; line-height:30px; background:#000; color:#fff; text-align:center;}


/*========================================================
 Common
========================================================*/
.blind{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hide{display:none !important;}
.v-hidden{visibility:hidden;}
body.lock{overflow: hidden !important;}

/**** Frame ****/
.frame-full{position:relative; width:100%;}
.frame-inner{position:relative; padding:0 15px;}
.frame-inner-wrap{position:relative; padding:15px;}

/**** login ****/
.frame-inner.login-inner {padding:0 20px}
.frame-inner.login-inner .btn-bottom-area {padding-bottom:60px}
.frame-slide-overlap{position:relative; max-width:1140px; margin:0 auto;}
.frame-slide-out{position:relative; max-width:1180px; margin:0 auto;}
.clear:after,
[class*="frame-"]:after{display:block; clear:both; content:'';}

/**** Float / Position ****/
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
[class*="frame-"] .pos-left{position:absolute; top:0; left:0;}
[class*="frame-"] .pos-right{position:absolute; top:0; right:0;}

/**** Text Align,Style ****/
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
.text-normal{font-weight:normal !important;}
.text-bold{font-weight:bold !important;}

.text-guide-xs{font-size:11px; color:#999; font-weight:normal}
.text-guide-sm{font-size:12px; color:#999; font-weight:normal}
.text-guide-sm2{font-size:12px; color:#666; font-weight:bold}
.text-guide-md{font-size:13px; color:#666; font-weight:normal}
.text-guide-md2{font-size:13px; color:#333; font-weight:bold}
.text-primary-sm{color:#FF6001 !important; font-size:12px}
.text-throu{text-decoration: line-through;}

#join-general-form .text-guide-sm2{font-weight: 400;}
#join-general-form #pw-guide-text1{padding-top:6px;font-weight: 400;padding-bottom: 4px;}
/* ellipsis */
.text-elps{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break: break-all;}
.text-elps2{display:block; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break: break-all;}
.text-elps3{display:block; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break: break-all;}
table td .title-elps{display:inline-block; vertical-align: middle; max-width:94%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: break-all;}

/**** Text Color ****/
.text-primary{color:#FF6001 !important;}
.text-primary-ex{color:#FF6001 !important;}
.text-point{color:#13a7b8 !important;}
.text-green{color:#2E9F41 !important;}
.text-blue{color:#4598E5 !important;}
.text-navy{color:#505f7c !important;}
.text-navy2{color:#58627c !important;}
.text-grey{color:#666 !important;}
.text-grey2{color:#999 !important;}
.text-black{color:#000 !important;}
.text-default{color:#333 !important;}
.text-white{color:#fff !important;}
/* 텍스트안에서의 화살표 컬러값 */
.text-primary [class*="ico-arr-"]:after,
.text-primary [class*="ico-arr-"]:before{background-color:#FF6001 !important; box-shadow:none;}
.text-white [class*="ico-arr-"]:after,
.text-white [class*="ico-arr-"]:before{background-color:#fff !important; box-shadow:none;}

/* 유효성 체크 텍스트 */
.valid{font-size:12px; color:#3A4C67}
.error{color:#FF490F}
.error2{color:#ff6001;font-size: 13px;padding-top:8px;}
/* 바디 스크롤 막기 */
/*.scr-hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}*/
.scr-hidden:after {z-index:30;display:block;content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.5);}

/**** label, badge, tag, state, flag.. ****/
/* label */
[class^="label-"]{display:inline-block; vertical-align:top; padding:0 4px; min-width:58px; height:20px; font-size:13px; text-align:center; line-height:1.6; color:#fff;}
.label-primary{background-color:#FF6001;}
.label-default{background-color:#999; }
.label-point{background-color:#31c9da; }
/* -sm */
[class^="label-sm"]{display:inline-block; vertical-align:top; padding:0 6px; min-width:36px; height:16px; font-size:12px; text-align:center; line-height:1.4; color:#fff; border-radius:100px;}
.label-sm-primary{background-color:#FF6001; color:#fff;}

/* badge */
[class^="badge-"]{display:inline-block; vertical-align:top; padding:0 6px; height:20px; border:1px solid transparent; font-size:11px; text-align:center; line-height:1.8; border-radius:4px; font-weight:bold;}
.badge-primary{border:1px solid #ff6001; color:#ff6001;}
.badge-default{border:1px solid #999; color:#666;}
.badge-point{border:1px solid #ff6001; color:#ff6001;}
.badge-point2{ color:#666;background-color: #F8F8F8}

[class^="badge-sm-"]{display:inline-block; vertical-align:top; padding:0 7px; min-width:58px; height:20px; font-size:12px; font-weight:500; text-align:center; line-height:1.4; border-radius:0;}
.badge-sm-primary{border:1px solid #FF6001; color:#FF6001;}
.badge-sm-default{border:1px solid #e5e5e5; color:#999;}

/* images */
.imgbadge-dlv-exp{display:inline-block; width:63px; height:14px; background:url("/resources/mobile/images/txt/txt_badge_dlv_m.png") no-repeat 0 0; background-size:150px auto}
.imgbadge-dlv-free{display:inline-block; width:58px; height:14px; background:url("/resources/mobile/images/txt/txt_badge_dlv_m.png") no-repeat 0 -80px; background-size:150px auto;vertical-align: top;}
.imgbadge-dlv-normal{display:inline-block; width:62px; height:12px; background:url("/resources/mobile/images/txt/txt_badge_dlv_m.png") no-repeat  0 -30px; background-size:150px auto;vertical-align: top;}
.imgbadge-dlv-exp.type-sm{width:55px; height:10px; background-position:-95px 0}
.imgbadge-dlv-free.type-sm{width:55px; height:12px; background-position:-95px -55px}

/* state */
[class^="state-"]{display:inline-block; vertical-align:top; padding:0 5px; height:18px; font-size:11px; text-align:center; line-height:1.8; border-radius:2px;}
.state-done{background:#556180; color:#fff;}
.state-wait{background:#999; color:#fff;}
.state-ing{background:#f26c4f; color:#fff;}
.state-point{background:#23a7a7; color:#fff;}
.state-end{background-color: #999; color:#fff;}

/* tag */
[class^="tag-"],button[class*="tag-"]{display:inline-block; vertical-align:top;margin-right:2px;padding:0 10px;height:28px; font-size:12px; text-align:center; line-height:28px;color:#fff; font-weight: 500;}
.tag-primary{background-color:#66bde9;}
.tag-point {background-color:#ff9370;}
.tag-mint {background-color:#63ccd1;}

/* num */
[class^="number-rd-"],button[class*="tag-"]{display:inline-block; vertical-align:top; width:36px; height:36px; font-size:16px; text-align:center; line-height:34px;color:#fff; border-radius:50%; }
.number-rd-gold{background-color:#ffbc38;}
.number-rd-silver{background-color:#ccc;}
.number-rd-bronze{background-color:#dbad82;}
.number-rd-empty{background-color:transparent; color:#333;}

[class^="number-sq-"],button[class*="tag-"]{display:inline-block; vertical-align:top; width:40px; height:40px; font-size:18px; text-align:center; line-height:40px;color:#fff;}
.number-sq-red{background-color:#ff542a;}
.number-sq-mint{background-color:#44d1ba;}
.number-sq-green{background-color:#adc865;}
.number-sq-org{background-color:#ff9f1a;}
.number-sq-empty{background-color:transparent; color:#333;}

/* 필수체크 */
.es:after{display:inline-block;content:"";margin-left:2px;width:4px;height:4px;border-radius:50%;background:#FF6001;transform:translateY(-6px);-webkit-transform:translateY(-6px)}
.es2{width:4px; height:4px; background:#FF6001; display:inline-block; border-radius:50%;} 

/**** background Color ****/
.bg-snowgrey{background:#f8f8f8 !important;}

/**** BG Color에 따른 텍스트 색상 ****/
.bg-darkorg{color:#fff}
.bg-gray{background-color:#f7f7f7;}
/**** 간격 ****/
.mt0{margin-top:0px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pb10{padding-bottom:10px !important;}
.pb362{padding-bottom:362px !important;}

/*========================================================
 Grid 
========================================================*/
.grid-wrap,.grid-area,.grid-wrap-inline,[class*="grid-area-"]{position:relative;}
.grid-wrap-inline{display:inline-block;}
[class*="grid-area-"]:after,
.grid-wrap-inline:after,
.grid-wrap:after,
.grid-area:after{display:block; content:''; clear:both;}
[class*="grid-area-"] > .colum,
.grid-area > .colum{float:left;}
[class*="grid-area-"] .colum > .liner,
.grid-area[class*="gap"] .colum > .liner{border:1px solid #ddd;}

/**** span ****/
.grid-area-span2 > .colum{width:50%;}
.grid-area-span3 > .colum{width:33.33333333%;}
.grid-area-span4 > .colum{width:25%;}
.grid-area-span5 > .colum{width:20%;}
.grid-area-span6 > .colum{width:16.66666667%;}

/**** gap ****/
[class*="grid-area-"].gap4{margin:0 -2px 0 -2px}
[class*="grid-area-"].gap4 > .colum{padding-left:2px; padding-right:2px}
[class*="grid-area-"].gap5{margin:0 -3px 0 -2px}
[class*="grid-area-"].gap5 > .colum{padding-left:2px; padding-right:3px}
[class*="grid-area-"].gap8{margin:0 -4px 0 -4px}
[class*="grid-area-"].gap8 > .colum{padding-left:4px; padding-right:4px}
[class*="grid-area-"].gap10{margin:0 -5px}
[class*="grid-area-"].gap10 > .colum{padding-left:5px; padding-right:5px}
[class*="grid-area-"].gap15{margin:0 -8px 0 -7px}
[class*="grid-area-"].gap15 > .colum{padding-left:7px; padding-right:8px}
[class*="grid-area-"].gap16{margin:0 -8px}
[class*="grid-area-"].gap16 > .colum{padding-left:8px; padding-right:8px}
[class*="grid-area-"].gap20{margin:0 -10px}
[class*="grid-area-"].gap20 > .colum{padding-left:10px; padding-right:10px}
[class*="grid-area-"].gap25{margin:0 -13px 0 -12px}
[class*="grid-area-"].gap25 > .colum{padding-left:12px; padding-right:13px}
[class*="grid-area-"].gap30{margin:0 -15px}
[class*="grid-area-"].gap30 > .colum{padding-left:15px; padding-right:15px}
[class*="grid-area-"].gap33{margin:0 -17px 0 -16px}
[class*="grid-area-"].gap33 > .colum{padding-left:16px; padding-right:17px}
[class*="grid-area-"].gap35{margin:0 -18px 0 -17px}
[class*="grid-area-"].gap35 > .colum{padding-left:17px; padding-right:18px}
[class*="grid-area-"].gap40{margin:0 -20px}
[class*="grid-area-"].gap40 > .colum{padding-left:20px; padding-right:20px}
[class*="grid-area-"].gap50{margin:0 -25px}
[class*="grid-area-"].gap50 > .colum{padding-left:25px; padding-right:25px}
[class*="grid-area-"].gap55{margin:0 -28px 0 -27px}
[class*="grid-area-"].gap55 > .colum{padding-left:27px; padding-right:28px}
[class*="grid-area-"].gap60{margin:0 -30px 0 -30px}
[class*="grid-area-"].gap60 > .colum{padding-left:30px; padding-right:30px}

/* 상하간격 */
[class*="grid-area-"].gap4 > .colum {margin-top:4px;}
[class*="grid-area-"].gap5 > .colum {margin-top:5px;}
[class*="grid-area-"].gap8 > .colum {margin-top:8px;}
[class*="grid-area-"].gap10 > .colum {margin-top:10px;}
[class*="grid-area-"].gap15 > .colum {margin-top:30px;}
[class*="grid-area-"].gap16 > .colum {margin-top:16px;}
[class*="grid-area-"].gap20 > .colum {margin-top:20px;}
[class*="grid-area-"].gap25 > .colum {margin-top:25px;}
[class*="grid-area-"].gap30 > .colum {margin-top:30px;}
[class*="grid-area-"].gap33 > .colum {margin-top:33px;}
[class*="grid-area-"].gap35 > .colum {margin-top:35px;}
[class*="grid-area-"].gap40 > .colum {margin-top:40px;}
[class*="grid-area-"].gap50 > .colum {margin-top:50px;}
[class*="grid-area-"].gap55 > .colum {margin-top:55px;}
/* 최상단 간격 초기화 */
.grid-area-span2 > .colum:nth-child(-n+2),
.grid-area-span3 > .colum:nth-child(-n+3),
.grid-area-span4 > .colum:nth-child(-n+4),
.grid-area-span6 > .colum:nth-child(-n+6),
.grid-area-span7 > .colum:nth-child(-n+7){margin-top:0 !important} 

/**** Colum width ****/
[class*="grid-area-"] .colum.col12{width:100%;}
[class*="grid-area-"] .colum.col11{width:91.66666667%;}
[class*="grid-area-"] .colum.col10{width:83.33333333%;}
[class*="grid-area-"] .colum.col9{width:75%;}
[class*="grid-area-"] .colum.col8{width:66.66666667%;}
[class*="grid-area-"] .colum.col7{width:58.33333333%;}
[class*="grid-area-"] .colum.col6{width:50%;}
[class*="grid-area-"] .colum.col5{width:41.66666667%;}
[class*="grid-area-"] .colum.col4{width:33.33333333%;}
[class*="grid-area-"] .colum.col3{width:25%;}
[class*="grid-area-"] .colum.col2{width:16.66666667%;}
[class*="grid-area-"] .colum.col1{width:8.33333333%;}


/*========================================================
 Form
========================================================*/
button, input, optgroup, select, textarea{font:inherit; color:inherit; margin:0; padding:0; box-sizing:border-box; -webkit-appearance:none; appearance:none; }
button, input{overflow:visible;}
button, select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:none; appearance:none; cursor:pointer;/* border:0;*/ padding:0; background-image:none;}
button[disabled], html input[disabled], input[disabled] + label,button[readonly]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
input[type="checkbox"], input[type="radio"]{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;  -webkit-appearance: none; margin: 0;}
input[type="search"]{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield; outline-offset:-2px;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input[disabled],input[readonly]{background-color:#f5f5f5; border:1px solid #ddd; opacity:1; color:#999;}
[hidden]{display:none;}
select,textarea{-webkit-appearance:none; appearance:none;}
select option[disabled]{color:#999;}
input:focus, textarea:focus, select:focus{outline: none;}

/**** Input ****/
.input-text{height:40px; padding:5px 15px; background:#fff; color:#333; border:1px solid #ccc; box-sizing:border-box; font-size:13px; border-radius:0;}

/* placeholder */
textarea::placeholder{color:#bbb;}
textarea:-ms-input-placeholder{color:#bbb;}
.input-text::placeholder{color:#bbb; opacity: 1; /* for Firefox */}
.input-text:-ms-input-placeholder{color:#bbb;}
.input-text::-ms-input-placeholder{color:#bbb;}
/* IE */
.input-text::-ms-clear{display:none;}

/**** Input group ****/
/* input-group-wrap */
.input-group-wrap{border:1px solid transparent;}
.input-group-wrap .input-group .input-text{border:0;}
.input-group-wrap .input-group > .input-group-btn:last-child{padding:0}
.input-group-wrap.inline-type{display:inline-block}

/* input-group-wrap -type */
.input-group-wrap.box-type{border:0;}
.input-group-wrap.box-type .input-group-btn > .btn-icon-search{padding:0 10px; margin-top:2px}
.input-group-wrap.box-type .select-box{margin:0 0 0 -1px; height:calc(100% + 2px)}
.input-group-wrap.box-type .input-group{height:40px;}
.input-group-wrap.box-type .input-group .input-text{height:40px; padding:3px 10px; background:#f8f8f8}
.input-group-wrap.box-type .input-group .select-box,
.input-group-wrap.box-type .input-group .btn-form{height:40px;}
.input-group-wrap.box-type2{border:1px solid #535F71;}
.input-group-wrap.box-type2.type-dim{border:1px solid #ccc;}
.input-group-wrap.box-type2 .input-group.type-lg .input-group-btn > .btn-form{border-radius:0; padding:0 25px; position:relative; height:calc(100% + 2px)}
.input-group-wrap.box-type2 .input-group .input-text{border:0}
.input-group-wrap.box-type2.type-dim .btn-navy{background:#ccc; border:1px solid #ccc; color:#fff}
.input-group-wrap.box-type3{border:2px solid #333;}
.input-group-wrap.box-type3 .input-group-btn > .btn-icon-search{padding:10px 20px;}
.input-group-wrap.box-type3 .input-group{height:50px;}
.input-group-wrap.box-type3 .input-group .input-text{height:100%; padding:3px 20px; font-size:18px; } 
.input-group-wrap.search-type{border:2px solid #333;}
.input-group-wrap.search-type .input-group > .input-group-txt{padding:0 20px 0 10px; color:#555}
.input-group-wrap.search-type .input-group-cell + .input-group-cell{border-left:1px solid #ddd}
.input-group-wrap.search-type .input-group-btn > .btn-ex-white{position:relative; margin:-1px; height:44px; line-height:44px;}
.input-group-wrap.search-type .input-group-btn > .btn-icon-search{padding:0 10px; margin-top:2px}
.input-group-wrap.search-type .select-box{margin:0 0 0 -1px; height:calc(100% + 2px)}
.input-group-wrap.search-type .input-group{height:50px;}
.input-group-wrap.search-type .input-group .input-text{height:50px; padding:3px 10px;}
.input-group-wrap.search-type .input-group .select-box,
.input-group-wrap.search-type .input-group .btn-form{height:50px;}
.input-group-wrap.search-type2{border:1px solid #ff6001; border-radius:20px; overflow:hidden}
.input-group-wrap.search-type2 .input-group-btn > .btn-icon-search{padding:0 20px 0 5px;}
.input-group-wrap.search-type2 .input-group{height:38px;}
.input-group-wrap.search-type2 .input-group .input-text{height:38px; padding:3px 20px;}
.input-group-wrap.search-type3{border:1px solid #D7D7D7; background: #F8F8F8;position: relative;}
.input-group-wrap.search-type3 .input-group{height:38px;}
.input-group-wrap.search-type3 .input-group .input-text{height:38px; padding:3px 20px; background:none} 
.input-group-wrap.search-type3 .input-group .input-group-btn > .btn-search{padding:5px 10px;}

/* input-group */
.input-group{position:relative; display:table; border-collapse:collapse; /*width:100%;*/}
.input-group > .input-text{position:relative; display:table-cell; float:left; width:100%; z-index:2;}
.input-group > .input-group-cell{display:table-cell; padding:0 3px;}
.input-group > .input-group-cell:first-child{padding:0 6px 0 0;}
.input-group > .input-group-cell:last-child{padding:0 0 0 6px;}
.input-group > .input-group-cell:only-child{padding:0;}
.input-group > .input-group-cell > .select,
.input-group > .input-group-cell > .input-text{width:100%;}
.input-group > .input-group-add{display:table-cell; position:relative; white-space:nowrap; width:1%; vertical-align:middle;}
.input-group > .input-group-txt{display:table-cell; position:relative; white-space:nowrap; width:1%; vertical-align:middle; padding:0 3px;}
.input-group > .input-group-form,
.input-group > .input-group-btn{display:table-cell; position:relative; white-space:nowrap; width:1%; vertical-align:middle; border:0; padding:0 6px;}
/* 간격 */
.input-group > .input-group-txt:first-child,
.input-group > .input-group-form:first-child{padding-left:0}
.input-group > .input-group-form:last-child,
.input-group > .input-group-btn:last-child{padding:0}
.input-group > .input-text + .input-group-form:last-child,
.input-group > .input-text + .input-group-btn:last-child{padding:0 0 0 6px}
.input-group > .input-group-form:not(:first-child) + .input-group-txt{padding:0 6px 0 0}
.input-group > .input-group-txt + .input-group-form{padding-left:0}
.input-group > .input-group-btn .btn-input-del{margin-right:7px; display:none}
/* 예외 */
.input-group-wrap .input-group > .input-text + .input-group-btn:last-child{padding:0; height:100%}
.input-group-wrap.line-type .btn-search{padding:12px}
.input-group-form [class*="custom-"]{margin-left:10px; line-height:1.3; vertical-align:middle;}
.input-group-form [class*="custom-"] > label{ font-size:14px;}
.input-group > .input-group-form:first-child + .input-group-form,
.input-group > .input-group-form:first-child + .input-group-txt{padding:0 5px 0 0;}
.input-group > .input-group-txt.label{padding-right:10px;}
.input-group.w-full-fixed{width:100%; table-layout:fixed;}

.form-inline-list{vertical-align:top; line-height:1;}
.form-inline-list [class*="custom-"]{line-height:1; vertical-align:middle;}
.form-inline-list [class*="custom-"] .radio + label{ font-size:14px;}
.form-inline-list [class*="custom-"] + [class*="custom-"]{margin-left:30px}

/* input-group-txt - dash, arrow */
.input-dash{display:block;}
.input-dash:after{display:block; content:''; width:8px; height:2px; background:#ccc;}

/* btn-form */
.btn-form{display:inline-block; height:40px; padding:0 13px; text-align:center; border-radius: 6px;}
.btn-form > span{display:inline-block; height:100%; line-height:2.8 }
.btn-form > i + span{margin-left:5px;}
.input-group .input-group-btn .btn-form.btn-default{border:1px solid #666}
.input-group .input-group-btn .btn-form.btn-done{border-color:#ccc; color:#999}

/* 폼요소 Size */
.input-group .input-text{height:40px; padding:3px 15px;}
.input-group .select,
.input-group .btn-form{height:40px;}
/* size */
.input-group.type-lg{height:50px;}
.input-group.type-lg .input-text,
.input-text.type-lg{height:50px; padding:3px 10px; background-color:#fff; border:1px solid #e6e6e6; font-size:13px; border-radius:1px;}
.input-group.type-lg .input-group-btn .btn-form{height:50px; padding:0 10px; min-width:auto; font-size:13px;}
.input-group.type-lg .btn-form > span{line-height:3.8}
.input-group.type-lg > .input-group-txt{font-size:13px; color:#333}
.input-group.type-lg .select,
.input-group.type-lg .btn-form{height:50px;border-radius: 6px;}
.input-group.type-sm{height:30px;}
.input-group.type-sm .input-text,
.input-text.type-sm{height:30px; padding:3px 10px; background-color:#fff; border:1px solid #ccc; font-size:13px; border-radius:1px;}

/* 간격 */
.input-group.type-lg  > .input-group-cell{display:table-cell; padding:0 3px;border-radius: 6px;}
.input-group.type-lg  > .input-group-cell:first-child{padding:0 3px 0 0;}
.input-group.type-lg  > .input-group-cell:last-child{padding:0 0 0 3px;}
.input-group.type-lg  > .input-group-txt{display:table-cell; position:relative; white-space:nowrap; width:1%; vertical-align:middle; padding:0 3px; text-align:center;}
.input-group.type-lg  > .input-group-form,
.input-group.type-lg  > .input-group-btn{display:table-cell; position:relative; white-space:nowrap; width:1%; vertical-align:middle; border:0; padding:0 3px;}
.input-group.type-lg  > .input-text + .input-group-form:last-child,
.input-group.type-lg  > .input-text + .input-group-btn:last-child{padding:0 0 0 6px}
.input-group.type-lg  > .input-group-form:not(:first-child) + .input-group-txt{padding:0 6px 0 3px}
.input-group.type-lg  > .input-group-form:first-child + .input-group-form,
.input-group.type-lg  > .input-group-form:first-child + .input-group-txt{padding:0 3px 0 0;}

/* 유효성 체크 */
.input-group ~ .valid,
.input-group ~ .text-guide-sm{margin-top:6px}
.input-group ~ .valid:empty{margin-top:0}
.input-text.checked{background:url("/resources/mobile/images/icon/ico_input_check.png") no-repeat; background-position:right center; background-size:31px auto}
.btn-valid{border-color:#ff6001; color:#ff6001}
.input-group .input-group-btn .btn-form.btn-default.btn-valid{border-color:#ff6001; color:#ff6001}
/* 개발페이지에 맞춤 */
.input-group + div .valid{margin-top:6px}

/**** 파일첨부 ****/
.filebox input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filebox .upload-name{display:inline-block;  vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin: 3px 0 0;}
.filebox .upload-name .txt{display:inline-block; max-width:600px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break: break-all; padding:0 5px;}
.filebox .upload-name .ui-file-delete{vertical-align: top; padding:5px;}
.filebox .btn-file-label{display:inline-block; text-align:center; line-height:2.8; width:100px; height:40px; color:#666; font-size:13px; font-weight:500; background:#f8f8f8; border:1px solid #ddd}
/* 간격 */
.filebox ~ .form-group,
.filebox + .txt-warning{margin-top:10px;}

/**** Radio ****/
.custom-radio{position:relative; display:inline-block;}
.custom-radio input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.custom-radio .radio + label{display:inline-block; color:#333; position:relative; padding-left:26px; height:18px; cursor:pointer; line-height:1.4; vertical-align: top;}
.custom-radio .radio + label:before{display:block; content:''; position:absolute; left:0; top:0; width:18px; height:18px; text-align:center; background:#fff; border:1px solid #ddd; border-radius:100%; box-sizing: border-box;}
.custom-radio .radio:checked + label:before{background:#ff6001; border:1px solid #ff6001;}
.custom-radio .radio:checked + label:after{content:''; position:absolute; top:5px; left:5px; width:8px; height:8px; background:#ffffff; border-radius:100%;}
.custom-radio .radio[disabled] + label{cursor:default;}
.custom-radio .radio[disabled] + label:before{background:#f5f5f5;}
.custom-radio .radio[disabled]:checked + label:after{background:#ddd;}
.custom-radio .radio.disabled + label:before{background:#f5f5f5;}
.custom-radio .radio.disabled:checked + label:after{background:#ddd;}

/* 버튼형 Radio */
.custom-radio .radio-btn + label{display:block; width:100%; height:50px; border: 1px solid #888; border-radius:3px; padding:5px 10px; background:#fff; line-height:2.4; font-size:15px; cursor: pointer;}
.custom-radio .radio-btn + label > span:before{display:inline-block; content:''; width:24px; height:24px; border-radius:100%; border:1px solid #ddd; background:#fff; vertical-align:middle; margin-right:10px}
.custom-radio .radio-btn + label > span.text-throu:before{content:none}
.custom-radio .radio-btn:checked + label{color:#fff; background:#FF6001; border:1px solid #FF6001; font-weight:bold;}
.custom-radio .radio-btn:checked + label > span:before{background:#fff url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") left top; background-size:60px auto; border:1px solid #FF6001}
.custom-radio .radio-btn.disabled + label,
.custom-radio .radio-btn[disabled] + label{cursor:default; background:#ececec; border-color:#d1d1d1; color:#999}
.custom-radio .radio-btn.disabled + label > i,
.custom-radio .radio-btn[disabled] + label > i{margin-right:5px; margin-top:-3px;}

/* type2 */
.custom-radio .radio-btn-type2 + label{display:block; height:36px; border: 1px solid #ccc; padding:5px 0; text-align:center; color:#666; background:#fff; line-height:2; font-size:12px; cursor: pointer;} 
.custom-radio .radio-btn-type2:checked + label{color:#FF6001; border:1px solid #FF6001;}
.ico-thumb-up{display:inline-block; width:16px; height:16px; vertical-align:top; margin-top:-2px; background:url("/resources/mobile/images/icon/ico_form_m.png") 0 -50px; background-size:120px auto}
.ico-thumb-down{display:inline-block; width:16px; height:16px; vertical-align:top; margin-top:-1px; background:url("/resources/mobile/images/icon/ico_form_m.png") 0 -25px; background-size:120px auto}
.custom-radio .radio-btn-thumb + label{display:block; width:48px; height:28px; border: 1px solid #ccc; padding:7px 0; text-align:center; color:#666; background:#fff; line-height:1.6; font-size:14px; cursor: pointer; border-radius:30px;} 
.custom-radio .radio-btn-thumb:checked + label{ border:1px solid #FF6001;}
.custom-radio .radio-btn-thumb:checked + label > .ico-thumb-up{background-position:-30px -50px;}
.custom-radio .radio-btn-thumb:checked + label > .ico-thumb-down{background-position:-30px -25px;}

/* 그룹 - 박스형 Radio */
.radio-box-group .custom-radio{margin-left:-5px;}
/* type1 */
.custom-radio .radio-box-type1 + label{display:inline-block; position:relative; min-width:30px; height:30px; padding:0 7px; cursor:pointer; color:#666; font-size:13px; line-height:28px; background:#fff; border:1px solid #ccc; text-align: center;}
.custom-radio .radio-box-type1:checked + label{color:#fff; border:1px solid #333; background:#333; position: relative; z-index: 1;}
/* type2 */
.custom-radio .radio-box-type2 + label{display:inline-block; position:relative; min-width:100px; height:42px; padding:0 10px; cursor:pointer; color:#505f7c; font-size:14px; line-height:2.8; border:1px solid #ccc; text-align:center; background:#f1f1f1;}
.custom-radio .radio-box-type2:checked + label{color:#505f7c; border:1px solid #505f7c; position: relative; z-index: 1; color:#505f7c; background:#fff;}

.custom-radio .radio-box-type3 + label{display:inline-block; position:relative; min-width:100px; height:42px; padding:0 10px; cursor:pointer; color:#505f7c; font-size:14px; line-height:2.8; border:1px solid #ccc; text-align:center; background:#f1f1f1;}
.custom-radio .radio-box-type3:checked + label{color:#444444; border:1px solid #444444; position: relative; z-index: 1; background:#fff;font-weight: 700;}
.radio-box-group .custom-radio:first-child .radio-box-type2 + label{border-radius:3px 0 0 3px;}
.radio-box-group .custom-radio + .custom-radio .radio-box-type2 + label{border-radius:0 3px 3px 0;}
/* list Radio */
.custom-radio .radio-list + label{display:block; vertical-align:top; cursor:pointer; color:#666; font-size:15px; text-align:center}
.custom-radio .radio-list:checked + label{font-weight:bold;}
/* board sorting Radio */
.custom-radio .radio-sort + label{display:inline-block; vertical-align:top; cursor:pointer; color:#666; font-size:13px;}
.custom-radio .radio-sort:checked + label{font-weight:700; color:#ff6001}
/* board sorting Radio + check icon */
/* .custom-radio .radio-sort-check + label{display:inline-block; vertical-align:top; cursor:pointer; color:#333; font-size:14px;}
.custom-radio .radio-sort-check:checked + label:before{display:inline-block; content:''; width:12px; height:8px; background:url("/resources/mobile/images/icon/ico_form.png") 0 0; margin-right:5px;}
.custom-radio .radio-sort-check:checked + label{color:#FF6001; font-weight:700;} */

/**** radio-grid- ****/
[class*="radio-grid-"]{display:flex; flex-wrap:wrap; margin:0 -3px}
[class*="radio-grid-"] li{position:relative; height:50px; border:1px solid #ccc; margin:3px}
.radio-grid-span2 li{flex-grow:5; -webkit-box-flex:5; max-width:50%}
/*.radio-grid-span3 li{flex: 1 1 30%;}*/
.radio-grid-span3 li{width:calc(33.3% - 6px)}

/* radio-box-grid */
[class*="radio-grid-"] .custom-radio{width:100%; height:100%;}
.custom-radio .radio-box-grid + label{display:block; position:relative; top:-1px; left:-1px; width:100%; height:100%; cursor:pointer; border:1px solid transparent; box-sizing:content-box;}
.custom-radio .radio-box-grid + label > .txt{display:block; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:100%; text-align:center; font-size:14px; font-weight: normal;}
.custom-radio .radio-box-grid + label > .txt.txt-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;}
.custom-radio .radio-box-grid + label > .txt.txt-flex > i {margin:0 4px; min-width:20px;}
.custom-radio .radio-box-grid + label > .txt.txt-flex > i + span {word-break: break-all;line-height:1.3;}
.custom-radio .radio-box-grid:checked + label{border:1px solid #FF6001; position: relative; z-index: 1;}
.custom-radio .radio-box-grid:checked + label > .txt{font-weight:700; color:#FF6001}

/**** Checkbox ****/
.custom-checkbox{position:relative; display:inline-block; vertical-align:top}
.custom-checkbox input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; vertical-align:top}
.custom-checkbox input[type="checkbox"] + label{display:inline-block; position:relative; cursor:pointer; vertical-align: top; line-height:20px}
.custom-checkbox > .notice-text {padding:3px 0 0 28px; font-size:12px; color:#999;}
/* 기본 */
.custom-checkbox .checkbox + label{padding-left:28px; min-height:20px;}
.custom-checkbox .checkbox + label:before{display:block; content:''; position:absolute; left:0; top:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #999;box-sizing:border-box;} 
.custom-checkbox .checkbox:checked + label:before{background:#ff7e32 url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") -1px -32px; background-size:50px auto; width:20px; height:20px; border:1px solid #ff7e32;}/*background:#ff7e32 url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") right bottom;*/
/* disable */
.custom-checkbox .checkbox.disabled + label:before,
.custom-checkbox .checkbox[disabled] + label:before{background-color:#f7f7f7; border: 1px solid #ddd;}R
/* .custom-checkbox .checkbox.disabled + label,
.custom-checkbox .checkbox[disabled] + label{background-color:#f7f7f7;} */
.custom-checkbox .checkbox.disabled:checked + label:before,
.custom-checkbox .checkbox:checked[disabled] + label:before{background-position:-31px -1px; background-size:50px auto;}
/* type2 */
.custom-checkbox .checkbox.type2 + label{padding-left:18px; min-height:16px; line-height: 1.2;}
.custom-checkbox .checkbox.type2 + label:before{display:block; content:''; position:absolute; left:0; top:0; width:14px; height:14px; text-align:center; background:#fff; border:1px solid #ccc;box-sizing:border-box;} 
.custom-checkbox .checkbox.type2:checked + label:before{background:#ff6001 url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") -43px -43px/58px auto; width:14px; height:14px; border:1px solid #ff6001}
/* type-sm */
.custom-checkbox .checkbox.type-sm + label{padding-left:23px; min-height:14px; line-height: 1.1; font-size:13px;}
.custom-checkbox .checkbox.type-sm + label:before{display:block; content:''; position:absolute; left:0; top:0; width:14px; height:14px; text-align:center; background:#fff; border:1px solid #E6E6E6; box-sizing:border-box;} 
.custom-checkbox .checkbox.type-sm:checked + label:before{background:#FF6001 url("/resources/mobile/images/icon/ico_form.png") -100px -70px; width:14px; height:14px; border:1px solid #FF6001}
/* type3 */
.custom-checkbox .checkbox-btn-type3 + label{display:block; min-width:70px; height:30px; border: 1px solid #ddd; padding:5px 15px; text-align:center; color:#333; background:#fff; line-height:1.4; font-size:13px; cursor: pointer; border-radius:100px;} 
.custom-checkbox .checkbox-btn-type3:checked + label{color:#fff; border:1px solid #FF7E32; background:#FF7E32}
.custom-checkbox .checkbox-btn-type3 + label:before{display:inline-block; content:''; width:12px; height:9px; margin-right:4px; background:url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") -42px -7px; background-size:60px auto}
.custom-checkbox .checkbox-btn-type3:checked + label:before{background:url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") -6px -44px; background-size:60px auto}
/* type-dark */
.custom-checkbox .checkbox.type-dark + label{padding-left:28px; min-height:20px;}
.custom-checkbox .checkbox.type-dark + label:before{display:block; content:''; position:absolute; left:0; top:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #e6e6e6; border-radius:4px; box-sizing:border-box;}
.custom-checkbox .checkbox.type-dark:checked + label:before{background:#333 url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") -1px -32px; background-size:50px auto; width:20px; height:20px; border:1px solid #333;}/*background:#ff7e32 url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") right bottom;*/
/* wishbox type */
.custom-checkbox .checkbox-wishbox + label{border:1px solid #ccc; max-width:80px; height:56px; padding:18px 18px 18px 45px; font-size:18px;     line-height: 1.1; color:#666}
.custom-checkbox .checkbox-wishbox + label:before{display:block; content:''; position:absolute; left:17px; top:17px; width:23px; height:21px; text-align:center; background:url("/resources/mobile/images/icon/ico_form.png") 0 -140px;} 
.custom-checkbox .checkbox-wishbox:checked + label:before{background:url("/resources/mobile/images/icon/ico_form.png") -50px -140px;}
/* 원형 체크박스*/
.custom-checkbox .checkbox-circle + label{padding-left:30px; min-height:24px; line-height:2;}
.custom-checkbox .checkbox-circle + label:before{display:block; content:''; position:absolute; left:0; top:0; width:24px; height:24px; text-align:center; background:#fff; border:1px solid #b6b6b6; border-radius:50%; box-sizing:border-box;} 
.custom-checkbox .checkbox-circle:checked + label:before{background:#FF6001 url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") left bottom; width:24px; height:24px; background-size:60px auto; border:0}
.custom-checkbox .checkbox-circle.disabled + label,
.custom-checkbox .checkbox-circle[disabled] + label,
.custom-checkbox .checkbox-circle.disabled:checked + label:before,
.custom-checkbox .checkbox-circle:checked[disabled] + label:before{background-position:left bottom; opacity:.5;}

.custom-checkbox .checkbox-circle2 + label:before{display:inline-block; content:''; position:relative;width:16px; height:16px; text-align:center; background:#ffffff;border-radius:50%; box-sizing:border-box;border:1px solid #E6E6E6;vertical-align: middle;}
.custom-checkbox .checkbox-circle2:checked + label:before{background:#ffffff; width:16px; height:16px; position:relative;border: 4px solid #FF6001;}
.custom-checkbox .checkbox-circle2 + label span{margin-left:6px;color:#666666;font-size: 14px;}

/* 원형 라디오 */
.custom-radio .radio-circle + label{padding-left:30px; min-height:24px; line-height:2;}
.custom-radio .radio-circle + label:before{display:block; content:''; position:absolute; left:0; top:0; width:24px; height:24px; text-align:center; background:#fff; border:1px solid #b6b6b6; border-radius:50%; box-sizing:border-box;}
.custom-radio .radio-circle:checked + label:before{background:#FF6001 url("/resources/mobile/images/icon/ico_check_m.png?ver=20220511") left bottom; width:24px; height:24px; background-size:60px auto; border:0}
.custom-radio .radio-circle.disabled + label,
.custom-radio .radio-circle[disabled] + label,
.custom-radio .radio-circle.disabled:checked + label:before,
.custom-radio .radio-circle:checked[disabled] + label:before{background-position:left bottom; opacity:.5;} 

/* 버튼형 체크박스 */
.custom-checkbox .checkbox-btn + label{height:28px; border: 1px solid #ccc; padding:5px 10px; color:#555; font-size:13px; line-height:1.2; background:#fff; border-radius:3px;}
.custom-radio .radio-chk-btn + label{height:28px; border: 1px solid #666; padding:5px 10px; color:#555; font-size:13px; line-height:1.2; background:#fff; border-radius:3px;}

/* 라운드형 체크박스,라디오버튼 */
.custom-radio .radio-btn-rud + label,
.custom-checkbox .checkbox-btn-rud + label{display:block; min-width:74px; height:40px; border: 1px solid #f2f2f2; padding:0 25px; text-align:center; color:#333; background:#f8f8f8; line-height:2.8; font-size:13px; cursor: pointer; border-radius:100px;} 
.custom-checkbox .checkbox-btn-rud:checked + label,
.custom-radio .radio-btn-rud:checked + label{color:#fff; background:#FF6001; border:1px solid #FF6001;}

/* 싱글타입 체크박스 */
.custom-checkbox.single .checkbox + label{padding-left:0;width:20px;height:20px;}
.custom-checkbox.single .checkbox + label:before {left:50%;transform:translateX(-50%);}

/* 아이콘타입 체크박스 */
.form-circle-box{width:36px; height:36px;border-radius:50%; padding:10px 0}
.custom-checkbox .checkbox-wish + label{width:18px; height:16px; line-height: 1;}
.custom-checkbox .checkbox-wish + label:before{display:block; content:''; position:absolute; left:0; top:0; width:18px; height:16px;  background:url("/resources/mobile/images/icon/ico_form_m.png") 0 0; background-size:120px auto}
.custom-checkbox .checkbox-wish:checked + label:before{background:url("/resources/mobile/images/icon/ico_form_m.png") -30px top; background-size:120px auto}
.custom-checkbox .checkbox-wish-lg + label{width:25px; height:22px; line-height: 1;}
.custom-checkbox .checkbox-wish-lg + label:before{display:block; content:''; position:absolute; left:0; top:0; width:25px; height:22px;  background:url("/resources/mobile/images/icon/ico_form_m.png") -60px 0; background-size:120px auto}
.custom-checkbox .checkbox-wish-lg:checked + label:before{background:url("/resources/mobile/images/icon/ico_form_m.png") -95px top; background-size:120px auto}


.custom-checkbox [class*="checkbox-wish-xm"] + label{width: 12px;height: 12px;line-height: 1;}
.custom-checkbox [class*="checkbox-wish-s"] + label{width: 18px;height: 18px;line-height: 1;}
.custom-checkbox .checkbox-wish + label{width: 24px;height: 24px;line-height: 1;}
.custom-checkbox [class*="checkbox-wish-r"] + label{width: 32px;height: 32px;line-height: 1;}
.custom-checkbox [class*="checkbox-wish-l"] + label{width: 48px;height: 48px;line-height: 1;}
.custom-checkbox .checkbox-wish-xm + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 12px;height: 12px;background:url("/resources/mobile/images/icon/heart-icon.png") -12px 0; background-size: 240px;}
.custom-checkbox .checkbox-wish-s + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 18px;height: 18px;background:url("/resources/mobile/images/icon/heart-icon.png") -18px -17px; background-size: 240px;}
.custom-checkbox .checkbox-wish + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 24px;height: 24px;background:url("/resources/mobile/images/icon/heart-icon.png") -26px -40px; background-size: 240px;}
.custom-checkbox .checkbox-wish-r + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 32px;height: 32px;background:url("/resources/mobile/images/icon/heart-icon.png") -32px -69px; background-size: 240px;}
.custom-checkbox .checkbox-wish-l + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 48px;height: 48px;background:url("/resources/mobile/images/icon/heart-icon.png") -48px -106px; background-size: 240px;}
.custom-checkbox .checkbox-wish-xm-black + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 12px;height: 12px;background:url("/resources/mobile/images/icon/heart-icon.png") 0 0; background-size: 240px;}
.custom-checkbox .checkbox-wish-s-black + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 18px;height: 18px;background:url("/resources/mobile/images/icon/heart-icon.png") 0 -17px; background-size: 240px;}
.custom-checkbox .checkbox-wish-black + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 24px;height: 24px;background:url("/resources/mobile/images/icon/heart-icon.png") 0 -40px; background-size: 240px;}
.custom-checkbox .checkbox-wish-r-black + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 32px;height: 32px;background:url("/resources/mobile/images/icon/heart-icon.png") 0 -69px; background-size: 240px;}
.custom-checkbox .checkbox-wish-l-black + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 48px;height: 48px;background:url("/resources/mobile/images/icon/heart-icon.png") 0 -106px; background-size: 240px;}
.custom-checkbox .checkbox-wish-xm-white + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 12px;height: 12px;background:url("/resources/mobile/images/icon/heart-icon.png") -48px 0; background-size: 240px;}
.custom-checkbox .checkbox-wish-s-white + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 18px;height: 18px;background:url("/resources/mobile/images/icon/heart-icon.png") -54px -17px; background-size: 240px;}
.custom-checkbox .checkbox-wish-white + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 24px;height: 24px;background:url("/resources/mobile/images/icon/heart-icon.png") -72px -40px; background-size: 240px;}
.custom-checkbox .checkbox-wish-r-white + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 32px;height: 32px;background:url("/resources/mobile/images/icon/heart-icon.png") -96px -69px; background-size: 240px;}
.custom-checkbox .checkbox-wish-l-white + label:before{display:block;content:'';position:absolute;left:0;top:0;width: 48px;height: 48px;background:url("/resources/mobile/images/icon/heart-icon.png") -144px -106px; background-size: 240px;}
.custom-checkbox  [class*="checkbox-wish-xm"]:checked + label:before{background:url("/resources/mobile/images/icon/heart-icon.png") -24px 0; background-size: 240px;}
.custom-checkbox  [class*="checkbox-wish-s"]:checked + label:before{background:url("/resources/mobile/images/icon/heart-icon.png") -36px -17px; background-size: 240px;}
.custom-checkbox  .checkbox-wish:checked + label:before{background:url("/resources/mobile/images/icon/heart-icon.png") -50px -40px; background-size: 240px;}
.custom-checkbox  [class*="checkbox-wish-r"]:checked + label:before{background:url("/resources/mobile/images/icon/heart-icon.png") -64px -69px; background-size: 240px;}
.custom-checkbox  [class*="checkbox-wish-l"]:checked + label:before{background:url("/resources/mobile/images/icon/heart-icon.png") -96px -106px; background-size: 240px;}

/* 휴지통 아이콘 */
[class*="btn-trash-"]{display:inline-block;}
[class*="btn-trash-"]:after{display:inline-block; content:''; background-image:url("/resources/mobile/images/icon/trashcan-icon.png");background-size: 240px;}
[class*="btn-trash-xm"]{width: 12px;height: 12px;font-size:0}
[class*="btn-trash-s"]{width: 18px;height: 18px;font-size:0}
[class*="btn-trash-m"]{width: 24px;height: 24px;font-size:0}
[class*="btn-trash-r"]{width: 32px;height: 32px;font-size:0}
[class*="btn-trash-l"]{width: 48px;height: 48px;font-size:0}
.btn-trash-xm-black:after{width:100%;height:100%;background-position: 0 0;}
.btn-trash-s-black:after{width:100%;height:100%;background-position: 0 -17px;}
.btn-trash-m-black:after{width:100%;height:100%;background-position: 0 -40px;}
.btn-trash-r-black:after{width:100%;height:100%;background-position: 0 -69px;}
.btn-trash-l-black:after{width:100%;height:100%;background-position: 0 -106px;}
.btn-trash-xm-gray:after{width:100%;height:100%;background-position: -12px 0;}
.btn-trash-s-gray:after{width:100%;height:100%;background-position: -18px -17px;}
.btn-trash-m-gray:after{width:100%;height:100%;background-position: -24px -40px;}
.btn-trash-r-gray:after{width:100%;height:100%;background-position: -32px -69px;}
.btn-trash-l-gray:after{width:100%;height:100%;background-position: -48px -106px;}
.btn-trash-xm-gray2:after{width:100%;height:100%;background-position: -24px 0;}
.btn-trash-s-gray2:after{width:100%;height:100%;background-position: -36px -17px;}
.btn-trash-m-gray2:after{width:100%;height:100%;background-position: -48px -40px;}
.btn-trash-r-gray2:after{width:100%;height:100%;background-position: -64px -69px;}
.btn-trash-l-gray2:after{width:100%;height:100%;background-position: -96px -106px;}
.btn-trash-xm-white:after{width:100%;height:100%;background-position: -36px 0;}
.btn-trash-s-white:after{width:100%;height:100%;background-position: -54px -17px;}
.btn-trash-m-white:after{width:100%;height:100%;background-position: -72px -40px;}
.btn-trash-r-white:after{width:100%;height:100%;background-position: -96px -69px;}
.btn-trash-l-white:after{width:100%;height:100%;background-position: -144px -106px;}
/* 변형 ON/OFF 체크박스 */
.custom-checkbox .checkbox-onoff + label {display:block;position:relative;width:80px;height:30px;border:1px solid #999;border-radius:5px;box-sizing:border-box;line-height:28px;text-align:center;color:#999;font-size:12px;font-weight:700;}
.custom-checkbox .checkbox-onoff + label span {display:inline-block; width:39px; height:30px;}
.custom-checkbox .checkbox-onoff + label:before {content:'OFF';position:absolute;top:-1px;right:-1px;width:41px;height:30px;border:1px solid #0082ff;border-radius:0 5px 5px 0;background-color:#fff;color:#0082ff;box-sizing:border-box;z-index:2;transition:left 0.3s, right 0.3s, border-radius 0.3s;}
.custom-checkbox .checkbox-onoff:checked + label:before {content:'ON';right:38px;border-radius:5px 0 0 5px;}

/**** select ****/
.select{position: relative; min-width:100px; height:40px; padding: 0 40px 0 15px; border:1px solid #ccc; line-height:38px; background-color:transparent; color:#666; vertical-align:middle;background: url('/resources/mobile/images/icon/ico_btn_select.png') right center no-repeat; background-size: 28px auto; border-radius: 0;}
.select.on,
.select > option{color:#333;}
.select.type-lg{height:50px;}

@media screen and (max-width:321px) { 
    .select{min-width:80px;}
}

/**** Dropdown ****/
.dropdown-box{display:inline-block; position:relative; min-width:260px; height:50px; vertical-align:top; z-index:2; text-align:left; max-width:100%}
.dropdown-box .dropdown-value{display:block; position:relative; height:100%; padding:12px 40px 9px 15px;  border: 1px solid #ccc; font-size:15px; color:#666;  box-sizing:border-box; background:#fff}
.dropdown-box .dropdown-value > span{display:block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break: break-all;}
.dropdown-box .dropdown-list{display:none; overflow-y:auto; position:absolute; top:49px; width:100%; max-height:300px; padding:0; border:1px solid #666; background:#fff; z-index:1}
.dropdown-box .dropdown-list li{position:relative; background:#fff; border-top:1px solid #ddd}
.dropdown-box .dropdown-list li:first-child{border-top:0;}
.dropdown-box .dropdown-list li a:not(.text-primary){display:inline-block; width:100%; height:100%; background:#fff; padding:10px; font-size:14px}
.dropdown-box .dropdown-list li.first a:not(.text-primary),
.dropdown-box .dropdown-list li.selected a:not(.text-primary),
.dropdown-box .dropdown-list li a:not(.text-primary):hover{background:#f8f8f8; color:#444;}
.dropdown-box .dropdown-list li.disabled > a:not(.text-primary){color:#ccc; padding:10px 100px 10px 10px;}
.dropdown-box .dropdown-list li .text-primary{position:absolute; bottom:10px; right:10px; text-decoration:underline; z-index:2; font-size:12px; }
.dropdown-box.box-md .dropdown-list li.disabled > a:not(.text-primary){color:#ccc; padding:10px;}
.dropdown-box.box-md .dropdown-list li .text-primary{position:static; display:block; padding:0 10px 10px; margin-top:-5px; text-align:right;}

/* 아이콘 */
.dropdown-box .dropdown-value:after{content:'';display:block;position:absolute; right:20px; top:17px; width:7px; height:7px; border-top:2px solid #999; border-left:2px solid #999; transform:rotate(225deg);-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg)}
.dropdown-box.on .dropdown-value:after{top:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.dropdown-box.box-md .dropdown-value:after{top:22px;}
.dropdown-box.box-md.on .dropdown-value:after{top:25px;}
/* 활성화시 */
.dropdown-box.on{z-index:3;}
.dropdown-box.on .dropdown-value{border:1px solid #666}
.dropdown-box.on .dropdown-list{display:block; border:1px solid #666}
/* 사이즈 box-md */
.dropdown-box.box-md{height:45px;}
.dropdown-box.box-md .dropdown-value{padding:10px 40px 9px 15px;}
.dropdown-box.box-md .dropdown-list{top:44px;}
/* 아이콘 */
.dropdown-box.box-sm .dropdown-value:after{right:15px; top:15px; width:7px; height:7px;}
.dropdown-box.box-sm.on .dropdown-value:after{top:17px;}

/**** Selectbox ****/
.select-box{display:inline-block; min-width:105px; position:relative; height:40px; vertical-align:top; z-index:2; text-align:left; max-width:100%}
.select-box .select-value{display:block; position:relative; height:100%; padding:0 36px 0 15px;  border: 1px solid #ddd; font-size:14px; color:#333;  box-sizing:border-box; background-color:#fafafa;}
.select-box .select-background{background-color: #fff;}
.select-box .select-value.on{background-color:#fff;}
.select-box .select-value:after{content:''; display:block; position:absolute; right:20px; top:50%; width:7px; height:7px; border-top:1px solid #555; border-left:1px solid #555; transform:rotate(225deg) translateY(100%);-webkit-transform:rotate(225deg) translateY(100%); -ms-transform:rotate(225deg) translateY(100%)}
.select-box .select-value.placeholder{color:#999}
.select-box .select-value.disabled{background:#f4f4f4}
.select-box .select-value > span{position:relative; top:50%; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display:block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break: break-all;}
.select-box .select-list{display:none;overflow-y:auto;position:absolute; top:39px; width:100%;max-height:300px;padding:0;border:1px solid #ddd;background:#fff;z-index:1}
.select-box .select-list li + li{border-top:1px solid #eee}
.select-box .select-list li:first-child{margin-top:0}
.select-box .select-list a{display:block;width:100%;height:100%;padding:10px 18px 11px;background:#fff;box-sizing:border-box;font-size:13px}
.select-box .select-list li.first > a,
.select-box .select-list a:hover{background: #f8f8f8;}
.select-box.on{z-index:3}
.select-box.on .select-value{border-color:#333;}
.select-box.on .select-value:after{top:23px;transform:rotate(45deg) translateY(-100%);-webkit-transform:rotate(45deg) translateY(-100%);-ms-transform:rotate(45deg) translateY(-100%);}
.select-box.on .select-list{display:block; border:1px solid #333; border-top:1px solid #ddd}
/* width */
.colum > .select-box{width:100%;}
/* select-box-sm  */
.select-box-sm{display:inline-block; min-width:80px; position:relative; height:30px; vertical-align:top; z-index:2; text-align:left; max-width:100%}
.select-box-sm .select-value{display:block; position:relative; height:100%; padding:0 32px 0 10px;  border: 1px solid #ddd; font-size:13px; color:#333; box-sizing:border-box; background:#fff}
.select-box-sm .select-value:after{content:''; display:block; position:absolute; right:15px; top:50%; width:5px; height:5px; border-top:1px solid #000; border-left:1px solid #000; transform:rotate(225deg) translateY(100%);-webkit-transform:rotate(225deg) translateY(100%); -ms-transform:rotate(225deg) translateY(100%)}
.select-box-sm .select-value.placeholder{color:#999}
.select-box-sm .select-value.disabled{background:#f4f4f4}
.select-box-sm .select-value > span{position:relative; top:50%; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display:block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break: break-all;}
.select-box-sm .select-list{display:none;overflow-y:auto;position:absolute;top:29px;width:100%;max-height:300px;padding:0;border:1px solid #ddd;background:#fff;z-index:1}
.select-box-sm .select-list li + li{border-top:1px solid #ddd}
.select-box-sm .select-list li:first-child{margin-top:0}
.select-box-sm .select-list a{display:block;width:100%;height:100%;padding:5px 10px;background:#fff;box-sizing:border-box;font-size:13px}
.select-box-sm .select-list li.first > a,
.select-box-sm .select-list a:hover{background: #f8f8f8;}
.select-box-sm.on{z-index:3}
.select-box-sm.on .select-value:after{top:15px;transform:rotate(45deg) translateY(-100%);-webkit-transform:rotate(45deg) translateY(-100%);-ms-transform:rotate(45deg) translateY(-100%)}
.select-box-sm.on .select-list{display:block}
/* width */
.colum > .select-box-sm{width:100%;}
/* select-box-lineless */
.select-box.type-lineless .select-value{border:0}
.select-box.type-lineless.on .select-list{border:0}
.select-box .select-list a{padding:15px 15px}
.select-box.type-lineless .select-list li + li{border-top:0}

/**** textarea ****/
.textarea-box{border:1px solid #ddd; width:100%; padding:15px;}
.textarea-box textarea{border:0; width:100%; min-height:60px; height:100%; resize:none;font-size:14px;}
.textarea-box.disabled,
.textarea-box.disabled textarea[disabled]{background-color:#eee;}
.textarea-box.type-sm{ padding:10px;}

/* 간격 */
.input-group-wrap ~ .textarea-box,
.input-group ~ .input-group{margin-top:6px;}
.input-group.type-lg ~ .input-group.type-lg{margin-top:8px;}

/**** qty group ****/
.qty-group{position:relative; display:inline-block; overflow:hidden; width:96px; height:28px; border:1px solid #e6e6e6; vertical-align:top;}
.qty-group .btn-qty{position:absolute; top:-1px;}
.qty-group .btn-qty:first-child{left:-1px;}
.qty-group .btn-qty:last-child{right:-1px;}
.qty-group .input-qty{width:100%; height:100%;color:#333; background:#fff; border:0; text-align:center; font-size:14px; vertical-align:top;}
.qty-group.type-sm{width:94px; height:23px; border:1px solid #ddd}
.qty-group.type-sm .btn-qty{width:30px; padding:5px 7px; border:1px solid #ddd}
.qty-group.type-sm .input-qty{font-size:13px;}

/* Width */
.wp10{width:10%;}
.wp15{width:15%;}
.wp18{width:18%;}
.wp20{width:20%;}
.wp25{width:25%;}
.wp30{width:30%;}
.wp35{width:35%;}
.wp40{width:40% !important;;}
.wp45{width:45%;}
.wp50{width:50%;}
.wp55{width:55%;}
.wp60{width:60% !important;;}
.wp65{width:65%;}
.wp70{width:70%;}
.wp80{width:80%;}
.wp85{width:85%;}
.wp90{width:90%;}
.wp100,.w-full{width:100%;}
/* -px */
.w-full{width: 100% !important;}
.w40{width: 40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w80{width:80px !important;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w135{width:135px;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w165{width:165px !important;}
.w220{width:220px !important;}
.w260{width:260px;}
.w270{width:270px;}
.w275{width:275px;}
.w280{width:280px;}
.w435{width:435px;}
/* Height */
.h125{height:125px;}
.h230{height:230px;}

/**** form group ****/
.form-group .form-head > .form-label{display:inline-block}
.form-group .form-tit,
.form-group .form-label{font-size:15px; color:#333; text-align:left; font-weight:bold;}
.form-group .form-label .es2{vertical-align:middle; margin-top:-10px; margin-left:5px;}

/* form-horiz-list */
table td .form-horiz-list{margin:-5px 0}
.form-horiz-list{overflow:hidden}
.form-horiz-list > li{float:left; margin-right:15px; padding:5px 0px; vertical-align:top;}

/* 간격 */
.form-group + .form-group{margin-top:26px;} 
.layer-content .form-group + .form-group{margin-top:20px;} 
.form-group .form-head ~ .form-box,
.form-group .form-head ~ .textarea-box,
.form-group .form-head ~ .input-group-wrap,
.form-group .form-head ~ .input-group,
.form-group .form-label ~ .input-group,
.form-group .input-group ~ .input-group{margin-top:8px;}
.form-group ~ .btn-bottom-area{margin-top:35px;}

/*========================================================
 Button
========================================================*/
button{background:none; cursor:pointer; outline:none; border:0; margin:0; padding:0;}

/* Button shape + size  */
[class^="btn-basic-"],
[class^="btn-option"],
[class^="btn-sq-"],
[class^="btn-rud-"]{display:inline-block; text-align:center; border:1px solid transparent; box-sizing:border-box; vertical-align:top;}
[class^="btn-basic-"] > span,
[class^="btn-option"] > span,
[class^="btn-rud-"] > span{display:inline-block; vertical-align:top;}

/* btn-basic- */
[class^="btn-basic-"],[class^="btn-option"]{border-radius:6px;}
.btn-basic-xxlg{height:60px; padding:15px 25px; border-radius:0;}
.btn-basic-xxlg > span{font-size:20px;font-weight:bold;line-height:30px}
.btn-basic-lg{height:50px; padding:12px 0 9px} /*padding:12px 25px 9px*/
.btn-basic-lg > span{font-size:15px; line-height:1.7}
.btn-basic-lg > i{vertical-align:middle; margin:3px 5px 0}
.btn-basic-lg3{min-width:180px; height:50px; padding:10px 25px 11px}
.btn-basic-lg3 > span{font-size:15px; line-height: 1.8;}
.btn-basic-lg3 > span + i{margin-left:5px; margin-top:2px; vertical-align:middle;}
.btn-basic-md{height:50px; padding:8px 20px;}
.btn-basic-md > span{font-size:15px; line-height:2.2}
.btn-basic-md > i + span{margin-left:5px;}
.btn-basic-md2{height:40px; padding:5px 18px;} 
.btn-basic-md2 > span{font-size:14px; line-height:2; font-weight:normal;}
.btn-basic-md2 > i + span{margin-left:5px; font-weight:400;}
.btn-basic-sm{height:36px; padding:5px 10px;}
.btn-basic-sm > span{font-size:13px; line-height:1.7}
.btn-basic-sm > i{vertical-align:middle; margin-top:-2px;}
.btn-basic-sm > i + span{margin-left:3px; font-weight:400;}
.btn-basic-sm > span + i{vertical-align:middle; margin-top:2px; margin-left:3px;}
.btn-basic-sm2{height:30px; padding:5px 10px;}
.btn-basic-sm2 > span{font-size:13px; line-height:1.6}
.btn-basic-sm2 > i + span{margin-left:5px; font-weight:400;}

/* btn-sq- */
[class^="btn-sq-"]{border-radius:0;}
.btn-sq-sm2{height:30px; padding:5px 10px;}
.btn-sq-sm2 > span{font-size:11px; line-height:1.6;}
.btn-sq-sm2 > i + span{margin-left:5px; font-weight:400;}

/* btn-option- */
.btn-option{height:30px; padding:5px 10px;}
.btn-option > span{font-size:12px;  line-height:1.6}
.btn-option > i{margin-top:-10px; vertical-align: middle;}
.btn-option .ico-plus{margin-top: -10px; vertical-align: middle;}
.btn-option i + span {margin-left: 4px;}
.btn-option > [class*="ico-arr-"]{width:9px; height:9px; vertical-align:middle; margin-top:-8px; margin-left:3px;}
.btn-option [class*="ico-arr-"]:after, 
.btn-option [class*="ico-arr-"]:before{box-shadow:none}
.btn-option .ico-plus-xs{margin-top: -10px; vertical-align: middle; margin-left:4px;}
.btn-list-option{display:inline-block; padding:0 5px; height:22px; border-radius:2px; border:1px solid #E6E6E6; background:#fff; border-radius:2px;}
.btn-list-option > span{font-size:12px; line-height:20px; color:#999} 

/* btn-rud- */
[class^="btn-rud-"]{border-radius:20px; }
.btn-rud-sm2{height:30px; padding:5px 20px; }
.btn-rud-sm2 > span{font-size:13px;  line-height:1.4}
.btn-rud-sm{height:36px; padding:5px 20px; }
.btn-rud-sm > span{font-size:13px;  line-height:1.8;}
.btn-rud-sm > i + span{margin-left:5px;}
.btn-rud-xs{height:26px; padding:4px 10px; border-radius:14px; }
.btn-rud-xs > span{font-size:12px;  line-height:1.6}
.btn-rud-xs > span + i{margin:4px 0 0 1px; vertical-align: top;}
.btn-rud-xs .ico-arr-right{width:10px; height:10px; color:#999}
.btn-rud-xs > i{vertical-align:middle; }
.btn-rud-xs > i + span{margin-left:3px; line-height:1.6}
.btn-rud-sm.btn-primary-line > span{font-weight:bold;}

/**** Color ****/
.btn-primary-ex{background:#FF7E32; color:#fff; border:1px solid #FF7E32;}
.btn-primary-exline{background:#fff; color:#FF7E32; border:1px solid #FF7E32;}
.btn-primary{background:#ff6001; color:#fff; border:1px solid #ff6001;}
.btn-primary-line{background:#fff; color:#ff6001; border:1px solid #ff6001;}
.btn-default{background:#fff; color:#666; border:1px solid #ccc;}
.btn-default-ex{background:#fff; color:#333; border:1px solid #666;}
.btn-default-ex2{background:#fff; color:#666; border:1px solid #999;}
.btn-navy{ color:#fff; background:#3A4C67; border:1px solid #505f7c;}
.btn-mint{ color:#fff; background:#13A7B8; border:1px solid #13A7B8;}
.btn-navy-line{color:#5C6FA0; background:#fff; border:1px solid #5C6FA0;}
.btn-black{ color:#fff; background:#333; border:1px solid #333;}
.btn-black2{color:#333; background:#fff; border:1px solid #333;}
.btn-grey{background:#F2F2F2; border:1px solid #F2F2F2; color:#666}
.btn-grey2{background:#999; color:#fff; border:1px solid #999;}
/* .btn-gray2{background:#888;color:#fff} 20211203 content_cart_order_m.css */
.btn-blue-line{background:#eef7ff; color:#3c89fd; border:1px solid #3c89fd;}
.btn-grey2.btn-dim{color:#fff; background:#ccc;}
/* 예외 */
.btn-primary-ex > span,
.btn-primary-exline > span{font-weight:700;}
.btn-grey3 > span{font-weight:400;}
.btn-ex-grey{display:inline-block; background-color:#E6E6E6; font-size:13px; min-width:87px; height:40px; line-height:38px; text-align:center;}
.btn-ex-white{display:inline-block; background-color:#fff; font-size:13px; min-width:100px; height:40px; line-height:38px;  text-align:center; color:#333; border:1px solid #333}
.btn-black [class*="ico-arr-"]:after, 
.btn-black [class*="ico-arr-"]:before{background:#fff; box-shadow: inset 0 0 0 32px !important;}
.btn-primary [class*="ico-arr-"]:after,
.btn-primary [class*="ico-arr-"]:before{background:#fff;}
/* 비활성 */
.btn-dim,
button[disabled]{color:#fff; background:#ccc; border:1px solid #ccc; cursor: default;}
/* 유효성 */
.btn-valid{background:#fff; color:#ff6001; border:1px solid #ff6001;}

/* 비교담기 버튼으로 회색 라인케이스 추가 */
.btn-grey-line{color:#3A4C67; background:#fff; border:1px solid #ccc;}
.btn-dim-line,
button.btn-grey-line[disabled]{color:#ccc; background:#fff; border:1px solid #dbdbdb; cursor: default;}

/* 하단 버튼 */
[class*="btn-article-"] > i + span{margin-left:6px;}
[class*="btn-article-"] > span + i{margin-left:6px;}
.btn-article-md{border:1px solid #e6e6e6; width:100%; padding:12px 0;}
.btn-article-md > span{font-size:14px; color:#000;}
.btn-article-md .ico-plus{margin-top: -3px; vertical-align: middle;}
.btn-article-lg{border:1px solid #000; width:646px; padding:13px 0;}
.btn-article-lg > span{font-size:18px; color:#333; font-weight:700;}
.btn-article-lg .ico-arr-toggle{width:15px; height:15px;}

/* 아이콘 버튼 */
[class*="btn-icon-"]{display:inline-block;}
[class*="btn-icon-"]:after{display:inline-block; content:''; background-image:url("/resources/mobile/images/icon/ico_btns_m.png"); background-size:75px auto}
.btn-icon-cart{width:50px; height:32px; padding:7px 0; border:1px solid #ccc; text-align:center; border-radius:50px; vertical-align:middle;}
.btn-icon-cart:after{width:18px; height:16px; background-position:-55px -50px;}
.btn-icon-gift{width:45px; height:32px; padding:5px 0; border:1px solid #ccc; text-align:center; border-radius:50px; vertical-align:middle;}
.btn-icon-gift:after{width:18px; height:19px; background-position:-55px -140px;}
.btn-icon-gift:disabled:after{width:18px; height:19px; background-position:-30px -75px;}
.btn-icon-share{width:21px; height:22px; vertical-align:middle;}
.btn-icon-share:after{width:21px; height:22px; background-position:0 -75px; }
.btn-icon-list{width:20px; height:18px; text-align:center;}
.btn-icon-list:after{display:block; content:'';}
.btn-icon-list.type-photo:after{width:20px; height:18px; background-position:-30px -140px;}
.btn-icon-list.type-list:after{width:18px; height:18px; background-position:0 -140px;}
.btn-icon-list.on.type-photo:after{width:20px; height:18px; background-position:-30px -110px;}
.btn-icon-list.on.type-list:after{width:18px; height:18px; background-position:0 -110px;}

.ico-ai-share{position: absolute;top:10px;right: 8px;display: block;width:40px;height: 40px;}
.ico-ai-share:after{width:40px;height: 40px;display: block;
    content: '';
    background-image: url('/resources/mobile/images/icon/ico-ai-share.svg');
    background-size: 40px 40px;}

/* 카트 아이콘 */
[class*="btn-icon-cart"]{display:inline-block;}
[class*="btn-icon-cart"]:after{display:inline-block; content:''; background-image:url("/resources/mobile/images/icon/cart-icon.png");background-size: 240px;}
[class*="btn-icon-cart"]{width: 24px !important;height: 24px;font-size:0;flex-grow: unset !important;border: none;padding: 0;border-radius:unset;}
[class*="btn-icon-cart-xm"]{width: 12px !important;height: 12px;font-size:0;flex-grow: unset !important;border: none;padding: 0;border-radius:unset;}
[class*="btn-icon-cart-s"]{width: 18px !important;height: 18px;font-size:0;flex-grow: unset !important;border: none;padding: 0;border-radius:unset;}
[class*="btn-icon-cart-r"]{width: 32px !important;height: 32px;font-size:0;flex-grow: unset !important;border: none;padding: 0;border-radius:unset;}
[class*="btn-icon-cart-l"]{width: 48px !important;height: 48px;font-size:0;flex-grow: unset !important;border: none;padding: 0;border-radius:unset;}
.btn-icon-cart-xm-black:after{width:100%;height:100%;background-position: 0 0;}
.btn-icon-cart-s-black:after{width:100%;height:100%;background-position: 0 -17px;}
.btn-icon-cart-m-black:after{width:100%;height:100%;background-position: 0 -40px;}
.btn-icon-cart-r-black:after{width:100%;height:100%;background-position: 0 -69px;}
.btn-icon-cart-l-black:after{width:100%;height:100%;background-position: 0 -106px;}
.btn-icon-cart-xm-gray:after{width:100%;height:100%;background-position: -12px 0;}
.btn-icon-cart-s-gray:after{width:100%;height:100%;background-position: -18px -17px;}
.btn-icon-cart:after{width:100%;height:100%;background-position: -26px -40px;}
.btn-icon-cart-r-gray:after{width:100%;height:100%;background-position: -32px -69px;}
.btn-icon-cart-l-gray:after{width:100%;height:100%;background-position: -48px -106px;}
.btn-icon-cart-xm-gray2:after{width:100%;height:100%;background-position: -24px 0;}
.btn-icon-cart-s-gray2:after{width:100%;height:100%;background-position: -36px -17px;}
.btn-icon-cart-m-gray2:after{width:100%;height:100%;background-position: -48px -40px;}
.btn-icon-cart-r-gray2:after{width:100%;height:100%;background-position: -64px -69px;}
.btn-icon-cart-l-gray2:after{width:100%;height:100%;background-position: -96px -106px;}
.btn-icon-cart-xm-white:after{width:100%;height:100%;background-position: -36px 0;}
.btn-icon-cart-s-white:after{width:100%;height:100%;background-position: -54px -17px;}
.btn-icon-cart-m-white:after{width:100%;height:100%;background-position: -72px -40px;}
.btn-icon-cart-r-white:after{width:100%;height:100%;background-position: -96px -69px;}
.btn-icon-cart-l-white:after{width:100%;height:100%;background-position: -144px -106px;}

/* 비활성화 */
.btn-icon-cart[disabled]:after{opacity: .34;}
.btn-icon-cart[disabled],
.btn-icon-gift[disabled]{background:none}
.btn-link-txt1{display:inline-block; font-size:13px; color:#666; text-decoration:underline;}
.btn-link-txt1 > i + span{margin-left:5px;}
.btn-link-txt2{display:inline-block; vertical-align:top; font-size:13px; white-space: nowrap;}
.btn-link-txt2 [class*="ico-arr-"]{vertical-align:middle; margin-top:-3px; margin-left:5px; width:10px; height:10px}
.btn-link-txt2 [class*="ico-arr-"]:after,
.btn-link-txt2 [class*="ico-arr-"]:before{background-color: #999; box-shadow:none}
.btn-link-txt2 u + i,
.btn-link-txt2 span + i{margin-left:5px; margin-right:0;}
.btn-link-txt2 i{vertical-align:middle; margin-top:-2px; margin-right:3px;}
.btn-link-txt3{display:inline-block; vertical-align:top; color:#333; font-size:14px;}
.btn-link-txt3 i{vertical-align: middle; margin-top:-3px; margin-right:5px;}
.btn-link-txt3 span + i{margin-left:5px; margin-right:0;} 
.full-btn-group .txt-link{font-size: 13px;text-decoration: underline; margin-top:20px}
.btn-link-txt4{display:inline-block; vertical-align:top; color:#666; font-size:12px;}
.btn-link-txt4 > span + i{vertical-align: middle; margin-top:-3px; margin-left:3px;}
.btn-link-txt4 [class*="ico-arr-"]{width:10px; height:10px}
.btn-link-txt4 [class*="ico-arr-"]:after,
.btn-link-txt4 [class*="ico-arr-"]:before{background-color: #666; box-shadow:none}
.btn-box-link1{display:inline-block; border-bottom:1px solid #999; color:#999; height:16px;}
.btn-box-link1 > span{color:#999; font-size:11px;}
.btn-box-link1 > [class*="ico-arr-"]{width:10px; height:10px;}
.btn-box-link1 > span + i{margin-left:3px; color:#ddd}
/* 별도 */
.btn-blank{position:absolute; top:0; left:0; width:100%; height:100%;}
.btn-empty:after{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}

/**** Area ****/
.btn-bottom-area{position:relative; text-align:center; padding:0 15px; display:flex; align-items:stretch;  display:-webkit-box;  display:-webkit-flex; -webkit-align-items:stretch;}
.btn-bottom-area.type2{flex-wrap:wrap;}
.btn-bottom-area:after{display:block; content:''; clear:both}
/* 간격 */
.btn-bottom-area > [class*="btn-"]:not(.w-full){vertical-align:top; flex-grow:1; -webkit-box-flex:1; width:50%;}
.btn-bottom-area.type2 > .w-full{display:block; margin:0; flex-shrink: 0;}
.btn-bottom-area.type2 > .w-full + .w-full{margin-top:8px;}
.btn-bottom-area > [class*="btn-"]:not(.w-full):first-child{margin:0 4px 0 0;}
.btn-bottom-area > [class*="btn-"]:not(.w-full):last-child{margin:0 0 0 4px;}
.btn-bottom-area > [class*="btn-"]:not(.w-full):only-child{margin:0; width:100%}
.content-wrap.frame-inner .btn-bottom-area:last-child{padding:0 0 40px}
.frame-inner-pop .btn-bottom-area,
.frame-inner .btn-bottom-area{padding-left:0; padding-right:0}

/*========================================================
 Icon
========================================================*/
/**** Arrow ****/
[class*="ico-arr-"]{position:relative; display:inline-block; width:12px; height:12px; transition:.2s; -webkit-transition: .2s; transform:translateX(0); -webkit-transform:translateX(0);}
[class*="ico-arr-"]:after,
[class*="ico-arr-"]:before{position:absolute; display:block; content:''; background-color:#999; box-shadow:inset 0 0 0 32px;}
/* right */
.ico-arr-right:before{top:0; left:50%; width:1px; height:59.45%; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.ico-arr-right:after{bottom:0; left:50%; width:1px; height:59.45%; -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
/* right2 */
.ico-arr-right2:before{top:0; left:50%; width:1px; height:59.45%; -webkit-transform:rotate(150deg); transform:rotate(150deg);}
.ico-arr-right2:after{bottom:0; left:50%; width:1px; height:59.45%; -webkit-transform:rotate(-150deg); transform:rotate(-150deg);}
/* left */
.ico-arr-left:before{top:0; left:50%; width:1px; height:59.45%; -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
.ico-arr-left:after{bottom:0; left:50%;width:1px; height:59.45%;  -webkit-transform:rotate(135deg); transform:rotate(135deg);}
/* down */
.ico-arr-down:before{top:50%; right:0; width:60%; height:1px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.ico-arr-down:after{top:50%; left:0; width:60%; height:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
/* up */
.ico-arr-up:before{top:50%; right:0; width:60%; height:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.ico-arr-up:after{top:50%; left:0; width:60%; height:1px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
/* Arrow(Fill) */
[class*="ico-arrfill-"]:after{display:inline-block; content:''; border-width:6px 0 6px 7px; border-style:solid; border-top-color:transparent; border-bottom-color:transparent; }
.ico-arrfill-up:after{transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.ico-arrfill-down:after{transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.ico-arrfill-left:after{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.ico-arrfill-right:after{transform:rotate(360deg); -webkit-transform:rotate(360deg);}
/* Arrow Toggle */
.ico-arr-toggle:before{top:50%; right:0; width:60%; height:1px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.ico-arr-toggle:after{top:50%; left:0; width:60%; height:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.active .ico-arr-toggle:before,
.toggle-on .ico-arr-toggle:before{top:50%; right:0; width:60%; height:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.active .ico-arr-toggle:after,
.toggle-on .ico-arr-toggle:after{top:50%; left:0; width:60%; height:1px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.ico-arr-toggle.on:before{top:50%; right:0; width:60%; height:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.ico-arr-toggle.on:after{top:50%; left:0; width:60%; height:1px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.ico-arrfill-toggle:after{transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.ico-arrfill-toggle.on:after{transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}

[class^="btn-article-"] [class*="ico-arr-"]:after,
[class^="btn-article-"] [class*="ico-arr-"]:before,
[class^="btn-basic-"] [class*="ico-arr-"]:after,
[class^="btn-basic-"] [class*="ico-arr-"]:before{box-shadow: none;}

/**** Plus, Minus ****/
.ico-plus{position:relative; width:11px; height:11px; display:inline-block;}
.ico-plus:before{display:block; content:''; position:absolute; top:5px; left:0; width:100%; height:1px; background:#333;}
.ico-plus:after{display:block; content:''; position:absolute; top:0px; left:5px; width:1px; height:100%; background:#333;}
.ico-minus{position:relative; width:11px; height:11px; display:inline-block;}
.ico-minus:before{display:block; content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#333;}
.ico-plus-xs{position:relative; width:7px; height:7px; display:inline-block;}
.ico-plus-xs:before{display:block; content:''; position:absolute; top:3px; left:0; width:100%; height:1px; background:#333;}
.ico-plus-xs:after{display:block; content:''; position:absolute; top:0px; left:3px; width:1px; height:100%; background:#333;}
.ico-minus-xs{position:relative; width:7px; height:7px; display:inline-block;}
.ico-minus-xs:before{display:block; content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#333;}

/* bold */
.ico-plus-bold{position:relative; width:11px; height:11px; display:inline-block;}
.ico-plus-bold:before{display:block; content:''; position:absolute; top:6px; left:0; width:100%; height:1px; background:#999;}
.ico-plus-bold:after{display:block; content:''; position:absolute; top:1px; left:5px; width:1px; height:100%; background:#999;}
.ico-minus-bold{position:relative; width:11px; height:11px; display:inline-block;}
.ico-minus-bold:before{display:block; content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#999;}
/* 버튼으로 적용시 */
.btn-qty{position:relative; line-height:0; padding:8px 10px;}

/**** X Icon ****/
[class^="ico-x-"]{position:relative; display:block; width:20px; height:20px}
[class^="ico-x-"]:before,
[class^="ico-x-"]:after{position:absolute; top:50%; left:-3px; display:block; content:''; width:130%; height:1px; /*background:#666;*/ box-shadow:inset 0 0 0 32px;}
[class^="ico-x-"]:before{transform:rotate(45deg);}
[class^="ico-x-"]:after{bottom:0; transform: rotate(-45deg);}
/* color */
.ico-x-normal{color:#666;}
.ico-x-black{color:#222;}
.ico-x-grey{color:#999;}
.ico-x-grey2{color:#666;}
.ico-x-grey2:before,
.ico-x-grey2:after{background:#666; box-shadow:none}
.ico-x-white{color:#fff;}
/* 버튼으로 적용시 */
.btn-x-lg{padding:5px;}
.btn-x-lg [class^="ico-x-"]{width:44px; height:44px}
.btn-x-lg [class^="ico-x-"]:before,
.btn-x-lg [class^="ico-x-"]:after{height:2px;}
.btn-x-md{padding:5px;}
.btn-x-md [class^="ico-x-"]{width:26px; height:26px}
.btn-x-md [class^="ico-x-"]:before,
.btn-x-md [class^="ico-x-"]:after{height:1px;}
.btn-x-md2{padding:5px;}
.btn-x-md2 [class^="ico-x-"]{width:20px; height:20px}
.btn-x-md2 [class^="ico-x-"]:before,
.btn-x-md2 [class^="ico-x-"]:after{height:1px;}
.btn-x-sm2{padding:5px;}
.btn-x-sm2 [class^="ico-x-"]{width:16px; height:16px}
.btn-x-sm{padding:10px;}
.btn-x-sm [class^="ico-x-"]{width:14px; height:14px}
.btn-x-xs{padding:10px;}
.btn-x-xs [class^="ico-x-"]{width:8px; height:8px}
.btn-x-xs2 [class^="ico-x-"] { width: 9px; height: 9px;}
.btn-x-xs3 [class^="ico-x-"] { width: 10px; height: 10px;}
.btn-x-xs4 [class^="ico-x-"] { width: 12px; height: 12px;}
.btn-xrd-xs{background:#e6e6e6; border-radius:100%; width:20px; height:20px}
.btn-xrd-xs [class^="ico-x-"]{width:8px; height:8px; margin-left:8px;}

/* 팝업 닫기버튼 */
.btn-pop-close{padding:15px; background:#191919}
.btn-pop-close [class^="ico-x-"]{width:15px; height:15px}
.btn-pop-close [class^="ico-x-"]:before,
.btn-pop-close [class^="ico-x-"]:after{height:2px; background:#fff; box-shadow:none}

/* 인풋텍스트 삭제 버튼 */
.btn-input-del{width:16px; height:16px; background:#E6E6E6; border-radius:100%; padding:0 7px}
.btn-input-del [class^="ico-x-"]{width:6px; height:6px}
.btn-input-del2{width:16px; height:16px; background:#E6E6E6; border-radius:100%; padding:0 7px;margin-right:6px;vertical-align: middle;}
.btn-input-del2 [class^="ico-x-"]{width:6px; height:6px}


/**** info, tip ****/
.ico-info{position:relative; display:inline-block; border-radius:50%; width:14px; height:14px; background:#fff; border:1px solid #999}
.ico-info:before{display:block; content:''; position:absolute; top:3px; left:5px; width:2px; height:1px; background:#ccc;}
.ico-info:after{display:block; content:''; position:absolute; top:5px; left:5px; width:2px; height:5px; background:#ccc;}
.ico-info-ml3{margin-left:3px}
.ico-info2{position:relative; display:inline-block; border-radius:50%; width:14px; height:14px; background:#fff; border:2px solid #ccc}
.ico-info2:before{display:block; content:''; position:absolute; top:1px; left:4px; width:2px; height:2px; background:#ccc; border-radius:50%}
.ico-info2:after{display:block; content:''; position:absolute; top:4px; left:4px; width:2px; height:5px; background:#ccc; border-radius:50%}
.ico-quest{position:relative; display:inline-block; border-radius:50%; width:18px; height:18px; background-color:#fff; border:2px solid #999; text-align:center;}
.ico-quest:before{display:inline-block; vertical-align:top; content:'?'; font-style:normal; font-weight:700; color:#999; font-size:13px; line-height:1.2;}
.ico-excl {position:relative; display:inline-block; border-radius:50%; width:16px; height:16px; background-color:#fff; border:2px solid #999}
.ico-excl:before {display:block; content:''; position:absolute; top:2px; left:5px; width:2px; height:5px; background-color:#bbb;}
.ico-excl:after {display:block; content:''; position:absolute; top:8px; left:5px; width:2px; height:2px; background-color:#bbb;}
.ico-excl-type2 {position:relative; display:inline-block; border-radius:50%; width:16px; height:16px; background-color:#fff; border:2px solid #FF3E01}
.ico-excl-type2:before {display:block; content:''; position:absolute; top:2px; left:5px; width:2px; height:5px; background-color:#FF3E01;}
.ico-excl-type2:after {display:block; content:''; position:absolute; top:8px; left:5px; width:2px; height:2px; background-color:#FF3E01;}
.ico-excl-type3 {position:relative; display:inline-block; border-radius:50%; width:12px; height:12px; background-color:#FF6001;}
.ico-excl-type3:before {display:block; content:''; position:absolute; top:2px; left:5px; width:2px; height:4px; background-color:#fff;}
.ico-excl-type3:after {display:block; content:''; position:absolute; top:8px; left:5px; width:2px; height:2px; background-color:#fff;}
.ico-excl-type4{position:relative; display:inline-block; border-radius:50%; width:14px; height:14px; background-color:#fff; border:1px solid #333;}
.ico-excl-type4:before {display:block; content:''; position:absolute; top:2px; left:5px; width:2px; height:5px; background-color:#333;}
.ico-excl-type4:after {display:block; content:''; position:absolute; top:8px; left:5px; width:2px; height:2px; background-color:#333;}

.ico-excl2 {position:relative; display:inline-block; border-radius:50%; width:16px; height:16px; background-color:#fff; border:2px solid #d9d9d9}

#find-member-pw-form .layer-wrap .ico-excl2:before{display:block; content:''; position:absolute; top:2px; left:5px; width:2px; height:2px; background-color:#d9d9d9;}
#find-member-pw-form .layer-wrap .ico-excl2:after{display:block; content:''; position:absolute; top:5px; left:5px; width:2px; height:5px; background-color:#d9d9d9;}
#find-member-id-form .layer-wrap .ico-excl2:before{display:block; content:''; position:absolute; top:2px; left:5px; width:2px; height:2px; background-color:#d9d9d9;}
#find-member-id-form .layer-wrap .ico-excl2:after{display:block; content:''; position:absolute; top:5px; left:5px; width:2px; height:5px; background-color:#d9d9d9;}
.join-container .ico-excl2:before{display:block; content:''; position:absolute; top:2px; left:5px; width:2px; height:2px; background-color:#d9d9d9;}
.join-container .ico-excl2:after{display:block; content:''; position:absolute; top:5px; left:5px; width:2px; height:5px; background-color:#d9d9d9;}
/* 버튼으로 적용시 */
.btn-icon-mark{vertical-align:top; line-height: 1;}
.btn-icon-mark > [class^="ico-"]{vertical-align:top;top:2px;}

/**** 이미지 ****/
[class^="ico-btn-"]{display:inline-block; background-image:url("/resources/mobile/images/icon/ico_btns_m.png"); background-size:75px auto}
.ico-btn-ice{background-position:left top; width:12px; height:14px; vertical-align: middle; margin-top: 1px;}
.ico-btn-refresh{background-position:-30px 0; width:12px; height:11px; vertical-align: middle;}
.ico-btn-alarm{background-position:0 -25px; width:12px; height:12px; vertical-align: middle;}
.ico-btn-review{background-position:-30px -25px; width:11px; height:12px; vertical-align: middle;}
.ico-btn-review2{background-position:-30px -50px; width:11px; height:12px; vertical-align: middle;}
.ico-btn-cart{background-position:-55px 0; width:18px; height:16px; vertical-align: middle;}
.ico-btn-cart2{background-position:-55px -25px; width:18px; height:16px; vertical-align: middle;}
.btn-basic-md .ico-btn-cart2 {margin-top:5px}
.ico-btn-download{background-position:-55px -75px; width:16px; height:17px;}
.ico-btn-download2{background-position:-55px -110px; width:12px; height:13px;}
.ico-btn-card{background-position:0 -50px; width:20px; height:14px;}

.ico-btn-search{display:inline-block; background-image:url("/resources/mobile/images/icon/search-btn.png");background-size: 100% 100%;width:14px;height: 15px;}

[class^="ico-arrows-"]{display:inline-block; background-image:url("/resources/mobile/images/icon/ico_arrows_m.png"); background-size:25px;}
.ico-arrows-back{width:21px; height:15px; background-position:0 0;}
.ico-arrows-right{width:21px; height:14px; background-position:0 -30px;}

[class^="ico-crown-"]{display:inline-block; background-image:url("/resources/mobile/images/icon/ico_crown_m.png"); background-size:55px auto;}
.ico-crown-xs{background-position:left top; width:13px; height:8px;}
.ico-crown-xs2{background-position:center top; width:13px; height:8px;}

[class^="ico-bl-"]{display:inline-block; background-image:url("/resources/mobile/images/icon/ico_bullet_m.png"); background-size:80px auto}
.ico-bl-deadline{background:none; width:26px; height:26px; vertical-align: middle;} /* 모바일용 이미지없음 */
.ico-bl-time{background-position:0 0; width:18px; height:18px; vertical-align: middle;}
.ico-bl-time2{background-position:-60px -50px; width:18px; height:18px; vertical-align: middle;}
.ico-bl-timesale{background-position:0px -104px; width:24px; height:24px; vertical-align: middle;}
.ico-bl-timesale2{background-position:-27px -102px; width:24px; height:24px; vertical-align: middle;}
.ico-bl-phone{background-position:-30px 0; width:10px; height:10px; vertical-align: middle;}
.ico-bl-coupon{background-position:0 -25px; width:13px; height:10px; vertical-align: middle;}
.ico-bl-star{background-position:0 -50px; width:10px; height:10px; vertical-align: middle;}
.ico-bl-lock{background-position:-30px -50px; width:11px; height:12px;}
.ico-bl-gift{background-position:0 -75px; width:20px; height:20px;}
.ico-bl-file{display:inline-block;width:12px;height:13px;background:url("/resources/mobile/images/icon/icon_file.png") no-repeat 0 0/100% auto}
.ico-bl-day{background:url("/resources/mobile/images/icon/ico-sprite-delivery-group.png") -10px -83px / 285px auto no-repeat; width: 69px; height: 16px; vertical-align: middle; margin: 0 4px 0 0;}
.ico-bl-sunrise{background:url("/resources/mobile/images/icon/ico-sprite-delivery-group.png") -81px -83px / 285px auto no-repeat; width: 69px; height: 16px; vertical-align: middle; margin: 0 4px 0 0;}
.ico-bl-tomorrow{background:url("/resources/mobile/images/icon/ico-sprite-delivery-group.png") -153px -83px / 285px auto no-repeat;  width: 69px; height: 16px; vertical-align: middle; margin: 0 4px 0 0;}

.ico-hex-crown{background-image:url('/resources/mobile/images/icon/ico-emblem_v2.png'); background-position: 0 0; background-size: 16px 18px; width: 16px; height: 18px;}

[class^="ico-dlvbl-"]{display:inline-block; background-image:url("/resources/mobile/images/icon/ico_dlv_bullet.png"); background-size:30px auto;}
.ico-dlvbl-exp{background-position:left bottom; width:28px; height:15px;}
.ico-del-type2{display:inline-block; width:28px; height:15px;margin-top:-3px;margin-right:3px;background:url("/resources/mobile/images/icon/ico-del-type2.png") left bottom / 28px auto no-repeat; vertical-align: middle;}
.ico-dlvbl-box2{background-position:left top; width:15px; height:15px;}

[class^="ico-trash-"]{display:inline-block; background:url("/resources/mobile/images/icon/ico_trash_m.png"); background-size:25px auto;}
.ico-trash-xs{width:10px; height:11px; background-position:left top;}

[class^="ico-search-"]{display:inline-block; background:url("/resources/mobile/images/icon/ico_search_m.png"); background-size:70px auto;}
.ico-search-type1{width:17px; height:17px; background-position:0 -25px;}
.ico-search-type2{width:20px; height:20px; background-position:-25px -25px;}
.ico-search-pop{width:20px; height:20px; background-position:center top;}
.ico-search-pop2{width:18px; height:18px; background-position:right top;}

[class^="ico-logo-"]{display:inline-block; background:url("/resources/mobile/images/logo.png") no-repeat 0 0; background-size:71.5px}
.ico-logo-login{width: 84px;height: 32px;}

[class^="ico-img-"]{display:inline-block; background-image:url("/resources/mobile/images/icon/ico_img_m.png"); background-size:200px auto}
.ico-img-check{width:36px; height:40px; background-position:left top;}
.ico-img-info{width:60px; height:40px; background-position:left -60px;}
.ico-img-dlvtit{width:102px; height:25px; background-position:-90px -140px}

[class^="ico-result-"]{display:inline-block; background-image: url('/resources/mobile/images/icon/ico-result-sprite.png'); background-size: auto 48px;}
.ico-result-check{background-position:-5px -10px; width:38px; height:38px;}
.ico-result-crown{background-position:-82px -10px; width:38px; height:38px;}
.ico-result-gift{background-position:-156px 0px; width:48px; height:48px;}

.rating .ico-bl-star{margin-top: -4px; margin-right: -1px;}
.rating-point{position:relative; display:inline-block; width:68px; height:12px; background:url("/resources/mobile/images/icon/ico_rating_m.png") 0 0; background-size:120px auto;}
.rating-point [class*="point"]{display:block; width:68px; height:12px; background:url("/resources/mobile/images/icon/ico_rating_m.png") 0 -20px; background-size:120px auto;}
.rating-point .point00{width:0;}
.rating-point .point02{width:6%;}
.rating-point .point05{width:9%;}
.rating-point .point08{width:11.5%;}
.rating-point .point10{width:18%;}
.rating-point .point12{width:27%;}
.rating-point .point15{width:29.5%;}
.rating-point .point18{width:32%;}
.rating-point .point20{width:38%;}
.rating-point .point22{width:48%;}
.rating-point .point25{width:50%;}
.rating-point .point28{width:53%;}
.rating-point .point30{width:57%;}
.rating-point .point32{width:68.5%;}
.rating-point .point35{width:71%}
.rating-point .point38{width:73.5%}
.rating-point .point40{width:80%}
.rating-point .point42{width:88%}
.rating-point .point45{width:91%}
.rating-point .point48{width:94%}
.rating-point .point50{width:100%}

.rating-point-md{position:relative; display:inline-block; vertical-align:top; margin-top:3px; width:78px; height:14px; background:url("/resources/mobile/images/icon/ico_rating_m.png") 0 -40px; background-size:120px auto;}
.rating-point-md [class*="point"]{display:block; width:78px; height:14px; background:url("/resources/mobile/images/icon/ico_rating_m.png") 0 -60px; background-size:120px auto;}
.rating-point-md .point00{width:0;}
.rating-point-md .point05{width:9%;}
.rating-point-md .point10{width:15%;}
.rating-point-md .point15{width:29%;}
.rating-point-md .point20{width:37%;}
.rating-point-md .point25{width:50%;}
.rating-point-md .point30{width:58%;}
.rating-point-md .point35{width:71%}
.rating-point-md .point40{width:80%}
.rating-point-md .point45{width:91%}
.rating-point-md .point50{width:100%}

.rating-point-lg{position:relative; display:inline-block; vertical-align:top; margin-top:3px; width:120px; height:20px; background:url("/resources/mobile/images/icon/ico_rating_m.png") 0 -90px;  background-size:120px auto;}
.rating-point-lg [class*="point"]{display:block; width:120px; height:20px; background:url("/resources/mobile/images/icon/ico_rating_m.png") 0 -120px;  background-size:120px auto;}
.rating-point-lg .point00{width:0;}
.rating-point-lg .point02{width:6%;}
.rating-point-lg .point05{width:9%;}
.rating-point-lg .point08{width:11.5%;}
.rating-point-lg .point10{width:16%;}
.rating-point-lg .point12{width:27%;}
.rating-point-lg .point15{width:30%;}
.rating-point-lg .point18{width:32.5%;}
.rating-point-lg .point20{width:37%;}
.rating-point-lg .point22{width:47%;}
.rating-point-lg .point25{width:50%;}
.rating-point-lg .point28{width:53%;}
.rating-point-lg .point30{width:58%;}
.rating-point-lg .point32{width:67%;}
.rating-point-lg .point35{width:71%}
.rating-point-lg .point38{width:74%}
.rating-point-lg .point40{width:80%}
.rating-point-lg .point42{width:88%}
.rating-point-lg .point45{width:91%}
.rating-point-lg .point48{width:94%}
.rating-point-lg .point50{width:100%}

.rating-simply{font-size:13px; position:relative;}
.rating-simply .total-num{color:#999;padding-left:2px;font-family:'Roboto'}
.rating-simply .total-num + img{margin-left:10px}
.rating-simply:before{content:""; display:inline-block; width:14px; height:14px; background:url('/resources/mobile/images/icon/ico_bullet_m.png') no-repeat 0 -50px; background-size: 80px auto; position:relative; top:2px;margin-right:2px}

/* 예외 */
/* 메인 상품 별점 */
/*.main-article .prd-item .rating .ico-bl-star{margin-right: 2px;}*/
.main-article .prd-item .rating .text-guide-sm{margin-left: 2px;vertical-align:baseline;}

/*========================================================
 Tab Menu
========================================================*/
.tab-menu ul{display:table; width:100%; table-layout:fixed; }
.tab-menu ul > li{display:table-cell; position:relative; min-height:44px; vertical-align:top; box-sizing:border-box;}
.tab-menu ul > li > a{position:relative; display:block; text-align:center; padding:15px 0;font-size:15px; font-weight:400; color:#666;background-color: #f8f8f8;
border-top:0;border-bottom: 0px solid #ebebeb;border-right:0;}
.tab-menu ul > li:last-child > a{border-right: 0;}
.tab-menu ul > li.current > a{color:#333; font-weight:bold;background-color: #fff;border-bottom:0;}
.tab-menu ul > li.current > a:after{display:none; content:''; width:100%; height:100%; position:absolute; }
.tab-menu ul > li:after{display:none; content:''; width:1px; height:30px; background:#eee; position:absolute; top:10px; right:0;}
.tab-menu ul > li:last-child:after{content:none;}
.tab-menu-type1 ul{display:table; width:100%; table-layout:fixed; border-bottom:8px solid #f2f2f2}
.tab-menu-type1 ul > li{display:table-cell; position:relative; min-height:60px; vertical-align:top; box-sizing:border-box;}
.tab-menu-type1 ul > li > a{position:relative; display:block; text-align:center; padding:15px 0 14px;font-size:15px; font-weight:400; color:#999;}
.tab-menu-type1 ul > li.current > a{color:#333; font-weight:bold;}
.tab-menu-type1 ul > li.current > a:after{display:block; content:''; width:100%; height:100%; position:absolute; }
.tab-menu-type1 ul > li:after{display:block; content:''; width:1px; height:30px; background:#eee; position:absolute; top:10px; right:0;}
.tab-menu-type1 ul > li:last-child:after{content:none;}
.tab-menu-type1 ul > li.current > a em{color: #ff6001;}
.tab-menu-type2 ul{display:table; width:100%; table-layout:fixed; border-bottom:8px solid #f2f2f2}
.tab-menu-type2 ul > li{display:table-cell; position:relative; min-height:60px; vertical-align:top; box-sizing:border-box;}
.tab-menu-type2 ul > li > a{position:relative; display:block; text-align:center; padding:15px 0 14px;font-size:16px; font-weight:400; color:#999;}
.tab-menu-type2 ul > li.current > a{color:#FF6001; font-weight:bold;}
.tab-menu-type2 ul > li.current span:before{content: ''; background:url(/resources/mobile/images/icon/ico_check_m.png?ver=20220511) no-repeat;background-size:60px auto; width:20px; height:20px;position:absolute; left:calc(50% - 55px)}
.tab-menu-type2 ul > li.current > a:after{display:block; content:''; width:100%; height:100%; position:absolute; }
.tab-menu-type2 ul > li:after{display:block; content:''; width:1px; height:30px; background:#eee; position:absolute; top:10px; right:0;}
.tab-menu-type2 ul > li:last-child:after{content:none;}

/**** tab-grid- ****/
[class*="tab-grid-"]{position:relative; border-left:1px solid #ccc; /*border-top:1px solid #ccc*/}
[class*="tab-grid-"]:after{display:block; content:''; clear:both;}
[class*="tab-grid-"] li{float:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
[class*="tab-grid-"] li > a{position:relative; display:block; min-height:42px; padding:3px 18px;}
[class*="tab-grid-"] li > a > span{display:inline-block; vertical-align:middle; padding:10px 0 11px}
.tab-grid-span2 li{width:50%;}
.tab-grid-span3 li{width:33.33333333%;}
.tab-grid-span4 li{width:25%;}
.tab-grid-span5 li{width:20%;}
.tab-grid-span6 li{width:16.66666667%;}
[class*="tab-grid-"] li.current > a:after{display:block; content:''; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid #666}
[class*="tab-grid-"].type-primary li.current > a{color:#FF7E32; font-weight:700;}
[class*="tab-grid-"].type-primary li.current > a:after{border:1px solid #FF7E32;}
/* 간격 */
[class*="tab-grid-"].type-primary .ico-tab-item + span{margin-left:8px;}
/* 상단border */
.tab-grid-span2 li:nth-child(-n+2),
.tab-grid-span3 li:nth-child(-n+3),
.tab-grid-span4 li:nth-child(-n+4),
.tab-grid-span5 li:nth-child(-n+5),
.tab-grid-span6 li:nth-child(-n+6){border-top:1px solid #ccc}

/* icon */
.ico-tab-item{display:inline-block; vertical-align:middle; width:40px; height:40px; background:#eee;}

/**** tab-classify ****/
.tab-classify-type1 ul{display:table; width:100%; table-layout:fixed; border-left:1px solid #ececec}
.tab-classify-type1 ul > li{display:table-cell; position:relative; background:#f4f4f4; min-height:60px; vertical-align:top; border-bottom:1px solid #ececec; box-sizing:border-box;}
.tab-classify-type1 ul > li > a{position:relative; display:block; text-align:center; padding:10px 0; border-right:1px solid #ececec; font-size:13px; font-weight:400; color:#666;}
.tab-classify-type1 ul > li > a:after{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:1px; background: #ececec;}
.tab-classify-type1 ul > li > a > span{display:block; text-align:center;}
.tab-classify-type1 ul > li.current{border-bottom:0; z-index:1; background:#fff;}
.tab-classify-type1 ul > li.current > a{color:#ff7f33; font-weight:700;}
.tab-classify-type1 ul > li.current > a:before{display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:-1px;  border:1px solid #ececec; border-bottom:0;}
.tab-classify-type1 ul > li.current > a:after{height:3px; background:#ff7f33;}
/* 간격 */
.tab-classify-type1 .ico-tab-cate + span{margin-top:3px;}
/* icon */
.ico-tab-cate{display:inline-block; vertical-align:middle; width:40px; height:40px;}

/**** tab-detail ****/
.tab-detail ul{display:flex;border-bottom:1px solid #f2f2f2}
.tab-detail ul li{flex:0 25%;height:57px;position:relative}
.tab-detail ul li a{display:table;width:100%;text-align:center}
.tab-detail ul li a > span{display:table-cell;height:57px;vertical-align:middle;font-size:15px}
.tab-detail ul li a .count{display:block;text-align:center;font-size:12px;font-family:'Roboto'}
.tab-detail ul li.current:after{width:100%;height:3px;content:"";position:absolute;left:0;bottom:0;background:#ff6001}
.tab-detail ul li.current a{color:#ff6001}
.ui-goods-tab.tab-detail ul li.current:after{width:100%;height:3px;content:"";position:absolute;left:0;bottom:0;background:#333}
.ui-goods-tab.tab-detail ul li.current a{color:#333; font-weight:700;}
.ui-goods-tab.tab-detail ul li a .count,
.ui-goods-tab.tab-detail ul li.current a .count{color:#999; font-weight:400; font-size:12px; line-height:15px;}

/**** tab (script) ****/
.ui-tab-container .ui-tab-cnt{display:none;}
.ui-tab-container .ui-tab-cnt.active{display:block;}
.ui-toggle-slide .ui-slide-content,
.ui-toggle-slide .ui-slide-subcontent{display:none}
.ui-radio-content{display:none;}
.ui-radio-content.active{display:block;}

/**** more List (script) ****/
.ui-more-list li:not(.ui-show-item):not(.ui-hidden-off){display:none}
.ui-more-list .ui-show-item,
.ui-more-list .ui-hidden-off{display:block;}


/*========================================================
 테이블
========================================================*/
/* 공통 클래스 */
table tbody td.vt-top{vertical-align:top;}
table tbody td.vt-mid{vertical-align:middle;}

/**** board-list ****/
.board-list{width:100%; border-top:1px solid #333;}
.board-list table{width:100%; table-layout:fixed; border-collapse:collapse;}
.board-list table thead th{text-align:center; color:#000; border-bottom:1px solid #ddd; font-weight:500;}
.board-list table th,
.board-list table td{border-bottom:1px solid #ddd; vertical-align:middle; word-break: break-all; line-height:20px}
.board-list table th{padding:13px 10px;}
.board-list table td{padding:12px 10px;}
.board-list table td > .text-elps{display:inline-block; max-width:100%; vertical-align: middle;}
.board-list table td .in-tb .btn-icon-mark{vertical-align:middle;}
.board-list table .in-tb{position:relative}

/**** board-form ****/
.board-form{width:100%; border-top:1px solid #333; border-bottom:1px solid #B0B0B0}
.board-form table{width:100%; table-layout:fixed; border-collapse:collapse;}
.board-form table th,
.board-form table td{border-bottom:1px solid #E9E9E9; padding:8px 0 8px 10px; vertical-align:middle; word-break: break-all;}
.board-form table tbody th{border-right:1px solid #E9E9E9; font-size:14px; font-weight:500;}
.board-form table tbody td + th{border-left:1px solid #E9E9E9;}
.board-form table tbody td{font-size:13px; color:#666}
.board-form table tbody tr:last-child th,
.board-form table tbody tr:last-child td{border-bottom:0;}
.board-form table .ib-tb{padding:3px 0 4px;}
/* type2 */
.board-form.type2 table tbody th{border-right:0; font-weight:400;}
.board-form.type2 table th,
.board-form.type2 table td{padding:18px 0;}
.board-form.type3{border-top:0;}
.board-form.type3 table tbody th{border-right:0; font-weight:bold; text-align:left; color:#666; background:#FAFAFA}
.board-form.type3 table th,
.board-form.type3 table td{padding:15px 15px; font-size: 13px;}
.board-form.type4{border-top:1px solid #ccc;  border-bottom: 1px solid #ccc;}
.board-form.type4 table tbody th{border-right:0; font-weight:bold; text-align:left; color:#666; background:#FAFAFA}
.board-form.type4 table th,
.board-form.type4 table td{padding:15px 15px; font-size:12px}
.board-form.type4 table td{border-right:1px solid #e9e9e9}
.board-form.type4 table td:last-child{border-right:0;}

/**** lineless table ****/
.lineless-table table{width:100%; table-layout:auto; border-collapse:collapse;}
.lineless-table th{text-align:left; font-weight:normal;  padding:10px 0; font-size:13px; vertical-align: middle;}
.lineless-table td{text-align:left; font-weight:normal;  padding:10px 0; font-size:15px; vertical-align: middle;word-break:break-all;}
.lineless-table.type2 th{padding:3px 0;}
.lineless-table.type2 td{padding:3px 0; }
.lineless-table.type2 th .es{vertical-align:top;}
.lineless-table th > .tit{font-size:14px;}
.lineless-table .input-group ~ .input-text {margin-top:6px}
.lineless-table .row-th-top th{vertical-align: top;padding-top: 14px;}


/*========================================================
 Pagination
========================================================*/
.pagination{position:relative; text-align:center;font-size:0;}
.pagination > a{display:inline-block; vertical-align:top; height:25px; padding:0 1px; margin:0 8px 0; color:#999; font-size:14px;}
.pagination .font-black{color:#000}
.pagination > a.current,
.pagination > a.on{border-bottom:2px solid #FB5001; color:#FB5001; font-weight:700;}
.pagination > a.border-off{border-bottom:0;}
.pagination > a > span{display:block; height:100%; line-height:25px}
.pagination .btn-page{width:25px; background:url("/resources/mobile/images/icon/ico_pagination.png");}
.pagination .btn-page.prev{background-position:0 0; margin:0 6px 0;}
.pagination .btn-page.next{background-position:0 -30px; margin:0 6px 0;}


/*========================================================
 텍스트 목록
========================================================*/
.admin-txt{color:#666; font-size:12px; line-height:20px;}
.order-payment-area .admin-txt{color:#999; font-size:12px; line-height:21px;}
.bl-text-type1,
.bl-list-type1 > li{color:#999; font-size:12px; padding-left:7px; word-break: break-word; text-align: left; line-height: 18px;}
.bl-text-type1:before,
.bl-list-type1 > li:before{display:inline-block; content:'-'; vertical-align:middle; margin:0 3px 0 -7px}
.bl-text-type2,
.bl-list-type2 > li{color:#999; font-size:12px; padding-left:15px; word-break: break-word; text-align: left;}
.bl-text-type2:before,
.bl-list-type2 > li:before{display:inline-block; content:'※'; vertical-align:middle; margin:-3px 3px 0 -15px}
.bl-text-type3,
.bl-list-type3 > li{color:#666; font-size:12px; word-break: break-word; text-align: left; padding-left:10px;}
.bl-text-type3:before, 
.bl-list-type3 > li:before{display: inline; content: '-'; margin:8px 7px 0 -10px}
.bl-list-type3 > li + li{margin-top:8px;}
.guide-tit.text-primary + .bl-list-type4{margin-top:4px}
.guide-tit.text-primary + .bl-list-type4 > li {line-height:20px}
.bl-list-type4{margin-top:6px} /* [Dev] 21.11.24 이전 margin-top 4px */
.bl-text-type4,
.bl-list-type4 > li{color:#333; font-size:13px; word-break: break-word; text-align: left; padding-left:10px;line-height:18px;} /* [Dev] 21.11.21 이전 line-height 26 =>20px */
.bl-text-type4:before, 
.bl-list-type4 > li:before{display: inline; content: '-'; margin:8px 7px 0 -10px}
.bl-list-type4 > li + li{margin-top:0px;}
.dot-list-type1 > li,
.dot-list-type1 > dd{position:relative; color:#666; font-size:12px; padding-left:10px; word-break: break-word;} /* [Dev] 21.12.01 이전 font-size 13px */
.dot-list-type1 > li:before,
.dot-list-type1 > dd:before{display:inline-block; content:''; width:2px; height:2px; border-radius:50%; background:#666; vertical-align:top; margin:8px 7px 0 -10px}
.dot-list-type1 > li + li,
.dot-list-type1 > dd + dd{margin-top:7px;}
.dot-list-type1 > dt{color:#333; font-size:14px; font-weight:bold; margin-bottom:10px;}

/****  separate list ****/
.sep-list{overflow:hidden}
.sep-list li{float:left; position:relative; padding:0 13px 0 0; color:#555; font-size:13px;}
.sep-list li:first-child:before{content:none;}
.sep-list li:before{display:inline-block; content:''; width:1px; height:10px; vertical-align:middle; background:#C4C4C4; margin:-1px 11px 0 0;}
.sep-list li span {vertical-align:middle;}
/* type2 */
.sep-list.type2 li{padding:0 8px 0 0; font-size:13px; color:#666}
.sep-list.type2 li:before{height:10px; background:#888; margin:-1px 8px 0 0;}
/* type3 */
.sep-list.type3 li{padding:0 6px 0 0; font-size:13px; color:#666}
.sep-list.type3 li:before{height:10px; background:#e6e6e6; margin:-2px 6px 0 0;}
.sep-list.type3 li > .name{font-weight:700;}
/* type4 : footer */
.sep-list.type4 li{padding:0 3px 0 0; font-size:12px; color:#666}
.sep-list.type4 li:before{height:12px; background:#b2b2b2; margin:0 6px 0 0;}
/* type5 */
.sep-list.type5{overflow:hidden}
.sep-list.type5 li{float:left; position:relative; padding:0 13px 0 0; color:#5d5d5d; font-size:13px;}
.sep-list.type5 li:first-child:before{content:none;}
.sep-list.type5 li:before{display:inline-block; content:''; width:2px; height:2px; vertical-align:middle; background:#999; margin:-2px 11px 0 0;}
.sep-list.type5 li a > i{vertical-align:middle; margin-right:8px}
.sep-list.type5 li span + i{margin-right:0}
/**/
.sep-list.type6{display:inline-block}
.sep-list.type6 li{padding:0 10px 0 0; font-size:13px; color:#333}
.sep-list.type6 li:before{height:11px; background:#ddd; margin:-2px 10px 0 0;}

/* 공통 */
.sep-list li:last-child{padding-right:0}

/**** Boxes ****/
.box-bg-type1{padding:18px; background:#FBF5F1; border-radius:5px;}

/**** scroll-box ****/
.scroll-box{border:1px solid #ddd; padding:30px; height:216px; overflow-y:auto;}


/*========================================================
 Swiper slide
========================================================*/
/* 기본 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-button-next,
.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:9;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev{left:10px;right:auto}
.swiper-button-next{right:10px;left:auto}
.swiper-button-lock{display:none}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%; background:#ccc}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#FF6001}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-button-prev > .ico-arr-left,
.swiper-button-next > .ico-arr-right{width:15px; height:15px;}
.swiper-prd-page .swiper-pagination-bullet-active{opacity:1;background:#666; border-radius:100%; /*width:17px;*/}
/* swiper-pagination-num */
.swiper-wrapper ~ .swiper-page-wrap{margin-top:50px;}
.swiper-page-wrap { text-align:center;}
.swiper-page-wrap .swiper-pagination-num{position:static; width:auto; display:inline-block;}
.swiper-page-wrap .btn-rud-xs{vertical-align:middle;}
.swiper-pagination-num{text-align:center;}
.swiper-pagination-num .swiper-pagination-bullet{width:28px; height:28px; background:#f2f2f2; text-align:center; font-weight:400; font-size:12px; color:#000; line-height:2.4;}
.swiper-pagination-num .swiper-pagination-bullet-active{opacity:1; background:#FF7E32; color:#fff}
.swiper-pagination.swiper-prd-page{position:static}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

/*========================================================
 Layer Popup
========================================================*/
.layer-wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 10120;}
.layer-wrap.bot-slide-layer {z-index: 12001;}
.layer-wrap.active{display:block;}
.layer-wrap .layer-pop{position:absolute; top:50%; left:50%; z-index:100;  background-color:#fff; -webkit-transform: translate3d(0,0,0) translateZ(1); transform: translate3d(0,0,0) translateZ(1); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.layer-wrap .pop-location{top:auto;left:0;bottom:0;  transform: translateY(0) translateX(0); -webkit-transform: translateY(0) translateX(0);}
.layer-wrap.layer-search-wrap{z-index: 10000;}/*검색결과팝업 - 하단 네비바 보다 z-index 낮게*/

/* 사이즈 */
.layer-wrap .layer-pop{width:95%;}
.layer-wrap .layer-width{width:100%}
.layer-wrap.full-type .layer-pop{width:100%;} 
.layer-wrap.full-type .layer-pop.goods-bundle-pop {background:#f8f8f8}
.layer-pop .layer-inner{position:relative;}
.layer-pop .layer-inner .ui-close-pop{position:absolute; top:5px; right:5px;}
.layer-pop .layer-inner .btn-area .ui-close-pop{position:static; top:0; right:0;}
.layer-wrap .layer-head{padding:21px 20px}
.layer-wrap .layer-head .layer-pop-title{font-size:18px; color:#333; text-align:left; line-height:20px;}
.layer-wrap .layer-inner .ui-close-pop{position:absolute; top:15px; right:15px;z-index: 10;}
.layer-wrap .layer-inner .layer-body{max-height:475px; overflow-y:auto}
.layer-wrap .layer-body .notice-con ul{text-align: center; padding:10px 0 40px ;display: flex;justify-content:space-evenly;}
.layer-wrap .layer-body .notice-con ul>li{display:inline-block;text-align: center;font-size:12px; color:#666}

.layer-wrap .search-zip{min-height:475px; padding-top:75px; background: #fafafa;}
.layer-wrap .search-zip .fix-pop-top{position:absolute; top:59px; left:0; width:100%; background:#fff; padding:0 20px 20px; z-index:1;}

@media screen and (max-height:568px) { 
    .layer-wrap .layer-inner .layer-body{max-height:375px; overflow-y:auto}
    .layer-wrap .search-zip{min-height:375px;}
}

/* 221229 bok */
.layer-body_product .header-search{position: absolute; top: 58px; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 11; display: none;}

/* dim */
.layer-wrap:before{display:block; content: ''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:100;}
/* 예외 */
#app-down-popup.layer-wrap:before{background:rgba(0, 0, 0, 0.6);}
.layer-wrap2{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 8999;overflow-y: scroll;background: #f2f2f2;bottom:0;}
.layer-wrap2 .title{position:fixed;left:0;z-index: 9999;top:0;right:0;padding:0 24px; height: 60px;line-height: 60px;font-size:18px;font-weight:700;background: #fff;border-bottom:1px solid #ccc;}
.layer-wrap2 .title a{position:absolute;top:0;right:0;width:60px;height: 60px;text-indent:-9999px ;}
.layer-wrap2 .title a{background: url(/resources/mobile/images/icon/ico_cancle.png);background-size: 20px;background-repeat: no-repeat;background-position: center;}
.layer-wrap2 .main-event-list{padding-top:60px}
.layer-wrap2 .main-event-list li{padding-top:10px}
.layer-wrap2 .main-event-list li:first-child{padding-top:0}
.layer-wrap2 .btn{padding:20px;text-align: center;}
.layer-wrap2 .btn .btn-pop-close2{display:inline-block;position:relative; width:120px; background: #fff;padding: 11px;cursor: pointer;}

/* dim-type */
.layer-wrap.dim-type:before{content:none}
.layer-dim-area{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.5);}
.layer-dim-area .ui-close-pop{position:absolute; top:40px; right:60px; z-index:99}
.layer-dim-area .dim-close{position:absolute; top:0; left:0; width:100%; height:100%; z-index:98}

/* full-type */
#dlvCommentForm:has(> .delivery-notice) {height: -webkit-calc(100svh - 17svh);overflow-y: scroll;}

.layer-wrap.full-type:before{content:none}
.layer-wrap.full-type .layer-pop{transform:none; -webkit-transform:none; height:100%; background:#fff; position:relative; top:0; left:0;}
.layer-wrap.full-type .layer-inner{height:100%;}
.layer-wrap.full-type .layer-inner .ui-close-pop{position:absolute; top:13px; right:20px; z-index:11;}
.layer-wrap.full-type .bg-snowgrey .layer-inner .ui-close-pop{top:25px; right:20px;}
.layer-wrap.full-type .layer-head{height:60px; max-height:60px; background:#fff; border-bottom:1px solid #eee; position:fixed; top:0; left:0; width:100%; padding:20px 0; z-index:10;}
.layer-wrap.full-type .layer-body{height:100%; max-height:100%; overflow-y:auto;}
.layer-wrap.full-type .layer-body-bottom{height:100%; overflow-y:auto; padding-bottom:100px}
.layer-wrap.full-type .layer-body .banner-area {padding: 15px 15px 0;}
.layer-wrap.full-type .layer-head .layer-pop-title{font-size:18px; color:#000; text-align:center;} 
.layer-wrap.full-type .layer-head .layer-pop-title .ico-logo-login{width:71.5px; height:28.5px; margin-top:-7.5px}
.layer-wrap.full-type .layer-head .btn-back{display:block; position:absolute; left:0; top:0 ; padding:20px 15px}
.layer-wrap.full-type .layer-inner{padding-top:60px}
#member-join-general-popup-content .layer-wrap.full-type .layer-inner{padding-top:0} /* 휴대폰번호 가입 인증 개발 서버 적용 */

/* 버튼 영역 */
.layer-pop .layer-inner .layer-bottom{padding:15px; position:fixed; bottom:0; left:0; width:100%; z-index:10; background:#fff;}


.layer-pop .layer-inner .layer-bottom.type-shadow{box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1);}
.layer-pop .layer-inner .layer-bottom .btn-area{position:relative; text-align:center; display:flex; align-items:stretch;  display:-webkit-box;  display:-webkit-flex; -webkit-align-items:stretch;}

/* 간격 */
.layer-bottom .btn-area > [class*="btn-"]{vertical-align:top; flex-grow:1; -webkit-box-flex:1; width:50%; margin:0 3px}
.layer-bottom .btn-area > [class*="btn-"]:first-child{margin:0 3px 0 0;}
.layer-bottom .btn-area > [class*="btn-"]:last-child{margin:0 0 0 3px;}
.layer-bottom .btn-area > [class*="btn-"]:only-child{margin:0; width:100%}

/* 영역 위치 */
.layer-bottom .btn-area .left{float:left;}
.layer-bottom .btn-area .right{float:right;}
.layer-bottom .btn-area .left > .btn{margin:0 3px 0 0;}
.layer-bottom .btn-area .right > .btn{margin:0 0 0 3px;}

.layer-wrap .layer-confirm{position:absolute;top:50%;left:50%;z-index:100;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%)}
.layer-confirm{width:calc(100vw - 40px);max-width:320px;overflow:hidden;border-radius:8px;background:#fff}
.layer-confirm .inner{position:relative;padding:50px 20px 30px;text-align:center;box-sizing:border-box}
.layer-confirm .inner .message{text-align:center;vertical-align:middle;line-height:22px}
.layer-confirm .inner .message .txt{font-size:18px;font-weight:500}
.layer-confirm .inner .message .txt ~ .custom-checkbox{margin-top:15px}
.layer-confirm .btn-area{margin-top:30px;text-align:center}
.layer-confirm .btn-area [class*="btn-basic-"]{width:100%}


/*========================================================
 Tooltip
========================================================*/
/* [class*="ui-tooltipbox-"]{display:none; position:absolute; z-index:10} */
.ui-tooltip-div{display:inline-block; position:relative; vertical-align:top;}
[class*="ui-tooltipbox-"]{display:none; position:absolute; z-index:10}
.tooltip-box .inner{position:relative; background-color:#fff;padding:20px 15px; border-radius:5px;}
.tooltip-box.ui-tooltipbox-right .inner:before{display:block; content:''; position:absolute; top:28px; left:-9px; width:15px; height:15px; border:1px solid #999; border-right:0; border-bottom:0; background:#fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.tooltip-box .inner .ui-tooltip-close{position:absolute; top:10px; right:10px}
.tooltip-box-blk{margin-left:-83px}
.tooltip-box-blk .inner{position:relative; background-color:#333; padding:10px; border-radius:5px; width:180px; box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.19);}
.tooltip-box-blk.ui-tooltipbox-bottom .inner:before{display:block; content:''; position:absolute; top:-4px; left:50%; width:10px; height:10px;  border-radius:3px; margin-left:-5px; background:#333; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.tooltip-box-blk .inner .tip-message{color:#fff; font-size:12px; text-align:left;}
.tooltip-box-navy .inner{position:relative; background-color:#556180; padding:10px 15px; border-radius:5px; box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.19); width:calc(100% - 10px);}
.tooltip-box-navy.ui-tooltipbox-top .inner:before{display:block; content:''; position:absolute; bottom:-4px; left:50%; width:10px; height:10px;  border-radius:3px; margin-left:-5px; background:#556180; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.tooltip-box-navy .inner .tip-message{color:#fff; font-size:13px; text-align:left; line-height:19px; font-weight:normal;}

/*========================================================
 fooer 메뉴 컨텐츠
========================================================*/
.footer-notice-area{padding:30px 0; border-top:2px solid #000; border-bottom:1px solid #ddd}
.footer-notice{font-size:22px; text-align:center;}
.terms-title{font-weight:500; font-size:22px;}
.terms-num-list{padding-left:23px;}
.terms-num-list > li{color:#555; font-size:18px; line-height:30px;}
.terms-num-list > li > .num{display:inline-block; margin:0 3px 0 -23px}
/* 간격 */
.footer-notice-area + .terms-title{margin-top:50px;}
.terms-title + .terms-num-list{margin-top:20px}

/*========================================================
 error
========================================================*/
.error-wrap{width:100%; padding-top:160px; text-align:center;}
.error-inner{padding:0 15px}
.img-error{position:relative; display:inline-block; margin-left:30px; width:88px; height:76px; background:url("/resources/mobile/images/icon/ico_error.png"); background-size:cover;}
.img-error .num{position:absolute; top:5px; right:10px; color:#fff; font-size:16px; font-family:'Roboto';}
.error-inner .txt{position:relative; font-size:18px; font-weight:700; margin-top:10px; padding-bottom:20px;}
.error-inner .txt:after{position:absolute; bottom:0; left:50%; margin-left:-15px; width:30px; height:1px; background:#ccc; display:block; content:'';}
.error-inner .sub-txt{color:#666; font-size:14px; margin:20px 0 60px;}

/* 로딩바 */
.loading-wrap {z-index:999999;display:block;position:fixed;top:0;left:0;right:0;bottom:0}
.loading-wrap img {position:absolute;top:50%;left:50%;width:32px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}

/* 메인 슬라이드 배너 */
.layer-wrap .layer-pop.main-view-popup{width:83%;background:transparent}
.layer-wrap .main-view-popup .layer-inner .layer-body{overflow:visible;max-height:100%}
.main-auto-slide .swiper-container{padding-bottom:40px}
.main-view-popup .swiper-container-horizontal > .swiper-pagination-bullets,
.main-view-popup .swiper-pagination-custom, .swiper-pagination-fraction {bottom:50px;}
.main-view-popup .main-control-pop {z-index:10;position:absolute;bottom:10px;left:0;cursor:pointer;padding-left:16px;font-size:14px;font-weight:normal;line-height:20px;color:#fff;background:url("/resources/mobile/images/icon/ico_mainpop_chk.png") no-repeat 0 center;background-size:12px}
.main-view-popup .main-close-pop {z-index:10;position:absolute;bottom:10px;right:0;cursor:pointer;font-size:14px;font-weight:normal;line-height:20px;color:#fff}

#app-down-popup.layer-wrap {z-index: 130000;}
#app-down-popup.layer-wrap .layer-pop.main-view-popup{width:100%; background-color:#fff; border-radius:20px 20px 0 0; padding:40px 0 47px; color:#333; top:auto; left:0; bottom:0; transform: none;}

.bot-slide-layer.layer-wrap .layer-pop.main-view-popup{border-radius:20px 20px 0 0; background-color:transparent; overflow:hidden; top:auto; left:0; bottom:0; right:0; transform:none; width:100%;}
.bot-slide-layer.layer-wrap .layer-pop.main-view-popup .swiper-container{padding:0;}
.bot-slide-layer.layer-wrap .layer-pop.main-view-popup .main-control-pop-btn-group{display:flex;}
.bot-slide-layer.layer-wrap .layer-pop.main-view-popup .main-control-pop,
.bot-slide-layer.layer-wrap .layer-pop.main-view-popup .main-close-pop{background-image:none; position:static; padding:15px; width:100%; background-color:#fff; color:#333;}
.bot-slide-layer.layer-wrap .layer-pop.main-view-popup .main-close-pop{border-left:1px solid #e6e6e6;}
.bot-slide-layer.layer-wrap .layer-pop.main-view-popup .swiper-container-horizontal > .swiper-pagination-bullets{bottom:12px;}
.bot-slide-layer.layer-wrap .layer-pop.main-view-popup .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px; width:8px; height:8px; border-radius:4px; background-color:#fff; opacity:0.7;}
.bot-slide-layer.layer-wrap .layer-pop.main-view-popup .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1; width:15px;}


/* @import url("layout_m.css"); */
/*========================================================
 Layout
========================================================*/
.wrap{position:relative; width:100%; height:100%}/* min-width:320px; */

/****** Top Banner ******/
.top-banner{position:relative; width:100%;}
.top-banner .inner{position:relative; max-width:1100px; margin:0 auto; height:100%}
.top-banner .btn-x-sm{position:absolute; top:50%; right:0; padding:30px 10px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

/****** Header ******/
.header{position:relative; width:100%; z-index:20; background-color:#fff;}
.header-top{position:relative;}
.header-top .logo > a{display:block; width:100%; height:40px;}
.header-top .logo > a.btn-util-bell{    position: absolute;top: 13px;right: 50px;width: 24px;height: 24px;}
.head-logo{display:inline-block; width:72px; height:49px; background-image:url("/resources/mobile/images/logo.png"); background-repeat:no-repeat; background-size:71.5px;background-position: 0 5px;}
.head-logo.is-bf{background-image:url("/resources/mobile/images/muscleDay_m.gif");}
.header-top.header-detail .page-title-area{padding:13px 0}
.header-top.header-detail .page-title-area .btn-back{padding:22.5px 20px 22.5px}
.header-top.header-detail .page-title-area .btn-back .ico-arrows-back {vertical-align:top}
.header-inner{display:table; width:100%; table-layout:fixed; padding:0 15px 0 15px;}
.header-inner .logo{display:table-cell; width:85px; vertical-align:middle;}
.header-top .logo > a.btn-util-cart{width: 24px;height: 32px;position: absolute;top: 3px;right: 15px;background-repeat: no-repeat;background-image: url("/resources/mobile/images/icon/ico-m-cart-3.svg");background-position: 0 10px;background-size: 24px 24px;}
.header-inner .header-search{display:table-cell; vertical-align:middle;}
.header-inner .header-search .top-search{margin-bottom: -7px;}
.header-inner .my-menu{display:table-cell; width:45px; padding-left:14px;}
.header-inner .my-menu .my-menu-flex {display: flex; justify-content: space-between; align-items: center;}
.header-inner .my-menu .btn-util-pedometer {display:inline-block; position:relative; width:33px; height:40px; vertical-align:middle; padding-top:10px; background: url("/resources/mobile/images/icon/ico-m-pedommeter.png") no-repeat left bottom 1px/contain;}
.header-inner .my-menu .btn-util-cart{display:inline-block; position:relative; width:24px; height:40px; background:url("/resources/mobile/images/icon/ico-m-cart.svg") no-repeat; background-size:100% auto;background-position: center bottom;  vertical-align:middle; padding-top:10px;}
.header-inner .my-menu .btn-util-cart .count{display:block; position:absolute; top:8px; right:-10px; width:20px; height:20px; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:1.8; background:#FF542A; border-radius:50%;}
.header>.background{padding-top:10px;background-color: #f2f2f2;position:relative;} /* [Dev] 21.12.02 이전 background #e6e6e6 */
.header.fixed>.header-top .page-title-area{border-bottom: 0;}
.header.fixed>.background {margin-top:-70px}
.header.fixed>.background .tab-cate{opacity: 0.9;}
.wrap:not(.main):not(.sub-main) .header:not(.no-fix){position:relative; top:0;}
.wrap:not(.main):not(.sub-main) .header:not(.no-fix) .header-top{position:fixed; top:0; left:0; right:0; z-index:2;}
.wrap:not(.main):not(.sub-main) .header-fix{position:static}
.wrap:not(.main):not(.sub-main) .container{padding-top:60px}
.wrap:not(.main):not(.sub-main) .container .gift-order-complete {padding-top:30px}
#express.wrap:not(.main):not(.sub-main) .header:not(.no-fix){position:fixed;}
#express.wrap:not(.main):not(.sub-main) .header:not(.no-fix) .header-top{position:relative;}
#express.wrap:not(.main):not(.sub-main) .header.fixed:not(.no-fix) .header-top{transform:translateY(-100%);}
#express .content-wrap .express-delivery{padding-top:48px;}
.wrap.main .header.fixed:not(.no-fix):not(.mini),
.wrap.sub-main .header.fixed:not(.no-fix):not(.mini),
.wrap:not(.main):not(.sub-main) .header.fixed{position:fixed; top:0 !important;}
.wrap.main .header.fixed.mini:not(.no-fix),
.wrap.sub-main .header.fixed.mini:not(.no-fix),
.wrap:not(.main):not(.sub-main) .header.fixed.mini{position:fixed; top:-53px !important;}
.wrap#express .header.fixed{position:fixed; top:0}
.wrap:not(.main):not(.sub-main) .header-fix.fixed:not(.no-fix){position:static}
.wrap:not(.main):not(.sub-main) .pd1{padding-top:1px}
.wrap:not(.main):not(.sub-main) .pd89{padding-top:89px}
.wrap:not(.main):not(.sub-main) .pd90{padding-top:90px}
.wrap:not(.main):not(.sub-main) .pd120{padding-top:120px}
.wrap.main .header,
.wrap.sub-main .header{position:absolute;}

#header .inb-inner-search {position: relative; width: calc(100% - 30px);margin:0 15px 0;}
#header .inb-inner-search .inner-input-wrap input[type="search"] {width: 100%; height: 34px; border-radius: 6px; border: 1px solid #e6e6e6; padding: 0 15px 0 15px; line-height: 34px;font-size: 13px;box-sizing: border-box;background: #FFF;text-align: center;}
#header .inb-inner-search .inner-input-wrap input[type="search"]::placeholder {color: #666; }
#header .inb-inner-search .inb-inner-search-btn {position: absolute;width: 18px; height: 18px; top: 8px; right: 15px; background:url('/resources/mobile/images/icon/ico-main-search.svg');background-size: 18px 18px; }
/* 고정되지 않는 헤더 */
.wrap .header.no-fix ~ .container{padding-top:0}

/* Util */
.header-top .util{position:absolute; top:10px; right:0}
.util > ul{overflow:hidden}
.util > ul > li{float:left; position:relative; padding:0 12px 0 0; font-size:13px; color:#4D4D4D;}
.util > ul > li:first-child:before{content:none;}
.util > ul > li:before{display:inline-block; content:''; width:1px; height:10px; vertical-align:middle; background:#E6E6E6; margin:-2px 11px 0 0;}
.util > ul > li:last-child{padding-right:0}
.my-menu > ul > li{display:inline-block; vertical-align:top;}
/* btn */
.btn-util-cart{display:inline-block; position:relative; width:23px; height:32px; background:url("/resources/mobile/images/icon/ico_util_m.png") left top; background-size:60px; vertical-align:middle; padding-top:10px;}
.btn-util-cart .count{    display: block;position: absolute;top: 2px;right: -8px;width: 18px;padding: 3px;height: 18px;color: #fff;font-size: 10px;font-weight: bold;text-align: center;line-height: 13px;background: #FF542A;border-radius: 50%;}
.btn-util-cart2{display:inline-block; position:relative; width:23px; height:32px; background:url("/resources/mobile/images/icon/ico_util_m.png") left top; background-size:60px; vertical-align:middle; padding-top:10px;}
.btn-util-cart2 .count{display:block; position:absolute; top:0; right:-10px; width:20px; height:20px; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:1.8; background:#FF542A; border-radius:50%;}
.btn-util-bell{display:inline-block; position:relative; width:24px; height:24px; background:url("/resources/mobile/images/icon/ico_util_bell-3.svg") 0 0; background-size:24px; vertical-align:middle;}
.btn-util-bell .count{display:block; position:absolute; top:-10px; right:-10px; width:20px; height:20px; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:1.8; background:#FF542A; border-radius:50%;}
.btn-util-search{display:inline-block; width:20px; height:20px; vertical-align:middle; margin-top:10px;}

/* 자동완성 */
.autoResultBox{text-align: left;padding:20px 50px;display:none;}
.autoResultBox a{text-align: left;padding:11px 0;display: block;}
.autoResultBox a:first-child{padding-top:0;}
.autoResultBox a:last-child{padding-bottom:0;}
.autoResultBox a span{color:#FF6001;}
/* 자동완성 */
/**** Search ****/
.top-search{position:relative; display:block; width:100%; height:36px;  border-radius:100px; background:#f5f5f5; padding:0 40px 0 15px; vertical-align:top;}
.top-search .input-search{width:100%; height:36px; border:0; padding:0; font-size:13px; color:#333; text-align:left;background:transparent;-webkit-appearance:none;}
.top-search .btn-top-search{position:absolute; top:3px; right:5px; width:35px; height:32px;}
.top-search .btn-top-search::after{width:20px; height:20px; background-image:url('/resources/mobile/images/icon/ico-m-search.svg'); background-size: 20px; background-position: center; background-repeat: no-repeat;}
.btn-top-search:after{display:inline-block; content:''; width:15px; height:15px; background:url("/resources/mobile/images/icon/ico_search_m.png") 0 0; background-size:70px; vertical-align:top;}
/* 검색 팝업 */
.layer-wrap.full-type .search-pop .layer-head{padding:10px 15px 6px 50px;height:auto;border-bottom-color:#999}
.layer-wrap.full-type .search-pop .layer-head .btn-back{display: block; position: absolute; left: 0;top: 0px; padding: 20px 15px;}
.search-pop .layer-head .input-group-wrap.search-type2{display:inline-block;overflow:visible}
.search-pop .input-group-wrap.search-type2{border:0}
.search-pop .input-group-wrap.search-type2 .input-text{font-size:15px;padding-left:0;line-height:38px}
.search-pop .layer-head .ico-x-grey2:before, 
.search-pop .layer-head .ico-x-grey2:after{background:#fff}
.search-pop .layer-head .ico-x-grey2{color:#fff}
.search-pop .ico-search-pop2{width:20px;height:20px;background-position:-25px -25px}
.search-pop .input-group-wrap.search-type2 .input-group-btn > .btn-icon-search{padding-right:5px}
.search-pop .input-group-wrap .input-group > .input-group-btn:last-child{padding-left:6px}
.search-pop .ico-arrows-back{background:none}
.search-pop .ico-arrows-back:after{content:"";border-top:2px solid #666;border-left:2px solid #666;width:10px;height:10px;transform:rotate(-45deg);display:inline-block;border-radius:2px;margin:3px 0 0 2px}
.search-layer .tit{padding:20px 0 0 15px}
.search-layer .tit > h2{color:#222;font-size:15px;display:inline-block}
.search-layer .search-rank{padding:0 10px; overflow:hidden}
.search-layer .switch-btn input[type="checkbox"] {width:0;height:0;border:0}
.search-rank{margin-top:5px}
.search-rank .list{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;align-content:space-around;height:200px}
.search-rank .list li{width:50%;position:relative;padding-right:15px}
.search-rank .list li:nth-child(5n) ~ li{padding-left:15px;padding-right:0}
.search-rank li > a{display:block;color:#666;height:40px;line-height:40px}
.search-rank{counter-reset:section}
.search-rank li > a:before{counter-increment:section;content:counter(section);font-size:15px;color:#222;display:inline-block;width:15px;text-align:center;margin-right:9px;vertical-align:-1px}
.search-rank li .num{display:inline-block; width:15px; margin-right:7px; text-align:center; vertical-align:middle; font-size:14px;}
.search-rank li .word{display:inline-block; vertical-align:middle; font-size:14px; max-width:60%; white-space:nowrap;}
@media screen and (max-width:360px) { 
	.search-rank li > a:before{width:10px; font-size: 14px; margin-right:5px;}
	.search-rank li .word{font-size:12px;}
}

.search-rank li .state{position:absolute; top:50%; right:15px; font-size:13px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.search-rank li:nth-child(5n) ~ li .state{right:7px}
.search-rank li .state > i{margin:2px 5px 0 0; vertical-align:middle}
.search-rank li .state.text-green{font-size:11px}
.search-rank [class*="ico-arrfill-"]:after{border-width:4px 0 4px 6px}
.popular-search{border-top:8px solid #f2f2f2;padding-bottom:20px}
.recommend-search .srch-list{padding:0 15px;}
.recommend-search .tit{position:relative; padding:30px 20px 15px}
.recommend-search .tit .text-guide-sm{position:absolute; top:33px; right:20px;} 
.recommend-search .latest-search .srch-list{display:inline-block; padding:15px 0 0;}
.recommend-search .srch-list li{display:inline-block; vertical-align:top; margin:0 1px 5px 0}
.latest-search .switch-btn .switch-label{position:relative;display:inline-block;width:30px;height:12px;border-radius:12px;background-color:#ff6001;color:#fff;font-weight:bold;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;vertical-align:-1px}
.latest-search .switch-btn .switch-label > *{vertical-align:sub;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition: 3s;-o-transition:all .3s;transition:all .3s;font-size:14px}
.latest-search .switch-btn .marble{position:absolute;top:-2px;left:0;display:block;width:16px;height:16px;background:#fff;border-radius:50%;border:1px solid #ff6001}
.latest-search .switch-btn .switch-inp:checked + .switch-label{background-color:#999}
.latest-search .switch-btn .switch-inp:checked + .switch-label .on{display: inline-block}
.latest-search .switch-btn .switch-inp:checked + .switch-label .off{display:none}
.latest-search .switch-btn .switch-inp:checked + .switch-label .marble{left:14px;border-color:#999}
.latest-search .tit{overflow:hidden}
.latest-search .side{float:right;margin-right:15px;font-size:12px;color:#666}
.latest-search .side > *{display:inline-block}
.latest-search .side .srch-del{margin-left:20px}
.latest-search .srch-list li{padding:0 18px;height:48px;line-height:48px;position:relative}
.latest-search .srch-list li ~ li{border-top:1px solid #eee}
.latest-search .srch-list li a{max-width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all;display:block}
.latest-search .srch-list li button{position:absolute;right:8px;top:8px}
.latest-search [class^="ico-x-"]:before, 
.latest-search [class^="ico-x-"]:after{left:-1px}
.search-none{text-align:center;padding:60px 0}
.search-none:before{content:"";width:60px;height:60px;display:block;margin:0 auto 10px;background:url(/resources/mobile/images/icon/icon_no_data.png) no-repeat 0 0/100% auto}
.search-none .text{font-size:15px;font-weight:bold}
.search-none .desc{display:block;margin-top:5px;font-size:14px;color:#999}
.search-result .new-prod{border-top:8px solid #f2f2f2;padding:0 15px}
.search-result .new-prod .swiper-container{padding-bottom:35px}
.search-result .new-prod .title-area{overflow:hidden;text-align:right;padding:20px 0 13px}
.search-result .new-prod .title{float:left;margin:0}
.search-result .new-prod .prod-brand{display:block;font-size:11px;margin-bottom:4px}
.search-result .new-prod .prod-name{height:40px;line-height:20px;font-size:14px;display:block;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;margin-bottom:8px}
/* keyword */
.srch-keyword{display:inline-block;border:1px solid #ccc; border-radius:30px; background:#fff; max-width:200px;}
.srch-keyword > .txt{display:inline-block; width:100%; vertical-align:top; padding:6px 14px 6px 14px; font-size:13px; color:#333; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; word-break: break-all;}
.srch-keyword > .btn-x-xs{vertical-align:top; margin-left:-14px}

.search-result{padding-bottom:50px}
.pb10{padding-bottom:10px}
.pb5{padding-bottom:5px}
.search-result .tab-menu{display:flex;padding:10px 0;position:fixed;width:100%;background-color: #fff;z-index:10;border-bottom:1px solid #eee;top:58px;}
.search-result .tab-menu li{flex:1;text-align:center;height:30px;line-height:30px}
.search-result .tab-menu li ~ li{border-left:1px solid #eee}
.search-result .tab-menu li a{color:#999;font-size:15px}
.search-result .tab-menu li a em{font-weight:normal;display:inline-block;margin-left:4px;color:#666}
.search-result .tab-menu li.current a{color:#333;font-weight:bold}
.search-result .tab-menu li.current a em{font-weight:bold;color:#ff6001}
.search-result .fixed-area.on{position: fixed;top:57px;left:0;background-color: #ffffff;}
.search-result .tab-menu{}
.search-result .tab-menu.on{}
.search-result .tab-menu.result{top:87px;}
.search-result .tab-menu.result.on{top:87px;}
.search-result .tab-menu.all{top:133px;}
.search-result .tab-menu.all.on{top:133px;}

.search-result .tab-menu.result.have.on{top:133px;border-bottom:1px solid #eee}
.search-result .tab-menu.asso{top:103px;border-bottom: 1px solid #EEEEEE;}
.search-result .tab-menu.asso.on{top:103px;}
.gift-wrap .search-result .prod-default-wrap{margin-top:-77px}
.search-result .prod-default-wrap{}
.search-result .prod-default-wrap .prod-sorting-area{margin-top:0;padding:4px 15px;position: relative;}
.search-result .prod-default-wrap .prod-sorting-area .sorting-select{display:inline-block;position:relative;}
.search-result .prod-default-wrap .prod-sorting-area .sorting-select:after{border-right:1px solid #666;border-bottom:1px solid #666;content:"";width:6px;height:6px;transform:rotate(45deg);position:absolute;right:2px;top:calc(50% - 7px)}
.search-result .prod-default-wrap .prod-sorting-area .item-info-right{margin-right: 0;}
.search-result .prod-default-wrap .prod-sorting-area .item-num span{color:#FF6001;font-weight: 400;}
.search-result .prod-sorting-area .select{background:none;border:0}
.search-result .prod-default-wrap .prod-express-area{padding:20px 10px 5px; width:100%; display:table}
.search-result .prod-default-wrap .prod-express-area p{font-size:18px;font-weight:bold;display:table-cell}
.search-result .prod-default-wrap .prod-express-area span{font-size:18px;font-weight:bold;vertical-align: baseline}
.search-result .prod-default-wrap .prd-item .origin{display:inline-block;}
.search-result.search-banner-result .tab-menu{border-bottom:1px solid #eee;}
.search-result.search-banner-result .prod-default-wrap{padding:20px 0 58px;}
.search-result.search-banner-result .prod-default-wrap .search-banner-area a {margin-top:15px; display:block;}
.search-result.search-banner-result .prod-default-wrap .search-banner-area a:first-child {margin-top:0;}
/*.search-result.search-type-result .prod-default-wrap{padding:91px 0 58px;}*/ /* 221229 bok */
.prod-express-area .item-right{width:50%}
.item-right{float:inherit;text-align: right; display:table-cell}
.prod-express-area .item-right .select{background: url(/resources/mobile/images/icon/icon-order_select-m.png) no-repeat; background-size: 32px 38px;background-position:right 0 bottom 50%;}
.prod-express-area::after{display:block;clear: both;content:'';}

.detail-search{position:fixed;top:0;right:-100%;z-index:999999;background:#fff;width:100%;height:100%;transition:.4s}
.detail-search.on{transition:.4s;right:0}
.detail-search.on + .dimm{display:block}
.detail-search .title{line-height:58px;text-align:center;border-bottom:1px solid #999;font-size:18px;font-weight:bold;display:block}
/* .detail-search .drop-menu > li{border-bottom:1px solid #e6e6e6;}padding-bottom:17px */
.detail-search .drop-menu > li ~ li{}
.detail-search .drop-menu > li > a{display:block;line-height:48px;position:relative;font-size:16px;font-weight:bold;padding-left:20px;color:#333;}
.detail-search .drop-menu > li > a:after{content:"";width:6px;height:6px;border-top:1px solid #666;border-right:1px solid #666;transform:rotate(135deg);position:absolute;top:21px;right:20px;transition:.2s}
.detail-search .drop-menu > li > a.on:after{transform:rotate(-45deg);position:absolute;top:22px;right:17px;transition:.2}
.detail-search .drop-menu > li > a span{font-size: 14px;font-weight: 400;line-height: 16px;color:#FF7E32;}
.detail-search .drop-menu .toggle-btn.on + .depth-menu{display:block;background-color:#F8F8F8;padding:20px 20px;border-radius: 6px;border:none;}
.detail-search .drop-menu .toggle-btn.on + .depth-menu li.depth2-title{margin-top:18px;}
.detail-search .drop-menu .toggle-btn.on + .depth-menu li.depth2-title:first-child{margin-top:0;}
.detail-search .menu-delivery li{display:block;width:100%;padding:8px 16px;height:34px}
.detail-search .menu-delivery li ~ li{margin-top:5px}
.detail-search .menu-delivery .custom-checkbox .checkbox + label{padding-left:25px}
.detail-search .menu-delivery .custom-checkbox .checkbox + label:before{border-color:#ccc;width:17px;height:17px;top:1px}
.detail-search .menu-delivery .custom-checkbox .checkbox:checked + label:before{background-size:55px auto;background-position:-4px -37px;border-color:#ff7e32}
.detail-search .depth-menu{display:none}
.detail-search .depth-menu > li{position: relative;}
.detail-search .depth-menu > li a:before{content:"";width:10px;height: 2px;background-color:#D9D9D9;position: absolute;right:0;top:3px;border-radius: 2px;}
.detail-search .depth-menu > li a:after{content:"";width:2px;height: 10px;background-color:#D9D9D9;position: absolute;right:4px;top:-1px;border-radius: 2px;}
.detail-search .depth-menu > li a.toggle-btn.on:before{background-color: #333333;}
.detail-search .depth-menu > li a.toggle-btn.on:after{display:none;}
.detail-search .depth-menu > li > a{font-size:14px;font-weight:bold;padding:5px 0}
.detail-search .depth-menu > li ~ li{margin-top:20px}
.detail-search .depth-menu > li:nth-child(2){margin-top:0;}
.detail-search .depth-menu .toggle-btn.on + .depth2-menu{display:block}
.detail-search .depth-menu .toggle-btn.on + .depth2-menu li:first-child{margin-top:0;}
.detail-search .depth-menu .toggle-btn.on + .depth2-menu li:nth-child(2){margin-top:0;}
.detail-search .depth-menu .depth2-menu{margin-top:20px;display:none}
.detail-search .depth-menu .depth2-menu li{display:block;width:100%}
.detail-search .depth-menu .depth2-menu li ~ li{margin-top:20px}
.detail-search .depth-menu .depth2-menu .custom-radio .radio + label{width:100%;display:block;padding:5px 0 5px 8px;height:26px;font-size:14px;color:#666}
.detail-search .depth-menu .depth2-menu .custom-radio .radio + label:before{left:inherit;right:12px;top:4px} 
.detail-search .depth-menu .depth2-menu .custom-radio .radio:checked + label:after{left:inherit;right:17px;top:9px}
.detail-search .depth-menu li.custom-checkbox{width:49%;display:inline-block;padding:3px 0 3px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-search .depth-menu li.custom-checkbox .checkbox + label{width:100%;padding-left:0;height:17px;line-height:17px;font-size:14px;padding-left: 26px;color:#666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-search .depth-menu li.custom-checkbox .checkbox + label:before{border-color:#ccc;width:20px;height:20px;left:inherit;left:0;top:0;display: inline-block;border-radius: 4px;}
.detail-search .depth-menu li.custom-checkbox .checkbox:checked + label:before{background-size:55px auto;background-position:-2px -35px;border-color:#ff7e32}
.detail-search .depth-menu li.custom-radio{    width: 49%;display: inline-block;padding: 3px 0 3px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail-search .detail-seatch-content{height:calc(100% - 58px);/*height:100%;*/overflow-y:auto;padding:30px 20px 170px 20px;}
.detail-search .detail-seatch-content::-webkit-scrollbar{display:none}
.detail-search .detail-seatch-content .closest-point{margin-bottom:8px;background-color:#F8F8F8;border-radius: 6px;}
.detail-search .btn-reset{padding:0 15px;height:29px;border:1px solid #ccc;border-radius:15px;display:block;margin:30px auto}
.detail-search .btn-reset:before{content:"";width:10px;height:12px;background:url(/resources/mobile/images/icon/btn-reset.png) no-repeat 0 0/100% auto;display:inline-block;margin-right:5px}
.detail-search .btn-close{width:22px;height:22px;position:absolute;top:17px;right:15px;text-indent:-9999em;padding:5px}
.detail-search .btn-close:before{content:"";width:1px;height:13px;background:#333;transform:rotate(-45deg);position:absolute;top:5px;left:11px}
.detail-search .btn-close:after{content:"";width:1px;height:13px;background:#333;transform:rotate(45deg);position:absolute;top:5px;left:11px}


/* 검색필터 22.11.07 */
.associated-search{padding:13px 15px;overflow: hidden;width:100%;margin:0 auto;background-color:#F8F8F8;position: fixed;display:none;left:0;top:57px;z-index: 10;}
.associated-search .search-title{width:62px;display:inline-block;vertical-align: top}
.associated-search .search-title p em{color:#333333;}
.associated-search .search-text{width:calc(100% - 67px);display:inline-block;}
/*.associated-search p{white-space: nowrap}*/
.associated-search ul li{display: inline-block;text-align: center;width:auto}

.result-research-box{padding-bottom:25px;}
.result-research-box .result-value-check{font-size: 16px;font-weight: 700;color:#333333;}
.result-research-box ul{display:inline-block;margin-left:15px;vertical-align: top}
.result-research-box ul li{display:inline-block;}
.result-research-box ul li:first-child{margin-right: 10px;}

.result-research-box .custom-radio .circle2:checked + label:before{background: #ffffff;width: 16px;height: 16px;position: relative;border: 4px solid #FF6001;}
.result-research-box .custom-radio .circle2 + label:before{display: inline-block;content: '';position: relative;width: 16px;height: 16px;text-align: center;background: #ffffff;border-radius: 50%;box-sizing: border-box;border: 1px solid #E6E6E6;vertical-align: middle;}
.result-research-box .custom-radio .circle2 + label span{margin-left: 6px;color: #666666;font-size: 14px;}
/*.detail-seatch-content .imgbadge-dlv-exp{background: none;width: auto;height: auto;}*/
/*.detail-seatch-content .imgbadge-dlv-free{background: none;width: auto;height: auto;}*/
.detail-seatch-content ul li .search-type3{display:none;position: relative;}
.detail-seatch-content ul li a.on + div.search-type3{display:block;}

.brand-search-box{position: relative;margin-bottom: 20px;}

.detail-seatch-content .search-type3{position: relative;margin-bottom: 20px;}
.detail-seatch-content .search-type3 input{width:100%;}
.detail-seatch-content .search-type3 span{position: absolute;right:15px;top:10px;}
.detail-seatch-content .search-type3 .input-group-btn{position: absolute;right:15px;top:10px;}

.detail-seatch-content .search-type3 .click-filter{float: right;}
.detail-seatch-content .search-type3 .click-filter ul li{display: inline-block;width:fit-content;padding-left:20px;}
.detail-seatch-content .search-type3 .click-filter ul li:first-child{padding-left: 0;}
.detail-seatch-content .search-type3 .click-filter ul li span{position: static;font-size: 14px;color:#999999;}
.detail-seatch-content .search-type3 .click-filter ul li span.on{color:#FF6001;}
.detail-seatch-content .search-type3 .total-box{width: fit-content;display: inline-block;}
.detail-seatch-content .search-type3 .total-box span{position: static;font-size: 14px;color:#333333;}
.detail-seatch-content .search-type3 .brand-list-research{max-height: 140px;overflow-y: scroll;margin:30px 0 0 0;}
.detail-seatch-content .search-type3 .brand-list-research::-webkit-scrollbar{width:2px;height:50%;margin-top:20px;}
.detail-seatch-content .search-type3 .brand-list-research::-webkit-scrollbar-thumb{height:50%;border-radius: 6px;background:#666666;color:#666666;}
.detail-seatch-content .search-type3 .brand-list-research::-webkit-scrollbar-track{background:none;}
.detail-seatch-content .search-type3 .brand-list-research li:nth-child(1).custom-checkbox{margin-top:0;}
.detail-seatch-content .search-type3 .brand-list-research li:nth-child(2).custom-checkbox{margin-top:0;}
.detail-seatch-content .search-type3 .brand-list-research li.custom-checkbox{margin-top:20px;padding:0;}
.detail-seatch-content .search-type3 .brand-list-research span{position: static;font-size: 12px;vertical-align: middle;}
.detail-seatch-content {position: relative;}
.detail-search.on .detail-seatch-content .page-bottom-area{position: fixed;bottom:51px;text-align: center;left:0;transition: .4s;padding:20px;background-color:#ffffff;}
.detail-seatch-content .page-bottom-area{position: fixed;bottom:59px;text-align: center;left:100%;}
.detail-seatch-content .page-bottom-area .search-btn{width:190px;height: 48px;border-radius: 4px;display: inline-block}
.detail-seatch-content .page-bottom-area .under-reset-btn{width:82px;height: 48px;border-radius: 4px;border:1px solid #cccccc;margin-right: 4px;display:inline-block;}
.detail-seatch-content .page-bottom-area .under-reset-btn span{font-size: 16px;color:#666666;line-height: 48px;}
.detail-seatch-content .page-bottom-area .search-btn span{font-size: 16px;color:#ffffff;line-height: 48px;}
.detail-seatch-content .check-value-container{padding-bottom: 20px;}
.detail-seatch-content .check-value-wrap ul li{width:auto;}
.detail-seatch-content .check-value-wrap ul li span{color:#ff7E32;font-size: 12px;}

.price-typed-wrap{padding-top:10px;}
.price-typed-wrap .price-search-btn{width:42px;height: 40px;border-radius: 6px;background-color:#999999;box-sizing: border-box;vertical-align: top;}
.price-typed-wrap .price-search-btn span{color:#FFFFFF;font-size: 14px;}
.price-typed-wrap .input-text{width:calc(50% - 35px);border-radius: 5px;}
.price-typed-wrap .tilde{padding:0 4px;color:#999999;}

.price-range-wrap .range_container {display: flex;flex-direction: column;width:100%;margin: 30px auto;}
.price-range-wrap .sliders_control {position: relative;min-height: 16px;}
.price-range-wrap .form_control {position: relative;display: flex;justify-content: space-between;font-size: 13px;color: #635a5a;}
.price-range-wrap input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;pointer-events: all;width: 16px;height: 16px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 0 1px #C6C6C6;cursor: pointer;}
.price-range-wrap input[type=range]::-moz-range-thumb {-webkit-appearance: none;pointer-events: all;width: 16px;height: 16px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 0 1px #C6C6C6;cursor: pointer;}
.price-range-wrap #fromSlider::-webkit-slider-thumb {-webkit-appearance: none;pointer-events: all;width: 16px;height: 16px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 0 1px #C6C6C6;cursor: pointer;margin-top:5px;}
.price-range-wrap #fromSlider::-moz-range-thumb {-webkit-appearance: none;pointer-events: all;width: 16px;height: 16px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 0 1px #C6C6C6;cursor: pointer;margin-top:5px;}
.price-range-wrap input[type=range]::-webkit-slider-thumb:hover {background: #f7f7f7;}
.price-range-wrap input[type=range]::-webkit-slider-thumb:active {box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;-webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;}
.price-range-wrap input[type=text] {color: #666666;font-size: 13px;border: none;display:inline-block;background:none;}
.price-range-wrap input[type=text]::-webkit-inner-spin-button, input[type=text]::-webkit-outer-spin-button {opacity: 1;}
.price-range-wrap input[type="range"] {-webkit-appearance: none;appearance: none;height: 6px;width: 100%;position: absolute;background-color: #CCCCCC;pointer-events: none;border-radius: 6px;}
.price-range-wrap #fromSlider-exhibition {height: 0;z-index: 1;}
.price-range-wrap #fromSlider-product {height: 0;z-index: 1;}


/* 검색필터 22.11.07 */
.associated-search{padding:13px 0 13px 15px;overflow: hidden;width:100%;margin:0 auto;background-color:#F8F8F8;position: fixed;display:none;left:0;top:58px;z-index: 10;}
.associated-search .search-title{width:62px;display:inline-block;vertical-align: top}
.associated-search .search-title p em{color:#333333;}
.associated-search .search-text{width:calc(100% - 67px);display:inline-block;}
/*.associated-search p{white-space: nowrap}*/
.associated-search ul li{display: inline-block;text-align: center;width:auto}

/****** Gnb ******/
.gnb-wrap{width:100%; padding:15px 15px 0; border-bottom:1px solid #e6e6e6; background:#fff;}
.header-wrap{width:100%; padding:0 15px 10px; border-bottom:1px solid #e6e6e6; background:#fff;}
/* .gnb-wrap.fixed{position:fixed; top:0; left:0;} */
.gnb-wrap .gnb{margin:0 -10px}
.gnb-wrap .inner:after,
.gnb-wrap:after,
.gnb-wrap .gnb > ul:after{display:block; content:''; clear:both;}
.gnb-wrap .gnb > ul{width:100%; display:flex; align-items:stretch; display:-webkit-box; display:-moz-box; display:-webkit-flex; -webkit-align-items:stretch;}
.gnb-wrap .gnb > ul > li{text-align:center; flex-grow:1; -webkit-box-flex:1;}
/*.gnb > ul > li:nth-child(2) .ico-txt-gnb{width:70px;height: 20px;}*/
.gnb > ul > li > a{display:inline-block; color:#333; font-size:15px; font-weight:700; text-align:center; position:relative;height: 40px;line-height: 40px;}
.gnb > ul > li > a span{display: inline-block;height: 100%;}
.gnb > ul > li.current > a:after{display:block; content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#FF6001}
.gnb > ul > li:last-child > a{padding-right:0}
.gnb > ul > li .ico-txt-gnb{display:inline-block; width:52px; height:14px; background:url("/resources/mobile/images/txt/txt_exp_delivery_m.png"); background-size:cover; margin-top:13px; background-position:center;}

@media screen and (max-width:321px) { 
    .gnb-wrap{padding:0 5px 0;}
	.gnb-wrap .gnb{margin:0}
	.gnb > ul > li > a{font-size:13px; padding-bottom: 14px; padding-top: 3px;}
	.gnb > ul > li.current > a:after{bottom:px}
}


/*========================================================
 lnb
========================================================*/
.lnb-wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 8999;}
.lnb-wrap.active{display:block;}
.lnb-wrap .lnb-inner{ position:relative; top:0; left:0; height:100%; background:#fff; }
.lnb-wrap .lnb-inner .ui-close-lnb{padding: 0 0 0; width: 24px; height: 24px;}
.lnb-wrap .lnb-inner .ui-close-lnb > i {display: inline-block; width: 24px; height: 24px; background: url("/resources/mobile/images/icon/ico-lnb-close.png") no-repeat center/100%;}
.lnb-wrap .lnb-head{height:auto; background:#fff; position:fixed; top:0; left:0; width:100%; padding:13px 15px; z-index:10; border:0;}
.lnb-wrap .lnb-body{height:100%; max-height:100%; padding:60px 0 51px;background:#fff;}
.lnb-head .inner{position:relative;display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 20px;}
.lnb-head .inner .btn-util-bell {}
.lnb-head .inner .btn-util-cart2{height:29px; background-position-y: -3px;margin-top: -7px;}
.lnb-head .inner .count {background:#ff6001}
.lnb-head .inner .user-level{display:inline-block;  vertical-align:top; padding:6px 10px; border:1px solid #333; border-radius:15px; font-size:13px;line-height:16px; color:#333; margin-right:8px;}
.lnb-head .inner .user-name{display:inline-block; vertical-align:top; padding:0; font-size:16px;line-height:30px; color:#333}
.lnb-head .inner .user-name .user-name {line-height:30px;vertical-align:top}
.user-name [class*="ico-arr-"]:after,
.user-name [class*="ico-arr-"]:before{background-color: #333;}
.lnb-head .inner .lnb-head-right {display: flex;align-items: center;justify-content: center;gap: 20px;}
.lnb-head .inner .inb-inner-search {position: relative; width: 100%;}
.lnb-head .inner .inb-inner-search .inner-input-wrap input[type="search"] {width: 100%; height: 34px; border-radius: 6px; border: 1px solid #FF6001; padding: 0 15px 0 48px; line-height: 34px;font-size: 13px;box-sizing: border-box;background: #FFF;}
.lnb-head .inner .inb-inner-search .inner-input-wrap input[type="search"]::placeholder {color: #666; }
.lnb-head .inner .inb-inner-search .inb-inner-search-btn {position: absolute;width: 18px; height: 18px; top: 8px; left: 15px; background: url("/resources/mobile/images/icon/icon-search_orange.png") no-repeat center/100%; }
.lnb-wrap .lnb-body .lnb-tab{display: flex;border-bottom: 1px solid #F8F8F8;}
.lnb-wrap .lnb-body .lnb-tab button{width:50%;text-align: center;padding: 10px 0 10px;}
.lnb-wrap .lnb-body .lnb-tab button p{color:#999;font-size: 15px;font-weight: 400;}
.lnb-wrap .lnb-body .lnb-tab button.on{border-bottom:2px solid #FF6001;}
.lnb-wrap .lnb-body .lnb-tab button.on p{color:#ff6001;font-weight: 700;}

.lnb-wrap .lnb-body .all-service{max-height: -webkit-fill-available; overflow-y: auto; padding-bottom: 30px;}

.lnb-cate-box {width: 100%;padding:25px 15px;}
.lnb-cate-box::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.lnb-cate-box > ul {display: flex;flex-wrap: wrap;gap:25px 0;padding:0 8px;}
.lnb-cate-box > ul > li {text-align: center; width:25%;}
.lnb-cate-box .lnb-category-slider-inn-img-contain {}
.lnb-cate-box .lnb-category-slider-inn-img-contain img {width: 56px; height: auto;background : #F8F8F8; border-radius : 15px;}
.lnb-cate-box .lnb-category-slider-inn-subject { display: block; margin-top: 8px; font-size: 12px;font-weight: 400;line-height: 14px; white-space:nowrap;}

.lnb-menu-box{padding:0;}
.lnb-menu-box .inner-menu-list {overflow:hidden;margin-left:-1px;margin-top:-1px;background:#F8F8F8}
.lnb-menu-box .inner-menu-list li {float:left;width:33.3%;border-top:1px solid #ededed}
.lnb-menu-box .inner-menu-list li > a{position:relative; display:block; height:80px; text-align:center;}
.lnb-menu-box .inner-menu-list li .txt{display:block;}
.lnb-menu-box .inner-menu-list li > a:before{display:block; position:absolute; top:50%; left:0; content:''; width:1px; height:30px; transform:translateY(-50%); background:#ededed}

.lnb-brand-area{margin-top:8px;padding-top:26px;padding-left:13px;padding-bottom:25px;background:#fff}
.lnb-brand-area .tit-head{padding:0 20px 0 7px;}
.lnb-brand-area .tit-head .lnb-cnt-tit{font-size:13px;}
.lnb-brand-area .tit-head .btn-link-txt3{font-size:12px; color:#666}
.lnb-brand-area .tit-head .btn-link-txt3 [class*="ico-arr-"]{width:10px; height:10px; margin-left:3px;}
.lnb-brand-area .scroll-y-area{width:100%; margin-top:15px;}
.lnb-brand-list{white-space:nowrap;}
.lnb-brand-list > li{display:inline-block; width:66px; height:66px; margin:0 7px;}
.lnb-brand-list > li .txt{display:block; margin-top:5px; color:#666; font-size:12px; text-align:center}

@media screen and (max-width:768px){
	html{-ms-overflow-style:none;}
	::webkit-scrollbar{display:none;}
	.scroll-y-area::-webkit-scrollbar{display:none;}
	.scroll-y-area{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
}

.cs-call{background:#666; text-align:center; margin-top:45px;}
.cs-call > a{display:block; padding:14px 0; font-size:13px; color:#fff; font-weight:bold;}
.cs-call > a em{font-size:14px;}

.cs-links {overflow:hidden;margin-top:0;background:#666}
.cs-links > li {float:left;width:50%;text-align:center;}
.cs-links > li > a {display:block;padding:12px 0;font-size:13px;text-align:center;font-weight:normal;color:#fff;}

.nav-area .nav-area-tit {font-size: 15px;line-height: 14px;font-weight: 700;padding: 20px 20px 17px;background: #fff;}
.nav-area .nav-list > li{border-bottom:1px solid #F4F4F4}
.nav-area .nav-list > li > a{position:relative; display:block; padding:9px 15px;background:#fff}
.nav-area .nav-list > li > a .txt{display:inline-block; vertical-align:middle; margin-left:10px;font-size: 15px;}
.nav-area .nav-list > li > a .txt.new:after{width:14px; height:14px; display:inline-block; position:relative; left:4px; top:2px; background:url("/resources/mobile/images/icon/ico_new_category.png") no-repeat 0 0; content:'';background-size: cover;}
.nav-area .nav-list > li > a [class*="ico-arr-"]{position:absolute; top:17px; right:20px; color:#999}
.nav-area .nav-list > li a .on-img{display:none}
.nav-area .nav-list > li.active > a img{display:none}
.nav-area .nav-list > li.active > a .on-img{display:block}
.nav-area .nav-list > li .depth2{display:none; position:relative; overflow:hidden; background:#F4F4F4}
.nav-area .nav-list > li .depth2.on{display:block;}
.nav-list > li .depth2::after{display:block; content:''; width:1px; height:100%; background:#fff; position:absolute; top:0; left:50%; }
.nav-list > li .depth2 > li{float:left; width:50%; border-bottom:1px solid #fff;}
.nav-list > li .depth2 > li > a{display:block; padding:15px 0; text-align:center;}
.nav-list > li .depth2 > li:nth-last-child(1){border-bottom:0}

.lnb-category-container{display:flex; height:calc(100vh - 65px - 51px); overflow:hidden; transition:transform 0.3s; background-color:#f8f8f8;}
.lnb-category-container::after{content:''; display:block; position:absolute; width:112px; left:0; top:-112px; aspect-ratio:1/1; opacity: 0.8;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0+35,1+50,0+65,0+100 */
    background: -moz-linear-gradient(-20deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-20deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(160deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    animation:lnbLeftLoad 8s infinite forwards linear;
}
@keyframes lnbLeftLoad{
    0%{top:-112px;}
    100%{top:100%;}
}
.lnb-category-container .lnb-category-thumbs-wrap{width:140px; height:100%; position:relative;}
.lnb-category-container .lnb-category-thumbs-wrap::before{content:''; display:block; position:absolute; bottom:-999px; left:0; right:0; background-color:#fff; top:0;}
.lnb-category-container .lnb-category-thumbs-wrap .lnb-category-slider-indi-list{position:relative; flex-direction: column;}
.lnb-category-container .lnb-category-thumbs-wrap .lnb-category-slider-indi-item{padding:15px 15px; font-size:13px; line-height:18px; color:#999; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; background-color:#fff; opacity:0;}
.lnb-category-container .lnb-category-thumbs-wrap .lnb-category-slider-indi-item.swiper-slide-thumb-active{background-color:#f8f8f8; color:#333; font-weight: 700;}
.lnb-category-container .lnb-category-slider-wrap{width:calc(100% - 140px); height:100%; background-color:#f8f8f8; padding:15px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-list{flex-direction: column; opacity:0;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-list .lnb-category-slider-item{height:auto;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item:nth-child(2) {margin-top: 20px !important;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item + .lnb-category-slider-item{margin-top:32px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-inn-list{display:flex; gap:12px 8px; flex-flow:row wrap;padding-top:8px;border-top:1px solid #E6E6E6;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-inn-item{width:calc((100% - 8px * 2) / 2 - 0.1px); text-align:center;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-title{font-size:14px; line-height: 18px; margin-bottom: 0; color:#333; font-weight: 700; text-align: left; display: inline-block;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-title + .lnb-category-slider-inn-list{margin-top: 8px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-title span{padding-left: 42px;height: 38px;vertical-align: middle;display: table-cell;}
/*.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-title span{padding-right:14px; background-image:url('/resources/mobile/images/icon/lnb-title-arr.png'); background-repeat: no-repeat; background-position:right center; background-size:6px auto;}*/
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-title span i.ico-arr-right:before{
    top:1px;
}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-title span i.ico-arr-right:after{
    bottom:-1px;
}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-inn-img-wrap{max-width:55px; margin:0 auto; width: 100%; position: relative;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-inn-img-wrap .lnb-category-slider-inn-img-contain{width:100%; padding-top:100%; position:relative;}
.lnb-category-container .lnb-category-slider-wrap .slider-item-services .lnb-category-slider-inn-img-wrap,
.lnb-category-container .lnb-category-slider-wrap .slider-item-brand .lnb-category-slider-inn-img-wrap{margin-bottom:4px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-inn-img-wrap img{position:absolute; top:0; right:0; bottom:0; left:0;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-inn-img-wrap .swiper-lazy-preloader{position:absolute; top:0; right:0; bottom:0; left:0; background-color:#eee; border-radius:12px; animation:lazyLoaderBlink 2s infinite;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-inn-subject{font-size:12px; line-height:16px; height:32px; display: flex; text-align: left;flex-direction: column;justify-content: center;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item.slider-item-brand .lnb-category-slider-inn-img-wrap{background-color:#f4f4f4; border-radius:10px; overflow:hidden;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item.slider-item-services .lnb-category-slider-inn-img-wrap{max-width:42px}
.lnb-wrap::after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:70vw; height:70vw; max-width:72px; max-height:72px; background-image:url(/resources/mobile/images/icon/ico-upload-imgx2.gif); background-position:center; background-repeat: no-repeat; background-size:contain; z-index:9999;}
.lnb-wrap.slider-active::after{display:none;}
.lnb-wrap.slider-active .lnb-body .lnb-category-container::after{display:none;}
.lnb-wrap.slider-active .lnb-body .lnb-category-container .lnb-category-thumbs-wrap .lnb-category-slider-indi-item{opacity:1;}
.lnb-wrap.slider-active .lnb-body .lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-list{opacity:1;}

.lnb-category-container .lnb-category-slider-item.slider-item-brand span{height: auto;padding-left: 0;}
.lnb-category-container .lnb-category-slider-wrap .lnb-category-slider-item-title + .lnb-brand-slider{margin-top:20px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-brand-slider .lnb-brand-slider-item + .lnb-brand-slider-item{margin-top:12px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-brand-slider .lnb-brand-slider-inn-btn{display:flex; gap:10px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-brand-slider .lnb-brand-slider-inn-btn .lnb-brand-slider-inn-img-wrap{border-radius: 6px; overflow: hidden;}
.lnb-category-container .lnb-category-slider-wrap .lnb-brand-slider .lnb-brand-slider-inn-btn .lnb-brand-slider-inn-img-wrap img{width:55px; height:55px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-brand-slider .lnb-brand-slider-inn-btn .lnb-brand-slider-inn-text-wrap{width:calc(100% - 55px - 10px); display:flex; flex-direction:column; justify-content:center; gap:4px;}
.lnb-category-container .lnb-category-slider-wrap .lnb-brand-slider .lnb-brand-slider-inn-btn .lnb-brand-slider-inn-text-wrap .lnb-brand-slider-inn-title{font-size:14px; line-height:14px; font-weight:700;}
.lnb-category-container .lnb-category-slider-wrap .lnb-brand-slider .lnb-brand-slider-inn-btn .lnb-brand-slider-inn-text-wrap .lnb-brand-slider-inn-desc{font-size:11px; line-height:14px; color:#999;}
@keyframes lazyLoaderBlink{
0%{background-color:#eee;}
    50%{background-color:#f2f2f2;}
    70%{background-color:#eee;}
}

.lnb-bottom-cnt{position:absolute; background:#f2f2f2; position:fixed; bottom:58px; left:0; right:0;z-index:3;}
.lnb-bnr{overflow:hidden; padding:0 15px; background:#fff; position:relative; z-index:2; margin: 0 0 12px; overflow: hidden;}
.lnb-bnr>*{border-radius:10px; overflow:hidden;}
.lnb-bnr img{border-radius:10px;}

/* lnb 수정 */
.depth1-cate-img{
    width: 38px;
    height: 38px;
    border-radius: 4px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 0;
}

/* lnb 수정 */


/* icon */
[class*="ico-lnbbox-"]{display:inline-block;height:50px;}
[class*="ico-lnbbox-"]:before {display:inline-block;content:"";background-image:url("/resources/mobile/images/icon/ico_lnb_menubox_20221226.png"); background-size:105px auto;}
.ico-lnbbox-gift:before{margin-top:19px;background-position:-1px -1px; width:22px;height:22px}
.ico-lnbbox-regular-delivery:before{margin-top:19px;background-position:-1px -1px; width:24px;height:24px}
.ico-lnbbox-exp:before{margin-top:21px;background-position:-35px -2.5px; width:36px;height:20px}
.ico-lnbbox-event:before{margin-top:17px;background-position:-80.5px 0; width:24.5px;height:24px}
.ico-lnbbox-new:before{margin-top:24px;background-position:0px -29px; width:33.5px;height:16px}
.ico-lnbbox-onepack:before{margin-top:17px;background-position:-40.5px -25px; width:24px;height:24px}
.ico-lnbbox-members:before{margin-top:17px;background-position:-75.5px -24px; width:24px;height:26px}

.ico-cate,[class*="ico-cate-"]{display:inline-block; width:30px; height:30px; overflow:hidden; background-size:65px auto; background-position:left top; vertical-align: middle;}
.ico-cate-menu{background-image:url("/resources/mobile/images/icon/ico_gnb_all_m.png"); width:20px; height:15px;background-repeat: no-repeat; background-size:contain;background-position: top center;vertical-align: top;}
.ico-cate-chicken{background-image:url("/resources/mobile/images/icon/ico_cate_chicken.png");}
.ico-cate-lunchbox{background-image:url("/resources/mobile/images/icon/ico_cate_lunchbox.png");}
.ico-cate-instant{background-image:url("/resources/mobile/images/icon/ico_cate_instant.png");}
.ico-cate-salad{background-image:url("/resources/mobile/images/icon/ico_cate_salad.png");}
.ico-cate-bread{background-image:url("/resources/mobile/images/icon/ico_cate_bread.png");}
.ico-cate-beverage{background-image:url("/resources/mobile/images/icon/ico_cate_beverage.png");}
.ico-cate-meat{background-image:url("/resources/mobile/images/icon/ico_cate_meat.png");}
.ico-cate-sidedish{background-image:url("/resources/mobile/images/icon/ico_cate_sidedish.png");}
.ico-cate-diet{background-image:url("/resources/mobile/images/icon/ico_cate_diet.png");}
.ico-cate-egg{background-image:url("/resources/mobile/images/icon/ico_cate_egg.png");}
.ico-cate-new{background-image:url("/resources/mobile/images/icon/ico_cate_new.png");}
.ico-cate-onepack{background-image:url("/resources/mobile/images/icon/ico_cate_onepack.png");}
.ico-cate-set{background-image:url("/resources/mobile/images/icon/ico_cate_set.png");}

/* 활성화시 */
.nav-list > li.active [class*="ico-cate-"]{background-position:right top;}
.nav-list > li.active > a .txt{color:#FF6001}
/* 메인화면카테고리 */
.main .category-menu .menu-list [class^="ico-cate"]{display:inline-block; width:32px; height:32px; overflow:hidden; background-image:url('/resources/mobile/images/icon/category-ico-compilation.png?ver=20230425'); background-size:500%; background-repeat:no-repeat;}
.main .category-menu .menu-list .ico-for-family{display:inline-block; width:32px; height:32px; overflow:hidden; background-image:url('/resources/mobile/images/icon/category-ico-family2.png');  background-repeat:no-repeat;background-size: cover;}
.main .category-menu .menu-list .ico-cate-new{background-position:0 0;}
.main .category-menu .menu-list .ico-cate-gift{background-position:25% 0;}
.main .category-menu .menu-list .ico-cate-chicken_breast{background-position:50% 0;}
.main .category-menu .menu-list .ico-cate-packed_meal{background-position:75% 0;}
.main .category-menu .menu-list .ico-cate-salad{background-position:100% 0;}
.main .category-menu .menu-list .ico-cate-instant{background-position:0 25%;}
.main .category-menu .menu-list .ico-cate-bakery{background-position:25% 25%;}
.main .category-menu .menu-list .ico-cate-drink{background-position:50% 25%;}
.main .category-menu .menu-list .ico-cate-egg{background-position:75% 25%;}
.main .category-menu .menu-list .ico-cate-all{background-position:100% 25%;}
.main .category-menu .menu-list .ico-cate-beef{background-position:0 50%;}
.main .category-menu .menu-list .ico-cate-pork{background-position:25% 50%;}
.main .category-menu .menu-list .ico-cate-chicken_tender{background-position:50% 50%;}
.main .category-menu .menu-list .ico-cate-snack{background-position:75% 50%;}
.main .category-menu .menu-list .ico-cate-package{background-position:100% 50%;}
.main .category-menu .menu-list .ico-cate-mealkit{background-position:0 75%;}
.main .category-menu .menu-list .ico-cate-health{background-position:25% 75%;}
.main .category-menu .menu-list .ico-cate-seafood{background-position:50% 75%;}
.main .category-menu .menu-list .ico-cate-source{background-position:75% 75%;}
.main .category-menu .menu-list .ico-cate-vegan{background-position:100% 75%;}
.main .category-menu .menu-list .ico-cate-training{background-position:0% 100%;}
.main .category-menu .menu-list .ico-cate-nut{background-position:25% 100%;}
.main .category-menu .menu-list .ico-cate-new-year, .main .category-menu .menu-list .ico-cate-thanksgiving{background-position:50% 100%;}
.main .category-menu .menu-list .ico-cate-baby{background-position:75% 100%;}
.main .category-menu .menu-list .ico-cate-petfood{background-position:100% 100%;}

/*========================================================
 Footer
========================================================*/
/* sns */
.footer-sns-list{overflow:hidden; text-align:center;}
.footer-sns-list > li{display:inline-block; margin:0 5px}
[class^="ico-sns-"]{display:inline-block; vertical-align:top; width:30px; height:30px; background-image:url("/resources/mobile/images/icon/ico_footer_sns_m_1.png"); background-size:240px auto;}
.footer-sns-list [class^="ico-sns-"]{background-image:url('/resources/mobile/images/icon/ico_footer_sns_light.png');}
.ico-sns-facebook{background-position:0 0;}
.ico-sns-instagram{background-position:-40px 0;}
.ico-sns-blog{background-position:-80px 0;}
.ico-sns-post{background-position:-120px 0;}
.ico-sns-kakaotalk{background-position:-160px 0;}
/*.ico-sns-kakaostory{background-position:-200px 0;}*/
.ico-sns-youtube{background-position:-200px 0;}
.footer-inner{padding:30px 15px 22px;}
.footer-inner + .footer-inner{padding-top:0; padding-bottom:30px;}
.footer-menu-list{text-align:center; margin-top:12px}
.footer-menu-list > li{display:inline-block; padding:0 8px 0 0;}
.footer-menu-list > li:last-child{padding-right:0; display: block; margin-top: 8px;}
.footer-menu-list > li:first-child:before, .footer-menu-list > li:last-child:before{content:none;}
.footer-menu-list > li:before{display:inline-block; content:''; width:1px; height:12px; vertical-align:middle; background:#ccc; margin:-2px 10px 0 0;}
.footer-menu-list > li > a{color:#666; font-size:12px;}
.footer-links{overflow:hidden; background:#eee; border-top:1px solid #ddd; padding:0 15px;}
.footer-links > li{float:left; width:33.3333%; text-align:center;}
.footer-links > li > a{display:block; font-size:13px; color:#666; text-align:center;  font-weight:400; padding:10px 0;}
.footer-cs-info{text-align:center;}
.footer-cs-info p{font-size:12px; color:#999; line-height:18px;}
.footer-cs-info .cs-guide{font-size:14px; line-height:24px; margin-bottom:10px; color:#333}
.footer-cs-info .cs-guide .text-primary{font-weight:bold; font-size:18px; color:inherit !important; line-height:inherit;}
.footer-cs-info .cs-guide .ico-bl-phone{vertical-align:middle; width:14px; height:14px; background-image:url('/resources/mobile/images/icon/ico-tel-black.png?ver=20230419'); background-size:contain; background-repeat: no-repeat; background-position: center; margin:-3px 2px 0 5px;}
.footer-toggle{text-align:center;}
.footer-toggle > .ui-slide-btn{display:inline-block; padding: 0 0 20px;}
.footer-toggle > .ui-slide-btn .ico-arr-toggle{margin-left:5px}
.footer-addr-info > li{color:#666; font-size:11px; line-height:18px}
.footer-addr-info > li > p{display:inline; padding-right:10px;}
.footer-service-info{margin-top:10px;margin-bottom:10px}
.footer-service-info dt,.footer-service-info dd{color:#666; font-size:11px; line-height:18px}
.footer-inner .copyright{margin-top:15px; color:#999; font-size:10px; text-align:center; line-height:10px;}
.footer-service-info .btn-link-txt4,
.footer-addr-info .btn-link-txt4{font-size:11px; text-decoration:underline;}

@media screen and (max-width: 361px) { 
	.footer-menu-list > li:before{margin:-2px 5px 0 0}
	.footer-menu-list > li{padding:0 0 0 4px;}
}


/*========================================================
 Content
========================================================*/
.container{position:relative; /*min-height:calc(100% - 465px);*/ min-height:calc(100% - 60px);}
.container>.background{padding-top:10px;background-color: #e6e6e6;position:relative}
.content-wrap{padding-bottom:60px}
.content-wrap.bottom-padding{padding-bottom:65px}
.content-wrap.type-bottom-box{padding-bottom:120px;}/* 혜택정리, 1팩담기등 */
.content-wrap.type-bottom-box2{padding-bottom:100px;}/* only 비교하기팝업 */
.content-wrap.type-bottom-box3{padding-bottom:150px;}/* 비교하기팝업 + 하단탭바 */
.content-wrap.type-bottom-btn{padding-bottom:80px;}
.footer{background:#F7F7F7; padding-bottom:30px}
.footer.bottom-type{padding-bottom:47px;}
.footer.bottom-btn-type{padding-bottom:107px;}

/* Frame */
.frame-left{float:left}
.frame-right{float:right}
.frame-result-area{padding:60px 15px 50px;}

/* Title */
.page-title-area{position:relative; padding:20px 0; min-height:60px; max-height:60px; border-bottom:1px solid #eee; background-color:#fff;}
.line{border-bottom: 0;}
.page-title-area .btn-back{display:block; position:absolute; left:0; top:0px; padding:22.5px 20px;}
.page-title-area .header-top-btn {position:absolute;top:15px;right:15px;border-radius:3px}
.page-title-area .btn-back .ico-arrows-back {vertical-align:top}
.page-title{font-size:18px; font-weight:700; text-align:center; line-height:20px; padding:0 70px;}
.page-title-area .my-menu{position:absolute; top:10px; right:20px;}
.page-title-area .my-menu li{margin-left:15px}
.page-title .head-logo{display:inline-block; width:71.5px; height:28.5px; background:url("/resources/mobile/images/logo.png") no-repeat ; background-size:71.5px;}
.page-title .coupon-link{position:absolute; right:15px; font-size:14px; color:#333;}
.page-title .coupon-link .my-coupon{letter-spacing:-1px;}
.page-title .coupon-link .num-my-coupon{min-width:20px; height:20px; padding:0 5px; display:inline-block; border-radius:10px; margin:0 0 0 4px; background:#ff6001; font-size:11px; font-weight:700; color:#fff; vertical-align:top;}
.page-title-area .ui-close-pop{position:absolute; top:13px; right:20px; z-index:11;}
.header-top .logo >a.header-fitness{position: absolute;top:13px;left:98px;display: block;    width: 78px;height: 28px;color: #666;border-radius: 999px;border: 1px solid #E6E6E6;background: #FFF;    display: flex;align-items: center;align-content: flex-end;flex-wrap: nowrap;gap: 5px;text-align: center;padding: 0px 12px;font-size: 12px;font-style: normal;font-weight: 400;line-height: 28px; }
.header-top .logo >a.header-fitness .ico-header-fitness-con{display: inline-block;width:30px;height: 30px;background: url("/resources/mobile/images/icon/ico-header-fitness-con.svg");background-size: 30px 30px;background-repeat: no-repeat;}
.header-top .logo >a.header-fitness .ico-header-fitness-con-gif{display: inline-block;width:30px;height: 30px;background: url("/resources/mobile/images/icon/fitness-gif-logo2.gif");background-size: 30px 30px;background-repeat: no-repeat;}

/* .title-page-type2{font-size:25px; font-weight:700;} */
.list-title-area{position:relative; min-height:32px;}
.list-title-area .title-list{font-size:18px; font-weight:500; line-height:32px;}
.menu-title-area{position:relative; min-height:40px;}
.menu-title-area .title-menu{display:inline-block; font-size:24px; font-weight:500;}
.menu-title-area .sub-desc{display:inline-block; color:#666; font-size:12px; margin-left:5px;}
.menu-title-area .right{position:absolute; right:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:1;}
.menu-title-area .right .btn-link-txt5{vertical-align: middle;}
.menu-title-area .right [class^="btn-"] + [class^="btn-"]{margin-left:10px;}

/* Content */
.page-guide{width:100%; padding:0 15px}
.page-guide-center{width:100%; padding:0 15px; text-align:center;}
.bottom-guide{border-top:8px solid #f2f2f2; padding:25px 15px 0}
.bottom-guide .guide-tit{margin-bottom:8px}

/* 간격 */
.content-wrap.frame-sm .page-title-area:first-child{padding-top:70px;}
.board-form ~ .bl-list-type1{margin-top:20px}
.reply-area  ~ .pagination,
.banner-list-wrap ~ .pagination,
.board-list ~ .pagination,
.board-list ~ .btn-bottom-area,
.my-prd-list ~ .btn-bottom-area,
.list-lately-wrap ~ .btn-bottom-area{margin-top:40px;}
.btn-bottom-area + .box-grey-type2{margin-top:90px}
.search-box ~ .board-list,
.menu-title-area ~ .board-form,
.menu-title-area ~ .board-list,
.menu-title-area ~ .coupon-box,
.menu-title-area ~ .grid-list-wrap,
.btn-bottom-area ~ .bottom-guide,
.inquery-form ~ .btn-bottom-area{margin-top:15px}

/* 공통 : 작성폼  20211206 content_etc_m.css에서 옮김 */
.inquery-form .title-box-container{text-align: center;}
.inquery-form .title-box-container .img-qa{position: relative;display: inline-block;width:60px;height:58px;background:url(/resources/mobile/images/icon/ico_qa.png) no-repeat;margin:20px 0 }
.inquery-form .title-box-container .txt{font-size:15px; font-weight:400; color:#333;vertical-align:top;line-height:26px;}
/* 공통 : 작성폼  20211206 content_mypage_m.css에서 옮김 */
.inquery-form{padding:20px 15px}
.inquery-form.type2{border-top:8px solid #f2f2f2;}
.order-list-item ~ .inquery-form{padding:0 15px 20px;}
.input-sgroup.w-full .input-text{width:100%}
.inquery-form .textarea-box{height:150px; border-color:#ccc}
.inquery-form .textarea-box.type2{height:100px}
.inquery-form .textarea-box textarea{height:calc(100% - 15px)}
.inquery-form  .input-sgroup.w-full + .textarea-box{margin-top:10px}
.text-counter{color:#ccc;font-size:12px;text-align:right;display:block;line-height:15px}
.text-counter em{color:#666}
.inquery-form .btn-group{margin:30px -3px 0;font-size:0}
.inquery-form .btn-group > button{display:inline-block;width:calc(50% - 6px);margin:0 3px}
.inquery-form .prod-box{padding:15px;border:1px solid #e6e6e6;border-radius:1px;margin-top:10px}
.inquery-form .btn-group button:disabled{color:#fff;background:#ccc !important;border-color:#ccc !important}
.ui-datepicker{z-index:999999 !important}

/* 버튼 영역 공통 적용 : 20211206 ontent_mypage_m.css에서 옮김 */
.added-btn{position:relative; text-align:center; display:flex; align-items:stretch;display:-webkit-box;display:-webkit-flex; -webkit-align-items:stretch;}
.added-btn > [class*="btn-"]{vertical-align:top; flex-grow:1; -webkit-box-flex:1; width:50%; margin:0 3px}
.added-btn > [class*="btn-"]:first-child{margin:0 3px 0 0;}
.added-btn > [class*="btn-"]:last-child{margin:0 0 0 3px;}
.added-btn > [class*="btn-"]:only-child{margin:0; width:100%}
.added-btn > .order-state-box{vertical-align:top; flex-grow:1; -webkit-box-flex:1; width:100%; margin:0 3px}
.added-btn > .order-state-box:only-child{margin:0; }
/* .정렬 예외 */
.added-btn .btn-basic-sm{margin-left:3px; flex-shrink:0; flex-grow:0; width:90px; padding: 5px;}
.added-btn .form-circle-box{margin-left:3px; flex-shrink:0}
.added-btn [class*="btn-"] .ico-btn-cart{margin-top:2px;}
.added-btn .btn-primary-line.btn-dim,
.added-btn .btn-primary-line[disabled]{color: unset;background: unset; border:unset; cursor: default;}
.added-btn .btn-primary-line.btn-dim .ico-btn-cart,
.added-btn .btn-primary-line[disabled] .ico-btn-cart{background-position:-55px -25px;}

/* 데이터없을 경우 */
.no-data{padding:100px 0; text-align:center; width:100%}
.no-data [class^="ico-img-"]{margin-bottom:20px;}
.no-data .message{color:#999; font-size:13px; line-height:17px;}
.no-data:before{display:block; content:''; margin:0 auto 15px; width:80px; height:80px; background:url("/resources/mobile/images/icon/ico_img_m.png") 0 -120px; background-size:200px auto} 
/* 예외 - header 최근검색어 */
.latest-search .no-data{padding:30px 0 35px !important;}
.latest-search .no-data p{color:#ccc}
.latest-search .no-data:before{content:none}
.latest-search .no-data p:before{display:none}
/* 예외 - 장바구니 */
.cart-list-area .no-data{border-bottom:1px solid #ccc; padding:100px 0}
/* 예외 - 마이페이지 주문내역  */
.search-box ~ .no-data{padding:160px 0;}
.search-box ~ .no-data .message{color:#333; font-size:15px;}

.container.type-empty{/*height:calc(100% - 56px);*/ height:100%; background:#eee;}
.container.type-empty .no-data-page{padding-top:160px; text-align:center;}
.no-data-page .message{font-size:18px;line-height:23px}
.no-data-page .message + .btn-basic-lg{margin-top:30px; width:200px;border:1px solid #eee}
.textarea-box ~ .filebox{margin-top:15px}
.no-data-page .bd0{border : 0}
.no-data-type1{text-align:center; padding:60px 0;border-top:8px solid #f2f2f2} 
.no-data-type1 .message{color:#666; font-size:14px;}
.order-list-slide .no-data-type1{padding:160px 0;}

.page-bottom-area{position:fixed; bottom:0; left:0; width:100%; z-index:17;}
.page-bottom-area > [class*="btn-"]:only-child{margin:0; width:100%}
.page-bottom-area.type-myp{/*bottom:48px*/} /* 20211118 하단탭바 삭제 이후로 수정  */

.inner-flex{display:flex; align-items:stretch;  display:-webkit-box;  display:-webkit-flex; -webkit-align-items:stretch;}
.inner-flex .left-item{flex-grow:1; -webkit-box-flex: 1;}
.inner-flex .right-item{position:relative; flex-grow:1; -webkit-box-flex: 1; text-align:right;}
.inner-flex .left-item1{flex-grow:1; -webkit-box-flex: 1;}
.inner-flex .right-item1{position:relative; flex-grow:1; -webkit-box-flex: 1; text-align:right; min-width:60px;white-space: nowrap; }
.inner-flex .grow-item2{flex-grow:2; -webkit-box-flex: 2;}
.inner-flex .grow-item3{flex-grow:3; -webkit-box-flex:3;}
.inner-flex .grow-item7{flex-grow:7; -webkit-box-flex: 7;}
.inner-flex .grow-item8{flex-grow:8; -webkit-box-flex: 8;}

.bottom-fixed-bar{position:fixed; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #eee; z-index: 10015;}
.bottom-fixed-bar .bottom-menu{display:table; width:100%; height:50px; table-layout:fixed;}
.bottom-fixed-bar .bottom-menu > li{display:table-cell; width:20%; vertical-align:middle; text-align:center;}
.bottom-fixed-bar .bottom-menu > li > a:not(.btn-recent-view){display:block;}
[class*="ico-bottom-"]{display:block; height:32px; margin:auto; background:url("/resources/mobile/images/icon/nav-ico-compilation.svg"); background-size:auto 32px;}
.ico-bottom-coupon{background-position:25% bottom; width:32px;}
.ico-bottom-main{background-position:50% top; width:32px;}
.ico-bottom-my{background-position:75% top; width:32px;}
.ico-bottom-recent-empty{background-position:100% bottom; width:32px;}
.btn-recent-view-wrap{position:relative;}
.btn-recent-view{position:relative; display:inline-block; width:26px; height:26px; border-radius:100%;}
.btn-recent-view.empty{width:auto; height:auto;}
.btn-recent-view img{width:100%; border-radius: 50%;}
.btn-recent-view .num{position:absolute; top:-4px; right:0; padding:2px 3px; background-color:#333; color:#fff; border-radius:1.5em; font-size:10px; line-height:10px;}


/*========================================================
 로그인, 회원가입
========================================================*/
/* 로그인 */
.login-area{padding:40px 20px; display:flex; flex-direction: column; min-height: calc(100vh - 60px);}
.login-area .valid.error {margin-top:6px}
.login-area .btn-bottom-area{padding:0}
.login-greeting{padding-top:55px; font-size:26px; color:#000; line-height: 1.6; margin-bottom:15px;}
.login-greeting .txt{font-weight:normal;}
.login-greeting .message .ico-logo-login{vertical-align: top;/* margin-top:2px */width: 84px;height: 32px;background-size: contain;}
.login-area .input-group + .input-group{margin-top:6px;}
.login-area .input-group ~ .btn-basic-lg{margin-top:12px;}
.login-area .inner-flex{margin-top:15px;}
.login-area .btn-bottom-area .btn-default{color:#333}
.login-area .btn-bottom-area ~ .page-guide-center{margin-top:25px;}
.login-area .btn-bottom-area ~ .log-benefit-bnr,
.login-area .page-guide-center ~ .log-benefit-bnr{margin-top:30px;}
.login-area .log-benefit-bnr + .bl-list-type3{margin-top:10px}
.login-area .log-benefit-bnr + .bl-text-type3 {margin-top:10px}
.login-area fieldset ~ .btn-bottom-area{margin-top:40px}
.join-title{font-size:24px; margin-bottom:16px; text-align:center; font-weight:500;}
.login-area .txt-link-list li{display:inline-block; color:#666; font-size:13px;}
.login-area .txt-link-list li:last-child:before{display:inline-block; content:''; width:1px; height:8px; background:#ccc; vertical-align:middle; margin:-3px 8px 0 5px}
.login-area .txt-link-list li:only-child:before{content:none}
.login-area .remember-me-con{margin-top:12px;}
.login-area .remember-me-con .remember-me1-con{margin-right:11px;}
.login-area .custom-checkbox .checkbox + label:before{width:20px; height:20px; border-radius:3px; border:1px solid #e6e6e6;}
.login-area .custom-checkbox .checkbox:checked + label:before{width:20px; height:20px; border-radius:3px; border: 1px solid #ff7e32; background-position: -1px -63px;}
.login-area .custom-checkbox .checkbox + label{font-size:14px; min-height:22px;}
.login-area .custom-checkbox input[type="checkbox"] + label{line-height:22px;}
.login-area .find-con{margin-top:20px;}
.login-area .account-info-control{margin-top:24px;}
.login-area .account-info-control .account-info-control-row{display:flex; align-items: flex-start;}
.login-area .account-info-control .account-info-control-row .account-info-control-item{width:100%; position:relative; text-align: center;}
.login-area .account-info-control .account-info-control-row .account-info-control-item + .account-info-control-item::before{content:''; display:block; position:absolute; left:0; top:calc(18px / 2); transform: translateY(-50%); width:1px; height:10px; background-color:#e6e6e6;}
.login-area .account-info-control .account-info-control-row .account-info-control-item .account-info-control-text{line-height: 18px; font-size: 13px; color:#777; display:block; text-align: center;}
.login-area .account-info-control .account-info-control-row .account-info-control-item:last-child .account-info-control-text{color:#333}
.login-area .account-info-control .account-info-control-row .account-info-control-item .account-info-control-subtext{display:inline-block; font-size:10px; line-height: 10px; font-style: normal; position: relative;}
.login-area .account-info-control .account-info-control-row .account-info-control-item .account-info-control-subtext.sign-up{padding-left:11px;}
.login-area .account-info-control .account-info-control-row .account-info-control-item .account-info-control-subtext.sign-up::before{content:''; display:block; position:absolute; top:calc(10px / 2); left:0; transform: translateY(-50%); width:9px; height:8px; background-image:url('/resources/mobile/images/icon/ico_wish-filled.png'); background-size: contain; background-position: left bottom;}



/*마지막 로그인*/
.login-area .login-btn-box{position: relative;margin-top:12px;}
.login-area .login-btn-box .last-login-position{position: absolute;top:-40px;right:20px;}
.last-login-box {background-color: #fff;border: #ff6001 solid 1px;border-radius: 5px;height: auto;letter-spacing: -0.25px;position: relative;width: fit-content;z-index: 100;box-shadow:-1px 2px 2px rgba(0,0,0, 0.15)}
.last-login-box::after {border-color: #fff transparent;border-style: solid;border-width: 0 6px 8px 6.5px;content: '';display: block;left: 45%;position: absolute;bottom: -7px;width: 0;transform: rotate(180deg);z-index: 1;}
.last-login-box::before {border-color: #ff6001 transparent;border-style: solid;border-width: 0 6px 8px 6.5px;content: '';display: block;left: 45%;position: absolute;bottom: -8px;width: 0;z-index: 0;transform: rotate(180deg);}
.last-login-box p{font-size: 13px;padding:6px;}

.sns-login .last-login-position{position: absolute;top:-40px;right:-25px;width: 86px;}

.log-benefit-bnr{margin-top: auto;}
.log-benefit-bnr [class^="swiper-button-"]{position:absolute; top:50%; transform: translateY(-50%); margin: 0; width: auto; padding: 0 10px;}
.log-benefit-bnr .swiper-button-prev{left:-10px;}
.log-benefit-bnr .swiper-button-next{right:-10px;}

.sns-login{margin:50px 0 0;position: relative;}
.sns-login-list .ico-sns-loin{display:inline-block; width:36px; height:36px; overflow:hidden; background:url("/resources/mobile/images/icon/ico_sns_login_m.png"); background-size:auto 36px;}
.sns-login-list .ico-sns-loin.naver{background-position:left top;}
.sns-login-list .ico-sns-loin.apple{background-position:center top;}
.sns-login-list .ico-sns-loin.kakao{background-position:right top;}
.sns-login-list .ico-sns-loin.facebook{background:url("/resources/mobile/images/icon/ico_sns_facebook_m.png") no-repeat 0 0; background-size:auto 36px;}
.sns-login-list{text-align:center}
.sns-login-list > li{display:inline-block;margin:0 12px;position: relative;}
.login-area .sns-login .sns-login-list{display:flex; flex-flow: row wrap; justify-content: center; margin-bottom: 24px;}

.sns-login-first .login-greeting{padding-top: 10px;margin-bottom: 40px;}
.sns-login-first .btn-all > button{height: 50px;border-radius: 6px; width: 100%; }
.sns-login-first .btn-all > button span {font-size: 15px; font-weight: bold;}
.sns-login-first .btn-all > button + button { margin-top: 19.5px;}
.sns-login-first .btn-all > button.toggle-btn {background: #F8F8F8; height: 55px; padding: 18px 15px; display: flex; align-items: center; justify-content: space-between;}
.sns-login-first .btn-all > button.toggle-btn > i {}
.sns-login-first .btn-all > button.toggle-btn span {color: #666; font-size: 14px; font-weight: 400;line-height: normal;}
.sns-login-first .toggle-btn i {display: inline-block; width: 18px; height: 18px;  background: url("/resources/mobile/images/icon/icon-bottom.png") no-repeat center/100%;margin: 0 0 0;}
.sns-login-first .toggle-btn.on i {transform: rotate(180deg);}
.sns-login-first .toggle-content {display: none; }
.sns-login-first .toggle-content.active {display: block;}
.sns-login-first .toggle-content > p:first-of-type {margin: 20px 0 8px; color: #333;font-size: 13px;font-style: normal;font-weight: 400;line-height: 22px;}
.sns-login-first .toggle-content > p:first-of-type strong {font-weight: 700;}


.join-membership .sns-login{margin:40px 0 0;}
.join-membership .sns-login-list .ico-sns-loin{display:inline-block; width:42px; height:42px; overflow:hidden; background:url("/resources/mobile/images/icon/ico_sns_login_m.png"); background-size:auto 42px;}
.sns-login-list .ico-sns-loin.naver{background-position:left top;}
.sns-login-list .ico-sns-loin.apple{background-position:center top;}
.sns-login-list .ico-sns-loin.kakao{background-position:right top;}
.join-membership .sns-login-list .ico-sns-loin.facebook{background:url("/resources/mobile/images/icon/ico_sns_facebook_m.png") no-repeat 0 0; background-size:auto 42px;}
.join-membership .sns-login-list{text-align:center}
.join-membership .sns-login-list > li{display:inline-block; background-color: #f8f8f8;padding:13px 22px;border-radius: 6px;margin:0;}
.join-membership .sns-login-list > li:nth-child(2){margin:0 10px;}


/* 회원가입 */
.form-group-area{padding:30px 0 20px;}
.terms-toggle-box{border:1px solid #ccc; border-radius:2px; padding:15px; margin-top:8px;}
.terms-toggle-box .box-head{border-bottom:1px solid #e6e6e6; padding-bottom:18px; margin-bottom:18px;}
.terms-toggle-box .box-head label{font-size:15px;}
.terms-toggle-box .terms-inner-list{padding-top:12px;}
.terms-toggle-box .terms-inner-list > li + li{margin-top:18px}
.terms-toggle-box .terms-inner-list li .custom-checkbox input[type="checkbox"] + label{color:#444;}
.terms-toggle-box .terms-inner-list li .custom-checkbox input[type="checkbox"] + label > .text-guide-sm{font-size:13px;}
.terms-toggle-box .terms-inner-list li .custom-checkbox input[type="checkbox"] + label > .add-service-text{padding-top:3px;display:block; font-size:12px; color:#999;}
.terms-toggle-box ~ .bl-list-type2{padding-bottom:10px}
.input-group ~ .bl-list-type2{margin-top:10px;}
.terms-inner-list .terms-inner-box{background:#f8f8f8; padding:12px; margin-top:10px; font-size:11px; height:165px; overflow-y:auto;}
.terms-inner-list .terms-inner-box .policy-agree-table {table-layout:fixed; width:100%;}
.terms-inner-list .terms-inner-box .policy-agree-table th {padding:15px 0 15px 18px; border-top:1px solid #ddd; font-weight:bold; text-align:left; vertical-align:top;font-size:11px;color:#333}
.terms-inner-list .terms-inner-box .policy-agree-table td {padding:15px 0 15px 10px; border-top:1px solid #ddd; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;font-size:11px;color:#333}
.terms-inner-list .terms-inner-box .policy-agree-table tr:first-child th, .terms-inner-list .terms-inner-box .policy-agree-table tr:first-child td {border-top:0;padding-top:3px}
.terms-inner-list .terms-inner-box .policy-agree-table tr:last-child th, .terms-inner-list .terms-inner-box .policy-agree-table tr:last-child td {padding-bottom:3px}
.terms-inner-list .table-box{height:auto; overflow-y:visible;}

.btn-select-type{position:relative; display:inline-block; min-width:105px; height:50px; padding: 0 40px 0 15px; border: 1px solid #ccc; color: #666; vertical-align:middle; background: url(/resources/mobile/images/icon/ico_btn_select.png) right center no-repeat; background-size: 28px auto;  border-radius: 6px;}
.btn-select-type > span{display: inline-block; height:100%; line-height: 3.8;}
.login-inner .form-group .custom-radio.grow-item2 {max-width:95px;min-width: 95px;}
.login-inner .input-group.type-lg .input-text,
.input-text.type-lg{border-radius: 6px; border-color:#ccc;}
.join-membership{display:none;}
.join-membership .title{padding-top:32px;}
.join-membership .title h2{font-size: 18px;font-weight: 700;color:#333333;padding-bottom:6px;}
.join-membership .title p{font-size: 13px; font-weight: 400;color:#999999;}
.join-membership .join-banner{background: url("https://file.rankingdak.com/image/event/m/cooponbanner/img_banner_0204.jpg") no-repeat center center / 100%; aspect-ratio: 644/300; margin:0 -15px; position: relative}
.join-membership .join-banner .btn{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 0 15px;}
.join-membership .btn-bottom-area{padding-top:18px;border-radius: 6px;height: 50px;font-weight: 400;}

.terms-section .frame-inner{padding:0 20px;}
.terms-section .frame-inner .form-group{padding-bottom: 22%;}
.terms-section .fixed-gd-option{box-shadow: none;z-index: 100;}
.terms-section .fixed-gd-option .option-btn{padding:12px 20px; z-index: 100;}
.terms-section{padding-top:30px;}
.terms-section .title{padding-bottom:22px;}
.terms-section .title h2{font-size: 18px;font-weight: 700;color:#333333;}
.terms-section .terms-toggle-box{border:none;margin-top:0;padding:0px;}
.terms-section .terms-toggle-box .terms-inner-list{padding-top:0;}
.terms-section .btn-box-link1{border:none;}
.terms-section .custom-checkbox .checkbox + label:before{background: url(/resources/mobile/images/icon/ico-terms-off-1.png);background-size: 16px auto;width: 16px;height: 12px;border:none;background-size: 16px 12px;top:3px;}
.terms-section .custom-checkbox .checkbox:checked + label:before{background: url(/resources/mobile/images/icon/ico-terms-on-1.png);background-size: 16px auto;width: 16px;height: 12px;border:none;background-size: 16px 12px;top:3px;}
.terms-section .bl-list-type2{padding-top:18px;}
.terms-section .btn-bottom-area.wp90{position: fixed;bottom:34px;left:5%;}
.terms-section [class^="btn-basic-"]{border-radius: 6px;}
#join-general-form .terms-section .bl-list-type2{border-top:1px solid #E6E6E6;margin-top:15px;}

/* SNS */
.login-inner-sns .sns-naver-kakao{}
.login-inner-sns .sns-naver-kakao input#member-join-general-id-text{pointer-events: none;background-color: #F7F7F7;}
.login-inner-sns .sns-apple{display:none;}
.login-inner-sns-apple .sns-naver-kakao{display:none;}

.membership-result{position: relative;}
.membership-result .layer-pop .layer-inner{padding-top:0;}
.membership-result .title{padding-top: 32px;}
.membership-result .title h2{font-size: 18px;font-weight: 700;color:#333333;line-height: 24px;}
.membership-result .title p{font-size: 12px;color:#999999;}
.membership-result .btn-default{border:1px solid #FF6001;border-radius: 6px;}
.membership-result .btn-default span{color:#FF6001;}

.membership-result .dimd{display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.4);z-index:100;}
@-webkit-keyframes down-up {
    from {
        bottom:-72%;
    }
    to {
        bottom:0;
    }
}
.down-up{animation-name:down-up;animation-duration:1s;}
.membership-result .registration-box{display:none;width:100%;background-color:#FFFFFF;position: absolute;bottom: 0%;left: 0%;z-index:100;border-radius: 10px 10px 0 0;padding:20px 20px 30px 20px;}
.membership-result .registration-box .title{padding-top:8px;padding-bottom: 26px;}
.membership-result .registration-box .title h2{font-size: 18px;font-weight: 700;line-height: 24px;}
.membership-result .registration-box .badge{background-color:#ffeee4;border-radius: 6px;width:210px;height: 30px;text-align: center;}
.membership-result .registration-box .badge p{color:#ff6001;font-weight: 700;font-size: 14px;line-height: 30px;}
.membership-result .registration-box .xbox{position: absolute;top:15px; right: 15px;cursor:pointer;z-index: 101;}
.membership-result .registration-box .xbox i{width:15px;height: 15px;}

.membership-result .result-box{display:none;width:270px;background-color:#FFFFFF;position: absolute;top: 50%;left: 50%;z-index:100;transform: translate(-50%, -50%);border-radius: 10px;}
.membership-result .result-box p{font-size: 14px;padding:22px 0;color:#333333;font-weight: 400;}
.membership-result .result-box button{width:100%;text-align: center;font-size: 17px;color:#ff6001;font-weight: 400;padding:13px 0;}

.membership-result .btn-bottom-area a{border-radius: 6px;}

.tooltip{display:none;position: absolute;top:32px;left: 60px;z-index: 3;}
.tooltip.show{display:block;}
.tooltip .tool {position: absolute;width: 230px;height: 54px;padding: 12px 0px 12px 15px;background: #556180;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color:#ffffff;line-height: 18px;font-size: 13px;cursor: pointer;}
.tooltip .tool:after {content: '';position: absolute;border-style: solid;border-width: 14px 14px 0;border-color: #556180 transparent;display: block;width: 0;z-index: 1;top: -7px;left: 88px;transform: rotate(180deg);}

.join-membership .dimd{display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.4);z-index:100;}
.join-membership .layer-box{width:300px;background-color:#FFFFFF;position: absolute;top: 50%;left: 50%;z-index:100;transform: translate(-50%, -50%);border-radius: 14px;padding:30px 0 20px 0;}
.join-membership .layer-box .title{text-align: center;padding-bottom: 26px; padding-top:0;}
.join-membership .layer-box .title .certified-id{color:#FF6001;}
.join-membership .layer-box .title span{color:#333333;font-size: 15px;line-height: 21px;font-weight: 600;}
.join-membership .layer-box .login-btn-wrap{text-align: center;}
.join-membership .layer-box .login-btn-wrap div{cursor:pointer;}
.join-membership .layer-box .password-btn{border:1px solid #FF6001;width:134px;border-radius: 8px;display: inline-block;margin-right: 8px;}
.join-membership .layer-box .login-btn-wrap.login-sns .login-btn{width:276px;}
.join-membership .layer-box .login-btn-wrap.login-sns .password-btn{display:none;}
.join-membership .layer-box .login-btn-wrap.login-sns a{display:block;text-decoration: underline;color:#555555;font-size: 13px;padding-top:8px;text-underline-position: under;}
.join-membership .layer-box .login-btn-wrap a{display: none;}
.join-membership .layer-box .login-btn{background-color:#FF6001;width:134px;border-radius: 8px;display: inline-block;}
.join-membership .layer-box .login-btn span{color:#ffffff;font-size: 15px;font-weight: 500;line-height: 50px;}
.join-membership .layer-box .password-btn p{color:#FF6001;font-size: 15px;font-weight: 500;line-height: 50px;}
.join-membership .inner-layer-box{position: relative;}
.join-membership .xbox{position: absolute;top:15px; right: 15px;cursor:pointer;z-index: 101;}
.join-membership .xbox i{width:15px;height: 15px;}

/* 아이디, 비번 찾기 */
.result-cnt{padding-top:70px; text-align:center;}
.result-cnt > i{margin:0 auto;}
.result-cnt .message{font-size:20px; margin-top:15px;}
.result-cnt ~ .btn-bottom-area{margin-top:45px;}
.input-group .timer{position:absolute; bottom: 17px; right:15px; z-index: 2; color:#FF6001}
.frame-inner-pop{padding:65px 35px 45px; background:#fff;}
.frame-inner-pop2{padding:30px 35px;}
#member-join-general-popup-content .frame-inner-pop{padding:65px 25px 45px;}
#member-join-general-popup-content .frame-inner-pop2{padding:30px 35px;}
.frame-inner-pop2 .dot-list-type1 > dt{color:#666666;font-size: 13px;}
.frame-inner-pop2 .dot-list-type1 > dd{color:#999999;font-size: 13px;line-height: 20px;word-break: keep-all;}
.content-txt-type1 .title{text-align:center; font-size:18px; color:#000; font-weight:bold;}
.content-txt-type1 .txt{text-align:center; margin-top:15px; line-height:20px;}
.content-txt-type1 ~ .form-group-area{padding-top:25px;}
.radio-select-div{text-align:center;}
.radio-select-div .custom-radio {margin-bottom:10px}
.radio-select-div .custom-radio + .custom-radio{margin-left:10px}
.radio-select-div ~ .input-group{margin-top:15px;}

/* 이메일선택 팝업 */
.select-pop{border-radius: 5px; overflow:hidden;} 
.select-pop .layer-body{padding-bottom:70px}
.select-pop .layer-head{padding:24px 0 16px; border-bottom:1px solid #ccc}
.select-pop .list-tit{font-size:15px; text-align:center; color:#333}
.email-select-list li{border-bottom:1px solid #eee;}
.email-select-list li:last-child{border-bottom:0}
.email-select-list li > .custom-radio{display:block;}
.email-select-list li > .custom-radio .radio-list + label{padding:12px 0}
.find-id-list li + li{border-top:1px solid #eee; margin-top:24px; padding-top:24px;}
.find-id-list .custom-radio{display:block;}
.find-id-list .custom-radio .radio + label{font-weight:bold;font-size:15px}
.find-id-list .custom-radio ~ .ui-radio-content{padding-top:20px;}
.find-id-list .ui-radio-content .input-group + .btn-bottom-area{margin-top:8px}
.cs-box-bnr{border:1px solid #eee; border-radius:4px; margin:75px 0 30px;}
.cs-box-bnr li + li{border-top:1px solid #eee; overflow: hidden;}

/* 비밀번호 변경 */
.mem-guide-txt{font-size:15px; line-height:23px; text-align:center; margin-bottom:25px;}
.mem-guide-txt.type2{padding:0 10px; word-break: keep-all;}
.mem-guide-txt.type3{padding:0 30px; word-break: keep-all;}
.pw-guide-box{border:1px solid #eee; padding:24px 6.66%; border-radius:6px; width:90%; margin:0 auto;text-align:center}
.pw-guide-box .title{text-align:center; margin-bottom:20px; font-size:16px; font-weight:500;}
.pw-guide-box ul {display:inline-block}
.pw-guide-box ul > li{font-size:12px; color:#666; padding-left:34px; position:relative; line-height:26px;text-align:left}
.pw-guide-box ul > li + li{margin-top:10px}
[class*="ico-pwguide-"]{position:absolute; top:0; left:0; display:block; width:26px; height:26px; background: #F5F5F5; border-radius:50%;}
[class*="ico-pwguide-"]::after{display:inline-block; content:''; background-image:url('/resources/mobile/images/icon/ico_img_m.png');  width:26px; height:26px; background-size:200px auto}
.ico-pwguide-01::after{background-position:-80px 0px;}
.ico-pwguide-02::after{background-position:-120px 0px;}
.ico-pwguide-03::after{background-position:-160px 0px;}
.pw-guide-box ~ .btn-bottom-area,
.mem-guide-txt + .btn-bottom-area{margin-top:40px}

/* 비회원주문 */
.terms-agree-area{margin-bottom:10px;}
.terms-agree-area .title{color:#333; font-size:15px;}
.terms-agree-area .terms-inner-wrap{border:1px solid #ccc; padding:15px; margin-top:10px}
.terms-agree-area .terms-inner-box{background: #F8F8F8; padding:10px; margin-top:10px; height:165px; overflow-y:auto; font-size:11px; color:#666} 
.terms-agree-area ~ .btn-bottom-area{margin-top:25px;}

/* SNS 간편가입 아이콘 */
.sns-membership {margin-top:40px;text-align:center}
.sns-membership li {text-align:center}
.sns-membership .member-ico {display:inline-block;padding-left:28px;position:relative;vertical-align:top;line-height:22px;}
.sns-membership .member-ico:before {display:block;content:"";width:22px;height:22px;position:absolute;top:0;left:0}
.sns-membership .member-ico.apple:before {background:url("/resources/mobile/images/icon/sns_member_apple.png") no-repeat 0 0;background-size:22px}
.sns-membership .member-ico.naver:before {background:url("/resources/mobile/images/icon/sns_member_naver.png") no-repeat 0 0;background-size:22px}
.sns-membership .member-ico a {display:inline-block;padding:3.5px 0;font-size:14px;line-height:15px;font-weight:400;vertical-align:top;text-decoration:underline;color:#333}

.sns-login-first .sns-membership{margin-top:12px;}
.sns-login-first .sns-membership .member-ico:before{display:none;}
.sns-login-first .sns-membership .member-ico{padding-left: 0;}
.sns-login-first .login-area .find-con{margin-top:10px;}

.fixed-opt{position:fixed;width:46px;right:12px;bottom:67px;z-index:19;min-height:46px;transition:min-height 0.25s ease; -webkit-transition:min-height 0.25s ease;}
/*.fixed-opt.up {min-height:97px}*/
.fixed-opt.zIndex {z-index:10;}
.fixed-opt-btn {width:46px;height:46px}
.fixed-opt-btn > a {display:block;width:100%;height:100%;font-size:0;text-indent:-9999px;color:transparent}
.fixed-opt-btn.chatGPT {background:url("/resources/mobile/images/icon/main-GPT_v2.png") no-repeat 0 0;background-size:46px 46px;margin-bottom:5px;}
.fixed-opt-btn.happy-talk {background:url("/resources/mobile/images/icon/fixed_btn_talk.png") no-repeat 0 0;background-size:46px 46px;}
.fixed-opt-btn.top-link {display:none;background:url("/resources/mobile/images/icon/fixed_btn_top.png") no-repeat 0 0;background-size:46px 46px}
.fixed-opt-btn.top-link.show {display:block}
.type-bottom-box .fixed-opt,
.type-bottom-box ~ .fixed-opt{bottom:128px;}
.type-bottom-box2 .fixed-opt.bottomfix,
.type-bottom-box2 ~ .fixed-opt.bottomfix{bottom:100px;}
.type-bottom-box3 .fixed-opt,
.type-bottom-box3 ~ .fixed-opt{bottom:150px;}
.fixed-opt.bottomfix{bottom:20px}

/* 랭킹 happyTalk 영역 */
.ranking-bottom-main.fixed-opt{
    bottom:77px;
}

.option-text-list {margin-top:10px}
.option-text-list input::placeholder {font-size:14px;color:#999}

.frame-order {overflow-y:auto;height:100%;background:#f8f8f8;}

/* ie10+ 대응 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	
	.lnb-wrap .lnb-body::after{display: block;content: '';padding-bottom: 58px;}
	.faq-search-box .faq-search input{min-height: 38px;} 
}

/* 2022-04-29 테스트 */

/* alert 창 */
.dialog_overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.50);z-index: 999999}
.alert_wrap_box{position: absolute;width: 270px;top: 50%;left: 50%;z-index:10006;transform: translate(-50%, -50%);background-color: #ffffff;border-radius: 10px;}
.alert_wrap_box .alertTitleWrap{padding: 22px 16px;text-align: center;border-bottom:1px solid #E6E6E6;}
.alert_wrap_box .alertTitleWrap .alert_title{padding-bottom:8px;font-size:15px;color:#333333;font-weight:700;}
.alert_wrap_box .alertBtnWrap button{width:134px;display:inline-block;text-align: center;padding: 13px;cursor:pointer;}
.alert_wrap_box .alertBtnWrap button span{font-size: 16px;font-weight: 400;}
.alert_wrap_box .alertBtnWrap button:first-child{border-right:1px solid #E6E6E6;}
.alert_wrap_box .alertBtnWrap .alertOkay{color:#FF6001;}
.alert_wrap_box .alertBtnWrap .alertCancel{color:#999999;}

/* 회원정보 수정 > 비밀번호 변경 버튼 추가 > 정보수정 화면 UI 수정 작업 */
.pwChangeAlert {display: none;}
.pwChangeAlert .alert_wrap_box .alertBtnWrap .alertOkay{width: 100%; border-right: 0;}
.pwChangeAlert .alert_wrap_box .alertBtnWrap .alertOkay span {color: #666;}
.input-group .input-group-btn.pw-change-btn {width: 100%;}
.input-group .input-group-btn .btn-form.btn-done.changeBtn {width: 100%; text-align: center; height: 50px; }
.input-group .input-group-btn .btn-form.btn-done.changeBtn > span {line-height: 50px;}
.input-group .input-group-btn .btn-form.btn-done.changeBtn.valid {border: 1px solid #FF6001;}
.input-group .input-group-btn .btn-form.btn-done.changeBtn.valid > span {color: #FF6001;}
.input-group.toggle {display: none; margin-bottom: 10px;}
.input-group.toggle.active {display: flex; flex-flow: column; height: auto;}
.input-group.toggle .input-text + .input-text {margin-top: 8px;}
.type-lg.text-guide-sm2 { color: #999; line-height: 14px;display: flex; padding-top: 4px; width: 100%;}
#passwordConfirmError:not(:empty) {display: table-cell; width: 100%; color: #FF490F;font-size: 12px;font-style: normal;font-weight: 400;line-height: 14px;padding: 10px 0 4px;}
.myinfo-edit .custom-checkbox .checkbox:checked + label:before {background: #ff7e32 url(/resources/mobile/images/icon/ico_check_m.png?ver=20220511) -2px -34px;}

/* 231113_아이디,비밀번호 찾기 변경건 */
.find-id-list li + li {margin-top: 20px; padding-top: 26px;}
.find-id-list li .custom-radio {font-size: 0;}
.find-id-list li .custom-radio .btn-icon-mark {margin-left: 8px;}
.find-id-list .input-group.type-lg ~ .input-group.type-lg { margin-top: 20px;}
.find-id-list .input-group.type-lg .input-text::placeholder { color: #999;}
.login-inner .find-pw-notice { font-size: 18px; line-height: 26px; color: #000; margin-bottom: 16px;}
.login-inner .type-lg .input-title {display: table-caption; margin: 0 0 8px;}
.login-inner .type-lg .input-title span {font-size: 14px;line-height: normal; color: #333;font-weight: bold;}
.login-inner .type-lg .input-title.required span{position: relative;}
.login-inner .type-lg .input-title.required span::after {content: ''; display: inline-block; width: 4px; height: 4px; background: #FF6204; border-radius: 4px; position: absolute; top: 0; right: -6px;}
.find-pw-alert {display: none;}
.find-pw-alert .alertTitleWrap {padding: 22px 0;}
.find-pw-alert .alert_wrap_box .alertTitleWrap .alert_title {padding-bottom: 0;}
.find-pw-alert .alert_wrap_box button.alertOkay {width: 100%; border-right: 0;}
.find-pw-alert .alert_wrap_box button.alertOkay span {color: #666;}
.find-id-list .custom-radio .radio + label::after {background: #FF6001;}
.find-id-list .custom-radio .radio + label::before {border-radius: 18px;border: 1px solid #DDD;background: #fff;}
.find-id-list .custom-radio ~ .ui-radio-content .btn-primary {padding: 0 0 0; }
.find-id-list .custom-radio ~ .ui-radio-content .btn-primary span{line-height: 48px;}
.find-id-list .input-group.type-lg .input-text:disabled {background: #f4f4f4;}
.find-id-list .btn-select-type.disabled {background: #f4f4f4;}

/*헤더리뉴얼*/
/*#headerLinkPop .layer-pop{top: auto;bottom: 0;width: 100%;height: auto;left: auto;border-radius: 16px 16px 0px 0px;background: #FFF;transform: translateY(100%); transition: transform .3s;}*/
/*#headerLinkPop .layer-pop.up {transform: translateY(0);}*/
/*#headerLinkPop .layer-pop .btn-pop-close {position: absolute;bottom: 20px; left: calc(50% - 16px); width: 32px; height: 32px; border-radius: 32px; border: 1px solid #eee;background: #f8f8f8 url("/resources/mobile/images/recruit/icon/fill-x.svg") no-repeat center;auto 11.2px}*/
/*#headerLinkPop .layer-inner >ul {display: flex; flex-flow: column;align-items: center; justify-content: center; width: 100%;padding: 49px 0 62px;}*/
/*#headerLinkPop .layer-inner >ul li{ padding: 20px 20px;width: 100%; display: grid; gap:15px; grid-template-columns:42px auto;}*/
/*#headerLinkPop .layer-inner >ul li > span {height: 42px; border-radius: 42px;background: #ff6001;text-align: center;display: inline-block; position: relative}*/
/*#headerLinkPop .layer-inner >ul li.on > span {background: #FF5639;}*/
/*#headerLinkPop .layer-inner >ul li > span img {width: 30px; left:50%; top: 50%; transform: translate(-50%, -50%);position: absolute}*/
/*#headerLinkPop .layer-inner >ul li.on {background: #F8F8F8;}*/
/*#headerLinkPop .layer-inner >ul li h2 {font-size: 15px;font-style: normal;font-weight: 700;line-height: 16px;}*/
/*#headerLinkPop .layer-inner >ul li.on h2{background: url("/resources/mobile/images/recruit/icon/slide-checked.svg")no-repeat right center/24px auto;}*/
/*#headerLinkPop .layer-inner >ul li h2 span {display: block;margin: 4px 0 0;color: #666;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px;padding-right: 30px;}*/

/*.header-top .header-inner .logo > a {display: flex; align-items: center;justify-content: center;text-align: center;}*/
/*.header-top .header-inner .icon-header-pop {margin-left: 4px; display: inline-block; width: 26px;height: 26px;font-size: 0;background: url("/resources/mobile/images/recruit/icon/header-btn.svg") no-repeat right center / 100%; }*/
.header-top .logo > a.btn-util-search {background: url(/resources/mobile/images/icon/ico_util_search.svg) 0 0;background-size: 24px;vertical-align: middle;    position: absolute;background-repeat: no-repeat;width: 24px;height: 24px;right: 85px;top: 13px;margin-top: 0;}
.fitness-go-arrow {background: url(/resources/mobile/images/icon/fitness-go-arrow.svg) 0 0;    width: 12px;height: 12px;display: inline-block;background-repeat: no-repeat;}
.main-article .btn-link-txt3 i {margin-right: 0;}