@charset "utf-8";


/*팝업-개인정보번경 */
.popup_join-info{ position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 99999;}
.popup_join-info.popview{ display:block}

.popup_join-info .inner{background:#fff; width:700px; height:460px;position:absolute; top:50%; margin:1.5rem;left:50%;transform:translate(-50%, -50%);width:clac(100% - 2rem);margin:auto }
.popup_join-info .inner h2{padding:.5rem; background:#2e5189; color:#fff; font-weight:600; font-size:1.25rem; text-align:center;}
.popup_join-info .inner .Info{padding:15px 30px;margin-top:20px; }


.popup-close {position:absolute; right:25px; top:8px; }
.popup-close:after {content: '\e9af'; font-family: "xeicon";display:block; color:#fff; width:100%; height:100%; position:absolute; right:23px; top:0; font-size:1.5rem}



/* 회원가입안내 리스트(모달) */
.list-1st{padding:0 1rem 1.2rem 1rem;}
.list-1st li{position:relative;margin:5px 0;padding-left:12px;color:#666;font-size:.85rem;}
.list-1st li:before{ content: '';background:#4a66bd;width:4px;height:4px;position:absolute;top:13px; left:0;display:inline-block;}
.txt-box {background: #f4f6f9;margin:0 1rem 2.3rem 1rem;padding: 15px 20px;position: relative;border: 1px dotted #ccc;}
.txt-box .txt-contact{padding-left:17px}
.txt-box .txt-contact strong{color:#4a66bd;}
.txt-box .txt-contact:before {content: '\ea06'; color: #37456b;font-family: "xeicon";font-size: .85rem; position: absolute; left:.7rem;margin-right:.2rem;}

.popup_join-info .inner h2 {
    padding: .8rem 2rem .8rem .8rem;
    background: #b3e6ff;
    color: #004080;
    font-weight: 500;
    font-size: 1.15rem;
    text-align: center;
    line-height: 1.5rem;
}


@media(max-width:950px){
   /*팝업-개인정보번경 */
  .popup_join-info .inner{background:#fff; width:100%; height:100%;}
	 
}

@media(max-width:600px){
   /*팝업-개인정보번경 */	
  .popup_join-info .inner h2{font-weight:400; font-size:.9rem;}
  .popup-close {right:10px; top:4px; }
  .popup-close:after { right:23px; top:2px; font-size:1.2rem}

}

@media(max-width:500px){
	/*팝업-개인정보번경 */
  .popup_join-info .inner .Info {padding: 15px 15px;margin-right: 5px;margin-top: 10px;}

	
}