@charset "utf-8";

/*인사말*/
.ceo{overflow:hidden;}
.ceo img{max-width:100%;}
.ceo .pic{width:357px;float:left;}
.ceo .con,
.ceo .con_2{width:calc(100% - 455px);float:right;}
.ceo p{font-size:20px;}
.ceo .p_1{font-size:25px;font-family:'Noto Regular';position:relative;padding:0 40px;}
.ceo .p_1 span{font-size:40px;display:block;padding-bottom:10px;line-height:1.2;}
.ceo .p_1 strong{color:#14458b;font-family:'Noto Medium';}
.ceo .p_1 span:before,
.ceo .p_1 span:after{content:'"';display:inline-block;font-family:'Noto Black';font-size:42px;color:#b4b4b4;}
.ceo .p_1 span:before{position:absolute;left:0;top:0;}
.ceo .p_1 span:after{}
.ceo .p_2{padding:70px 0 50px 0;}
.ceo .p_3{padding-left:20px;color:#08408f;position:relative;}
.ceo .p_3 span{display:block;font-style:italic;}
.ceo .p_3 strong{font-family:'Noto Medium';}
.ceo .p_3:before{content:"";display:block;width:3px;height:100%;position:absolute;top:0;left:0;background:#08408f;}
.ceo .p_4{padding-top:50px;}
@media only screen and (max-width:1024px){
	.ceo .pic{width:40%;}
	.ceo .con,
	.ceo .con_2{width:55%;}
	.ceo .p_1{font-size:20px;}
	.ceo .p_1 span{font-size:30px;}
}
@media only screen and (max-width:768px){
	.ceo .con_2{width:100%;}
}
@media only screen and (max-width:480px){
	.ceo .pic,
	.ceo .con,
	.ceo .con_2{width:100%;float:none;}
	.ceo .pic{text-align:center;}
	.ceo .pic img{max-width:90%;padding-bottom:30px;}
	.ceo p{font-size:16px;}
	.ceo .p_1{padding:0;font-size:18px;}
	.ceo .p_1 span{font-size:24px;}
	.ceo .p_1 span:before,
	.ceo .p_1 span:after{display:none;}
}

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

/*수직여백*/
.vSp1{height:1px}.vSp2{height:2px}.vSp3{height:3px}.vSp4{height:4px}.vSp5{height:5px}.vSp10{height:10px}.vSp15{height:15px}.vSp20{height:20px}.vSp25{height:25px}.vSp30{height:30px}.vSp35{height:35px}.vSp40{height:40px}.vSp45{height:45px}.vSp50{height:50px}.vSp60{height:60px}.vSp70{height:70px}.vSp80{height:80px}.vSp90{height:90px}.vSp100{height:100px}

/*수평여백*/
.hSp5{margin-left:5px}.hSp10{margin-left:10px}.hSp15{margin-left:15px}.hSp20{margin-left:20px}.hSp25{margin-left:25px}.hSp30{margin-left:30px}.hSp35{margin-left:35px}.hSp40{margin-left:40px}.hSp45{margin-left:45px}.hSp50{margin-left:50px}

/*추가 텍스트형 버튼*/
.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}

/*표 안의 배경색*/
tr.bgYellow td{background: #fcf5e7 !important}
tr.bgSkyblue td{background: #e6eef7 !important}

/*박스 나열*/
.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:20px 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}
}

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

/*입학지원서 접수방법*/
.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: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 (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;}
}


/*설립취지*/
.applyFlow_2{background:#f7f7f7;padding:60px 30px;}
.applyFlow_2 > ul{}
.applyFlow_2 > ul > li{margin-bottom:40px}
.applyFlow_2 > ul > li:last-child{margin-bottom:0}
.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:20px 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;}
}
/*첨부서류 제출처 주소*/
.applyTel{text-align:center;font-size:18px;font-family:'Noto Medium';padding:46px 20px;line-height:1.2;background:url(/images/admission/sub/applyTel.png) no-repeat center;}
.applyTel span{display:block;color:#1b60c6;font-size:25px;margin-bottom:10px}

/* 2020.10.06 템플릿을 위한 용도로 추가 */
.wrap-contents .con-list > li > ul { padding-left:0px !important; } 
.wrap-contents ul > li > ul { margin-top:5px; }
.wrap-contents ul > li > ul > li > ul { margin-top:5px; }

/*
.wrap-contents .con-list > li > ul > li { padding-left:0px !important; } 
*/

.wrap-contents .list0 > li { background:none !important; }

.wrap-contents .list1 > li,
.wrap-contents .list2 > li,
.wrap-contents .list3 > li { position:relative; background:none !important; padding-left:15px; }

.wrap-contents .nList1 > li,
.wrap-contents .nList2 > li,
.wrap-contents .nList3 > li { position:relative; background:none !important; padding-left:18px; }

.wrap-contents .kList1 > li,
.wrap-contents .kList2 > li,
.wrap-contents .kList3 > li { position:relative; background:none !important; padding-left:25px; }

.wrap-contents .list1 > li::before,
.wrap-contents .list2 > li::before,
.wrap-contents .nList1 > li::before,
.wrap-contents .nList2 > li::before,
.wrap-contents .nList3 > li::before,
.wrap-contents .kList1 > li::before,
.wrap-contents .kList2 > li::before,
.wrap-contents .kList3 > li::before { position:absolute; left:0px; }

.wrap-contents .list1 > li::before{ content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 100%; background: #666666; }
.wrap-contents .list2 > li::before{content: "-";}
.wrap-contents .list3 > li::before{content: "￭";}

.wrap-contents .nList1 > li:nth-child(1)::before{content: "1.";}
.wrap-contents .nList1 > li:nth-child(2)::before{content: "2.";}
.wrap-contents .nList1 > li:nth-child(3)::before{content: "3.";}
.wrap-contents .nList1 > li:nth-child(4)::before{content: "4.";}
.wrap-contents .nList1 > li:nth-child(5)::before{content: "5.";}
.wrap-contents .nList1 > li:nth-child(6)::before{content: "6.";}
.wrap-contents .nList1 > li:nth-child(7)::before{content: "7.";}
.wrap-contents .nList1 > li:nth-child(8)::before{content: "8.";}
.wrap-contents .nList1 > li:nth-child(9)::before{content: "9.";}
.wrap-contents .nList1 > li:nth-child(10)::before{content: "10.";}
.wrap-contents .nList1 > li:nth-child(11)::before{content: "11.";}
.wrap-contents .nList1 > li:nth-child(12)::before{content: "12.";}
.wrap-contents .nList1 > li:nth-child(13)::before{content: "13.";}
.wrap-contents .nList1 > li:nth-child(14)::before{content: "14.";}
.wrap-contents .nList1 > li:nth-child(15)::before{content: "15.";}

.wrap-contents .nList2 > li:nth-child(1)::before{content: "1)";}
.wrap-contents .nList2 > li:nth-child(2)::before{content: "2)";}
.wrap-contents .nList2 > li:nth-child(3)::before{content: "3)";}
.wrap-contents .nList2 > li:nth-child(4)::before{content: "4)";}
.wrap-contents .nList2 > li:nth-child(5)::before{content: "5)";}
.wrap-contents .nList2 > li:nth-child(6)::before{content: "6)";}
.wrap-contents .nList2 > li:nth-child(7)::before{content: "7)";}
.wrap-contents .nList2 > li:nth-child(8)::before{content: "8)";}
.wrap-contents .nList2 > li:nth-child(9)::before{content: "9)";}
.wrap-contents .nList2 > li:nth-child(10)::before{content: "10)";}
.wrap-contents .nList2 > li:nth-child(11)::before{content: "11)";}
.wrap-contents .nList2 > li:nth-child(12)::before{content: "12)";}
.wrap-contents .nList2 > li:nth-child(13)::before{content: "13)";}
.wrap-contents .nList2 > li:nth-child(14)::before{content: "14)";}
.wrap-contents .nList2 > li:nth-child(15)::before{content: "15)";}

.wrap-contents .nList3 > li:nth-child(1)::before{content: "①";}
.wrap-contents .nList3 > li:nth-child(2)::before{content: "②";}
.wrap-contents .nList3 > li:nth-child(3)::before{content: "③";}
.wrap-contents .nList3 > li:nth-child(4)::before{content: "④";}
.wrap-contents .nList3 > li:nth-child(5)::before{content: "⑤";}
.wrap-contents .nList3 > li:nth-child(6)::before{content: "⑥";}
.wrap-contents .nList3 > li:nth-child(7)::before{content: "⑦";}
.wrap-contents .nList3 > li:nth-child(8)::before{content: "⑧";}
.wrap-contents .nList3 > li:nth-child(9)::before{content: "⑨";}
.wrap-contents .nList3 > li:nth-child(10)::before{content: "⑩";}
.wrap-contents .nList3 > li:nth-child(11)::before{content: "⑪";}
.wrap-contents .nList3 > li:nth-child(12)::before{content: "⑫";}
.wrap-contents .nList3 > li:nth-child(13)::before{content: "⑬";}
.wrap-contents .nList3 > li:nth-child(14)::before{content: "⑭";}
.wrap-contents .nList3 > li:nth-child(15)::before{content: "⑮";}


.wrap-contents .kList1 > li:nth-child(1)::before{content: "가.";}
.wrap-contents .kList1 > li:nth-child(2)::before{content: "나.";}
.wrap-contents .kList1 > li:nth-child(3)::before{content: "다.";}
.wrap-contents .kList1 > li:nth-child(4)::before{content: "라.";}
.wrap-contents .kList1 > li:nth-child(5)::before{content: "마.";}
.wrap-contents .kList1 > li:nth-child(6)::before{content: "바.";}
.wrap-contents .kList1 > li:nth-child(7)::before{content: "사.";}
.wrap-contents .kList1 > li:nth-child(8)::before{content: "아.";}
.wrap-contents .kList1 > li:nth-child(9)::before{content: "자.";}
.wrap-contents .kList1 > li:nth-child(10)::before{content: "차.";}
.wrap-contents .kList1 > li:nth-child(11)::before{content: "카.";}
.wrap-contents .kList1 > li:nth-child(12)::before{content: "타.";}
.wrap-contents .kList1 > li:nth-child(13)::before{content: "파.";}
.wrap-contents .kList1 > li:nth-child(14)::before{content: "하.";}

.wrap-contents .kList2 > li:nth-child(1)::before{content: "가)";}
.wrap-contents .kList2 > li:nth-child(2)::before{content: "나)";}
.wrap-contents .kList2 > li:nth-child(3)::before{content: "다)";}
.wrap-contents .kList2 > li:nth-child(4)::before{content: "라)";}
.wrap-contents .kList2 > li:nth-child(5)::before{content: "마)";}
.wrap-contents .kList2 > li:nth-child(6)::before{content: "바)";}
.wrap-contents .kList2 > li:nth-child(7)::before{content: "사)";}
.wrap-contents .kList2 > li:nth-child(8)::before{content: "아)";}
.wrap-contents .kList2 > li:nth-child(9)::before{content: "자)";}
.wrap-contents .kList2 > li:nth-child(10)::before{content: "차)";}
.wrap-contents .kList2 > li:nth-child(11)::before{content: "카)";}
.wrap-contents .kList2 > li:nth-child(12)::before{content: "타)";}
.wrap-contents .kList2 > li:nth-child(13)::before{content: "파)";}
.wrap-contents .kList2 > li:nth-child(14)::before{content: "하)";}

.wrap-contents .kList3 > li:nth-child(1)::before{content: "㉮";}
.wrap-contents .kList3 > li:nth-child(2)::before{content: "㉯";}
.wrap-contents .kList3 > li:nth-child(3)::before{content: "㉰";}
.wrap-contents .kList3 > li:nth-child(4)::before{content: "㉱";}
.wrap-contents .kList3 > li:nth-child(5)::before{content: "㉲";}
.wrap-contents .kList3 > li:nth-child(6)::before{content: "㉳";}
.wrap-contents .kList3 > li:nth-child(7)::before{content: "㉴";}
.wrap-contents .kList3 > li:nth-child(8)::before{content: "㉵";}
.wrap-contents .kList3 > li:nth-child(9)::before{content: "㉶";}
.wrap-contents .kList3 > li:nth-child(10)::before{content: "㉷";}
.wrap-contents .kList3 > li:nth-child(11)::before{content: "㉸";}
.wrap-contents .kList3 > li:nth-child(12)::before{content: "㉹";}
.wrap-contents .kList3 > li:nth-child(13)::before{content: "㉺";}
.wrap-contents .kList3 > li:nth-child(14)::before{content: "㉻";}

/* 텍스트버튼 */
.btnBlank { font-weight:bold; }
.btnBlank::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 7px; background-repeat: no-repeat; background-image: url(/images/guide/common/btn_icon_1.png); vertical-align: -2px; background-position: -16px 0;
}
.btnDown { font-weight:bold; }
.btnDown::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 7px; background-repeat: no-repeat; background-image: url(/images/guide/common/btn_icon_1.png); vertical-align: -2px; background-position: -34px 0;
}

/* img100 */
.wrap-contents .img100 { max-width:100%; }



/*테이블 반응형 UI 수정 */
@media all and (max-width:960px) {
/*  .wrap-contents .con-table table {width:100% !important;}*/
.wrap-contents .con-table:after {width:auto !important; background:none !important;}
}