@charset "utf-8";
@import url("/design/common/css/font/NotoSansKR.css");
@import url('/design/common/css/s-core.css');

body { font-family: 'notokr', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', sans-serif; font-weight:400; color:#222; font-size:14px; letter-spacing:-0.5px; overflow-x:hidden; }

.wrap {max-width:1600px; margin:0 auto;}
#header {overflow:hidden;}

#header .top {overflow:hidden; background:#eee; height:35px;}
#header .top a {line-height:35px; font-weight:400;}
#header .top .topL {float:left; overflow:hidden;}
#header .top .topL a {float:left; background:#4d76b8; padding:0 20px; color:#fff;}
#header .top .topL a:first-child {background:#fff; color:#000;}
#header h1 {float:left; padding:20px 0 15px 2%;}



/* 네비 */
.gnbPC .gnbArea {float:left; margin-left:10%; width:55%;}
.gnbPC .gnbArea > ul {display:block !important;}
.gnbPC .gnbArea > ul > li {padding:15px 0;}
.gnbPC .gnbArea > ul > li > a {display:inline-block; font-size:20px; padding:18px 50px; line-height:20px; font-weight:500; letter-spacing:-0.05em;}
.sannaedeul_wrap .gnbPC .subGnb {display:none; position:absolute; top:120px; left:0; width:100%; z-index:9999; background:#4d76b8; border-top:0 !important;}
.sannaedeul_wrap .gnbPC .subGnb .dept2 > li {float:left;  margin-left:0 !important; }
.sannaedeul_wrap .gnbPC .subGnb .dept2 > li > a {color:#fff; border-bottom:0;}
.sannaedeul_wrap .gnbPC .subGnb .dept2 > li.on > a, .sannaedeul_wrap .gnbPC .subGnb .dept2 > li > a:hover {background:#32558d;}
.sannaedeul_wrap .gnbPC .subGnb .dept2 {width:100%; background:#4d76b8 !important; overflow:hidden;}
.sannaedeul_wrap .gnbPC .subGnb .dept3 {display:none !important;}
.sannaedeul_wrap .gnbPC .gnbArea > ul > li:last-child {display: none;}
.gnbArea.open {z-index:999999 !important;}


 /*서브네비 위치값*/
.sannaedeul_wrap .gnbPC .subGnb1 .wrap .dept2 li:first-child {margin-left:20% !important;}
.sannaedeul_wrap .gnbPC .subGnb2 .wrap .dept2 li:first-child {margin-left:27% !important;}
.sannaedeul_wrap .gnbPC .subGnb3 .wrap .dept2 li:first-child {margin-left:42% !important;}
.sannaedeul_wrap .gnbPC .subGnb4 .wrap .dept2 li:first-child {margin-left:50% !important;}
.sannaedeul_wrap .gnbPC .subGnb5 .wrap .dept2 li:first-child {margin-left:35% !important;}

.pc_sitemap {float:right; margin-right:2%; display:block; background:url('/design/sannaedeul/img/common/sitemap.gif') no-repeat center center; width:40px; height:40px; text-indent:-9999px; margin-top:24px;}
.m_sitemap {display:none;}
.mypage {float:right; margin-right:2%; display:block; margin-top:24px; font-size:16px; font-weight:500; line-height:40px;}
.mypage:hover {color:#275aab; text-decoration:underline;}

@media all and (max-width:1799px){
	.gnbPC .gnbArea > ul > li > a {padding:18px 45px;}
}
@media all and (max-width:1699px){
	.gnbPC .gnbArea > ul > li > a {padding:18px 40px;}
}
@media all and (max-width:1599px){
	.gnbPC .gnbArea {margin-left:5%;}
	.gnbPC .gnbArea > ul > li > a {padding:18px 35px;}
}
@media all and (max-width:1450px){
	.gnbPC .gnbArea > ul > li > a {padding:18px 25px;}
}
@media all and (max-width:1280px){
	.gnbPC .gnbArea {width:50%;}
	.gnbPC .gnbArea > ul > li > a {padding:18px 15px;}
}
@media all and (max-width:1199px){
	.gnbPC .gnbArea > ul > li > a {font-size:17px;}
}

@media all and (max-width:1140px){
	#header h1 img {width:200px;}
	.gnbPC .gnbArea {width:50%;}
	.gnbPC .gnbArea > ul > li > a {padding:18px 10px;}
}
@media all and (max-width:1023px){
	#header {height:91px;}
	#header .top {display:none;}
	#header h1 {float:left; padding:20px 2% 15px;}
	.m_sitemap {display:block; position:absolute; top:32px; right:2%;}
	.pc_sitemap {display:none;}
	.mypage {display:none;}

	.gnbhead ul.tour_mayor {background:#5b402f;}
	.gnbhead ul.tour_mayor li {border-top:0; border-left:1px solid #7d6658;}
	.gnbhead ul.tour_mayor li:nth-child(3) {width:100%; border-top:1px solid #7d6658;}
}
@media all and (max-width:780px){
}
@media all and (max-width:570px){
	/*#header {height:120px;}*/
	.m_sitemap {top:25px; right:10px;}
}
@media all and (max-width:480px){
	#header {border-bottom:1px solid #ccc;}
}




 /* 푸터 */
#footer {background:#30353c; position:relative;}
#footer .footer_site {display:none;}
#footer footer > div {width:100%; margin:0 auto; position:relative; text-align:center;}
#footer .footer_link {border-bottom:1px solid #3b3f46; padding:15px 0;}
#footer .footer_link ul li {display:inline-block; padding-left:20px;}
#footer .footer_link ul li:first-child {background:none; padding-left:0;}
#footer .footer_link ul li a {color:#fff; font-size:13px;}
#footer .f_info {clear:both; padding:20px 0 30px; font-size:15px; letter-spacing:0; line-height:160%; color:#fff;}
#footer .f_info .copy {color:#666; font-family:Verdana; font-size:13px; }

@media all and (max-width:1199px){
	#footer footer > div {width:96%; margin:0 2%;}
}
@media all and (max-width:1023px){
	#footer .footer_site_wrap {padding:10px 0 0 0;}
	#footer .footer_site {display:block; border:1px solid #555; width:100%; border-radius:5px; color:#fff; z-index:9999; background:url('/design/sudo/img/common/footer_more.gif') no-repeat 95% center;}
	#footer .footer_site > span {display:inline-block; width:20%;}
	#footer .footer_site > a {display:inline-block; color:#fff; padding:10px 0 10px 20px; margin-left:20px; background:url('/design/sudo/img/common/footer_line.gif') no-repeat left center; width:60%;}
	#footer .footer_site .list {display:none; position:absolute; bottom:0; left:0; width:100%; background:#fff; border-radius:5px; border:1px solid #555}
	#footer .footer_site .list > a { display:block; background:#555 url('/design/common/img/layout/link_down.gif') no-repeat 95% center; color:#fff; padding:10px; border-radius:5px 5px 0 0;}
	#footer .footer_site .list ul {padding:10px 0;}
	#footer .footer_site .list ul li a {display:block; padding:5px 15px; font-size:14px; color:#000;}
	#footer .footer_link ul li {display:inline-block; background:url('/design/sudo/img/common/footer_line.gif') no-repeat left center; padding-left:20px; margin-left:20px;}
	#footer .footer_link ul li:first-child {background:none; padding-left:0; margin-left:0;}
	#footer .footer_link ul li a {color:#ccc; font-size:14px;}
}
@media all and (max-width:650px){
	#footer .footer_link ul li {padding-left:10px; margin-left:10px;}
	#footer .f_info {font-size:14px; line-height:18px;}
	#footer .f_info .copy {font-size:13px;}
}
@media all and (max-width:520px){
	#footer .footer_link {padding:10px 0;}
	#footer .footer_link ul {overflow:hidden;}
	#footer .footer_link ul li {float:left; border:1px solid rgba(255,255,255,0.1); width:48.5%; margin:2px 1%; box-sizing:border-box; padding:6px 0; background:none;}
	#footer .footer_link ul li:nth-child(2n+1) {margin-left:0;}
}