@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}
.sub02_01{margin-bottom:30px;}
.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:#0080e4; color: #fff;border-top-left-radius: 12px;border-top-right-radius: 12px;padding:20px 15px 17px 15px;text-align: center; font-size: 18px; line-height: 18px;}*/
.head_copy{border-top: 4px solid #0d4fa0; background: #30a9ec; background-image: url(/_res/ajou/dnaplus/img/content/bg_image_03.png);background-repeat: no-repeat; background-size: 30%; background-position: right 10px top -20px; padding: 25px 42% 25px 30px; color: #fff; font-size: 18px; line-height: 28px;}
.head_copy2{    background: #30a9ec;  color: #fff; border-top: 4px solid #0065b4;  padding: 20px 30px;  text-align: left;font-size: 18px; line-height: 34px; margin-bottom: 30px;}
.head_copy_sub{padding: 20px 30px;  text-align: left; border-bottom: 1px solid  #30a9ec;font-size: 16px;  color: #333;  font-weight: 400;}


.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:20px 10px 5px 10px; margin:0 0 15px}
.open-cnt ul li .info {height:50px; width:200px; vertical-align:middle; display:table-cell; font-size:16px; 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;font-size: 20px; line-height: 34px;}
.open-cnt ul li .with { position: absolute;top: 0; left: 237px;width: 30px; height: 100%;background: url(/_res/ajou/dnaplus/img/content/plus.png) 0 50% no-repeat; background-size: 30px 30px;opacity:0.3;}


.head_copy_sub img{width:26px; vertical-align:-8px; margin-right:10px;}
.common_p img{width:26px; vertical-align:-8px; margin-right:10px;}

/* 교육 > 부설교육 */
.edu-wrap.type01 > div{display: inline-block; margin: 0 10px 30px 0; width: calc(33.33% - 9px); border: 1px solid #ccc; box-sizing: border-box;vertical-align: top;}
.edu-wrap.type01 > div:nth-of-type(3n){margin-right:0;}
.edu-wrap.type01 > div:last-of-type{margin:0; margin-right:-3px !important;}
.edu-wrap.type01 > div > div{}
.edu-wrap.type01 > div > div img{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: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: 70%;border-radius: 50%;margin: 10% auto;}
.box_image img{}

.common_p{padding: 18px 30px;border: 1px solid #ccc;}

ul.lineup.row3 li{  margin: 0 10px 30px 0;  width: calc(33.33% - 9px);display: inline-block;box-sizing: border-box; text-align:center;height: 160px;vertical-align: top;    border: 1px solid #ccc;  border-top-left-radius: 20px; border-top-right-radius: 20px;}
ul.lineup.row3 li div{background: #0080e4;  color: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; padding:20px 15px 17px 15px; text-align: center; font-size: 18px; line-height: 18px;}
ul.lineup.row3 li.lineup_3{margin-right:-3px;}
ul.lineup.row3 > li:nth-of-type(3n){margin-right:-3px;}
ul.lineup.row3 > li:last-of-type{margin:0; margin-right:-3px !important;}
ul.lineup.row3 li img{max-width:200px;}
ul.lineup.row3 li.lineup_2 p{display:inline-block;    padding: 40px 5px;}
ul.lineup.row3 li.lineup_2 img{height:20px;}
ul.lineup.row3 li.lineup_1 p{ padding: 30px 0; }
ul.lineup.row3 li.lineup_3 p{ padding: 20px 0 0 0; font-weight: 500; color: #111;}
ul.lineup.row3 li.lineup_3 p span{display: block; padding: 15px 10px; margin: 15px 20px; border-top: 1px solid #ccc;font-weight: 100;color: #666;}

@media screen and (max-width: 768px) {
	.con-box{padding:0 0 25px;}
	.bg-box01{padding:15px;}
	.bg-box02{padding:15px;}
	.inner-box{padding:0 0 18px;}
		.edu-wrap.type01 > div{margin:0 20px 20px 0;width:calc(50% - 12px);}
	.edu-wrap.type01 > div:nth-of-type(3n){margin-right:20px;}
	.edu-wrap.type01 > div:nth-of-type(2n){margin-right:0;}
	ul.lineup.row3 li{width:100%;}
}

@media screen and (max-width: 1200px) {
	.open-cnt ul{margin: 0 auto;}
		.open-cnt ul li .with{position: absolute;left: calc(50% - 15px); top: calc(50% + 50px);}
	.open-cnt ul li{margin: 10px 10% 55px 10%;    float: inherit;}
	.head_copy{font-size:18px;}
	
}

@media screen and (max-width: 680px) {
.head_copy{padding:20px 80px 20px 20px;background-size: 140px ; background-position:right -60px center; height: auto;}
	.head_copy_sub{padding:30px 20px;}
}
	
}