@charset "UTF-8";
/********************************
회원정보 수정
 *******************************/
.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 .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_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);}

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;}*/


  /* 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){
}

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


/*인증확인 레이어팝업*/
.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;}

.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_type1 {left: 0;margin-left:0;}
	.Layer_popup_type2 {left: 0;margin-left:0;}
}

.boardtop_txtinner .subject {border-bottom:1px dotted; text-align:center; font-size:2.6rem; line-height:2.6rem;color:#000;font-weight:700;padding:0 0 20px;margin:0 0 20px;} 
.boardtop_txtinner .subject span {display:inline-block; font-size:2.0rem; font-weight:500; font-family:'Score'; color:#1d2f9b; box-sizing:border-box; margin-right:10px; vertical-align: bottom;}
.Data_info {display:block; position:relative; text-align: center;}
.Data_info li {display:inline-block; position:relative; vertical-align:middle; font-size:1.6rem; padding:5px 10px; color:#666;}
.Data_info li + li:before {content:''; display:block; position:absolute; left:-1px; width:1px; height:12px; top:50%; margin-top:-5px; background:#e1e1e1;}
.Data_info li span {display:inline-block; position:relative; color:#333; margin-right:6px; font-weight:500; }
.Data_info li span:after {content:':';  display:inline-block; margin-left:6px;}