@charset "utf-8";
/* CSS Document */

.common_dl{ text-align:left;}
.common_dl dt{ background:url('/images/template/00009/sub/t_bullet.gif') no-repeat 0 0; color:#015fbe; padding-top:8px; font-size:18px; font-family:'NanumBold'; margin-bottom:10px;}
.common_dl dd{ font-family:'Nanum'; line-height:1.4; color:#666; overflow:hidden;}
.common_dl dd.box{ background:#f6f6f6; padding:10px 20px 15px; margin:5px 0 30px;}
.common_dl dd.box .ul_li{ margin:5px 0}
.common_dl dd.box .ul_li li{ float:left; width:50%; color:#5a73a5; padding:3px 0; font-size:13px;}

.ul_li02{ margin:5px 0}
.ul_li02 li{ float:left; width:355px; color:#5a73a5;}

.ul_li01{ margin:5px 0}
.ul_li01 li{ float:left; padding:2px 0; width:100%; color:#5a73a5;}

.img_Size{ margin:20px 0;}
.img_Size img{ width:100%;}	

.f_red{color:#d44a6a; font-family:'NanumBold';}
.txt_01{ font-family:'NanumBold'; font-size:18px;}
.txt_02{ font-family:'NanumBold'; font-size:14px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; padding:20px 0; }


/*총장인사말*/
.introduce{ position:relative; padding:0 0 0 300px;}
.introduce p.photo{ width:264px; position:absolute; left:0; top:0; }
.introduce p.f_point{color:#015fbe; font-size:22px; font-weight:bold;}
	
/* 탭메뉴 */
.tab_menu {border-bottom:1px solid #555; overflow:hidden;}
.tab_menu li {float:left; width:155px; text-align:center; font-family:'NanumBold'; font-size:15px;}
.tab_menu li a {display:block; padding:7px 0; border:1px solid #d1d1d1; margin:0 -1px -1px 0; color:#666666;}
.tab_menu li a:hover {background:#f8f8f8;}
.tab_menu li.on a {color:#fff; border:1px solid #555;background:#555;}

/*history*/
.top_history {height:95px; background:url('/images/template/00009/sub/img_010301_01.gif') no-repeat 0 0 #d1d1d1; font-family:'NGBold'; padding:35px 0 0 30px; margin-bottom:30px;}
.top_history span {color:#d44a6a;font-size:26px;}
.top_history p {font-size:26px; color:#3a3a3a;}
.history{ margin-top:50px; overflow:hidden;}
.history_dl{ float:left; width:47.5%; margin:0 1%;}
.history_dl dt.year{ background:#2e659d; color:#fff; font-size:16px; font-weight:bold; padding:5px 10px;}
.history_dl dd.month{ background:#efefef; color:#d44a6a; font-size:14px; font-weight:bold; padding:5px 10px;}
.history_dl dd.text{ padding:10px 5px 20px 10px;}

/*태안history*/
.top_history02 {height:95px; background:url('/images/template/00009/sub/img_010301_01.gif') no-repeat 0 0 #d1d1d1; font-family:'NGBold'; padding:35px 0 0 30px; margin-bottom:30px;}
.top_history02 span {color:#d44a6a;font-size:24px;}
.top_history02 p {font-size:24px; color:#3a3a3a;}

.taean_history{margin-top:50px; overflow:hidden;}
.taean_history_dl{ float:left; width:47.5%; margin:0 1%;}
.taean_history_dl dt.year{ background:#3da3b0; color:#fff; font-size:16px; font-weight:bold; padding:5px 10px;}
.taean_history_dl dd.month{ background:#e8f0f1; color:#525b5c; font-size:14px; font-weight:bold; padding:5px 10px;}
.taean_history_dl dd.text{ padding:10px 5px 10px 10px;}


.contacts_h6{ background:url('/images/template/00009/sub/t_bullet.gif') no-repeat 0 0; color:#015fbe; padding-top:8px; font-size:17px; font-family:'NanumBold'; margin-bottom:10px;}
.contacts_tb{ width:100%; border-top:2px solid #666;  margin-bottom:20px;}
.contacts_tb th{ background:#f6f6f6; color:#333; padding:8px 5px; font-weight:normal; font-size:13px; font-family:'NanumBold'; border-bottom:1px solid #ddd;}
.contacts_tb td{ border-bottom:1px solid #ddd; padding:5px 10px; font-size:13px; font-family:'Nanum'; }


.device_table{ width:100%; border-top:2px solid #666;  margin-bottom:20px;}
.device_table th{ background:#f6f6f6; color:#333; padding:8px 5px; font-weight:normal; font-size:13px; font-family:'NanumBold'; border-bottom:1px solid #ddd;}
.device_table td{ border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:5px 10px; font-size:13px; font-family:'Nanum'; }

.tableTy01{ width:100%; border-top:2px solid #666; overflow:hidden;}
.tableTy01 table{ margin:-1px 0 0 -1px;}
.tableTy01 th{ background:#f6f6f6; color:#333; padding:8px 5px; font-weight:normal; font-size:13px; font-family:'NanumBold'; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tableTy01 td{ border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:5px 10px; font-size:13px; font-family:'Nanum'; }

/*스텝*/
.step { margin:35px 0; }
.step:after{content:''; display:block; clear:both; }
.step ul li { float:left; width:33%; height:60px; background:#5b9bd5 url(/images/template/00009/sub/step_bg01.gif) no-repeat 100% 0; font-size:15px; font-family:'NanumBold'; color:#fff; text-align:center; margin-bottom:10px; }
.step ul li span { margin-top:8px; padding-right:10px; display:inline-block }




/* 0202 대학/대학원소개 */
.tit_box {color: #305191;font-size: 32px;font-family:'NotoM';}
.department_info_box {position:relative; margin-top: 20px;}
.department_info_box img {width:100%;height:250px;padding-top: 10px;}
.department {position:relative;}
.department .inner {border:1px solid #ccc; padding:30px 20px;}
.department .txt1 {color:#266ed4; font-size:24px; font-family:'NotoM'; margin-bottom:20px; letter-spacing:-1px;}
.department .txt2 {color:#333; font-size:16px; font-family:'NotoR'; letter-spacing:-1px; line-height:1.4;}
.department ul {display:block; overflow:hidden; background:#305191;} /* li 3개 */
.department ul li {position:relative; width: 33.3%; height:70px; float:left; background:url("/images/template/00009/sub/de_line.png") no-repeat right center #305191;}
.department ul li.list_03 {background-image:none;}
.department ul li span.img {position:absolute;left:30px;top: 12px;width:45px;height:45px;}
.department ul li p {color:#fff;font-size:15px; font-family:'NotoM'; padding-left: 90px; line-height: 70px;}
.department ul li p.p1 {color:#fff;font-size:15px; font-family:'NotoM'; padding-left: 90px; line-height: 34px;}/*20190702추가*/
.department ul li a {display:block; }
.department ul li a:hover {text-decoration:underline; color:#FFC}
.department .btn_w {position:absolute; right:30px; top:20px;}


.common_dl{ text-align:left;}
.common_dl dt{ background:url('/images/template/00009/sub/t_bullet.gif') no-repeat 0 0; color:#015fbe; padding-top:8px; font-size:18px; font-family:'NanumBold'; margin-bottom:10px;}
.common_dl dd{ font-family:'Nanum'; line-height:1.4; color:#666; overflow:hidden;}
.common_dl dd.box{ background:#f6f6f6; padding:10px 20px 15px; margin:5px 0 30px;}
.common_dl dd.box .ul_li{ margin:5px 0}
.common_dl dd.box .ul_li li{ float:left; width:50%; color:#5a73a5; padding:3px 0; font-size:13px;}

.ul_li02{ margin:5px 0}
.ul_li02 li{ float:left; width:355px; color:#5a73a5;}

.ul_li01{ margin:5px 0}
.ul_li01 li{ float:left; padding:2px 0; width:100%; color:#5a73a5;}

.img_Size{ margin:20px 0;}
.img_Size img{ width:100%;}	

.f_red{color:#d44a6a; font-family:'NanumBold';}
.txt_01{ font-family:'NanumBold'; font-size:18px;}
.txt_02{ font-family:'NanumBold'; font-size:14px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; padding:20px 0; }

/* 0111 캠퍼스안내>오시는길>약도 */
.fs_map .root_daum_roughmap { width:100% !important}
.map_info_box {position:relative; overflow:hidden; background: url('/images/template/00009/sub/logo_bg2.png') no-repeat 20px center #283667; padding:30px 20px;}
.map_info_box ul {padding: 0 0 0 130px;}
.map_info_box ul li {font-family: 'NotoR'; font-size:16px; color:#cbd5dc; letter-spacing:-1px; line-height:1.6; word-break: break-all;}
.map_info_box ul li span {font-family:'NotoB'; font-size:18px; color:#fff; margin-right:10px;}
.traffic_box {position:relative;overflow:hidden;padding: 20px 0 40px 130px;}
.traffic_box .img {position:absolute; left:0; top:20px; width:95px; height:105px; overflow:hidden;}
.line {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}


/*기본*/
p.line {margin-top:20px; padding-top:20px; border-top:1px dashed #9298af;}
p.ds_line {margin-top:20px; padding-top:20px; border-top:1px dashed #9298af;}


/* 타이틀 */
.tit {font-size:24px; line-height:1.6; font-family:"NotoM"; color:#1f5aa0;}
.tit_b strong {font-size:24px; line-height:1.6; font-family:'NotoB'; background:url('/images/template/00009/sub/text_underline.png') repeat-x left 22px; padding:0 2px;}
.tit_s strong {font-size:18px; line-height:1.5; font-family:'NotoM'; background:url('/images/template/00009/sub/text_underline.png') repeat-x left 16px; padding:0 2px;}

/* 박스스타일 */
.box_st1 {position:relative;padding:10px 20px;font-family:"NotoR";line-height:1.4;border-top:1px solid #c8d1db;border-left:1px solid #c8d1db;border-bottom:1px solid #9298af;border-right:1px solid #9298af;overflow:hidden;background: #edf5ff;}
.box_st2 {position:relative;padding:10px 20px;font-family:"NotoR";line-height:1.4;border-top:1px solid #c8d1db;border-left:1px solid #c8d1db;border-bottom:1px solid #9298af;border-right:1px solid #9298af;overflow:hidden;background:#fff;}
.box_st3 {position:relative;padding:8px;overflow:hidden;background:url("/images/template/00009/sub/pt_diagonal.png") repeat;}
.box_st3 .box {padding:20px; background:#fff;}


/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff;border-bottom: 1px solid #164399;border-right: 1px solid #164399;background: #2558bb;}
.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#0c3477; border:1px solid #0c3477; background:#fff;}
.btn_st a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }






/* 업무일람표 및 학사일정 210602 추가*/
.table_style02 {
	border-collapse:collapse;
	border-right:1px solid #c7d4ea;
	border-top:1px solid #c7d4ea;
	}
.table_style02 th {
	border-left:1px solid #c7d4ea;
	border-bottom:1px solid #c7d4ea;
	border-right:1px solid #c7d4ea;
	background-color:#dce6f6;
	color:#3d5b8c;
	font-size:12px;
	padding:6px;
}
.table_style02 td {
	color:#666666;
	font-size:12px;
	text-align:center;
	padding:1px;
	border-left:1px solid #c7d4ea;
	border-right:1px solid #c7d4ea;
	border-bottom:1px solid #c7d4ea;
}



.table_style03 {
	
	border-collapse:collapse;
	border-right:1px solid #c7d4ea;
	border-top:1px solid #c7d4ea;
	}
.table_style03 th {
	border-left:1px solid #c7d4ea;
	border-bottom:1px solid #c7d4ea;
	border-right:1px solid #c7d4ea;
	background-color:#dce6f6;
	color:#3d5b8c;
	font-size:12px;
	padding:6px;
}
.table_style03 td {
	font-family:"나눔고딕",NanumGothic,"맑은고딕",MalgunGothic;
	color:#666666;
	font-size:16px;
	text-align:center;
	padding:1px;
	border-left:1px solid #c7d4ea;
	border-right:1px solid #c7d4ea;
	border-bottom:1px solid #c7d4ea;
}


.list_blue {
	font-family:"나눔고딕",NanumGothic,"맑은고딕",MalgunGothic;
	font-size:13px;
	color:#7e7e7e;
	line-height:25px;
	padding:0;
	margin:0;
}


@media screen and (max-width:1019px) {



/* 0201 대학/대학원소개 */
	.department_info_box .tit_box { margin-left:-185px; width:367px;  font-size:28px;}
	.department ul li {box-sizing:border-box;}
	.department ul li p {font-size:14px; padding-left:80px;}
}


@media screen and (max-width: 800px) {

	/*스텝*/
	.step ul li { width:50%;  }
	
}

@media screen and (max-width: 690px) {	

	/*총장인사말*/
	.introduce{ padding:0 0 0 240px;}
	.introduce p.photo img{ width:80%; }
	
	.common_dl dd.box .ul_li li{ float:none; width:100%;}
	
}




@media screen and (max-width :600px) {
	
    /* 0202 대학/대학원소개 */
	.department_info_box .tit_box { margin-left:-185px; width:367px;  font-size:28px;}
	.department ul li {width:100%; background-image:none;}
	.department ul li p {font-size:16px; padding-left:90px;}
	.department .txt1 {font-size:20px;}
	.department .txt2 {font-size:15px;}
}



@media screen and (max-width: 560px) {
	
	/*총장인사말*/
	.introduce{ padding:0;}
	.introduce p.photo{ position:relative; width:100%; text-align:center; margin-bottom:20px; }
	.introduce p.photo img{ width:50%;}
	
	/* 탭메뉴 */
	.tab_menu {border-bottom:0;}
	.tab_menu li {float:none; width:100%; margin:0 0 5px 0;}
	.tab_menu li a {margin:0;}

	/*연혁*/
	.history_dl{ width:100%; margin:0;}
	.taean_history_dl{ float:left; width:100%; margin:0;}
	
	.top_history02 span {font-size:18px;}
	.top_history02 p {font-size:18px;;}

	
	/*스텝*/
	.step ul li { width:100%;  }
	
		/* 0111 , 0706 찾아오시는길 */
	.map_info_box {background: url('/images/template/00009/sub/logo_bg2.png') no-repeat right bottom#283667;padding:30px 20px;}
	.map_info_box ul {padding:0;}
	.map_info_box ul li {font-size:15px; color:#cbd5dc; letter-spacing:-1px;}
	.map_info_box ul li span {display:block;}


}
@media (max-width:480px) {
	
	.top_history02 span {;font-size:15px;}

}

@media (max-width:380px) {
	
}