@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* base */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{margin:0; padding:0; border:0;} 

/* Common */ 
img,fieldset{border:0;}
ul,ol,li{list-style:none;}
address{font-style:normal;}
img{vertical-align:top;}
hr {display: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table{border-collapse:collapse; border-spacing:0; width:100%;}

/* default */
.fl-L{float:left !important;}
.fl-R{float:right !important;}
.fl-N{float:none !important;}
.align-L{text-align:left !important;}
.align-C{text-align:center !important;}
.align-R{text-align:right !important;}
.align-T{vertical-align:top !important;}
.align-M{vertical-align:middle !important;}
.align-B{vertical-align:bottom !important;}

/* 컬러 */
.txtBlue { color:#3366CC;}
.txtOrng {color:#FF6600;}
.txtRed {color:#CC0000;}

.txtLine { text-decoration:underline;}
.txtBg {background:#c9ebff;}
p.txt, li.txt  {line-height:200% !important;}
p.txt {font-size:13px;}
.narrowtxt {letter-spacing:-1px;}
.smfont {font-size:11px !important;}
.bigfont {font-size:13px;}

/* hidden 적용 */
#accessibility {position:fixed !important;top:0; left:0; width:100%; text-align:center; z-index:9999;}
#accessibility h1{position:absolute; top:0; left:-9999px; height:1px; width:1px; overflow:hidden; font-size:0; text-align:left; line-height:0; z-index:-99;}
#accessibility a{display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#accessibility a:focus,
#accessibility a:active {height:auto; width:100%; padding:5px; margin-bottom:10px; background:#FFFFCC; position:absolute; top:0;}
.hidden, legend{position:absolute; left:-9999px;top:-9999px;overflow:hidden; height:0; width:0; font-size:0; visibility:hidden; text-align:left;}
caption{overflow:hidden; height:0; width:0; font-size:0; visibility:hidden; text-align:left; text-indent:-99999px; line-height:0;}
.none{display:none;}
select{border:1px solid #d2d2d2;color:#555;height:23px;padding:1px;font-family:"나눔 고딕",'Nanum Gothic',"돋움",Dotum,arial,sans-serif; font-size:1em}
textarea{width:95%;border:1px solid #d2d2d2; font-family:"나눔 고딕",'Nanum Gothic',"돋움",Dotum,arial,sans-serif}
input[type="file"]{border:1px solid #d2d2d2;color:#555;}
input[type="image"]{border:0;width:auto;height:auto;}
input[type="checkbox"],.radio,.checkbox{border:0;vertical-align:middle;}
input, button { font-family:"나눔 고딕",'Nanum Gothic',"돋움",Dotum,arial,sans-serif }

.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;clear:both;height:0;}


/* clear 적용 */
.clear {clear:both;}

/* html5 블럭인식
section, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, summary, caption, ul, li{display: block;}
 */

/* font 설정 */
body{font-family:"나눔 고딕",'Nanum Gothic',"돋움",Dotum,arial,sans-serif; font-size:12px; color:#444; background:url(../images/common/bg.jpg) repeat-x;}
.bold{font-weight:bold;}

/* width size */
.w0{width:0 !important;}
.w1{width:1% !important;}
.w2{width:2% !important;}
.w3{width:3% !important;}
.w4{width:4% !important;}
.w5{width:5% !important;}
.w6{width:6% !important;}
.w7{width:7% !important;}
.w8{width:8% !important;}
.w9{width:9% !important;}
.w10{width:10% !important;}
.w11{width:11% !important;}
.w12{width:12% !important;}
.w13{width:13% !important;}
.w14{width:14% !important;}
.w15{width:15% !important;}
.w16{width:16% !important;}
.w17{width:17% !important;}
.w18{width:18% !important;}
.w19{width:19% !important;}
.w20{width:20% !important;}
.w21{width:21% !important;}
.w22{width:22% !important;}
.w23{width:23% !important;}
.w24{width:24% !important;}
.w25{width:25% !important;}
.w26{width:26% !important;}
.w27{width:27% !important;}
.w28{width:28% !important;}
.w29{width:29% !important;}
.w30{width:30% !important;}
.w31{width:31% !important;}
.w32{width:32% !important;}
.w33{width:33% !important;}
.w34{width:34% !important;}
.w35{width:35% !important;}
.w36{width:36% !important;}
.w37{width:37% !important;}
.w38{width:38% !important;}
.w39{width:39% !important;}
.w40{width:40% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w99{width:99% !important;}
.w100{width:100% !important;}

.wx5{width:5px !important;}
.wx10{width:10px !important;}
.wx15{width:15px !important;}
.wx20{width:20px !important;}
.wx25{width:25px !important;}
.wx30{width:30px !important;}
.wx35{width:35px !important;}
.wx40{width:40px !important;}
.wx45{width:45px !important;}
.wx50{width:50px !important;}
.wx55{width:55px !important;}
.wx60{width:60px !important;}
.wx65{width:65px !important;}
.wx70{width:70px !important;}
.wx75{width:75px !important;}
.wx80{width:80px !important;}
.wx85{width:85px !important;}
.wx90{width:90px !important;}
.wx95{width:95px !important;}
.wx100{width:100px !important;}
.wx110{width:110px !important;}
.wx115{width:115px !important;}
.wx120{width:120px !important;}
.wx125{width:125px !important;}
.wx130{width:130px !important;}
.wx135{width:135px !important;}
.wx140{width:140px !important;}
.wx145{width:145px !important;}
.wx150{width:150px !important;}
.wx155{width:155px !important;}
.wx160{width:160px !important;}
.wx165{width:165px !important;}
.wx170{width:170px !important;}
.wx175{width:175px !important;}
.wx180{width:180px !important;}
.wx185{width:185px !important;}
.wx190{width:190px !important;}
.wx195{width:195px !important;}
.wx200{width:200px !important;}
.wx210{width:210px !important;}
.wx220{width:220px !important;}
.wx224{width:224px !important;}
.wx230{width:230px !important;}
.wx240{width:240px !important;}
.wx250{width:250px !important;}
.wx260{width:260px !important;}
.wx270{width:270px !important;}
.wx280{width:280px !important;}
.wx290{width:290px !important;}
.wx300{width:300px !important;}
.wx310{width:310px !important;}
.wx320{width:320px !important;}
.wx330{width:330px !important;}
.wx340{width:340px !important;}
.wx350{width:350px !important;}
.wx360{width:360px !important;}
.wx370{width:370px !important;}
.wx380{width:380px !important;}
.wx390{width:390px !important;}
.wx400{width:400px !important;}
.wx420{width:420px !important;}
.wx445{width:445px !important;}
.wx500{width:500px !important;}
.wx510{width:510px !important;}
.wx580{width:580px !important;}

/* padding */
.ptb40{padding-top:40px !important;padding-bottom:40px !important;}
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb46{padding-bottom:46px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}
.pb110{padding-bottom:110px !important;}
.pb120{padding-bottom:120px !important;}
.pb130{padding-bottom:130px !important;}
.pb140{padding-bottom:140px !important;}
.pb150{padding-bottom:150px !important;}

.pt10{padding-top:10px !important;}
.pl20{padding-left:22px !important;}
.pl35{padding-left:35px !important;}

/* margin */
.mg0{margin:0 !important;}

.mb0{margin-bottom:0px !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb14{margin-bottom:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb17{margin-bottom:17px !important;}
.mb18{margin-bottom:18px !important;}
.mb19{margin-bottom:19px !important;}
.mb20{margin-bottom:20px !important;}
.mb21{margin-bottom:21px !important;}
.mb22{margin-bottom:22px !important;}
.mb23{margin-bottom:23px !important;}
.mb24{margin-bottom:24px !important;}
.mb25{margin-bottom:25px !important;}
.mb26{margin-bottom:26px !important;}
.mb27{margin-bottom:27px !important;}
.mb28{margin-bottom:28px !important;}
.mb29{margin-bottom:29px !important;}
.mb30{margin-bottom:30px !important;}
.mb31{margin-bottom:31px !important;}
.mb32{margin-bottom:32px !important;}
.mb33{margin-bottom:33px !important;}
.mb34{margin-bottom:34px !important;}
.mb35{margin-bottom:35px !important;}
.mb36{margin-bottom:36px !important;}
.mb37{margin-bottom:37px !important;}
.mb38{margin-bottom:38px !important;}
.mb39{margin-bottom:39px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb53{margin-bottom:53px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}

.mt-25{margin-top:-25px !important;}
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt25{margin-top:25px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}

.ml30{margin-left:30px !important;}
.ml20{margin-left:20px !important;}
.ml18{margin-left:18px !important;}


/* layout */
a,a:visited{color:#555;text-decoration:none}
a:hover,a:active,a:focus{color:#3d74b7;}

#headerWrap{  height:111px; width:1088px; margin:0 auto; }
#headerWrap2{ position:relative;padding-bottom:0;height:78px; background:#fff url(../images/sub/popupBg.gif) repeat-x left bottom  }
.utilwrap {width:1088px; position:relative; margin:0 auto}

.utilmemu {position:absolute; right:0; top:10px;padding:5px 0px; text-align:center; }
.utilmemu li {float:left;color:#333; white-space:nowrap; display:inline-block; margin-left:0}
.utilmemu li a { color:#214473; font-size:11px;position:relative;	z-index:500000; text-decoration:none; font-weight:bold; }
#header{position:relative;}
#header h1{position:absolute; left:0; padding:40px 0 0 0;}
#header h1 a { display:block}

.footerwrap{position:relative;padding:0 0 30px; clear:both;font-size:90%; }
.footer{margin:0 auto;z-index:9999999;color:#444;width:1103px; line-height:140% }
.footer .logo{float:left; padding:0 20px 10px 0; }
.footerwrap .footer_menu {  border-top:1px solid #999; border-bottom:1px solid #999;  height:22px; padding-top:8px; margin-bottom:20px }
.footerwrap ul {float: right;position: relative;left: -50%;}
.footerwrap li {float:left; padding:0 20px;position: relative;left:50%; font-weight:600;}
.footerwrap li a {color:#333;}

#topNav {z-index:999999999; width:688px; display:block; background:#214473; position:absolute; right:-1px; top:42px;
	-moz-box-shadow: 4px 4px 8px rgba(0,57,134,.2);
	-webkit-box-shadow: 4px 4px 8px rgba(0,57,134,.2);
	box-shadow: 4px 4px 8px rgba(0,57,134,.2);
 }/* border:1px solid #0f2144;filter:progid:DXImageTransform.Microsoft.Shadow(color=#003986,direction=135,strength=4);*/
#topNav ul { margin:0;}

#topNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#topNav li a { display:block;padding:11px 30px 11px; text-decoration:none;font-size:16px; font-weight:bold; white-space:nowrap; color:#FFF; }

#topNav li a.headon {background:#6A9CE2;}
#topNav li:hover{background:#4582d6;}
#topNav li:first-child {margin-left:22px;}
#topNav li { float:left;z-index:99999; padding:0;}

#topNav ul li ul { display:none;position:absolute; top:40px; left:0px;box-sizing: border-box;width:100%; z-index:1;height:30px; overflow:hidden;}
#topNav li li a {display:block;padding:6px 10px 10px; text-decoration:none;font-size:13px; font-weight:bold; white-space:nowrap; color:#FFF;}

#topNav li.menu01 ul {background-color:#4582d6;}
#topNav li.menu02 ul {background-color:#4582d6; padding-left:10%;}
#topNav li.menu03 ul {background-color:#4582d6; padding-left:30%;}
#topNav li.menu04 ul {background-color:#4582d6; padding-left:40%;}
#topNav li.menu05 ul {background-color:#4582d6; padding-left:45%;}
#topNav li.menu06 ul {background-color:#4582d6; padding-left:75%;}