@CHARSET "UTF-8";

/********************************
 회원
 *******************************/
 
.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;}
 
 
 /*로그인*/
.gradient_box {position:relative; background:linear-gradient(135deg, rgba(213,145,37,0.05) 5%, rgba(143,62,79,0.05) 40%, rgba(69,89,144,0.05) 75%, rgba(17,108,177,0.05) 90%);}
.gradient_box:before {content:''; display:block; position:absolute; top:5%; right:10%; width:205px; height:261px; background:url(/images/egovframework/story/web/img_loginObj.svg) no-repeat;}
.gradient_box .titlebox {position: relative; z-index: 10;}
.gradient_box .titlebox span {display:block; text-align:center;}
.gradient_box .titlebox span.bigtit {padding-top:100px; font-family:'OneMobile'; font-size:3.0rem;}
.gradient_box .titlebox span.txt {padding:20px; font-size:2.1rem;}

.login_innerbox {background-color:#fff; border-radius:100px 100px 0 0; box-shadow:0px 0 20px rgba(0,0,0,0.07); margin-top:40px; padding:70px 50px;}
.login_innerbox .login_list {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.login_innerbox .login_list li {padding:40px; width:50%; border-right:1px dashed #dfdfdf;}
.login_innerbox .login_list li:last-child {border-right:0;}
.login_innerbox .login_list li .inbox {}
.login_innerbox .login_list li .inbox .login {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:5px 0;}
.login_innerbox .login_list li .inbox .login label {width:90px;}
.login_innerbox .login_list li .inbox .login input {width:calc(100% - 90px); border-radius:5px;}
.login_innerbox .login_list li .inbox .login_btn {width:100%; padding:15px; margin-top:25px; font-size:1.9rem; border-radius:5px; color:#fff; background-color:#414851;}

.login_innerbox .login_list li .inbox .sns_tit {margin-top:0; margin-bottom:30px; text-align:center; font-family:'OneMobile'; font-size:2.2rem;}
.login_innerbox .login_list li .inbox .sns_login {position:relative; display:block; font-size:1.9rem; width:100%; border-radius:5px; margin-top:10px; padding:15px; text-align:center;}
.login_innerbox .login_list li .inbox .sns_login.naver {background-color:#03c75a; color:#fff;}
.login_innerbox .login_list li .inbox .sns_login.kakao {background-color:#fee500; color:#3d3926;}
.login_innerbox .login_list li .inbox .sns_login:before {content:''; display:block; position:absolute; top:50%; margin-top:-8px; left:20px; width:17px; height:17px;}
.login_innerbox .login_list li .inbox .sns_login.naver:before {background:url(/images/egovframework/story/web/icon_snsbtn01.svg) no-repeat;}
.login_innerbox .login_list li .inbox .sns_login.kakao:before {background:url(/images/egovframework/story/web/icon_snsbtn02.png) no-repeat;}

.login_innerbox .login_list li .inbox .sns_txt {padding:10px 15px 10px 38px; margin-top:25px; font-size:1.6rem; line-height:1.4; color:#666;}
.login_innerbox .login_list li .inbox .sns_txt.tip.bg {border-radius:5px;}
.login_innerbox .login_list li .inbox .sns_txt.tip.bg:before {top:10px;}

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

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

@media screen and (max-width:1200px) {
	.login_innerbox {padding:40px;}
}

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

@media screen and (max-width:920px) {
	.gradient_box:before {top:9%; right:9%; width:175px; height:231px;}
	.gradient_box .titlebox span.bigtit {padding-top:80px;}
}

@media screen and (max-width:800px) {
	.login_innerbox .login_list li {padding:30px; width:100%; border-right:0; border-bottom:1px dashed #dfdfdf;}
	.login_innerbox .login_list li:last-child {border-bottom:0;}
}

@media screen and (max-width:767px) {
	.gradient_box.join:before {top:5%;}
	.gradient_box .titlebox span.txt {font-size:1.9rem;}
	
	.login_innerbox .login_list li .inbox .sns_login {font-size:1.8rem;}
}

@media screen and (max-width:640px) {
	.stepCount_box {padding:13px 0;}
	.stepCount_box .circleStep ol li {width:28px; height:28px; margin-left:7px; line-height:30px; font-size:1.4rem;}
	
	.gradient_box:before {top:10%; right:9%; width:135px; height:190px;}
	.gradient_box.join:before {top:5%; right:9%; width:135px; height:190px;}
	.gradient_box .titlebox span.bigtit {padding-top:50px; font-size:2.6rem;}
	.gradient_box .titlebox span.txt {font-size:1.8rem;}

	.login_innerbox {padding:30px 20px; margin-top:25px;}
	.login_innerbox .login_list li {padding:25px;}
	.login_innerbox .login_list li .inbox .login_btn {padding:12px; margin-top:18px; font-size:1.7rem;}
	.login_innerbox .login_list li .inbox .sns_tit {margin-bottom:20px; font-size:2.0rem;}
	.login_innerbox .login_list li .inbox .sns_login {padding:12px;}
	.login_innerbox .login_list li .inbox .sns_txt {padding:8px 12px 8px 38px; font-size:1.5rem;}
	.login_innerbox .login_list li .inbox .sns_txt.tip.bg:before {top:8px;}
}

@media screen and (max-width:480px) {
	.stepCount_box .circleStep ol li {width:26px; height:26px; margin-left:6px; line-height:28px;}
	
	.gradient_box:before {top:10.5%; right:9%; width:135px; height:190px;}
	.login_innerbox {padding:22px 10px;}
	.login_innerbox .login_list li .inbox .login label {width:65px;}
	.login_innerbox .login_list li .inbox .login input {width:calc(100% - 65px);}
}

@media screen and (max-width:375px) {
	.gradient_box:before {top:5%; right:9%;}
}

 

/********************************
 유형선택
 *******************************/
.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;}

.citizen_btnbox .bd_btn.btn_config {margin-top:50px; min-width:200px;}

/*회원가입 - 이용약관*/
.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; 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 {border-radius:5px; 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% - 160px);}

.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.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);}

/* .view_info div안에 dl리스트 여러개일때 */
.memberjoin_form .join_info div.sch_info > dl > dd {padding:0;}
.memberjoin_form .join_info div.sch_info dl dt.idt {margin-left:-1px;}
.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:33.3333%; /*border-top:1px solid #ddd;*/}
/*.memberjoin_form .join_info div.sch_info dd ul li:nth-child(-n+2) {border-top:0;}*/
.memberjoin_form .join_info div.sch_info dd ul li dt {width:100px; min-width:100px; background-color:#fbfbfb;}
.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;}

.essential {padding-top:7px; color:#E4032E;}


  /* 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 dl dt.idt {margin-left:0px;}
	.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){
}

@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);}

}

@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%;}
	.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){
}




/*아이디 찾기*/
.gradient_box.findId {}
.gradient_box.findId .findId_innerbox {position:relative; 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;}
.gradient_box.findId .findId_innerbox .txt {background-color:#f9f9f9; border-radius:5px; text-align:center; padding:30px; margin-bottom:40px;}
.gradient_box.findId .findId_innerbox .txt strong.bold {font-weight:600; color:#111; font-size:2.3rem;}
.gradient_box.findId .findId_innerbox .findId_btnbox {padding-top:40px; border-top: 1px dashed #dedede;}
.gradient_box.findId .findId_innerbox .findId_btnbox ul {display:flex;flex-wrap:nowrap;justify-content:center;}
.gradient_box.findId .findId_innerbox .findId_btnbox ul li {margin:0 5px;}


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

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



/*비밀번호 찾기*/
.gradient_box.findpw .findpw_innerbox .txt {background-color:#fff; border-radius:5px; text-align:center; padding:30px; margin-bottom:40px;}
.gradient_box.findpw .findpw_innerbox .findpw_btnbox {padding-top:30px; border-top:1px dashed #dedede;}
.gradient_box.findpw .findpw_innerbox .findpw_btnbox ul {display:flex; flex-wrap:nowrap; justify-content:center;}
.gradient_box.findpw .findpw_innerbox .findpw_btnbox ul li {margin:0 5px;}

.findpw_innerbox {position:relative; background-color:#fff; border-radius:100px 100px 0 0; box-shadow:0px 0 20px rgba(0,0,0,0.07); margin-top:40px; padding:70px 50px;}
.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;}

 /* media query */
@media screen and (max-width:920px){ 
	.gradient_box.findpw:before {top:9%; right:9%; width:175px; height:231px;}
	.findpw_innerbox .findpw_list li {width:100%;}
}
@media screen and (max-width:767px){
	.gradient_box.findpw:before {top:5%;}
}

@media screen and (max-width:640px){
	.gradient_box.findpw .findpw_innerbox .txt {margin-bottom:30px;}
	.gradient_box.findpw .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){
	.gradient_box.findpw .findpw_innerbox .txt {margin-bottom:0px; padding:25px 20px 40px 20px;}
	.findpw_innerbox {padding:30px 20px;}
	.findpw_innerbox .findpw_list li {padding:30px;}
}