@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

.hide { overflow: hidden; width: 0; height: 0; font-size: 0; clip: clip(-1px, -1px, -1px, -1px); position: absolute; left: -9999px; }
.img { display: block; }
ul[class*="col"]:after { content: ''; display: block; clear: both; }
ul[class*="col"] li { float: left; }
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; letter-spacing: -1px; }
a { color: #060606; text-decoration: none; }
a:focus { outline: none; }
img { vertical-align: top; max-width: 100%; }
html { font-size: 62.5%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {font-size:10px;}
body, body * { font-family: 'Noto Sans KR', 'Roboto', Dotum, Gulim, Sans-serif; line-height: 1.3; letter-spacing: -1px; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
button, button[type='button'], button[type='submit'] { -webkit-appearance: none; appearance: none; -ms-appearance: none; -moz-appearance: none; border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; cursor: pointer; box-shadow: none; outline: none; }
button:focus, button[type='button']:focus, button[type='submit']:focus { outline: none; }
input[type="text"], input[type="checkbox"], input[type="tel"], input[type="number"], textarea { font-family: 'Noto Sans KR', 'Roboto', Dotum, Gulim, Sans-serif; background: transparent; box-shadow: none; width: auto; height: auto; border: none; margin: 0; padding: 0; border-radius: 0; appearance: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; }
z input[type="text"]::-ms-clear, z input[type="checkbox"]::-ms-clear, z input[type="tel"]::-ms-clear, z input[type="number"]::-ms-clear, z textarea::-ms-clear { width: 0; height: 0; display: none; }
input[type="text"]:focus, input[type="checkbox"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { background: #fff; }
input[type="text"]:focus::-ms-clear, input[type="checkbox"]:focus::-ms-clear, input[type="tel"]:focus::-ms-clear, input[type="number"]:focus::-ms-clear, textarea:focus::-ms-clear { width: 0; height: 0; display: none; }
input[type="tel"] { letter-spacing: 0; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; }
input[type="number"]::-webkit-outer-spin-button:focus, input[type="number"]::-webkit-inner-spin-button:focus { background: #fff; }
select { text-transform: none; appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; padding: 0; background: transparent; border-radius: 0; border: 0; border-radius: 0; outline: none; }
select::-ms-expand { display: none; }
input, textarea { overflow: hidden; margin: 0; padding: 0; border: 0; outline: none; box-shadow: none; resize: none; background: none; border-radius: 0; }
pre { word-wrap: break-word; white-space: pre-line; }
/* 팝업 */
.ly_pop { display: none; width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 900; }
.ly_pop:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(9, 0, 19, 0.6); }
.ly_pop .content { width: 360px; position: absolute; left: 50%; top: 50%; transform: translate(-50.4%, -50.4%); -webkit-transform: translate(-50.4%, -50.4%); -ms-transform: translate(-50.4%, -50.4%); -moz-transform: translate(-50.4%, -50.4%); }
.ly_pop .content .desc { background-color: #fff; position: relative; }
.ly_pop .content .desc .pop_close { width: 18px; height: 18px; position: absolute; right: 10px; top: 10px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; background-image: url("../images/icon_popclose_in.png"); z-index: 2; }
.ly_pop .content .ip_btn { height: 50px; }
/* 보안문자팝업 */
.ly_security .content h4 { padding: 18px 0 14px; font-weight: 400; font-size: 16px; color: #000; text-align: center; }
.ly_security .ip_wrap { padding: 26px 23px; background-color: #f7f7f7; border-top: 1px solid #e5e5e5; }
.ly_security .ip_form input { border-color: #cdcdcd; }
.ly_security .ip_form input:focus { border-color: #e83b57; }
.ly_security .captcha { border-color: #cdcdcd; }
/* 알림팝업 */
.noti_pop .desc { padding: 24px 20px 18px; text-align: center; }
.noti_pop .desc h2 { font-weight: 500; font-size: 17px; color: #e91d46; }
.noti_pop .desc > strong { display: block; margin: 1px 0 0; font-weight: 400; font-size: 14px; color: #777; }
.noti_pop .desc .noti_desc { margin-top: 13px; padding: 14px; border: 1px solid #e5e5e5; background-color: #fafafa; }
.noti_pop .desc .noti_desc > *:first-child + * { display: block; margin-top: 4px; }
.noti_pop .desc .noti_desc strong { color: #000; font-weight: 400; font-size: 14px; }
.noti_pop .desc .noti_desc p { font-weight: 300; font-size: 12px; line-height: 1.3; color: #777; white-space: pre-line; }
.noti_pop .desc .noti_desc p .fs_b{font-weight:800;color:#333;}
/* 공통 */
html, body { height: 100%; background-color: #f6f8fa; }
#wrap { padding-top: 38px; }
#ct {position:relative; width: 910px; margin: 0 auto; border: 1px solid #ddd; }
/* header */
header { background-color: #fff; }
.head_wrap { padding: 10px 20px 10px 30px; }
.head_wrap:after { content: ''; display: block; clear: both; }
.head_wrap h1 { float: left; font-weight:600; font-size: 14px; }
.head_wrap .detail { float: right; margin-top: 1px; font-size: 13px; color: #888; }
.head_wrap .detail:after { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin: -2px 0 0 8px; border-right: 1px solid #888; border-bottom: 1px solid #888; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
.head_wrap .fc_red { color: #da3737;font-weight:600;}
/* content */
.float_wrap {background-color:#fff;}
.float_wrap:after { content: ''; display: block; clear: both; }
.float_wrap > section { float: left; width: calc(100% - 340px); }
.float_wrap > section:first-child { width: 340px; }
.float_wrap > section h3 { padding: 10px 28px; color: #fff; background-color: #413f3f; font-weight: 500; font-size: 16px; }
.float_wrap > section h3 i { display: inline-block; vertical-align:2px; margin-right: 8px; font-size: 12px; }
.type02 .form_sec {border-left: 1px solid #ddd;min-height:694px;}
/* 버튼 공통 */
button.ip_btn, a.ip_btn { width: 100%; }
.ip_btn { display: inline-block; position: relative; border: 1px solid transparent; font-size: 13px; vertical-align: middle; text-align: center; }
.ip_btn.red { color: #fff; border-color: #c83f55; background-color: #e83b57; }
.ip_btn.cancel { color: #959595; border-color: #ccc; background-color: #fff; }
.ip_btn.underline { color: #444; text-decoration: underline; }
/* 폼영역 */
.desc_wrap { position: relative;padding: 35px 28px 0;background:#ffffff;}
.desc_wrap > small { display: block; margin-bottom: 12px; font-weight: 300; font-size: 13px; color: #666; }
.desc_wrap .step_wrap + .submit_form { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 103px 38px; }
/* 하단버튼 */
.submit_form { text-align: center; }
.submit_form ul li { overflow: hidden; width: 105px; border-radius: 3px; }
.submit_form ul li + li { width: calc(100% - 105px); padding-left: 4px; }
.submit_form a { line-height: 49px; }
.submit_form > small { display: block; margin-top: 16px; color: #e15168; font-size: 13px; line-height:1.4; }
.submit_form > small strong { font-weight: 500; }
/* step 영역 */
.step_wrap { background-color: #fff; }
.step_sec { margin-top: 1px; }
.step_sec:first-child { margin-top: 0; }
.step_sec.now .step_desc { display: block;background:#fbfbfb;}
.step_sec.now .step_tit button { background-color: #e83b57; color: #fff; }
.step_sec.now .step_tit button:after { display: block; }
.step_sec.step1 .step_desc, .step_sec.step2 .step_desc { padding-top: 50px; padding-bottom: 40px; }
.step_sec.step3 .step_desc { padding-top: 70px; padding-bottom: 63px; }
.step_sec.step4 .step_desc { padding: 30px 102px 42px; }
.step_sec .step_desc { display: none; padding-left: 50px; padding-right: 50px; }
.step_sec .step_desc .check_block
.step_sec .step_desc .check_block { margin-top: 10px;}
.step_tit { display: block; width: 100%; position: relative; }
.step_tit > button { display: block; width: 100%; height: 100%; padding: 12px 20px; text-align: left; font-size: 14px; background-color: #e7e7e7; color: #999; }
.step_tit > button i { margin-right: 10px; font-weight: 700; font-family: 'Roboto'; }
.step_tit > button:after { content: ''; display: none; width: 24px; height: 12px; position: absolute; left: 20px; bottom: -9px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; background-image: url("../images/step_tit_tail_red.png"); }
/* checkbox */
.check_block li { margin-top: 3px; }
.check_form:after { content: ''; display: block; clear: both; }
.check_form:not(.txtlink) .check_txt { float: right; padding: 5px 0; color: #999; font-size: 12px; border-bottom: 1px solid #999; }
.check_form label { float: left; padding: 4px 28px; color: #666; font-weight: 300; font-size: 14px; background: url("../images/step_check.png") no-repeat left 50%; }
.check_form input:checked + label { color: #e83b57; background-image: url("../images/step_checked.png"); }
.check_form.all label { padding: 10px 30px; font-weight: 500; font-size: 18px; color: #b5b5b5; background: url("../images/step_check_all.png") no-repeat left 50%; }
.check_form.all input:checked + label { color: #e83b57; background-image: url("../images/step_checked_all.png"); }
.check_form.txtlink { margin-top: 14px; font-size: 0; }
.check_form.txtlink label, .check_form.txtlink .check_txt { display: inline-block; vertical-align: middle; }
.check_form.txtlink label { width: 21px; height: 21px; padding: 0; background: url("../images/step_check_all.png") no-repeat left 50%; }
.check_form.txtlink input:checked + label { background-image: url("../images/step_checked_all.png"); }
.check_form.txtlink input:checked + label + .check_txt { color: #e83b57; }
.check_form.txtlink .check_txt { margin-left: 8px; font-weight: 400; font-size: 14px; color: #b5b5b5; }
.check_form.line { padding: 0 15px; border: 2px solid #ddd; }
.check_form.line.focus_line { border-color: #e83b57; }
/* input */
.ip_wrap { position: relative; }
.ip_wrap + .ip_wrap { margin-top: 10px; }
.ip_wrap.agency .ip_col { width: 100%; }
.ip_wrap.agency .ip_col button { position: relative; }
.ip_wrap.agency .ip_col.col3:not(.radio) button { width: 33.3%; border: 1px solid #b8b8b8; font-size: 0; }
.ip_wrap.agency .ip_col.col3:not(.radio) button:nth-child(2) { width: 33.4%; border-left: 0; border-right: 0; }
.ip_wrap.agency .ip_col:not(.radio) em { display: none; }
.ip_wrap.agency .ip_col.logo.blk button:after { border-color: #111; }
.ip_wrap.agency .ip_col.logo.red button:after { border-color: #e83b57; }
.ip_wrap.agency .ip_col.logo i { font-size: 0; }
.ip_wrap.agency .ip_col.logo button { height: 46px; padding: 3px 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; }
.ip_wrap.agency .ip_col.logo button:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -1px; top: -1px; border: 1px solid transparent; opacity: 0;z-index:1;}
.ip_wrap.agency .ip_col.logo button.skt { background-image: url("../images/img_sk_off.png"); }
.ip_wrap.agency .ip_col.logo button.kt { background-image: url("../images/img_kt_off.png"); }
.ip_wrap.agency .ip_col.logo button.lgu { background-image: url("../images/img_lg_off.png"); }
.ip_wrap.agency .ip_col.logo button.on.skt { background-image: url("../images/img_sk_on.png"); }
.ip_wrap.agency .ip_col.logo button.on.kt { background-image: url("../images/img_kt_on.png"); }
.ip_wrap.agency .ip_col.logo button.on.lgu { background-image: url("../images/img_lg_on.png"); }
.ip_wrap.agency .ip_col.logo button.on:after { opacity: 1; }
.ip_wrap.security { font-size: 0; }
.ip_wrap.security:after { content: ''; display: block; clear: both; }
.ip_wrap.security > * { display: inline-block; vertical-align: bottom; }
.ip_wrap.security .col_btn { width: calc(100% - 140px); padding-left: 10px; }
.ip_wrap.security .col_btn label { display: block; margin-bottom: 3px; font-size: 14px; color: #555; }
.ip_wrap.security .captcha { width: 140px; padding-bottom: 6px; position: relative; background-color: #fff; border: 1px solid #cdcdcd; }
.ip_wrap.security .captcha .refresh { width: 19px; height: 19px; position: absolute; right: 5px; bottom: 5px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; background-image: url("../images/icon_refresh.png"); }
.col_btn, .ip_col { display: inline-block; vertical-align: middle; }
.col_btn { width: 100%; font-size: 0; }
.col_btn.without_btn > .ip_col { width: 100%; }
.col_btn > .ip_col.col1 { width: calc(100% - 90px); }
.col_btn > .ip_col.col1 .ip_form:not(.slct) { width: 100%; }
.col_btn > .ip_col.slct_in .slct + .ip_form input { padding-left: 100px;font-weight:700;font-size:16px;}
.col_btn > .ip_col.slct_in .slct + .ip_form input + label { left: 100px; }
.col_btn > .ip_btn { width: 90px; line-height: 46px; font-size: 14px; }
.ip_col { position: relative; font-size: 0; }
.ip_form { display: inline-block; vertical-align: middle; position: relative; }
.ip_form input, .ip_form select { display: block; width: 100%; height: 100%; font-size: 16px; }
.ip_form input { padding: 10px 15px; border: 1px solid #b8b8b8; color: #000; background-color: #fff; }
.ip_form input:focus + label, .ip_form input:valid + label { display: none; }
.ip_form input:focus { border-color: #c83f55; background-color: #ffffe0; }
.ip_form input + label, .ip_form .time { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); font-size: 13px; }
.ip_form input + label { left: 12.5px; color: #b4b4b4; }
.ip_form .time { right: 20px; color: #e15168; }
.ip_form select { font-weight: 700; }
.ip_form.slct { position: absolute; left: 0; top: 0; z-index: 2; }
.ip_form.slct select { padding: 13px 25px; }
.ip_form.slct:after { content: ''; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; right: 0; top: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; background-image: url("../images/slct_arrow.png"); }
/* 가입완료 */
.end_wrap { text-align: center; }
.end_wrap > * { display: block; }
.end_wrap h4 { font-weight: 400; font-size: 22px; color: #000; letter-spacing: -1.5px; }
.end_wrap h4 strong { font-weight: 700; color: #e15168; letter-spacing: -1.5px; }
.end_wrap > span { margin: 13px 0; color: #7b7b7b; font-size: 14px; }
.end_wrap p { padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 300; font-size: 12px; color: #999; }
/* footer */
.global_footer article { width: 910px; margin: 0 auto; padding: 20px 0; }
.global_footer article .list li { padding-left: 7px; font-weight: 300; font-size: 13px; color: #777; }
.global_footer article .list li:before { content: '-'; left: 0; top: -2px; }
.global_footer article .list li strong { font-weight: 500; }
.global_footer article .btn_info { display: inline-block; margin-top: 8px; padding-left: 8px; font-size: 14px; color: #999; }
.global_footer article .btn_info:after { border-color: #999; }
/* gdn v3 */
.type02 .desc_wrap .step_wrap + .submit_form {padding: 0 78px 38px; }
.banner_wrap {padding:0 26px;background:#ffffff;}
.banner_wrap * {line-height:1;letter-spacing:-0.75px;}
.banner_wrap .con01 {padding:40px 0 36px 0;text-align:center;}
.float_wrap.type03 .banner_wrap .con01.smartbill{padding:0px 0 0px 0;}
.banner_wrap .con01 .tit {display:block;font-size:24px;color:#111111;font-weight:700;}
.banner_wrap .con01 .btn_coupon {display:inline-block;margin:22px auto 20px}
.banner_wrap .con01 .txt {font-size:20px;color:#111111;font-weight:500;}
.banner_wrap .con01 .txt span {display:block;margin-top:3px;font-weight:700;color:#e15168;}
.banner_wrap .con01 .txt  em {font-style:italic;}
.banner_wrap .con02 {padding:37px 0 94px 0;}
.banner_wrap .con02 {border-top:1px solid #d2d2d2}
.banner_wrap .con02 > .tit {display:block;font-size:24px;color:#111111;font-weight:700;}
.banner_wrap .con02 .info_txt_wrap {padding:20px 0 28px 88px;background: url("../images/icon_coupon.png") left 20px no-repeat}
.banner_wrap .con02 .info_txt_wrap .tit {font-size:17px;line-height:20px;font-weight:500;color:#e15168;}
.banner_wrap .con02 .info_txt_wrap .list {margin-top:7px;}
.banner_wrap .con02 .info_txt_wrap .list li {font-size:14px;font-weight:300;color:#7b7b7b;letter-spacing:-1px;}
.banner_wrap .con02 .info_txt_wrap .list li ~ li {margin-top:5px;}
.banner_wrap .con02 .info_txt_wrap .list .point {color:#f2405c;}
.banner_wrap .col_btn > .ip_col.col1 {width: calc(100% - 48px);}
.banner_wrap .ip_form input {padding: 11px 15px;border: 2px solid #222222;color: #000;background-color: #fff;}
.banner_wrap .col_btn > .ip_btn {width:48px;height:50px;background:#222222  url("../images/btn_srch.png") center no-repeat;font-size:0;}
.type02 .desc_wrap {height:auto !important;}
.type02 .desc_wrap .step_wrap + .submit_form {padding-bottom:0}
.type02 .step_sec.step1 .step_desc {padding-top:30px;padding-bottom:22px;}
.type02 .check_form.txtlink {margin-top:20px;}
.type02 .check_form.txtlink .check_txt {font-size:18px;font-weight:500;line-height:1;}
.type02 .ip_wrap.agency .ip_col button,
.ly_pop .ip_wrap.agency .ip_col button {background-color:#ffffff;background-size: auto 36px !important;}
.type02 .desc_wrap .step2 .col_btn > .ip_col.col1 {width: calc(100% - 57px);}
.type02 .step2 .col_btn > .ip_btn {width:57px;text-align:right;}
.type02 .step_sec.step2 .step_desc {padding-top:70px;padding-bottom:60px;}
.type02 .form_sec {background:#ffffff;}
.type02 .desc_wrap .step_wrap + .submit_form {position:static;margin:28px 0px;}
.type02 .step_sec.step3 .step_desc {padding-top:43px;padding-bottom:40px;}
.type02 .end_wrap > span {margin:3px 0 30px 0}
.type02 .end_wrap h5 {font-size:17px;color:#2f2f2f;}
.type02 .end_wrap h5 strong{color:#e83b57;}
.type02 .end_wrap .txt02 {font-size:13px;color:#9b9b9b;font-weight:300;margin:2px auto 12px}
.type02 .end_wrap p {display:inline-block;width:306px;margin:34px auto 0}
.type02 .step_wrap.last + .submit_form {display:none;}
.ly_pop.ly_agency .content {width:467px;height:344px;margin:-172px 0 0 -233.5px;transform:translate(0) !important}
.ly_agency .con {padding:25px;}
.ly_agency .tit_wrap {padding-left:27px;height:48px;background:#e83b57;}
.ly_agency .tit_wrap h4 {padding-left:20px;color:#ffffff;font-size:20px;font-weight:500;line-height:48px;background:url("../images/icon_coupon02.png") left center no-repeat;}
.ly_agency .content .desc .pop_close {background-image: url(../images/btn_pop.png);}
.ly_agency .content .info_txt {display:block;font-size:13px;color:#666666;font-weight:300;margin-bottom:6px}
.ly_agency .content .ip_btn {height:46px;}
.check_wrap {padding:0 30px;}
/* 종목검색 */
/* gdn v3 search */
#search_wrap {height:600px;position: relative;}
#search_ct {position:relative}
#search_wrap header{position:relative;height:3.8rem;padding:1.05rem 1.3rem}
#search_wrap header h1{position:absolute;left:0;right:0;top:0;bottom:0;line-height:3.8rem;text-align:center;font-size:1.5rem;color:#343233}
#search_wrap header .ico_close{padding:0.5rem;position:absolute;right:1rem;top:50%;margin-top:-1.2rem;}
#search_wrap header .ico_close:before{content:'';display:block;width:1.4rem;height:1.4rem;background:url(../images/close_img.png) no-repeat 50% 50%;background-size:100% 100%}

/* 옥션 */
.float_wrap.type02 .banner_wrap .con01 {padding:39px 0 38px 0;}
.float_wrap.type02 .banner_wrap .con01 .btn_wrap img {margin-left:17px;}
.float_wrap.type02 .banner_wrap .con01 .btn_coupon {margin:0 auto;margin-top:-3px}
.float_wrap.type02 .type02 .end_wrap .txt02 {margin:2px auto 6px}
.float_wrap.type03 .banner_wrap .con01 .tit {font-size:28px}
.float_wrap.type03 .banner_wrap .con01 .tit span {color:#d52d2d}
.float_wrap.type03 .banner_wrap .con01 .sub_txt {display:block;margin-top:5px;font-size:14px;color:#838383;font-weight:300;}
.float_wrap.type03 .banner_wrap .con01 {padding:39px 0 40px 0}
.float_wrap.type03 .banner_wrap .con01 > div img {margin-top:14px}
.float_wrap.type03 .banner_wrap .con01 .btn_coupon {margin:0 auto;}
.float_wrap.type03 .type02 .end_wrap .txt02 {margin:2px auto 6px}
/* 곰TV */
.float_wrap.type06 .banner_wrap .con01 {padding:33px 0 22px 0}
.float_wrap.type06 .banner_wrap .con01 .btn_coupon {margin:8px auto 0}
.float_wrap.type06 .type02 .end_wrap .txt02 {margin:2px auto 6px}
/* 인터파크 도서 */
.float_wrap.type07 .banner_wrap .con01 {padding:33px 0 25px 0}
.float_wrap.type07 .banner_wrap .con01 .btn_coupon {margin:12px auto 0}
.float_wrap.type07 .type02 .end_wrap .txt02 {margin:2px auto 6px}
.float_wrap.type07 .end_wrap .txt02 {margin-bottom:20px}
.float_wrap.type07 .end_wrap p {margin-top:17px !important}
/* 스마트빌 */
.float_wrap.type08 .banner_wrap .con01 {padding:30px 0 19px 0}
.float_wrap.type08 .banner_wrap .con01 .btn_coupon {margin:8px auto 0}
.float_wrap.type08 .type02 .end_wrap .txt02 {margin:2px auto 6px}
.float_wrap.type08 .end_wrap .txt02 {margin-bottom:12px}
.float_wrap.type08 .end_wrap p {margin-top:20px !important}
/* 기본 스타일 변경 */
.float_wrap.default {position:relative;background-color:#fff;}
.float_wrap.default:before {content:'';position:absolute;top:0;left:340px;bottom:0;width:1px;background-color:#ddd;z-index:1;}
.float_wrap.default .banner_wrap {padding:0;}
.float_wrap.default .banner_wrap .con01 {padding:0;}
.float_wrap.default .banner_wrap .con02 {padding:37px 0 94px;margin:0 26px}
.float_wrap.default .form_sec {height:auto;}
.float_wrap.default > section:first-child {box-sizing:border-box;border-right:0;}
.float_wrap.default .desc_wrap {padding:35px 28px 30px;}
.banner_wrap .con01 .btn_coupon {margin:0 auto}
.banner_wrap .con01 .btn_coupon.type02 {margin:20px auto 23px}

/*가입완료배너*/
/* banner swiper */
.banner_swiper_wrap {overflow:hidden;}
.bannerSwiper {position:relative;}
.bannerSwiper .swiper-wrapper {font-size:0;text-align:center;white-space:nowrap;}
.bannerSwiper .swiper-slide {display:inline-block;vertical-align:top;min-height:62px;}
.bannerSwiper .swiper-slide a {display:block;width:100%;height:100%;}
.bannerSwiper .swiper-slide .inner_wrap {width:100%;font-size:20px;}
.bannerSwiper .swiper-counter {position:absolute;bottom:10px;right:15px;width:40px;height:18px;border-radius:9px;color:#fff;background-color:rgba(25,25,25,.5);text-align:center;color:#fff;font-size:12px;font-family: "noto sans KR", sans-serif;}
.bannerSwiper .swiper-counter * {line-height:18px;color:#fff;font-size:12px;font-family: "noto sans KR", sans-serif;}
.bannerSwiper .swiper-counter {display:none;}
.bannerSwiper.swiper-container-initialized .swiper-counter {display:block !important;}

.banner_swiper_wrap.pc_left_wrap{position:absolute; top:40px; left:-210px; max-width: 200px;}

.banner_swiper_wrap.pc_right_wrap{position:absolute; top:40px; right:-120px; max-width: 110px;}
.banner_swiper_wrap.pc_bottom{max-width: 910px; margin:1rem auto }
.banner_swiper_wrap.pc_bottom .swiper-slide{width:910px  !important}
.banner_swiper_wrap.pc_bottom .swiper-slide .inner_wrap img{ width:910px;}

.pc_left_banner {max-width:200px; max-height:320px;position: absolute; left: -210px; top: 317px;}
.pc_left_banner.ver2 {max-width:200px; max-height:320px;position: absolute;   left: -210px; top: 40px;}
.pc_left_banner.ver3 {max-width:200px; max-height:320px;position: absolute; top:39px;}
.pc_left_banner a{display:block;}
.pc_left_banner a img{width:100%;}

.pc_right_banner {max-width: 110px; max-height: 250px; position: absolute; right: -120px; top: 317px;}
.pc_right_banner.ver2 {max-width:200px; max-height:320px;position: absolute; right: -120px; top: 40px; }
.pc_right_banner.ver3 {max-width:200px; max-height:320px;position: absolute;  top:40px;}
.pc_right_banner a{display:block;}
.pc_right_banner a img{width:100%;}

.pc_bottom_banner {max-height: 85px; margin:10px auto;}
.pc_bottom_banner.ver3{max-width:910px}
.pc_bottom_banner a{display:block;}
.pc_bottom_banner a img{width:100%;}

/*이메일 등록폼*/
.email_form{width: 411px;margin: 0px auto;}
.email_form .btn_recommend{display: block; height:60px;line-height:60px; background: #f73555;margin:25px 0 17px;width: 100%;border-radius: 5px; }
.email_form .btn_recommend a{display: block;height:60px;line-height:60px; font-size:20px; font-weight: 500; font-family: 'Noto Sans KR'; color:#fff;}
.email_wrap{background:#f9f9fa; border:1px solid #c9c9c9; padding: 22px 25px;}
.cont_info{position:relative; text-align:left; font-size:13px; color:#898989; font-weight: 300; clear: both;padding-left: 10px;}
.cont_info::before{content:"*"; position: absolute; left:0; }
.cont_input{clear: both; margin-bottom:13px; position:relative;}
.cont_input .ly_email_input {position: relative; width: 77%; margin: 15px 0 0; height: 37px; border: 1px solid #b0b0b0; background:#fff;}
.cont_input .ly_email_input input {width:90%;font-size: 15px;padding: 0 12px;vertical-align: middle; margin-top:7px;float: left; border:none;}
.cont_input .ly_email_input .email_lbl {position: absolute;top: 0.8rem;left: 13px;color: #a5a5a5;font-size: 15px;color: #a5a5a5;}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
.cont_check{text-align:left;}
.cont_check .checkbox{position:relative;display:inline-block;vertical-align:middle}
.cont_check .checkbox input + label:before{content:'';background-size:100% 100%;background-repeat:no-repeat;text-align:center;display:inline-block;position:absolute}
.cont_check .checkbox input{width:1px;height:1px;border:0;margin:-1px;padding:0;overflow:hidden;position:absolute;clip:rect(0,0,0,0)}
.cont_check .checkbox input + label{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-weight:300;}

.cont_check .agree_all{position:relative; margin-bottom:5px;}
.cont_check .agree_all .bnt_all{position:absolute;right:1.57rem;bottom:.02rem;width:.7rem;}
.cont_check .agree_chk{height:20px;padding:.2rem 0 .3rem}
.cont_check .agree_chk li {position:relative;padding-left:0rem;margin-bottom:.51rem;float: left;}
.cont_check .agree_chk li:nth-child(1){margin-right:12px;}
.cont_check .agree_chk li .link{position:absolute;right:1.75rem;top:.65rem;width:.35rem;}

.cont_check .checkbox.square input + label{padding:0 0 .1rem 26px;font-size:17px;color:#000;font-weight:500;line-height:20px;font-family: 'Noto Sans KR';}
.cont_check .checkbox.square input + label:before{left:0; top:1px; width:18px; height:18px;border: 1px solid #000;background: #fff;}
.cont_check .checkbox.square input:checked + label{color:#f73555; font-weight: 500;}
.cont_check .checkbox.square input + label:active:before,
.cont_check .checkbox.square input:checked + label:active:before,
.cont_check .checkbox.square input:checked + label:before{ background:#fff url('../images/ico_check_on.png') no-repeat center; background-size:85%; border: 1px solid #000}

.cont_check .checkbox.check input + label{padding:0 0 .1rem 23px;font-size:13px;color:#606060;font-weight:400;line-height:16px;}
.cont_check .checkbox.check input + label:before{width:16px;height:16px;left:0;top:0;background: #e5e5e5;}
.cont_check .checkbox.check input + label:active:before,
.cont_check .checkbox.check input:checked + label:active:before,
.cont_check .checkbox.check input:checked + label:before{background:#e5e5e5 url('../images/ico_s_check_on.png')no-repeat center; background-size:70%; }

.btn_email_regist{ display: block;width: 20% !important; float: left;position: absolute;top:0px; right: 0px;height: 36px;
    line-height: 36px;background: #000 !important;color:#fff; font-size: 15px; border-right: 1px solid #b8b8b8;}

.ly_terms1 .wrap{ width: 100%; height: 100%;  position: absolute; top: 0;left: 0;z-index: 999;text-align: center;}
.ly_terms1 .wrap .content{width:400px; position: absolute; display: inline-block;vertical-align: middle; left: 50%; top: 44%;transform: translate(-50%,-50%);background: #fff;}

.ly_terms1 .wrap .content h2{position:relative; height: 45px; line-height: 45px; font-size: 15px; background:#f73555; color: #fff;}
.ly_terms1 .wrap .content h2 .btn_close{position:absolute;     right:9px;
    top:9px; text-indent: -99999px; background:url('../images/ico_x3.png')no-repeat;width: 1.5rem; height: 1.5rem; background-size:100%; } 
.ly_terms1 .wrap .content p{ font-size: 15px;padding:22px 20px;text-align: left;}

.ly_terms2 .wrap{ width: 100%; height: 100%;  position: absolute; top: 0;left: 0;z-index: 999;text-align: center;}
.ly_terms2 .wrap .content{width:400px; position: absolute; display: inline-block;vertical-align: middle; left: 50%; top: 44%;transform: translate(-50%,-50%);background: #fff;}
.ly_terms2 .wrap .content h2{position:relative; height: 45px; line-height: 45px; font-size: 15px; background:#f73555; color: #fff;}
.ly_terms2 .wrap .content h2 .btn_close{position:absolute;     right:9px;top:9px; text-indent: -999px; background:url('../images/ico_x3.png')no-repeat;width: 1.51rem; height: 1.5rem; background-size:100%; } 
.ly_terms2 .wrap table{margin:15px;border-top:1px solid #333;border-right:1px solid #333}   
.ly_terms2 .wrap table th,
.ly_terms2 .wrap table td{padding:4px;border-bottom:1px solid #333;border-left:1px solid #333;font-size:12px}
.ly_terms2 .wrap table th{background-color:#e8e8e9}
.ly_terms2 .wrap .content p{font-size: 12px;padding: 0px 20px 20px; text-align: left;}
.ly_terms2 .wrap table td.u.bold{font-weight:bold;text-decoration: underline;}