@charset "utf-8";

/*** common ***/
#wrap {width:100%; height:auto; overflow:hidden;}
.al_box {width:auto; max-width:1260px; height:auto; margin:0 auto; position:relative;} 
.al_box:after {content:""; display:block; clear:both;}
#wrap .floating_top {position:fixed; left:auto !important; right:50% !important; margin-right:-740px; bottom:170px; overflow:hidden; z-index:999; display:none;}
#wrap .floating_top a {display:block; text-decoration:none; width:50px; height:67px; font-size:15px; font-weight:300; padding-top:30px; box-sizing:border-box; background:url(../images/main/top_bg.png) no-repeat center top; background-size:100% auto; text-align:center; color:#fff;}


/*** header ***/
#header #toputil,
#header h1.logo,
#header h1.logo a,
#header .kor,
#header #gnb .al_box,
#header #nav ul li ul:after,
#header .totalsearch .btn,
#header .totalsearch div form
{
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}

#header {position:fixed; left:0; top:0; width:100%; z-index:501; box-shadow:0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);}
#header:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:5;}
#header #toputil {width:100%; position:relative;}
#header h1.logo {position:absolute; left:3%; top:20px; width:117px; height:52px; margin:0; z-index:990;}
#header h1.logo a {display:block; width:auto; height:100%; background:url(../images/common/logo.png) no-repeat left top; background-size:100% auto;}
#header h1.logo a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#header .kor {display:block; position:absolute; right:3%; top:35px; margin-right:70px; color:#333; font-size:18px; z-index:20; padding:0 0 0 20px; background:url(../images/common/kor_ico.png) no-repeat left 50%;}
#header #gnb {width:100%; height:100px; position:relative; z-index:10;}

#header #gnb .al_box {overflow:hidden;}
#header #nav {position:relative; z-index:101;}
#header #nav .kor {display:none;}
#header #nav ul {width:100%; height:auto; overflow:hidden;}
#header #nav ul:after {content:""; display:block; clear:both;}
#header #nav ul li {float:left; width:20%; text-align:center;}
#header #nav ul li a {display:block; font-size:23px; line-height:23px; padding:35px 0; height:30px; color:#1e1e1e; font-weight:500; text-decoration:none; letter-spacing:-0.5px;}
#header #nav ul li a.ov, #header #nav ul li a:hover, #header #nav ul li a:active {color:#1b4583;}
#header #nav ul li ul {width:auto; padding:0 10%; display:none; position:relative;}
#header #nav ul li ul:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
#header #nav ul li ul.ov {}
#header #nav ul li ul.ov:after {background:#05295f;}
#header #nav ul li ul li {float:none; width:auto; text-align:left; margin-top:8px; position:relative; z-index:10;}
#header #nav ul li ul li:first-child {padding-top:30px; margin-top:0;}
#header #nav ul li ul li a {padding:0; height:auto; font-size:15px; line-height:19px; font-weight:300; padding:4px 0; color:#fff; letter-spacing:0;}
#header #nav ul li ul li a strong {color:#fff; font-weight:normal; display:inline-block; margin:0; font-weight:300;}
#header #nav ul li ul li a:hover strong, #header #nav ul li ul li a:active strong {text-decoration:underline; color:#fff;}
#header #nav ul li ul li ul {display:none;}
#header #gnb #blind {width:100%; background:#002b6b; position:absolute; left:0; top:100px; display:none; z-index:101; opacity:0.8; -webkit-opacity:0.8;}
#header .totalsearch {position:absolute; width:100%; right:0; top:0;} 
#header .totalsearch .btn {display:block; position:absolute; right:3%; top:25px; z-index:50; width:50px; height:50px; background:url(../images/common/search_ico.png) no-repeat center 50%;}
#header .totalsearch .btn.on {background:#093069 url(../images/common/search_close.png) no-repeat center 50%;}
#header .totalsearch .btn span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#header .totalsearch div {width:100%; text-align:center; height:auto; padding:25px 0 35px 0; border-top:1px solid #d6d6d6; position:absolute; left:0; top:100px; z-index:1; overflow:hidden; display:none;
box-shadow:0 3px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);}
#header .totalsearch div:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:1; opacity:0.98; -webkit-opacity:0.98;}
#header .totalsearch div form {display:inline-block; position:relative; z-index:10; vertical-align:top; width:380px; padding-right:45px; border-bottom:3px solid #093069;}
#header .totalsearch div input[type="text"] {padding:0 10px; font-size:17px; color:#666; font-weight:300; box-sizing:border-box; background:none; border:0; height:45px; line-height:45px; width:100%;}
#header .totalsearch div input[type="submit"] {border:0; text-indent:-9999px; overflow:hidden; width:45px; height:45px; position:absolute; right:0; top:0; background:url(../images/common/search_ico2.png) no-repeat center 50%;}
#header .mob_btn {display:none;}		

/*** container ***/
#main_container {width:100%; height:auto; position:relative; padding-top:100px;}


/*** footer ***/
#footer {width:100%; height:auto; background:#004f9a; padding:28px 0; position:relative;}
#footer address, #footer p {display:block; font-size:13px; font-weight:300; color:#fff; margin:0; text-align:center;}