@charset "utf-8";

.wrap {position:relative; width:100%; max-width:1200px; margin:auto;}

header h1 {position:absolute; top:60px; width:100%; text-align:center;}
header h1 a {position:relative; z-index:100; overflow:hidden;}
header h1 img, header h1 p {display:inline-block; text-align:left; vertical-align:middle;}
header h1 p {font-size:21px;}
header h1 p span {display:block; font-size:16px; font-weight:normal;}

header #gnb {padding:9px 0 12px; border-bottom:1px solid #eaeaea; z-index:50;}
header #gnb a {font-size:14px; color:#555;}
header #gnb ul {overflow:hidden;}
header #gnb ul>li {float:left;}
header #gnb ul>li:first-child>a {color:#039591;}
header #gnb ul>li:after {display:block; content:""; float:left; width:1px; height:12px; margin:6px 7px 0; background:#ccc;}
header #gnb ul>li:first-child:after {display:none;}
header .sitemapBtn {position:absolute; right:0; top:0; padding-left:20px; background:url('/main/img/inc/gnb_sitemap.gif') no-repeat left bottom;}

header #tInfo {padding:20px 0 30px;}
header #tInfo #weather {position:relative;}
header #tInfo #weather img {max-height:24px;}
header #tInfo #weather h2 {position:absolute; top:2px; font-size:16px; color:#656565; font-weight:normal;}
header #tInfo #weather p.basic {padding-left:35px; font-size:16px; color:#656565;}
header #tInfo #weather p.basic * {vertical-align:middle;}
header #tInfo #weather p.basic span.num {font-weight:bold; font-size:20px; color:#033a95;}
header #tInfo #weather p.basic span.txt {font-size:14px; color:#232323; font-weight:bold;}
header #tInfo #weather div.air {overflow:hidden; margin-top:3px; font-size:14px;}
header #tInfo #weather div.air p {float:left; position:relative;}
header #tInfo #weather div.air p:last-child:after {display:block; content:""; float:left; width:1px; height:11px; margin:5px 7px 0; background:#ccc;}
header #tInfo #weather div.air p span {font-weight:bold;}
header #tInfo #weather div.air p span.good {color:#109c27;}
header #tInfo .mapLink {position:absolute; right:0; top:22px; width:215px; height:57px; background:url('/main/img/inc/maplink.gif') no-repeat;}

header nav .logoTit, header nav .submenu, header nav .close {display:none;}
header div#loginForm {display:none !Important;}

#container {background:url('/placard/img/inc/container_bg.gif') repeat;}

footer {text-align:center; padding:40px 5% 45px; background:#283447;}
footer address {color:#fff; font-size:16px;}
footer p {margin-top:15px; color:rgba(255,255,255,.6);}



/*pc*/
@media all and (min-width:801px){	
	body {min-width:1200px;}
	nav h2 {display:none;}

	header nav {background:#163a77;}
	header nav#lnb>div {position:relative; margin:auto;}
	header nav#lnb .mn>ul {overflow:hidden;}
	header nav#lnb .mn>ul>li {float:left; text-align:center; width:14%;}
	/* header nav#lnb .mn>ul>li:nth-of-type(1) {width:10%;}
	header nav#lnb .mn>ul>li:nth-of-type(2) {width:19%;}
	header nav#lnb .mn>ul>li:nth-of-type(3) {width:16%;} */
	header nav#lnb .mn>ul>li>a {display:block; padding:14px 0 16px; font-size:20px; color:#fff; border-left:1px solid rgba(255,255,255,.15); border-right:1px solid rgba(0,0,0,.25);}
	header nav#lnb .mn>ul>li:hover>.submenu {background:#f3f3f7;}

	header nav#lnb .submenu {display:none; position:absolute; top:57px; width:14%; height:270px; padding-top:10px; border-right:1px solid #d6d6d6; z-index:500;}
	/* header nav#lnb .mn>ul>li:nth-of-type(1) .submenu {width:13%;}
	header nav#lnb .mn>ul>li:nth-of-type(4) .submenu {width:15%;} */
	header nav#lnb .mn>ul>li:first-child .submenu {border-left:1px solid #d6d6d6;}
	header nav#lnb .submenu>ul>li>a {display:block; padding:8px;}
	header nav#lnb .submenu>ul>li>a:hover {font-weight:bold; color:#fff; background:#0065a2;}
	header nav#lnb .submenu .depth3 {display:none;}

	header .navBg {display:none; position:absolute; left:0; top:197px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:300;}
	header .navBg:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:273px; border-bottom:3px solid #163a77; background:#fafbfd;}
}

/*tablet~mobile*/
@media screen and (max-width:800px){	
	body {overflow-x:hidden;}
	body.noScroll {position:fixed; top:0; width:100%; height:100%; overflow:hidden;}
	.wrap {padding-left:3%; padding-right:3%;}

	header h1 {left:3%; top:105px; text-align:left; width:auto; font-size:22px;}
	header #gnb {overflow:hidden;}
	header #gnb ul {float:right;}
	header #gnb ul li:first-child {position:absolute; left:3%;}
	header #gnb ul li:nth-of-type(2):after {display:none;}
	header .sitemapBtn {display:none;}

	header #tInfo {padding:0;}
	header #tInfo #weather {height:47px; padding:10px 3%; background:#f4f4f4; overflow:hidden;}
	header #tInfo #weather h2 {top:10px;}
	header #tInfo #weather p.basic {float:left;}
	header #tInfo #weather div.air {float:right;}

	header #tInfo .mapLink {top:70px; right:65px; width:39px; height:39px; background:url('/main/img/inc/maplink_mb.gif') no-repeat;}

	header nav h2 {position:absolute; right:20px; top:23px; width:39px; height:39px; border-radius:50%; border:1px solid #343434;}
	header nav h2 a.ir {width:39px; height:39px;}
	header nav#lnb h2 a span, header nav#lnb h2 a:before, header nav#lnb h2 a:after {display:block; content:""; position:absolute; left:8px; width:20px; height:2px; background:#343434;}
	header nav#lnb h2 a:before {top:11px;}
	header nav#lnb h2 a span {top:17px;}
	header nav#lnb h2 a:after {bottom:12px;}

	header nav#lnb .logoTit {display:block; padding:17px 20px; color:#fff; font-size:18px; font-weight:bold;}
	header nav#lnb .logoTit img {vertical-align:middle;}
	header nav#lnb .gnb_mb {position:absolute; right:15px; top:20px;}
	header nav#lnb .gnb_mb a.home {width:18px; height:18px; background:url('/main/img/inc/nav_home.png') no-repeat;}
	header nav#lnb .gnb_mb a.login {position:relative; width:14px; height:18px; margin-left:10px; background:url('/main/img/inc/nav_login.png') no-repeat;}
	header nav#lnb .gnb_mb a.login:after {display:block; content:""; position:absolute; left:-7px; top:3px; width:1px; height:12px; background:rgba(255,255,255,.33);}
	header nav#lnb .mn {position:fixed; right:-100%; top:0; height:100%; overflow-y:scroll; z-index:400; background:linear-gradient(to right, #5159b5,#089b97);}
	header nav#lnb .mn>ul {display:block !important; position:relative; width:320px; margin-top:0; padding-bottom:500px; border-radius:20px 20px 0 0; background:#fff; overflow:hidden;}
	header nav#lnb .mn>ul:before {display:block; content:""; position:absolute; left:0; top:0; bottom:0; width:120px; height:100%; min-height:500px; background:#3d4285;}
	header nav#lnb .mn>ul>li {height:75px;}
	header nav#lnb .mn>ul>li>a {position:absolute; display:block; width:120px; height:70px; padding:15px 0 15px 20px; 
	font-size:16px !Important; line-height:1.4em; color:rgba(255,255,255,.6);}
	header nav#lnb .mn>ul>li>a span {display:block;}
	header nav#lnb .mn>ul>li>a.on {color:#fff; font-weight:bold;}
	header nav#lnb .mn>ul>li>a.on:after {display:block; content:""; position:absolute; right:-1px; top:50%; margin-top:-6px; border-right:7px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent;}
	header nav#lnb .mn>ul>li:nth-child(1)>a {height:50px; top:0;}
	header nav#lnb .mn>ul>li:nth-child(2)>a {top:50px;}
	header nav#lnb .mn>ul>li:nth-child(3)>a { top:120px;}
	header nav#lnb .mn>ul>li:nth-child(4)>a {height:50px; top:190px;}
	header nav#lnb .mn>ul>li:nth-child(5)>a {height:50px; top:240px;}
	header nav#lnb .mn>ul>li:nth-child(6)>a {top:290px;}
	header nav#lnb .mn>ul>li:nth-child(7)>a {height:50px; top:360px;}
	header nav#lnb div.submenu {display:none; position:absolute; right:0; top:0; width:200px; height:auto; padding:15px; visibility:visible;}
	header nav#lnb div.submenu>ul>li.smenu {position:relative;}
	header nav#lnb div.submenu>ul>li.smenu:before {content:""; position:absolute; right:3px; top:16px; width:12px; height:2px; background:#5c5c5c;}
	header nav#lnb div.submenu>ul>li>a {display:block; padding:7px 3px 8px; font-size:14px; border-top:1px solid #dfdfdf;}
	header nav#lnb div.submenu>ul>li:first-child>a {border-top:0;}
	header nav#lnb div.submenu>ul>li.on>a {color:#3d4285; font-weight:bold;}
	header nav#lnb .close {position:absolute; right:323px; top:-80px; width:40px; height:40px; z-index:1000;}
	header nav#lnb .close:before, header nav#lnb .close:after {display:block; content:""; position:absolute; left:5px; top:48%; width:22px; height:2px; background:#fff;}
	header nav#lnb .close:before {transform:rotate(45deg);}
	header nav#lnb .close:after {transform:rotate(-45deg);}
	.navBg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.9); z-index:100;}

	#container {margin-top:85px;}
}


/*mobile*/
@media screen and (max-width:480px){	
	header #tInfo #weather h2  {display:none;}
	header #tInfo #weather p.basic {padding-left:0;}
}