@charset "utf-8";

/* reset 정의 */
html, body, div, span, object, iframe, frame,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /*vertical-align:middle;*/
    background:transparent;
    -webkit-text-size-adjust:none;
}

/* 20161208 기본서체 변경 */
body ,table{
    font-family:dotum, '돋움', gulim, '굴림', sans-serif, Malgun Gothic, Roboto, 'Droid Sans', Helvetica, Apple-Gothic, '애플고딕', Tahoma;
    font-size:13px;
    line-height:1.4;
    letter-spacing:0;
    word-spacing:0;
    background:#fff;
    color:#888888;
}
input,select,textarea,button{
    font-family:dotum, '돋움', gulim, '굴림', sans-serif, Malgun Gothic, Roboto, 'Droid Sans', Helvetica, Apple-Gothic, '애플고딕', Tahoma;
}
/* //20161208 기본서체 변경 */

ul,ol,dl,li,dt,dd {
    list-style:none;
}
img, input, textarea {
    border:0;
    outline:none;
}
img {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
    vertical-align:middle;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a {color:#373e40;text-decoration:none;outline:none;}
a:link, a:visited, a:hover, a:active {text-decoration:none;outline:none;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    font-size:13px;
    color:#333;
    letter-spacing:0;
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #acacac;
    margin:0;
    padding:0;
}

input, select, textarea, button {vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-size:13px;}
em,address{font-style:normal;}
strong{font-weight:bold;}
u{text-decoration:none;}
legend,hr,caption{display:none}


/* ##### common.css ##### */
/*contents*/
#contents{}
.contents{position:relative;padding-bottom:24px; min-height:400px}
.contents .section{ padding: 0 15px;}
.contents h2{height:42px;background:#a40b5d; border-bottom:#888888 solid 1px; color:#fff}
.contents h2 span{overflow:hidden;display:block;margin:0 56px;padding:10px 0;color:#fff;font-size:17px;font-weight:bold;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.floating_btn_back{position:absolute;top:0px;left:0px;}
.floating_btn_back a{ background:url(/contents2015/img2015/btnHisBack.png) no-repeat; width:42px; height:42px; background-size:42px auto; display:block; text-indent:-9999px; overflow:hidden;}
.floating_btn_top{display:none;z-index:25;position:fixed;right:10px;bottom:60px;cursor:pointer;}
/************* 기존 탑 버튼 새 탑버튼 배포 후 삭제
.floating_btn_top{bottom:50px} - 기존 값
.floating_btn_top a{overflow:hidden;display:block;width:40px;height:34px;text-indent:-9999px;background:url(/contents2015/img2015/btnTop.png) no-repeat 0;background-size:40px auto;}*******************/
.floating_btn_top a{display:block;overflow:hidden;width:45px;height:45px;background:url('/contents2015/img2015/btn_top.png') no-repeat 0 0;background-size:45px 45px;color:transparent;font-size:0;}

.floating_btn_hisback{display:none;z-index:25;position:fixed;left:10px;bottom:60px;cursor:pointer;}
.floating_btn_hisback a{overflow:hidden;display:block;width:45px;height:45px;transform: rotate(-90deg);text-indent:-9999px;background:url('/contents2015/img2015/btn_top.png') no-repeat 0 0;background-size:45px 45px;}

/*20190524 적립금 카드 추가*/
.contents .sub_header{position:relative;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.contents .sub_header .go_back{position:absolute;top:50%;left:7px;transform:translateY(-50%);display:block;padding:10px;color:transparent;font-size:0;}
.contents .sub_header .go_back:after{content:'';display:block;width:10px;height:18px;background:url(/contents2015/img2015/mypage/ico_back.png) no-repeat 0 0;background-size:10px auto;}
.contents .sub_header h2{text-align:center;height:42px;line-height: 42px;color:#222;font-size:17px;font-weight:bold;background:#fff;border:0;}
.card_regist_area ::-webkit-input-placeholder {color:#666 !important;font-weight:normal;}
.card_regist_area .info_top{display:block;}
.card_regist_area .info_top img{width:100%;}
.card_regist_area .form_area{padding:12px 15px 15px 15px;}
.card_regist_area .form_area .insert_num{display:block;}
.card_regist_area .form_area .insert_num input[type='text']{width:100%;height:37px;border:1px solid #ccc;text-align:center;font-size:15px;color:#222;font-weight:bold;border-radius:0;}
.card_regist_area .form_area .btn_resist{margin-top:11px;letter-spacing:-1px;display:block;width:100%;height:40px;line-height:40px;font-size:17px;border:0;background:#e72e34;color:#fff;text-align:center;}
.card_regist_area .form_area .btn_resist:after{content:'';display:inline-block;margin-left:6px;width:6px;height:10px;background:url(/contents2015/img2015/mypage/ico_btn_arrow.png) no-repeat 0 0;background-size:6px auto;}
.card_regist_area .form_area .txt{padding:20px 0 5px 0;display:block;font-size:15px;color:#222;text-align:center;}
.card_regist_area .form_area .txt a{font-weight:bold;text-decoration: underline;}
.card_regist_area .info_bot{margin-bottom: -15px;letter-spacing:-1px;padding:15px 0;background:#f5f5f5;text-align:center;color:#666;font-size:15px;}
.card_regist_area .info_bot a{font-weight:bold;font-style:normal;color:#222;}
.card_regist_ok{padding:0 15px 15px 15px;}
.card_regist_ok span{display:block;font-size:14px;color:#666;}
.card_regist_ok .big_txt{padding:25px 0;text-align:center;font-size:15px;color:#222;}
.card_regist_ok .btn_alarm{margin-top:20px;letter-spacing:-1px;display:block;width:100%;height:40px;line-height:40px;font-size:17px;border:0;background:#e72e34;color:#fff;text-align:center;}
.card_regist_ok .btn_alarm:before{content:'';display:inline-block;margin-right:6px;width:20px;height:18px;background:url(/contents2015/img2015/mypage/ico_alarm.png) no-repeat 0 0;background-size:20px auto;vertical-align: -3px;}
.card_regist_ok .btn_alarm:after{content:'';display:inline-block;margin-left:6px;width:6px;height:10px;background:url(/contents2015/img2015/mypage/ico_btn_arrow.png) no-repeat 0 0;background-size:6px auto;}


/*로딩 레이어 추가 20190225*/
.loading_layer{z-index:10001;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.loading_layer .ui-more-loading{padding:0;}
.loading_layer .ui-more-loading.active{position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);}

.ui-more-loading{display:none;text-align:center;padding-top:30px; padding-bottom:30px;}
.ui-more-loading img{width:40px; height:40px; animation: loading 0.7s linear none infinite;animation-play-state:paused;-webkit-animation: loading 0.7s linear none infinite;-webkit-animation-play-state:paused;}
.ui-more-loading.active {display:block;}
.ui-more-loading.active img{animation-play-state: running;-webkit-animation-play-state: running;}
@keyframes loading {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
@-webkit-keyframes loading {
    from { -webkit-transform: rotate(0deg); } 
    to   { -webkit-transform: rotate(360deg); }
}

.mCSB_inside > .mCSB_container{ margin-right:0px;}
.mCSB_scrollTools .mCSB_draggerRail{ background-color:#eee !important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#ccc !important}



.blind{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0;}

.contents .tit{padding-bottom:15px;}
.contents .tit p{color:#888888; text-align:center; }
.contents .tit p:first-child{color:#222222;font-size:15px;font-weight:bold;letter-spacing:-0.5px;word-spacing:-0.5px;}
.contents .tit p:first-child .st{ color:#a40b5d}
.contents .tit p span{vertical-align:top;}

/*input type 정의*/
input[type="text"],
input[type="date"], 
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="radio"],
input[type="checkbox"],
select{border-radius:0px;font-size:13px; line-height:32px; appearance:none;-webkit-appearance:none; -moz-appearance:none; border:none;}

input[type="date"],
input[type="number"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"]{width:100%;height:32px; border-radius:3px; padding:7px 10px 7px 10px ;  line-height:19px; border:#000;margin:0;color:#888888;border:0;background:#fff;box-sizing:border-box;}

input[type="date"],
input[type="number"]{/*width:100%;height:30px;margin:0;padding:0;color:#555;text-align:center;border:0;background:#fff; box-sizing:border-box; border-radius:4px;*/}

input[type="radio"]{width:20px;height:20px;margin:0;border:none !important;background-color:transparent;background-image:url(/contents2015/img2015/ico_form_n.png);background-repeat:no-repeat;background-position:-25px 0;background-size:75px auto;}
input:checked[type="radio"]{width:20px;height:20px;background-image:url(/contents2015/img2015/ico_form_n.png);background-repeat:no-repeat;background-position:-25px -25px;background-size:75px auto;-webkit-background-size:75px auto;}
input[type="checkbox"]{width:18px;height:18px;margin:0;border:none !important;background-color:transparent;background-image:url(/contents2015/img2015/ico_form_n.png);background-repeat:no-repeat;background-position:0 0;background-size:75px auto;}
input:checked[type="checkbox"]{border:none !important;background-color:transparent;background-image:url(/contents2015/img2015/ico_form_n.png);background-repeat:no-repeat;background-position:0 -25px;background-size:75px auto;}

select{width:100%; font-size:13px; height:34px; padding:5px 33px 5px 7px; color:#888888;  line-height:20px; border:1px solid #acacac; box-sizing:border-box; border-radius:3px; background:#fff url(/contents2015/img2015/uiSelectBg.png) no-repeat right 0px;background-size:38px auto;}
select.select_type01 {height:40px; background:#fff url(/contents2015/img2015/uiSelectBg3.png) no-repeat right 0; background-size:21px auto;} /* 20180808 높이 40px */

input[type="text"]:disabled,
textarea:disabled,
input[type="tel"]:disabled,
input[type="date"]:disabled,
input[type="number"]:disabled,
select:disabled{ background-color:#f7f7f7; color:#acacac}
input[type="checkbox"]:disabled{ background-position:0px -50px}
input[type="radio"]:disabled{ background-position:-25px -50px}

textarea{width:100%;margin:0;padding:0; resize:none; color:#888888; box-sizing:border-box; font-size:13px; }

::-webkit-input-placeholder { color:#888888 !important}


span.inputBox{display:block;height:34px;padding:0;border:1px solid #acacac; border-radius:3px; background:#fff; box-sizing:border-box;}

span.inputBox input[type="text"],
span.inputBox input[type="date"],
span.inputBox input[type="password"],
span.inputBox input[type="email"]{text-align:left;}
span.inputBox input[type="tel"],
span.inputBox input[type="number"]{text-align:center;}
span.inputBox input.readonly{background:#f9f9f9;}

span.inputBox2{display:block;height:30px;padding:0;border:1px solid #f0f1f2;background:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
span.inputBox2 input[type="text"]{text-align:center;}
span.inputBox2 label input:disabled[type="text"]{text-align:center;}

span.select{ display:inline-block; vertical-align:middle;}

.textarea{display:block;position:relative;padding:14px 12px;border:1px solid #ccc;}
.textarea textarea{display:block;height:120px;color:#222;font-size:14px;}
.textarea .placeholder{position:absolute;top:0;left:0;padding:14px 12px;color:#888888;font-size:14px;cursor:text; }
.textarea .placeholder span{display:block;padding-bottom:5px;color:#888888;}

span.inputBox.focus,
select.focus,
.textarea.focus,
.textarea2.focus{/*border:1px solid #a40b5d;*/ outline:none;}

.textarea2{display:block;padding:10px 10px;border:1px solid #acacac;background:#fff;border-radius:3px; }
.textarea2 textarea{display:block;height:53px;}

ul.form_input li{margin-bottom:8px;}
ul.form_input li span.inputBox input[type="password"]{text-align:center;text-indent:0;}

ul.form_input2 li{margin-bottom:10px;}

dl.form_input{width:100%;}
dl.form_input dt{padding-top:15px;color:#222;font-size:13px;font-weight:bold;}

dl.form_input dd{padding-top:5px;}
dl.form_input dd ul.mark{padding-top:5px;}

dl.form_input2{position:relative;width:100%;margin-bottom:10px;}
dl.form_input2 dt{position:absolute;top:8px;left:0;color:#222222;font-size:13px;font-weight:bold;}
dl.form_input2 dd{padding-left:60px;}


/*width%*/
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w100{width:100%;}

/*margin*/
.mgt0{margin-top:0px;}
.mgt5{margin-top:5px;}
.mgt7{margin-top:7px;}
.mgt8{margin-top:8px;}
.mgt12{margin-top:12px;}
.mgt20{margin-top:20px;}


.st{ color:#a40b5d;}

/*button*/
ul.btn_single{overflow:hidden;width:100%;margin-top:20px;box-sizing:border-box;}
ul.btn_single li{float:left;margin-left:2%;}
ul.btn_single li:first-child{ margin-left:0px;}
ul.btn_single li a{display:block;}
ul.btn_single li:first-child a{margin-left:0;}
ul.btn_single.half li:first-child{width:49%;}
ul.btn_single.half li:last-child{width:49%;}

ul.btn_single.third li{width:32%;}


ul.btn_single.quarter li,
ul.btn_single.fourth li{width:23.5%;}
ul.btn_single.fourth li:last-child{width:23%;}
ul.btn_single.full li{width:100%;}

ul.btn_multi{width:100%;margin-top:10px; box-sizing:border-box;}
ul.btn_multi li{width:100%;margin-top:10px;}
ul.btn_multi li a{ display:block;}
ul.btn_multi.full{}
ul.btn_multi.full li a{ width:140px; margin:auto; padding:0px;}

.btn{overflow:hidden;display:block;text-align:center;}
.btn .fr{display:table-cell;float:right;}
a.btn{vertical-align:middle;cursor:pointer;}


.btn_ib0{display:inline-block;text-align:center;vertical-align:top;cursor:pointer;}
.btn_ib4{display:inline-block;padding-right:4px;padding-left:4px;cursor:pointer;}
.btn_ib5{display:inline-block;padding-right:5px;padding-left:5px;cursor:pointer;}
.btn_ib8{display:inline-block;padding-right:8px;padding-left:8px;cursor:pointer;}
.btn_ib10{display:inline-block;padding-right:10px;padding-left:10px;cursor:pointer;}
.btn_ib12{display:inline-block;padding-right:12px;padding-left:12px;cursor:pointer;}
.btn_ib14{display:inline-block;padding-right:14px;padding-left:14px;cursor:pointer;}
.btn_ib17{display:inline-block;padding-right:17px;padding-left:17px;cursor:pointer;}
.btn_ib18{display:inline-block;padding-right:18px;padding-left:18px;cursor:pointer;}
.btn_ib23{display:inline-block;padding-right:23px;padding-left:23px;cursor:pointer;}
.btn_ib35{display:inline-block;padding-right:35px;padding-left:35px;cursor:pointer;}
.btn_ib60{display:inline-block;padding-right:60px;padding-left:60px;cursor:pointer;}
.btn_ib68{display:inline-block;padding-right:68px;padding-left:68px;cursor:pointer;}

.btn_radius7{border-radius:7px;-wekit-border-radius:7px;-moz-border-radius:7px;}
.btn_radius5{border-radius:5px;-wekit-border-radius:5px;-moz-border-radius:5px;}
.btn_radius4{border-radius:4px;-wekit-border-radius:4px;-moz-border-radius:4px;}

.btn_h22{height:20px;font-size:12px;line-height:20px;}
.btn_h25{height:23px;font-size:12px;line-height:23px;}
.btn_h28{height:26px;font-size:12px;line-height:26px;}
.btn_h32{height:30px;font-size:13px;line-height:30px;}
.btn_h35{height:33px;font-size:13px;line-height:33px;}
.btn_h40{height:38px;font-size:16px;line-height:38px;}
.btn_h50{height:48px;font-size:16px;line-height:48px;}

.btn_white{color:#888888;border:1px solid #c6c6c6;background:#fff;}
.btn_white2{color:#555;border:1px solid #c6c6c6;background:#f9f9f9;}
.btn_white3{color:#888888;border:1px solid #eee;background:#fff;}
.btn_gray{color:#fff;border:1px solid #969696;background:#969696;}
.btn_gray2{color:#555;border:1px solid #ddd;background:#f9f9f9;}
.btn_gray3{color:#888888;border:1px solid #eee;background:#f9f9f9;}
.btn_gray4{color:#555;border:1px solid #eee;background:#eee;}
.btn_org{color:#fff;border:1px solid #ef8006;background:#ef8006;}
.btn_org2{color:#fff;border:1px solid #facd9b;background:#ef8006;}
.btn_red{color:#fff;border:1px solid #e51937;background:#e51937;}


.btnBlue,
.btnGray,
.btnGray2,
.btnOrange,
.btnWhite,
.btnWhiteLt{ box-sizing:border-box; font-size:11px; font-weight:bold; height:24px; line-height:22px; border-width:1px; border-style:solid; border-radius:2px; padding:0 8px; display:inline-block; vertical-align:middle;  text-align:center; white-space:nowrap;} /* 180808 btnGray2 추가 */


.btnWhite, .btn_white{ background:#f7f7f7; border-color:#acacac; color:#888888;}
.btnWhiteLt, .btn_white{ background:#ffffff; border-color:#acacac; color:#888888;}
.btnBlue, .btn_org{ background:#a40b5d; border-color:#a40b5d; color:#ffffff;}
.btnOrange{ background:#a40b5d; border-color:#a40b5d; color:#ffffff;}
.btnGray, .btn_gray{ background:#acacac; border-color:#acacac; color:#ffffff;}
.btnGray2{ background:#888; border-color:#888; color:#ffffff;} /* 20180808 */

.btnSmall{ height:30px; font-size:13px; line-height:28px; padding:0 10px; border-radius:0; box-sizing:border-box;} /* 20180823 */
.btnMid, .btn_h32{ height:34px; font-size:13px; line-height:32px; padding:0 10px; box-sizing:border-box; }
.btnMid2{ height:40px; font-size:16px; line-height:38px; padding:0 10px; border-radius:0; box-sizing:border-box; } /* 20180808 */
.btnBig, .btn_h40{ height:44px; font-size:13px; line-height:42px; padding:0 15px; font-size:16px; box-sizing:border-box;}
/* 신규 버튼 추가 2021-05 */
.btnMidFit { display:inline-block;min-width:130px; height:36px; line-height:36px; font-size:15px; box-sizing:border-box;text-align:center;}
.btnConfirm { background:#e72e34;color:#fff}
.btnCancel {background:#fff; border:solid 1px #e5e5e5;color:#222;}

.btnList{ text-align:center; zoom:1; padding:0px 0 0px; margin:20px 0 0px 0; position:relative; min-height:24px;}
.btnList:after{clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
.btnList>a{ margin:0 2px;}
.btnList .btnFL{ float:left}
.btnList .btnFL>a{ margin-right:5px;} 
.btnList .btnFR{ float:right; margin-right:0px;}
.btnList .btnFR>a{ margin-left:5px;} 

.wtalkBtn{ text-align:center; zoom:1; padding:0px 0 0px; margin:100px 0 0px 0; position:relative; min-height:24px;}

/* 20180823 더보기 버튼(new) : str */
div.btn_more.btn_more_n {margin:0; border-bottom:1px solid #ccc;}
div.btn_more.btn_more_n a {text-align:center; display:block; height:34px; line-height:35px; background:#f5f5f5;color:#222;}
div.btn_more.btn_more_n a:after {display:inline-block; content:""; background:url(/contents2015/img2015/btnMoreAr_n.png) no-repeat; background-size:13px 7px; width:13px; height:7px; vertical-align:middle; margin-left:4px;}
/* 20180823 더보기 버튼(new) : end */

/* 안내박스 */
.guideBox{ background:#f7f7f7; padding:14px; margin-top:20px;}
.guideBox .tits{  font-weight:bold; margin-bottom:5px; font-size:13px;}
.guideBox .list{  padding-left:14px;}
.guideBox .list li{ font-size:13px;}





/* 테이블리스트 */
table.boadList{width:100%;border-top:#888888 solid 1px; border-bottom:#cecece solid 1px;  table-layout:fixed;}
table.boadList tr{cursor:pointer;}
table.boadList tr th:before{ content:""; display:block; width:1px; height:1px; position:absolute; left:-1px; top:-1px; background:#888;}
table.boadList tr th,
table.boadList tr td{padding:10px 0;color:#222222; border-top:#cecece solid 1px; border-left:#cecece solid 1px; }
table.boadList tr th{ background:#f7f7f7; border-top:none;position:relative;}
table.boadList tr td{padding:10px 0 10px;}
table.boadList tr th:first-child,
table.boadList tr td:first-child{ border-left:none;}



/*button_icon*/
em.emIco{display:inline-block;text-indent:-9999px;vertical-align:middle;background-image:url(/contents2015/img2015/ico_button.png);background-repeat:no-repeat;background-size:150px auto;-webkit-background-size:150px auto;}
em.gray_arwDown{width:13px;height:7px;margin-left:5px;background-position:-17px -90px;}
em.gray_arwUp{width:13px;height:7px;margin-left:5px;background-position:0 -90px;}
em.arwDown{width:13px;height:7px;margin-left:10px;background-position:-17px -90px;}
em.arwUp{width:13px;height:7px;margin-left:10px;background-position:0 -90px;}
em.more_arwDown{width:13px;height:7px;margin-left:10px;}
.btn_white em.more_arwDown{background-position:-17px -90px;}
.btn_gray4 em.more_arwDown{background-position:-17px -90px;}
em.back_arwLeft{width:7px;height:13px;margin-right:10px;background-position:-85px -90px;vertical-align:-2px;}
em.gray_arwRight{width:5px;height:9px;margin-left:8px;background-position:0 -110px;}
em.more_arwRight{width:5px;height:9px;margin-left:5px;background-position:0 -110px;}
em.arwRight{width:5px;height:9px;margin-left:5px;background-position:-10px -110px;}
em.opt_arwDown{width:10px;height:6px;margin-left:5px;background-position:-55px -110px;vertical-align:1px;}
em.opt_arwUp{width:10px;height:6px;margin-left:5px;background-position:-40px -110px;vertical-align:1px;}
em.delivery{width:21px;height:21px;margin-right:10px;vertical-align:-5px;background-position:-25px 0;}
em.order{width:21px;height:21px;margin-right:10px;vertical-align:-5px;background-position:0 0;}
em.secert{width:16px;height:16px;margin-right:4px;font-size:0;line-height:0;background-position:-125px -40px;vertical-align:-2px;}
.btn-wish em.wish{width:18px;height:18px;background-position:-105px -39px;}
.btn-wish.on em.wish{width:18px;height:18px;background-position:-80px -39px;}
em.cart{width:20px;height:18px;background-position:-130px -39px;}
em.buy{width:18px;height:18px;margin-right:4px;background-position:-100px -65px;}
em.counsel{width:24px;height:16px;margin-right:4px;background-position:-125px -65px;}
em.minus{width:22px;height:22px;text-indent:-9999px;background-image:url(/contents2015/img2015/ico_order.png);background-repeat:no-repeat;background-position:0 0;background-size:200px auto;-webkit-background-size:200px auto;}
em.plus{width:22px;height:22px;text-indent:-9999px;background-image:url(/contents2015/img2015/ico_order.png);background-repeat:no-repeat;background-position:-25px 0;background-size:200px auto;-webkit-background-size:200px auto;}

/*mark*/
.mark{color:#888888;padding-bottom:3px;}

ul.mark{padding-top:5px;text-align:left;}
ul.mark li{position:relative;color:#888888;}
ul.mark li:last-child{padding-bottom:0;}
ul.mark li em{overflow:hidden;display:block;position:absolute;background-image:url(/contents2015/img2015/bul01.png);background-repeat:no-repeat;background-size:5px auto;}
ul.mark li.refer{padding-left:16px;} /*당구장 표시*/
ul.mark li.refer em{top:1px;left:0;  line-height:18px; background-image:none;}
ul.mark li.bull{padding-left:8px;} /*도트 표시*/
ul.mark li.bull em{top:5px;left:0px;width:7px;height:8px;text-indent:-9999px;}
ul.mark li.arrow{padding-left:13px;} /*화살표 표시*/
ul.mark li.arrow em{top:6px;left:3px;width:7px;height:9px;text-indent:-9999px;}
ul.mark li .pabtn{display:inline-block;margin-top:-7px;margin-left:6px;}
ul.mark li > a{display:inline-block;margin-left:5px;color:#222222; text-decoration:underline;}
ul.mark li p.desc{position:relative;padding-left:78px;color:#555;font-size:13px;}
ul.mark li p.desc span{position:absolute;top:0;left:0;color:#888888;font-size:13px;}

/* 20180823 회색 배경 : str */
ul.mark.mark_type01 {padding:14px 16px; background-color:#f0f0f0;}
ul.mark.mark_type01 li {font-size:13px;line-height:16px;}
ul.mark.mark_type01 li.refer em {top:-1px;}
/* 20180823 회색 배경 : end */

.regard{position:relative;margin-top:25px;}
.regard dl{overflow:hidden;}
.regard dl dt{color:#888888;font-size:14px;font-weight:bold;}
.regard dl dd{padding-top:10px;}
.regard dl dd p{padding-bottom:5px;color:#222222; }
.regard dl dd ul.mark{padding-top:0;}
.regard ul.mark{padding-top:0;}
.regard .pabt{position:absolute;top:10px;right:0;}

/*라운드박스*/
.rbox_bgw{padding:0 15px; }
.rbox_bgg{padding:0 15px;}

/*text point color*/
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
.emp1{color:#e0002a;}
.emp2{color:#ef8006;}
.emp3{color:#d91a35;}

/*결과없음*/
p.list_nodata{padding:9px 0;color:#ff0000;text-align:center;border-top:0; margin:0 15px;}

/*별모양 평점*/
.smallStar_inline{display:inline-block;position:relative;width:68px;height:16px;text-indent:-9999px;background:url(/contents2015/img2015/ico_goods.png) no-repeat 0 -40px;background-size:250px auto;-webkit-background-size:250px auto;}
.smallStar_inline em{position:absolute;top:0;left:0;height:16px;padding:0;text-indent:-9999px;background:url(/contents2015/img2015/ico_goods.png) no-repeat 0 -60px;background-size:250px auto;-webkit-background-size:250px auto;}

/*가격표시*/
.price{ color:#a40b5d}
.price em{color:#a40b5d;}

/*포인트표시*/
.point{padding-right:2px;color:#888888;font-size:16px;}
.point em{margin-right:3px;color:#e51937;font-size:17px;vertical-align:0px;}

/*결과메시지노출*/
.message{margin-top:5px;color:#ff0000; }
.message.match{color:#1b6a77; }/*일치*/

/*체크 동의박스*/
.check_box{z-index:1;position:relative;min-height:25px;padding:5px 0 5px 10px;border:1px solid #acacac; border-radius:3px;}
.check_box input[type="checkbox"]{z-index:3;position:absolute;top:50%;left:5px;margin-top:-12px;}
.check_box p{z-index:2;position:relative;padding:2px 20px 0 18px;color:#888888;}
.check_box p label{ vertical-align:middle; display:inline-block; line-height:14px; font-size:13px;}
.check_box p a{display:block;position:absolute;top:-1px;right:-4px;width:29px;height:29px;}
.check_box p a em.emIco{overflow:hidden;width:10px;height:10px ; margin:8px 11px; background:url(/contents2015/img2015/btnIcoAr.png) no-repeat; background-size:10px auto;}

.check{color:#555; }
.check input[type="checkbox"]{margin-right:5px;}


/*  */
ul.btnBarLink{ border-top:#acacac solid 1px;}
ul.btnBarLink>li{ border-bottom:#acacac solid 1px;}
ul.btnBarLink>li a{ display:block; padding:10px 15px; position:relative;}
ul.btnBarLink>li a:after{ content:""; position:absolute; right:9px; top:6px; display:block;width:10px;height:10px ; margin:8px 11px; background:url(/contents2015/img2015/btnIcoAr.png) no-repeat; background-size:10px auto;}



/*영역멀티토글*/
.accordion_wrap{overflow:hidden; position:relative;}
.accordion_wrap .accordion_btn{}
.accordion_wrap .accordion_tit{position:relative;cursor:pointer;}
.accordion_wrap .accordion_tit p{padding:11px 35px 9px 15px;color:#222222;font-size:14px;font-weight:bold;}
.accordion_wrap .accordion_tit p em{position:absolute;top:50%;right:15px;width:13px;height:8px;margin-top:-4px;background-image:url(/contents2015/img2015/ico_arrow.png);background-position:no-repeat;background-position:0 0;background-size:100px auto;-webkit-background-size:100px auto;}
.accordion_wrap .active .accordion_tit p em{background-position:-15px 0;}
.accordion_wrap .accordion_con{display:none;}
.accordion_wrap .active .accordion_con{display:block;}
.accordion_wrap .accordion_con .accordion_con_bdt{padding:0 14px;}

/*tab*/
ul.tab_group{ overflow:hidden;}
ul.tab_group li{float:left;text-align:center; border-right:#acacac solid 1px; box-sizing:border-box;}
ul.tab_group li:last-child{ border-right: none;}
ul.tab_group li a{display:block; font-size:13px; height:38px; line-height:38px;border-bottom:#acacac solid 1px;  color:#888888; font-weight:bold;background:#f7f7f7;cursor:pointer;}
ul.tab_group li a.current{color:#222;background:#fff; border-bottom:none; height:39px;}
ul.tab_group li:first-child a{}
ul.tab_group li:last-child a{}

/* 20180808 로그인탭 유형 : str */
ul.tab_group2{width:100%; border-bottom:1px solid #afafaf;}
ul.tab_group2:after{content:''; clear:both; display:block;}
ul.tab_group2 li{float:left; position:relative; text-align:center;}
ul.tab_group2 li+li:after{content:''; display:inline-block; position:absolute; left:0; top:50%; width:1px; height:25px; margin-top:-13px; background-color:#afafaf;}
ul.tab_group2 li a{display:block; position:relative; font-size:15px; height:39px; line-height:39px; color:#888; font-weight:bold;}
ul.tab_group2 li a.current{color:#a40b5d;}
ul.tab_group2 li a.current:after{content:''; display:inline-block; position:absolute; left:15px; right:15px; bottom:-1px; height:2px; background-color:#a40b5d;}
/* 20180808 로그인탭 유형 : end */

/* 20180907 검색탭 유형 : str */
ul.tab_group3{width:100%; border-bottom:1px solid #afafaf;}
ul.tab_group3:after{content:''; clear:both; display:block;}
ul.tab_group3 li{float:left; position:relative; width:33.33%; text-align:center;}
ul.tab_group3 li a{display:block; position:relative; font-size:13px; height:29px; line-height:29px; color:#888; font-weight:bold;}
ul.tab_group3 li a.current{color:#a40b5d;}
ul.tab_group3 li a.current:after{content:''; display:inline-block; position:absolute; left:15px; right:15px; bottom:-1px; height:2px; background-color:#a40b5d;}
/* 20180907 검색탭 유형 : end */

/*에러페이지*/
.error_wrap{margin:0;padding:35px 15px;text-align:center;}
.error_wrap em{overflow:hidden;display:inline-block;margin:0;padding:0;font-size:0;text-indent:0px;background-image:url(/contents2015/img2015/ico_error.png);background-repeat:no-repeat;background-size:100px auto;-webkit-background-size:100px auto;}
.error_wrap em.notfound{ content:""; display:inline-block;width:60px;height:60px; margin-bottom:20px; background:url(/contents2015/img2015/ico_wrong.png) no-repeat;background-size:60px auto;}
.error_wrap em.exclamation{width:64px;height:55px;background-position:0 -60px;}
.error_wrap p{margin:0px 0 5px;color:#222222;font-size:14px;line-height:1.3;font-weight:bold;}
.error_wrap p:nth-child(2){ color:#222222; font-weight:bold;}
.error_wrap span{display:block;color:#888888;font-size:13px;}
.error_wrap ul.btn_multi{margin-top:30px;}

.error_wrap  ul.btn_multi.full li a{ font-size:14px;}
.error_wrap.error_2 p{ font-size:15px;}
.error_wrap.error_2 .guideBox{ text-align:left;}
.error_wrap.error_2 .guideBox .p1{ color:#888888; font-size:12px;}
.error_wrap.error_2 .guideBox .p2{ color:#888888; font-size:12px; font-weight:normal; margin-bottom:0px;}

/*popup*/
.popup_wrap{z-index:51;position:fixed; top:0;left:0;width:100%;height:100%; display:none;}
.popup_wrap .layClose{z-index:10;position:absolute;top:9px;right:9px;cursor:pointer;width:22px;height:22px;text-indent:-9999px;background:url(/contents2015/img2015/btnPopWinClose2.png) 50% 50%;background-repeat:no-repeat;background-size:12px auto;} /* 20181211 이미지 변경 */
.popup_wrap .layClose em{ display:none;}

.popup_wrap .layerPop{z-index:60;position:relative;margin:15px;padding:0px 0 0px;background:#fff; /*border:#aaaaaa solid 1px;*/} /* 20181224 border 삭제 */
.popup_wrap .layerPop.alert{padding-top:20px;text-align:center;top: 47%;transform: translateY(-50%);}
.popup_wrap .layerPop .layerCont{padding:15px;}
.popup_wrap .layerPop .popTitle,
.popup_wrap .layerPop .popTitle2{padding:9px 35px 9px 35px;color:#a40b5d;font-size:15px; font-weight:bold; text-align:center; border-bottom:1px solid #acacac;}
.popup_wrap .layerPop .popTitle3{padding:9px 35px 9px 15px;color:#000;font-size:15px; font-weight:bold; text-align:left; border-bottom:1px solid #acacac;} /* 20181211 */
.popup_wrap .layerPop .txt_pop_cmt {margin-top:15px; font-size:12px; color:#999;} /* 20181211 */

.popup_wrap .layerPop .pop_bt_center{margin-top:35px;text-align:center;}
.popup_wrap .layerPop .pop_bt_center .btnMid{min-width:95px;}
/*#pop_alert{top:calc(50% - 15px);transform: translateY(-50%);}*/
#pop_coercion_update .layerCont{padding-top:50px;text-align:center;}
#pop_coercion_update .popTitle + .layerCont{padding-top:15px;}
.popup_wrap .layerFull{z-index:60;position:fixed; top:0px !important; left:0px; width:100%; overflow-x:hidden; overflow-y:auto;  margin:0;padding:0;height:100%;background:#fff; border-radius:0px;}
.popup_wrap .layerFull .layClose{ position:fixed; right:15px; top:10px; background:url(/contents2015/img2015/btnPopWinClose.png) no-repeat; width:22px; height:22px; background-size:22px auto; text-indent:-999px; overflow:hidden;}
.popup_wrap .layerFull .layClose em{ display:none;}
.popup_wrap .layerFull .popTitle{ font-size:16px; z-index:8; position:fixed; left:0px; top:0px; width:100%; border-bottom:#888888 solid 1px; text-align:center; box-sizing:border-box; padding:0 40px 0 40px ; height:42px; line-height:42px; font-weight:bold; color:#a40b5d; background:#FFF; border-radius:6px 6px 0 0;}
.popup_wrap .layerFull .layerCont{z-index:7; margin-top:42px;/*position:absolute;top:0;left:0; */padding-top:10px;   padding-bottom:10px;  box-sizing:border-box;}
.popup_wrap .layerFull .layerCont .layCont{ padding:0px 15px 20px 15px;background:#fff;}
.popup_wrap .layerFull .layClose{ position:fixed; z-index:999}

/* 전체 팝업 new 2021 */
.popup_wrap .layerFull.new .popTitle{ font-size:16px; z-index:8; position:fixed; left:0px; top:0px; width:100%; border-bottom:#888888 solid 1px; text-align:center; box-sizing:border-box; padding:0 40px 0 40px ; height:42px; line-height:42px; font-weight:bold; color:#222; background:#FFF; border-radius:6px 6px 0 0;}
.popup_wrap .layerFull.new .layerCont{z-index:7; margin-top:42px;/*position:absolute;top:0;left:0; */padding-top:10px;   padding-bottom:10px;  box-sizing:border-box;}

/*사이트 공통 레이어 팝업 영역 20190214*/
.common_pop_area{display:none;z-index:10001;position:fixed; top:0;left:0;width:100%;height:100%;padding:15px;box-sizing: border-box;}
.common_pop_area .dimmed{z-index:50;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);}
.common_pop_area .layClose{z-index:10;position:absolute;top:9px;right:9px;cursor:pointer;width:22px;height:22px;text-indent:-9999px;background:url(/contents2015/img2015/btnPopWinClose2.png) 50% 50%;background-repeat:no-repeat;background-size:12px auto;} /* 20181211 이미지 변경 */
.common_pop_area .layClose em{ display:none;}
.common_pop_area .layerPop{z-index:10002;position:relative;top:50%;transform:translateY(-50%);padding:0px 0 0px;background:#fff; /*border:#aaaaaa solid 1px;*/} /* 20181224 border 삭제 */
.common_pop_area .layerPop .layerCont{padding:15px;}
.common_pop_area .layerPop .popTitle,
.common_pop_area .layerPop .popTitle2{padding:9px 35px 9px 35px;color:#a40b5d;font-size:15px; font-weight:bold; text-align:center; border-bottom:1px solid #acacac;}
.common_pop_area .layerPop .popTitle3{padding:9px 35px 9px 15px;color:#000;font-size:15px; font-weight:bold; text-align:left; border-bottom:1px solid #acacac;} /* 20181211 */
.common_pop_area .layerPop .txt_pop_cmt {margin-top:15px; font-size:12px; color:#999;} /* 20181211 */
.common_pop_area .layerPop .pop_bt_center{text-align:center;}
.common_pop_area .layerPop .pop_bt_center .btnMid{min-width:95px;}
.common_pop_area .layerCont{padding-top:50px;text-align:center;}
.common_pop_area .popTitle + .layerCont{padding-top:15px;}
.common_pop_area .layerPop .txt{display:block;padding:35px 0 30px 0;}
/*사이트 공통 레이어 팝업 영역 end */

.layerCont ul.mark{padding-top:0;}
.layerCont dl{overflow:hidden;padding-top:18px;}
.layerCont dl:first-child{padding-top:0;}
.layerCont dl dt{color:#222222;font-size:15px;font-weight:bold;}
.layerCont dl dd{padding-top:2px;color:#888888; }



.popup_3rd{z-index:50;position:fixed; top:50%; margin-top:-160px; left:0;width:100%;height:100%; display:none;}
.popup_3rd .close{z-index:10;position:absolute;top:9px;right:9px;cursor:pointer;width:22px;height:22px;text-indent:-9999px;background-image:url(/contents2015/img2015/btnPopWinClose.png);background-repeat:no-repeat;background-size:22px auto;}
.popup_3rd .close em{ display:none;}
.popup_3rd .layer{z-index:60;position:relative;margin:15px;padding:0px 0 0px;background:#fff; border:#aaaaaa solid 1px;}
.popup_3rd .layer .layClose em{}
.popup_3rd .layer .popT{top:auto; position:relative; margin-top:0px; padding:9px 35px 9px 35px;color:#a40b5d;font-size:15px; font-weight:bold; text-align:center; border-bottom:1px solid #acacac;}

.popup_3rd .layer .cont{padding:15px; height:200px; overflow:auto; margin-top:0px;}
.popup_3rd .layer .cont table{ margin-top:0px;}


/* 윈도우팝업 */
.popWrap{ background:#000;}
.popWrap main#contents{ border-radius:0px; background:#FFF;}
.popWrap .contents{ padding-bottom:0px;}
.popWrap .popHead{ position:relative; border-bottom:#888888 solid 1px;}
.popWrap .popHead>h1{ display:block; font-size:16px; text-align:center; padding:0 40px 0 40px ; height:42px; line-height:42px; font-weight:bold; color:#a40b5d;}
.popWrap .popHead .btnClose{ position:absolute; right:15px; top:10px; background:url(/contents2015/img2015/btnPopWinClose.png) no-repeat; width:22px; height:22px; background-size:22px auto; text-indent:-999px; overflow:hidden;}
.popWrap .popCtn{}


/* 탭형식의 컨텐츠 */
.uiTabBox{ position:relative; padding:38px 0px 0 0px; zoom:1; }
.uiTabBox:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.uiTabBox>.ctn{ float:left; width:100%;}
.uiTabBox>.ctn>.tit{ border-top:#acacac 1px solid; border-bottom:#acacac 1px solid; border-right:#acacac 1px solid; float:left; width:25%; box-sizing:border-box; position:absolute; top:0px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:normal; width:25%;}
.uiTabBox>.ctn>.tit>a{ display:block; height:36px; line-height:36px; font-size:12px; background:#f7f7f7; text-align:center}
.uiTabBox>.ctn>.tit>a .n{ color:#a40b5d;}
.uiTabBox>.ctn>.box{  display:none; padding:0; margin:0; padding:15px; }
.uiTabBox>.ctn>.box>.btnMore{ position:absolute; right:4px; top:8px;}
.uiTabBox>.ctn.active>.tit{ border-bottom:none;}
.uiTabBox>.ctn.active>.tit>a{ background:#FFF; height:37px;}
.uiTabBox>.ctn.active>.box{display:block;}



/*임시링크용*/

@media screen and (min-width : 320px) and (max-width : 360px) {

}

.tempLinkList { width:90%; position:absolute; left:0px; top:0px; z-index:10000 ;font-family:Dotum; display:block; box-sizing:border-box;}
.tempLinkList:hover{opacity: 1; filter: alpha(opacity = 100);}
.tempLinkListFixed{ position:fixed;}
.tempLinkList .tempLinkPan{ box-sizing:border-box; display:none; padding:0; margin:-3px 0 0 0; border:#acacac solid 1px;border-radius:0px 8px 8px 8px ; overflow:hidden; background:#FFF}
.tempLinkList ul{ display:none;}
.tempLinkList ul li{ border:#ddd solid 1px;margin-bottom:1px; background:#FFF ;border-radius:3px 3px 3px 3px; vertical-align:middle; position:relative; line-height:14px;  }
.tempLinkList ul a{ text-decoration:none; display:block; _display:inline; background:#FFF; padding:4px 5px 3px ;  font-size:12px; line-height:12px; font-weight:bold; border-radius:3px 3px 3px 3px; vertical-align:middle; zoom:1; }
.tempLinkList .tempMenuClose{  text-align:right; border:#acacac solid 1px; border-radius:3px 3px 3px 3px; padding:4px 5px 3px ; margin-bottom:2px;  display:inline-block; _display:inline;display:none; zoom:1; background:#FFF; }
.tempLinkList ul ul{ margin:3px 6px 0 6px; padding-bottom:3px}
.tempLinkList ul li li{ border:none; }
.tempLinkList ul li li a{ font-size:11px; margin:0px 0px 1px 0px ; padding:1px 0px 1px 0px ; font-weight:normal; letter-spacing:0px;}
.tempLinkList ul li li a:hover{ text-decoration:underline;}

.linkHTML img, 
.linkHTML fieldset{border:0;}
.linkHTML ul, 
.linkHTML ol{list-style:none;}
.linkHTML em, 
.linkHTML address{font-style:normal;}
.linkHTML a{color:#1c1c1e; text-decoration:none;}
.linkHTML a:hover,
.linkHTML a:active,
.linkHTML a:focus{color:inherit; text-decoration:none;}
.consult{display:inline-block; color:#61656c;padding-left:0.3em; font-size:0.8em; color:#6f6f6f;}
.linkHTML#wrap h1{padding:10px; font-size:14px;}
.linkHTML#wrap h2{padding:1em; font-size:1.2em;}

.linkHTML#wrap{width:100%;}
.linkHTML #container:after{display:block;overflow:hidden;clear:both;content:'';} 
.linkHTML #container h2{background-color:#535353; color:#fff;}
.linkHTML #container dl:last-child{border-bottom:1px solid #bcbcbc;}
.linkHTML #container dl dt{padding:4px 5px; border-top:1px solid #bcbcbc; font-size:1.1em; font-weight:bold; background-color:#dbdcdc; color:#4d4d4d;}
.linkHTML #container dl dd{border-top:1px solid #bcbcbc;}
.linkHTML #container dl dd a{display:block; padding:8px; font-size:11px; position:relative;}
.linkHTML #container dl dd a em{ position:absolute;top:5px; right:10px;}
.linkHTML .icoPack{ position:absolute; right:10px; top:8px;}
.linkHTML em.ico{ padding:0px 5px; line-height:20px; display:inline-block; font-size:11px; color:#fff; font-weight:normal; border-radius:1em; background:#CCC;}
.linkHTML em.make{ background:#cc3058;}
.linkHTML em.ing{ background:#6aacdb;}
.linkHTML em.mod{ background:#5bd069;}
.linkHTML #container dl dd a:hover{ background-color:#f7f7f7;}
.linkHTML #container dl dd a.active{ background:#fff558}
.linkHTML #container dl dd span.consult{display:inline-block; vertical-align:middle; padding:0 5px 0 3px; font-size:10px; color:#4d76a5; font-family:"Tahoma"}
.linkHTML #container dl dd p{font-size: 11px;color: red;padding: 5px 10px;background: #eee;margin-bottom: 1px;}
.linkHTML #container dl dd p span{margin-right:5px;}


/* ##### layout.css ##### */
/*skipNavigation 정의*/
.skip_nav{overflow:hidden;width:0;height:0;white-space:nowrap;}
.skip_nav a{display:inline;font-size:0;line-height:0;text-indent:-9999px;}

/*deem 정의*/
.dim{z-index:50;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);}

/*폰트 자간줄임*/
div,p,span,li,a,dt,dd{letter-spacing:-0.5px;word-spacing:-0.5px;}

/*layout 정의*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html::-webkit-scrollbar{width:0;}
body{position:static;min-height:100%;}
html.scroll-hide,
body.scroll-hide{ overflow:hidden;}
.container{overflow:hidden;width:100%;min-height:100%;}
.wrap{overflow:hidden;z-index:0;position:relative;/*left:-280px;width:1000px;*/-webkit-transition:-webkit-transform 300ms ease;transition:transform 300ms ease;} /* 20180809 left, width 삭제 */
.wrap_inner{overflow:hidden;z-index:1;position:relative;display:block;/*float:left;width:320px;*/} /* 20180809 float, width 삭제 */

/* 간편 layout 정의*/
.wrap.simple{ left:0px;}
.wrap.simple a.nav_aside{ display:none;}
.wrap.simple a.search{  display:none;}
.wrap.simple .header h1 {left:50%;margin-left:-17px;}



/*좌우 side 트랜지션*/
.nav_sideBar{z-index:2;position:absolute;left:-280px;top:0;display:block;/*float:left;*/width:280px;} /* 20180809 position(relative) 수정, left 추가, float 삭제 */
.nav_sideBar .mDim{display:none;z-index: 0;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.6);}
.myp_sideBar{z-index:2;position:absolute;top:0; right:0px; display:block;float:left;width:280px;}


.sideClose{position:absolute;-webkit-transition:-webkit-transform 300ms ease;transition:transform 300ms ease;}
.sideClose span{display:block;position:absolute;top:0;width:40px;height:45px;background:#a40b5d; color:#FFF; font-size:11px; text-align:center;}
.sideClose span:before{ display:block; margin:5px auto 1px auto; content:""; background:url(/contents2015/img2015/sidebar_close.png) no-repeat; width:20px; height:20px; background-size:20px auto;}
.sideClose span em{overflow:hidden;display:block;width:15px;height:15px;margin:15px;text-indent:-9999px;background-image:url(/contents2015/img2015/ico_layout.png);background-repeat:no-repeat;background-position:-135px 0;background-size:200px auto;}

.nav_sideBar::-webkit-scrollbar,
.nav_side::-webkit-scrollbar{width:0;}
.nav_sideBar .sideClose{left:235px;}
.nav_side{overflow-y:auto;height:100%;position:relative;top:0;left:0;width:280px;background:#fff;}

.myp_sideBar::-webkit-scrollbar,
.myp_side::-webkit-scrollbar{width:0;}
.myp_sideBar .sideClose{right:275px;}
.myp_side{overflow-y:auto;height:100%;position:relative;top:0;width:280px;background:#fff;}

.scroll_division .nav_sideBar .sideClose,
.scroll_division .nav_sideBar .nav_side{z-index: 1;}


/*사이드바(카테고리)*/
nav.category{overflow:hidden;}
nav.category h2{padding:15px 15px 15px 15px;color:#222;font-size:15px;font-weight:bold; background:#ebebeb;}
nav.category ul{overflow:hidden;border-top:1px solid #acacac;}
nav.category ul li{height:44px;border-bottom:1px solid #acacac;cursor:pointer;}
nav.category ul li a{position:relative;display:block;padding:12px 22px 12px 15px;color:#888888;font-size:15px;font-weight:bold;}
nav.category ul li a em{position:absolute;top:15px;right:15px;display:inline-block;width:7px;height:13px;background:url(/contents2015/img2015/ico_arrow.png) no-repeat -35px 0;background-size:100px auto;-webkit-background-size:100px auto;}
nav.category ul li a span{ display:none;position:absolute;top:12px;left:15px;width:25px;height:20px;background-image:url(/contents2015/img2015/ico_layout.png);background-repeat:no-repeat;background-position:-135px 0;background-size:200px auto;-webkit-background-size:200px auto;}
nav.category ul li a:after{ content:""; display:block; position:absolute; right:11px; top:17px; background:url(/contents2015/img2015/btnIcoAr.png) no-repeat; width:10px; height:10px; background-size:10px;}
nav.category ul li:nth-child(1) a span{background-position:0 -120px;}
nav.category ul li:nth-child(2) a span{background-position:-40px -120px;}
nav.category ul li:nth-child(3) a span{background-position:-80px -120px;}
nav.category ul li:nth-child(4) a span{background-position:-120px -120px;}
nav.category ul li:nth-child(5) a span{background-position:-160px -120px;}
.banner{overflow:hidden;margin-top:30px;}
.banner ul{overflow:hidden;}
.banner ul li{float:none;width:100%;height:100%;cursor:pointer;}
.banner ul li a{display:block;width:100%;height:100%;font-size:0;}
.banner ul li a img{width:100%;}


.ico_lv{ display:inline-block; vertical-align:middle; background:url(/contents2015/img2015/ico_lv.png) no-repeat; width:14px; height:16px; background-size:100% auto;}
.ico_lv.lv1{ background-position:0px 0px;}
.ico_lv.lv2{ background-position:0px -25px;}
.ico_lv.lv3{ background-position:0px -50px;}
.ico_lv.lv4{ background-position:0px -75px;}
.ico_lv.lv5{ background-position:0px -100px;}
.lv_name{ color:#FFF; font-size:13px; display:inline-block; vertical-align:middle;}
.nav_side .info{background-color:#888; height:70px; padding:15px; box-sizing:border-box; } /* 20180706 수정 */
.nav_side .info .box .t{ padding-top:9px; font-size:16px; color:#ffffff; line-height:20px; font-weight:bold;}
.nav_side .info .box .btn{ margin-top:5px; text-align:left;}
.nav_side .info .box .btn a{ display:inline-block; margin-right:3px; height:28px; color:#fff; line-height:27px; background-color:#888; border:1px solid #fff; padding:0 10px; border-radius:4px;} /* 20180706 수정 */
.nav_side .info .box.logout .name{ font-size:16px; font-weight:bold; margin-right:4px;}
.nav_side .info .box.logout .lv_name{ padding-top:0px;font-size:16px; font-weight:bold; }
.nav_side .logout-box {height:35px; margin-top:-1px;}
.nav_side .logout-box .btnLogout{display:block; width:100%; height:35px; color:#888; line-height:34px; border-top: 1px solid #3c3c3c; text-align:center; box-sizing:border-box;}

.nav_side .mynav{ padding:15px 0px 0 0; background:#ebebeb;}
.nav_side .mynav ul{ height:90px;border-top:#acacac solid 1px;border-bottom:#acacac solid 1px;}
.nav_side .mynav ul>li{ float:left; width:25%; border-right:#acacac solid 1px; box-sizing:border-box;}
.nav_side .mynav ul>li:last-child{ border-right-width:0px;}
.nav_side .mynav ul>li>a{ height:90px; padding-top:7px; display:block; text-align:center; background:#fff; color:#222; font-weight:bold; box-sizing:border-box;}
/* 20180712 삭제 : str 
.nav_side .mynav ul>li>a:before{ content:""; margin:0px auto 4px auto; display:block; width:50px; height:50px; background-image:url(/contents2015/img2015/sideMyIco.png); background-repeat:no-repeat; background-size:auto 50px;} 20161006 MC 개선
.nav_side .mynav ul>li>a.home:before{ background-position:0px 0px;}
.nav_side .mynav ul>li>a.cart:before{ background-position:-70px 0px;}
.nav_side .mynav ul>li>a.deli:before{ background-position:-140px 0px;}
.nav_side .mynav ul>li>a.shop:before{ background-position:-210px 0px;} 20180712 삭제 : end */
/* 20180712 사이드바 메뉴 개선 : str */
.nav_side .mynav ul>li>a:before{ content:""; margin:0px auto 4px auto; display:block; width:50px; height:50px;}
.nav_side .mynav ul>li>a.cart:before{background:url(/contents2015/img2015/sideMyIco_01.png) no-repeat 50% 50%; background-size:43px 29px;}
.nav_side .mynav ul>li>a.deli:before{background:url(/contents2015/img2015/sideMyIco_02.png) no-repeat 50% 50%; background-size:43px 29px;}
.nav_side .mynav ul>li>a.shop:before{background:url(/contents2015/img2015/sideMyIco_03.png) no-repeat 50% 50%; background-size:43px 29px;}
.nav_side .mynav ul>li>a.cs:before{background:url(/contents2015/img2015/sideMyIco_04.png) no-repeat 50% 50%; background-size:43px 29px;}
/* 20180712 사이드바 메뉴 개선 : end */
.nav_side .history h2{padding:15px 15px 15px 15px;color:#222;font-size:15px;font-weight:bold; background:#ebebeb;}
.nav_side .history ul.goods_list li .goods .goods_name{ padding-top:8px;}
.nav_side .history ul.goods_list li .goods .goods_price{ margin-top:3px;}
.nav_side .history ul.goods_list li .goods .goods_counsel{  margin-top:3px;}

/*사이드바(마이페이지)*/
.log_area{overflow:hidden;position:relative;top:0;left:0;height:45px;padding-right:78px;background:#ef8006;}
.log_area p{padding:14px 0 14px 15px;color:#fff;font-size:13px;}
.log_area p span{vertical-align:top;}
.log_area span.log{overflow:hidden;display:block;position:absolute;top:5px;right:15px;cursor:pointer;}
.log_area span.log a.btn_h28{font-size:13px;}
.my_state{overflow:hidden;position:relative;top:0;left:0;border-bottom:1px solid #eee;background:#f9f9f9;}
.my_state .memGrade{display:none;position:absolute;top:16px;right:15px;width:70px;height:70px;border:1px solid #eee;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;background:#fff;}
.my_state .memGrade p{padding:8px 0;color:#aaa;font-size:11px;text-align:center;}
.my_state .memGrade p span{display:block;color:#ef8006;font-size:11px;}
.my_state .memGrade p span em{display:block;color:#ef8006;font-size:20px;line-height:20px;}
/*nav.state{padding:9px 87px 9px 15px;} @@@ 회원등급이 들어갈 경우*/
nav.state{overflow:hidden;padding:9px 15px 9px 15px;}
nav.state ul li{height:42px;cursor:pointer;}
nav.state ul li:last-child{border-top:1px dotted #eee;}
nav.state ul li a{display:block;height:22px;padding:10px 0;cursor:pointer;}
nav.state ul li a em{display:block;float:left;width:22px;height:22px;background-image:url(/contents2015/img2015/ico_layout.png);background-repeat:no-repeat;background-size:200px auto;-webkit-background-size:200px auto;}
nav.state ul li:first-child a em{background-position:0px -85px;}
nav.state ul li:last-child a em{background-position:-40px -85px;}
nav.state ul li a p{display:block;float:left;padding:3px 0 0 10px;color:#888888;font-size:13px;}
nav.state ul li a p:nth-child(2){width:40px;}
nav.state ul li a p span{color:#e0002a;font-weight:bold;vertical-align:top;}
nav.order{border-top:1px solid #fff;}
nav.order ul{overflow:hidden;}
nav.order ul li{float:left;height:60px;cursor:pointer;}
nav.order ul li:nth-child(1){width:32%;}
nav.order ul li:nth-child(2){width:34%;}
nav.order ul li:nth-child(3){width:34%;}
nav.order ul li a{display:block;padding:12px 0 8px;color:#888888;font-size:13px;text-align:center;border-left:1px solid #fff;cursor:pointer;}
nav.order ul li:nth-child(1) a{border-left:0;}
nav.order ul li a em{display:block;height:23px;margin:auto;background:url(/contents2015/img2015/ico_layout.png) no-repeat;background-size:200px auto;-webkit-background-size:200px auto;}
nav.order ul li:nth-child(1) a em{width:23px;background-position:-95px -85px;}
nav.order ul li:nth-child(2) a em{width:22px;background-position:-130px -85px;}
nav.order ul li:nth-child(3) a em{width:21px;background-position:-165px -85px;}
nav.myMenu ul li{height:35px;border-bottom:1px solid #f4f4f4;cursor:pointer;}
nav.myMenu ul li a{position:relative;display:block;padding:9px 0 7px 15px;color:#222222;font-size:14px;font-weight:bold;}
nav.myMenu ul li a em{position:absolute;top:11px;right:15px;display:inline-block;width:7px;height:13px;background:url(/contents2015/img2015/ico_arrow.png) no-repeat -35px 0;background-size:100px auto;-webkit-background-size:100px auto;}
.goods_wrap dl.todayView dt{padding-top:12px;}
.goods_wrap dl.todayView dd ul.goods_list .goods{min-height:52px;padding-left:65px;}
.goods_wrap dl.todayView dd ul.goods_list .goods .soldout{width:50px;height:50px;}
.goods_wrap dl.todayView dd ul.goods_list .goods .soldout span{margin:5px;width:40px;height:40px;background-position:-75px -260px;}
.goods_wrap dl.todayView dd ul.goods_list .goods .soldout em{padding:14px 0 12px;font-size:10px;}
.goods_wrap dl.todayView dd ul.goods_list .goods .goods_img img{width:50px;height:50px;}

/* 20161207 헤더 변경 */
/* 20170223 header 변경 */
/*header 정의*/
.header{/*border-bottom:#dbdbdb 1px solid;*/position:relative; height:60px; padding-top:15px; background:#ffffff; box-sizing:border-box;/*background:#a40b5d*/} /* 20170223 header 변경 */ /* 20180712 수정 */
.header h1{position:absolute; left:45px; top:15px; padding:0; /*padding:17px 0;text-align:center; padding-top:9px; */} /* 20180712 수정 */
/* 
.header h1 a{overflow:hidden;display:block;width:50px;height:50px;margin:0 auto;text-indent:-9999px;background:url(/contents2015/img2015/header_common.png) no-repeat;background-size:300px auto;background-position:0 0;}
*/
.header h1 a{overflow:hidden;display:block;width:35px; height:30px; background:url(/contents2015/img2015/h1_logo_n.png) no-repeat 0 50%; background-size:35px 19px; /*margin:0 auto;text-indent:100%;background:url(/contents2015/img2015/h1_logo.png?2017022301) no-repeat 0 0;background-size:90px auto;*/} /* 20170223 header 변경 */ /* 20180712 수정 */
.header h1 a span{ display:none;}

/* 20190408 스크롤 up down시 검색바와 푸터퀵메뉴 보였다 숨겼다 적용*/
html.scroll_division, 
body.scroll_division{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.scroll_division .swiper-slide{overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling: touch;box-sizing: border-box;}
/*.scroll_division .tvDate{z-index:30;top:0px;transition:top .3s;-webkit-transition:top .3s;}*/
.scroll_division .header{z-index:40;position:fixed;width:100%;left:0;}
.scroll_division .gnb{z-index:40 !important;position:fixed !important;width:100%;left:0;background:#fff;}
.fixHead .header{top:0px;}
.fixHead .gnb{top:60px;}

/***************************************************************** 기존 거 header, gnb 개편 되면 삭제
.fixHead #contents{padding-top:94px;}
.hideHead #contents{padding-top:44px;} ***************************/

.hideHead .header{top:-50px;}
.hideHead .gnb{top:10px;}
.fixHead .tvDate, .hideHead .tvDate{top:0;}

.scroll_division .footerutil.hide{bottom:-54px;}
.scroll_division .floating_btn_top{right:-50px;display:block;}
.scroll_division .floating_btn_top.show{right:10px;}
.scroll_division .floating_btn_hisback{left:-50px;display:block;}
.scroll_division .floating_btn_hisback.show{left:10px;}
/* 스크롤 up down시 검색바와 푸터퀵메뉴 보였다 숨겼다 적용 end*/

/* 
a.nav_aside{position:absolute;top:0;left:0;background:url(/contents2015/img2015/header_common.png) no-repeat;width:50px;height:50px;background-size:300px auto;background-position:-55px 0;}
*/
a.nav_aside{position:absolute;top:22px;left:15px; background:url(/contents2015/img2015/ico_gnbMenu.png) no-repeat 50% 50%;width:21px; height:16px; background-size:21px 16px;} /*20190725 간격 등 아이콘 수정 알람 아이콘 적용*/
a.nav_aside span{ position:absolute;left:-9999px;}
/* 
a.search{position:absolute;top:0;right:0;cursor:pointer;background:url(/contents2015/img2015/header_common.png) no-repeat;width:50px;height:50px;background-size:300px auto;background-position:-110px 0;}
*/
a.search{position:absolute;top:1px;right:0px;cursor:pointer; background:url(/contents2015/img2015/gnbBtnSch.png?2017022301) no-repeat; width:50px; height:49px; background-size:49px auto;} /* 20170223 header 변경 */
a.search span{ position:absolute;left:-9999px;}
a.myp_aside{position:absolute;top:4px;right:60px;padding:9px 10px 8px;cursor:pointer;opacity:.1}
a.myp_aside span{display:block;width:16px;height:19px;text-indent:-9999px;background:url(/contents2015/img2015/ico_layout.png?2017022301) no-repeat -50px 0;background-size:200px auto;-webkit-background-size:200px auto;}
/* /20170223 header 변경 */
/* //20161207 헤더 변경 */
.cart_top {position:absolute; right:13px; top:20px; font-size:0;} /* 20180712 */
.cart_top a {display:inline-block; width:24px; height:20px; background: url(/contents2015/img2015/ico_cart_1.png) no-repeat 50% 50%; background-size:24px 20px;}
.cart_top span {position:absolute; top:-5px; right:-3px; min-width:12px; height:16px; padding:0 2px; font-size:10px; color:#fff; border-radius:15px; background-color:#a40b5d; text-align:center;line-height:16px;} /* 20180712 */

/* 20190725 알람 버튼 추가 */
.alarm_menu {position:absolute; right:50px; top:20px; font-size:0;}
.alarm_menu a {display:inline-block; width:20px; height:20px; background: url(/contents2015/img2015/ico_alarm.png) no-repeat 50% 50%; background-size:20px auto;}
.alarm_menu i {position:absolute; top:-5px; right:-4px; width:16px;height:16px;background:url(/contents2015/img2015/ico_new_2.png) no-repeat 0 0; background-size:16px auto; }
.alarm_menu span{position:absolute;top:-5px;right:-4px;min-width:12px;height:16px;padding:0 2px;background:#a40b5d;color:#fff;font-size:10px;text-align:center;line-height:16px;border-radius:15px;} /* 2019-08-14 알림 숫자 영역 추가 */

/*검색창*/
/* 20180712 삭제 : str 
.searchZone{display:none;z-index:20;position:absolute;top:51px;left:0;width:100%;height:43px;background:#a40b5d;}
.searchZone p{position:relative;padding:4px 83px 4px 8px ;}
.searchZone p span{display:block;}
.searchZone p span input[type="text"]{width:100%;height:34px;line-height:26px;text-indent:0; border:#acacac solid 0px; border-radius:3px; box-sizing:border-box;}
.searchZone p span a{position:absolute;top:4px;right:8px;width:65px;height:34px; line-height:34px; background:url(/contents2015/img2015/btnSch.png) no-repeat #acacac center center; background-size:24px auto; border-radius:3px; color:#FFF; text-align:center; font-weight:bold; font-size:15px;} 20180712 삭제 : end */
/* 20180712 검색바 개선 : str */
.searchZone{height:31px; margin:0 87px 0 85px; background-color:#ecedef; border-radius:15px;}
.searchZone p{position:relative; padding: 0 46px 0 15px;}
.searchZone p span input[type="text"]{width:100%; height:31px; padding:5px 0; line-height:26px; background:transparent; box-sizing:border-box;}
.searchZone p span a{position:absolute; right:6px; top:0; width:30px; height:31px; background:url(/contents2015/img2015/btnSch_n.png) no-repeat 50% 7px; background-size:18px 17px;}
/* 20180712 검색바 개선 : end */
.searchZone p span a em{ display:none;}

/* 20161208 푸터 변경 */
/*footer 정의*/
.footer{background-color:#fff;}
.footer.details{ padding-bottom:95px;}
.footer .link{ overflow:hidden;}
.footer .link>li{border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;float:left;width:25%;text-align:center;box-sizing:border-box;}
.footer .link>li:first-child{ margin-left:0%;}
.footer .link>li a{ height:28px;border-left:#ededed solid 1px;line-height:28px;color:#333;display:block; font-size:12px;font-weight:bold;letter-spacing:-1px;}
.footer .link>li a.privacy_policy{color:#d91c85;}
.footer .link>li:first-child a{border-left:none;}
.footer .info{ text-align:center;padding:25px 0 90px;}
.footer .info p{ color:#333;font-size:12px;font-weight:bold;}
.footer .info p a{ color:#333; text-decoration:underline;}
.footer .info .footer_link p{padding:0px 0;}
.footer .info .footer_link p a.com_info_check{color:#8e004d;}
.footer .info .copyright{color:#999;} 

.footer .link.simple{ display:none;}

/*20190304 푸터 배너 영역 적용*/
.img_area img{width:100%;}
.footer .img_area{margin-top:-1px;}

/* .wrap.simple .footer .link{ display:none;} */ /* 20170221 간편 페이지 푸터 기존 푸터와 공동 사용 */
.wrap.simple .footer .link.simple{ display:block;}
.wrap.simple .footer .link.simple>li{ width:33.3%;margin-left:0%;}
.wrap.simple .footer .link.simple>li:last-child{}
/* 간편페이지 관련 푸터 링크 별경 */
.wrap.simple .footer .link.simple>li:nth-child(2) a{ color:#333;} 
.wrap.simple .footer .link.simple>li:nth-child(3) a{ color:#333;}
/* //간편페이지 관련 푸터 링크 별경 */
/* //20161208 푸터 변경 */

/* 20161006 MC 개선 */
/*이미지확대보기*/
.details_Zoom{position:relative;width:100%;}
.goods_image{width:100%;}
.goods_image img{width:100%;}
.preview_info img{width:100%;}
.zoom_close{position:fixed;top:70px;right:15px;cursor:pointer;}
.zoom_close em{overflow:hidden;display:block;width:30px;height:30px;text-indent:-9999px;background:url(/contents2015/img2015/ico_goods.png)no-repeat -75px 0;background-size:250px auto;-webkit-background-size:250px auto;}
/* //20161006 MC 개선 */

/* 앱다운받기 버튼 */
.btn_appdown_wrap{display:none;position:fixed;bottom:55px;left:15px;z-index: 45;}
.btn_appdown_wrap .appdown_img{width:103px;height:auto;}
.btn_appdown_wrap .btn_close{background:url(/contents2015/img2015/btn_appdown_close.png) no-repeat 0 0;background-size:23px 23px;width:23px;height:23px;display:block;text-indent:-9999px;position:absolute;top:3px;right:4px;}

/*20190226 index.vm파일에 있던 홈팝업 css 이동해옴 */
/* 20170512 홈탭 팝업 추가 스타일 */
.home_banner_layer{display:none;overflow:hidden;position:relative;/*top:0;bottom:0;left:0;right:0;*/width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10000;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.home_banner_layer.on{display:block;}
.home_banner_layer .banner_wrap{box-sizing:border-box;-webkit-box-sizing:border-box;padding:5px 10px;overflow:hidden;/*position:fixed;left:50%;top:50%;*/width:100%; max-width:100%; text-align:center;/*transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);*/ display:table; table-layout:fixed; height:100%; margin:0 auto;} /* 20180806 노트2 */ /* 20180726 max-width 추가 */
.home_banner_layer .banner_wrap .banner_box{display:table-cell; vertical-align:middle; /*box-shadow:3px 3px 11px #222;*/} /* 20180806 노트2 */ /* 20180718 bkox-shadow 삭제 */

/* 20171019 홈 레이어 팝업 슬라이드 기능 추가 */
.home_banner_layer .banner_wrap .banner_box .imgSlide{/*border:1px solid #acacac;*/background-color:transparent;z-index:1;position:relative;transform:translateZ(0);overflow:hidden;} /* 20180718 border 삭제 */ /* 20171101 배경 컬러 수정 */
.home_banner_layer .banner_wrap .banner_box .imgSlide .banner_list{overflow:hidden;width:100%;}
.home_banner_layer .banner_wrap .banner_box .imgSlide .banner_list li{position:relative;float:left;width:100%;} /* 20180718 width 추가 */
.home_banner_layer .banner_wrap .banner_box .imgSlide .banner_list li a img{width:100%;}
.home_banner_layer .banner_wrap .banner_box .imgSlide .indicator_list{text-align:center;height:25px;width:100%;clear:both;position:absolute;bottom:0;}
.home_banner_layer .banner_wrap .banner_box .imgSlide .indicator_list li{display:inline-block;position:relative;top:8px;width:6px;height:6px;margin:0 2px;border-radius:100%;-webkit-border-radius:100%;background-color:#adadad;font-size:0;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;}
.home_banner_layer .banner_wrap .banner_box .imgSlide .indicator_list li.on{background-color:#666;}
/* //20171019 홈 레이어 팝업 슬라이드 기능 추가 */

.home_banner_layer .banner_wrap .banner_box .banner_button{border-width:0 1px 1px;border-style:solid;border-color:#acacac;overflow:hidden;}
.home_banner_layer .banner_wrap .banner_box .banner_button button{font-family:Malgun Gothic;box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#f9f9f9;appearance:none;-webkit-appearance:none;border:0;font-size:13px;color:#7f7f7f;float:left;height:36px;line-height:36px;font-weight:bold;}
.home_banner_layer .banner_wrap .banner_box .banner_button .btn_layer_today{width:60%;border-right:1px solid #acacac;}
.home_banner_layer .banner_wrap .banner_box .banner_button .btn_layer_close{width:40%;}
/* //20170512 홈탭 팝업 추가 스타일 */

/* 20180718 : str  */
.home_banner_layer .banner_wrap .banner_button02{position:relative; height:30px; padding:7px 39px 0 0; box-sizing:border-box; text-align:right;} /* 20180726 오늘하루보지않기 위치 수정 */
.home_banner_layer .banner_wrap .banner_button02 .chk_layer_today{display:inline-block; font-size:12px; color:#fff;} /* 20180726 display */
.home_banner_layer .banner_wrap .banner_button02 .chk_layer_today input[type="checkbox"]{width:18px; height:18px; margin-right:6px; background:none; border:1px solid #fff !important; border-radius:4px; box-sizing:border-box;}
.home_banner_layer .banner_wrap .banner_button02 .chk_layer_today input:checked[type="checkbox"]{border-color:#a40b5d !important; background:url(/contents2015/img2015/checkbox_checked.png) no-repeat 50% 50%; background-size:8px 6px;}
.home_banner_layer .banner_wrap .banner_button02 .chk_layer_today label{vertical-align:middle;} /* 20180726 */
.home_banner_layer .banner_wrap .banner_button02 .btn_layer_close{position:absolute; right:0; top:0; width:20px; height:30px; font-size:0; background:url(/contents2015/img2015/btn_close_popup.png) no-repeat 50% 50%; background-size:16px 15px; appearance:none;-webkit-appearance:none;border:0;}
/* 20180718 : end  */
/*20190227 홈탭 팝업 강제 최상위 조정 css*/
html.fix_pop, 
body.fix_pop{overflow:hidden;height:100%;width:100%;}
.page_swiper.fix_pop{z-index:1100;position:relative;}
.container > .wrap.fix_pop{z-index:100;}
/*홈탭 팝업 강제 최상위 조정 css 끝*/

/*메인 홈 롤링 레이어 pager css 적용 20190308*/
.bannerRoll .owl-dots{position:relative;height:22px;margin-top:-22px;}
.bannerRoll .owl-dots .owl-dot{display:inline-block;margin:0 2px;width:6px;height:6px;border-radius:6px;background-color:#adadad;}
.bannerRoll .owl-dots .owl-dot.active{background-color:#666;}

/********************** MLS 소켓 팝업  ***********************/
.mls_banner_layer{display:none;overflow:hidden;position:relative;/*top:0;bottom:0;left:0;right:0;*/width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10000;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.mls_banner_layer.on{display:block;}
.mls_popup_frame{display:none;z-index:10001;position:fixed; top:0;left:0;width:100%;height:100%;padding:15px;box-sizing: border-box;}
.mls_popup_frame .dimmed{z-index:50;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);}
.mls_popup_frame .layerPop{z-index:10002;position:relative;top:50%;transform:translateY(-50%);padding:0px 0 0px;background:#fff; /*border:#aaaaaa solid 1px;*/} /* 20181224 border 삭제 */
.mls_popup_frame .layerPop .layerCont{padding:15px;}
.mls_popup_frame .layerPop .pop_bt_center{text-align:center;}
.mls_popup_frame .layerPop .pop_bt_center .btnMid{min-width:95px;}
.mls_popup_frame .layerCont{padding-top:50px;text-align:center;}
.mls_popup_frame .popTitle + .layerCont{padding-top:15px;}
.mls_popup_frame .layerPop .txt{display:block;padding:35px 0 30px 0;}


/********************** UI/UX 개선 ***********************/
/***************** 헤더 HEADER *****************/
.w_header{position:relative;width:100%;height:48px;background:#fff;z-index:40;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;transition:transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;}
.w_header h1{position:absolute;top:9px;left:49px;width:36px;height:30px;z-index:1;}
.w_header h1 a{display:block;overflow:hidden;width:36px;height:30px;background:url('/contents2015/img2015/ico_header.png') no-repeat -38px 0;background-size:200px 30px;color:transparent;font-size:8px;text-indent:-9999px;}
.scroll_division .w_header h1 a{background-position:0 0;}
.w_header .btn_sidebar{position:absolute;top:9px;left:13px;width:30px;height:30px;background:url('/contents2015/img2015/ico_header.png') no-repeat -76px 0;background-size:200px 30px;}
.w_header .btn_sidebar span{display:block;overflow:hidden;height:100%;color:transparent;font-size:8px;text-indent:-9999px;}
.w_header .sch_zone{margin:0 85px 0 91px;padding-top:8px;}
.w_header .sch_zone .sch_bar{position:relative;height:32px;padding:0 36px 0 16px;background:#f0f0f0;border-radius:16px;}
.w_header .sch_zone .sch_bar input[type="text"]{padding:0;border:none;background:none;border-radius:0;}
.w_header .sch_zone .sch_bar .go_sch{position:absolute;top:5px;right:10px;overflow:hidden;width:22px;height:22px;background:url('/contents2015/img2015/ico_header.png') no-repeat -172px 0;background-size:200px 30px;color:transparent;font-size:8px;text-indent:-9999px;}
.w_header .go_zone{position:absolute;top:9px;right:13px;font-size:0;}
.w_header .go_zone [class^="go_"]{display:inline-block;position:relative;width:30px;height:30px;background:url('/contents2015/img2015/ico_header.png') no-repeat -140px 0;background-size:200px 30px;color:transparent;font-size:8px;text-indent:-9999px;}
.w_header .go_zone .go_push{margin-right:6px;background-position:-108px 0;}
.w_header .go_zone [class^="go_"] span {position:absolute;top:0;right:-5%;min-width:8px;height:16px;padding:0 4px;background:#e72e34;color:#fff;font-size:11px;font-style:normal;text-align:center;text-indent:0;line-height:16px;border-radius:8px;}
.w_header .go_zone [class^="go_"] span.n{font-weight:bold;}
/* ios */
html.ios .w_header .go_zone [class^="go_"] span{line-height:18px;}
/*********** 헤더(서브페이지 타이틀) FIX 관련 ***********/
/* 헤더 */
.w_header.fix, .scroll_division .w_header{position:fixed;top:0;left:0;}
.fix_head .w_header, .fixHead .w_header{transform:translateY(0);}
.hide_head .w_header, .hideHead .w_header{transform:translateY(-20px);}
/* 타이틀 */
.titlewrap{position:relative;overflow:hidden;height:44px;}
.titlewrap .fix{position:fixed;top:48px;left:0;width:100%;z-index:40;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;transition:transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;}
.fix_head .titlewrap .fix{transform:translateY(0);}
.hide_head .titlewrap .fix{transform:translateY(-48px);}
.noHeader .titlewrap .fix{top:0;}
.titlewrap .goto_home{display:none;position:absolute;top:6px;left:49px;overflow:hidden;width:36px;height:30px;background:url('/contents2015/img2015/ico_header.png') no-repeat -38px 0;background-size:200px 30px;color:transparent;font-size:8px;text-indent:-9999px;transform:translateY(-45px) scale(0);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;transition:transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;}
.titlewrap .fix .goto_home{display:block;}
.hide_head .titlewrap .fix .goto_home{transform:translateY(0) scale(1);}
/* simple 페이지 헤더 */
.wrap.simple .w_header h1{}/* 타이틀 영역의 홈 버튼과 위치가 상이하여 일단 삭제 = left:50%;margin-left:-18px; */
.wrap.simple .w_header .btn_sidebar{display:none;}

/***************** GNB *****************/
.gnb_wrap{position:fixed;top:45px;left:0;width:100%;height:40px;background:#fff;z-index:40;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;transition:transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;}
.w_gnb{position:relative;overflow:hidden;width:100%;transform:translateZ(0);}
.w_gnb:after{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ccc;z-index:-1;content:'';}
.w_gnb ul{display:-webkit-box;display:-moz-box;display:-ms-box;}
.w_gnb ul li{width:auto;transform:translateZ(0);}
.w_gnb ul li > a{display:block;position:relative;height:40px;padding:0 10px;color:#222;font-size:16px;font-weight:bold;line-height:40px;cursor:pointer;}
.w_gnb ul li > a .n{position:absolute;top:5px;right:3px;width:5px;height:5px;background:#e72e34;color:transparent;font-size:0;border-radius:50%;}
.w_gnb ul li > a .dot{position:absolute;top:7px;left:5px;width:5px;height:5px;background:#e72e34;color:transparent;font-size:0;border-radius:50%;}
.w_gnb ul li.on > a{color:#e72e34;}
.w_gnb ul li.on > a:after{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e72e34;content:'';}
/*********** GNB 스크롤 관련 ***********/
.fixHead .gnb_wrap{transform:translateY(0);}
.hideHead .gnb_wrap{transform:translateY(-45px);}

/***************** GNB 2021.02 new *****************/
.gnb_wrap2{position:fixed;top:45px;left:0;width:100%;height:40px;background:#fff;z-index:40;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;transition:transform 0.3s cubic-bezier(0.41, 0.66, 0.54, 0.91) 0s;}
.w_gnb2{position:relative;overflow:hidden;width:100%;transform:translateZ(0);}
.w_gnb2:after{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ccc;z-index:-1;content:'';}
.w_gnb2 ul{display:-webkit-box;display:-moz-box;display:-ms-box;}
.w_gnb2 ul li{width:auto;transform:translateZ(0);color:#222;}
.w_gnb2 ul li > a{display:block;position:relative;height:40px;padding:12px 10px 0;font-size:16px;font-weight:bold;line-height:28px;cursor:pointer;box-sizing:border-box;}
.w_gnb2 ul li > a .n{position:absolute;top:15px;right:2.5px;width:5px;height:5px;background:#e72e34;color:transparent;font-size:0;border-radius:50%;}
.w_gnb2 ul li > a .dot{position:absolute;top:15px;left:2.5px;width:5px;height:5px;background:#e72e34;color:transparent;font-size:0;border-radius:50%;}
.w_gnb2 ul li > a .em{position:absolute;left:50%;top:2.5px;font-size:12px;font-weight:normal;line-height:12px;transform:translateX(-50%);text-align:center;width:100%;}
.w_gnb2 ul li > a span.gnb-kakao {display:block;position:relative;width:76px;height:24px;background-size:76px 24px;background-repeat:no-repeat; background-position:0px 0px;background-image:url(/contents2015/img2015/ico_gnb_kakao.png);}
.w_gnb2 ul li.new > a { padding-left:0;}
.w_gnb2 ul li.new > a:before {position:relative;content:'N';display:inline-block;vertical-align:top;width:14px;height:14px;margin:7px 4px 0 0;background:#e72e34;color: #fff;font-size:9px;text-indent:0;font-weight:700;font-style:normal;text-align:center;line-height:14px;border-radius:50%;}
.w_gnb2 ul li.on > a{color:#e72e34;}
.w_gnb2 ul li.on > a:after{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e72e34;content:'';}
.w_gnb2 ul li.on > a.fc-purple{color:#9f35dc;}
.fixHead .gnb_wrap2{transform:translateY(0);}
.hideHead .gnb_wrap2{transform:translateY(-45px);}

/*********** 메인/서버 페이지 #contents ***********/
/* 메인페이지 */
.fixHead #contents{padding-top:85px;}
.hideHead #contents{padding-top:40px;}
/* 서버페이지 */
.fix_head #contents{padding-top:48px;}

/* IOS 사파리 브라우저 스크롤 바운스 관련 처리 */
/* 아이폰 사파리 접속 시 html에 web클래스 적용 */
html.iosweb, html.iosweb body{-webkit-overflow-scrolling: touch;}
html.iosweb .hide_head .w_header{transform:translateY(0);}
html.iosweb .hide_head .titlewrap .fix{transform:translateY(0);}
html.iosweb .titlewrap .fix .goto_home{display:none;opacity:0;}

html.iosweb #contents, html.iosweb #contents.iossfr{padding-top:48px;}

/* 컨텐츠 레이아웃, 바탕컬러용 */
.wrap_bg_f0{background:#f0f0f0;}
.wrap_bg_f7{background:#f7f7f7;}
/**** 페이지 타이틀 ****/
.contents .tit_pgtitle, .tit_pgtitle{overflow:hidden;height:42px;padding:0 44px;border:1px solid #ccc;border-width:1px 0;background:#fff;color:#222;font-size:17px;text-align:center;text-overflow:ellipsis;line-height:42px;white-space:nowrap;}
.goto_back{position:absolute;top:0;left:0;overflow:hidden;width:44px;height:44px;color:transparent;font-size:8px ;text-indent:-9999px;white-space:nowrap;}
.goto_back:after{position:absolute;top:50%;left:50%;width:10px;height:17px;background:url('/contents2015/img2015/bg_goto_back.png') no-repeat 0 0;background-size:10px 17px;transform:translate(-50%, -50%);content:'';}

.goto_back.arrow:after{width: 24px; height: 21px; background: url(/contents2015/img2015/bg_goto_back_arrow.png) 0 0 no-repeat; background-size: 24px;
    transform: translate(-6px, -50%); }

/* 서브페이지 스크롤 시 홈아이콘 나타나면 타이틀과 홈아이콘 겹침 */
.hide_head h2.tit_pgtitle{padding:0 85px;}
/* 헤더 없는 페이지 타이틀 상단 보더컬러 변경 */
.noHeader .contents .tit_pgtitle{border-top-color:#fff;}

/* 공유하기 */
.btn_sns_share {display: block; position: absolute; top:0; right:0; width:51px; height: 100%; background:url('/contents2015/img2015/main/btn_sns_share.png') no-repeat 50% 50%;-webkit-background-size:19px; background-size:19px; overflow: hidden; text-indent: -999px;}

/**** 폼요소 ****/
/* 인풋-텍스트요소 */
.input_boxs{display:block;position:relative;border:1px solid #ccc;box-sizing:border-box;}
.input_boxs.focus, .slt_box.focus, .input_boxs.re_try, .slt_box.re_try{border-color:#e72e34;}
.input_boxs input{height:44px;padding:0 10px;color:#222;font-size:15px;}
.input_boxs input:disabled{background:#f5f5f5;color:#666;}
.input_boxs .btn_clear_input{display:inline-block; width:17px; height:17px; font-size:0; background:url(/contents2015/img2015/btn_clear_input_w.png) no-repeat 0 50%; background-size:17px 17px; border:none; position:absolute; top:50%; right: 13px; transform:translate(0,-50%);padding:0;z-index:2;outline:none;}
/* 체크박스 */
.chk_box{position:relative;display:inline-block;width:24px;height:24px;vertical-align:middle;}
.chk_box input[type="checkbox"]{position:absolute;top:0;left:0;width:24px;height:24px;border:1px solid #ccc !important;background:none;}
.chk_box input[type="checkbox"]:checked{background:url('/contents2015/img2015/bg_form.png') no-repeat -3px -53px;background-size:98px 98px;}
.chk_box2{position:relative;display:inline-block;width:25px;height:25px;vertical-align:middle;}
.chk_box2 input[type="checkbox"]{position:absolute;top:0;left:0;width:25px;height:25px;border:none;background:url('/contents2015/img2015/bg_form.png') no-repeat -30px -52px;background-size:100px 100px;}
.chk_box2 input[type="checkbox"]:checked{background-position:-57px -52px;}
/* 231005 큰 체크박스 추가*/
.chk_box.big2{position:relative;display:inline-block;width:28px;height:28px;vertical-align:middle;}
.chk_box.big2 input[type="checkbox"]{position:absolute;top:0;left:0;width:28px;height:28px;border:none;
    border:1px solid #adadad !important;
    background:url('/contents2015/img2015/bg_chk_box_big.png') no-repeat 0 0 ;background-size:75px;}
.chk_box.big2 input[type="checkbox"]:checked{background-position:-48px 0;}

.chk_box.round input[type="checkbox"] {border-radius: 6px;}

/* 빨간 체크박스 : 새디자인 */
.chk_box.red {width:19px; height: 19px; vertical-align: top;}
.chk_box.red input[type="checkbox"] {width:100%; height:100%; border: 1px solid #adadad !important; background-color: #fff; border-radius: 3px; overflow: hidden;}
.chk_box.red input[type="checkbox"]:checked {border: 1px solid #e72e34 !important; background:#e72e34 url('/contents2015/img2015/bg_form.png') -54px 100% no-repeat;
    -webkit-background-size:100px 100px; background-size:100px 100px;
}
.chk_box.red+label {padding: 2px 0 0 7px; font-size: 14px; color:#222;}
/* 큰 체크박스  */
.chk_box.big {width:24px; height:24px;}
.chk_box.big input[type="checkbox"] {border-radius: 6px;}
.chk_box.big input[type="checkbox"]:checked {background-position: 99% 100%;}
.chk_box.big+label {font-size: 15px; color:#000;}
/* 빨간 라디오 : 새디자인  */
.rdo_box {position: relative; display: inline-block;}
.rdo_box.red {width:19px; height: 19px; vertical-align: top;}
.rdo_box.red input[type="radio"] {width:100%; height:100%; border: 1px solid #adadad !important; background-color: #fff; background-image: none; border-radius: 100%; overflow: hidden;}
.rdo_box.red input[type="radio"]:checked {border: 1px solid #e72e34 !important; background:url('/contents2015/img2015/bg_form.png') -38px -88px no-repeat;
    -webkit-background-size:100px 100px; background-size:100px 100px;
}
.rdo_box.red+label {padding: 2px 0 0 7px; font-size: 14px; color:#222;}

.rdo_box.big {width:24px; height:24px;}
.rdo_box.big input[type="radio"]:checked {background-position: -25px -83px;}
.rdo_box.big+label {font-size: 15px; color:#000;}

/* 검정 라이오 : 새 디자인 */
.rdo_box.black {width:24px; height: 24px; vertical-align: top;}
.rdo_box.black input[type="radio"] {width:100%; height:100%; background-color: #fff; overflow: hidden; 
    background:url('/contents2015/img2015/bg_rdo_black.png') 0 0 no-repeat;  -webkit-background-size:54px 24px; background-size:54px 24px;}
.rdo_box.black input[type="radio"]:checked {background-position:-30px 0;}
.rdo_box.black+label {padding: 2px 0 0 7px; font-size: 15px; color:#222;}

/* 셀렉트 */
.slt_box, .slt_box_tp{height:50px;padding:0 40px 0 10px;border:1px solid #ccc;background:url('/contents2015/img2015/bg_form.png') no-repeat 100% 0;background-size:100px 100px;font-size:15px;border-radius:0;}
.slt_box.focus, .slt_box_tp.focus{color:#222;}



/* 메세지 */
.msg_error, .msg_ok{display:block;margin-top:5px;font-size:13px;line-height:16px;}
.msg_error{color:#e72e34;}
.msg_ok{color:#45c5d4;}
/* 버튼 */
.btn_wrap{margin-top:12px;}
.btn_wrap:after{display:block;clear:both;content:'';}
.btn_wrap.w2 > div{float:left;width:50%;}
.btn_wrap.w2 > div:first-child > a{margin-right:6px;}
.btn_wrap.w2 > div:last-child > a{margin-left:6px;}
.btn_wrap > a + a{margin-top:12px;}
.btn_sum, .btn_can, .btn_wht, .btn_wfr, .btn_wf8, .btn_black {display:block;overflow:hidden;height:45px;color:#fff;font-size:17px;text-align:center;line-height:45px;letter-spacing:-1px;box-sizing:border-box;}
.btn_sum{background:#e72e34;}/*빨강배경 흰글자*/
.btn_can{background:#adadad;}/* 회색배경 흰글자 */
.btn_wht{border:1px solid #adadad;background:#fff;color:#222;}/* 흰색배경 검은글자 회색라인 */
.btn_wfr{border:1px solid #e72e34;background:#fff;color:#e72e34;}/* 흰색배경 빨간글자 빨간라인 */
.btn_wf8{border:1px solid #ccc;background:#fff;color:#888;}/* 흰색배경 회색글자 회색라인 */
.btn_more_view{display:block;height:36px;border:1px solid #adadad;color:#666;font-size:15px;text-align:center;line-height:36px;box-sizing:border-box;}
.btn_more_view:after{display:inline-block;width:8px;height:8px;margin-left:8px;border:1px solid #666;border-width:0 0 1px 1px;vertical-align:3px;transform:rotate(-45deg);content:'';}
.btn_more_view.no_aft:after{display:none;}
.btn_black{border: 1px solid #222; color:#222;}

.btn_wfr.round ,
.btn_wf8.round ,
.btn_can.round ,
.btn_more_view.round ,
.btn_deli.round {border-radius: 6px; overflow: hidden;}

.btn_wrap.big>a, .btn_wrap.w2.big>div>a {height: 54px; font-size: 20px; line-height: 54px;}


/* 탭 */
.tab_stl{background:#fff;}
.tab_stl:after{display:block;clear:both;content:'';}
.tab_stl li{float:left;width:50%;}
.tab_stl li a{position:relative;display:block;overflow:hidden;height:48px;color:#888;font-size:15px;text-align:center;line-height:48px;}
.tab_stl li a:after{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ccc;content:'';}
.tab_stl li a.current{color:#e72e34;font-weight:bold;}
.tab_stl li a.current:after{height:2px;background:#e72e34;}
.tab_stl li + li a:before{position:absolute;top:50%;left:0;width:1px;height:36px;margin-top:-18px;background:#ccc;content:'';}
@media screen and (max-width:320px){
.tab_stl li a{font-size:14px;letter-spacing:-1px;}
}
/* 흰색 박스 - 타이틀 */
[class^="box_svc_"]{position:relative;margin-top:8px;background:#fff;border-bottom:1px solid #ccc;}
[class^="box_svc_"] h3{padding:14px 16px 12px;color:#222;font-size:16px;line-height:18px;}

/***************** 사이드메뉴 *****************/
.nside{position:fixed;top:0;left:0;overflow-x:hidden;width:100%;height:100vh;
background:#fff;transition:/*transform*/left .5s ease;/*transform:translateX(-110%);*/left:-110%;z-index:100;}
.nside.on{/*transform:translateX(0);*/left:0;}
.nside_wrap{position:relative;overflow-y:auto;scroll-behavior:smooth;overscroll-behavior-y:contain;height:100%;padding-bottom:50px;box-sizing:border-box;}
.nside_wrap::-webkit-scrollbar{display:none;}
/** 상단개인영역 **/
.isur_log .isur_box{position:relative;overflow:hidden;height:48px;padding:0 16px; background:#e72e34;}
.isur_log .isur_box .go_login, .isur_log .isur_box .isur_name{float:left;margin-top:13px;color:#fff;font-size:16px;}
.isur_log .isur_box .go_login{border-bottom:1px solid #fff;}
.isur_log .isur_box .go_login + .go_login{margin-left:20px;}
.isur_log .isur_box .isur_name{min-width:85px;}
.isur_log .isur_box .isur_name strong{font-size:17px;}
.isur_log .isur_box .isur_push{position:relative;float:left;width:30px;height:30px;margin:9px 0 0 5px;background:url('/contents2015/img2015/ico_nside.png') no-repeat 0 0;background-size:56px 30px;}
.isur_log .isur_box .isur_push a{display:block;width:30px;height:30px;color:transparent;font-size:8px;text-indent:-9999px;}
.isur_log .isur_box .isur_push a span{position:absolute;top:0;right:5%;min-width:8px;height:16px;padding:0 4px;background:#fff;color:#e72e34;font-size:11px;text-align:center;text-indent:0;line-height:16px;border-radius:8px;}
.isur_log .isur_box .go_setting, .isur_log .isur_box .cls_nside{position:absolute;top:12px;right:16px;overflow:hidden;width:24px;height:24px;color:transparent;font-size:8px;text-indent:-9999px;}
.isur_log .isur_box .go_setting{right:60px;background:url('/contents2015/img2015/ico_nside.png') no-repeat -32px 0;background-size:56px 30px;}
.isur_log .isur_box .cls_nside{border:none;background:none;outline:none;}
.isur_log .isur_box .cls_nside:before, .isur_log .isur_box .cls_nside:after{position:absolute;top:50%;left:50%;width:1px;height:26px;margin-top:-13px;background:#fff;content:'';}
.isur_log .isur_box .cls_nside:before{transform:rotate(45deg);}
.isur_log .isur_box .cls_nside:after{transform:rotate(-45deg);}
.isur_log .isur_bnf{background:#ba1718;}
.isur_log .isur_bnf ul{overflow:hidden;}
.isur_log .isur_bnf ul li{float:left;width:calc(100% / 3);}
.isur_log .isur_bnf ul li .link{display:block;position:relative;padding:10px 0;}
.isur_log .isur_bnf ul li .link:before{position:absolute;top:10px;left:0;width:1px;height:58px;background:#fab9be;content:'';}
.isur_log .isur_bnf ul li:first-child .link:before{display:none;}
.isur_log .isur_bnf ul li .link span{display:block;color:#fff;font-size:14px;text-align:center;}
.isur_log .isur_bnf ul li .link .tt{line-height:16px;}
.isur_log .isur_bnf ul li .link .td{padding:5px 0;line-height:18px;}
.isur_log .isur_bnf ul li .link .td b{font-size:16px;}
.isur_log .isur_bnf ul li .link .ts{color:#fab9be;font-size:12px;line-height:14px;}
.isur_log.off .isur_bnf ul li .link .ts:after{display:inline-block;width:6px;height:6px;margin-left:2px;border:1px solid #fab9be;border-width:1px 1px 0 0;vertical-align:1px;transform:rotate(45deg);border-radius:1px 0 1px 0;content:'';}
/* ios */
html.ios .isur_log .isur_box .isur_push a span{line-height:18px;}
/** 메뉴영역 **/
.nav_ctgr_wrap{padding-top:8px;background:#f0f0f0;}
/* 대메뉴 */
.menu_ctgr{background:#fff;}
.menu_ctgr:after{display:block;clear:both;content:'';}
.menu_ctgr > li{position:relative;float:left;width:50%;}
.menu_ctgr > li:nth-child(odd){clear:both;}
.menu_ctgr > li .ctgr_l{display:block;width:100%;height:44px;padding:13px 35px 0 16px;border-bottom:1px solid #e0e0e0;background:#fff;box-sizing:border-box;}
.menu_ctgr > li:nth-child(odd) .ctgr_l{border-right:1px solid #e0e0e0;}
.menu_ctgr > li .ctgr_l:after{position:absolute;top:14px;right:16px;width:8px;height:8px;border:1px solid #b6b6b6;border-width:0 0 1px 1px;transition:border-color, transform .5s ease;transform:rotate(-45deg);content:'';}
.menu_ctgr > li .ctgr_l span{display:block;overflow:hidden;height:18px;color:#222;font-size:15px;line-height:18px;}
.menu_ctgr > li .go_allctgr{display:none;position:absolute;top:10px;right:35px;padding:4px 6px;border:1px solid #adadad;color:#888;font-size:12px;line-height:14px;border-radius:12px;}
/* ios */
html.ios .menu_ctgr > li .go_allctgr{padding:5px 6px 3px;}
/* 대메뉴 on */
.menu_ctgr > li.on .ctgr_l{padding-right:74px;}
.menu_ctgr > li.on .ctgr_l span{color:#e72e34;font-weight:bold;}
.menu_ctgr > li.on .go_allctgr{display:block;}
.menu_ctgr > li.on .ctgr_l:after{top:20px;border-color:#303030;transform:rotate(135deg);}
/* 중메뉴 */
.is_mctgr{display:none;}
.menu_ctgr > li.on .is_mctgr{display:block;}
.menu_ctgr li:nth-child(odd) .is_mctgr{margin-right:-100%;}
.menu_ctgr li:nth-child(even) .is_mctgr{margin-left:-100%;}
.menu_mctgr{position:relative;background:#f5f5f5;}
.menu_mctgr:before{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ebebeb;content:'';}
.menu_mctgr:after{display:block;clear:both;content:'';}
.menu_mctgr li{float:left;width:50%;}
.menu_mctgr li > a{display:block;position:relative;height:44px;padding:13px 30px 0 16px;border-bottom:1px solid #ebebeb;box-sizing:border-box;}
.menu_mctgr li:nth-child(odd) > a{border-right:1px solid #ebebeb;}
.menu_mctgr li > a:after{position:absolute;top:17px;right:17px;width:8px;height:8px;border:1px solid #bababa;border-width:1px 1px 0 0;transform:rotate(45deg);content:'';}
.menu_mctgr li > a span{display:block;overflow:hidden;height:18px;color:#666;font-size:15px;line-height:18px;}
/* 기획전 */
.menu_exhip{overflow:hidden;padding:0 0 12px; background:#ebebeb;}
.menu_exhip li{float:left;width:25%;margin-top:12px;}
.menu_exhip li > a{display:block;}
.menu_exhip li .thumb, .menu_exhip li.more_exhip a:before{display:block;overflow:hidden;width:68px;height:68px;margin:0 auto;border-radius:50%;}
.menu_exhip li.more_exhip a:before{background:#fff url('/contents2015/img2015/plus_64x64.png') no-repeat 18px 18px;background-size:32px 32px;content:'';}
.menu_exhip li .thumb img{display:block;width:100%;}
.menu_exhip li .name{display:block;overflow:hidden;height:32px;margin-top:8px;color:#222;font-size:13px;text-align:center;line-height:16px;}

/*2020-10-13 fix,hide클래스명 변경*/
.f_head .w_header{transform: translateY(0);}
.h_head .w_header{transform: translateY(-48px);}
.f_head .gnb_wrap{transform: translateY(0);}
.h_head .gnb_wrap{transform: translateY(-45px);}
.f_head .gnb_wrap2{transform: translateY(0);}
.h_head .gnb_wrap2{transform: translateY(-45px);}
.f_head #contents{padding-top: 85px;}
.h_head #contents{padding-top: 40px;}

/*협력사 테이블 2개 css*/
.cop_tbl{width:100%;display:none;}
.cop_tbl.on{display:block;}

.footer .link>li a.privacy_policy.new{color:#e72e34;}
.footer .color_cs_num{color:#e72e34;}
.footer .info p.copy_r_txt{font-size:13px;font-weight:700;color:#888888;padding-top:20px;}
.pwc .guideBox .tits{font-weight:400;color:#888888;}
.pwc .guideBox .list{padding-left:0;}
.pwc .w_bg_noti{width:100%;height:28px;background-color:#fff;text-align:center;margin-top:10px;font-size:14px;font-weight:400;
color:#888;line-height:28px;}

/* 공용 폰트 컬러 추가 */
.fc-purple { color: #9f35dc; }
.fc-red { color: #e72e34; }
.fc-sky { color: #3aa6eb; }

/* 이벤트 관련 폼양식 추가 */
.form_noti {padding: 22px 16px; margin-top:12px; background-color: #f2f5f6; font-size: 17px; color: #222; text-align:center;}
.form_info {position: relative; margin-top: 24px; padding-left: 30px; font-size: 16px; color: #222;}
.form_info::before {position: absolute; content:''; top:0; left:0; width:20.5px; height:20px; background-image:url(/contents2015/img2015/ico_info.png); background-repeat:no-repeat; background-size:20.5px 20px; background-position: 0 0;}
.form_info em {text-decoration: underline !important; font-weight: bold !important;}
.policy_list {display:block; margin-top: 34px; border-bottom: solid 12px transparent;}
.policy_item {padding: 10px 8px; border: solid 1px #e0e0e0;}
.policy_item label {margin-left: 4px;}
.policy_item .btn_view_policy { text-decoration: none; margin-left:0; margin-right:-2px; margin-top: -5px; content:""; display:inline-block; vertical-align:middle; box-sizing: border-box; width:17px; height:26px; background:url(/contents2015/img2015/icoCateAr.png); background-size:9px auto; background-position: 0 8px; background-repeat: no-repeat;}

.form_info.one {margin: 27px 0 38px;}



.textarea.round {padding:15px 0 40px 0; box-sizing: border-box; height: 110px;}
.textarea.round textarea {height: 100%; padding: 0 12px; line-height: 1.25em;}
.textarea.round .placeholder {padding: 15px 12px;}
.textarea.round .txt_num {position: absolute; bottom: 0; right: 14px; display: block; height: 31px; color: #888; box-sizing: border-box;}
.textarea.round .txt_num strong {color:#222; font-weight: normal;}
.textarea.round textarea,
.textarea.round .placeholder,
.textarea.round .txt_num {font-size: 16px;}
.textarea.round+.textarea_noti {color:#e72e34; font-size: 14px; text-align: right; padding-top: 5px;}

/* 라운드 */
.textarea.round,
.round input[type="text"],
input[type="text"].round {border-radius: 6px; overflow: hidden;}
.btn_wht.round, 
.btn_wrap.round a ,
.btn_sum.round {border-radius: 6px;}

/* 당구장표시 문구 */
.txt_more{position:relative;display:block;margin-top:20px;padding-left:16px;color:#222;font-size:14px;}
.txt_more:before{position:absolute;top:2px;left:2px;width:10px;height:11px;background:url('/contents2015/img2015/member/bg_join.png') no-repeat -96px 0;background-size:150px 100px;content:'';}
.txt_more + .txt_more{margin-top:13px;}
.txt_more.tp1{color:#888;}
.txt_more.tp1:before{background-position:-108px 0;}
.txt_more.tp2{margin-top:12px;color:#888;font-size:13px;}
.txt_more.tp2:before{top:3px;width:9px;height:10px;background-position:-120px 0;}
.ok_agree .txt_more.tp2{margin-top:5px;}

/* w멥버십 레벨 */
.w_level {position: relative; display: inline-block; margin-right: 5px; padding-left: 32px; font-size: 16px; }
.w_level:before {content: ''; position: absolute; top:50%; left:0; transform: translateY(-50%); display: block; width:27px; height: 27px;
    background: url(/contents2015/img2015/common/w_level.png) no-repeat 0 0; background-size: 335px; 
}
[class^="w_level"].family,
.info_w_level_graph .family .family span:first-child {color:#a400f5;}
[class^="w_level"].silver ,
.info_w_level_graph .silver .silver span:first-child {color:#8db1c1;}
[class^="w_level"].gold ,
.info_w_level_graph .gold .gold span:first-child {color:#d39d52;}
[class^="w_level"].vip ,
.info_w_level_graph .vip .vip span:first-child {color:#d80044;}

.w_level.family:before {background-position: 0 -85px; color:#a400f5;}
.w_level.silver:before {background-position: -30px -85px; color:#8db1c1;}
.w_level.gold:before {background-position: -60px -85px; color:#d39d52;}
.w_level.vip:before {background-position: -90px -85px; color:#d80044;}

.w_level.family.gray:before {background-position: 0 -115px;}
.w_level.silver.gray:before {background-position: -30px -115px;}
.w_level.gold.gray:before {background-position: -60px -115px;}
.w_level.vip.gray:before {background-position: -90px -115px;}

.w_level.big {display: block; width:80px; height: 80px; padding: 0; 
    background: url(/contents2015/img2015/common/w_level.png) no-repeat 0 0; background-size: 335px; margin: 0 auto; overflow: hidden; text-indent: -999px;}
.w_level.big:before {content: none;}
.w_level.big.family {background-position: 0 0;}
.w_level.big.silver {background-position: -85px 0;}
.w_level.big.gold {background-position: -170px 0;}
.w_level.big.vip {background-position: -255px 0;}

.w_level_t {position: relative; display: inline-flex; align-items: center; font-weight: bold; line-height: 1;    }

.w_level_t:after {content: ''; position: relative; overflow: hidden; 
    display: inline-block; height: 20px; margin-left:2px;
    background: url(/contents2015/img2015/common/w_level.png) no-repeat 100% 0; background-size: 335px;
}
.w_level_t.family:after {width:70px; background-position: -120px -85px;}
.w_level_t.silver:after {width:65px; background-position: -120px -115px;}
.w_level_t.gold:after {width:56px; background-position: -197px -85px;}
.w_level_t.vip:after {width:41px; background-position: -197px -115px;}

.w_level.white {
    display: inline-block; width:24px; height: 24px; padding: 0; 
    background: url(/contents2015/img2015/common/w_level_sidemenu.png) no-repeat 0 0; background-size: 143px; margin: 0 auto; overflow: hidden; text-indent: -999px;}
.w_level.white:before {content: none;}
.w_level.white.family {background-position: 0 0;}
.w_level.white.silver {background-position: -40px 0;}
.w_level.white.gold {background-position: -79px 0;}
.w_level.white.vip {background-position: -119px 0;}


/* 230810 사이드바 리뉴얼 */
.isur_log.mod {padding-bottom: 12px; background-color: #e72e34;}
.isur_log.mod .isur_box {height: 60px;}
.isur_log.mod .isur_box .go_login, .isur_log.mod .isur_box .isur_name {margin-top: 16px; font-size: 18px;}
.isur_log.mod .isur_box .go_login strong, .isur_log.mod .isur_box .isur_name strong {font-size: inherit;}
.isur_log.mod .isur_box .isur_push {position: absolute; float: none; margin-top: 0; right: 88px; top: 15px; }
.isur_log.mod .isur_box .go_setting, .isur_log.mod .isur_box .cls_nside {top:18px;}
.isur_log.mod .isur_box .cls_nside {right:18px;}
.isur_log.mod .isur_box .go_setting {right: 53px;}

.isur_log.mod .isur_bnf {margin: 0 16px; border-radius: 5px; overflow: hidden; background: #fff; }
.isur_log.mod .isur_bnf ul li .link span,
.isur_log.mod .isur_bnf ul li .link .ts {color:#666;}
.isur_log.mod .isur_bnf ul li .link .td {color:#222;}
.isur_log.mod.on .isur_bnf ul li .link .td b {font-size: 20px;}
.isur_log.mod .isur_bnf ul li .link:before {height: initial; top:21px; bottom: 21px; background-color: #ebebeb;}

.isur_log.mod.on .isur_box .isur_name {position: relative; padding-left: 31px;}
.isur_log.mod.on .w_level.white {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.isur_log.mod.off .isur_bnf ul li .link .ts:after {border-color:#666;}

.isur_log.mod.on .isur_box .isur_name.no_w {padding-left: 0;}

/* 사이드바 메뉴 */
.nav_ctgr_wrap.mod {padding-top: 0;}
.nav_ctgr_wrap.mod .menu_ctgr > li:nth-child(odd) .ctgr_l,
.nav_ctgr_wrap.mod .menu_ctgr > li .ctgr_l {border-color: #ebebeb;}
.nav_ctgr_wrap.mod .menu_ctgr > li .ctgr_l {height: 47px; padding-top: 16px;}
.nav_ctgr_wrap.mod .menu_ctgr .menu_mctgr {overflow: hidden;}
.nav_ctgr_wrap.mod .menu_ctgr .menu_mctgr:after {content: ''; position: absolute; bottom: 0px; width: 100%; border-bottom: 1px solid #ebebeb; height: initial; background: none; clear:initial; }

.nav_ctgr_wrap.mod .menu_ctgr > li .ctgr_l:after,
.nav_ctgr_wrap.mod .menu_mctgr li > a:after {content: none;}

.nav_ctgr_wrap.mod .menu_ctgr [class^="ct_"].ctgr_l {position: relative; display: flex; align-items: center; padding: 0 16px 0 51px;}
.nav_ctgr_wrap.mod .menu_ctgr [class^="ct_"].ctgr_l span {font-size: 16px; line-height: 1em; height: initial;}
.nav_ctgr_wrap.mod .menu_ctgr [class^="ct_"]:before {content: ''; position: absolute; top:50%; transform: translateY(-50%); left:18px; display: block; width: 25px;
    background: url(/contents2015/img2015/main/icon_cate.png) no-repeat 50% 0; background-size: 25px;
}
.nav_ctgr_wrap.mod .menu_ctgr .ct_fashion:before {height: 25px; background-position: 0 0;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_beauty:before {height: 24px; background-position: 0 -232px;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_food:before {height: 21px; background-position: 0 -48px;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_life:before {height: 19px; background-position: 0 -282px;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_home_e:before {height: 22px; background-position: 0 -95px;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_kitchen:before {height: 17px; background-position: 0 -329px;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_living:before {height: 14px; background-position: 0 -146px;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_active:before {height: 24px; background-position: 0 -373px;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_baby:before {height: 20px; background-position: 0 -189px;}
.nav_ctgr_wrap.mod .menu_ctgr .ct_trip:before {height: 15px; background-position: 0 -424px;}

.nav_ctgr_wrap.mod .menu_ctgr .on [class^="ct_"]:after {content: ''; position: absolute; bottom:0; left:0; right:0; top: initial; width: initial; height: initial; border: 0;border-bottom: 2px solid #e72e34; transform: none; transition: none;}

.nav_ctgr_wrap.mod .menu_mctgr {display: flex; flex-wrap: wrap; background-color: #f7f7f7;}
.nav_ctgr_wrap.mod .menu_mctgr:before {content: none;}
.nav_ctgr_wrap.mod .menu_mctgr li > a {height: 100%; min-height: 40px; box-sizing: border-box; padding: 8px 16px; display: flex; align-items: center;}
.nav_ctgr_wrap.mod .menu_mctgr li > a span {font-size: 14px; line-height: 1.2em; color: #222; height: initial; }

/* 구매하기 리뉴얼 */
.detail_option.ren .btn_opt_cls {
    width:95px; height: 20px;
    background: url('/contents2015/img2015/goods/btn_opt_cls_ren.png') no-repeat 50% 0;
    background-size: 95px;
    top:1px;
}
.detail_option.ren .bn_over {height: auto; max-height: 242px; position: relative;}
.detail_option.ren .bn_total {height: 100px; border-top: 1px solid #ebebeb; background: #fff; z-index: 10;}

.detail_option.ren .buy_opt_box {/*height: 413px;*/ padding-top: 20px; box-sizing: border-box; height: 299px;}
.detail_option.ren .buy_opt_box .pdbox {height: 100%; padding-top: 24px; padding-bottom: 100px; border-radius: 16px 16px 0 0; overflow: hidden; box-sizing: border-box;}
.detail_option.ren .slt_opt select {height: 47px; border-radius: 6px; border: 1px solid #222;
    background: url('/contents2015/img2015/goods/gds_buy_option_arrow.jpg') no-repeat 100% 0;
    background-size: 36px;
    font-size: 16px; color: #888; font-weight: bold;
}
.detail_option.ren .slt_opt + .slt_opt  {margin-top: 8px;}
.detail_option.ren .bn_opt_info  {padding-bottom: 0;}
.detail_option.ren .list_bn_opt  {max-height: 182px; overflow-y: auto; /*padding-bottom: 16px;*/ overscroll-behavior-y:contain ; box-sizing: border-box; margin-top: 0;}
.detail_option.ren .list_bn_opt li,
.detail_option.ren .bn_gifts2 {margin-top: 8px; padding: 11px 16px; border-radius: 6px; font-size: 16px; color:#222;}
.detail_option.ren .list_bn_opt li:first-child,
.detail_option.ren .bn_gifts2:first-child,
.detail_option.ren .list_bn_opt li.no_option_li  {margin-top: 0;}
.detail_option.ren .list_bn_opt li:last-child,
.detail_option.ren .list_bn_opt li.no_option_li {margin-bottom: 16px;}
.detail_option.ren .list_bn_opt .opt_tt {font-size: 16px; line-height: 23px; padding: 0;}
.detail_option.ren .list_bn_opt .opt_tt+.opt_ft_wrap {padding-top: 6px; }
.detail_option.ren .list_bn_opt .opt_ft_wrap {position: static; padding: 4px 0 1px 0; }
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant {height: 28px; padding: 0 28px; box-sizing: border-box;}
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant input[type="number"] {width: 32px; font-size: 15px; font-weight: bold;}
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant .minus {border-radius: 4px 0 0 4px;} 
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant .plus {border-radius: 0 4px 4px 0;}
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant input[type="number"],
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant .minus, 
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant .plus {height: 28px;}
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant .minus, 
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_quant .plus {width:28px; background: #fff;}
.detail_option.ren .list_bn_opt .opt_ft_wrap .btn_del_bn {
    position: absolute; top: 12px; right: 11px; border: 0;
    background: url('/contents2015/img2015/goods/btn_gds_option_del.png') no-repeat 50% 50%;
    background-size: 11px;}
.detail_option.ren .list_bn_opt .opt_ft_wrap ,
.detail_option.ren .list_bn_opt .opt_ft_wrap .btn_del_bn:before,
.detail_option.ren .list_bn_opt .opt_ft_wrap .btn_del_bn:after {content: none;}

.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_prc {padding-top: 3px;}
.detail_option.ren .list_bn_opt .opt_ft_wrap .opt_prc b {font-weight: bold;}
.detail_option.ren .bn_total .bn_total_price {height: 46px; margin-top: 0; display: flex; align-items: center; justify-content: flex-end;}
.detail_option.ren .bn_total .bn_total_price .money {display: flex; align-items: center; padding-left: 11px; color: #e72e34;font-size: 14px; font-weight: bold;}
.detail_option.ren .bn_total .bn_total_price .frmt_cp_txt {margin-right: 8px; font-size: 14px;}
.detail_option.ren .bn_total .bn_total_price strong {font-size: 16px;}

.btn_wrap.df {display: flex; margin-top: 0; gap: 12px;}
.btn_wrap.df>div {flex: 1;}
.btn_wrap.df>div a {margin: 0; font-weight: bold;}
.btn_wrap.df:after {content: none;}
.bn_total .btn_wrap.df {display: flex; margin-top: 0; gap: 8px;}
body .btn_wrap.df>div:first-child a[class^="btn_"] {margin-right: 0;}
body .btn_wrap.df>div:last-child a[class^="btn_"] {margin-left: 0;}



/* 빠른결제 추가 */
.detail_option.ren .buy_opt_box.fast_pay_wrap {display: none; /*transform: translateY(685px);*/ transform: translateY(647px); z-index: 51; height: 95%; /*max-height: 685px; */ max-height:647px; transition: transform 500ms ease; top:initial !important}

.fast_pay_info {height: 100%; padding: 0 16px; max-height: 503px; overflow-y: auto; overscroll-behavior-y: contain; box-sizing: border-box;}    
.fast_pay_info .fast_info {min-height: 34px; padding-bottom: 5px; border-bottom: 1px solid #ebebeb; box-sizing: border-box; }
.fast_pay_info .fast_info>* {font-size: 16px; line-height: 18px; white-space: nowrap; color:#222;}
.fast_pay_info .fast_info ul {overflow: hidden;}
.fast_pay_info .fast_info li {padding-bottom: 6px; float: right; clear:both; display: block;}
.fast_pay_info .fast_info .first {text-overflow: ellipsis; overflow: hidden; float: left; width:60%;}
.fast_pay_info .fast_info .second {float: right; clear:initial;}
.fast_pay_info .fast_info .option_name {padding-left: 8px;}
.fast_pay_info .fast_info .gds_num {position: relative; padding-left: 8px; margin-left: 3px;}
.fast_pay_info .fast_info .gds_num:before {content: ''; position: absolute; left:0;  top:50%; transform: translateY(-50%); height: 15px; border-left: 1px solid #888;}
body .fast_pay_wrap .bn_total .bn_total_price.jcfs {justify-content: flex-start;}    
.fast_pay_wrap .bn_total .bn_total_price .chk_box {margin-right: 10px;}    
.fast_pay_wrap .bn_total .bn_total_price label {font-size: 15px;}    

.fast_address {padding-top: 4px; font-size: 16px; border-bottom: 1px solid #ebebeb; color:#222;}
.fast_pay_wrap .add_info {position: relative; display: flex; align-items: center; justify-content: space-between; height: 38px; box-sizing: border-box; font-size: 16px;  color:#222;}
.fast_pay_wrap .add_info>div {display: inline-flex; align-items: center;}
.fast_pay_wrap .t_del {position: relative; padding-left: 25px; padding-right: 13px; font-weight: bold;}
.fast_pay_wrap .t_del:before {content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); 
    display: inline-block; width: 19px; height: 15px; overflow: hidden; background: url(/contents2015/img2015/goods/new_page_img.png) no-repeat -110px -49px; background-size: 150px;}
.fast_pay_wrap .name {padding-right: 7px;}
.fast_pay_wrap .phone {position: relative; padding-left: 7px; line-height: initial; }
.fast_pay_wrap .phone:before {content: ''; position: absolute; left:0;  top:50%; transform: translateY(-50%); height: 15px; border-left: 1px solid #ccc;}
.fast_pay_wrap .address {position: relative; padding-bottom: 16px; font-size: 15px; line-height: 18px;}


.add_change {display: none; background-color: #f7f7f7; border-top: 1px solid #ebebeb; overflow: hidden;}
.add_change.on {display: block;}
.add_change ul {padding:0 12px; max-height: 233px; overflow-y: auto; overscroll-behavior-y: contain; box-sizing: border-box;}
.add_change ul li {margin-top: 8px;}
.add_change ul li:first-child {margin-top: 12px;}
.add_change label {display: block; padding: 8px; background-color: #fff; border-radius: 6px; overflow: hidden; }
.add_change label .add_info {justify-content: flex-start; height: 24px; font-size: 15px;}
.add_change label .rdo_box {padding-right: 8px;}
.add_change label .name {padding-right: 6px; font-weight: bold;}
.add_change label .address {padding: 6px 0 0 0; font-size: 14px;}
.fast_pay_wrap .blue_noti {display: table-cell; vertical-align: middle; padding:8px 12px; }
.fast_pay_wrap .blue_noti p {display: inline-block; padding-left: 11px; font-size: 13px; color:#5f83e5;
    background: url(/contents2015/img2015/icon_blue_star.jpg) no-repeat  0px 4px;
    background-size: 7px;
}
.fast_pay_wrap .blue_noti a {margin-left: 2px; text-decoration: underline; font-weight: bold; line-height: 1; color:inherit; font-size: inherit;}
.fast_pay_wrap .add_change .blue_noti {height: 40px; box-sizing: border-box; }

/* .slt_option .thistoption.title {display: flex; align-items: center; justify-content: center; height: 40px; margin-top: 10px; font-size: 16px; color: #222; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; font-weight: bold; } */

.slt_title {margin-top: 16px; position: relative; height: 40px; }
.slt_title .opt_tt {position: absolute; left:-46px; top: 12px; display: inline-block; width: 40px; line-height: 1em; color:#888; font-size: 14px; text-align: right;}
.slt_title .slt_option {position: absolute; top: 0; left: 0; width: 100%;}
.slt_title .slt_option .thistoption {padding-top:8px; align-items: initial; font-size: 16px; height: 40px; }
.slt_title .slt_option .thistoption:after {width: 15px; height: 15px; margin-top: -1px;}
.slt_title .slt_option .thistoption.title {position: absolute; top:0; display: flex; align-items: center; justify-content: center; height: 40px; font-size: 16px; color: #888; border-radius: 6px; background-color: #fff; font-weight: bold;  width: 100%; margin-top: 0; padding: 0; }
.slt_title .slt_option .thistoption.title:after  {content: none;}


.slt_title .slt_option.on .thistoption:after{ margin-top: 8px; vertical-align: 3px; transform: rotate(135deg);}
.slt_title .slt_option.on ul {position: relative; max-height: 320px; overflow-y:auto ; border-width: 0 1px 1px 1px; border-radius: 0 0 6px 6px; border-color: #ccc; border-style: solid; }
.slt_title .slt_option.on ul:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; background: url(/contents2015/img2015/common/bg_gray_line.jpg) repeat-x 0 0; background-size: 1px; }

.slt_title .slt_option.on li {padding-right: 0;}
.slt_title + .slt_title  {margin-top: 12px;}

/* select li 일시품절 적용 */
/* .slt_option {overflow: hidden; background-color: #fff; border-radius: 6px; border: 1px solid #ccc;} */
.slt_option {background-color: #fff; position: relative;}
.slt_option .thistoption {display: flex; align-items: center; justify-content: space-between; height: 40px; padding-left: 12px; font-size: 15px; font-weight: bold; color:#888; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;}
.slt_option .thistoption:after {display: inline-block; content: ''; width: 7px; height: 7px; margin:-6px 15px 0 5px; border: 1px solid #222; border-width: 0 0 1px 1px; vertical-align: 3px; transform: rotate(-45deg); }
.slt_option ul {display: none;}
.slt_option li {display: flex; align-items: center; height: 40px; margin-top: 0; font-size: 15px; line-height: 1em; padding:0  12px; color: #222;}

.slt_option.on .thistoption {border-bottom: 0; border-radius: 6px 6px 0 0;}
.slt_option.on .thistoption:after {transform: rotate(135deg); vertical-align: 0; margin-top: 0;}
.slt_option.on ul {display: block;}
.cartlist_wrap .slt_option.on ul {display: block;}
.cartlist_wrap .slt_option.on ul {display: block; position: absolute; top: 40px; left: 0; right: 0px; z-index: 10; background: #fff; border: 1px solid #ccc; border-radius: 0 0 6px 6px; border-top: 0; box-sizing: border-box; overflow: hidden;}

.slt_option .soldout {color:#888; background: #fff; }
.slt_option .soldout span {display: inline-flex; align-items: center; justify-content: center; height: 21px; margin-left: 12px; padding: 0 5px; color:#fff; background-color: #888; font-size: 14px; border-radius: 5px; font-weight: bold; line-height: 1em;}
.slt_option .soldout:before {content: none;}

.slt_option .already {color:#888; background: #fff; }
.slt_option .already span {font-size: 14px; margin-left: 12px;}

.buy_opt_box .slt_option {min-height: 47px; box-sizing:border-box; }
.buy_opt_box .slt_option .thistoption {height: 45px; font-size: 16px; border: none; border: 1px solid #222; border-radius: 6px;}
.buy_opt_box .slt_option li {height: 44px;}
.buy_opt_box .slt_option ul {max-height: 176px; overflow-y: auto; overscroll-behavior-y: contain;}
.buy_opt_box .slt_option+.bn_opt_info {margin-top: 13px;}


/* 카드 */
/* 앱카드 리스트 */
.appcard_list_wrap {display: flex; align-items: flex-start; justify-content: left; flex-wrap: nowrap; margin-top: 16px;
    overscroll-behavior-x: contain; overflow-x: auto; scroll-behavior: smooth;}
.appcard_list_wrap::-webkit-scrollbar{display:none;}
.appcard_list_wrap .appcard_list {display: flex; align-items: flex-start; justify-content: left; flex-wrap: nowrap; padding:0 16px; gap:16px; }
.appcard_list_wrap .appcard_list * {box-sizing: border-box;}
.appcard_list_wrap .appcard_list>li {position: relative; min-width:240px; height:160px; border-radius:8px; background-color: #fff; overflow: hidden;}
.appcard_list_wrap .appcard_list>li label {position: absolute; top:0; right:0; bottom:0; left:0; z-index: 5; font-size: 1px; color:transparent; text-indent: -100px; overflow: hidden;}
.appcard_list_wrap .appcard_list>li input[type="radio"] {position: absolute; top:10px; right:16px; z-index: 2; width:30px; height: 30px; 
    background-color: rgba(0,0,0,0.3); background-image: none; border-radius: 100%;}
.appcard_list_wrap .appcard_list>li input[type="radio"]:checked {background: rgba(0,0,0,0.3) url('/contents2015/img2015/order/icon_check.png') 50% 0 no-repeat;
    -webkit-background-size:15px; background-size:15px;}
.appcard_list_wrap .appcard_list>li .s_wrap {position: absolute; z-index: 10; bottom:16px; right:16px; left:16px;}
.appcard_list_wrap .appcard_list>li .s_wrap select {position: relative; display: block; height: 40px; background:#fff url('/contents2015/img2015/uiSelectBg_list_2.png') 100% 50% no-repeat;
    -webkit-background-size:39px ; background-size:39px;}
.appcard_list_wrap .appcard_list>li:not(.appcard_new) .s_wrap select {border:0}
.appcard_list_wrap .appcard_list>li .appcard_pay_month {margin-top: 8px;}
.appcard_list_wrap .appcard_list>li .info {padding: 16px 0 0 16px; color:#fff; line-height: 1em;}
.appcard_list_wrap .appcard_list>li .info dt {font-size: 16px; font-weight: bold; padding-bottom: 15px;}
.appcard_list_wrap .appcard_list>li .info dd {font-size: 12px; padding-bottom: 5px;}

.appcard_list_wrap .appcard_list .appcard_basic {background-color: #a1c1e2;}
.appcard_list_wrap .appcard_list .appcard_lotte {background-color: #806473;}
.appcard_list_wrap .appcard_list .appcard_shinhan {background-color: #011b6a;}
.appcard_list_wrap .appcard_list .appcard_samsung {background-color: #0c4da2;}
.appcard_list_wrap .appcard_list .appcard_bc {background-color: #f93245;}
.appcard_list_wrap .appcard_list .appcard_woori {background-color: #0067ac;}
.appcard_list_wrap .appcard_list .appcard_hyundai {background-color: #000000;}
.appcard_list_wrap .appcard_list .appcard_kb {background-color: #fcaf17;}
.appcard_list_wrap .appcard_list .appcard_kh {background-color: #0066b3;}
.appcard_list_wrap .appcard_list .appcard_hana {background-color: #00907f;}

.appcard_list_wrap .appcard_list>li img {position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 1;}

/* 신규카드 등록 */
.appcard_list_wrap .appcard_list .appcard_new {background-color: #fff;}
.appcard_list_wrap .appcard_list .appcard_new .name {display: inline-block; padding: 16px 0 0 16px; color:#222; line-height: 1em; font-size: 16px; font-weight: bold; padding-bottom: 15px;}
.appcard_list_wrap .appcard_list .appcard_new input[type="radio"] {border: 1px solid #adadad !important; background: #fff url('/contents2015/img2015/order/icon_check.png') 50% 50% no-repeat; -webkit-background-size:15px; background-size:15px;}
.appcard_list_wrap .appcard_list .appcard_new input[type="radio"]:checked { border: 1px solid #e72e34 !important; background-color: #fff; background-position: 50% 100%;}
.appcard_list_wrap .appcard_list .appcard_new label {border: 1px solid #adadad; border-radius:8px;}
.appcard_list_wrap .appcard_list .appcard_new input[type="radio"]:checked+label { border: 1px solid #e72e34;}

.fast_pay_wrap .appcard_list_wrap {margin: 0 -16px;}
/* .fast_pay_wrap .appcard_list_wrap .appcard_list {padding: 0;} */

.fast_pay_wrap .fast_card {border-bottom: 1px solid #ebebeb;}
.fast_pay_wrap .fast_card .add_info ,
.fast_pay_wrap .fast_total .add_info {margin: 4px 0;}
.fast_pay_wrap .fast_card .add_info .t_del.card:before {width: 16px; height: 11px;
    background: url(/contents2015/img2015/goods/new_page_img.png) no-repeat -50px -49px;
    background-size: 150px; }

.link_etc_payment {position: absolute; top:50%; transform: translateY(-50%); right: 0; height: 100%; display: flex; align-items: center; padding-right: 13px; line-height: 1; font-size: 14px; color:#222;}
.link_etc_payment:after {content: ''; position: absolute;  top:50%; transform: translateY(-50%); right: 0; width:6px; height: 10px;
    background: url(/contents2015/img2015/goods/link_etc_payment.png) no-repeat 0 50%;
    background-size: 6px;
}

/* 원클릭 라운드 checkbox */
.roundbar_check {position: relative; display: inline-block; width:50px; height: 26px; border-radius:13px; background-color: #cccccc; transition: all 0.5s ease; flex-shrink: 0;}
.roundbar_check.active {background-color: #e72e34;}
.roundbar_check input[type="checkbox"] {position: absolute; top:0; left:0; width:22px; height: 22px; margin: 2px; border-radius:100%; 
    background-color: #fff; background-image: none; transition: all 0.5s ease;}
.roundbar_check input[type="checkbox"]:checked {margin-left: 26px;}

.one_click_pay {display: flex; align-items: center; height: 54px;}
.one_click_pay label {padding-left: 8px; font-size: 15px; color: #222; line-height: 1.15em;}
.one_click_pay .noti {font-size: 13px; color:#888;}

.fast_total {padding-bottom: 15px;}
.fast_pay_wrap .fast_total .t_del {padding-right: 8px;}
.fast_total .blue_noti {padding: 0; line-height: 1.35em;}
.fast_total .fast_tt_money {display: flex; align-items: center; font-size: 14px; color: #e72e34;}
.fast_total .fast_tt_money em {font-size: 20px;}
.btn_rd_t {display:inline-block; height: 20px; padding: 3px 4px 0; border-radius: 3px; border: 1px solid #222; color:#222; line-height: 1em; font-size: 13px; text-align: center; box-sizing: border-box;}
.fast_address .btn_rd_t {margin-bottom: 2px;}

/* 빠른결제 팝업 - 신규고객 */
.popup_wrap .layerPop.laybangsong.ren.fast_new {width: 290px; overflow: hidden; top:50%; transform: translateY(-50%);}
.laybangsong.ren.fast_new .layerCont { padding: 8px 16px 16px; }
.laybangsong.ren.fast_new .layerCont dl {padding-top: 7px;}
.laybangsong.ren.fast_new .layerCont dl dt {height: 30px; font-size: 17px;display: flex; align-items: center; line-height: 1em;}
.laybangsong.ren.fast_new .layerCont dl dd .noti {font-size: 16px; color: #222;}
.laybangsong.ren.fast_new .layerCont dl dd .noti+.noti {margin-top: 10px;}

.laybangsong.ren.fast_new .opt_change_btn.right { display: flex; flex-direction: row-reverse; padding-top: 16px; gap: 12px; }
.laybangsong.ren.fast_new .opt_change_btn a { position: static; top: initial; right: initial; cursor: initial; text-indent: initial; background: initial; background-repeat: initial; background-size: initial; font-size: 15px; width: initial; height: 36px; padding: 0 26px; display: flex; align-items: center; justify-content: center; }
.laybangsong.ren.fast_new .opt_change_btn a.btn_sum { background-color: #e72e34; }
.laybangsong.ren.fast_new .opt_change_btn a.btn_wht {border: 1px solid #fff; padding: 0 20px;}
.laybangsong.ren.fast_new .opt_change_btn a strong {line-height: 1;}


/* 빠른결제 팝업 - 상세내역 */
.popup_wrap .layerPop.ren.fast_detail {width:270px; max-width: initial;}
.popup_wrap .layerPop.ren.fast_detail .tit_laypop {font-size: 17px; text-align: left; margin:0 16px;}
.popup_wrap .layerPop.ren.fast_detail .hal_ver>li {min-height: 24px; font-size: 15px;}
.popup_wrap .layerPop.fast_detail .hal_ver ul { margin:10px 0 5px; display: block; float: left; width: 100%; box-sizing: border-box; padding: 6px 8px; border-radius: 4px; overflow: hidden; background-color: #f7f7f7; clear: both;}
.popup_wrap .layerPop.fast_detail .hal_ver .dd {font-weight: bold; font-size: 14px;}
.popup_wrap .layerPop.fast_detail .hal_ver .dd strong {font-size: 16px;}
.popup_wrap .layerPop.fast_detail .hal_ver ul li {display: flex; justify-content: space-between; align-items: center; height: 23px; margin-top: 0; font-size: 14px; line-height: 1; }
.popup_wrap .layerPop.fast_detail .hal_ver ul li:after {content: none;}
.popup_wrap .layerPop.fast_detail .hal_ver ul li .dt {position: relative; padding-left: 10px;}
.popup_wrap .layerPop.fast_detail .hal_ver ul li .dt:before {content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); border-radius: 100%; width: 4px; height: 4px; background-color: #888;}
.popup_wrap .layerPop.fast_detail .hal_ver ul li .dd {font-weight: normal;}
.popup_wrap .layerPop.ren.fast_detail .app_buy {margin-top: 10px; padding: 11px 9px;}
.popup_wrap .layerPop.ren.fast_detail .app_buy .hal_ver li .dd {font-size: 14px;}
.popup_wrap .layerPop.ren.fast_detail .app_buy .hal_ver li .dd b {font-size: 20px;}
.popup_wrap .layerPop.ren.fast_detail .btn_lay_close,
.popup_wrap .layerPop.ren.fast_card_end .btn_lay_close { width: 22px; height: 22px; right: 16px; top: 11px; 
    background: url(/contents2015/img2015/goods/btn_close_01.jpg) no-repeat 50% 50%; background-size: 17px;}
/* 유표기간 만료 팝업 */
.popup_wrap .layerPop.ren.fast_card_end{ bottom: 0; margin: 0; width: 100%; left: 0; right: 0; max-width: initial; height: 201px; border-radius: 16px 16px 0 0; top: initial !important; }
/* .popup_wrap .layerPop.ren.fast_card_end .layer_cont {display: flex; flex-direction: column;} */
.popup_wrap .layerPop.ren.fast_card_end .noti {display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 16px; color:#222; padding: 27px 0 3px;}
.popup_wrap .layerPop.ren.fast_card_end .noti strong {font-size: 20px; padding-bottom: 10px; display: block;}
.popup_wrap .layerPop.ren.fast_card_end .btn_wrap {margin: 0; padding: 10px 16px;}
.popup_wrap .layerPop.ren.fast_card_end .btn_lay_close {top: 15px;}

/* 홈 - 구매하기 개선 */
.n_buynow.detail_option.ren {height: 392px; bottom:-392px; padding-bottom: 100px; background: transparent; border: none;}
.n_buynow.detail_option.ren .buy_opt_box { display: block; position: static; width: 100%; padding-top: 20px; transition:initial; transform: initial; z-index: 50; }
.n_buynow.detail_option.ren .buy_opt_box .pdbox {box-sizing: initial;}

.n_buynow .buy_opt_box .bn_goods {height: 64px; padding: 0 0 0 73px; margin-bottom: 12px;}
.n_buynow .buy_opt_box .bn_goods .bn_img {width: 64px; height: 64px; top: 0; border-radius: 6px; overflow: hidden; }
.n_buynow .buy_opt_box .bn_goods .bn_img:before {content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.03);}
.n_buynow .buy_opt_box .bn_goods .bn_name {position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 46px; height: initial; color: #222; font-size: 16px; text-overflow: ellipsis; line-height: 18px; margin-top: 0;}
.n_buynow .buy_opt_box .bn_goods .bn_name .tvlive {font-size: 16px;}
.link_gds {position: absolute; bottom:-1px; right:2px; font-size: 14px; color:#222; padding-right: 12px; font-weight: bold;}
.link_gds:after { display: inline-block; width: 6px; height: 6px; border: 1px solid #222; border-width: 0 1px 1px 0; vertical-align: 3px; content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(-45deg);}
.n_buynow.detail_option.ren .btn_cls_buynow:before ,
.n_buynow.detail_option.ren .btn_cls_buynow:after {content: none;}

.detail_option.ren.no_option .buy_opt_box {height: auto;}
.n_buynow.detail_option.ren.no_option {height: 295px; bottom: -295px;}
.n_buynow.detail_option.ren.no_option .bn_over {min-height: 250px;}
/* .n_buynow.detail_option.ren.no_option .onebtn {border: none; padding: 44px 16px 10px; } */
.n_buynow.detail_option.ren.no_option .bn_total.one {border: none; padding: 44px 16px 10px; }

.n_buynow.detail_option.ren .list_bn_opt {max-height: 112px;}
.n_buynow.detail_option.ren .bn_over {height: 348px; min-height: 348px; padding-top: 10px; margin-top: -10px;}
.n_buynow .buy_opt_box .bn_over.on .bn_opt_info {margin-top: 0;}
.n_buynow .buy_opt_box .bn_over.on .slt_option { top: 86px;}

.buy_opt_box .bn_over.on {height: auto; min-height: 255px;}
.buy_opt_box .bn_over.on .bn_goods {margin-bottom: 64px;}
.buy_opt_box .bn_over.on .slt_option { position: absolute; top: 0; left: 16px; right: 16px; z-index: 20;}
.buy_opt_box .bn_over .slt_option.on ul {display: block;}
.buy_opt_box .bn_over.on .bn_opt_info {margin-top: 60px;}

/* 주문/결제하기 : 팝업 결제진행 안내  */
.frmt_idpc.popLoading { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); z-index: 60; }
.frmt_idpc.popLoading .layer_popup_wrap.frmt_ld_pop { background-color: transparent; }
.frmt_idpc.popLoading .layer_popup_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 230px; height: 230px; background: #fff; }
.frmt_idpc.popLoading .pay_ing_box { text-align: center; font-family: NotoSansKr, sans-serif; }
.frmt_idpc.popLoading .frmt_ld_pop .frmt_new_ldimg { margin: calc(50% - 68px) auto 20px; width: 67px; height: 67px; background: #e72e34 url(/contents2015/img2015/order/frmt_new_ldimg.gif) no-repeat; background-size: 67px; border-radius: 67px; }
.frmt_idpc.popLoading .pay_ing_box p { font-size: 18px; color: #666; line-height: 24px; }
.frmt_idpc.popLoading .pay_ing_box p strong { margin-top: -5px; display: block; font-size: 15px; font-weight: bold; color: #000; line-height: 22px; }
.frmt_idpc.popLoading .frmt_ld_pop .pay_ing_box p strong { font-size: 16px; font-weight: 700; color: #fff; line-height: 1.4; }

/* 구매하기, 바로구매 수정 */
/* select  */
.buy_opt_box .slt_option {background-color: transparent;}
.bn_over .slt_option .thistoption:after {width: 15px; height: 15px; margin-top:-5px;}
.bn_over .slt_option.on .thistoption {border-bottom:none; border-radius: 6px 6px 0 0;}
.bn_over .slt_option.on .thistoption:after {margin-top: 5px;}
.bn_over .slt_option.on ul {position: relative; max-height: 326px; overflow-y: auto; border: 1px solid #222; border-top: none; border-radius: 0 0 6px 6px; background-color: #fff; overscroll-behavior-y:initial;}
.bn_over .slt_option.on ul:before {content: ''; position: absolute; top:0; left:0; right:0; width:100%; height: 1px; background: url('/contents2015/img2015/common/bg_gray_line.jpg') repeat-x 0 0; background-size: 1px;}

.buy_opt_box .slt_option+.slt_option {margin-top: 6px;}

.buy_opt_box .slt_option .thistoption {background-color: #fff;}

.detail_option.ren .buy_opt_box.h386 .slt_option,
.n_buynow.h468 .buy_opt_box .slt_option {position: relative; left:0; right:0;}
.detail_option.ren .buy_opt_box.h386 .list_bn_opt,
.n_buynow.h468 .buy_opt_box .list_bn_opt {max-height: initial; overflow: initial;}
.buy_opt_box.h386 .slt_option.on,
.n_buynow.h468 .buy_opt_box .slt_option.on {z-index: 21; overflow: hidden;}

.bn_over .slt_option.on,
.h386.yetli .bn_over .slt_option.on,
.h468.yetli .bn_over .slt_option.on {padding-bottom: 8px; background: none;}

.buy_opt_box .slt_option ul {max-height: initial; overflow: initial;}

.h386 .bn_over .slt_option.on,
.h468 .bn_over .slt_option.on {padding-bottom: 0; }

.n_buynow.h468 .buy_opt_box .bn_over.on .slt_option {top:0;}

.detail_option.ren .buy_opt_box.h386 {height: 386px !important;}
.detail_option.ren .buy_opt_box.h386 .slt_option.on+.slt_option {display: none;}
.detail_option.ren .buy_opt_box.h386.yetli .bn_over {height: auto; max-height: initial; min-height: 342px;}
.detail_option.ren .buy_opt_box.h386.yetli .slt_option.on {position: absolute; top: 0; left: 16px; right: 16px;}
.detail_option.ren .buy_opt_box.h386.yetli .slt_option.on:nth-child(1) {top:0; z-index: 22;}
.detail_option.ren .buy_opt_box.h386.yetli .slt_option.on:nth-child(2),
.detail_option.ren .buy_opt_box.h386.yetli .slt_option.on+.slt_option {top:47px; display: block;}
.buy_opt_box.h386.yetli .bn_over.on .bn_opt_info {margin-top: 60px;}

.buy_opt_box.h386 .bn_over.on {height: 342px; padding-bottom: 100px; box-sizing: border-box; max-height: initial; min-height: initial;}
.buy_opt_box.h386 .bn_over.on .bn_opt_info,
.n_buynow.h468 .buy_opt_box .bn_over.on .bn_opt_info {margin-top: 13px;}

.n_buynow.detail_option.h468 {height: 468px; }
.n_buynow.h468 .buy_opt_box .bn_over {height: 324px; /*padding-top: 10px; margin-top: -10px;*/ max-height: initial; min-height: initial;}
.n_buynow.h468 .buy_opt_box .bn_over.on {/*height: 428px;*/ height: 434px; padding-bottom: 100px; box-sizing: border-box; max-height: initial; min-height: initial;}
.n_buynow.h468 .buy_opt_box .bn_over.on .bn_goods {margin-bottom: 12px;}
.n_buynow.detail_option.ren.h468 .buy_opt_box .pdbox {height: 324px;}

/* 홈 등 구매하기 셀렉트 2개일경우 & 목록 없을 경우 */
.n_buynow.h468 .slt_option.on+.slt_option {display: none;}
/* .n_buynow.h468.yetli .bn_over {height: auto; max-height: initial; min-height: 342px;} */
.n_buynow.h468.yetli .slt_option.on {position: absolute; top: 0; left: 16px; right: 16px;}
.n_buynow.h468.yetli .slt_option.on:nth-child(1) {top:0; z-index: 22;}
.n_buynow.h468.yetli .slt_option.on:nth-child(2) {top:86px; display: block;}
.n_buynow.h468.yetli .slt_option.on+.slt_option {top:53px; display: block;}
.n_buynow.h468.yetli .bn_over.on .bn_opt_info {margin-top: 66px;}
.n_buynow.h468.yetli .bn_over.on .slt_option+.slt_option.on {top:133px}

/* select 클릭시 글자흔들림 방지 */
.buy_opt_box .slt_option .thistoption {line-height: 1em; padding-top: 14px; align-items: initial;}


.btn_wrap.df>div .btn_gray {background-color: #adadad;    display: flex; align-items: center; justify-content: center; flex-direction: column;  overflow: hidden; height: 45px; color: #fff; font-size: 15px; font-weight: normal; line-height: 1em; letter-spacing: -1px; box-sizing: border-box; border: none;}
.btn_wrap.df>div .btn_gray span {font-size: 13px;}

/* web 구매시 팝업 */
.popup_wrap .layerPop.ren.fast_new.directbuy {width:248px;}
.popup_wrap .layerPop.ren.fast_new.directbuy .opt_change_btn.right {padding-top: 4px;}
.popup_wrap .layerPop.ren.fast_new.directbuy .opt_change_btn a {padding: 0 18px;}
.popup_wrap .layerPop.ren.fast_new.directbuy .opt_change_btn a.btn_wht {border: 1px solid #ebebeb;}

/* 토스트팝업 */
.layerPop.toast {position: fixed; bottom:84px; left:50%; transform: translateX(-50%); width:290px; height: 70px; 
    background-color: rgba(0,0,0,0.8); color:#fff; 
    border-radius: 35px;
    z-index: 55;
}
.layerPop.toast .layer_cont {display: flex; align-items: center;  width:100%; height: 100%; padding-left: 64px;
    box-sizing: border-box;
    background: url(/contents2015/img2015/bg_toast.png;) no-repeat 12px 50%;
    background-size: 36px;
    font-size:16px;
}
.layerPop.toast.no_plus .layer_cont {background: none; padding-left: 0; text-align: center; justify-content: center;}
.layerPop.toast.txt {width:auto; height: 50px;}
.layerPop.toast.txt .layer_cont {background: none; padding-left: 0; text-align: center; justify-content: center; white-space: nowrap; padding: 0 20px; }

/* 장바구니 옵션창 scroll */
.cartlist_wrap .slt_option ul.height330 {max-height: 330px; overflow-y: auto;}

/* 구매하기팝업 : 상품명 디자인변경 및 쿠폰받기 추가 */
.n_buynow.ren .bn_goods {display: flex; align-items: center;}
.n_buynow.ren .bn_goods .goods_dirinfo {flex:1; display: flex; align-items: center;}
.n_buynow.ren .bn_goods .goods_dirinfo .bn_name {flex:1;}

/* 쿠폰받기 */
.bn_goods .bn_godtl.ren {position: relative; top:initial; left:initial; width:86px; height: 34px; margin-left: 16px; padding: 9px 8px 0 0; border-radius: 5px; border: 1px solid #adadad; font-size: 14px; color:#222; box-sizing: border-box; text-align: right; line-height: 1em; background-color: #fff;}
.bn_goods .bn_godtl.ren:before {position: absolute; left:7px; top:50%; transform: translateY(-50%); width:19px; height:19px; background:url('/contents2015/img2015/common/icon_direct_buy_coupon.png') 50% 50% no-repeat; -webkit-background-size:19px ; background-size:19px;}

.bn_goods .bn_godtl.ren .cinfo {position: absolute; top:-23px; right:0; display: flex; align-items: center;  height: 20px; padding: 0 5px; border-radius: 4px; border: 1px solid #e72e34; font-size: 12px; font-weight: bold; color:#e72e34; box-sizing: border-box; white-space: nowrap; background-color: #fff; line-height: 1em;}
.bn_goods .bn_godtl.ren .cinfo:before { content: ''; background-color: #fff; border-radius: 2px; position: absolute; bottom: -3px; left:50%; 
    width: 4px; height: 4px; transform: translateX(-50%) rotate(45deg); border: 1px solid #e72e34; border-top-color: #fff; border-left-color: #fff; } 

    .bn_goods .bn_godtl.ren .cinfo .txt {position: relative; z-index: 2;}

/* 분리배송 문구 */
.delivery_divide {position: relative; padding-bottom:15px; font-size: 14px; color:#222; }

.frmt_info .delivery_divide {margin-top: 4px;}
.opt_etc .delivery_divide {margin-top: 5px; font-size: 13px;}

.frmt_order_item .delivery_divide {display: block; margin-top: 5px; color:#888; padding-bottom: 0;}
.bot_col_box .delivery_divide {color:#222; font-size: 13px;}

/* vip-popup */
.v_pop { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width:300px; padding:0 10px 20px;
    margin: 0 auto; z-index: 60; overflow: hidden; border-radius: 6px; background: #fff; text-align: center;}
.v_pop .pop_title {height: 44px; line-height: 44px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #ebebeb; color:#222;}

.v_pop .txt {padding: 20px 0 15px; line-height: 1.25em; font-size: 14px; color:#222;}

.v_pop .btn_w {display: flex; justify-content: center; align-items: center;}
.v_pop .btn_w a {display: flex; align-items: center; justify-content: center; width:160px; height: 32px; font-size: 14px;border-radius: 6px; line-height: 32px;}
.v_pop .btn_w a.btn_red {background: #e72e34; color:#fff; border: 1px solid #e72e34;}
.v_pop .btn_w a.btn_white {background: #fff; color:#222; border: 1px solid #ccc; }

.v_pop .btn_pop_close {z-index: 10; position: absolute; top: 14px; right: 16px; width: 16px; height: 16px; text-indent: -999px; overflow: hidden; background: url('/contents2015/img2015/vip/icon_pop_close.png') no-repeat 50% 50%; background-size: 16px;
}

.v_pop.not_vip  {width: 250px;}
.v_pop.before_login .txt {padding: 20px 0 15px; }
.v_pop.login_after .txt {padding:13px 0 8px; line-height:1.7em; font-size: 16px; }
.v_pop.login_after .w_level_t {font-weight: normal;}

.btn_zzim_g_more.round {margin: 9px 16px 24px; border: 1px solid #ccc; border-radius: 6px;}

/* 선물하기 */
.wrap_tvsch.st2 .list_tvgoods > li > .ngds_bsbn.mod {display: flex; gap: 12px;}
.wrap_tvsch.st2 .list_tvgoods > li .list_withonair > li .ngds_bsbn.mod {display: flex; gap:8px;}

.gift.icon {width: 36px; flex-grow: 0; flex-shrink: 0; overflow: hidden;}
.gift.icon img {display: inline-block; width: 20px; height: 20px; margin-top: -3px;}

.n_buynow.detail_option.ren.gift .buy_opt_box .pdbox {height: 196px; padding-top: 76px;}
.n_buynow.detail_option.ren.gift .bn_over {height: 296px; min-height: initial; max-height: initial;}

.n_buynow.detail_option.ren.h468.gift .buy_opt_box .pdbox {height: 272px;}
.n_buynow.detail_option.ren.h468.gift .buy_opt_box .bn_over {height: 272px;}
.n_buynow.detail_option.ren.h468.gift .buy_opt_box .bn_over.on {height: 382px;}

/* 선물하기 no_option */
.n_buynow.detail_option.ren.no_option.gift {height: 350px;}