@charset "utf-8";

/*정렬ㆍ굵기*/
.center{text-align:center}.right{text-align:right}.left{text-align:left}
.bold{font-weight:500}

/*추가 텍스트형 버튼*/
.btnT{}
.btnT:hover{}
.btnT.btnBlank:after:hover{}

/*주의 스타일*/
.caution{position:relative;font-weight:500;font-size:15px;padding-left:18px}
.caution:before{display:block;position:absolute;left:0;content:"※";width:15px;height:15px;font-size:14px;top:2px}

/*표 안 쪽 박스*/
.tableBox{box-sizing:border-box;padding:20px;background: #f4f5f9;margin:5px 10px}

/*박스 나열*/
.listBox > ul{display:table;width:100%;height:100%}
.listBox > ul > li{display:table-cell;height:100%}
.listBox > ul > li > div{box-sizing:border-box;width:calc(100% - 20px);height:100%;margin: 0 auto;border:1px solid #ccc;border-top:3px solid #1b60c6;background:#FFF;padding:35px;text-align:center}
.listBoxL > ul > li > div{text-align:left}
.listBox dt{padding-bottom:10px;font-size:18px;font-weight:600}
.listBox.dv_2 > ul > li{width:50%}
.listBox.dv_3 > ul > li{width:33.33%}
.listBox.dv_4 > ul > li{width:25%}
.listBox.dv_5 > ul > li{width:20%}
.listBox.dv_6 > ul > li{width:16.66%}
.listBox.dv_7 > ul > li{width:14.28%}
.listBox.dv_8 > ul > li{width:12.5%}
@media only screen and (max-width:768px){
	.listBox > ul,.listBox > ul > li{display:block}
	.listBox > ul > li{width:100% !important}
	.listBox > ul > li > div{width:100%;margin-bottom:10px}
	.listBoxIconBg > ul > li > div{margin-bottom:60px}
	.listBox > ul > li:last-child > div{margin-bottom:0}
}
/*예비지원자 안내*/
.deptLinks{}
.deptLinks > ul{display:table;width:100%}
.deptLinks > ul > li{display:table-cell;box-sizing:border-box;width:25%;}
.deptLinks > ul > li > div{width:95%;margin:0 auto}
.deptLinks h3{font-weight:600;text-align:center;padding:12px 5px;box-sizing:border-box;border-top:3px solid #1b60c6;border-bottom:1px solid #c1c1c1;margin-bottom:15px}
.deptLinks > ul > li > div > ul > li{margin-bottom:8px}
.deptLinks a{width:90%;margin:0 auto;display: block !important;text-align:center}
@media only screen and (max-width:950px){
	.deptLinks > ul > li{display:block;width:100%;margin-bottom:15px}
	.deptLinks > ul > li > div > ul > li{display:inline-block}
	.deptLinks a{width:auto;display:inline-block !important;}
}

/*입학절차안내*/
.applyProcedure{background:#f7f7f7;padding:30px 50px;}
.applyProcedure ul{font-size:0;}
.applyProcedure ul li{display:inline-block;width:14%;vertical-align:top;margin-left:-2%;position:relative;}
.applyProcedure ul li div{box-sizing:border-box;height:64px;padding:20px 0;border-radius:100px;font-size:17px;color:#FFF;text-align:center;line-height:1.25;}
.applyProcedure ul li div span{display:block;}
.applyProcedure ul li div:before,
.applyProcedure ul li div:after{content:"";display:block;}
.applyProcedure ul li div:before{width:15px;height:15px;border:3px solid #FFF;border-radius:100px;position:absolute;top:-7px;left:calc(50% - 9px);box-shadow:0 0 5px #888;}
.applyProcedure ul li div:after{width:14px;height:22px;background:url(/images/admission/sub/arrow_1_w.png);position:absolute;top:calc(50% - 11px);right:3px;z-index:1;}
.applyProcedure ul li:nth-child(1){margin-left:0;width:14.5%;}
.applyProcedure ul li:nth-child(7) div{padding-top:12px;}
.applyProcedure ul li:nth-child(8) div:after{display:none;}
.applyProcedure ul li:nth-child(1) div,
.applyProcedure ul li:nth-child(1) div:before{background-color:rgba( 93,214,210,1 );}
.applyProcedure ul li:nth-child(2) div,
.applyProcedure ul li:nth-child(2) div:before{background-color:rgba( 32,193,245,0.8 );}
.applyProcedure ul li:nth-child(3) div,
.applyProcedure ul li:nth-child(3) div:before{background-color:rgba( 50,143,229,0.8 );}
.applyProcedure ul li:nth-child(4) div,
.applyProcedure ul li:nth-child(4) div:before{background-color:rgba( 27,96,198,0.8 );}
.applyProcedure ul li:nth-child(5) div,
.applyProcedure ul li:nth-child(5) div:before{background-color:rgba( 31,72,171,0.8 );}
.applyProcedure ul li:nth-child(6) div,
.applyProcedure ul li:nth-child(6) div:before{background-color:rgba( 30,46,85,0.8 );}
.applyProcedure ul li:nth-child(7) div,
.applyProcedure ul li:nth-child(7) div:before{background-color:rgba( 30,35,47,0.8 );}
.applyProcedure ul li:nth-child(8) div,
.applyProcedure ul li:nth-child(8) div:before{background-color:rgba( 0,0,0,0.8 );}
@media only screen and (max-width:1400px){
	.applyProcedure{padding:30px;}
}
@media only screen and (max-width:1024px){
	.applyProcedure ul li{width:27%;}
	.applyProcedure ul li:nth-child(1){width:25%;}
	.applyProcedure ul li:nth-child(5){margin-left:0;width:25%;}
	.applyProcedure ul li:nth-child(4) div:after{display:none;}
	.applyProcedure ul li:nth-child(-n+4){margin-bottom:20px;}
}
@media only screen and (max-width:680px){
	.applyProcedure ul li{display:block;width:100% !important;margin:0 auto 40px auto !important;}
	.applyProcedure ul li div span{display:inline;}
	.applyProcedure ul li:nth-child(7) div{padding-top:20px;}
	.applyProcedure ul li:nth-child(8){margin-bottom:0 !important;}
	.applyProcedure ul li div:after{right:calc(50% - 7px);top:auto;bottom:-11px;transform:rotate(90deg)}
	.applyProcedure ul li:nth-child(4) div:after{display:block;}
}
@media only screen and (max-width:320px){
	.applyProcedure ul li div span{display:block;}
	.applyProcedure ul li:nth-child(7) div{padding-top:12px;}
}

/*입학지원서 접수흐름도*/
.applyFlow{}
.applyFlow ul{display:flex;flex-wrap:wrap;}
.applyFlow ul li{box-sizing:border-box;margin-right:5%;margin-bottom:20px;position:relative;}
.applyFlow ul li:after{content:"";display:block;width:21px;height:35px;background:url(/images/admission/sub/arrow_2_bu.png) no-repeat center;position:absolute;top:calc(50% - 27.5px);right:-10%;}
.applyFlow ul li:last-child:after{display:none;}
.applyFlow ul li dl{box-sizing:border-box;height:100%;border:4px solid #85a1ba;}
.applyFlow ul li dt{text-align:center;color:#FFF;padding:15px 0;background:#85a1ba url(/images/admission/sub/pattern_1.png);}
.applyFlow ul li dt span{font-family:'Noto Medium';padding-right:10px;}
.applyFlow ul li dt a{color:#FFF;padding-right:20px;background:url(/images/admission/common/iconBlank_w.png) no-repeat right center;}
.applyFlow ul li dt a:hover{color:#000;background:url(/images/admission/common/iconBlank_b.png) no-repeat right center;}
.applyFlow ul li dd{padding:20px;text-align:center;font-size:17px;}
.applyFlow ul li:first-child dl{border-color:#328fe5;}
.applyFlow ul li:first-child dt{background-color:#328fe5;}
.applyFlow ul li:last-child dl{border-color:#1b60c6;}
.applyFlow ul li:last-child dt{background-color:#1b60c6;}
@media only screen and (max-width:1280px){
	.applyFlow ul li dt span{display:block;}
}
@media only screen and (min-width:1025px){
	.applyFlow ul li{width:30%;}
	.applyFlow ul li:nth-child(3),
	.applyFlow ul li:nth-child(6),
	.applyFlow ul li:last-child{margin-right:0;}
	.applyFlow ul li:nth-child(3):after,
	.applyFlow ul li:nth-child(6):after{display:none;}
}
@media only screen and (min-width:769px) and (max-width:1024px){
	.applyFlow ul li{width:47.5%;}
	.applyFlow ul li:nth-child(even){margin-right:0;}
	.applyFlow ul li:nth-child(even):after{display:none;}
	.applyFlow ul li:after{right:-8%;}
}
@media only screen and (max-width:768px){
	.applyFlow ul li dt span{display:inline;}
	.applyFlow ul li{width:100%;margin-right:0;}
	.applyFlow ul li:after{position:relative;top:auto;right:auto;width:100%;height:50px;transform:rotate(90deg);}
	.applyFlow ul li:last-child{margin-bottom:0;}
	.applyFlow ul li dl{height:auto;}
}
@media only screen and (max-width:420px){
	.applyFlow ul li dt span{display:block;}
}
@media print {
    .applyFlow ul{display: block;}
}

/*입학지원서 접수흐름도_2*/
.applyFlow_2{background:#f7f7f7;padding:30px;}
.applyFlow_2 > ul{}
.applyFlow_2 > ul > li{}
.applyFlow_2 > ul > li:after{content:"";display:block;margin:20px 0 20px 12.5%;width:21px;height:35px;background:url(/images/admission/sub/arrow_2_bu.png) no-repeat center;transform:rotate(90deg);}
.applyFlow_2 > ul > li:last-child:after{display:none;}
.applyFlow_2 > ul > li dl{border:4px solid #85a1ba;display:flex;flex-wrap:wrap;}
.applyFlow_2 > ul > li dt{box-sizing:border-box;width:25%;text-align:center;color:#FFF;padding:15px 0;background:#85a1ba url(/images/admission/sub/pattern_1.png);}
.applyFlow_2 > ul > li dt span{font-family:'Noto Medium';display:block;}
.applyFlow_2 > ul > li dd{box-sizing:border-box;width:75%;padding:20px;font-size:15px;background:#FFF;}
.applyFlow_2 > ul > li:first-child dl{border-color:#328fe5;}
.applyFlow_2 > ul > li:first-child dt{background-color:#328fe5;}
.applyFlow_2 > ul > li:last-child dl{border-color:#1b60c6;}
.applyFlow_2 > ul > li:last-child dt{background-color:#1b60c6;}
@media only screen and (max-width:1280px){
	.applyFlow_2 > ul > li dt{width:35%;}
	.applyFlow_2 > ul > li dd{width:65%;}
}
@media only screen and (max-width:768px){
	.applyFlow_2 > ul > li dt{width:40%;}
	.applyFlow_2 > ul > li dd{width:60%;}
}
@media only screen and (max-width:480px){
	.applyFlow_2 > ul > li:after{margin:20px auto;}
	.applyFlow_2 > ul > li dt,
	.applyFlow_2 > ul > li dd{width:100%;}
	.applyFlow_2 > ul > li dt span{display:inline;padding-right:10px;}
}
@media only screen and (max-width:320px){
	.applyFlow_2 > ul > li dt span{display:block;padding-right:0;}
}
@media print {
    .applyFlow_2 > ul > li dl{display:block;}
}
/*방송대 입시 상담*/
.applyTel{text-align:center;font-size:30px;color:#1b60c6;font-family:'Noto Medium';padding:46px 20px;line-height:1.2;background:url(/images/admission/sub/applyTel.png) no-repeat center;}
@media only screen and (max-width:480px){
	.applyTel{font-size:25px;}
	.applyTel span{display:block;}
	.applyTel i{display:none;}
}