@charset "UTF-8";

/* Popup */
.popWrap {position:relative;height:100%;}
.popWrap .popHeader {position:relative;height:40px;background:#0d1c2f;color:#fff;}
.popWrap .popHeader h1.tit {min-height:40px;padding:10px 13px;color:#fff;font-family: 'NotoKrM';font-size:15px}
.popWrap .popHeader .close {display:block;;position:absolute;right:10px;top:0;text-align:center;padding:10px}
.popWrap .popContents {padding:20px;}
.popWrap .popupBtn {width:100%;text-align:center;margin-bottom:20px;position:relative;display:table;;}
.popWrap .popupBtn:after {display:block;clear:both;content:''}


/* Layer Popup*/
body.closeWrap{position:fixed;overflow:hidden;width:100%;height:100%}
body.closeWrap02{overflow:hidden}
.layerPop > .dim {width:100%;height:100%;z-index:2;background-color:#000; opacity:0.7; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; position:fixed; top:0; left:0;	margin:0;	padding:0; display:}
.layerPop {display:none;position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch;}
.layerPopWrap {display:;position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch;}
.layerPopWrap .layerPopInner {position:relative;height:800px;margin:0 auto;top:10%;background:#fff;padding:12px 20px;overflow:auto;}
.layerPopWrap .layerPopInner.w450 {width:410px;}
.layerPopWrap .layerPopInner.w600 {width:560px;}
.layerPopWrap .layerPopInner.w700 {width:660px;}
.layerPopWrap .layerPopInner.w800 {width:760px;}
.layerPopWrap .scrollY{}
.layerPopWrap .popHeader {position:relative;padding-top:3px;padding-bottom:12px;border-bottom:2px solid #142e4e;height:auto;background:none;}
.layerPopWrap .popHeader h1.tit {color:#142e4e;font-size:26px;min-height:auto;padding:0;}
.layerPopWrap .popHeader .close {display:block;;position:absolute;right:-10px;top:-6px;text-align:center;padding:10px}
.layerPopWrap .popContents {padding:20px 0;}
.layerPopWrap .popupBtn {width:100%;text-align:center;position:relative;display:table;margin-bottom:10px;}
.layerPopWrap .popupBtn:after {display:block;clear:both;content:''}
.layerPopWrap .popupBtn.btnBd {padding-top:20px;border-top:1px solid #ccc;}
.layerPopWrap .contBox01 {padding:8px;border-top:2px solid #123867;border-bottom:1px solid #8e99a7;}

/* Popup common*/
.popContents .subTit {margin-top:50px;}
.popContents > .subTit:first-child {margin-top:0;}
.popupBtn .pBtns{margin-left:10px;}
.popupBtn .pBtns {display:inline-block;padding:0 15px;min-width:90px;height:32px;font-size:14px;text-align:center;line-height:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family: 'NotoKrM'}
.popupBtn .pBtns > span{color:#fff;}
.popupBtn .btnArea {margin-bottom:20px;font-family: 'NotoKrM';}

#hpLearningPop .layerPopInner {width:410px;} /* 희망학습구분 설명 */
#onlineAppAgreePop .layerPopInner {width:565px;}/* 온라인사전동의서 동의 */
#learningStepPop .layerPopInner {width:660px;height:310px;top:8%;} /* 학위신청절차 */
#certifiedInfoPop  .layerPopInner {width:560px;} /*공인인증서 안내 */
#learningCancelPop .layerPopInner {width:410px;height:310px;top:8%;} /*학위신청 취소하기*/
#postNumPop .layerPopInner {width:760px;} /* 우편 발송 안내	 */
#planTypeInfoPop .layerPopInner {width:560px;} /* 목표 유형별 안내 */
#hpMajorInfoPop .layerPopInner {width:410px;height:410px;top:8%;} /* 희망전공 안내 */
#majChgPop .layerPopInner {width:410px;height:320px;top:8%;}/* 전공교양호환과목 */
#completePop .layerPopInner {width:310px;height:250px;top:15%;}  /*이수학기*/
#myInfoPop .layerPopInner {width:450px;height:360px;top:8%;}  /* 학습자 정보 */
#privacyAgreePop .layerPopInner {width:795px;height:600px;} /* 메인약관동의 */
#dupCancelPop .layerPopInner {width:450px;} /* 반려사유 */
.layerPopWrap.eduInfoPop .layerPopInner {width:415px;} /* 유의사항 */
#eduInfoPop1 .layerPopInner {width:800px;} /* 온라인 신청자격 */
#eduInfoPop5 .layerPopInner {width:405px;height:600px;} /*  자격 유의사항 */
#eduInfoPop6 .layerPopInner {width:405px;height:400px;} /* 국가무형문화재 */

.popContents .listDateHr li .badgeWrap {border-spacing:0;}
.popContents .listDateHr li .nameBlock dt {margin-top:0;}


/* 전공검색 */
.popWrap .popContents .listSearch .listDateBox01 {margin-top:-1px;margin-bottom:25px}
.popWrap .popContents .listSearch .subTit {margin-top:15px;}
.popWrap .popContents .listSearch .cntList04 li {display:inline-block;width:22%;}

.progInstall .cntList02 {margin-top:10px}
.progInstall .cntList02 li {margin-top:20px;margin-bottom:10px;}
.progInstall .cntList02 li img {margin-top:10px;margin-left:-27px;width:110%;}

/* 대학검색 */
.popSearchAcc .listDateR01 li.viewBox {display:block;position:relative;}
.popSearchAcc .listDateR01 li.viewBox .viewMore {position:absolute;display:block;right:20px;top:10px;content:'';width:40px;height:40px;background:url('/nrsc/images/common/btn_arrow_down01.png') no-repeat;font-size:0;}
.popSearchAcc .listDateR01 li.viewBox.active .viewMore {background:url('/nrsc/images/common/btn_arrow_up01.png') no-repeat;}
.popSearchAcc .listDateR01 .tblInfoBox {display:none;}
.popSearchAcc .listDateR01 li.viewBox.active .tblInfoBox {padding:15px 10px;display:block;}
.popSearchAcc .listDateR01 li.viewBox .viewTit {overflow:hidden;padding:8px 0;}
.popSearchAcc .listDateR01 li.viewBox .viewTit .inform {display:inline-block;vertical-align:middle;}
.popSearchAcc .listDateR01 li.viewBox .viewTit .inform label {display:inline-block;margin:5px 10px 0 10px;font-family: 'NotoKrM';color:#333;vertical-align: middle;}
.popSearchAcc .listDateR01 li.viewBox .viewTit .tit {display:inline-block;vertical-align:middle;font-size:15px;color: #333333;font-family: 'NotoKrM';}
.popSearchAcc .listDateR01 li.viewBox.viewInform .viewMore {top:15px;}

/* 학번 입력 */
.tblInfoBox {padding:10px;border-top:1px solid #cccccc;background:#f5f5f5;border-right:none;text-align:left;}
.tblInfoBox .inform {margin-bottom:10px;text-align:center;}
.tblInfoBox label {margin-right:5px;color:#333;font-family: 'NotoKrM';vertical-align:middle}
.tblInfoBox input, .tblData .tblInfoBox span {vertical-align:middle}
.tblInfoBox .cau01:before{top:8px;}
.listDateR01 .tblInfoBox {margin:10px -10px -10px -10px;}

/* 자격검색 */
.licPopArea .listDateR01.listDateHr li {padding-bottom:5px;}
.licPopArea .listDateR01 li .nameBlock {width:85%;margin-bottom:10px;}
.licPopArea .listDateR01 li .nameBlock .viewBtn {top:2px !important;right:0 !important;margin-bottom:10px;}
.licPopArea .listDateR01 li .accView {width:100%;overflow:hidden;margin-top:20px;}

/*mobile size*/
@media screen and (min-width:1025px) and (max-width: 1366px){
	.layerPopWrap .layerPopInner {top:0 !important;}
}

/* Button - big */
.btnSt01 {background:#123867} /* blue */
.btnSt02 {background:#555555} /* gray */
.btnSt03 {background:#515f7a}
.btnSt04 {background:#007dc3}  /* blue */
.btnLineGray {border:1px solid #d4d6d9;background:#fff}
/* Button - middle */
.mbtnSt01 {background:#007dc3} /* blue */
.mbtnSt02 {background:#555555} /* blu*/

/* Button - table */
.tbtns {display:inline-block;font-size:14px;text-align:center;padding:0 8px;height:32px;line-height:29px;color:#515e71;background:#f2f5f7;border:1px solid #bcc1ca;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}