@import url('layout.css'); /* Header */ .header{position:absolute; width:100%; height:208px; min-width:980px;} .header .topmenu{width:980px; height:150px; margin:58px auto 0; clear:both;} .header .topmenu .logo{width:320px; height:90px; float:left} .header .topmenu .logo a{display:block;} /* gnb */ #gnb{width:614px; margin:30px auto 0; float:right;} #gnb ul{} #gnb ul li{float:left; margin:0px; padding:0px;} .shide{position:relative;} .shide span{position:absolute; left:0px; top:-9999999px;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;} #gnb ul .menu1{width:221px;position:relative;} #gnb ul .menu1 .mbg{background:URL(../img/topmenu.jpg) no-repeat 0px 0px; width:100%;display:block; height:60px;} #gnb ul .menu1.active a.mbg{background-position:0 -60px; width:100%;display:block; height:60px;} #gnb ul .menu1 .submenu{left:64px; width:96px;} #gnb ul .menu2{width:204px;position:relative;} #gnb ul .menu2 .mbg{ background:URL(../img/topmenu.jpg) no-repeat -221px 0px; width:100%;display:block; height:60px;} #gnb ul .menu2.active a.mbg{background-position:-221px -60px; width:100%;display:block; height:60px;} #gnb ul .menu2 .submenu{left:-587px; width:980px;} #gnb ul .menu3{width:189px;position:relative;} #gnb ul .menu3 .mbg{ background:URL(../img/topmenu.jpg) no-repeat -425px 0px; width:100%;display:block; height:60px;} #gnb ul .menu3.active a.mbg{background-position:-425px -60px; width:100%;display:block; height:60px;} #gnb ul .menu3 .submenu{left:-596px; width:785px;} #gnb ul li .submenu{display:none; position:absolute; top:0px; z-index:9999; height:54px;} #gnb ul li .submenu ul{margin:0px; padding:0px; float:left; position:relative;} #gnb ul li .submenu ul li{margin:0px; padding:0px; float:left; height:54px !important;} #gnb ul li .submenu ul li a{display:inline-block; height:54px; background:0 0;} #gnb ul li .submenu ul li a span{position:absolute; left:0px; top:-9999999px;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;} #gnb ul li .submenu ul li a:hover, #gnb ul li .submenu ul li.on a{background-position:0 -54px !important;} #gnb ul li .submenu ul li.m11 a{background:url(../img/s11.png) no-repeat; width:96px;} #gnb ul li .submenu ul li.m21 a{background:url(../img/s21.png) no-repeat; width:95px;} #gnb ul li .submenu ul li.m22 a{background:url(../img/s22.png) no-repeat; width:85px;} #gnb ul li .submenu ul li.m23 a{background:url(../img/s23.png) no-repeat; width:92px;} #gnb ul li .submenu ul li.m24 a{background:url(../img/s24.png) no-repeat; width:122px;} #gnb ul li .submenu ul li.m25 a{background:url(../img/s25.png) no-repeat; width:56px;} #gnb ul li .submenu ul li.m26 a{background:url(../img/s26.png) no-repeat; width:94px;} #gnb ul li .submenu ul li.m27 a{background:url(../img/s27.png) no-repeat; width:64px;} #gnb ul li .submenu ul li.m28 a{background:url(../img/s28.png) no-repeat; width:69px;} #gnb ul li .submenu ul li.m29 a{background:url(../img/s29.png) no-repeat; width:94px;} #gnb ul li .submenu ul li.m210 a{background:url(../img/s210.png) no-repeat; width:100px;} #gnb ul li .submenu ul li.m211 a{background:url(../img/s211.png) no-repeat; width:109px;} #gnb ul li .submenu ul li.m31 a{background:url(../img/s31.png) no-repeat; width:80px;} #gnb ul li .submenu ul li.m32 a{background:url(../img/s32.png) no-repeat; width:76px;} #gnb ul li .submenu ul li.m33 a{background:url(../img/s33.png) no-repeat; width:136px;} #gnb ul li .submenu ul li.m34 a{background:url(../img/s34.png) no-repeat; width:60px;} #gnb ul li .submenu ul li.m35 a{background:url(../img/s35.png) no-repeat; width:101px;} #gnb ul li .submenu ul li.m36 a{background:url(../img/s36.png) no-repeat; width:108px;} #gnb ul li .submenu ul li.m37 a{background:url(../img/s37.png) no-repeat; width:109px;} #gnb ul li .submenu ul li.m38 a{background:url(../img/s38.png) no-repeat; width:115px;} #topspace{width:100%; height:54px; display:none;} .topbox{width:100%; height:154px;} /* Main Visual */ .container_wrap{width:100%; margin-bottom:50px; min-width:980px;} .con_body{position:relative; width:980px; margin:0 auto;} .mcon{height:291px; overflow:hidden; float:left; position:relative; margin:4px 4px 0 0;} .mcon242{width:242px; height:291px; overflow:hidden; float:left; position:relative; margin:4px 4px 0 0;} .mcon242s{width:242px; height:291px; overflow:hidden; position:relative;} .mcon_last{margin-right:0 !important;} .mcon_first{margin-top:0 !important;} .lefthorizontal242 div{width:242px; height:291px; position:relative; overflow:hidden;} .lefthorizontal242s div{width:242px; height:145px; position:relative; overflow:hidden;} .lefthorizontal488 div{width:488px; height:291px; position:relative; overflow:hidden;} .lefthorizontal242 img, .lefthorizontal242s img, .lefthorizontal488 img {position:absolute;} /* sub Visual */ .gcontainer_wrap{width:100%; margin-bottom:50px; min-width:980px;} .gcon_body{position:relative; width:980px; margin:0 auto; padding-bottom:50px; background:#fff; overflow:hidden;} .gcon_body_padding_no{position:relative; width:980px; margin:0 auto; background:#fff; overflow:hidden;} .gcon_body_photo{position:relative; width:980px; margin:0 auto; padding-top:20px; background:#b6ac9d; overflow:hidden;} .newc_02{background:#ffffff !important;} .newc_03{background:#fffbe4 !important;} .newc_04{background:#e2d8c7 !important;} .newc_05{background:#eef6f0 !important;} .newc_06{background:#f4f4d9 !important;} .news_paper{position:absolute; width:640; height:825px; top:230px; left:50%; margin-left:-200px; z-index:999999;} .main_pop{position:absolute; width:946; height:754px; top:670px; left:50%; margin-left:-473px; z-index:999999;} .top_go{position:fixed; width:30px; height:23px; z-index:50; top:208px; left:50%; margin-left:500px;} .qselectbox{position:absolute; width:210px; height:31px; z-index:99999; top:31px; left:50%; margin-left:280px;} /* CopyRight */ .footer{width:100%; padding-bottom:10px; clear:both; min-width:980px;} .copy{width:980px; margin:0 auto;}