@charset "UTF-8";
.sub-visual-box { background: url(/_res/ajou/dnaplus/img/common/sub-visual01.jpg) no-repeat 50% 50%/cover;}

/* 탭 01-01 (4depth) */
.tab01.type01 .tab-box{position:relative;margin:0 0 50px;width:100%;text-align:center;}
.tab01.type01 .tab-box:after{content:'';display:block;position:absolute;top:calc(100% - 1px);left:0;width:100%;height:1px;background:#ddd;}
.tab01.type01 .tab-box .tab-ul{display:table;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;table-layout:fixed;box-sizing:border-box;}
.tab01.type01 .tab-box .tab-ul li{display:table-cell;border-right:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:middle;}
.tab01.type01 .tab-box .tab-ul li:last-of-type{border-right:1px solid #ddd;}
.tab01.type01 .tab-box .tab-ul li a{display:block;padding:16px 15px;font-size:16px;line-height:21px;color:#5c5c5c;font-weight:400;}
.tab01.type01 .tab-box .tab-ul li.active{background-color:#046cc4;}
.tab01.type01 .tab-box .tab-ul li.active a{color:#fff}
.tab01.type01 .tab-box .tab-ul.row02 li{width:calc(100% / 2);}
.tab01.type01 .tab-box .tab-ul.row03 li{width:calc(100% / 3);}
.tab01.type01 .tab-box .tab-ul.row04 li{width:calc(100% / 4);}
.tab01.type01 .tab-box .tab-ul.row05 li{width:calc(100% / 5);}
.tab01.type01 .tab-box .tab-ul.row06 li{width:calc(100% / 6);}
.tab01.type01 .tab-box .tab-ul.row07 li{width:15%;}
.tab01.type01 .tab-box .tab-ul.row08 li{width:calc(100% / 8);}

/* 탭 01-02 (5depth) */
.tab01.type02{position:relative;}
.tab01.type02 .tab-box .tab-ul{padding:1px 0 0 0px;margin:0 0 20px;height:54px;border-bottom:2px solid #0067b3;}
.tab01.type02 .tab-box .tab-ul:after{content:'';display:block;clear:both;}
.tab01.type02 .tab-box .tab-ul li{float:left;}
.tab01.type02 .tab-box .tab-ul li a{display:block;padding:13px 20px 12px;border:1px solid #cdcdcd;border-bottom:none;background-color:#e6e6e6;line-height:28px;text-align:center;}
.tab01.type02 .tab-box .tab-ul li.active a{border:2px solid #0067b3;border-bottom:2px solid #fff;background:#fff;line-height:28px;font-weight:normal;color:#333;}

	
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.pdl-10{padding-left:10px;}
.conTitle h4:before { content: ''; display: inline-block; position: absolute; width: 9px; height: 9px;top: 5px; left: 0;border: 6px solid #0066b3; border-top-color: #1c94d6; border-right-color: #0d4fa0;  border-radius: 50%; box-sizing: content-box;}
.conTitle h4{display: inline-block; position: relative;line-height: 1.4;margin: 20px 0 25px 0; padding: 0 0 0 30px; color: #333;  font-size: 1.375rem; font-weight: 500; word-break: keep-all;}
.head_copy{background: #0f63a9; color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;padding: 20px;text-align: center; font-size: 18px; line-height: 26px;}
.head_copy_sub{padding: 20px;text-align: center;border: 1px solid #ccc;}

.open-cnt {margin: 0 auto; padding: 15px 0; text-align:center;}
.open-cnt ul {*zoom:1;     display: inline-block;margin-left:-24px;}
.open-cnt ul:after {content:" "; display:block; clear:both;}
.open-cnt ul li {float:left; position:relative; width:200px; height:200px; text-align:center; border:20px solid #0073b3; margin-left:65px;    border-top-color: #002437;  border-right-color:#00476e;border-radius: 50%;}
.open-cnt ul li .num {display:inline-block; color:#0073b3; font-size:30px; font-weight:500; line-height:30px; border-bottom:2px solid #0073b3; padding:30px 10px 5px 10px; margin:0 0 15px}
.open-cnt ul li .info {height:50px; width:200px; vertical-align:middle; display:table-cell; font-size:15px; line-height:22px;}
.open-cnt ul li.and2{border:20px solid #33a699; border-top-color: #00584e;  border-right-color: #028879; }
.open-cnt ul li.and3{border:20px solid #2fa9ec;  border-top-color: #005584;  border-right-color: #0085cf;}
.open-cnt ul li.and2 .num{color:#33a699;border-bottom:2px solid #33a699;}
.open-cnt ul li.and3 .num{color:#1c8fce;border-bottom:2px solid #1c8fce;}
.open-cnt ul li .info span{color:#333; font-weight:600;}
.open-cnt ul li .with { position: absolute;top: 0; left: 235px;width: 30px; height: 100%;background: url(/_res/ajou/dnaplus/img/content/and.png) 0 50% no-repeat; background-size: 30px 30px;}


/* 교육 > 부설교육 */
.edu-wrap.type01 > div{display:inline-block;margin:0 10px 30px 0;width:calc(50% - 9px);border:1px solid #ccc;box-sizing:border-box;vertical-align:top;}
.edu-wrap.type01 > div:nth-of-type(2n){margin-right:-3px !important;}
.edu-wrap.type01 > div:last-of-type{margin-right:-3px !important;}
.edu-wrap.type01 > div > div{}
.edu-wrap.type01 > div > div img{width:100%;}
.edu-wrap.type01 > div .txt-box{padding:32px 45px;min-height:282px;border:none;}
.edu-wrap.type01 > div .txt-box h5{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #ebebeb;font-weight:500;font-size:25px;line-height:33px;}
.edu-wrap.type01 > div .txt-box ul li a{display:inline-block;word-break:break-word;}
	
.ul-type01 > li{position:relative;padding:0 0 0 12px;line-height:25px;}
.ul-type01 > li:last-of-type{padding-bottom:0;}
.ul-type01 > li:after{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background:#333;border-radius:50%;}
.ul-type02 > li{position:relative;padding:0 0 0 12px;line-height:25px;}
.ul-type02 > li:last-of-type{padding-bottom:0;}
.ul-type02 > li:after{content:'';display:block;position:absolute;top:13px;left:0;width:4px;height:1px;background:#333;}
.ul-type03 > li{line-height:25px;}
.ul-type04{padding:0 0 0 20px;}
.ul-type04 > li{line-height:25px;text-indent:-20px;}
.ol-type01 > li{margin:0 0 0 18px;line-height:25px;list-style-type:decimal;}

.box_image { width:100%;}
.edu-wrap.type01 > div .txt-box {padding: 20px 20px; min-height: 200px; border: none; border-top: 1px solid #ccc;}
.edu-wrap.type01 > div .txt-box h5 { text-align: center; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ebebeb; font-weight: 500;  font-size: 20px; line-height: 27px;}
.split-wrap{padding: 0 0 40px 0; text-align:center; width: 100%; margin:0;}
body > p {color: #fff; font-size: 16px; text-align:center;padding:50px 0 0 ; letter-spacing: -1px;}
.no-list {padding:0 0;font-size:15px;line-height:25px;color:#3d3d3d;}


/* 메인메뉴(교육 > 부설교육) */
.split-wrap.type01 > div{display:inline-block; margin: 0 5px 20px; width:calc(50% - 30px); box-sizing:border-box; vertical-align:top; text-align:center; }
.split-wrap.type01 .split-box {overflow: hidden;}
.split-wrap.type01 .split-box{border:1px solid #ccc;border-top-left-radius: 20px;  border-top-right-radius: 20px;}
.split-wrap.type01 .blue {width:100%; background:#0166b3; color:#fff; min-height:2.5em;padding:10px 0;  line-height: 24px; font-size: 18px;}
.split-wrap.type01 .darkblue {width:100%; background:#0b2758; color:#fff; min-height:2.5em;padding:10px 0; line-height: 48px; font-size: 18px; }
.split-wrap.type01 .brightblue {width:100%; background:#007eff; color:#fff; min-height:2.5em;padding:10px 0; line-height: 24px; font-size: 18px; }
.split-wrap.type01 .lightblue {width:100%; background:#3fabfd; color:#fff; min-height:2.5em;padding:10px 0; line-height: 48px; font-size: 18px;   }
.split-wrap.type01 .skyblue {width:100%; background:#007eff; color:#fff; min-height:2.5em;padding:10px 0; line-height: 48px; font-size: 18px; }
.split-wrap.type01 .realblue {width:100%; background:#3fabfd; color:#fff; min-height:2.5em;padding:10px 0;line-height: 24px; font-size: 18px; }
.split-wrap.type01 .pink {width:100%; background:#f1adb3; color:#fff; min-height:2.5em;padding:10px; }
.split-wrap.type01 .orange {width:100%; background:#f79433; color:#fff; min-height:2.5em;padding:10px; }
.split-wrap.type01 .txt-box {padding: 0; height: 210px;  border: none;  background: #fff;  overflow: hidden;}
.split-wrap.type01 .txt-box table {width:100%; margin:0; border-collapse:collapse; border-spacing:0;    height: 100%;}




.split-wrap.type01 .split-box td {min-height:220px;vertical-align: top;}
.split-wrap.type01 .split-box td img{width:100%; height: 100%;margin:0 auto; }
.prediction{    font-size: 60px; font-weight: 500; color: #24b3b3;  margin: 30px 0;text-align: center;}
.prediction span{display:inline-block !important;font-size: 20px;font-weight: 800;}
.prediction img{width:50px !important;vertical-align:-4px;}

.split-wrap.type01 .split-box span{display:block;}

.split-wrap.type01 .txt-box h1{padding:0 0 10px;font-weight:300;font-size:18px;}
.split-wrap.type01 .txt-box h2{padding:0 0 20px;font-weight:300;font-size:24px;line-height:35px;}
.split-wrap.type01 .txt-box ul li a{display:inline-block;word-break:break-word; text-align: left; }

td.txt-left{background:#f7f7f7;}
span.tb_subtt{ display: block; padding: 5px 0;  background: #6586a1; margin: 0; color: #fff; text-align: center; font-size: 14px; font-weight: 400;line-height: 18px;}
.sub_tb {border:1px solid #fff;}

.tb-darkblue span.tb_subtt{background:#4d6795;}
.tb-blue span.tb_subtt{background:#549dd3; line-height:39px;}
.tb-lightblue span.tb_subtt{background:#61c5eb; line-height:39px;}
.sub_tb tr td{border-right:1px solid #fff;border-bottom:1px solid #fff;}
.sub_tb tr td img{}
.source{text-align:center; font-size:13px;}
.tb-lightblue table{border:1px solid #fff;}
.tb-lightblue table td{border-right:1px solid #fff;border-bottom:1px solid #fff;}
.tb-blue table{border:1px solid #fff;}
.tb-blue table td{border-right:1px solid #fff;border-bottom:1px solid #fff;}

.tb-blue table td ul{margin:15px; font-size:14px;}
.tb-blue table td ul > li{position:relative;padding:0 0 0 12px;line-height:25px;}
.tb-blue table td ul > li:last-of-type{padding-bottom:0;}
.tb-blue table td ul > li:after{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background:#333;border-radius:50%;}

.tb-skyblue table{border:1px solid #fff;}
.tb-skyblue table td{border-right:1px solid #fff;border-bottom:1px solid #fff;}
.split-wrap.type01 .split-box  .tb-skyblue div span{display:inline;}
.tb-skyblue table td ul{margin: 10px; letter-spacing: -0.5px; font-size:14px;}
.tb-skyblue table td ul > li{position:relative;padding:0;line-height:24px; font-weight:normal;}
.tb-skyblue table td ul > li p{  margin-left: 40px; display: block;margin-top: -23px;}
.tb-skyblue img  {  height: 50% !important;}
.split-wrap.type01 .split-box .tb-skyblue table td ul li span{display: inline;  background: #007eff; padding:2px 5px; border-radius:5px; margin-right:10px; color:#fff; font-weight:600; font-size:12px;}
.tb-skyblue table td div{padding:5px;}
span.solution{color:#03356c; padding:0 15px; font-size:14px; font-weight:600; letter-spacing: -1px;line-height: 18px;}
.tb-skyblue span.tb_subtt{background:#52a8ff;line-height:39px;}

.tb-realblue table{border:1px solid #fff;}
.tb-realblue table td{border-right:1px solid #fff;border-bottom:1px solid #fff;}
.tb-realblue span.tb_subtt{background:#61c5eb; line-height:39px;}
.tb-realblue img{width:80% !important; height:130px !important; margin:15px !important;}
.tb-realblue td.txt-left img{width:80% !important; height:80px !important; margin:15px !important;}

/* 헤더 */
.split-header-wrap{box-sizing:border-box;}
.split-header{max-width:1280px; margin: 0 auto; padding: 120px 0 100px; text-align: center; line-height:40px;}
.split-header .logo{position:relative;display:block;}
.split-header .logo a{display:inline-block;font-size:initial;}
.split-header .logo a img{max-width:100%;}


p.qu{text-align:right; font-size:14px;}

/* 아이패드 프로(1024*1366) */
@media screen and (min-width: 1024px)  {
	.split-wrap{padding: 0; height: auto; border:1px solid rgba(0,0,0,0);box-sizing:border-box; text-align: center;}						
	.split-header {padding:30px 0;}
	.split-header .logo{display:block;top:75px;left:50%;padding:0;width:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}						
	.split-wrap.type01 > div{    margin: 0 3px 20px 3px; width: calc(50% - 13px);}
}

/* 아이패드 프로(1366*1024) */
@media screen and (min-width: 1366px) {
	.split-wrap{padding:0; height: auto; border:1px solid rgba(0,0,0,0);box-sizing:border-box; text-align: center;}						
	.split-header {padding:30px 0;}
	.split-header .logo{display:block;top:75px;left:50%;padding:0;width:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}						
	.split-wrap.type01 > div{margin:0 3px 20px 3px;width:calc(50% - 13px);}
}

/* 아이패드(1024*768) 가로 */ 
@media screen and (min-width: 1024px)
				and (max-height: 768px) {	
	.split-wrap{padding:0; height: auto; border:1px solid rgba(0,0,0,0);box-sizing:border-box; text-align: center;}					
	.split-wrap.type01 > div{margin:0 5px 20px 0;width:30%;}
	.split-wrap.type01 > div .txt-box{padding:24px;min-height:140px;}
	.split-wrap.type01 > div .txt-box h5{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #ebebeb;font-weight:500;font-size:1.4em;line-height:33px;}	
	.split-wrap.type01 .txt-box h1{padding:0 0 10px;font-weight:300;font-size:1em;}	
	.split-wrap.type01 .txt-box h2{padding:0 0 0px;font-weight:300;font-size:1em;line-height:30px;}					
	.split-header {padding:50px 0 30px;}
	.split-header .logo{display:block;top:70px;left:50%;width:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}					
}

@media screen and (max-width: 1006px) {
	.split-wrap{padding:0; height: auto; border:1px solid rgba(0,0,0,0);box-sizing:border-box; text-align: center;}
	.split-wrap.type01 > div .txt-box h5{margin:0 0 10px;padding:0 0 10px;font-size:17px;line-height:25px;}
	.split-wrap.type01 > div{margin:0 3px 20px 3px;width:calc(50% - 13px);}
		.split-wrap.type01 .txt-box h1{padding:0 0 10px;font-weight:300;font-size:1em;}	
	.split-wrap.type01 .txt-box h2{padding:0 0 0px;font-weight:300;font-size:1em;line-height:30px;}
	.split-header {padding:55px}
	.split-header .logo{display:inline-block;top:75px;left:50%;width:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
	.split-header .logo a img{max-width:80%;}	
	.no-list {padding:0 0;font-size:0.5em;line-height:25px;color:#3d3d3d;}
	
}

@media screen and (max-width: 896px) {
	.split-wrap{padding: 21px 0 0; height: auto; ;box-sizing:border-box; text-align: center;}					
	.split-wrap.type01 > div{margin:0 5px 20px 0;width:49%;}
	.split-wrap.type01 > div .txt-box{padding:0;}
	.split-wrap.type01 > div .txt-box h5{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #ebebeb;font-weight:500;font-size:0.9em;line-height:1em;}
	.split-header {padding:0px 20px;}
	.split-header .logo{display:block;top:28px;left:50%;width:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}					
	.split-header .logo a img{max-width:30%;}
	.split-wrap.type01 .txt-box h2{padding:0 0 0px;font-weight:300;font-size:13px;line-height:30px;}
	.split-wrap.type01 .txt-box h1{padding:0 0 10px;font-weight:300;font-size:11px;}		
}

/* 아이폰X(812*375) 가로 */ 
@media screen and (min-width: 812px)
				and (max-height: 375px) {	
	.split-wrap{padding: 21px 0 0; height: auto; ;box-sizing:border-box; text-align: center;}					
	.split-wrap.type01 > div{margin:0 0 10px 0;width:60%;}
	.split-wrap.type01 > div .txt-box h5{padding:0 5px 20px;border-bottom:1px solid #ebebeb;font-weight:500;font-size:0.9em;line-height:1em;}
	.split-wrap.type01 .txt-box h1{padding:0 0 5px;font-weight:300;font-size:1em;}
	.split-wrap.type01 .txt-box h2{padding:0 0 5px;font-weight:300;font-size:1em;line-height:30px;}					
	.split-header {padding:0px 20px 10px;}
	.split-header .logo{display:inline-block;top:28px;left:42%;width:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}					
	.split-header .logo a img{max-width:60%;}	
}					

@media screen and (max-width: 768px) {
	.split-wrap{padding:0; height: auto; border:1px solid rgba(0,0,0,0);box-sizing:border-box; text-align: center;}
	.split-wrap.type01 > div .txt-box h5{margin:0 0 10px;padding:0 0 10px;font-size:17px;line-height:25px;}
	.split-wrap.type01 > div{margin:0 10px 20px 0;width:calc(50% - 20px);}
	.split-wrap.type01 .txt-box h1{padding:0 0 10px;font-weight:300;font-size:1em;}	
	.split-wrap.type01 .txt-box h2{padding:0 0 0px;font-weight:300;font-size:1em;line-height:30px;}
	.split-header {padding:55px}
	.split-header .logo{display:inline-block;top:75px;left:50%;width:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
	.split-header .logo a img{max-width:100%;}				
	.prediction { font-size: 40px; font-weight: 500; color: #24b3b3;  margin: 30px 0;text-align: center;}
	.prediction img { width: 40px !important; vertical-align: -4px;}
	.tb-blue table td ul {font-size: 13px;	margin: 15px 10px;}
	.tb-skyblue table td ul > li { position: relative; padding: 0;font-size: 13px; line-height: 20px;font-weight: normal;}
	span.solution{font-size: 13px;}
	span.tb_subtt{font-size: 13px; letter-spacing:-1px;}
	.edu-wrap.type01 > div {width:100%; margin-right:0;}
	.edu-wrap.type01 > div .txt-box {min-height:auto;}

}

@media screen and (max-width: 668px) {
	.split-wrap{padding: 0; height: auto; ;box-sizing:border-box; text-align: center;}					
	.split-wrap.type01 > div{margin:0 0 10px 0;width:100%;}
	.split-wrap.type01 > div .txt-box h5{padding:0 5px 20px;border-bottom:1px solid #ebebeb;font-weight:500;font-size:0.9em;line-height:1em;}
	.split-header {padding:0px 20px 10px;}
	.split-header .logo{display:inline-block;top:28px;left:50%;width:auto;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}					
	.split-header .logo a img{max-width:65%;}	
	.tb-blue table td ul{margin:15px; font-size:14px;}
.tb-blue table td ul > li{position:relative;padding:0 0 0 12px;line-height:25px;}
	.tb-skyblue table td ul{margin: 10px; letter-spacing: -0.5px; font-size:14px;}
.tb-skyblue table td ul > li{position:relative;padding:0;line-height:24px; font-weight:normal;}
}