@charset "utf-8";

/*default*/
body {
font : 0.75em/120% "돋움","돋움체",dotum,Verdana,Arial,Sans-serif;
text-align : center;
color : #6e6e6e;
width: 100%;
background: #f2f2f2 url(/static/images/main/bg.jpg) no-repeat center 0;
background-size: 3000px 1200px;
overflow-y:auto; 
}

/*anchor*/
a {
text-decoration: none;
color : #666;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}

/*reset*/
html, body, div, span, object, param, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, br {
margin: 0;
padding: 0;
border: none 0;
}
ol, ul, li {
list-style : none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size : 100%;
}
address, caption, em {
font-weight : normal;
font-style : normal;
}
input, img, table {
vertical-align: middle;
}
select {
vertical-align: top;
height: 20px;
font : 12px/100% "돋움","돋움체",dotum,Verdana,Arial,Sans-serif;
}
textarea {
font : 12px/120% "돋움","돋움체",dotum,Verdana,Arial,Sans-serif;
}

/*hidden*/
#accessibility, hr, .skip, .hide, legend, caption {
position: absolute ;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
text-indent: -1000px;
}

#wrap {
width: 100%;
text-align: left;
margin: 0 auto;
position: relative;
}

/* header */
#header {
width: 100%;
}
.header {
width: 950px;
height: 78px;
margin: 0 auto;
position: relative;
z-index: 600;
}
.header h1 {
float: left;
padding-top: 17px;
}
/* 통합검색 제거전 20120321
#snb {
position: absolute;
left: 436px;
top: 36px;
}
*/
/* 통합검색 제거 후 20120321*/
#snb {
position: absolute;
right: 0;
top: 36px;
}
#snb dd {
float: left;
padding-right: 12px;
}
#snb dd.lst {
padding-left: 3px;
padding-right: 0;
}
.search {
position: absolute;
top: 38px;
right: 160px;
}
.search input.style {
border-left: 0 none;
border-right: 0 none;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
background: #f6f6f6;
height: 16px;
width: 140px;
font : 12px/100% "돋움","돋움체",dotum,Verdana,Arial,Sans-serif;
}
.special {
position: absolute;
width: 136px;
top: 78px;
left: 0;
}
.light {
position: absolute;
width: 49px;
height:146px;
top: 100px; /* 140px */
right: -49px;
}
/* gnb */
#gnb_wrap {
text-align: left;
width: 100%;
position: absolute;
top: 78px;
z-index: 500;
}
#gnb {
width: 811px;
padding-left: 139px;
height: 43px;
margin: 0 auto;
position: relative;
background:url(/static/images/main/bg_gnb.jpg) no-repeat 0 0;
}
#gnb a:hover {
text-decoration: none;
}
#gnb li.sub1, #gnb li.sub2, #gnb li.sub3, #gnb li.sub4, #gnb li.sub5, #gnb li.sub6, #gnb li.sub7 {
float: left;
}
#gnb li ul { 
width: 948px; 
position:absolute; 
display:none; 
left: 0;
top: 42px;
}
	/* type_a */
#gnb li ul.type_a {
border: 1px solid #c1c1c1;
background: #fff url(/static/images/gnb/bg_subm01.gif) repeat-x 0 1px;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 34px;
width: 914px;
}
#gnb li ul.type_a li {
padding-top: 7px;
padding-bottom: 4px;
float: left;
}
#gnb li ul.type_a li a {
display: block;
padding-right: 30px;
font-weight: bold;
float: left;
}
#gnb li ul.type_a li a span {
color: #3c3c3c;
padding-right: 9px;
}
#gnb li ul.type_a li a span:hover {
color: #0079c7;
padding-right: 9px;
background:url(/static/images/gnb/bu_gnb01.png) no-repeat 100% 2px;
}
	/* type_b */
#gnb li ul.type_b {
border: 1px solid #c1c1c1;
background: #fff url(/static/images/gnb/bg_sub_top.gif) repeat-x 0 0;
padding-top: 6px;
padding-bottom: 1px;
}
#gnb li ul.type_b li {
overflow: auto;
}
#gnb li ul.type_b li.lst {
background: #fff url(/static/images/gnb/bg_sub_bottom.gif) repeat-x 0 bottom;
padding-bottom: 6px;
}
#gnb li ul.type_b li dl {
padding-left: 34px;
clear: both;
}
#gnb li ul.type_b li dl dt {
float:left;
color: #0079c7;
font-weight: bold;
width: 120px;
padding: 7px 0;
}
#gnb li ul.type_b li dl dt a {
float:left;
color: #3c3c3c;
font-weight: bold;
}
#gnb li ul.type_b li dl dt a strong {
padding-right: 12px;
}
#gnb li ul.type_b li dl dd {
float: right;
width: 786px;
background:url(/static/images/gnb/bu_dot.gif) no-repeat 0 11px;
}
#gnb li ul.type_b li dl dd a {
color: #6e6e6e;
text-align: center;
display: block;
float: left;
white-space:nowrap;
padding: 7px 12px;
}
#gnb li ul.type_b li dl dd a.fst {
padding-left: 0;
}
#gnb li ul.type_b li:hover {
background: #007fd2;
overflow: auto;
}
#gnb li ul.type_b li:hover dl {
padding-left: 34px;
clear: both;
}
#gnb li ul.type_b li:hover dl dt {
float:left;
color: #0079c7;
font-weight: bold;
width: 120px;
padding: 7px 0;
}
#gnb li ul.type_b li:hover dl dt a {
float:left;
color: #fff;
font-weight: bold;
}
#gnb li ul.type_b li:hover dl dt a strong {
padding-right: 12px;
background:url(/static/images/gnb/bu_gnb_h.gif) no-repeat 100% 2px;
}
#gnb li ul.type_b li:hover dl dd {
float: right;
width: 786px;
background:url(/static/images/gnb/bu_dot_h.gif) no-repeat 0 11px;
}
#gnb li ul.type_b li:hover dl dd a {
color: #6e6e6e;
text-align: center;
display: block;
float: left;
white-space:nowrap;
padding: 7px 12px;
}
#gnb li ul.type_b li:hover dl dd a.fst {
padding-left: 0;
}
#gnb li ul.type_b li:hover dl dd a {
color: #bcd9eb;
}
#gnb li ul.type_b li:hover dl dd a:hover {
color: #fff;
}
	/* type_c */
#gnb li ul.type_c {
border: 1px solid #c1c1c1;
background: #fff url(/static/images/gnb/bg_subm01.gif) repeat-x 0 1px;
padding-top: 6px;
padding-bottom: 4px;
padding-left: 34px;
width: 914px;
}
#gnb li ul.type_c li {
padding-top: 7px;
padding-bottom: 4px;
float: left;
}
#gnb li ul.type_c li.fst {
padding-left: 200px;
}
#gnb li ul.type_c li a {
display: block;
padding-right: 30px;
float: left;
font-weight: bold;
}
#gnb li ul.type_c li a span {
color: #3c3c3c;
padding-right: 9px;
}
#gnb li ul.type_c li a span:hover {
color: #0079c7;
padding-right: 9px;
background:url(/static/images/gnb/bu_gnb01.png) no-repeat 100% 2px;
}
/* visual */
#visual {
padding-top: 43px;
clear: both;
width: 950px;
height: 413px;
margin: 0 auto;
position: relative;
}
#visual h2 {
position: absolute;
right: 52px;
padding-bottom: 19px;
z-index: 350;
}
#visual h2.visual01 {
top: 343px; /*top: 310px;*/
}
#visual h2.visual02 {
top: 343px;
}
#visual h2.visual03 {
top: 373px;
}
.visual {
position:relative;
overflow:hidden;
width: 950px;
height: 414px;
float:left;
}
.visual p.view_visual {
position: absolute;
width: 950px;
z-index: 400;
bottom: 30px;
text-align: center;
}
/* Main Visual Modify[S] */
.visual p.view_visual a {
display: inline-block;
background: url(/static/images/main/btn_mainVisual_controll.png);
width:22px;
height: 22px;
}
.visual p.view_visual a span {
visibility: hidden;
float: left;
overflow: hidden;
height: 22px;
}
.visual p.view_visual a.start {
background-position: 0px 0px;
}
.visual p.view_visual a.stop {
background-position: -50px 0px;
}
.visual p.view_visual a.numOn1 {
background-position: -100px 0px;
}
.visual p.view_visual a.numOff1 {
background-position: -150px 0px;
}
.visual p.view_visual a.numOn2 {
background-position: -200px 0px;
}
.visual p.view_visual a.numOff2 {
background-position: -250px 0px;
}
.visual p.view_visual a.numOn3 {
background-position: -300px 0px;
}
.visual p.view_visual a.numOff3 {
background-position: -350px 0px;
}
.visual p.view_visual a.numOn4 {
background-position: -400px 0px;
}
.visual p.view_visual a.numOff4 {
background-position: -450px 0px;
}
.visual p.view_visual a.numOn5 {
background-position: -500px 0px;
}
.visual p.view_visual a.numOff5 {
background-position: -550px 0px;
}
.visual div.view_visual {
position: absolute;
}

/* Main Visual Modify[E] */
.visual .item {
width:20000em;
position:absolute;
clear:both;
}
.visual .item div {
float:left;
width:950px;
}
.loading {
position: absolute;
left: 49%;
top: 300px;
z-index: 499;
}
/* smart service */
.smart_service {
width: 100%;
clear: both;
}
#smart_roll {
width: 900px;
height: 47px;
padding: 0 25px;
background: url(/static/images/main/bg_smartroll.png) no-repeat 0 0;
margin: 0 auto;
position: relative;
}
#inner_box {
width: 840px;
position: absolute;
left: 50px;
top: 6px;
z-index: 490;
}
#inner_box li {
width: 90px;
padding: 0 25px;
text-align: center;
float: left;
}
#inner_box li.hidden {
display: none;
}
#smart_roll .btn_pre {
position: absolute;
top: 11px;
left: 10px;
z-index: 490;
}
#smart_roll .btn_next {
position: absolute;
top: 11px;
right: 10px;
z-index: 490;
}
.smart_menu {
text-align: left;
width: 100%;
position: absolute;
top: 396px;
margin: 0 auto;
}
#smart {
position: relative;
width: 950px;
margin: 0 auto;
height: 0px;
}
.open_btn {
width: 950px;
position: absolute;
right: 0;
text-align: center;
top: 118px;
}
.close_btn {
position: absolute;
top: -21px;
left: 0;
width: 950px;
text-align: center;
}
#smart .inner {
width: 928px;
padding: 19px 0 19px 22px;
height: 143px;
position: absolute;
left: 0;
bottom: 0;
background:url(/static/images/main/bg_smart.png) no-repeat 0 0;
display: none;
z-index: 500;
}
#smart .inner .inner_box {
clear: both;
width: 928px;
}
#smart .inner .inner_box li {
width: 100px;
padding: 7px 25px;
float: left;
}
#smart .inner .inner_box li.lst {
padding-right: 0;
}
#smart a:hover {
text-decoration: none;
}

/* container */
#container {
width: 950px;
overflow: hidden;
margin: 0 auto;
clear: both;
}
#mc {
position: relative;
width: 950px;
height: 407px;
clear: both;
background:url(/static/images/main/user_bg.png) no-repeat 0 0;
}
.board {
position: absolute;
top: 48px;
left: 0;
width: 950px;
height: 173px;
}
.board .left {
float: left;
position: relative;
width: 711px;
padding-right: 5px;
}
.board .news {
float: left;
position: relative;
width: 234px;
height: 173px;
background:url(/static/images/main/bg_smnews.gif) no-repeat 0 0;
}
.board .news h3 {
position: absolute;
top: 0; 
left: 0;
z-index: 600;
}

.board .news dt {
padding-left: 1px;
padding-top: 1px;
}
.board .news dd {
width: 210px;
padding: 4px 12px;
height: 30px;
line-height: 140%;
}

.news_list {
position:relative;
overflow:hidden;
width: 234px;
height: 163px;
float:left;
}
.news_list .item {
width:20000em;
position:absolute;
clear:both;
}
.news_list .item div {
float:left;
width:234px;
}
.news_list .item div dd {
width:215px;
text-overflow:ellipsis;
overflow:hidden;
}
.board .notice {
position: relative;
float: right;
width: 472px;
height: 173px;
background:url(/static/images/main/bg_notice.gif) no-repeat 0 0;
}
.board .notice h3.notice01 {
position: absolute;
top: 0;
left: 0;
width: 132px;
}
.board .notice h3.notice02 {
position: absolute;
top: 0;
left: 128px;
width: 130px;
}
.board .notice h3.notice03 {
position: absolute;
top: 0;
left: 261px;
width: 130px;
}
.board .notice h3.notice04 {
position: absolute;
top: 0;
left: 365px;
width: 130px;
}
#conTabbb1, #conTabbb2, #conTabbb3, #conTabbb4 {
top: 44px;
padding-left: 20px;
width: 452px;
height: 129px;
position: relative;
clear: both;
line-height: 170%;
}
#conTabbb1 li, #conTabbb2 li, #conTabbb3 li, #conTabbb4 li {
position: relative;
padding-left: 7px;
background:url(/static/images/main/dot.gif) no-repeat 0 7px;
}
#conTabbb1 li p.title, #conTabbb2 li p.title, #conTabbb3 li p.title, #conTabbb4 li p.title {
width:430px;
text-overflow:ellipsis;
white-space: nowrap;
overflow:hidden;
}
#conTabbb1 li span, #conTabbb2 li span, #conTabbb3 li span, #conTabbb4 li span {
position: absolute;
right: 20px;
top: 0;
}
#conTabbb1 li.nothing, #conTabbb2 li.nothing, #conTabbb3 li.nothing, #conTabbb4 li.nothing {
font-weight: bold;
}
.board .weekly {
position: absolute;
text-indent: 5px;
top: 10px;
right: 0;
padding-top: 2px;
width: 208px;
font-size: 11px;
color: #737373;
}
.board .weekly a {
padding-top: 2px;
font-size: 11px;
color: #737373;
}
.board .notice01_paging {
width: 30px;
height: 16px;
position: absolute;
top: 100px;
right: 69px;
z-index: 700;
}
.board .notice02_paging {
width: 30px;
height: 16px;
position: absolute;
top: 100px;
right: 69px;
z-index: 700;
}
.board .notice03_paging {
width: 30px;
height: 16px;
position: absolute;
top: 100px;
right: 69px;
z-index: 700;
}
.board .notice04_paging {
width: 30px;
height: 16px;
position: absolute;
top: 100px;
right: 69px;
z-index: 700;
}
.board .notice01_pre {
width: 17px;
height: 16px;
position: absolute;
top: 100px;
right: 49px;
z-index: 700;
}
.board .notice01_next {
width: 17px;
height: 16px;
position: absolute;
top: 100px;
right: 32px;
z-index: 700;
}
.board .notice02_pre {
width: 17px;
height: 16px;
position: absolute;
top: 100px;
right: 49px;
z-index: 700;
}
.board .notice02_next {
width: 17px;
height: 16px;
position: absolute;
top: 100px;
right: 32px;
z-index: 700;
}
.board .notice03_pre {
width: 17px;
height: 16px;
position: absolute;
top: 100px;
right: 49px;
z-index: 700;
}
.board .notice03_next {
width: 17px;
height: 16px;
position: absolute;
top: 100px;
right: 32px;
z-index: 700;
}
.board .notice04_pre {
width: 17px;
height: 16px;
position: absolute;
top: 100px;
right: 49px;
z-index: 700;
}
.board .notice04_next {
width: 17px;
height: 16px;
position: absolute;
top: 100px;
right: 32px;
z-index: 700;
}
.board .more_view01 {
position: absolute;
top: 100px;
left: 446px;
}
.board .more_view02 {
position: absolute;
top: 100px;
left: 446px;
}
.board .more_view03 {
position: absolute;
top: 100px;
left: 446px;
}
.board .more_view04 {
position: absolute;
top: 100px;
left: 446px;
}
.board .event {
float: right;
width: 234px;
height: 173px;
background:url(/static/images/main/bg_event.gif) no-repeat 0 0;
}
.board .event h3 {
text-indent: 13px;
padding-top: 1px;
width: 42px;
}
.board .event ul {
padding-top: 5px;
padding-left: 20px;
width: 214px;
}
.board .event ul li {
line-height: 170%;
padding: 0 7px;
background:url(/static/images/main/dot01.gif) no-repeat 0 7px;
color: #fff;
text-overflow:ellipsis;
white-space: nowrap;
overflow:hidden;
}
.board .event ul li a {
color: #fff;
}
.board .event ul li.nothing {
font-weight: bold;
}
.board .event ul li.img {
padding: 0;
padding-bottom: 5px;
list-style: none !important;
}
.board .event ul li.img  img {
padding: 4px 7px 4px 7px;
border: 1px solid #dadde6;
background: #fff;
}
.board .bbs_pre {
width: 17px;
height: 16px;
position: absolute;
top: 9px;
right: 54px;
z-index: 700;
}
.board .bbs_next {
width: 17px;
height: 16px;
position: absolute;
top: 9px;
right: 37px;
z-index: 700;
}
.board .bbs_more {
width: 18px;
height: 16px;
position: absolute;
top: 9px;
right: 16px;
z-index: 700;
}
#user h3 {
position: absolute;
top: 0;
height: 34px;
}
#user .user01 {
left: 0;
}
#user .user02 {
left: 190px;
}
#user .user03 {
left: 380px;
}
#user .user04 {
left: 570px;
}
#user .user05 {
left: 760px;
}
#conTabb1, #conTabb2, #conTabb3, #conTabb4, #conTabb5 {
clear: both;
width: 950px;
padding-top: 227px;
}
#conTabb1 dl, #conTabb2 dl, #conTabb3 dl, #conTabb4 dl, #conTabb5 dl {
float: left;
width: 234px;
height: 163px;
padding-right: 5px;
}
#conTabb1 dl.user0101 {
background: url(/static/images/main/bg_user0101.png) no-repeat 0 0;
}
#conTabb1 dl.user0101 dd.fst {
padding-left: 18px;
}
#conTabb1 dl.user0102 {
width: 233px;
background: url(/static/images/main/bg_user0102.png) no-repeat 0 0;
}
#conTabb1 dl.user0103 {
background: url(/static/images/main/bg_user0103.png) no-repeat 0 0;
}
#conTabb1 dl.user0104 {
padding-right: 0;
background: url(/static/images/main/bg_user0104.png) no-repeat 0 0;
}
#conTabb2 dl.user0201 {
background: url(/static/images/main/bg_user0201.png) no-repeat 0 0;
}
#conTabb2 dl.user0202 {
width: 233px;
background: url(/static/images/main/bg_user0202.png) no-repeat 0 0;
}
#conTabb2 dl.user0203 {
background: url(/static/images/main/bg_user0203.png) no-repeat 0 0;
}
#conTabb2 dl.user0204 {
padding-right: 0;
background: url(/static/images/main/bg_user0204.png) no-repeat 0 0;
}
#conTabb3 dl.user0301 {
background: url(/static/images/main/bg_user0301.png) no-repeat 0 0;
}
#conTabb3 dl.user0302 {
width: 233px;
background: url(/static/images/main/bg_user0302.png) no-repeat 0 0;
}
#conTabb3 dl.user0304 {
padding-right: 0;
background: url(/static/images/main/bg_user0304.png) no-repeat 0 0;
}
#conTabb4 dl.user0401 {
background: url(/static/images/main/bg_user0401.png) no-repeat 0 0;
}
#conTabb4 dl.user0402 {
width: 233px;
background: url(/static/images/main/bg_user0402.png) no-repeat 0 0;
}
#conTabb4 dl.user0403 {
background: url(/static/images/main/bg_user0403.png) no-repeat 0 0;
}
#conTabb4 dl.user0404 {
padding-right: 0;
background: url(/static/images/main/bg_user0404.png) no-repeat 0 0;
}
#conTabb5 dl.user0501 {
background: url(/static/images/main/bg_user0501.png) no-repeat 0 0;
}
#conTabb5 dl.user0502 {
width: 233px;
background: url(/static/images/main/bg_user0502.png) no-repeat 0 0;
}
#conTabb5 dl.user0503 {
background: url(/static/images/main/bg_user0503.png) no-repeat 0 0;
}
#conTabb5 dl.user0504 {
padding-right: 0;
background: url(/static/images/main/bg_user0504.png) no-repeat 0 0;
}
#user dd {
float: left;
padding-bottom: 2px;
padding-top: 1px;
padding-right: 1px;
}
#user dd.fst {
padding-left: 15px;
}
#user dd.none {
padding-bottom: 0;
padding-right: 0;
padding-top: 0;
}
#user0303 {
padding-bottom: 1px;
height: 162px;
background: url(/static/images/main/bg_user0303.png) no-repeat 0 0;
}
#user0303 dd {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
position: relative;
float: left;
}
#user0303 dd.fst {
padding-left: 1px;
position: relative;
}
#user0303 dd p {
position: absolute;
bottom: 10px;
left: 8px;
}
#footer {
width: 100%;
height: 129px;
border-top: 1px solid #cfcfcf;
clear: both;
}
.foot_wrap {
position:relative;
width: 950px;
margin: 0 auto;
padding-top: 22px;
}
.foot_wrap dl {
display: inline-block;
}
.foot_wrap dd {
float: left;
padding-right: 17px;
background:url(/static/images/common/f_menu_bar.gif) no-repeat 100% 0;
}
.foot_wrap dd.lst {
padding-right: 0;
background: 0 none;
}
.foot_wrap address {
clear: both;
}
.foot_wrap .mark {
position:absolute;
top:16px;
left:790px; /* left:460px; */
}

#pop {
width: 950px;
margin: 0 auto;
text-align: left;
}
#pop_mc {
position: absolute;
z-index: 1500;
top: 122px;
border: 1px solid #ddd;
padding: 4px;
background: #fff;
margin:0 auto;
}
.pop_close {
position: relative;
padding-top: 14px;
padding-right: 0;
padding-bottom: 14px;
overflow: hidden;
}
.pop_close .pop {
position: absolute;
top: 12px;
right: 1px;
}
/* publisher yb 2012.03.05 */