@charset "utf-8";
:root{
	--height:230px;
}
/* 공통 -------------------------------------------------------------------------------------------------------------------------- */
.mxr {position:relative; width:100%;max-width:1300px; margin-left:auto !important; margin-right: auto !important; /* 1200 영역 안에 내용을 유지 시키면서 중앙으로 박스를 이동 */}
.sound_only{position:absolute; width:0px; height:0px; overflow:hidden; font-size:0px; text-indent:-9999px;}
.hide, .hidden {display:none;}
.pos-abs{position:absolute;}
.clear{clear:both;}
.ofh {overflow:hidden;}
.fl_left{float:left;}
.fl_right{float:right;}

.body_fixed {
	position:fixed;
	width:100vw;
	height:100vh;
	overflow:hidden;
}
.body_fixed::before {
	content:'';
	position:fixed;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.5);
	z-index:6;
}
#header {border-bottom:1px solid #d3d3d3; background-color:#fff;position:relative; z-index:100;}
.header{box-sizing:border-box;}
.ext_bar {background-color:#1a4883; height:40px;z-index:5;}
.ext_bar .mxr{overflow:hidden;}
.ext_link{float:left;}
.ext_link a{display:inline-block; line-height:40px; color:#fff; border:1px solid #315b90; border-width:0px 1px 0px 0px; padding:0 15px;}
.ext_link a:first-child{padding-left:5px;border-left:0px;}
.ext_link a:after{content:'>'; display:inline-block; padding-left:10px; color:#fff; font-size:11px;}
.ext_menu {float:right;text-align:right;}
.ext_menu a{display:inline-block; line-height:40px; color:#fff; line-height:40px; color:#fff; border:1px solid #315b90; border-width:0px 0px 0px 1px; padding:0 15px;}
.ext_menu a:last-child{border-right-width:1px;}

/* nav */
.desktop .logo{float:left; }
.desktop .logo {width: 172px;margin:0;padding:0px 0 0 0;}
.desktop .logo a{display:block;background-image:url("../_img/common/logo.png?v=2021-10-19");background-repeat:no-repeat;text-indent:-999em;background-position:center;width: 172px;height: 60px;}
.desktop .nav {list-style:none;margin:0;padding:0;width: calc(100% - 190px);overflow:hidden;position:relative;z-index:5;float:right;}
.desktop .nav li{float:left; padding:0; margin:0; width:calc(100% / 5);}
.desktop .nav li > a {display:block; text-align:center; line-height:90px; font-size:18px;letter-spacing:0.05em; color:#444; position:relative;} 
.desktop .nav li > a:hover,.nav li > a.active, .nav li > a.current  {color:#000; text-decoration:none;}
.desktop .nav li > a:hover:before,.nav li > a.active:before, .nav li > a.current:before {display:block; content:''; width:100%; position:absolute; height:2px; background-color:#ffc71e; bottom:0px; width:60%; margin-left:20%;}
.desktop .nav_box{z-index:1000; position:relative; background-color:#fff;height:90px;}
.desktop .logo a{
	width: 100%;
	background-size:100%;
	text-align:center;
	max-width: 175px;
	margin-top: 15px;
}

/* 서브메뉴 */
.desktop .subnav{clear:both; height:var(--height); position:absolute; top:94px; left:0px;width:100%; overflow:hidden; z-index:2; top:calc(-1 * var(--height));transition:all 0.5s ease;}
.desktop .subnav .mxr{padding-left:198px; background-image:url("../_img/common/top_sub_bg.gif"); background-repeat:no-repeat; height:var(--height); background-position:left top; border-bottom:3px solid #154e95; background-color:#fff;}
.desktop .subnav_box{width:calc(100% - 190px);  overflow:hidden; position:absolute; right:0px;}
.desktop .snav {float:left; width:calc(100% / 5); margin:0; padding:20px 0 0 0; list-style:none; height:var(--height); position:relative;}
.desktop .snav li{clear:both; padding:0px 10px;}
.desktop .snav li:first-child { margin-top:0px; }
.desktop .snav li:first-child > a { margin-top:10px; }
.desktop .snav li > a{display:block; text-align:left; color:#777777; font-size:14px; padding:3px 10px;}
.desktop .snav li > a:hover {color:#000; text-decoration:none;  }
.desktop .snav.current{}
.desktop .snav:hover{}
.desktop .subnav {transition: .35s top ease-in; -webkit-transition: .35s top ease-in; -moz-transition: .35s top ease-in; -o-transition: .35s top ease-in; -ms-transition: .35s top ease-in; transition: .35s top ease-in; }
/* 서브메뉴 */

/* 지역동기회 탭메뉴 */
.area_tabmenu{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;align-content: stretch;}
.area_tabmenu > li {width:100%;}
.area_tabmenu > li > a{display:block;text-align:center;padding:10px 20px; border:1px solid #ddd; border-width:1px 0px 1px 1px;background-color:#eff1f3;}
.area_tabmenu > li:last-child > a{border-right-width:1px;}
.area_tabmenu > li > a.on{background-color:#1748a4;color:#fff;border-color:#1748a4;}

/* layout */

#main_content{}
#footer {clear:both;  background-color:#f2f2f2; height:78px;}
#footer .copyright_text{text-transform:uppercase; font-size:14px; color:#555555; line-height:78px;}

/* 나눔 폰트 기준 */
.bold {font-weight:700 !important;}
.extrabold {font-weight:800 !important;}

/* MAIN SLIDE */
.main_slide_area {background-color:#d8e4f5; height:450px; }

.main_bxslide {position:relative;}
.main_bxslide ul {position:relative;}
.main_bxslide ul li{position:relative;}

.main_bxslide .sl_text {position:absolute; width:100%; height:120px; background-color: rgba(22,74,110,0.6); z-index:1; bottom:0px; overflow:hidden;}
.main_bxslide .sl_img_01 {position:relative; height:450px; overflow:hidden; text-align:center; background:url('../_img/main/mainimg01.jpg') top center no-repeat; }
.main_bxslide .sl_img_02 {position:relative; height:450px; overflow:hidden; text-align:center; background:url('../_img/main/mainimg02.jpg') top center no-repeat; }
.main_bxslide .sl_text .sl_subject{color:#fff; font-size:16px; padding:30px; box-sizing:border-box;}
.main_bxslide .sl_text .sl_subject strong{display:block; font-size:26px;}
.main_slide_area .sl_control {position:absolute; z-index:10; right:10px; top:-80px;}
.main_slide_area .sl_control .bx_play{display:none;}
/* MAIN SLIDE */


/* MAIN NOTICE */
.la_notice, .la_community {width:600px; overflow:hidden; margin:50px 0; }
.latest_title{font-size:24px; text-align:center; position:relative; line-height:65px;}
.latest_title .btn_latest_more{vertical-align:middle; display:inline-block; width:21px; height:27px; background-image:url('../_img/common/icon_more.png'); background-repeat:no-repeat; text-indent:-9999px; margin-left:10px;}
.latest_list01 {font-size:15px; list-style:none; overflow:hidden; width:100%; margin:0; padding:0;}
.latest_list01 li{height:51px; overflow:visible; box-sizing:border-box; border:1px solid #ccc; border-width:0px 0px 1px 0px; }
.latest_list01 li a {display:block; line-height:50px; overflow:hidden; box-sizing:border-box;}
.latest_list01 li a:hover {background-color:#ecf4f8; border:1px solid #ccc; border-width:0px 0px 1px 0px; }
.latest_list01 .subject{display:block; float:left; text-align:left; width:71%; text-indent:10px;}
.latest_list01 .date{display:block;  float:right; text-align: center;width:28%; border-left:1px solid #ccc; }

.gd_border:before {content:''; display:block; width:100%; height:3px;
	background: #1a4a86;
	background: -moz-linear-gradient(left, #1a4a86 0%, #3197b5 100%);
	background: -webkit-linear-gradient(left, #1a4a86 0%,#3197b5 100%);
	background: linear-gradient(to right, #1a4a86 0%,#3197b5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4a86', endColorstr='#3197b5',GradientType=1 );	
}



.tab_gallery {clear:both; margin-top:80px;}
.tab_gallery ul {list-style:none; margin:0; padding:0;}
.tab_gallery ul > li {float:left; width:50%; box-sizing:border-box; height:66px; border-bottom:1px solid #ccc;}
.tab_gallery ul > li {}
.tab_gallery ul > li:first-child > span{border-left-width:1px;}
.tab_gallery ul > li > span {display:block; cursor:pointer; position:relative;border:1px solid #ccc;  border-width:1px 1px 0px 0px; position:relative;}

.tab_gallery ul > li.on > span {border-width:0px 1px 0px 0px;border-bottom:1px solid #fff;}
.tab_gallery ul > li:first-child span {border-left-width:0px;}
.tab_gallery ul > li:last-child span {border-right-width:0px;}
.tab_gallery ul > li:first-child.on > span {border-left-width:0px;}
.tab_gallery ul > li:last-child.on > span {border-right-width:0px;}
.tab_gallery ul > li.on > span:before {content:''; height:3px; width:100%; position:absolute; left:0px; top:-1px; z-index:2px;
	background: #1a4a86;
	background: -moz-linear-gradient(left, #1a4a86 0%, #3197b5 100%);
	background: -webkit-linear-gradient(left, #1a4a86 0%,#3197b5 100%);
	background: linear-gradient(to right, #1a4a86 0%,#3197b5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4a86', endColorstr='#3197b5',GradientType=1 );
}


#tabcontent2,#tabcontent3 {display:none;}

#ctt_con .img_block img{display:block;width:100%;height:auto;max-width:900px;margin:0 auto;}


/* MAIN NOTICE */


/* MAIN BANNER */
.la_banner {margin:50px 0 0 0;}
.main_banner_box {position:relative; height:140px;}
.main_banner_box .bx-wrapper {top:20px;}
.main_slide_banner {position:relative; overflow:hidden;}
.main_slide_banner li {float:left; }
.main_slide_banner li a {display:block; border:1px solid #ccc;}
.main_slide_banner li a img{display:block; width:100%; max-width:198px;}
/* MAIN BANNER */

#part_8woo {
	padding-top:40px;
}
.desktop {position:relative;z-index:1;}
.desktop .subnav.on {
    top: 90px;
}
.mobile-menu{
	position:fixed;top:40px;left:-100vw;z-index:10;width:80%;max-width:600px;background-color:#666;height:calc(100vh - 40px);overflow:hidden;transition:all 0.5s ease;
}
.mobile-menu-btn{display:none;}
.top_fixed {position:fixed;width:100%;top:0px;left:0px;z-index:5;}

/*.mobile-menu.on::before{*/
/*	content:'';*/
/*	position:fixed;*/
/*	width:100%;*/
/*	height:100%;*/
/*	z-index:-1;*/
/*	background-color:rgba(0,0,0,0.7);*/
/*}*/


#mobile_tab_menu{position:relative;margin-top:10px;}
#mobile_tab_menu .mt_item{display:inline-block;vertical-align:middle;margin-bottom:4px;}
#mobile_tab_menu .mt_item >a {display:block;padding:10px;border:1px solid #ccc;}
.mobile-sl_title{display:none;}

@media (max-width:1184px){
	.latest_title{font-size:calc(1em + 0.8vw); }
	.latest_title .btn_latest_more{vertical-align:middle; display:inline-block; width:21px; height:27px; background-image:url('../_img/common/icon_more.png'); background-repeat:no-repeat; text-indent:-9999px; margin-left:10px;}

	.desktop .logo {
		width: 300px;
		margin: 0;
		padding: 0px 0 0 0;
	}
	.desktop .nav{
		width:calc(100% - 310px);
	}
	.desktop .subnav_box{width:calc(100% - 310px);}

}
@media (max-width:1120px){
	.desktop .logo {
		width: 250px;
		margin: 0;
		padding: 0px 0 0 0;
	}
	.desktop .nav{
		width:calc(100% - 260px);
	}
	.desktop .subnav_box{width:calc(100% - 260px);}

}
@media (max-width:960px){
	#header {
		height: 40px;
	}
	.desktop{display:none;}
	.mobile-menu-btn{
		display: block;
		color: #fff;
		background-color: #0000;
		border: 0px;
		position: fixed;
		right: 20px;
		z-index: 999;
		top: 50px;
		text-shadow:0px 0px 3px rgba(0,0,0,0.8);
	}
	.mobile-menu-btn::before{
		content:'\f0c9';
		font-family:'Font Awesome 5 Free';
		font-weight:900;
		font-size:36px;
		transition:all 0.5s ease;
	}
	.mobile-menu-btn.on::before{
		content:'\f00d';
		transition:all 0.5s ease;
	}
	/*  mobile menu style */
	#mobile-menu{}
	#mobile-menu.on{
		left:0px;transition:all 0.5s ease;
	}
	.m-nav {display:block;position:relative;height:100%;overflow:hidden;overflow-x:hidden;overflow-y:auto;background-color:#fff;padding:0 0 1em 0em !important;box-sizing: border-box;}
	.m-snav {display:block;}
	.m-nav a.m-dept1 {font-size:1.12rem;display:block;line-height:39px;height:40px;padding:0 1em;border:1px solid #ccc;border-width:0 0 1px 0; position:relative;transition:background 0.5s ease;}
	.m-nav a.m-dept1::before{
		content:'\f107';
		font-family:'Font Awesome 5 Free';
		font-weight:900;
		position:absolute;
		color:#a4b7d7;
		top:50%;
		right:20px;
		transform:translateY(-50%);
		transition:all 0.5s;
	}
	.m-nav a.m-dept1.on {
		background:#2161a7;
		color:#fff;
		transition:background 0.5s ease;
	}
	.m-nav a.m-dept1.on::before{
		content:'\f107';
		color:#fff;
		transform:translateY(-50%) rotateX(-180deg);
	}
	.m-nav .m-snav {display:none;overflow:hidden;}
	.m-nav .m-snav a {font-size:1rem;}
	ul.m-snav a {display:block;padding:6px 1em 6px 1.5em;border-bottom:1px solid #ddd;}
	
	/*.m-nav a.m-dept1.on + ul.m-snav {display:block;}*/
	.m-nav a.m-dept1.on + ul.m-snav {padding:0 0 0.6em 0; background-color:#f7f8f9;}
	.m-nav a.m-dept1.on + ul.m-snav a.on {background-color:#dde6ec;color:#1748a4;}
	#mobile-menu .logo{background-color:#fff;text-align:center;border-bottom:1px solid #ccc;padding:8px 0;}
	#mobile-menu .logo img{width:150px;}
	.frm_input {width:100%;display:inline-block;}
}
@media (max-width:768px){
	.main_bxslide .sl_text .sl_subject{
		width:calc(100% - 120px);
	}

	.main_bxslide::before,.main_bxslide::after{
		content:'';
		display:table;
		clear:both;
	}
	.main_slide_area,
	.main_bxslide .sl_img_01,
	.main_bxslide .sl_img_02,
	.main_bxslide .sl_img_03{
		height:180px;
		background-size:cover;
	}
	.main_bxslide .sl_text {
		height: 80px;
	}
	.main_slide_area .sl_control{
		top:-60px;
	}
	.main_bxslide .sl_text .sl_subject {
		color: #fff;
		font-size: 16px;
		padding: 10px;
		box-sizing: border-box;
	}

	.sidebar li a {font-size:1.05em !important;line-height:36px !important;}

	.page_title h2, #container_title {
		font-size: 1.6rem !important;
	}
	.page_top_area{
		height:100px !important;
		background-size:cover;
	}
	.cate_tit {
		text-align: center;
		color: #fff;
		font-size: 38px;
		text-shadow: 2px 2px 3px rgb(0 0 0 / 80%);
		line-height: 100px !important;
	}

}
@media (max-width:640px){
	.main_bxslide .sl_text .sl_subject strong {
		display: block;
		font-size: 18px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.main_bxslide .sl_text .sl_subject {
		color: #fff;
		font-size: 10px;
		padding: 10px;
		box-sizing: border-box;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.latest_title strong{/*display:none;*/}
	.sidebar>li>a {
		line-height: 42px !important;
	}
	.part_item a {
		display:grid;
		height:60px;
		align-content: center;
		font-size:0.95rem;
		font-weight:700;
		color:#353535;
		border:1px solid #dbdbdb;
		border-top:5px solid #ffcf5e;
		background-repeat:no-repeat;
		background-position:10px center;
		padding-left:50px;
		letter-spacing:-0.03em;
		background-size:40px;
	}
	#part_8woo {
		padding-top: 10px;
	}
	.tab_gallery {
		clear: both;
		margin-top: 15px;
	}
	.la_gallery {
		margin-top:15px;
	}
	.la_banner {
		margin-top:15px;
	}
	.latest_title {
		line-height: 45px;
	}

	#footer{
		padding-top:20px !important;
	}
	#footer .copyright_text {
		line-height: 1.6rem !important;
	}
	.scroll_wrap {position:relative;overflow:hidden;}
	.scroll_box {max-width:100%;overflow-y:hidden;overflow-x:auto;position:relative;}
	.scroll_box{white-space:nowrap;}
	.has-scroll.scroll_wrap:after {
		position:absolute;
		top:0;
		left:100%;
		width:50px;
		height:100%;
		border-radius:10px 0 0 10px / 50% 0 0 50%;
		box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
		content:'';
	}
	.mobile-sl_title{display:block;font-size:14px;}
}
@media (max-width:480px){
	.page_title h2 , #container_title {
		font-size: 1.4rem !important;
	}
}