body{font-family:'Noto Sans KR';}
#wrap{position:relative;}
.w1620{max-width:1640px;padding:0 10px;margin:0 auto;}
/* header */
#header{position:absolute;left:0;top:0;width:100%;z-index:99999;}
#header .hd .wrap{position:relative;}
#header .hd .wrap .logo{float:left;padding:45px 0 0;}
/* gnb */
.gnb{float:right;}
.gnb .dep1_wrap{padding:100px 0 0;color:#fff;margin:0 -20px;}
.gnb .dep1_con{float:left;}
.gnb .dep1{display:block;height:50px;line-height:50px;padding:0 20px;transition:.25s;font-size:17px;}
.gnb .dep1_con.active .dep1,
.gnb .dep1_con .dep1:hover{color:#78cacc;}
/* mobile gnb */
.open_gnb{display:none;position:absolute;right:10px;top:50%;margin:-10px 0 0;}
.open_gnb a{position:relative;display:inline-block;width:20px;height:20px;vertical-align:middle;font-size:0;}
.open_gnb a span{position:absolute;left:0;top:50%;margin:-1px 0 0;display:inline-block;width:100%;height:2px;background-color:#fff;vertical-align:middle;}
.open_gnb a span:before,
.open_gnb a span:after{content:"";position:absolute;left:0;display:block;width:100%;height:100%;background-color:#fff;}
.open_gnb a span:before{top:-6px;}
.open_gnb a span:after{bottom:-6px;}
.m_gnb_area .gnb_wrap{display:none;position:fixed;left:0;right:0;top:0;bottom:0;overflow-y:auto;z-index:99999;}
.m_gnb_area .gnb_wrap:before{content:"";position:fixed;left:0;top:0;display:block;width:100%;height:100%;background-color:#000;opacity:0.6;}
.m_gnb_area .gnb_inner{position:absolute;right:0;top:0;width:320px;min-height:100%;background-color:#fff;}
.close_gnb{position:absolute;right:10px;top:25px;}
.close_gnb a{display:block;text-indent:-9999px;}
.close_gnb a span{position:relative;display:block;width:30px;height:30px;}
.close_gnb a span:before,
.close_gnb a span:after{content:"";position:absolute;left:0;top:50%;display:block;width:100%;height:3px;background-color:#282828;}
.close_gnb a span:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.close_gnb a span:after{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.m_gnb_area .gnb_hd .gnb_logo{height:80px;line-height:80px;text-align:center;background-color:#f8f8f8;}
.m_gnb_area .gnb_hd .gnb_logo img{max-height:60px;vertical-align:middle;}
.m_gnb_area .location .dep1_wrap{border-bottom:1px solid #d9d9d9;text-align:center;font-size:0;padding:15px 0;margin:0 -5px;}
.m_gnb_area .location .dep1_con{display:inline-block;padding:0 5px;vertical-align:text-top;}
.m_gnb_area .location .dep1{display:block;transition:.25s;}
.m_gnb_area .location .dep1_con.active .dep1,
.m_gnb_area .location .dep1_con:hover .dep1{opacity:0.5;}
.m_gnb > ul > li{border-bottom:1px solid #d9d9d9;}
.m_gnb > ul > li > a{position:relative;display:block;padding:10px;font-size:15px;font-weight:400;color:#282828;transition:.25s;}
.m_gnb > ul > li.active > a,
.m_gnb > ul > li:hover > a{background-color:#78cacc;color:#fff;}
/* footer */
#footer .ft{padding:100px 0;background-color:#242d43;}
#footer .ft .wrap{position:relative;padding-left:230px;color:#fff;}
#footer .ft .wrap .logo{position:absolute;left:0;top:0;}
#footer .ft .wrap .txt_wrap .txt{font-weight:300;line-height:1.57;margin:0 0 25px;}
#footer .ft .wrap .txt_wrap .txt span{display:inline-block;}
#footer .ft .wrap .txt_wrap .copyright{font-weight:300;line-height:1.57;}
#footer .ft .wrap .sns_wrap{position:absolute;right:0;bottom:0;}
#footer .ft .wrap .sns_wrap a{display:inline-block;margin:0 0 0 5px;transition:.25s;}
#footer .ft .wrap .sns_wrap a:hover{opacity:0.8;}
#top_trigger{display:none;position:fixed;right:45px;bottom:50px;z-index:99999;}

/* 스크롤 시 상단 메뉴 반전(슬림 고정 바) */
#header{transition:background-color .3s ease, box-shadow .3s ease;}
#header.header_fixed{position:fixed;left:0;top:0;background-color:#242d43;box-shadow:0 2px 12px rgba(0,0,0,.25);}
/* 로고 : 크게 줄여서 슬림바에 맞춤 */
#header.header_fixed .hd .wrap .logo{padding:9px 0;transition:.25s;}
#header.header_fixed .hd .wrap .logo img{height:32px;}
/* 메뉴 : 상단에 최대한 붙임 (슬림바 높이 50px) */
#header.header_fixed .gnb .dep1_wrap{padding:0;transition:.25s;}
#header.header_fixed .gnb .dep1{height:50px;line-height:50px;}

@media screen and (min-width: 1421px) {
	.m_gnb_area .gnb_wrap{display:none !important;}
}

@media screen and (max-width: 1420px) , screen and (max-height: 768px) {
	.gnb{display:none;}
	.open_gnb{display:block;}
	/* 모바일 : 로고 + 햄버거 메뉴 상단 고정 (메인색 네이비 바) */
	#header{position:fixed;left:0;top:0;background-color:#242d43;box-shadow:0 2px 10px rgba(0,0,0,.2);}
	#header .hd .wrap .logo{padding:10px 0;}
	#header .hd .wrap .logo img{height:50px;}
	#footer .ft{padding:60px 0;}
	#footer .ft .wrap{padding-left:0;text-align:center;}
	#footer .ft .wrap .logo{position:relative;margin:0 0 20px;}
	#footer .ft .wrap .txt_wrap .txt{margin:0 -5px 15px;}
	#footer .ft .wrap .txt_wrap .txt span{margin:0 5px;}
	#footer .ft .wrap .sns_wrap{position:relative;margin:20px 0 0;}
	#footer .ft .wrap .sns_wrap a{margin:0 2px;}
#top_trigger{width:50px;right:10px;bottom:10px;}
}