@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}
.network_image img{width:100%;}
.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;}

.cooper_way {}
.cooper_way div{width:calc(25% - 6px); display:inline-block;vertical-align:top;}
.cooper_way div h5{ line-height:20px;font-size: 15px; color:#fff; text-align:center; padding:10px; border-top-left-radius:5px;border-top-right-radius:5px;  }
.cooper_way div.step01 h5{background: #1c94d6;}
.cooper_way div.step02 h5{background: #007edd;}
.cooper_way div.step03 h5{background: #0a5db9;}
.cooper_way div.step04 h5{background: #0a4382;}
.cooper_way div ul {padding:15px 10px;border:1px solid #ccc; height:100px;}
.cooper_way div ul > li{position:relative;padding:0 0 0 12px;line-height:25px;}
.cooper_way div ul > li:last-of-type{padding-bottom:0;}
.cooper_way div ul > li:after{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background:#333;border-radius:50%;}

@media screen and (max-width: 768px){
	.cooper_way div{width:100%; display:block;vertical-align:top;margin-bottom:10px;}
	.cooper_way div ul {height:auto; }
	
}