@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*login*/


/*contact*/
.sub_wrap.contact{width:100%; max-width:1320px; margin: 0 auto 250px auto; padding-top:210px;}
.sub_wrap.contact:after{content:""; display:block; clear:both;}
.sub_wrap #l_logo{float:left; width: calc(100% - 725px); padding-top:160px; }
.sub_wrap #l_logo img{}
.sub_wrap #r_contact{float:left; width:725px; text-align: center;}
.sub_wrap #r_contact .tit_call{width:100%; margin-bottom:25px; float: left; text-align:left;}
.sub_wrap #r_contact .tit_call h2{
	width:100%;
	font-family: 'Source Han Sans SC' , sans-serif; 
	font-weight: bold; 
	font-size: 70px; 
	letter-spacing:-3px;
	line-height:1;
	margin-top:19px;
}
.sub_wrap #r_contact .main_call{float: left; width:100%;}
.sub_wrap #r_contact .main_call .info_call{width:100%;}
.sub_wrap #r_contact .main_call .info_call ul > li{font-family: 'Source Han Sans SC' , sans-serif; font-weight: normal; font-size: 15px; }
.sub_wrap #r_contact .main_call .info_call ul > li:after{content:""; display:block; clear:both;}
.sub_wrap #r_contact .main_call .info_call ul > li .reg{display:block; float: left; margin:21.5px 0 9px;}
.sub_wrap #r_contact .main_call .info_call ul > li > input{width:100%; display:block; border-width: 0 0 1px; padding-bottom:6px;}
.sub_wrap #r_contact .main_call .info_call ul > li input::placeholder {color: #000; opacity: 25%;}
.sub_wrap #r_contact .main_call .info_call ul > li input:focus { outline: none; }
.sub_wrap #r_contact .main_call .info_call ul > li > label {width:100%; text-align:left;}
.sub_wrap #r_contact .main_call .info_call ul > li .rad_list{display:block; width:100%; float:left; text-align:center;}
.sub_wrap #r_contact .main_call .info_call ul > li .rad_list input[type=radio]{float:left; margin:5px 8px 0 43px;}
.sub_wrap #r_contact .main_call .info_call ul > li .rad_list input:first-child{margin:5px 8px 0 0;}
.sub_wrap #r_contact .main_call .info_call ul > li .rad_list > label {float:left;}

.sub_wrap #r_contact .main_call .info_call ul > li.date input{width:calc((100% - 50.05px) / 2); float:left;}
.sub_wrap #r_contact .main_call .info_call ul > li.date span{display:inline-block; float:left; width:50px; text-align:center; line-height:30px;}

.sub_wrap #r_contact .main_call .join_box{ width:100%; font-size:15px; text-align:left;}
.sub_wrap #r_contact .main_call .join_box:after{content:""; display:block; clear:both;}
.sub_wrap #r_contact .main_call .join_box .join_tit{float: left; font-family: 'Source Han Sans SC' , sans-serif; font-weight:medium; margin:21.5px 0 15px;}
.sub_wrap #r_contact .main_call .join_box > ul{width:726px; height:210px; float: left; border:solid #707070 1px; overflow-y: scroll; padding: 17px 23px 0;}
.sub_wrap #r_contact .main_call .join_box > ul > li{font-family: 'Source Sans Pro' , sans-serif;}
.sub_wrap #r_contact .main_call .join_box > ul > strong{line-height:5;}
.sub_wrap #r_contact .main_call .join_box .agree_checkbox{float:left; margin-top:10px; cursor: pointer;}
.sub_wrap #r_contact .main_call .join_box .agree_checkbox:after{content:""; display:block; clear:both;}
.sub_wrap #r_contact .main_call .join_box .agree_checkbox input{background:url("theme/basic/img/chk_icn.png");}
.sub_wrap #r_contact .main_call .join_box .agree_checkbox > div{float:left; }
.sub_wrap #r_contact .main_call .join_box .agree_checkbox > label{float:left; padding-left:8px;}
.sub_wrap.contact #r_contact .main_call .inquire_btn{display:block; margin-top:47px; text-align:center;}
.sub_wrap #r_contact .main_call .inquire_btn .btn_submit{
	width:150px;  
	line-height: 53px;
    background: #192C78;
    border-radius: 33px;
    color: #fff;
    font-size: 18px;
}



/*팝업 공통*/
.popup{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.6); z-index: 100; display:none;}
.popup .box{background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:40px; width: 590px; overflow-y: auto; max-height: 870px; height:auto; border-radius: 10px; display:none;}
.popup .box > p{font-size:13px; font-weight:bold; line-height:23px; margin-bottom:20px;}
.popup .box > a.close{position:absolute; right:20px; top:15px; cursor:pointer;}

.popup .box.idcek{padding:70px 40px; text-align:Center; height:auto;}
.popup .box.idcek p{font-size:15px; margin-bottom:5px;}
.popup .box.idcek span{font-size:15px;}


.m_footer{display:none;}
.left_menu{display:none;}

@font-face { 
  font-family: 'Altesse'; 
  font-weight: 400; 
  src: url(./font/Altesse.woff) format('woff');
}

@font-face { 
  font-family: 'himalaya'; 
  font-weight: 400; 
  src: url(./font/himalaya.woff) format('woff');
}

.bn_txt * {color:#fff}
.bn_txt {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.bn_txt h2 {padding-bottom:40px}


.bn_txt p {text-align:center; }
.bn_txt p.tr{color:transparent; -webkit-text-stroke: 1px #fff; }
.bn_txt.essay_box {width: 100%;   text-align: center;}

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

.bn_txt h2.ca_id {font-size:140px; }
}


@media screen and (max-width:720px) {
.bn_txt { width:100%}
.bn_txt h2 {font-size:80px; text-align: center;}
.bn_txt h2.ca_id {font-size:100px; letter-spacing:0px;}
.bn_txt p {font-size:14px; margin-right:20px}
}

@media screen and (max-width:450px) {
.bn_txt h2 {font-size:55px;}
.bn_txt h2.ca_id {font-size:60px; }
.bn_txt p {font-size:12px;}
}