#header {POSITION: relative; MARGIN: 0px auto 0px; WIDTH: 980px; HEIGHT: 70px; }
#header .logo {WIDTH: 187px; FLOAT: left; HEIGHT: 60px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 30px; }
#header .menu_box .menu > LI {TEXT-ALIGN: center; LINE-HEIGHT: 40px; WIDTH: 131px; FLOAT: left; HEIGHT: 40px; MARGIN-RIGHT: 20px;  MARGIN-TOP: 10px; }
#header .menu_box .menu > LI.last {MARGIN-RIGHT: 0px}
#header .menu_box .menu > LI > A {DISPLAY: block; HEIGHT: 100%; COLOR: #292728; FONT-SIZE: 16px; FONT-WEIGHT: 700; widht: 100%}
#header .menu_box .menu > LI > A:hover {COLOR: #0C4CA3}
#header .menu_box .menu LI .submenu {Z-INDEX: 999; POSITION: relative; HEIGHT: 0px; OVERFLOW: hidden; transition: height .2s; -webkit-transition: height .2s; -moz-transition: height .2s; -o-transition: height .2s}
#header .menu_box .menu LI .submenu > LI {BACKGROUND: #3f4143; opacity: 0.8}
#header .menu_box .menu LI .submenu > LI > A {LINE-HEIGHT: 40px; WIDTH: 100%; DISPLAY: block; HEIGHT: 40px; COLOR: #fff; FONT-SIZE: 13px; FONT-WEIGHT: 600}
#header .menu_box .menu LI .submenu > LI:hover {BACKGROUND: #2c2e30; opacity: 1}
#header .menu_box .menu LI.menu01:hover .submenu {HEIGHT: 210px}
#header .menu_box .menu LI.menu02:hover .submenu {HEIGHT: 130px}
#header .menu_box .menu LI.menu03:hover .submenu {HEIGHT: 90px}
#header .menu_box .menu LI.menu04:hover .submenu {HEIGHT: 130px}
#header .menu_box .menu LI.menu05:hover .submenu {HEIGHT: 90px}

.global_menu {WIDTH: 100%;  HEIGHT: 27px;}
.global_menu .global_box {MARGIN: 0px auto; WIDTH: 980px}
.global_box > UL {FLOAT: right}
.global_box > UL > LI {LINE-HEIGHT: 27px; FLOAT: left;  }
.global_box > UL > LI > A {PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px;  FONT-SIZE: 11px; BORDER-RIGHT:  1px solid; PADDING-TOP: 0px}
.global_box > UL > LI.three > A {PADDING-RIGHT: 5px; BORDER-RIGHT: 0px;}


.m_container {width:100%; background: url('/ko/img/m_bg.gif') repeat-x 0 0;}
.m_content {width:980px; height:572px; margin:0 auto;}
.m_fla {width:980px; height:398px;} 
.s_container {width:100%; background: url('/ko/img/m_bg.gif'); padding-bottom:30px;}
.sub_fla {margin:0 auto; width:980px; }


.m_bg1 {width:100%; height:27px; background: url('/ko/img/top_bg.gif') repeat-x 0 0;}
.m_bg2 {position:relative; width:980px; height:27px; margin:0 auto; background:url('/ko/img/gnb_bg.gif') repeat-x 0 0;}

.m_box {position:relative; background: url('/ko/img/main_box.gif') no-repeat 0 0; width:980px; height:141px;}
.m_box .m_business {position:absolute; margin:25px 0 0 25px;}
.m_box .m_product {position:absolute; margin:25px 0 0 479px;}
.m_box .m_callcenter {position:absolute; margin:25px 0 0 798px;}

.footer {position:relative; width:980px; margin:0 auto;}
.foot_logo {position:absolute; margin:15px 0 0 15px;}
.foot_address {position:absolute; margin:21px 0 10px 200px;}


#sub_content {WIDTH: 100%}
#sub_content .content_box {overflow:auto; width:978px; margin:0 auto; border:1px solid #E8E8E8; BACKGROUND: #FFFFFF;}
#sub_content .content_box .left {PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; WIDTH: 200px; PADDING-RIGHT: 18px; FLOAT: left; PADDING-TOP: 0px;}
#sub_content .content_box .left .titile {MARGIN-TOP: 20px; WIDTH: 200px; MARGIN-BOTTOM: 25px; COLOR: #292728}
#sub_content .content_box .left .titile > H2 {FONT-SIZE: 19px; FONT-WEIGHT: bold}
#sub_content .content_box .left .sub_customer {MARGIN-TOP: 30px; WIDTH: 200px; HEIGHT: 57px}
#sub_content .content_box .left > UL > LI {BORDER-BOTTOM: #dfdfdf 1px solid; WIDTH: 200px; HEIGHT: 40px}
#sub_content .content_box .left > UL > LI.aa {BORDER-BOTTOM: #dfdfdf 0px solid; WIDTH: 200px; HEIGHT: 30px}
#sub_content .content_box .left > UL > LI.bb {BORDER-BOTTOM: #dfdfdf 1px solid; WIDTH: 200px; HEIGHT: 40px}
#sub_content .content_box .left > UL > LI > A {LINE-HEIGHT: 40px; WIDTH: 150px; FLOAT: left; COLOR: #767576; FONT-SIZE: 14px; FONT-WEIGHT: 600}
#sub_content .content_box .left > UL > LI > A.aa {LINE-HEIGHT: 30px; WIDTH: 150px; FLOAT: left; COLOR: #767576; FONT-SIZE: 14px; FONT-WEIGHT: 600}
#sub_content .content_box .left > UL > LI > A.bb {LINE-HEIGHT: 30px; WIDTH: 150px; FLOAT: left; COLOR: #767576; FONT-SIZE: 12px; FONT-WEIGHT: 600}
#sub_content .content_box .left > UL > LI > SPAN {POSITION: relative; TEXT-INDENT: -999px; WIDTH: 7px; DISPLAY: block; BACKGROUND: url('/ko/img/menu_icon.png') no-repeat; FLOAT: right; HEIGHT: 11px; OVERFLOW: hidden; TOP: 15px; RIGHT: 10px}
#sub_content .content_box .left > UL > LI > SPAN.aa {POSITION: relative; TEXT-INDENT: -999px; WIDTH: 7px; DISPLAY: block; BACKGROUND: url('/ko/img/menu_icon.png') no-repeat; FLOAT: right; HEIGHT: 11px; OVERFLOW: hidden; TOP: 10px; RIGHT: 10px}
#sub_content .content_box .left > UL > LI:hover A {COLOR: #0C4CA3}
#sub_content .content_box .right {WIDTH: 696px; FLOAT: left; MARGIN-LEFT: 28px; PADDING-RIGHT: 18px;}
#sub_content .content_box .right .titile_box {WIDTH: 696px; DISPLAY: block; MARGIN-BOTTOM: 10px; HEIGHT: 40px; }
#sub_content .content_box .right .titile_box .titile {FLOAT: left}
#sub_content .content_box .right .titile_box .titile > H3 {MARGIN-TOP: 20px; FONT-SIZE: 20px; FONT-WEIGHT: bold}
#sub_content .content_box .right .titile_box .location {MARGIN-TOP: 30px; FLOAT: right; COLOR: #292728; FONT-SIZE: 12px}
#sub_content .content_box .right .text_box {MARGIN: 20px 0px; min-height:500px;}
#sub_content .content_box .right .text_box .text {MARGIN-TOP: 20px; CLEAR: both}
#sub_content .content_box .right .text_box .text > P {LINE-HEIGHT: 20px; COLOR: #838383; FONT-SIZE: 14px}

#sub_content .content_box .right .sitemap {	min-height:500px; MARGIN-TOP: 40px}
#sub_content .content_box .right .sitemap DIV {	OVERFLOW: hidden; WIDTH: 120px; FLOAT: left; MARGIN-RIGHT: 19px}
#sub_content .content_box .right .sitemap DT {	FONT-SIZE: 16px; HEIGHT: 40px; COLOR: #0C4CA3; PADDING-LEFT: 10px}
#sub_content .content_box .right .sitemap DT A {	FONT-SIZE: 15px; HEIGHT: 40px; FONT-WEIGHT: bold; COLOR: #0C4CA3}
#sub_content .content_box .right .sitemap DD {	BORDER-BOTTOM: #c1c1c1 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px}
#sub_content .content_box .right .sitemap DD A {	FONT-SIZE: 12px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px}
#sub_content .content_box .right .sitemap DD A:hover {	COLOR: #000000}

.tab {position:relative; padding-top:31px;}
.tab>li>a {
    display:block; 
    position:absolute; 
    top:0; 
    width:95px;
    height:30px;
    line-height:30px;
    text-align:center; 
    background:#eee; 
    color:#555; 
    border:0px solid #767676; 
    border-bottom:0;
}
.tab>li.on>a {background:#767676; color:#fff;}
.tab>li:first-child>a {left:0;}
.tab>li+li>a {left:100px;}
.tab>li+li+li>a {left:200px;}
.tab>li>div {height:0; overflow:hidden; position:absolute;}
.tab>li.on>div {height:auto; position:static; border:0px solid #767676; padding-top:10px;}