@CHARSET "UTF-8";

/********************************
 01 회원 로그인
 *******************************/
.member_box {position:relative; /*border:1px solid #e5e5e5; border-radius:20px;*/}
.member_box .member_inner {margin:0 auto; padding:80px 50px 100px;}
.member_box .member_inner .titbox {margin-bottom:50px; color:#333; text-align:center;}
.member_box .member_inner .titbox .tit_b {font-family: 'OneMobileT'; font-size:2.8rem;}
.member_box .member_inner .titbox .tit_s {font-weight:500;} 

.loginbox{padding:0;}
.loginbox.flexbox {display:flex; flex-wrap:wrap;}
.loginbox.flexbox form {display:block;}
.loginbox.flexbox .itembox{display:flex; flex-direction:column;}
.loginbox.flexbox[data-divide="2"] .itembox{flex-basis:50%;}
.loginbox.flexbox[data-divide="1"] .itembox{flex-basis:70%; margin:0 auto;}

.loginbox .itembox {position:relative;}
.loginbox .itembox:before{display:block; position:absolute; top:0; right:0; z-index:1; width:1px; height:100%; background-color:#dddddd; content:'';}
.loginbox .itembox:last-child:before{display:none;}
.loginbox .itembox .innerbox{position:relative; z-index:2; padding:3px 60px 0;}

.loginbox .itembox .titlebox{margin-bottom:20px; text-align: center;}
.loginbox .itembox .titlebox h2{line-height:27px; color:#242a3a; font-family: 'SBAggro'; font-size:25px; font-weight:500; letter-spacing:-0.02em;}
.loginbox .itembox .textbox p{line-height:24px; color:#575e6d; font-size:16px; font-weight:400; word-break:keep-all;}
.loginbox .itembox.snslogin .textbox{margin-bottom:48px;}
.loginbox .itembox.loginInfo .textbox{margin-bottom:21px;}

.loginbox .itembox .login {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; margin-top:30px;}
.loginbox .itembox .login:first-child {margin-top:0;}
.loginbox .itembox .login label,
.loginbox .itembox .login .tit {margin-bottom:5px; width:100%; color:#222; font-weight:600;}
.loginbox .itembox .login .txt {position:relative; padding:0 10px; width:calc(100% - 60px); border:1px solid #ddd; border-left:0; background-color:#fff; border-radius:0 8px 8px 0; line-height:58px;}
.loginbox .itembox .login input {position:relative;padding-right:5px;width: calc(100% - 50px);height: 50px;border-left:0;border-radius:0 8px 8px 0;line-height: 50px;}
.loginbox .itembox .login .icon {width: 50px;height: 50px;border:1px solid #ddd;border-right:0;border-radius:8px 0 0 8px;}
.loginbox .itembox .login .icon.id {background:#fff url(../../../../images/egovframework/story/web/sub/input_id.png) center center no-repeat;}
.loginbox .itembox .login .icon.pw {background:#fff url(../../../../images/egovframework/story/web/sub/input_pw.png) center center no-repeat;}
.loginbox_btn {margin-top:30px; padding:5px; width:100%; border-radius:10px; font-size:2.0rem; line-height:50px; background-color:#EA616F; border:none; color:#fff;}

.loginbox .innerbox .find_box {display:flex;justify-content:space-between;margin-top:20px;}
.loginbox .innerbox .find_box a {color:#333;}

.loginbox .itembox .btnbox {margin-bottom:26px; line-height:0;}
.loginbox .itembox .btnbox .certification_btn{width:100%;}
.loginbox .itembox .btnbox a.certification_btn{display:block;}
.loginbox .itembox.loginInfo .certification_btn{text-align:center;}
.loginbox .itembox.snslogin .certification_btn{text-align:left;}

.loginbox .itembox.snslogin .btnbox ul li{margin-top:10px;}
.loginbox .itembox.snslogin .btnbox ul li:first-child{margin-top:0;}
.loginbox .itembox.snslogin .certification_btn span{display:block;}
.loginbox .itembox.snslogin .certification_btn span:before{display:block; position:absolute; top:3px; left:0; width:24px; height:23px; background-repeat:no-repeat; background-image:url(../../../../images/egovframework/story/web/sub/sns_icons.png); content:'';}
.loginbox .itembox.snslogin .certification_btn.naver span:before{background-position:left top;}
.loginbox .itembox.snslogin .certification_btn.kakao span:before{background-position:-24px -23px;}


.certification_btn {position:relative; margin:0; padding:13px 31px 14px 29px; border:none; border-radius:10px; font-size:18px; font-weight:400; letter-spacing:-0.03em;}
.certification_btn.cellphone{background-color:#414851; color:#FFF;}
.certification_btn.ipin{background-color:#01a78e; color:#FFF;}
.certification_btn.naver{background-color:#129b3c; color:#FFF;}
.certification_btn.kakao{background-color:#f8da33; color:#1a1919;}
.certification_btn span{display:inline-block; position:relative; padding-top:2px; padding-bottom:3px; padding-left:39px; line-height:24px;}

.certification_btn.validate span:before{display:block;position:absolute;top:0;left:0;width:27px;height:29px;background-repeat:no-repeat;background-image:url(../../../../images/egovframework/story/web/sub/certification_icons.png);content:'';}
.certification_btn.validate.cellphone span:before{background-position:left center;}
.certification_btn.validate.ipin span:before{background-position:-27px center;}
.certification_btn.validate.cancel span:before{background-position:-54px center;}

.certification_btn.arrow span{padding-right:26px;}
.certification_btn.arrow span:after{display:block; position:absolute; top:calc(50% - 6px); right:0; width:16px; height:12px; background-repeat:no-repeat; background-position:left top; background-image:url(../../../../images/egovframework/story/web/sub/login_arrow.png); content:'';}

.description {position:relative; padding-left:22px; line-height:22px; color:#1d2f9b; font-size:15px; font-weight:400; letter-spacing:-0.02em; word-break:keep-all;}



/*자동완성 autofill 없애기*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


@media all and (max-width:1500px){
.loginbox{padding:0;}
.loginbox .itembox .innerbox{padding:3px 10% 0;}
}

@media all and (max-width:1200px){
	
}

@media screen and (max-width:1000px){
.loginbox .itembox.certification .textbox{margin-bottom:20px;}

}

@media screen and (min-width:641px) and (max-width:920px){
.member_box .member_inner .titbox .tit_b {font-size:2.6rem;}	
.loginbox.flexbox[data-divide="1"] .itembox.itembox1{display:block; width:auto; flex-basis:100%;} 	
.loginbox.flexbox[data-divide="2"] .itembox.itembox1{display:block; width:auto; flex-basis:100%;} 
.loginbox.flexbox[data-divide="1"] .itembox.itembox2{display:block; width:auto; flex-basis:100%;}
.loginbox.flexbox[data-divide="2"] .itembox.itembox2{display:block; width:auto; flex-basis:100%;}
.loginbox .itembox.itembox1:before{position:absolute; top:auto; bottom:0; display:block; width:100%; height:1px;}
.loginbox .itembox .innerbox{padding:30px 6% 0;}
.loginbox .itembox.itembox1 .innerbox{padding:0 3% 30px;}

.loginbox .itembox.itembox1 .btnbox {width:100%; margin:0 auto 26px;}
.loginbox .itembox.certification .textbox p{height:72px;}
}

@media screen and (max-width:640px){
.member_box .member_inner .titbox .tit_b {font-size:2.2rem;}
.loginbox.flexbox{display:block;}
.loginbox.flexbox .itembox{display:block;}
.loginbox .itembox:before{top:auto; bottom:0; width:100%; height:1px;}
.loginbox .itembox .innerbox{padding:30px 3%;}
.loginbox .itembox:first-child .innerbox{padding-top:0;}
.loginbox .itembox:last-child .innerbox{padding-bottom:0;}
}

@media screen and (max-width:480px){
	.member_box .member_inner {margin:0 auto; padding:40px 0;}
}
/********************************
 아이디 비번찾기
*******************************/
.findbox{padding:0;}
.findbox.flexbox {display:flex; flex-wrap:wrap;}
.findbox.flexbox form {display:block;}
.findbox.flexbox .itembox{display:flex; flex-direction:column;}
.findbox.flexbox[data-divide="2"] .itembox{flex-basis:50%;}
.findbox.flexbox[data-divide="1"] .itembox{flex-basis:50%; margin:0 auto; text-align: center;}

.findbox .itembox {position:relative;}
.findbox .itembox:before{display:block; position:absolute; top:0; right:0; z-index:1; width:1px; height:100%; background-color:#dddddd; content:'';}
.findbox .itembox:last-child:before{display:none;}
.findbox .itembox .innerbox{position:relative;z-index:2; padding: 3px 0px 0;}

.findbox .itembox .titlebox{margin-bottom:20px;}
.findbox .itembox .titlebox h2{line-height:27px; color:#242a3a; font-family: 'SBAggro'; font-size:25px; font-weight:500; letter-spacing:-0.02em;}
.findbox .itembox .textbox p{line-height:24px; color:#575e6d; font-size:16px; font-weight:400; word-break:keep-all;}
.findbox .itembox.snslogin .textbox{margin-bottom:48px;}
.findbox .itembox.loginInfo .textbox{margin-bottom:21px;}

.findbox .itembox .login {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; margin-top:30px;}
.findbox .itembox .login:first-child {margin-top:0;}
.findbox .itembox .login label,
.findbox .itembox .login .tit {margin-bottom:5px; width:100%; color:#222; font-weight:600;}
.findbox .itembox .login .txt {position:relative; padding:0 10px; width:calc(100% - 60px); border:1px solid #ddd; border-left:0; background-color:#fff; border-radius:0 8px 8px 0; line-height:58px;}
.findbox .itembox .login input {position:relative;padding-right:5px;width: calc(100% - 50px);height: 50px;border-left:0;border-radius:0 8px 8px 0;line-height: 50px;}
.findbox .itembox .login .icon {width: 50px;height: 50px;border:1px solid #ddd;border-right:0;border-radius:8px 0 0 8px;}
.findbox .itembox .login .icon.id {background:#fff url(../../../../images/egovframework/story/web/sub/input_id.png) center center no-repeat;}
.findbox .itembox .login .icon.pw {background:#fff url(../../../../images/egovframework/story/web/sub/input_pw.png) center center no-repeat;}

.findbox .innerbox .find_box {display:flex;justify-content:space-between;margin-top:20px;}
.findbox .innerbox .find_box a {color:#333;}

.findbox .itembox .btnbox {margin-bottom:26px; line-height:0;}
.findbox .itembox .btnbox .certification_btn{width:100%;}
.findbox .itembox .btnbox a.certification_btn{display:block;}
.findbox .itembox.loginInfo .certification_btn{text-align:center;}
.findbox .itembox.snslogin .certification_btn{text-align:left;}

.findbox .itembox.snslogin .btnbox ul li{margin-top:10px;}
.findbox .itembox.snslogin .btnbox ul li:first-child{margin-top:0;}
.findbox .itembox.snslogin .certification_btn span{display:block;}
.findbox .itembox.snslogin .certification_btn span:before{display:block; position:absolute; top:3px; left:0; width:24px; height:23px; background-repeat:no-repeat; background-image:url(../../../../images/egovframework/story/web/sub/sns_icons.png); content:'';}
.findbox .itembox.snslogin .certification_btn.naver span:before{background-position:left top;}
.findbox .itembox.snslogin .certification_btn.kakao span:before{background-position:-24px -23px;}

@media screen and (min-width:641px) and (max-width:900px){
.findbox.flexbox[data-divide="1"] .itembox{flex-basis:70%;}		
.findbox.flexbox[data-divide="2"] .itembox.itembox1{display:block;width:auto;flex-basis:100%;} 
.findbox.flexbox[data-divide="2"] .itembox.itembox2{display:block; width:auto; flex-basis:100%;}
.findbox .itembox.itembox1:before{position:absolute; top:auto; bottom:0; display:block; width:100%; height:1px;}
.findbox .itembox .innerbox{padding:30px 6% 0;}
.findbox .itembox.itembox1 .innerbox{padding:0 3% 30px;}

.findbox .itembox.itembox1 .btnbox {width:100%; margin:0 auto 26px;}
.findbox .itembox.certification .textbox p{height:72px;}
}

@media screen and (max-width:640px){
.findbox.flexbox[data-divide="1"] .itembox{flex-basis:70%;}	
.findbox.flexbox{display:block;}
.findbox.flexbox .itembox{display:block;}
.findbox .itembox .titlebox h2 {font-size: 22px;line-height: 22px;}
.findbox .itembox .textbox p{line-height:24px; font-size:15px;}	
.findbox .itembox:before{top:auto; bottom:0; width:100%; height:1px;}
.findbox .itembox .innerbox{padding:30px 3%;}
.findbox .itembox:first-child .innerbox{padding-top:0;}
.findbox .itembox:last-child .innerbox{padding-bottom:0;}
}


/********************************
 회원가입 _상단
*******************************/
.stepCount_box {display:flex; flex-wrap:nowrap; justify-content:space-between; margin-bottom:20px; padding:20px 0; align-items:center; border-bottom:2px solid #d8521b;/* border-top:1px dashed #dedede; */}
.stepCount_box .steplist {/* border: 1px solid #efeded; border-radius: 50px; padding: 10px 16px; box-shadow: 0 0 8px rgba(0,0,0,0.05); */}
.stepCount_box .steplist .colortit {display:inline-block; margin-right:6px; color:#d8521b; font-weight:500; font-family:'OneMobile';}
.stepCount_box .steplist.step1 {font-weight:500; color:#121212;}
.stepCount_box .circleStep {}
.stepCount_box .circleStep ol {display:flex; flex-wrap:nowrap; justify-content:flex-end;}
.stepCount_box .circleStep ol li {width:32px; height:32px; margin-left:8px; line-height:34px; text-align:center; font-size:1.7rem; border-radius:50%; font-family:'OneMobile'; color:#555; background-color:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.stepCount_box .circleStep ol li.on {color:#fff; background-color:#d8521b;}

@media screen and (max-width:400px){
	.stepCount_box {justify-content:unset;flex-direction:column;}
	.stepCount_box .steplist.step1 {margin-bottom: 15px;}
}

/********************************
 유형선택
 *******************************/
/*.join_innerbox {background-color:#fff; border-radius:100px 100px 0 0; box-shadow:0px 0 20px rgba(0,0,0,0.07); margin-top:70px; padding:70px 50px;}*/
.join_innerbox .join_list {display:flex; flex-wrap:wrap; justify-content:center; gap:20px;}
.join_innerbox .join_list li {display:inline-block; position:relative; padding:40px 25px; width:calc(50% - 20px); border-radius:60px 20px 20px 20px; text-align:center; background-color:#f7f7f9; /*background:linear-gradient(135deg, rgb(216 201 201 / 5%) 5%, rgba(143, 62, 96, 0.05) 40%, rgba(69, 89, 144, 0.05) 75%, rgba(17, 108, 177, 0.05) 90%);*/}
.join_innerbox .join_list li:nth-child(2) {border-radius:20px 60px 20px 20px;}
.join_innerbox .join_list li:nth-child(3) {border-radius:20px 20px 20px 60px;}
.join_innerbox .join_list li:nth-child(4) {border-radius:20px 20px 60px 20px;}
.join_innerbox .join_list li .inbox {}
.join_innerbox .join_list li .inbox .infotxt {letter-spacing:-1px;}
.join_innerbox .join_list li .inbox button.joinBtn {background-color:#414851; color:#fff; border-radius:5px; width:55%; padding:13px; margin-top:30px;}
.join_innerbox .join_list li .inbox button.joinBtn.jbtn03 {position:relative; background-color:#03c75a;} 
.join_innerbox .join_list li .inbox button.joinBtn.jbtn03:before {content:''; display:block; position:absolute; top:50%; margin-top:-8px; left:20px; width:17px; height:17px; background:url(../../../../images/egovframework/story/web/icon_snsbtn01.svg) no-repeat;} 
.join_innerbox .join_list li .inbox button.joinBtn.jbtn04 {position:relative; background-color:#fee500; color:#3d3926;} 
.join_innerbox .join_list li .inbox button.joinBtn.jbtn04:before {content:''; display:block; position:absolute; top:50%; margin-top:-8px; left:20px; width:17px; height:17px; background:url(../../../../images/egovframework/story/web/icon_snsbtn02.png) no-repeat;} 


/* media query */
@media screen and (max-width:1520px) {
}

@media screen and (max-width:1400px) {
}

@media screen and (max-width:1200px) {
	.join_innerbox {padding:40px;}
	.join_innerbox .join_list li .inbox button.joinBtn {width:65%;}
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
	.join_innerbox .join_list {display:flex; flex-wrap:wrap; justify-content:center; gap:20px;}
	.join_innerbox .join_list li {padding:35px 20px; width:calc(100% - 20px); border-radius:60px 60px 12px 12px;}
	.join_innerbox .join_list li:nth-child(2),
	.join_innerbox .join_list li:nth-child(3),
	.join_innerbox .join_list li:nth-child(4) {border-radius:15px;}
	.join_innerbox .join_list li .inbox button.joinBtn {margin-top:17px;}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
	.join_innerbox {padding:30px 20px; border-radius:80px 80px 0 0; margin-top:30px;}
	.join_innerbox .join_list li {padding:25px; border-radius:60px 60px 12px 12px;}
}

@media screen and (max-width:480px) {
	.join_innerbox .join_list li .inbox button.joinBtn {width:100%;}
}



/********************************
약관동의
 *******************************/
.agreebox {margin-top:20px; padding:20px 30px; border:1px solid #ddd; border-radius:5px;}
.agreebox h2.tith2,
.agreebox h3.tith3 {margin-top:0;}
.agreebox .agree_ask {display:flex; justify-content:flex-end; margin-top:20px; padding-top:20px; border-top:1px dashed #ddd; text-align:center;}
.agreebox .agree_ask.linebl {flex-direction:column;}
.agreebox .agree_ask p {margin-bottom:0;}
.agrb_check {margin:0 10px;}
.agrb_check .keep_text:before, 
.agrb_check input:checked+.keep_text:before {background-image: url(../../../../images/egovframework/story/web/radio_box.png); background-size:22px 44px; background-repeat: no-repeat;}
.agrb_check {position:relative; display:inline-block; padding-left:22px;}
.agrb_check .input_keep {position:absolute; top:6px; left:3px; width:15px; height:15px;}
.agrb_check .keep_text {display:inline-block; margin-left:5px;}
.agrb_check input {-webkit-appearance: none; -moz-appearance: none;}
.agrb_check .keep_text:before {content: ''; position: absolute; top:3px; left:0; background-position:0 0; background-repeat: no-repeat; width:22px; height:22px; background-color:#fff;}
.agrb_check input:checked+.keep_text:before {background-position:0px -22px; background-repeat:no-repeat; width:22px; height: 22px;}


/*회원가입 - 이용약관*/
.agreebox .scroll_box {max-height:200px; overflow-y:auto;}


  /* media query */
@media screen and (max-width:767px){
	.agreebox {padding:20px 25px;}
	
	.agrb_check .keep_text {margin-left:2px;}
	.agrb_check .keep_text:before {top:1px; width:20px; height:20px; background-size:100%;}
	.agrb_check .input_keep {top:4px;}
}

@media screen and (max-width:640px){
	.agreebox .agree_ask {justify-content:unset; flex-direction:column; margin-top:15px; padding-top:15px;}
	.agreebox .agree_ask p {margin-bottom:5px;}
}

@media screen and (max-width:360px){
	.agreebox .agree_ask {text-align:left;}
	.agrb_check {display:block; margin:0 0 10px;}
}


/********************************
 회원가입 폼
 *******************************/
.memberjoin_form {}
.memberjoin_form .join_info {display:flex; flex-wrap:wrap; border-top:2px solid #666;}
.memberjoin_form .join_info > div {width:50%; display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #dedede;}
.memberjoin_form .join_info div dl {display:flex; align-items:stretch; width:100%;}
.memberjoin_form .join_info div dt {padding:15px; width:150px; min-width:150px; display:flex; /*flex-direction:column;*/ justify-content:center; align-items:center; text-align:center; font-weight:600; background-color:#f5f5f5; border-right:1px solid #dedede; border-left:1px solid #dedede; color:#333;}
.memberjoin_form .join_info div dd {padding:15px; width:calc(100% - 150px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.memberjoin_form .join_info div dd select {position:relative; padding:0 30px 0 12px; min-width:160px; background:#fbfbfb url(../../../../images/egovframework/story/web/select_arrow.png) right 10px center no-repeat; border-radius:8px;}
.memberjoin_form .join_info div dd input {background-color:#fbfbfb;}

.memberjoin_form .join_info div dd.id_tbox {justify-content:space-between;}
.memberjoin_form .join_info div dd.id_tbox input {width:calc(100% - 190px);}

.memberjoin_form .join_info div dd.addr_tbox {justify-content:space-between;}
.memberjoin_form .join_info div dd.addr_tbox input {width:calc(100% - 110px);}

.memberjoin_form .join_info div dd .carN_tbox {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.memberjoin_form .join_info div dd .carN_tbox img {max-width:100%;max-height:100%;}
.memberjoin_form .join_info div dd .carN_tbox > input {width:350px;}

.memberjoin_form .join_info div dd.addr_tbox2 {align-items:flex-start; flex-direction:column;}
.memberjoin_form .join_info div dd.addr_tbox2 span {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.memberjoin_form .join_info div dd.addr_tbox2 span.ip_box1 input {width:150px;}

.memberjoin_form .join_info div dd.addr_tbox2 span.ip_box2 {margin-top:10px;}
.memberjoin_form .join_info div dd.addr_tbox2 span.ip_box2 input {width:100%;}
.memberjoin_form .join_info div dd.addr_tbox2 span.ip_box2.box2 input {width:calc(50% - 10px);}

input.bd_input {display:block; width:100%; line-height:45px; border:1px solid #ddd;}

/* .view_info div안에 dl리스트 여러개일때 */
.memberjoin_form .join_info div.sch_info > dl > dd {padding:0;}
.memberjoin_form .join_info div.sch_info dd ul {width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.memberjoin_form .join_info div.sch_info dd ul li {width:100%; border-top:1px solid #ddd;}
.memberjoin_form .join_info div.sch_info dd ul li:first-child {border-top:none;}
.memberjoin_form .join_info div.sch_info dd ul li dt {width:100px; min-width:100px; background-color:#fbfbfb; margin-left:-1px;}
.memberjoin_form .join_info div.sch_info dd ul li dd {width:calc(100% - 100px);}
.memberjoin_form .join_info div.sch_info dd select {width:100%; min-width:inherit;}

.memberjoin_form .join_info div.sch_info dd ul li dl.h_75 {min-height:75px;}


.memberjoin_form .join_info dl > dt em, .memberjoin_form .join_info dl > dd em {color:#E4032E;}
/*.essential {padding-top:7px; color:#E4032E;}*/


.tooltip-action{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; position: relative;}

/*인증확인 레이어팝업*/
.Layer_popup_type1 {display:none; position:absolute; left:50%; top:15%; padding:20px; margin-left:-380px;}
.Layer_popup_type1:after {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4) ;z-index:1;}
.popup_txtinner {position:relative; padding:30px; background-color:#fff;transition: padding ease 0.2s;z-index:3;}

.Layer_popup_type2 {display:none; position:absolute; left:50%; top:35%; padding:20px; margin-left:-380px;}
.Layer_popup_type2:after {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4) ;z-index:1;}

.tit_h2 {margin-top:10px;margin-bottom:10px;padding-top:16px;font-size:25px;color:#4e5464;line-height:38px;}
.tit_h2:after {content:""; display:inline-block; position:relative; width:.667em; height:.667em; border-radius:100%; background:#5646B4; opacity:.15; margin-left:-.35em; transform:translateY(-70%); -webkit-transform:translateY(-70%);}

.memberjoin_form .join_info .desc_txt {width:100%; table-layout:fixed; border-top:2px solid #333; font-size:.9444em; margin-bottom:1em;}
.memberjoin_form .join_info .desc_txt dl {display:table-row;}
.memberjoin_form .join_info .desc_txt dl > dt,
.memberjoin_form .join_info .desc_txt dl > dd {display:table-cell; vertical-align:middle; position:relative; padding:.88235294em; border-bottom:1px solid #ddd;}
.memberjoin_form .join_info .desc_txt dl > dt {width:12.58em; text-align:left; font-weight:600; line-height:120%;}

.popup_hide {display:block; position:absolute; top:45px; right:45px; margin-bottom:5px; width:45px; height:45px; border-radius:30px; font-size:0; background:#000; vertical-align:top; z-index:999;}
.popup_hide:before{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 12px; height: 12px; margin: auto; background: url("../../../../images/egovframework/story/web/sub/addons_share_close.svg") no-repeat; background-size: contain;}

@media screen and (max-width:1024px){
  	.Layer_popup {left: 0;margin-left:0;}
}

  /* media query */
@media screen and (max-width:1200px){
	.memberjoin_form .join_info div.sch_info > dl {display:block; width:100%;}
	.memberjoin_form .join_info div.sch_info > dl > dt {width:100%; min-width:unset;}
	.memberjoin_form .join_info div.sch_info dd ul li:first-child {border-top:1px solid #ddd;}
	.memberjoin_form .join_info div.sch_info dd ul li dt {margin-left:0;}
	.memberjoin_form .join_info div.sch_info > dl > dd {width:100%;}
	.memberjoin_form .join_info div dd.id_tbox input {width:calc(100% - 145px);}

	.memberjoin_form .join_info div.sch_info dd ul li dl.h_75 {min-height:85px;}
}

@media screen and (max-width:1024px){
	.Layer_popup_type1 {left: 0;margin-left:0;}
	.Layer_popup_type2 {left: 0;margin-left:0;}
}

@media screen and (max-width:920px){
	.memberjoin_form .join_info div.sch_info dd ul li {width:100%;}
	.memberjoin_form .join_info div.sch_info dd ul li {border-top:1px solid #ddd;}
	.memberjoin_form .join_info div.sch_info dd ul li dt {width:150px;min-width:150px;}
	.memberjoin_form .join_info div.sch_info dd ul li dd {width:calc(100% - 150px);}
	.memberjoin_form .join_info div dd select {width:100%;}
}

@media screen and (max-width:800px){
	.memberjoin_form .join_info div.sch_info dd ul li dl.h_75 {min-height:110px;}
}

@media screen and (max-width:767px){
	.memberjoin_form .view_title {font-size:2.4rem;}

	.memberjoin_form .join_info div {width:100%;}
	.memberjoin_form .join_info div dt {padding:10px; width:120px; min-width:120px;}
 	.memberjoin_form .join_info div dd {padding:10px; width:calc(100% - 120px);}
	.memberjoin_form .join_info div.sch_info dd ul li dt {width:120px;min-width:120px;}
	.memberjoin_form .join_info div.sch_info dd ul li dd {width:calc(100% - 120px);}
	
	.memberjoin_form .join_info div dd .carN_tbox > input {width:100%;}

}

@media screen and (max-width:640px){
	.memberjoin_form .join_info div dd.addr_tbox2 span.ip_box2.box2 input {width:100%;}
	.memberjoin_form .join_info div.sch_info dd ul li dl.h_75 {min-height:92px;}
}

@media screen and (max-width:480px){
	.memberjoin_form .view_title {font-size:2.2rem;}

	.memberjoin_form .join_info div dt {width:100px; min-width:100px;}
 	.memberjoin_form .join_info div dd {width:calc(100% - 100px);}
 	.memberjoin_form .join_info div.sch_info dd ul li dt {width:100px; min-width:100px;}
	.memberjoin_form .join_info div.sch_info dd ul li dd {width:calc(100% - 100px);}

	.memberjoin_form .join_info div dd button {width:100%;}
	.popup_hide {width: 45px !important;}
	.memberjoin_form .join_info div dd.id_tbox input {width:100%; margin-bottom:10px;}
	.memberjoin_form .join_info div dd.addr_tbox input {width:100%; margin-bottom:10px;}

	.memberjoin_form .join_info div.sch_info dd ul li dl.h_75 {min-height:inherit;}

	.memberjoin_form .join_info div dd.addr_tbox2 span {justify-content:center;}
	.memberjoin_form .join_info div dd.addr_tbox2 span.ip_box1 input {width:100%;}
}



/********************************
 가입 완료
 *******************************/
.complete_box {}
.complete_box .titlebox {text-align:center; padding:30px 20px 50px 20px;}
.complete_box .titlebox .bigtit {display:block; color:#121212; font-size:2.6rem; margin-bottom:30px; font-weight: 600;}
.complete_box .titlebox .txt {display:block; background-color:#f7f7f7; padding:35px 20px; border-radius:10px;/* margin-bottom: 35px; */}
.complete_box .citizen_btnbox {border-top:1px dashed #dedede;}

 /* media query */
@media screen and (max-width:767px){
	.complete_box .titlebox .bigtit {font-size:2.3rem;}
}

@media screen and (max-width:640px){
}


/*아이디 찾기 결과화면*/
.findId_innerbox {position:relative; background-color:#f4f6f9; border-color:#f4f6f9; border-radius:10px; box-sizing:border-box; padding:3rem 4rem; margin-bottom:30px;}
.findId_innerbox .txt {background-color:#fff; border-radius:5px; text-align:center; padding:30px; margin-bottom:40px;}
.findId_innerbox .txt strong.bold {font-weight:600; color:#111; font-size:2.3rem;}
.findId_innerbox .findId_btnbox {padding-top:40px; border-top: 1px dashed #dedede;}
.findId_innerbox .findId_btnbox ul {display:flex;flex-wrap:nowrap;justify-content:center;}
.findId_innerbox .findId_btnbox ul li {margin:0 5px;}


 /* media query */
@media screen and (max-width:920px){ 
	.findId:before {top:7%; right:9%; width:160px; height:210px;}
}
@media screen and (max-width:767px){
	.findId .findId_innerbox {margin-top:50px;}
}

@media screen and (max-width:640px){
}


/*비밀번호 찾기  결과화면*/
.findpw_innerbox {position:relative; background-color:#f4f6f9; border-color:#f4f6f9; border-radius:10px; box-sizing:border-box; padding:3rem 4rem; margin-bottom:30px;}
.findpw_innerbox .findpw_list {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.findpw_innerbox .findpw_list li {padding:40px;width:65%;border-right:1px dashed #dfdfdf;}
.findpw_innerbox .findpw_list li:last-child {border-right:0;}
.findpw_innerbox .findpw_list li .inbox {}
.findpw_innerbox .findpw_list li .inbox .login {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:5px 0;}
.findpw_innerbox .findpw_list li .inbox .login label {width:135px;}
.findpw_innerbox .findpw_list li .inbox .login input {width:calc(100% - 135px); border-radius:5px;}
.findpw_innerbox .findpw_list li .inbox .login_btn {width:100%; padding:15px; margin-top:25px; font-size:1.9rem; border-radius:5px; color:#fff; background-color:#414851;}

.findpw_innerbox .txt {background-color:#fff; border-radius:5px; text-align:center; padding:30px; margin-bottom:40px;}
.findpw_innerbox .findpw_btnbox {padding-top:30px; border-top:1px dashed #dedede;text-align: center;}

 /* media query */
@media screen and (max-width:920px){
	.findpw_innerbox .findpw_list li {width:100%;}
}
@media screen and (max-width:767px){
	
}

@media screen and (max-width:640px){
	.findpw_innerbox .txt {margin-bottom:30px;}
	.findpw_innerbox .findpw_btnbox {padding-top:30px;}
	
	.findpw_innerbox {padding:40px 30px;}
	.findpw_innerbox .findpw_list li .inbox .login {margin-bottom:10px;}
	.findpw_innerbox .findpw_list li .inbox .login label {width:100%; margin-bottom:5px;}
	.findpw_innerbox .findpw_list li .inbox .login input {width:100%;}
	.findpw_innerbox .findpw_list li .inbox .login_btn {padding:12px; margin-top:18px; font-size:1.7rem;}
}

@media screen and (max-width:480px){
	.findpw_innerbox .txt {margin-bottom:0px; padding:25px 20px 40px 20px;}
	.findpw_innerbox {padding:30px 20px;}
	.findpw_innerbox .findpw_list li {padding:30px;}
}