@charset "euc-kr";

/* CSS Document */

ul, ul li { list-style:none; }
img, input.type-image{border:0 none;line-height:0; vertical-align:middle;}
input.text { height:15px; border: 1px solid #cccbcb; font-size:12px; color:#000; padding:3px 0 0 5px; }
select { height:18px; border: 1px solid #cccbcb; font-size:12px; color:#666666; vertical-align:middle; }/* 100519 */
textarea { border:1px solid #cccbcb; font-family:verdana; font-size:12px; color:#000; padding:5px; }
dt, dd, ol, ul, li, span, h1, h2, h3, h4, h5 p { margin:0; padding:0; }
caption { font-size:0; height:0; width:0; line-height:0; }
th { font-weight:normal; }

iframe { padding-top:25px; }

em { font-style:normal; }

.png24 {tmp:expression(setPng24(this));}



.hide{height:0 !important;top:0 !important;left:0 !important;overflow:hidden !important;width:0 !important;margin:0 !important;padding:0 !important;}

/* header */
#header { position:relative; overflow: hidden; margin:auto; padding: 0; width: 1080px; height: 95px; }
#header .logo { position: absolute; top: 11px; left: 0; }
#header .util { position:absolute; top:10px; right:10px; margin:0; width: auto; }
#header .util li { float:left; margin:0 10px 0 0; padding:0 0 0 10px; background: url(/img/new_img/img_util_div.gif) no-repeat left center; }
#header .util li.first { background-image: none; }
#header .searchWrap { position: absolute; top:56px; right: 0; width:170px; height:24px;  border: 1px solid #D8D8D8; }
#header .search { display: inline; float: right; margin: 0 0 0 8px; padding:4px; widt:92px; height: 16px;  border: 0; }
#header .searchBtn { display: inline; float: left; margin: 6px 0 0 9px; }

#header #gnb_area { position: absolute; top: 52px; left: 250px; }
#header #gnb_area .gnb { position: relative; margin: 0; padding: 0; }
#header #gnb_area .gnb #gnb_area2 { overflow:hidden; zoom:1; }
#header #gnb_area .gnb #gnb_area2 li.bmenu {  float: left; margin-left: 40px; margin-right: 30px; height: 32px; }
#header #gnb_area .gnb #gnb_area2 li.bmenu .onedepth-wrap { position:relative; }
#header #gnb_area .gnb .current { display:none; position: absolute; bottom: -1px; }
#header #gnb_area .gnb_m01 { float:left; width:76px; height:18px;  background:url(/img/new_img/mn01.gif) no-repeat; text-indent:-10000px; }
#header #gnb_area .gnb_m02 { float:left; width:76px; height:18px;  background:url(/img/new_img/mn01.gif) no-repeat; text-indent:-10000px; }
#header #gnb_area .gnb_m03 { float:left; width:76px; height:18px;  background:url(/img/new_img/mn02.gif) no-repeat; text-indent:-10000px; }
#header #gnb_area .gnb_m04 { float:left; width:76px; height:18px;  background:url(/img/new_img/mn03.gif) no-repeat; text-indent:-10000px; }
#header #gnb_area .gnb_m05 { float:left; width:60px; height:18px;  background:url(/img/new_img/mn04.gif) no-repeat; text-indent:-10000px; }
#header #gnb_area .gnb_m06 { float:left; width:60px; height:18px;  background:url(/img/new_img/mn05.gif) no-repeat; text-indent:-10000px; }
#header #gnb_area .gnb_m07 { float:left; width:60px; height:18px;  background:url(/img/new_img/mn06.gif) no-repeat; text-indent:-10000px; }
#header #gnb_area2 > li.on a,
#header #gnb_area2 > li a:hover,
#header #gnb_area2 > li a:focus,
#header #gnb_area2 > li a:active { background-position:left -19px; }


/* main */
.main { overflow:hidden; background:url(/img/new_img/main_bg.jpg) no-repeat top center; }
.main-img-wrap { position:relative; margin:auto; overflow:hidden; height:520px; border-top: 1px solid #C4C4C4;}
.main-img { position: relative; margin:0 auto; width:1080px; border:0px solid #000; }

.center-wrap { position: relative; margin:0 auto; width:1054px; border:0px solid #000; }
.center-wrap li { float:left; }

.sil_wrap { position: relative; margin:0 auto; width:1054px; height:46px; background:url(/img/new_img/sil_bg.gif) no-repeat;}
.sil_wrap p { position: absolute; width:760px; height:28px; top:8px; left:280px; }

.contents-wrap { position: relative; margin:0 auto; width:1054px; height:549px; border:0px solid #000; }
.contents-wrap .mbox01 { position: absolute; top:23px; left:0px; width:250px; height:235px; }
.contents-wrap .mbox02 { position: absolute; top:23px; left:268px; width:508px; height:230px; padding:5px 0 0 10px; border:1px solid #cacaca; }

.contents-wrap .mbox03 { position: absolute; top:23px; right:0; width:240px; height:230px; padding:5px 0 0 10px; border:1px solid #cacaca; background:#ffffff;}

.contents-wrap .mbox04 { position: absolute; top:278px; left:0px; width:245px; height:165px; padding:0 0 0 5px; border:1px solid #cacaca; background:#f5f5f5; }
.contents-wrap .mbox04_1 { position: absolute; top:447px; left:0px; width:120px; height:65px; padding:0 0 0 5px; border:1px solid #cacaca; background:#f5f5f5; }
.contents-wrap .mbox04_2 { position: absolute; top:447px; left:130px; width:115px; height:65px; padding:0 0 0 5px; border:1px solid #cacaca; background:#f5f5f5; }


.contents-wrap .mbox05 { position: absolute; top:278px; left:268px; width:518px; height:235px; }
.contents-wrap .mbox06 { position: absolute; top:278px; right:0; width:240px; height:224px; padding:10px 0 0 10px; border:1px solid #cacaca; }

.contents-wrap .mbox07 { position: absolute; top:533px; left:0px; width:250px; height:196px; }
.contents-wrap .mbox08 { position: absolute; top:533px; left:268px; width:243px; height:186px; padding:10px 0 0 7px; border:1px solid #cacaca; }


.contents-wrap .mbox09 { position: absolute; top:533px; left:536px; width:243px; height:186px; padding:10px 0 0 7px; border:1px solid #cacaca; }
.contents-wrap .mbox10 { position: absolute; top:533px; right:0; width:243px; height:186px; padding:10px 0 0 7px; border:1px solid #cacaca; }

.gnb_bar { display: none; position: absolute; top: 95px; left: 0; width:100%; height: 10px;  background: url(/img/new_img/submenu-bg.gif) repeat-x;   }

/*submenu*/
.submenuWrap { display:none;  position: absolute; top:36px; left: -205px; width: 100%; height:337px; }
.submenu { margin: auto; overflow: hidden; zoom:1;  padding-bottom: 15px; width: 1090px; }
.submenu .img_wrap { float:left; position:relative; width: 184px; padding: 32px 0 0 10px; }
.submenu .listWrap { float:left; position:relative; margin: 26px 0 0 0; }


.submenu .listWrap .menu > ul.s1 {position:absolute; width:130px; left:50px;}
.submenu .listWrap .menu > ul.s2 {position:absolute; width:130px; left:200px;}
.submenu .listWrap .menu > ul.s3 {position:absolute; width:120px; left:342px;}
.submenu .listWrap .menu > ul.s4 {position:absolute; width:120px; left:490px;}
.submenu .listWrap .menu > ul.s5 {position:absolute; width:100px; left:620px;}
.submenu .listWrap .menu > ul.s6 {position:absolute; width:120px; left:750px;}

.submenu .listWrap .menu > ul > li {height:24px; }
.submenu .listWrap .menu > ul > li > a{font-size:10pt; color:#333; font-family:'ngb'; letter-spacing:-.02em; text-align:left; }
.submenu .listWrap .menu > ul > li > a:hover{color:#ff0000; text-decoration:none; }


.topImg { margin-bottom:20px; } 



.clfix:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* hides from ie-mac */
.clfix {zoom:1;} /*for ie 5.5-7*/