@charset "euc-kr";
@import url(./gnb.css);


/*
.signup{}
.signup .innerWrap{max-width: 720px; width: 100%;}
.signup .innerWrap.inherit{max-width: 1260px;}
.signup .signTop{padding-top: 40px;}
.signup .signCont{}
.signup .signCont .signContInner{}
.signup .loginWrap{position: relative; padding-right: 270px; display: inline-block; margin-left: auto; margin-right: auto; max-width: 880px; display: block;}
.signup .loginWrap.paddingnone{padding-right: 0;}
.signup .loginWrap .logLt{}
.signup .loginWrap .logRt{width: 250px; position: absolute; right: 0; top: 0;}
.signup .loginWrap .loginForm{position: relative; padding-right: 150px;}
.signup .loginWrap .loginForm .loginInput{}
.signup .loginWrap .loginForm .loginButton{position: absolute; right: 0; width: 140px; top: 0;}
.signup .loginWrap .loginForm .loginButton .btns{height: 100%; height: 92px; line-height: 92px;} */
/* .signupHeader.header .headerMainTop{padding-top: 13px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;}
.signupHeader.header .headerMainTop .headerTopInner{padding-right: 0; padding-left: 130px;}
.signupHeader.header .headerMainTop .lts{left: 0;}
.signupHeader.header .headerMainTop .gnb{text-align: right;}
.signupHeader.header .headerMainTop .gnb>.tp>.txt{font-size: 14px; color: #333; font-weight: bold;}
.signupHeader.header .headerMainTop .gnb>.tp.active>.txt{color: #1788fc;}
.signupHeader.header .headerMainTop .conts{padding-left: 0;}
.signupHeader.header .innerWrap{max-width: 700px;}
 */
 body[data-location-pathname^="/search/find_id"] .header .headerMainTop .gnb>.tp[data-params="findid"]>.txt{color: #1788fc;}
 body[data-location-pathname^="/search/find_pw"] .header .headerMainTop .gnb>.tp[data-params="findpw"]>.txt{color: #1788fc;}
 body[data-location-pathname^="/signup/join"] .header .headerMainTop .gnb>.tp[data-params="signup"]>.txt{color: #1788fc;}

.signup{padding-top: 50px;  letter-spacing: -.63px;}
.signup .innerWrap{min-width: 700px; max-width: 700px;}
.signup .signUpBoxArea{background: #fff; padding: 67px 100px; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);}
.signup .signUpBoxArea .sgTitNm{font-size: 28px; line-height: 35px; color: #333; font-weight: 800; font-family: 'Noto Sans KR',-apple-system-font, "Apple SD Gothic Neo", sans-serif; text-align: center; display: block;}
.signup .signUpBoxArea .sgFormGroup{}


.signup .signUpBoxArea .abtn{ height: 58px; border-radius: 0; border: 1px solid #cbd0da; font-size: 13px; color: #333; background: #e8ebf2;}
.signup .signUpBoxArea .abtn:disabled{color: #1564fb;}
.signup .signUpBoxArea a.abtn{line-height: 56px; display: inline-block; text-align: center;}
.signup .signUpBoxArea .abtn.blue{border-color: #1a61e7; background: #1a61e7; color: #fff;}
.signup .signUpBoxArea .abtn.gray{border-color: #cbd0da; background: #e8ebf2; color: #333;}
.signup .signUpBoxArea .abtn.block{display: block; width: 100%;}
.signup .signUpBoxArea .abtn.lg{height: 65px; font-size: 17px; font-weight: bold;}
.signup .signUpBoxArea a.abtn.lg{line-height: 63px;}

.signup .signUpBoxArea .infMsg{text-align: left;}
.signup .signUpBoxArea .infMsg .intx{font-size: 12px; color: #999; line-height: 16px;}
.signup .signUpBoxArea .infMsg.tp2 .intx{color: #333; line-height: 24px; display: block; text-indent: -7px; padding-left: 7px;}
.signup .signUpBoxArea .sgSnsGroup{}
.signup .signUpBoxArea .sgSnsGroup .snsArea{text-align: center;}
.signup .signUpBoxArea .sgSnsGroup .snsArea .snsBt{border: 1px solid #e9e9e9; width: 60px; height: 60px; border-radius: 50%; background: #fff; margin: 5px; background: no-repeat center center;}
.signup .signUpBoxArea .sgSnsGroup .snsArea .snsBt.naver{background-image: url(../images/common/snsTp1_60_60.png);}
.signup .signUpBoxArea .sgSnsGroup .snsArea .snsBt.facebook{background-image: url(../images/common/snsTp2_60_60.png);}
.signup .signUpBoxArea .sgSnsGroup .snsArea .snsBt.kakao{background-image: url(../images/common/snsTp3_60_60.png);}
.signup .signUpBoxArea .sgSnsGroup .snsArea .snsBt.google{background-image: url(../images/common/snsTp4_60_60.png);}
.signup .signUpBoxArea .sgAgrGroup{}
.signup .signUpBoxArea .sgAgrGroup .sgaTo{}
.signup .signUpBoxArea .sgAgrGroup .sgaTo .cmmInput .lb{font-size: 18px; height: 21px; line-height: 21px;}
.signup .signUpBoxArea .sgAgrGroup .sgaCt{}
.signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput{position: relative; padding-right: 80px;}
.signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput+.cmmInput{margin-top: 15px;}
.signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput .lb{font-size: 15px;}
.signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput .agTxtBtn{position: absolute; border: none; background: none; color: #5f9dff; font-size: 13px; right: 2px; padding-right: 20px; line-height: 18px; top: 0;}
.signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput .agTxtBtn:after{content: ''; width: 20px; height: 100%; background: no-repeat center center url(../images/icos/icoslBlueArrowNext_5_8.png); position: absolute; right: 0; top: 0;}
.signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput .agTxtBtn:hover{text-decoration: underline;}

.signup .signUpBoxArea .btnsGroup{}
.signup .signUpBoxArea .btnsGroup:after{content: ''; clear: both; display: table;}
.signup .signUpBoxArea .btnsGroup .col6{float: left;}
.signup .signUpBoxArea .btnsGroup .col6{width: 50%; padding-right: 5px;}
.signup .signUpBoxArea .btnsGroup .col6+.col6{padding-left: 5px;}
.signup .sgFormCompLay{}
.signup .sgFormCompLay .titTxt{font-size: 12px; display: block; text-align: left; line-height: 26px;;}
.signup .sgFormCompLay .titTxt .org{color: #ff5400;}
.signup .sgFormCompLay .titTxt .blue{color: #1564fb;}
.signup .sgFormCompLay .grid{margin: 0 -4px;}
.signup .sgFormCompLay .grid .cbox{float: left; padding: 4px; width: 50%;}
.signup .sgFormCompLay .grid .nm{display: block; line-height: 56px; height: 58px; border: 1px solid #cbd0da; text-align: left; text-indent: 20px; color: #333; font-size: 16px; position: relative; padding-right: 120px;}
.signup .sgFormCompLay .grid .nm .dat{position: absolute; right: 20px; top: 50%; margin-top: -9px; font-size: 14px; line-height: 18px; color: #999;; text-align: right;;}
.signup .signUpBoxArea .sgTit{font-size: 28px; font-family: 'Noto Sans KR',-apple-system-font, "Apple SD Gothic Neo", sans-serif; font-weight: 800; color: #333; line-height: 30px;}
.signup .signUpBoxArea .sgsTit{font-size: 15px; font-family: 'Noto Sans KR',-apple-system-font, "Apple SD Gothic Neo", sans-serif; color: #333; line-height: 30px; margin-top: 5px;}
.signup .signUpBoxArea .sgsTit.lg{font-size: 18px;}
.signup .signUpBoxArea .sgsTit .poi{color: #1564fb;}
.signup .signUpBoxArea .sgsTit .red{color: #fe1e00;}
.signup .signUpBoxArea .sgsTit a.poi:hover{text-decoration: underline;}


.signup .rxGroupBox{}
.signup .rxGroupBox .rxBoxs{background: #eef2f7; border-radius: 10px; padding: 20px 25px; margin-bottom: 10px;}
.signup .rxGroupBox .rxBoxs .inner{position: relative; padding-left: 90px;}
.signup .rxGroupBox .rxBoxs .inner .lt{position: absolute; left: 0; top: 0;}
.signup .rxGroupBox .rxBoxs .inner .lt .img{width: 90px; height: 90px; border-radius: 50%; background: #fff; overflow: hidden; display: block;}
.signup .rxGroupBox .rxBoxs .inner .lt .img img{}
.signup .rxGroupBox .rxBoxs .inner .cont{text-align: left; min-height: 90px;; padding-left: 20px;}
.signup .rxGroupBox .rxBoxs .inner .cont .tit{font-size: 16px; color: #333; line-height: 22px;}
.signup .rxGroupBox .rxBoxs .inner .cont .stit{font-size: 12px; color: #666; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 40px; margin-top: 3px;}
.signup .rxGroupBox .rxBoxs .inner .cont .lkc{font-size: 12px; font-weight: bold; color: #1564fb; display: inline-block; position: relative; padding-right: 20px; margin-top: 10px;}
.signup .rxGroupBox .rxBoxs .inner .cont .lkc:after{content: ''; width: 5px; height: 8px; position: absolute; right: 0; top: 50%; margin-top: -4px; background: no-repeat left top url(../images/icos/icosBBlueArrowNext_5_8.png);}
.signup .rxGroupBox .rxBoxs .inner .cont .lkc:hover{text-decoration: underline;}

/*°øÅëÅÇ È¸¿ø°¡ÀԽà º¯°æ*/
.signup .cmmStateStepType2Wrap.tp2 .cssTp .cssTpBox{background: #eef2f7;}
.signup .cmmStateStepType2Wrap.tp2 .cssTp .cssTit{color: #afb6c0;}
.signup .cmmStateStepType2Wrap.tp2 .cssTp.active .cssTit{color: #333; font-weight: 800;}






/* Àӽà */
.signContInner .snsArea{}
.signContInner .snsBt{width: 48%; height: 40px; border: 1px solid #ddd; background: #fff; border-radius: 3px; margin-bottom: 3px;}
.signContInner .snsBt:after{font-size: 13px; font-weight: bold;}
.signContInner .snsBt.naver:after{content: '³×À̹ö'}
.signContInner .snsBt.facebook:after{content: 'ÆäÀ̽ººÏ'}
.signContInner .snsBt.kakao:after{content: 'Ä«Ä«¿À'}
.signContInner .snsBt.google:after{content: '±¸±Û'}


/* ¸®´º¾ó 241113 */
/* ·Î±×ÀÎ, ¾ÆÀ̵ð ã±â */
.subContents_renew{font-family:'pretendard';}
.subContents_renew input{font-family:'pretendard' !important;}
.subContents_renew .signup .signUpBoxArea{box-shadow:none; padding: 50px 100px 0 100px;}
.subContents_renew .signup .signUpBoxArea .sgTit{font-size:24px; color:#111; font-family:'pretendard-Bold';}
.subContents_renew .signup .signUpBoxArea .sgsTit{font-size:18px; margin-top:2px; color:#111;font-family:'pretendard';}
.subContents_renew .signup .signUpBoxArea .sgTitle .poi{font-weight:bold; color: #005aff;}
.subContents_renew .signup .signUpBoxArea .sgForm.absBtn .abtn{width:130px; height:48px; background-color:#777777; color:#fff; font-size:16px; border:1px solid #ccc;}
.subContents_renew .signup .signUpBoxArea .abtn.blue.btm_blue_btn{font-size:18px; border-radius:25px; height:48px; line-height:48px; margin:auto; font-weight:500;}
.subContents_renew .signup .innerWrap{min-width:830px; max-width:830px;}
.subContents_renew .signup .cmmStateStepType2Wrap.tp2{border-bottom:1px solid #111;}
.subContents_renew .signup .cmmStateStepType2Wrap.tp2 .cssTp .cssTit{line-height:70px; font-size:18px; color:#111;}
.subContents_renew .signup .cmmStateStepType2Wrap.tp2 .cssTp .cssTpBox{background-color:#f9f9f9;}
.subContents_renew .signup .cmmStateStepType2Wrap.tp2 .cssTp{border-color:#cccccc;}
.subContents_renew .signup .cmmStateStepType2Wrap.tp2 .cssTp.active{border-color:#111;}
.subContents_renew .sgFormRadioArea .sgfBox input:checked+.lb{background-color:#333333; border-color:#333333; padding: 20px 0;}
.subContents_renew .sgFormRadioArea .sgfBox .lb{height:60px; border-color:#cccccc;}
.subContents_renew .sgFormRadioArea .sgfBox .lb .intx{color:#a5acba;}
.subContents_renew .sgFormRadioArea .sgfBox input:checked+.lb .intx{color:#fff;}
.subContents_renew .sgFormGroup .sgForm input[type="text"], .subContents_renew .sgFormGroup .sgForm input[type="password"]{height:48px; border-color:#cccccc;}
.subContents_renew .sgFormGroup .sgForm input.required{background-position:10px center;}
.subContents_renew .infMsgArea .ifmBox{background-color:#f1f1f1; font-size:16px; color:#111; padding: 32px 30px; line-height:1.7;}
.subContents_renew .infMsgArea .ifmBox .lb{color:#111; min-width:90px; display:inline-block;}
.subContents_renew .infMsgArea .ifmBox .tel{font-weight:normal;display: inline-block; text-indent: 40px; vertical-align: top; margin-left: -40px;color:#111;}
.subContents_renew .infMsgArea .ifmBox .mai{color:#111;}

/* ȸ¿ø°¡ÀÔ */
.subContents_renew .signUpBoxArea .sgTitle{margin-bottom:18px;}
.subContents_renew .sgFormGroup .sgForm select{appearance:none; background: url(/images/arrow_17_11.png) no-repeat calc(100% - 20px) center; background-size:15px; border-color:#cccccc; height:48px; text-indent:0; padding-left:25px; box-sizing:border-box; color:#111 !important;}
.subContents_renew .signup .signUpBoxArea .sgTitNm{font-size:24px; font-family:'pretendard'; line-height:1.2; color:#111; font-weight:bold; font-family:'pretendard-Bold';}
.subContents_renew .signup .signUpBoxArea .infMsg .intx{font-size:14px; color:#aaaaaa;}
.subContents_renew .signup .signUpBoxArea .sgAgrGroup .sgaTo .cmmInput .lb{font-weight:bold;}
.subContents_renew .signup .signUpBoxArea .sgAgrGroup .sgaCt{border:1px solid #cccccc; padding:30px 30px; box-sizing:border-box;}
.subContents_renew .signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput.radiochk.tp99 input[type="checkbox"]+.lb:after{width:20px; height:20px;}
.subContents_renew .signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput.radiochk.tp99 .lb{padding-left:29px; font-size:16px;}
.subContents_renew .signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput .agTxtBtn{font-size:16px; color:#005aff;}
.subContents_renew .signup .signUpBoxArea .sgAgrGroup .sgaCt .cmmInput .agTxtBtn:after {content: ''; width: 20px; height: 100%; background: no-repeat center center url(../images/icoslBlueArrowNext_5_8_v2.png); position: absolute; right: 0; top: 0;}
.subContents_renew .signup .signUpBoxArea .infMsg.infMsg_vertical .cmmInput.radiochk{display: flex; flex-direction: column;}
.subContents_renew .signup .signUpBoxArea .infMsg.infMsg_vertical .cmmInput.radiochk > label{margin:10px 0;}
.subContents_renew .signUpBoxArea .sgAgrSxGroup .inbx{padding:40px 60px; background-color:#f1f1f1;}
.subContents_renew .signUpBoxArea .sgAgrSxGroup .txts{font-size:16px; color:#111;}
.subContents_renew .signUpBoxArea .sgAgrSxGroup .btsGr{margin-top:15px;}
.subContents_renew .cmmInput.radiochk.tp99 .lb{color:#111; font-size:16px; height: 24px; line-height: 24px; padding-left:33px;}
.subContents_renew .cmmInput.radiochk.tp99 input[type="checkbox"]+.lb:after{width:24px; height:24px;}
.subContents_renew .cmmInput.radiochk.tp99 input[type="checkbox"]:checked+.lb{color:#111;}
.subContents_renew .cmmInput.radiochk.tp99 input[type="checkbox"]:checked+.lb:after{border-color:#005aff; background-color:#005aff;background-image: url(../images/icosWhiteCheck_7_v2.png);}
.subContents_renew .WIDTH260{width:260px !important;}