@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{    border-top: 4px solid #00649b; background: #569bd1;background-image: url(/_res/ajou/dnaplus/img/content/bg_image_03.png); background-repeat: no-repeat; background-size: 30%; background-position: right 10px top -40px; 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 #569bd1; font-size: 16px;  color: #333; font-weight: 400;}
.head_copy_sub img { width: 26px; vertical-align: -8px;  margin-right: 10px;}


.open-cnt {margin: 0 auto; padding: 15px 0; text-align:center;}
.open-cnt ul { display:block;width: 100%;}
.open-cnt ul:after {content:" "; display:block; clear:both;}
.open-cnt ul li {display:inline-block;width:33%; text-align:center; margin-right:0.5%;float: left;}
.open-cnt ul li.and3{margin-right:0 !important; float: right;}
.open-cnt ul li .num { height:130px;display: block;  color: #0073b3; font-size: 30px;  font-weight: 500;line-height: 30px;  border: 1px solid #0073b3; border-top-left-radius:5px;border-top-right-radius:5px; border-bottom: 3px solid #0073b3;  padding: 10px 10px 5px 10px;  margin: 0 0 10px;}
.open-cnt ul li .info {width: 100%; vertical-align: middle; display: block; font-size: 16px; line-height: 24px;}
.open-cnt ul li.and2 .num{color:#33a699; border: 1px solid #33a699;border-bottom:3px solid #33a699;}
.open-cnt ul li.and2 .bottom_how{background:#33a699;}
.open-cnt ul li.and3 .num{color:#1c8fce; border: 1px solid #1c8fce;border-bottom:3px solid #1c8fce;}
.open-cnt ul li.and3 .bottom_how{background:#1c8fce;}
.open-cnt ul li .info span{color: #333; font-weight: 600; padding-top: 10px; font-size: 20px; margin-right:5px;  display: inline-block; line-height: 30px;}
.open-cnt ul li .with {background: #efefef; display: block;    height: 120px; padding: 20px;    border: 1px solid #ccc;}
.open-cnt ul li img{padding: 10px;      max-height: calc(100% - 20px); max-width: calc(100% - 20px); margin: 0; }

.open-cnt ul li div.with ul{display: block; text-align: left;}
.open-cnt ul li div.with ul li{width:100%; height:auto; text-align:left;line-height:24px; display: inline; font-size:14px;}
.open-cnt ul li div.with ul > li{position:relative;padding:0 0 0 12px;line-height:25px;display: block;margin-bottom: 0;}
.open-cnt ul li div.with ul > li:last-of-type{padding-bottom:0;}
.open-cnt ul li div.with ul > li:after{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background:#333;border-radius:50%;}


.top_way{padding: 15px 0; border: 1px solid #ccc;border-radius: 3px;position: relative;font-weight: 500; font-size: 16px; background: #fff; line-height: 22px;}
.top_way:after,.top_way:before {top: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.top_way:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 10px;margin-left: -10px;}
.top_way:before {border-color: rgba(204, 204, 204, 0);border-top-color: #ccc;border-width: 11px;margin-left: -11px;}

.bottom_how{    background: #2d74bd;padding: 10px 0 20px 0; color: #fff;}
.open-cnt ul li .info .bottom_how span{color:#fff;}

.target_st{}
div.continue{height:20px;text-align:center;}
div.continue2{height:20px;}
div.continue span.middle_bar{width:32%; border-left:1px solid #ccc; display: inline-block;height: 20px;border-bottom:1px solid #ccc;}
div.continue span.middle_bar2{width:32%; border-left:1px solid #ccc; border-right:1px solid #ccc; display: inline-block;height: 20px;border-bottom:1px solid #ccc;}
div.continue2 span.middle_bar{width:calc(50% - 1px); border-right:1px solid #ccc; display: inline-block;height: 20px;float: left;}
div.continue3{display:none;}

/* 교육 > 부설교육 */
.edu-wrap.type01 > div{display:inline-block;margin:0 40px 40px 0;width:calc(33.33% - 30px);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;}
.edu-wrap.type01 > div > div{}
.edu-wrap.type01 > div > div img{width:100%;}
.edu-wrap.type01 > div .txt-box{padding:32px 25px;min-height:225px;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: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: 80%;border-radius: 50%;margin: 10%;}
.box_image img{    width: 60% !important;margin: 20%;}
.box1{background:#e8eaf5;}
.box2{background:#e9f9f3;}
.box3{background:#f5f8fc;}

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

ul.lineup.row3 li{width:calc(33.33% - 30px); margin: 0 40px 40px 0;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:0;}
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;}

.sub02_01 table{width:100%;    border-spacing: 0; }
.sub02_01 table tr td{width:25%; text-align:center; }
.sub02_01 table tr td img{ max-width: 150px; max-height: 120px;margin:10% auto; }
.sub02_01 table tr td {}
.sub02_01 table thead{ line-height:40px; font-size:15px;}

.target_total{    margin:0 0 10px 0; padding: 20px 0;  background: #0a4382; border-radius: 3px;  color: #fff;  font-size: 18px;    border-spacing: 0;}
.sub02_01 table.target_detail tr td{padding-right:0.5%;}
.sub02_01 table.target_detail tr td.last{padding-right:0;}
.sub02_01 table.target_detail tr td div{padding: 20px 0; border: 1px solid #0a4382; font-size: 14px; border-radius: 3px;line-height: 20px;}
.sub02_01 table.target_detail tr td div span{font-weight:600; display:block; margin-bottom:10px;font-size:15px;}

.target_count{text-align: left; font-size: 26px;  font-weight: 500; color: #2d74bd;  margin-bottom: 10px;}
.open-cnt ul li.and2 .target_count{color:#33a699;}
.open-cnt ul li.and3 .target_count{color:#1c8fce;}

table.focus tr th{border:2px solid #fff; color:#fff;    border-top-left-radius: 5px;  border-top-right-radius: 5px;    border-bottom: 0;}
table.focus tr th.num1{background:#1c94d6}
table.focus tr th.num2{background:#007edd;}
table.focus tr th.num3{background: #0a5db9;}
table.focus tr th.num4{background: #0a4382;}
table.focus tr td{border:2px solid #fff; vertical-align:top;    border-top: 0;}
table.focus tr td div{border:1px solid #ddd; min-height:140px;}
table.focus tr td div img{margin:10px auto;}

@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%;}
	.head_copy { border-top: 4px solid #00649b;  background: #569bd1;  background-image: url(/_res/ajou/dnaplus/img/content/bg_image_03.png);  background-repeat: no-repeat;  background-size: 30%;  background-position: right 10px top 10px;  padding: 25px 42% 25px 30px;  color: #fff; font-size: 18px; line-height: 28px;}
	.head_copy br{display:none;}
	.open-cnt ul li{display:block; width:100%; margin-bottom:20px;}
	.sub02_01 table tr td img{max-height:80px;}
	table.focus tr td div img {margin: 30px auto;}
	div.continue{display:none;}
	div.continue2{display:none;}
	div.continue3 {display:block;position: relative;	background: #fff;border: 4px solid #002746;border-top-color: #fff;	margin:0 10px 20px 10px;height:20px; border-radius:5px;}
	div.continue3:after, div.continue3:before {top: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
	div.continue3:after {border-color: rgba(0, 39, 70, 0);border-top-color: #002746;border-width: 10px;margin-left: -10px;}
	div.continue3:before {border-color: rgba(0, 39, 70, 0);border-top-color: #002746;border-width: 11px;margin-left: -11px;}
	.sub02_01 table.target_detail tr td div{    height: 80px;    padding: 10px;}
}