@charset "utf-8";

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

/* 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,dl,dt,dd {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6,strong {font-weight: bold;}
a {color: #333;text-decoration: none;}
img {vertical-align: top;max-width: 100%;}
html {font-size: 62.5%;}
html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body,body * {font-family:'Pretendard','Noto Sans KR', 'Roboto', Dotum, Gulim, Sans-serif;line-height: 1.4;letter-spacing: -1px;-webkit-tap-highlight-color: transparent;box-sizing: border-box;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
button {border: none;margin: 0;padding: 0;width: auto;overflow: visible;background: transparent;cursor: pointer;}button:focus{outline:none}
input,textarea,input[type="text"],input[type="checkbox"],input[type="tel"] {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;-webkit-user-select: auto;-webkit-appearance: none;-moz-appearance: none;appearance: none;letter-spacing:0;}
input:focus,textarea:focus,input[type="text"]:focus,input[type="checkbox"]:focus,input[type="tel"]:focus {outline: none;outline: 0;}
input::-ms-clear,textarea::-ms-clear,input[type="text"]::-ms-clear,input[type="checkbox"]::-ms-clear,input[type="tel"]::-ms-clear {display: none;}
select {text-transform: none;-webkit-appearance: none;margin: 0;padding: 0;background: transparent;border-radius: 0;border: 0;letter-spacing:0;}
select:focus { border: 0; outline: 0; }
select::-ms-expand{display:none}
legend {text-indent: -1000rem;}
pre {word-wrap: break-word;white-space: pre-line;}
#ct{overflow:hidden;width:100%}

/* 공통 */
body {position:relative;}
.ly_notice .content{width:100%;margin:0 auto;position:relative;background-color:#fff}
.ly_notice .content .pop_close{width:20px;height:20px;position:absolute;right:7px;top:7px;background:url(../images/close_img.png) no-repeat 50% 50%;background-size:100% 100%}
.ly_notice .content .submit_form{margin-top:0}
.ly_notice .content .ip_btn{line-height:50px;font-size:14px}
.ly_notice .content .desc{padding:20px 16px 18px;text-align:center}
.ly_notice .content .desc strong{display:block}
.ly_notice .content .desc h2{font-size:18px;color:#ff2942}
.ly_notice .content .desc h2+strong{margin:2px 0 14px;font-size:15px}
.ly_notice .content .desc .box{padding:14px;font-size:12px;border:1px solid #e5e5e5;background-color:#f5f5f5}
.ly_notice .desc .box p{margin-top:3px;color:#666;letter-spacing:-0.5px}
.point_txt {color:#ee2941 !important;font-weight:600;}

#header h1.tit_v2{font-family:'Pretendard'; font-size:1.1rem;color:#464646;background:#fff; border-bottom:1px solid #E5E5E5; padding: 13px 0px 9px;margin: 0 1.2rem;font-weight:600;}
#header h1.tit_v2 b{font-family:'Pretendard'; color:#EE2941;font-weight:600;}
.btn_detail {font-size:11px;color: #121212;font-weight: 300;position: absolute;top:9px;right:17px;}
.img{display:block}
.img img{width:100%}
.step{padding-bottom:30px}
#ct{position:relative}
.show_detail{position:absolute;left:0;right:0;bottom:0;padding:5px 13px;text-align:right}
.show_detail a{font-size:12px;color:#aaa}

/* 폼영역 */
.form_sec{padding:0 12.5px}

/* 입력폼 */
/* 공통 */
.ip_wrap{position:relative;padding-left:100px}
.ip_wrap.full{padding-left:0}
.ip_wrap+.ip_wrap{margin-top:10px}
.ip_tit{font-weight:500;font-size:14px;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.col_btn{font-size:0}
.ip_col,
.ip_btn{display:inline-block;vertical-align:middle}
.ip_col{position:relative;font-size:0}
.col_btn>.ip_col{width:calc(100% - 60px)}
.col_btn.without_btn>.ip_col{width:100%}
.col_btn>.ip_btn{width:60px}
.ip_form{display:inline-block;vertical-align:middle;position:relative}
.ip_form input,
.ip_form select{display:block;width:100%;height:46px;font-weight:bold;font-size:14px;border:1px solid #bdbdbd}
.ip_form input{padding:14px 8px;background-color:#fff}
.ip_form select{padding:12.5px 15px;text-align:center}
.ip_form input:focus{border-color:#222;background-color:#ffffe0}
.ip_form input:focus+label,
.ip_form input:valid+label{display:none}
.ip_form.red input:focus{border-color:#e51737}
.ip_form input+label{position:absolute;left:8px;top:50%;font-size:12px;opacity:0.5;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.ip_form .time{position:absolute;right:8px;top:50%;font-size:12px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);letter-spacing:0;color:#ef554d}

/*상단 텍스트영역*/
.type03 .point_color.red{color:#EF323F}
.type03 .img_wrap{margin:0 1.2rem; font-weight: 300; color:#010101; letter-spacing: -0.75px;font-size: 1.25rem;}
.type03 .img_wrap .top_txt_v2{margin:1.5rem 0;font-size: 1.6rem; font-weight: 500; color: #000;}
.type03 .img_wrap .top_info_wrap{display: flex;align-items: center;}
.type03 .img_wrap .top_info_wrap .txt_wrap{margin-left:0.83rem;}
.type03 .img_wrap .top_info_wrap .btn_down{flex:0 35%;}
.type03 .img_wrap .top_info_wrap .btn_down button{width:100%;}
.type03 .img_wrap .top_info_wrap .btn_down button img{width:100%;}
.type03 .img_wrap .top_info_wrap .txt_wrap .sub_txt{font-size:1.2rem; font-weight: 400;  margin-bottom: 0.6rem; display: block;}
.type03 .img_wrap .top_info_wrap .txt_wrap .tit_txt{font-size:1.1rem; font-weight: 300; line-height: 1.5; color:#4c4c4c}
.type03 .img_wrap .top_info_wrap .txt_wrap em{ color: #626262; opacity: 47%; font-size: 0.83rem;}

.type03{font-family: 'Pretendard' !important;}
.type03 .img_wrap .top_info2_wrap{background: #f7f7f7; border-radius: 0.6rem;  display: flex; padding:1rem; margin-bottom:0.9rem;}
.type03 .img_wrap .top_info2_wrap li.service_tit{font-size:1.2rem; color:#EF323F; font-weight: 600;  width:7rem; flex-shrink: 0;}
.type03 .img_wrap .top_info2_wrap li .service_con{font-size:1.1rem;line-height: 1.4; font-weight: 400;}
.type03 .img_wrap .top_info2_wrap .ft_red{color:#EE2941; font-weight: 400; margin:0; border-bottom:none;padding-bottom:0;font-size:1.0rem; margin-top:0.6rem;}
.type03 .img_wrap .top_icon_wrap{border:1px solid #cfcfcf; border-radius: 0.6rem; display: flex; align-items: center; justify-content: space-between; padding:1.85rem 2.3rem; margin-bottom:0.9rem;}
.type03 .img_wrap .top_icon_wrap strong{color:#EF323F}
.type03 .img_wrap .top_icon_wrap li img{width: 5.9rem;  margin: 0px auto; text-align: center; display: block;}
.type03 .img_wrap .top_icon_wrap li p{width: 8rem; font-weight: 400; text-align: center; font-size:1.1rem; font-family: 'Pretendard';}


/* 버튼 */
.ip_btn{width:100%;color:#fff;font-size:1.3rem;text-align:center;border:1px solid transparent}
button.ip_btn{height:46px}
a.ip_btn{line-height:45px; border-radius: 0.15rem;}
.ip_btn.target {background-color: #ef323f; border-color: #ef323f;}
.ip_btn.black{border-color:#444;background-color:#444}
.ip_btn.gray{border-color:#acacac;background-color:#acacac}
.ip_btn.underline{color:#222;text-decoration:underline}

/* input 길이 */
.ip_col:not(.col1)>.ip_form:not(.slct){margin-left:4px}
.ip_col.col1>.ip_form:not(.slct){width:100%}
.ip_col.col2>.ip_form:not(.slct){width:calc((100% - 116px) / 1)}
.ip_col.col3>.ip_form:not(.slct){width:calc((100% - 108px) / 2)}
.ip_col.slct_in .ip_form.slct+.ip_form input{padding-left:84px}

/* 통신사선택버튼 */
.ip_wrap.agency {background: url(../images/bg.png) repeat !important;}
.ip_wrap.agency .ip_col{width:100%;background: url(../images/bg.png) repeat !important;}
.ip_wrap.agency .ip_col button{position:relative}
/* 라디오제외 공통 */
.ip_wrap.agency .ip_col.col2:not(.radio) button{width:50%}
.ip_wrap.agency .ip_col.col3:not(.radio) button{width:33.3%;border:1px solid #bdbdbd}
.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.col3:not(.radio) em{display:none}
/* 텍스트버튼 */
.ip_wrap.agency .ip_col.txt button{line-height:44px}
.ip_wrap.agency .ip_col.txt i{font-size:15px}
.ip_wrap.agency .ip_col.txt button.on{background-color:#222;border-color:#222}
.ip_wrap.agency .ip_col.txt button.on i{font-weight:500;color:#fff}
/* 로고버튼 */
.ip_wrap.agency .ip_col.logo button{height:46px;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;}
.ip_wrap.agency .ip_col.logo i{font-size:0}
.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}
.ip_wrap.agency .ip_col.logo button:nth-child(2):after{z-index:1}
.ip_wrap.agency .ip_col.logo.blk button:after{border-color:#222}
.ip_wrap.agency .ip_col.logo.red button:after{border-color:#e51737}
.ip_wrap.agency .ip_col.logo button.on:after{opacity:1}
.ip_wrap.agency .ip_col.logo button.skt{background-image:url(../images/m_img_sk_off.png)}
.ip_wrap.agency .ip_col.logo button.kt{background-image:url(../images/m_img_kt_off.png)}
.ip_wrap.agency .ip_col.logo button.lgu{background-image:url(../images/m_img_lg_off.png)}
.ip_wrap.agency .ip_col.logo button.skt.on{background-image:url(../images/m_img_sk_on.png)}
.ip_wrap.agency .ip_col.logo button.kt.on{background-image:url(../images/m_img_kt_on.png)}
.ip_wrap.agency .ip_col.logo button.lgu.on{background-image:url(../images/m_img_lg_on.png)}
/* 라디오버튼 */
.ip_wrap.agency .ip_col.radio button{height:46px}
.ip_wrap.agency .ip_col.radio button+button{margin-left:18px}
.ip_wrap.agency .ip_col.radio i{font-weight:400;font-size:15px}
.ip_wrap.agency .ip_col.radio em{display:inline-block;vertical-align:middle;width:22px;height:22px;position:relative;margin-right:5px;background-color:#fff;border:1px solid #cdcdcd;border-radius:100%}
.ip_wrap.agency .ip_col.radio em:after{content:'';display:block;width:50%;height:50%;position:absolute;left:50%;top:50%;background-color:#fff;border-radius:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}
.ip_wrap.agency .ip_col.radio button.on em{border-color:#333;background-color:#333}

/* 하단 가입,취소 버튼 */
.submit_form{width:100%;margin-top:.8rem;text-align:center;font-size:0}
.submit_form .ip_btn{font-size:14px;}
.submit_form>small{display:block;margin-top:20px;line-height:1.5;font-size:11px;color:#606060;letter-spacing:-0.5px}
.submit_form>small strong{display:block}
.submit_form>small.red,
.submit_form>small strong{color:#ef323f}
.submit_form ul:after{content:'';display:block;clear:both}
.submit_form ul.row li+li{margin-top:5px}
.submit_form ul.col{display:inline-block;width:100%;margin:0 -2px}
.submit_form ul.col li{float:left;}
.submit_form ul.col li+li {padding-left: .75rem;}
.submit_form ul.col li:first-child{width:30%}
.submit_form ul.col li:last-child{width:70%}

/* 신규 가입창-type03 */
.type03 .formWrap .innerWrap .agencyBtn ~ .ipBox {margin-top:0.9rem;}
.type03 .ipBox.confirm+.security {margin-top: 0.9rem;}
.type03 .agencyBtn button{width:31.7%; border-radius:0.6rem;}
.type03 .agencyBtn button.kt{margin: 0 0.7rem}
.type03 .ipBox {width:100%;height:4.3rem; border-radius: 0.6rem;}
.type03 .ipBox .ip input{border-radius: 0.6rem !important;}
.type03 .security .ipBox .ip input{border-radius: 0 0.6rem 0.6rem 0 !important;}
.type03 .ipBox .ip label{font-size: 1.3rem; font-family: 'pretendard';}
.type03 .formWrap .innerWrap .agencyBtn button:after{border-color: #D51434; border-radius: 0.6rem;}
.type03 .submitWrap .btn.point{background-color: #D51434;}
.type03 .submitWrap .infoTxt{margin-top:2.2rem; font-size:1.3rem; color:#EF323F;line-height: 1.4; font-weight: 400;}
.type03 .submitWrap .infoTxt strong{font-weight: bold;}
.type03 .submitWrap .btn.cancel{background:none;border:none;color:#B7B7B7}
.submitWrap {margin-top:2rem; font-family:'pretendard'}
.submitWrap .col02 {display:flex;}
.submitWrap .col02 .btn {margin-top:0 !important;}
.submitWrap .col02 .btn.cancel {flex:0 30%}
.submitWrap .col02 .btn.point {flex:1;margin-left:8px;}
.submitWrap .btn {box-sizing:border-box;display:block;width:100%;font-size:1.3rem;line-height:4.3rem;text-align:center;color:#fff}
.submitWrap .btn.cancel {border:1px solid #d8d8d8;border-radius: 0.45rem;background-color:#ebebeb;color:#959595;}
.submitWrap .btn.point {background-color:#d51434; border-radius: 0.45rem;}
.submitWrap .btn ~ .btn {margin-top:.55rem;}
.submitWrap .infoTxt {margin-top:1.5rem;text-align:center;font-size:1rem;line-height:1.3rem;font-weight:300;color:#d51434}
.submitWrap .infoTxt strong {font-weight:500;color:#EF323F}
.type03 .tel_wrap{display: flex; margin-top:0.9rem;}
.type03 .security{display: flex;}
.type03 .tel_wrap .ipBtn.point01{flex-shrink: 0; width: 69px; color:#fff; margin-left:0.7rem; position: relative; height: 4.3rem; top: 0; border-radius: 0.6rem; background:#D51434;}
.type03 .security .ipBtn.next{flex-shrink: 0; width: 69px; color:#fff; margin-left:0.7rem; position: relative; height: 4.3rem; top: 0; border-radius: 0.6rem; background:#8D8D8D;}
.type03 .ipBox.tel .select+.ip{width: calc(100% - 7rem);}
.type03 .chkWrap li{margin-top:0.8rem;}
.type03 .email_form .btn_recommend{margin: 16px 0 16px; height:43px; line-height:43px; background:#D51434;}
.type03 .email_form .btn_recommend a{height:43px; line-height:43px;  font-size:1.3rem;background:#D51434;}
.type03 .end .txt2{padding:1.5rem 2rem; font-size:0.9rem; color:#000;border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.type03 .end .txt1{color:#000;margin-top:1.6rem;}
.type03 .end .txt1 span{color:#EF323F}
.type03 .end h3{color:#000;}
.type03 .end h3 span{color:#EF323F}
.type03 .formWrap .captcha{width: 7.6rem; flex-shrink: 0; margin: 0.75rem;}
.type03 .formWrap .refresh{right: -0.7rem; bottom: 0.5rem;}
.type03 .chkBox label{width:1.45rem; height:1.45rem;}
.type03 .chkBox label:before{width:1.45rem; height:1.45rem; background-position: center; border-radius: 0.15rem;}


/* 신규 가입창 */
.joinWrap{margin:0 1.2rem;}
.joinWrap button {border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;cursor:pointer;}
.joinWrap select {text-transform:none; -webkit-appearance:none; margin:0; padding:0; background:transparent; border-radius:0; border:0;}
.hide {display:block;overflow:hidden;width:0;height:0;font-size:0;clip:clip(-1px, -1px, -1px, -1px);position:absolute;left:-9999px}
.formWrap {box-sizing:border-box;}
.formWrap .innerWrap .ipBox ~ .ipBox,
.formWrap .innerWrap .agencyBtn ~ .ipBox {margin-top:0.6rem;}
.formWrap .innerWrap h5{font-size:1rem;font-weight:300;margin-bottom:.8rem}
.formWrap .innerWrap h5 strong{color:#333}
.agencyBtn {box-sizing:border-box}
.agencyBtn:after {content:'';display:block;clear:both}
.agencyBtn button {float:left;width:32.4%;height:4.35rem; border-radius: 0.45rem; border:1px solid #d8d8d8;
    background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;position:relative;background-size:auto 100%;}
.agencyBtn button:after {content:'';display:block;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:1px solid #b8b8b8;opacity:0;z-index:1}
.formWrap .innerWrap .agencyBtn button:after {border-color:#d51434; border-radius: 0.375rem; }
.agencyBtn button + button {border-left:1px solid rgba(184,184,184,0.8)}
.agencyBtn button.on:after {opacity:1}
.agencyBtn button.skt {background-image:url("../images/img_sk_off_n.png")}
.agencyBtn button.skt.on {background-image:url("../images/img_sk_on_n.png")}
.agencyBtn button.kt {margin:0 0.4rem; background-image:url("../images/img_kt_off_n.png")}
.agencyBtn button.kt.on {background-image:url("../images/img_kt_on_n.png")}
.agencyBtn button.lgu {background-image:url("../images/img_lg_off_n.png")}
.agencyBtn button.lgu.on {background-image:url("../images/img_lg_on_n.png")}
.ipBox {position:relative; border-radius: 0.45rem; box-sizing:border-box;font-size:0;border:1px solid #d8d8d8;background:#ffffff;height:4.35rem;}
.ipBox > * {position:relative;display:inline-block;vertical-align:top;}
.ipBox .ip label {position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#a5a5a5;font-weight:300;}
.ipBox .select {position:relative;  background-color:transparent;  left:0;top:0;bottom:0;border-radius: 0.45rem;z-index:1;width:5.75rem;height:4.15rem;border:0;opacity:1;}
.ipBox .select select {width:100%; height:100%; border-radius:0.45rem 0 0 0.45rem; padding:0 1.95rem 0 1.35rem; font-weight:500; font-family:'Roboto', sans-serif; font-size:1.3rem; letter-spacing:0; border-right:0; color:#3a3d3f; background-color:transparent; opacity:1}
.ipBox .select:after {content:''; display:block; width:1.05rem; height:.6rem; margin-top:-.3rem; position:absolute; right:0; top:50%; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; background-image:url(../images/select_arrow_new.png);}
.ipBox .ip {width:100%; height:100%; background-color:#fff;border-radius: 0.45rem;}
.ipBox.tel .select+.ip {width:calc(100% - 11.3rem); border-left:0;}
.ipBox.tel .ip input{border-radius: 0;}
.ipBox .ip input {width:100%; height:100%; line-height:1;border-radius: 0.45rem; padding:1.05rem 1.2rem !important;border:0;font-family: 'Roboto', sans-serif;font-size: 1.3rem;}
.ipBox .ip input:focus+label,
.ipBox.ipFcs .ip input+label {display:none}
.ipBox.ipFcs .ip input{background:#fff3e8;}
.ipBox.ipFcs.tel{background:#fff3e8;}
.ipBox.ipFcs.confirm .ip input{background:#e7efff;}
.security .ipBox.ipFcs input{background:#fff3e8; border-radius: 0;}
.ipBox.tel{display: flex;align-items: center;}

.ipBox .ipBtn {position:absolute; right:-1px; top:-1px; bottom:-1px; width:5.65rem; height:4.35rem; line-height:4.35rem; font-weight:400; font-size:1.2rem; z-index:1; color:#fff; background-color:#696969;border-radius: 0 0.45rem 0.45rem 0;}
.ipBox .ipBtn.point01 {background-color:#df1f27;}
.ipBox .ipBtn.point02 {background-color:#a7a7a7;}
.ipBox.confirm .ip input {padding-right:5rem !important}
.ipBox.confirm .time {right:1.25rem}
.ipBox.confirm+.security {margin-top:0.6rem; border-radius: 0.45rem; }
.ipBox .time {position:absolute; right:5.35rem; top:50%; font-family:'Roboto', sans-serif; font-size:1.2rem; color:#e15168; letter-spacing:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-style:normal;letter-spacing:-0.75px;}
.formWrap .security {display:flex; align-items:center; position:relative; font-size:0}
.formWrap .security:after {content:''; display:block; clear:both}
.formWrap .security .ipBox {display: flex; width:100%; margin-top:0; align-items: center;}
.formWrap .security .ipBox input {padding-right:3.75rem}
.formWrap .security .ipBox.typeBox input {padding-right:0}
.formWrap .captcha {float:left; display:block; border-radius: 0.45rem 0 0 0.45rem; position:relative; width:12.7rem; height:4.1rem;line-height:4.2rem;border:0; background:url(../images/bg.png) repeat !important;}
.formWrap .captcha img {width:100%;  vertical-align: middle;}
.formWrap .refresh {float:left; display:block; width:1.3rem; height:1.15rem; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; position:absolute; right:.3rem; bottom:.3rem; background-image:url("../images/ico_refresh02.png"); background-color:#fff}
/* 약관 동의 */
.chkWrap {position:relative;margin-top:.8rem;}
.chkWrap ul {font-size:0; display: flex; flex-wrap: wrap;}
.chkWrap li {display:inline-block;min-width:23%;letter-spacing: -0.75px; margin-right:1rem; margin-top:1.25rem}
.chkWrap li:nth-child(3n){margin-right:0;}
.chkBox {position:relative; font-size:0; line-height:1.2rem}
.chkBox>* {display:inline-block; vertical-align:middle}
.chkBox.all {margin-top:2.2rem; padding-left:2.6rem}
.chkBox.all .chkTxt {margin-left:0; font-weight:400; font-size:1.3rem;color: #505050;line-height:2.2rem;}
.chkBox.all label {width:100%;height:1.85rem;position:absolute; left:0; right:0; top:0; bottom:0; background-color:transparent}
.chkBox.all label:before {content:''; display:block; width:2rem; height:2rem; background-color:#ffffff; background-repeat:no-repeat; background-position:50% 50%; background-size:80% 60%; border:.1rem solid #d8d8d8;}
.chkBox.all input:checked+label {background-image:none}
.chkBox.all input:checked+label:before {background-image:url("../images/ico_checked_all.png")}
.chkBox .chkTxt {margin-left:.5rem; font-size:1rem; color:#505050; font-weight:300;}
.chkBox label {width:1.5rem; height:1.5rem; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; background-color:#fff;}
.chkBox label:before {content:''; display:block; width:1.5rem; height:1.5rem; background-color:#fff; background-repeat:no-repeat; background-position:40% 40%; background-size:80% 60%; border:.1rem solid #d8d8d8;}
.chkBox input:checked+label:before {background-image:url("../images/ico_checked.png");background-color:#fff;  background-repeat:no-repeat;}

.end{padding:0px 0;text-align:center;}
.end h3{font-size:18px;color:#444;font-weight:600;}
.end h3 span{color:#e15168;}
.end h3 strong{color:#000;font-weight:600;}
.end .txt1{margin-top:5px;line-height:16px;font-weight:300;font-size:13px;color:#666;}
.end .txt1 strong{color:#e15168;font-weight:400}
.end .txt2{display:inline-block;margin-top:14px;padding:10px 8px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:300;font-size:11px;color:#777;line-height:15px}
.end .txt3{margin-top:30px;}
.end .txt3 p{font-size:14px;color:#444;letter-spacing:-1px}
.end .txt3 p strong{color:#e15168;font-weight:400}
.end .txt3 span{font-size:10px;color:#999}
.end .txt3 img{width:60%;margin-top:10px;}
.end .txt3.v2 img{width:80%;}
.end .txt4{font-size:9px;color:#989898;}
.end .txt5{font-size:12px;color:#888;}

/* 팝업 */
.ly_pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:990;}
.ly_pop .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6}
.btn_pop01{width:30%;background:#585858;height:4rem;font-size:1.2rem;color:#aaa;font-weight:bold;float:left;}
.btn_pop02{width:70%;background:#dd3049;height:4rem;font-size:1.2rem;color:#fff;font-weight:bold;float:right}
.ly_pop .cont2{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;text-align:center}
.ly_pop .cont2:before{height:100%;content:'';display:inline-block;vertical-align:middle}
.ly_pop .element2{overflow:hidden;width:84%;position:relative;display:inline-block;vertical-align:middle;margin:0 auto 0 -.1rem;background:#fff}
.pop_top2{padding:20px 0 10px 0;margin:0 20px;color:#000;}
.pop_top2 h2{font-size:17px;font-weight:bold;color:#e91d46;font-weight:bold}
.pop_top2 .btn_close{position:absolute;top:8px;right:6px;}
.pop_top2 .btn_close img{width:20px;}
.pop_top2 p{font-size:15px;padding:2px 0 10px 0;letter-spacing:-1px;font-weight:bold;}
.pop_top2 p.v2{font-size:13px;padding:4px 0 0 0;font-weight:500;}
.pop_btn2{padding-top:18px;}
.pop_btn2::after{content:'';clear:both;display:block;}
.pop_btn2 .btn_pop01{width:28%;background:#999;height:50px;font-size:14px;color:#fff;font-weight:400;float:left;}
.pop_btn2 .btn_pop02{width:72%;background:#dd2b4f;height:50px;font-size:14px;color:#fff;font-weight:400;float:left;}
.pop_btn2 .full {width:100% !important;}
.pop_btn2 .btn_pop02.ws_p{width:100%;}
.pop_con2 .pop_txt{border:solid 1px #e5e5e5;background:#fafafa;padding:14px;margin:0 22px;text-align:center;font-size:14px;color:#888;line-height:13px;letter-spacing:0;font-weight:300}
.pop_con2 .pop_txt h5{font-size:13px;color:#888;font-weight:600}
.pop_con2 .pop_txt p{margin-top:4px;font-size:13px;color:#888;line-height:16px;}
.pop_con2 .pop_txt strong{font-size:14px; color:#222;letter-spacing:-1px;display:inline-block;margin-top:10px;font-weight:bold}
.pop_con2 .pop_txt .fs_b{font-weight:500;color:#333;margin-top:4px;display:block;}

/*이메일 등록 폼*/
.email_form{padding:0 1.2rem; margin-bottom:0rem;}
.email_form .btn_recommend{display: block;height: 47px;line-height: 47px; background: #D51434;margin: 40px 0 17px;width: 100%;border-radius: 5px; }
.email_form .btn_recommend a{display: block; font-size:15px; height:47px; line-height:47px; color:#fff;}
.email_form .btn_recommend.btn_pass{background:#000; margin:12px 0;}
.email_wrap{border-radius: 0.6rem;background:#f9f9fa; border:1px solid #c9c9c9; padding:20px 16px;}
.txt5 + .email_wrap{margin-top:30px;}
.cont_info{text-align:left; font-size:13px; color:#898989; font-weight: 300; clear: both;}
.cont_input{clear: both; margin-bottom:13px;position:relative;}
.cont_input .ly_email_input {position: relative; margin: 1.5rem 0 0; height: 4.3rem; border: 1px solid #b8b8b8; background:#fff;    border-radius: 0.45rem;}
.cont_input .ly_email_input input {width: 80%;padding: 0 1rem;vertical-align: middle; margin-top: 1.3rem;float: left;}
.cont_input .ly_email_input .email_lbl {position: absolute;top: 1.4rem; left: 1rem;color: #a5a5a5;font-size: 1.2rem;}

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:9px;}
.cont_check .agree_all .bnt_all{position:absolute;right:1.57rem;bottom:.02rem;width:.7rem;}
.cont_check .agree_chk{height:20px;background:#f5f7f8;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 2.7rem;font-size:1.5rem;color:#000;font-weight:500;line-height:2rem;}
.cont_check .checkbox.square input + label:before{left:0; top:0; width: 1.8rem; height: 1.8rem;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:#e5e5e5 url('../images/ico_check_on.png') no-repeat center; background-size:85%; border: 1px solid #e5e5e5}

.cont_check .checkbox.check input + label{padding:0 0 .1rem 2.3rem;font-size:1.3rem;color:#606060;font-weight:400;line-height:1.5rem;}
.cont_check .checkbox.check input + label:before{width:1.5rem;height:1.5rem;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;    border-radius: 0 0.45rem 0.45rem 0; width: 20%; float: left;position: absolute;top:1px; right: -2px;height:4.3rem;line-height: 4.3rem;background: #000;color:#fff; font-size: 1.2rem; 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: 90%; 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: 4px;
    top: 3px; text-indent: -99999px; background:url('../images/ico_x3.png')no-repeat; width:1.7rem; height:1.7rem; 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: 90%; 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: 4px;
    top: 3px; text-indent: -99999px; background:url('../images/ico_x3.png')no-repeat;  width:1.7rem; height:1.7rem; 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{text-underline-position: under;text-decoration: underline; font-weight: 700;}

/*가입완료배너 -swiper 적용시*/
.banner_swiper_wrap {overflow:hidden;display:block; margin:2rem 1.2rem;}
.bannerSwiper {position:relative;}
.bannerSwiper .swiper-wrapper {font-size:0;text-align:center;white-space:nowrap;}
.bannerSwiper .swiper-slide {display:inline-block;}
.bannerSwiper .swiper-slide a {display:block;width:100%;height:100%;}
.bannerSwiper .swiper-slide .inner_wrap {width:100%;font-size:20px; background: none !important;}
.bannerSwiper .swiper-slide .inner_wrap img {max-width: 100%; vertical-align: top;}
.bannerSwiper .swiper-counter {position:absolute;bottom:10px;right:10px;width:30px;height:15px;border-radius:7.5px;color:#fff;background-color:rgba(25,25,25,.5);text-align:center;font-size:10px;font-family: 'Roboto', sans-serif;line-height:15px;}
.bannerSwiper .swiper-counter * {line-height:15px;color:#fff;font-size:10px;font-family: 'Roboto', sans-serif;}
.bannerSwiper .swiper-counter {display:none;}
.bannerSwiper.swiper-container-initialized .swiper-counter {display:block !important;}

/*광고영역배너*/
.mo_bottom_banner{max-width: 640px; max-height: 280px; margin:2rem auto;}
.mo_bottom_banner.ver2 {max-width: 640px; max-height: 280px; margin:2rem auto; position:absolute; left:0;}
.mo_bottom_banner a{display:block;}
.mo_bottom_banner a img{width:100%;}