@charset "utf-8";

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

header h1 {position:absolute; top:70px; width:100%; text-align:center; font-size:26px;}
header h1 a {position:relative; z-index:100;}
header h1 img {vertical-align:middle;}

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:#005c59;}
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; color:#000}
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:#005c59;}
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;}

footer {padding:40px 0 45px; background:#3d3f5a;}
footer ul.link li {display:inline-block; margin-right:15px;}
footer ul.link li a {color:#ebeced;}
footer ul.link li:first-child a {color:#82c4f7;}
footer #relationSite {position:absolute; right:0; top:0;}
footer #relationSite>a {display:block; padding:5px 33px 7px 0; color:#fff; font-size:16px; border-bottom:1px solid #fff; background:url('/main/img/inc/relationsite_arrow.gif') no-repeat right 5px center;}
footer #relationSite ul {display:none; position:absolute; bottom:35px; width:175px; padding:10px 20px; background:#292b44;}
footer #relationSite ul a {color:rgba(255,255,255,.6)}
footer address {margin-top:40px; color:#fff; font-size:16px;}
footer p {margin-top:15px; color:rgba(255,255,255,.6);}
footer .iso45001 {position:absolute; right:0; bottom:90px;}
footer .wamark {position:absolute; /* right:105px; */ right:0; bottom:80px;}
footer #ban {position:absolute; right:0; bottom:0; padding-right:190px;}
footer #ban h3 {color:#fff; font-weight:normal;}
footer #ban .control {margin-top:10px; border:1px solid rgba(255,255,255,.6); overflow:hidden;}
footer #ban .control li {float:left; border-left:1px solid rgba(255,255,255,.6);}
footer #ban .control li:first-child {border-left:0;}
footer #ban .control a {position:relative; width:23px; height:23px;}
footer #ban .control a.prev:before, footer #ban .control a.next:before {display:block; content:""; position:absolute; left:10px; top:8px; width:7px; height:7px; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg);}
footer #ban .control a.next {transform:rotate(180deg);}
footer #ban .control a.stop:before {display:block; content:""; position:absolute; left:9px; top:6px; width:5px; height:11px; border-left:1px solid #fff; border-right:1px solid #fff;}
footer #ban>div {position:absolute; right:0; bottom:0; width:179px; overflow:hidden;}
footer #ban>div>ul {position:relative; white-space:nowrap; font-size:0; line-height:0;}
footer #ban>div>ul>li {display:inline-block; margin-right:6px;}
footer #ban>div>ul>li>a {display:block;}


/* 실명인증_레이어 */
#loginForm {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:600;}
#loginForm>div {position:relative; width:90%; max-width:600px; margin:15% auto; padding:50px; background:#fff;}
#loginForm>div .close {position:absolute; right:0; top:-40px; display:block; padding-left:34px; color:#fff; font-weight:bold; font-size:20px; line-height:29px;}
#loginForm>div .close:before {display:block; content:""; position:absolute; left:0; top:0; width:30px; height:31px; border-radius:50%; border:2px solid #fff;}
#loginForm>div .close:after {display:block; content:"Ｘ"; position:absolute; left:5px; top:0px; font-weight:bold; font-size:20px; color:#fff;}
.realname{overflow:hidden;}
.realname li{margin:.5% auto; width:100%; border-top:3px solid #333}
.realname li button{text-align:left; width:100%; padding:8% 3%; padding-left:33%; border:1px solid #ccc; border-top:none; background-color:#fff; background-repeat:no-repeat; background-position:12% center; word-break:keep-all }
.realname li button:hover{border-color:#333}
.realname li.ic01 button{background-image:url(/share/images/program/ic_realname01.gif);}
.realname li.ic02 button{background-image:url(/share/images/program/ic_realname02.gif);}
.realname li button .tit{display:block; margin-bottom:15px; font-size:23px; color:#333}
.realname li button .txt{display:block; padding-left:2px; line-height:150%; color:#484848; letter-spacing:-1px}



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

	header nav {background:#3e46a3;}
	header nav#lnb>div {position:relative; margin:auto;}
	header nav#lnb .mn>ul {/* overflow:hidden; */}
	header nav#lnb .mn>ul:after {display:block; content:""; clear:both;}
	header nav#lnb .mn>ul>li {float:left; text-align:center; width:20%; border-left:1px solid rgba(255,255,255,.15); border-right:1px solid rgba(0,0,0,.25);}
	header nav#lnb .mn>ul>li>a {display:block; width:96%; margin: 0 auto; padding:15px 0; font-size:20px; color:#fff;}
	header nav#lnb .mn>ul>li:hover>.submenu {background:#f3f3f7;}

	header nav#lnb .submenu {display:none; position:absolute; top:57px; width:20%; height:500px; padding-top:10px; border-right:1px solid #d6d6d6; z-index:500;}
	header nav#lnb .mn>ul>li:first-child .submenu {border-left:1px solid #d6d6d6;}
	header nav#lnb .submenu>ul>li {margin-bottom:4px;}
	header nav#lnb .submenu>ul>li>a {display:block; padding:6px;}
	header nav#lnb .submenu>ul>li>a:hover {font-weight:bold; color:#fff; background:#333771;}
	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:503px; border-bottom:3px solid #3d46a3; 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:60px; right:65px; width:39px; height:39px; background:url('/main/img/inc/maplink_mb.gif') no-repeat;}

	header nav h2 {position:absolute; right:20px; top:13px; 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:50px; padding:15px 0 15px 20px; font-size:17px !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 {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:100px;}
	header nav#lnb .mn>ul>li:nth-child(4)>a {top:150px;}
	header nav#lnb .mn>ul>li:nth-child(5)>a {top:200px;}
	header nav#lnb .mn>ul>li:nth-child(6)>a {top:250px;}
	header nav#lnb .mn>ul>li:nth-child(7)>a {top:300px;}
	header nav#lnb .mn>ul>li:nth-child(8)>a {top:350px;}
	header nav#lnb .mn>ul>li:nth-child(9)>a {top:400px;}
	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; 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 div.submenu>ul>li>ul {display:none; border-top:1px solid #222; border-bottom:1px solid #222; background:#f8f8f8;}
	header nav#lnb div.submenu>ul>li>ul>li {border-top:1px solid #e0e0e0;}
	header nav#lnb div.submenu>ul>li>ul>li:first-child {border-top:0;}
	header nav#lnb div.submenu>ul>li>ul>li>a {display:block; position:relative; padding:5px 0 8px 15px; font-size:14px; color:#555;}
	header nav#lnb div.submenu>ul>li>ul>li>a:before {display:block; content:""; position:absolute; left:8px; top:14px; width:3px; height:3px; background:#3d4285;}
	header nav#lnb div.submenu>ul>li>ul>li.on>a {font-weight:bold; color:#3c5eca;}
	header nav a[target=_blank] {background-position:right center;}
	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:70px;}

	.realname{border-top:3px solid #333}
	.realname li{margin:0%; border-top:0px}
	.realname li button{background-position:9% center; border-left:0px; border-right:0px}

	footer {text-align:center;}
	footer address span {display:block;}
	footer .iso45001, footer .wamark , footer #relationSite, footer #ban {display:none;}
}


/*mobile*/
@media screen and (max-width:640px){
	footer ul.link li:nth-of-type(n+3) {display:none;}
	footer address {margin-top:25px;}
	footer p span {display:none;}
}

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

/*focus ring*/
#lnb div.mn>ul>li>a:focus-visible {border:2px solid #fff; box-sizing:border-box;}
footer #ban .control a:focus-visible {outline:0; box-shadow: inset 2px 2px yellow, inset -2px -2px yellow;}
footer #ban>div>ul>li>a:focus {padding:3px;}
footer #ban>div>ul>li>a:focus-visible {outline:0; box-sizing:border-box; box-shadow: inset 2px 2px red, inset -2px -2px red;}

#layerpop { display:inline-block; position:absolute; top:210px; right:0; border:1px solid #23498d; z-index:500000; box-shadow:1px 1px 6px rgba(0,0,0,0.5); }
#layerpop>p { overflow:hidden; font-size:0; /*overflow-y:scroll; height:588px;*/ }
#layerpop>div { padding:0 10px; height:47px; background:#23498d; text-align:right; line-height:46px; font-weight:500; }
#layerpop>div label { color:#fff; font-size:13px; }
#layerpop>div input[type=button] { margin-left:20px; padding:5px 15px 7px 15px; height:25px; border:0px; background:#fff; color:#373737; font-size:14px; line-height:14px; font-weight:500; }