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

div.con{margin-bottom:3em;}
/* 탭 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}
.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;}

.target_tech li{width:calc(25% - 6px); display:inline-block; margin-right:3px; vertical-align:top;background: #008af2; border-radius:5px; }
.target_tech li:nth-child(4n){margin-right:0;}
.target_tech li span{display:block; text-align:center;font-size:15px; font-weight:500; padding:10px 0; background: #fff; margin: 5px; border-radius:5px;margin-bottom:10px;}
.target_tech li span img{width:20px; vertical-align:-4px;}
.target_tech li p{position:relative;padding:0 12px 12px 24px;line-height:25px;word-break: keep-all; font-size:14px;line-height:20px;  color:#fff;height: 40px;}
.target_tech li p:after{content:'';display:block;position:absolute;top:10px;left:10px;width:3px;height:3px;background:#fff;border-radius:50%;}

div.subject_imagine{text-align:center;}
div.subject_imagine img{width:100%; max-width:600px;}
.target_step li{width: calc(33% - 6px); display: inline-block; margin-right: 0.5%; vertical-align: top;border-radius:5px; border: 1px solid #03356c;min-height: 350px; margin-bottom: 10px;}
.target_step li:nth-child(3n){margin-right:0;}
.target_step li h5{    display: block;  text-align: center;  font-size: 15px; font-weight: 500; padding: 15px 0;  background: #03356c; color: #fff; letter-spacing: -0.5px;}
.target_step li div{padding: 7px; font-size: 14px;  color: #fff;  background: #4578b1; text-align: center; line-height: 20px;}
.target_step li h6{padding: 5px 20px; display: inline-block;font-size: 13px; background: #eee; margin: 20px 10px 0px 10px;  border-radius: 20px;border: 1px solid #ccc;}
.target_step li p{ padding: 15px 20px 10px 15px; line-height: 20px;font-size: 14px;   margin-left: 20px; border-left: 1px solid #ccc;}
.common_p { padding: 18px 30px;    border: 1px solid #ccc; border-radius:5px;}
.common_p img {width: 26px; vertical-align: -8px; margin-right: 10px;}

@media screen and (max-width: 1200px){
	.target_step li{width: calc(49.5% - 6px);margin-right: 0.5%;}
	.target_step li:nth-child(2n){margin-right:0;}
	}

@media screen and (max-width: 768px){
	.target_tech li p{height: 60px; }
}
@media screen and (max-width: 610px){
	.target_step li{width: calc(100% - 6px);margin-right:0;min-height: 0px; padding-bottom:20px;}
	.target_tech li span{margin-top:5px;}
	.target_tech li{width:100%; display:block; margin-bottom:20px;padding-top: 0.5px; }
	.target_tech li p{height: 20px; }
}