@charset "utf-8";

@import url('default.css');

html {*overflow-x:hidden;}

#headerWrap {width:100%; background:url(../../images/layout/bg_topmenu.png) repeat-x 0 0;}
#header {position:relative; width:1000px; height:111px; margin:0 auto; z-index:10000; }
#header h1 {position:absolute; top:46px; z-index:20000;}
#header .utilWrap {float:right; margin-top:11px;}
#header .utilWrap ul {overflow:hidden; width:285px; margin:0; padding:0; }
#header .utilWrap ul li {display:inline-block; padding-right:27px;}
#header .utilWrap ul li.mpa {padding-right:0;}


/* gnb */
#mainGnbWrap {position:absolute; top:36px; right:0px; padding-left:200px;}
#mainGnbWrap #mainGnb {}
#mainGnbWrap #mainGnb > li {float:left;}
#mainGnbWrap #mainGnb > li.menu01 > span > a {width:127px; height:75px; background:url(../../images/layout/gnb_menu01.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu01 > span > a:hover {background:url(../../images/layout/gnb_menu01_on.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu02 > span > a {width:132px; height:75px; background:url(../../images/layout/gnb_menu02.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu02 > span > a:hover {background:url(../../images/layout/gnb_menu02_on.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu03 > span > a {width:131px; height:75px; background:url(../../images/layout/gnb_menu03.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu03 > span > a:hover {background:url(../../images/layout/gnb_menu03_on.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu04 > span > a {width:176px; height:75px; background:url(../../images/layout/gnb_menu04.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu04 > span > a:hover {background:url(../../images/layout/gnb_menu04_on.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu05 > span > a {width:124px; height:75px; background:url(../../images/layout/gnb_menu05.png) no-repeat 0 0;}
#mainGnbWrap #mainGnb > li.menu05 > span > a:hover {background:url(../../images/layout/gnb_menu05_on.png) no-repeat 0 0;}

/* gnb 2depth */
.depth2Wrap {display:none; position:absolute; top:75px; right:0px; width:100%; padding-top:15px; background:#6e93b6; height:30px; z-index:9999;}
.depth2Wrap .titWrap {float:right; width:370px;}
.depth2Wrap .menuWrap {position:relative;}
.depth2Wrap .menuWrap .depth2 {overflow:hidden;}
.depth2Wrap .menuWrap .sub01 {position:absolute; left:200px;}
.depth2Wrap .menuWrap .sub02 {position:absolute; left:325px;}
.depth2Wrap .menuWrap .sub03 {position:absolute; left:150px;}
.depth2Wrap .menuWrap .sub04 {position:absolute; left:585px;}
.depth2Wrap .menuWrap .sub05 {position:absolute; left:560px;}
.depth2Wrap .menuWrap .sub06 {position:absolute; left:340px;}
.depth2Wrap .menuWrap .depth2:first-child {background:none;}
.depth2Wrap .menuWrap .depth2 > li {float:left;  margin:0 0 0 39px ; padding:0 0 0 8px; background:url(../../images/layout/bullet_menu01.png) no-repeat 1px 7px;}
.depth2Wrap .menuWrap .depth2 > li > a {font-size:14px; color:#fff; line-height:16px; text-decoration:none;}
.depth2Wrap .menuWrap .depth2 > li > a:hover {text-decoration:underline;}



/* container */
#mainContainer {overflow:hidden; width:100%; background:url(../../images/main/con_bg01.png) repeat-x 0 bottom;}
#mainContents {position:relative; width:1000px; margin:0 auto; }

/* visual */
.visualWrap {position:relative; height:456px;}
.visualWrap .visual {position:absolute; top:0; left:50%; width:1920px; margin-left:-960px;}
.visualWrap .visual li {width:1920px;}
.visualWrap .visualBtn {overflow:hidden; position:absolute; top:400px; left:50%; width:86px; z-index:9999;}
.visualWrap .visualBtn .bnPagin {float:left; margin-top:3px; *margin-top:0;}
.visualWrap .visualBtn .bnPagin a {width:12px; height:12px; margin-left:2px; font-size:0; line-height:0; background:url(../../images/main/btn_pagin_off.png) no-repeat 0 0;}
.visualWrap .visualBtn .bnPagin a:first-child {margin-left:0;}
.visualWrap .visualBtn .bnPagin a:hover, .visualWrap .visualBtn .bnPagin a.activeSlide {background:url(../../images/main/btn_pagin_on.png) no-repeat 0 0;}
.visualWrap .visualBtn .btnPause {float:left; margin-left:3px;}


.ConWrap {width:1000px; height:367px; }
.ConWrap ul.conbox{position:relative; top:-28px; z-index:9999; }
.ConWrap ul.conbox li{float:left; width:228px; padding-right:29px;}
.ConWrap ul.conbox li.conafter{padding-right:0;}


#footerWrap {height:200px; background:#ccc; }
#footer {position:relative; width:1000px; margin:0 auto;}
#footer h2{position:relative; width:184px; top:29px;}
#footer .addressbox {position:relative; width:700px; top:52px;}
#footer .addressbox address {color:#555; line-height:20px; font-size:13px;}
#footer .addressbox .copyright {margin-top:5px; color:#666; font-size:13px;}
#footer ul.footerquick {position:absolute; top:28px; right:0;}
#footer ul.footerquick li{float:left; padding:0 16px; background:url(../../images/layout/footer_btn_bar.png) no-repeat right 0;}
#footer ul.footerquick li a{font-size:14px; color:#333;}
#footer ul.footerquick li.lastquick{padding:0 0 0 16px; background:none;}