@charset "UTF-8";

/* layout.css  시작 */
/* 중간 레이아웃 */
#wrapper{width:100%; margin:0 auto;}
#container_wr:after {display:block;visibility:hidden;clear:both;content:"";}
#container_wr {z-index:5;margin:40px auto 0;height:100%;zoom:1;min-height: 550px;}
#container {z-index:4;position:relative;min-height:500px;height:auto !important;height:500px;zoom:1;background:#fff; float:left;}
#group_head{border-bottom:1px solid #ddd; text-align:center;font-size:27px;line-height:240px;font-weight:bold;height:240px;min-width:1200px;background-size: cover;}
#con_wrap{overflow:hidden;margin-bottom:40px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {float:left;}
#container_title span{font-size:30px;height:60px;line-height:60px;font-weight:600; display:block; font-family:'Noto Sans KR', malgun gothic, sans-serif; text-align:center; position:relative;}


/*랜드마크*/
#con_wrap .location{float:right; margin-top:25px;}
/*.gr_location{background:#fbfbfb;border-bottom:1px solid #ddd}*/
/*.location{max-width:1200px;margin:0 auto;padding:10px 0;text-align:right;font-size:13px}*/



#container_title_sub{margin-bottom:40px;font-family:'Noto Sans KR', malgun gothic, sans-serif;}
#container_title_sub ul{text-align:center;}
#container_title_sub ul li{display:inline; border-left:1px solid #d2d2d2;}
#container_title_sub ul li:first-child{border-left:0;}
#container_title_sub ul li a{display:inline-block; padding:10px 40px; position:relative;}
#container_title_sub ul li a:hover{position:relative;}
#container_title_sub ul li a:hover:after{content:"\f00c"; font-family:FontAwesome; width:20px; height:20px; position:absolute; left:18px;}
#container_title_sub .on:after{content:"\f00c"; font-family:FontAwesome; width:20px; height:20px; position:absolute; left:18px;}

/* Left Menu*/
#aside {float:left;padding:0;height: 100%;margin-right:40px;}
.sub-menu_tit > span{font-size:25px;height:60px;line-height:60px;border-bottom:1px solid #d2d2d2;font-weight:600; display:block; font-family:'Noto Sans KR', malgun gothic, sans-serif; text-align:center; position:relative;letter-spacing:-1px}
.sub-menu_tit > span:after{content:''; width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.sub-menu-wr ul{ text-align:left;}
.sub-menu-wr li{height:50px; border-bottom:1px solid #d2d2d2; line-height:50px; padding-left:10px;}
.sub-menu-wr li:hover{}
.sub-menu:after{content:'\f061'; font-family:FontAwesome; display:inline-block; float:right; margin-right:10px; font-size:12px;}
.sub-menu_on {display:block;  color:#fff !important;}
.sub-menu_on:hover{color:#fff !important}
.sub-menu_list a{font-size:12pt !important;font-weight: bold;}
.sub-menu_on:after{content:'\f061'; font-family:FontAwesome; display:inline-block; float:right; margin-right:10px; color:#fff; font-size:12px;}
.sub-menu_item a{display:block;}
.c-sig{color:#474747;}


/*퀵메뉴*/
#quick {position:fixed; left:calc(50% + 620px); top:250px; text-align:center; background:#fff;border-radius:20px;z-index:99999;    width: 100px;}
#quick ul li{text-align:center;padding:10px 15px;font-size:13px;border-bottom:1px dashed #ddd;}
#quick ul li:last-child{border-bottom:none}
#quick ul li:hover{background:#00b2bb;}
#quick ul li:first-child{background:#00b2bb;}
#quick ul li:hover a{color:#fff}




/*Middle Menu*/
/*
#aside {width:100%;margin:0 auto 40px;display:inline-block;text-align:center;}
.sub-menu_tit {width:100%}
.sub-menu_group{display:none}
.sub-menu-wr{display:inline-block;}
.sub-menu-wr ul{}
.sub-menu-wr li{float:left;display:inline-block;height:50px;line-height:50px;padding:0px 30px;border:1px solid #ddd;margin-right:20px;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;transition: all 0.15s ease;}
.sub-menu-wr li:hover{background:#ea951a;}
.sub-menu-wr li:hover a{color:#fff !important;}
.sub-menu_on {display:block;  color:#fff !important;}
.sub-menu_list a{font-size:13pt !important;}
.sub-menu_item a{display:block;}*/



/* 하단 레이아웃 */
#ft {text-align:left; overflow:hidden; background-color:#fff;position:relative; margin-top:40px;font-size:13px;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft_logo{float:left;text-align:center;margin-right:30px;padding: 0px 0px;}
#ft_logo img{max-width:400px}
#ft_link{padding:0px 0 0px; color:#d0d0d0;font-size:14px;background:#2f2f2f}
#ft_link a{display:inline-block;line-height:100%; color:#ffff33; }
#ft_link a:hover{color:#fff}
#ft_link a:first-child{padding-left:0;border-left:0px}
#ft_catch{margin:30px 0; display:inline-block; width:100%;}
#ft_wr2{font-size:14px;float:left;text-align:left;width:100%;padding: 0px;}
#ft_add{line-height:170%;}
#ft_add span{display:inline-block;}
#ft_add p{margin:0 0 5px !important;}
#ft_copy{}

#ft_link_bd{margin:0 auto;display:block;padding:10px 0; overflow: hidden;}
#ft_link_bd ul{display:block;}
#ft_link_bd ul li{float:left;border-left:1px solid #555;padding:0 10px;line-height:100%}
#ft_link_bd ul li:first-child{border:0px;padding-left:0px}
#ft_link_bd .btn-adw{color:#d0d0d0;}

.admin_btn_wrap{clear:both; margin:20px 0 10px; display:block;}
.admin_btn_wrap a{border:1px solid #fff; padding:10px;color:#fff;}

.ft_banner-box{width:100%;display:inline-block;text-align:center; margin-top:10px}
.ft_bn-box{width:1200px;margin:0 auto;text-align:right;position:relative;display: flex;    justify-content: flex-end;    align-items: center;    gap: 10px;}
.ft_banner{display:inline-block;}
.ft_banner-box img{max-height:30px}

#bo_cate_mobile{display:none !important;}

html {
	scroll-behavior: smooth;
}
/* 히어로 섹션 그라데이션 */
.hero-gradient {
	background: linear-gradient(to right, rgba(128, 192, 242, 0.8), rgba(167, 153, 240, 0.8));
}
/* 섹션 제목 밑줄 스타일 */
.section-title {
	position: relative;
	padding-bottom: 0.5rem;
	margin-bottom: 2rem;
}
.section-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background-color: #80C0F2;
}
/* 스크린 리더 전용 클래스 (웹 접근성) */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* layout.css 끝 */