@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body{font:400 14px 'Noto Sans KR', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif; color:#252525;  min-width:340px}
body, html, p, div, ul, li , h1, h2, h3, h4, h5, h6, span,br, dl, dt, dd{padding:0; margin:0;}
h1, h2, h3, h4, h5{font-weight:400;}
a{text-decoration:none; color:#252525}
a, img{border:none; vertical-align:middle;}
ul, li{list-style:none;}
img{max-width:100%;}


.center_wrap{width:1200px; margin:0 auto; position:relative;}
input[type=text],
input[type=password]{border:1px solid #d1d1d1; height:50px; padding:0 5px; box-sizing:border-box; vertical-align:middle;}
select{border:1px solid #d1d1d1; height:50px; box-sizing:border-box; color:#6d6d6d; font-size:18px; vertical-align:middle;}
input[type=button]{vertical-align:middle;}
table{border-collapse:collapse; width:100%;}
textarea{width:100%; padding:10px; box-sizing:border-box; border:1px solid #ddd;}
input[type=file]{width:100%; height:35px;}
#gnb .blind,
.site_map_b .blind{display:none;}
.has-text-align-center{text-align: center!important;}
@media screen and (min-width:1001px){
	/*head*/
	#head{position:absolute;width:100%; z-index:999; background:#fff;top:0}
	#head a{color:#6e6e6e;}
	#head .ribbon_menu{text-align:right; margin:15px 0 0;}
	#head .ribbon_menu li{display:inline-block;}
	#head .ribbon_menu li:after{content:'|'; padding:0 10px; font-family:Dotum; color:#ddd; font-size:11px; vertical-align:-1px;}
	#head .ribbon_menu li:last-child:after{display:none;}
	#head .ribbon_menu li a{font-size:14px; color:#959595;}
	
	#head .logo{float:left; margin:24px 30px; font-size:0; line-height:0;}

	#head .logo .mobile,
	#head .btn_bar,
	#head .btn_home,
	.gnb_wrap .bg,
	#gnb .logo{display:none;}
	
	#head .gnb_wrap{}
	#head .gnb_wrap:after{content:' '; display:block; clear:both;}

	#gnb{float:right;}
	#gnb > .depth1 > li {float:left; position:relative;}
	#gnb > .depth1 > li > a{ display:block; font-size:18px; font-weight:bold; padding:45px 35px 40px 0; position:relative;}
	#gnb > .depth1 > li:hover > a/*,
	#gnb > .depth1 > li.active > a*/{color:#3943a7;}
	#gnb > .depth1 > li:last-child > a{padding-right:0;}
	#gnb > .depth1 > li > .depth2{background-color:#fff;position: absolute;min-width:200px; display:none; z-index:998; word-break:keep-all; margin-top:-15px;}
	#gnb > .depth1 > li > .depth2 li{display: inline-block;white-space: nowrap;width: 100%; }
	#gnb > .depth1 > li > .depth2 a{border:#fff 1px solid;color:#555; font-size:22x; font-weight:500;display: block; padding:10px;}
	/* 给链接前加小圆圈 */
	#gnb > .depth1 > li > .depth2 a::before {
	content: "•"; /* 小圆圈符号 */
	margin-right: 6px; /* 圆圈与文字的间距 */
	font-size: 1.1em; /* 圆圈大小（可选，调整与文字的比例） */
	}
	#gnb > .depth1 > li > .depth2 a:hover{background:#3943a7; color:#fff;}
	/* 筛选有二级菜单的一级li，添加向下箭头 */
	#gnb > .depth1 > li:has(.depth2) > a::after {
		content: ""; /* 伪元素必须有 content（空值也可） */
		/* 用边框生成三角形箭头（向下） */
		border: 5px solid transparent;
		border-top-color: #333; /* 箭头颜色（向下时显示上边框） */
		margin-left: 6px; /* 箭头与文字的间距 */
		/* vertical-align: middle; 箭头与文字垂直居中 */
		transition: transform 0.2s ease; /* 箭头旋转过渡动画（平滑效果） */
		position: absolute;
		margin-top:10px;	
		z-index: 9999;
	}
	/* 4. hover时：箭头向上 + 显示二级菜单 */
	#gnb > .depth1 > li:has(.depth2):hover > a::after {
		transform: rotate(180deg); /* 箭头旋转180度，变为向上 */
	}
	#gnb_mobile{display:none;}
}
@media screen and (max-width:1200px){
	.center_wrap{width:100%; padding:0 2%; box-sizing:border-box;}
	#gnb > .depth1 > li > a{margin:0; padding-right:35px;}
	
}

@media screen and (max-width:1000px){
	input[type=text],
	input[type=password],
	select{height:35px; line-height:35px; font-size:14px;}
	
	.center_wrap{ padding:0 4%;}
	#head{position:relative; height:60px;}
	#head .ribbon_menu{display:none;}
	
	#head > .center_wrap{position:static;}
	#head .btn_bar{float:left; margin-top:15px;}
	#head .btn_bar img{width:20px;}
	#head .btn_home{float:right; margin-top:15px;}
	#head .btn_home img{width:23px;}
	#head .gnb_wrap > .logo{position:absolute; left:50%; margin-left:-30px; margin-top:0;}
	#head .logo .pc{display:none;}	
	#head .logo .mobile{width:60px;margin-top:10px;}
		
	#gnb{display:none;}
	#gnb_mobile{height:100vh;  pointer-events:none;display:none;}
	#gnb_mobile.open{width:100%;  pointer-events:auto;display:block;}
	#gnb_mobile .logo{padding:10px 0 10px 4%; border-bottom:1px solid #d6d6d6;}
	#gnb_mobile .wrap{background:#fff; width:80%; min-width:320px; left:-150%; position:fixed; height:100vh; z-index:999;}
	#gnb_mobile .bg{background:#000; opacity:0; display:block; left:0; right:0; width:100%; height:100vh; position:absolute; z-index:99;}
	#gnb_mobile .depth1{min-height:600px; overflow:auto;}
	#gnb_mobile .depth1 > li{border-bottom:1px solid #d6d6d6;}
	#gnb_mobile .depth1> a{font-size:16px; display:block; padding:15px 10% 15px 4%; position:relative; font-weight:500;border-bottom:1px solid #d6d6d6}
	#gnb_mobile .depth1 > li > a{font-size:16px; display:block; padding:15px 10% 15px 4%; position:relative; font-weight:500;}
	#gnb_mobile .depth1 > li > a:after{content:' '; background:url(../images/gnb_arrow.png) no-repeat left top; background-size:100% auto; width:16px; height:10px; position:absolute; right:4%; top:50%; margin-top:-5px;}
	#gnb_mobile .depth1 > li.open > a{background:#4149c0; color:#fff;}
	#gnb_mobile .depth1 > li.open > a:after{background-image:url(../images/gnb_arrow_on.png);}
	#gnb_mobile .depth2{background:#f5f5f5; padding:15px 4% 5px; display:none;}
	#gnb_mobile .depth2 li{margin-bottom:10px;}
	#gnb_mobile .depth2 li a{color:#696969;}
	#gnb_mobile .depth2 li a:before{content:'-'; padding-right:8px; vertical-align:2px;}
	#gnb_mobile .btn_close{position:absolute; right:3.5%; top:10px;}
}
/*footer*/
#footer{border-top:1px solid #ddd;padding:40px 0;margin-top:50px;font-size:16px;line-height:24px;color:#999999;font-family:'Roboto';}
#footer .logo{position:absolute; top:5px; right:0;}
#footer .address .beian{font-size: 13px;}
#footer .address a{color:#999999; vertical-align:baseline;}

/*站点地图*/
.site_map_b{border-top:1px solid #e9e9e9; padding:50px 0; overflow:hidden;}
.site_map_b .depth1{width:1075px; float:left;}
.site_map_b .depth1 > li{float:left; width:16.6%;}
.site_map_b .depth1 > li > a{color:#252525; font-size:18px; font-weight:bold; padding-bottom:17px; display:block;}
.site_map_b .depth2 a{color:#707070; font-size:16px; padding:5px 0;}
.site_map_b .banner{float:right; width:120px;}
.site_map_b .banner li{margin-bottom:10px;}
.site_map_b .banner a{display:block; height:50px; line-height:50px; background:#f5f5f5; color:#252525; font-size:15px; font-weight:bold;}
.site_map_b .banner a img{padding:0 13px 0 13px; vertical-align:middle;}

/*快速目录*/
#quick_menu{position:fixed; right:0; top:500px; z-index:999; -webkit-transition-duration:0.4s;  -moz-transition-duration:0.4s;  -o-transition-duration:0.4s;  -ms-transition-duration:0.4s;  transition-duration:0.4s;
}
#quick_menu li a{display:block; margin-bottom:1px; width:90px; height:90px; background:#30608e; text-align:center; box-sizing:border-box; padding-top:17px;}
#quick_menu li a strong{display:block; font-size:14px; color:#fff; font-weight:normal; padding-top:15px;}
#quick_menu.fixed{top:30px;-webkit-transition-duration:0.4s;  -moz-transition-duration:0.4s;  -o-transition-duration:0.4s;  -ms-transition-duration:0.4s;  transition-duration:0.4s;
}
@media screen and (max-width:1400px){
	#quick_menu{display:none;}
}
@media screen and (max-width:1200px){
	.site_map_b .depth1{width:80%}
	.site_map_b .banner{width:18%;}
	
	#footer .logo{display:none;}
}
@media screen and (max-width:1000px){
#footer{border-top:1px solid #ddd;padding:20px 0;margin-top:20px;font-size:14px;line-height:20px;color:#999999}
#footer .logo{position:relative;top:5px; right:0;}

	
	.site_map_b .depth1{display:none;}
	
	.site_map_b{padding:20px;}
	.site_map_b .banner{width:100%; float:none;}
	.site_map_b .banner li{float:left; width:32.4%; margin-left:1.3%; margin-bottom:0; text-align:center;}
	.site_map_b .banner li:first-child{margin-left:0;}
	.site_map_b .banner a{font-size:13px;}
	.site_map_b .banner a img{padding:0 5px 0 0;}
	
}


/*轮播图*/
.sub_visual{height:260px; position:relative; width:100%; overflow:hidden;background:url(../images/banner-page.jpg) no-repeat center center; margin-top:109px;}
.sub_visual .mobile{display:none;}
@media screen and (max-width:1000px){
.sub_visual{height:100px; position:relative; width:100%; overflow:hidden;background:url(../images/banner-page.jpg) no-repeat center center; margin-top:0px;background-size:cover}
}
/*lnb*/
.lnb{background:#fafafa; border-bottom:1px solid #cfcfcf;line-height:71px;}
.lnb-menu  { display:table;width:100%;border-left:1px solid #cfcfcf}
.lnb-menu a { display:table-cell;width:10%;font-size:19px;color:#666666;text-align:center;line-height:71px;border-right:1px solid #cfcfcf;border-bottom:4px solid #fafafa}
.lnb-menu a.on { color:#30608e;border-bottom:4px solid #30608e}

@media screen and (max-width:1000px){
.lnb{background:#fafafa; border-bottom:0px solid #cfcfcf;line-height:30px;}
.lnb .center_wrap { padding:0;}
.lnb-menu  { display:block;width:100%;border-left:0}
.lnb-menu a { display:block;width:50%;font-size:13px;color:#666666;text-align:center;line-height:30px;;border-bottom:1px solid #cfcfcf;float:left;box-sizing:border-box}
.lnb-menu a:nth-child(2n) {border-right:0 }
.lnb-menu a.on { color:#30608e;border-bottom:1px solid #30608e}
.lnb-menu:after { content:'';display:block;clear:both}
}
.pg_tit{font-size:65px;font-family: 'Roboto'; color:#30608e;font-weight: bold; padding:50px 0 10px; text-align:center;}
.sub_tit{color:#333; font-size:40px; margin-bottom:50px; text-align:center;  line-height:40px; font-weight:300;}
.sub_tit p b{font-weight:500;}
.sub_tit small{font-size:24px;  margin-top:25px;}

.path{text-align:center; border-bottom:1px solid #dbdbdb; padding-bottom:40px;margin-bottom:90px;}
.path, .path a {color: #707070 !important; font-size:16px;}
.path img{display:inline-block;margin:0 10px 0 6px;vertical-align:middle;}
@media screen and (max-width:1000px){
	.pg_tit{font-size:28px; padding:20px 0; text-align:center; }

.path{text-align:center; border-bottom:1px solid #dbdbdb; padding-bottom:20px;margin-bottom:20px;}
.path {color:#707070; font-size:13px;}
.path img{display:inline-block;margin:0 5px 0 2px;vertical-align:middle;}
	
	#path{display:none;}
}
@media screen and (min-width:320px) and (max-width:1000px){
body{overflow-x:hidden;}
}