@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;}


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

.head_copy{border-top: 4px solid #0d4fa0; background: #f4f4f4; font-weight: 500; text-align:center; padding: 25px 30px 25px 30px; color: #0a4382; font-size: 20px; line-height: 28px;}
.head_copy img{display:block; margin:20px auto; max-height:150px;}
.head_copy_sub {padding: 20px 30px; text-align: center; border-bottom: 1px solid #30a9ec; font-size: 16px; color: #333; font-weight: 400;}
.head_copy_sub img { width: 26px; vertical-align: -8px; margin-right: 10px;}
.inst_study li{    width: calc(49.5% - 6px); border-radius:3px;  margin-right: 1%; vertical-align:top;display: inline-block; border: 1px solid #046cc4; margin-bottom:10px;}
.inst_study li:nth-child(2n){margin-right:0;}
.inst_study li h5 {padding:20px 0; text-align:center;}
.inst_study li h5 img{height: 30px;margin:20px 0 5px 0;}
.inst_study li p.inst_title{padding: 10px;  margin: 5px 20px; background: #03356c;  border-radius: 5px; color: #fff; text-align: center;  font-weight: 500;  font-size: 15px; line-height: 18px;}
.inst_study li p.inst_role{padding: 10px;  margin: 5px 20px; background:#0071c1; border-radius: 5px;  color: #fff;  text-align: center;  font-weight: 500; font-size: 15px; line-height: 18px;}
.inst_study li p.inst_member{padding: 10px;   margin: 5px 20px;background: #4597dd; border-radius: 5px; color: #fff; text-align: center;  font-weight: 500; font-size: 15px; line-height: 18px;}
.inst_study li div{}
.inst_study li div h6{font-size: 15px; padding: 20px; margin:0 20px 20px 20px; border-bottom: 1px solid #ccc;    display: none;}
.inst_study li div ul{margin:20px;font-size: 14px; }
.inst_study li div ul.study_con > li{position:relative;padding:0 0 0 12px;line-height:25px; border:0; width:calc(100% - 20px); margin-bottom:1px;}
.inst_study li div ul.study_con > li:last-of-type{padding-bottom:0;}
.inst_study li div ul.study_con > li:after{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background:#333;border-radius:50%;}

.inst_meaning li{width:calc(100% - 65px); border-radius:3px;  margin-bottom: 10px; vertical-align:top;display: inline-block; border: 1px dashed #ccc; padding:20px 20px 20px 40px; line-height:22px;position: relative;}
.inst_meaning li span{font-weight: 500;  font-size: 15px;color:#0065b4;}
.inst_meaning li:after{content: ""; display: block; position: absolute; top: 24px; left: 20px; width: 4px; height: 10px;  background: #74a4c8;  border-radius: 10px;  border-top: 3px solid #185d9c; line-height: 24px;}

@media screen and (max-width: 1200px){
.head_copy { font-size: 18px;}
}

@media screen and (max-width: 840px) {
	.inst_study li{width:calc(100% - 10px);}
	}

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