@charset "utf-8";

a.skip {position:absolute;top:0;left:-9999px;width:155px;background:#fff;border:2px solid #000;font-weight:bold;text-align:center;line-height:2.17;}
a.skip:focus {left:0;z-index:21;}
*:focus{outline:none;}



/*********************************************************
//메인 레이아웃
*********************************************************/

#header {width:100%;min-width:1100px;height:100px; background:url(/*'../img/top/t_bg01.gif'*/) repeat-x; background-position:top;border-bottom:1px solid #536a8d;border-top:3px solid #536a8d; background-color:#536a8d;}
#header .header-area {position:relative;width:1100px;height:100px;margin:0 auto;z-index:9990;}
#header .logo {position:absolute;top:-5px;left:0px;width:240px;height:100px;background:url('../img/top/logo01.gif') no-repeat; text-indent:-9999px;z-index:9991;}
#header .logo a {display:block;width:100%;height:100%;font-size:0;}

#header .gnb {position:absolute;top:53px;left:250px;z-index:2222; border:solid 0px #003333;}
#header .gnb>li {float:left;margin:0 35px; width:100px;} /* 메인메뉴 */
#header .gnb>li>a {display:block;font-size:18px;font-weight:bold;color:#4c5155;text-align:center;}
#header .gnb>li>a:hover,#header .gnb>li.on>a {color:#0062c3;text-decoration:none;}


#header .top_menu {position:absolute;top:53px;left:270px;z-index:6633;}
#header .top_menu>li {float:left;margin:0 15px; width:140px; border:solid 0px #003333;} /* 메인메뉴 */
#header .top_menu>li>a {display:block;font-size:18px;font-weight:bold;color:#FFF;text-align:center;}
#header .top_menu>li>a:hover,#header .top_menu>li.on>a {color:#c7ddff;text-decoration:none;}

#header .pop_menu>a{position:absolute;width:191px;height:27px; background:url('../../dm/2020/2004_datavoucher/btn_data.png') no-repeat; text-indent:-9999px;z-index:6633; cursor:pointer;}
#header .pop_menu>a:hover{position:absolute;width:191px;height:27px; background:url('../../dm/2020/2004_datavoucher/btn_data_on.png') no-repeat; text-indent:-9999px;z-index:6633; cursor:pointer;}



/*********************************************************
//메인 버튼 시작
*********************************************************/

.navi_bg{background:#172c49;}
.nav {height:150px; list-style: none; width:1100px; margin:auto; background: #FFF; font-size: 12px;	color:#fff; z-index:8881;}

.topnav {text-align:center;width:100px;height:15px;cursor:pointer;font-weight:bold; background-color:#FFF;}
.topnav01 {background-image:url('../img/main/mbtn_data.png'); width:275px; height:150px; cursor:pointer;}
.topnav01:hover {background-image:url('../img/main/mbtn_data_on.png'); width:275px; height:150px; cursor:pointer;}
.topnav02 {background-image:url('../img/main/mbtn_app.png'); width:275px; height:150px; cursor:pointer;}
.topnav02:hover {background-image:url('../img/main/mbtn_app_on.png'); width:275px; height:150px; cursor:pointer;}
.topnav03 {background-image:url('../img/main/mbtn_com01.png'); width:275px; height:150px; cursor:pointer;}
.topnav03:hover {background-image:url('../img/main/mbtn_com_on01.png'); width:275px; height:150px; cursor:pointer;}
.topnav04 {background-image:url('../img/main/mbtn_digit.png'); width:275px; height:150px; cursor:pointer;}
.topnav04:hover {background-image:url('../img/main/mbtn_digit_on.png'); width:275px; height:150px; cursor:pointer;}

.topnav:hover{color:#d3d3d3;}
.navi_set{float: left; padding:0px; position: relative; z-index:8882;}

/*.subnav {position: absolute; left: 0; top: 150px; background: #333; display: none;}
.subnav li{width:367px; text-align:center; border-bottom:0px solid #222; border-top:0px solid #444; cursor:pointer;}
.subnav li:hover{background:#555;}*/


.subnav01 {position: absolute;left: 0; top: 150px;background: #17a5b6;display: none; z-index:8883;}
.subnav01 li{width:327px; height:36px; text-align:left; font-size:14px; line-height:220%; padding-left:40px; border-bottom:0px solid #222;border-top:0px solid #444;cursor:pointer;}
.subnav01 li:hover{background:#0a8fa2;}


.subnav02 {position: absolute;left: 0; top: 150px;background: #266aca;display: none; z-index:8884;}
.subnav02 li{width:327px; height:36px; text-align:left; font-size:14px; line-height:220%; padding-left:40px; border-bottom:0px solid #222;border-top:0px solid #444;cursor:pointer;}
.subnav02 li:hover{background:#154fbb;}


.subnav03 {position: absolute;left: 0; top: 150px;background: #f39e30;display: none; z-index:8885;}
.subnav03 li{width:326px; height:36px; text-align:left; font-size:14px; line-height:220%; padding-left:40px; border-bottom:0px solid #222;border-top:0px solid #444;cursor:pointer;}
.subnav03 li:hover{background:#ef871c;}



/*********************************************************
// 메인 버튼 끝
*********************************************************/




.depth01 {background:url('../img/top/root_dot2.gif') no-repeat 0 8px;padding:0 0 0 10px;}
.depth02 {padding:0 0 0 10px;}

#header .top-navi {position:absolute;top:0px;right:250px;width:190px;font-family:'NanumGothicBold';font-size:11px;color:#FFF; padding:3px 0px; border:0px solid #ff0000;}
#header .top-navi li {float:left;margin-left:15px;}
#header .top-navi li a {font-size:11px;color:#FFF;}
#header .top-navi>li>a:hover,#header .top-navi>li.on>a {color:#FFF;text-decoration:underline;}


#header .con_us a{position:absolute;top:2px;right:0px;width:66px;height:19px;background:url('../img/top/btn_contact.png') no-repeat; text-indent:-9999px; border:0px solid #ff0000;}
#header .con_us a:hover{position:absolute;width:66px;height:19px;background:url('../img/top/btn_contact_on.png') no-repeat; text-indent:-9999px;z-index:9993;}






#header .top-navi_gb {position:absolute;top:0px;right:50px;font-family:'NanumGothicBold';font-size:11px;color:#FFF; padding:2px 8px 2px 30px; border-right:0px solid #e1e1e1; border-bottom:0px solid #e1e1e1; border-left:0px solid #e1e1e1;background:url('../img/top/ico_global.png') no-repeat 8px 3px;z-index:9994;}
#header .top-navi_gb li {float:left;}
#header .top-navi_gb li span {font-size:8px;color:#bebebe; margin-bottom:1px; margin-left:8px;margin-right:8px;}
#header .top-navi_gb li a {font-size:11px;color:#FFF;}
#header .top-navi_gb>li>a:hover,#header .top-navi_gb>li.on>a {color:#c7ddff;text-decoration:none;}
#header .top-navi_gb .on a {font-weight:bold; color:#00d8ff;}
#header .top-navi_gb .on a:hover {font-weight:bold; color:#c7ddff;text-decoration:none;}
/*
#header .top-navi_gb .jpn a {font-weight:bold; color:#0e64c5;}
#header .top-navi_gb .jpn a:hover {font-weight:bold; color:#0e64c5;}
#header .top-navi_gb .chn a {font-weight:bold; color:#c90005;}
#header .top-navi_gb .chn a:hover {font-weight:bold; color:#c90005;}*/







/*********************************************************
//전체메뉴보기 박스
*********************************************************/

/* Header */
.header {
    border-bottom: 0px solid #dcdcdc;
    background-color: #fff;
	z-index:9999;
}
.header img {
    border:0;
}
.header * {
    box-sizing: border-box;
}
.header .inner {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.header .inner:before,
.header .inner:after {
    content: "";
    display: table;
}
.header .inner:after {
    clear: both;
}
.header h1 {
    float: left;
    padding: 21px 0 22px;
}
.header .gnb {
	width : 803px;
    overflow: hidden;
    float: left;
    position: static;
    clear: none;
    padding: 30px 30px 30px 40px;
}
.header .gnb > li {
    float: left;
}
.header .gnb > li + li {
    margin-left: 30px;
}
.header .gnb > li > a {
    display: block;
    font-weight: bold;
    color: #101010;
    font-size: 16px;
}
.header .gnb > li.info-open > a {
    color: #094fa3;
}
.header .gnb > li.management > a {
    color: #094fa3;
}
.header .gnb > li.active > a {
    position: relative;
    color: #00aeef;
    text-decoration: none;
}
.header .gnb > li > a:hover:after,
.header .gnb > li > a:focus:after,
.header .gnb > li.active > a:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    height: 3px;
}
.header .gnb > li > .gnb-detail {
	display: none;
    opacity: 0;
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    /*z-index: 100;*/
    border: 1px solid #dcdcdc;
    background-color: #fff;
}
.header .gnb > li > .gnb-detail:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;
    height: 4px;
    background: url(../images/common/gnb-shadow.png) repeat;
}
.header .gnb > li > .gnb-detail .inner {
    display: table;
    width: 100%;
}
.header .gnb > li > .gnb-detail .title {
    display: table-cell;
	float: none;
    width: 160px;
    padding: 30px 15px;
    vertical-align: top;
}
.header .gnb > li.info-open > .gnb-detail .title {
    background: url(../images/common/main-title-bg1.png) no-repeat center 100%;
}
.header .gnb > li.management > .gnb-detail .title {
    background: url(../images/common/main-title-bg2.png) no-repeat center 100%;
}
.header .gnb > li.about > .gnb-detail .title {
    background: url(../images/common/main-title-bg3.png) no-repeat center 100%;
}
.header .gnb > li.business > .gnb-detail .title {
    background: url(../images/common/main-title-bg4.png) no-repeat center 100%;
}
.header .gnb > li.management-info > .gnb-detail .title {
    background: url(../images/common/main-title-bg5.png) no-repeat center 100%;
}
.header .gnb > li.gas-info > .gnb-detail .title {
    background: url(../images/common/main-title-bg6.png) no-repeat center 100%;
}
.header .gnb > li.promote > .gnb-detail .title {
    background: url(../images/common/main-title-bg7.png) no-repeat center 100%;
}
.header .gnb > li > .gnb-detail .title em {
    display: block;
    position: relative;
    padding-top: 30px;
    color: #00aeef;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
}
.header .gnb > li > .gnb-detail .title em:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 4px;
    background-color: #0061aa;
}
.header .gnb > li > .gnb-detail .value {
    display: table-cell;
    vertical-align: top;
}
.header .gnb > li > .gnb-detail .value > ul {
    overflow: hidden;
}
.header .gnb > li > .gnb-detail .value > ul > li {
    float: left;
    width: 20%;
    padding: 30px 10px 35px;
    border-left: 1px solid #f0f0f3;
}
.header .gnb > li > .gnb-detail .value > ul > li:first-child + li + li + li + li ~ li > .menu-list {
    position: relative;
}
.header .gnb > li > .gnb-detail .value > ul > li:first-child + li + li + li + li ~ li > .menu-list:before {
    content: " ";
    display: block;
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    border-top: 1px solid #f0f0f3;
}
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list > a {
	letter-spacing : -1px;
    color: #36424d;
    font-weight: bold;
    font-size: 14px;
}
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list:hover > a,
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list > a:hover {
    color: #005a9e;
    text-decoration: none;
}
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list > ul {
    margin-top: 15px;
}
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list > ul > li {
    padding-left: 9px;
    text-indent: -9px;
}
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list > ul > li + li {
    margin-top: 10px;
}
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list > ul > li > a:before {
    content: "·";
    margin-right: 5px;
    font-weight: bold;
}
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list > ul > li > a {
    letter-spacing : -1px;
	color: #777;
    font-size: 13px;
}
.header .gnb > li > .gnb-detail .value > ul > li > .menu-list > ul > li > a:hover {
    color: #00aeef;
    text-decoration: none;
}
.header .gnb > li.info-open > .gnb-detail .value > ul > li {
    height: 221px;
}
.header .gnb > li.info-open > .gnb-detail .value > ul > li:first-child + li + li + li + li ~ li {
    height: 129px;
}
.header .gnb > li.management > .gnb-detail .value > ul > li {
    height: 461px;
}
.header .gnb > li.management > .gnb-detail .value > ul > li:first-child + li + li + li + li ~ li {
    height: 241px;
}
.header .gnb > li.about > .gnb-detail .value > ul > li {
    height: 261px;
}
.header .gnb > li.business > .gnb-detail .value > ul > li {
    height: 291px;
}
.header .gnb > li.management-info > .gnb-detail .value > ul > li {
    height: 301px;
}
.header .gnb > li.gas-info > .gnb-detail .value > ul > li {
    height: 216px;
}
.header .gnb > li.gas-info > .gnb-detail .value > ul > li:first-child + li + li + li + li ~ li {
    height: 81px;
}
.header .gnb > li.promote > .gnb-detail .value > ul > li {
    height: 261px;
}
.header .gnb > li.promote > .gnb-detail .value > ul > li:first-child + li + li + li + li ~ li {
    height: 161px;
}








.header .nav-all {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 45px;/* 전체메뉴보기 버튼 위치 */
	z-index:9995;
}
.header .nav-all-mask {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9997;
    background: url('../img/top/popup-mask.png') repeat;
}
.popup-open {
    overflow: hidden;
    padding-right: 0px;
}
.popup-open .header .nav-all-mask {
    padding-right: 0px;
}
.header .nav-all-popup {
    position: relative;
    width: 1100px;
    margin: 104px auto;/*위쪽 여백, 가운데정렬*/
    border-top: 0px solid #f0f0f3;
    background-color: #fff;
    text-align: left;
}
.header .nav-all-popup .popup-inner {
    overflow-x: hidden;
    overflow-y: auto;
}
.header .nav-all-popup .popup-inner > ul {
    overflow: hidden;
    padding: 20px 20px;
}
.header .nav-all-popup .popup-inner > ul > li {/*각각 제품군 박스*/
    float: left;
    height: 530px;
    padding: 0 5px;
	border: 0px solid #fF0000;
}
.header .nav-all-popup .popup-inner > ul > li.all-management {
	overflow: hidden;
	width: 230px;
}
.header .nav-all-popup .popup-inner > ul > li.all-management > ul {
	float: left;
	width: 198px;
}
.header .nav-all-popup .popup-inner > ul > li.all-management > ul + ul {
	margin-left: 30px;
}
.header .nav-all-popup .popup-inner > ul > li:first-child + li + li  ~ li {
    height: auto;
    margin-top: 0px;
}
.header .nav-all-popup .popup-inner > ul > li > em {
    display: block;
    padding-bottom: 8px;
    border-bottom: 1px solid #36424d;
    color: #36424d;
    font-weight: bold;
    font-size: 16px;
	height:30px;
}

.tit01{
	background:url('../img/top/ico_allmenu_01.png') no-repeat;	
	padding-left:32px;
}
.tit02{
	background:url('../img/top/ico_allmenu_02.png') no-repeat;
	padding-left:32px;
}
.tit03{
	background:url('../img/top/ico_allmenu_03.png') no-repeat;
	padding-left:40px;
}
.tit04{
	background:url('../img/top/ico_allmenu_04.png') no-repeat;
	padding-left:32px;
}
.tit05{
	background:url('../img/top/ico_allmenu_05.png') no-repeat;
	padding-left:32px;
}
.tit06{
	background:url('../img/top/ico_allmenu_06.png') no-repeat;
	padding-left:30px;
}
.tit07{
	background:url('../img/top/ico_allmenu_07.png') no-repeat;
	padding-left:38px;
}
.tit08{
	background:url('../img/top/ico_allmenu_08.png') no-repeat;
	padding-left:38px;
}




.header .nav-all-popup .popup-inner > ul > li > ul {
    margin-top: 7px;
}
.header .nav-all-popup .popup-inner > ul > li a:hover {
    text-decoration: underline;
}
.header .nav-all-popup .popup-inner > ul > li > ul > li + li {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #ddd;
}
.header .nav-all-popup .popup-inner > ul > li > ul > li > a {
    color: #295eae;
    font-weight: bold;
    font-size: 14px;
}
.header .nav-all-popup .popup-inner > ul > li > ul > li > a:before {    
    margin-right: 8px;
    font-weight: bold;
}
.header .nav-all-popup .popup-inner > ul > li > ul > li > ul {
    margin-top: 0px;
    padding-left: 7px;
}
.header .nav-all-popup .popup-inner > ul > li > ul > li > ul > li {
	padding-left: 7px;
	text-indent: -7px;
}
.header .nav-all-popup .popup-inner > ul > li > ul > li > ul > li + li {
    margin-top: 5px;
}
.header .nav-all-popup .popup-inner > ul > li > ul > li > ul > li > a {
    color: #666c82;
    font-size: 13px;
	line-height: 17px;
}
.header .nav-all-popup .popup-inner > ul > li > ul > li > ul > li > a:before {
    margin-right: 4px;
    font-weight: bold;
}
.header .nav-all-popup .nav-all-close {
    position: absolute;
    top: -1px;
    right: -32px;
}



/* 전체메뉴보기 버튼 */
/*.header .menu_all_bt {position:absolute;top:46px;left:850px;z-index:5;margin: 0 auto; text-align: center;}
.header .menu_all_bt>li {float:right; width:100px; padding-top:5px;}  전체메뉴보기 버튼 
.header .menu_all_bt>li>a {display:block;font-size:12px;font-weight:bold;color:#1e4887;text-align:center;}
.header .menu_all_bt li span {margin-right:5px;float:left;width:19px;height:19px;background:url('../img/main/footer-list02.gif') no-repeat;}
.header .menu_all_bt li span.span01 {background-position:-19px 0}


.header .menu_all{display:block;position:absolute;top:0px;width: 1000px; height: 458px;margin: auto 0; background-color:#0080b0;}
.header .menu_all .line01{float:left;height: 290px;margin: auto 0;}
.header .menu_all ul {float:left;border:0px solid #e7e7e7;}
.header .menu_all ul li {color:#999;font-size:12px;color:#FFF;padding:0 0 0 50px;}/* 전체메뉴보기 제품이름 
.header .menu_all ul li>span{padding:0 0 3px 10px;}
.header .menu_all ul li a{background:url('../img/top/root_dot2.gif') no-repeat 0px 10px;height:22px;font-size:16px; font-weight:bold; color:#FFF;padding:0 0 0 10px;}/* 전체메뉴보기 제품링크 
.header .menu_all ul li a:hover {color:#fffd5a;text-decoration:underline;}

.header .menu_all h3 {height:30px;padding:10px 20px 10px 20px;background-color:#0e2e73; margin-bottom:10px;}
.header .menu_all h3>a{height:30px;font-size:18px; font-weight:bold; color:#FFF;}
.header .menu_all h3>span {float:left;width:40px;height:30px;background:url('../img/top/ico_allmenu.png') no-repeat;}
.header .menu_all ul .amenu01{width:230px;border:0px solid #e7e7e7;}
.header .menu_all ul .amenu02{width:200px;border:0px solid #e7e7e7;}
.header .menu_all ul .amenu03{width:210px;border:0px solid #e7e7e7;}
.header .menu_all ul .amenu04{width:200px;border:0px solid #e7e7e7;}
.header .menu_all ul .amenu05{width:230px;border:0px solid #e7e7e7;}
.header .menu_all ul .amenu06{width:330px;border:0px solid #e7e7e7;}
.header .menu_all ul .amenu07{width:320px;border:0px solid #e7e7e7;}
.header .menu_all ul .ico_ag {background-position:0 0;}
.header .menu_all ul .ico_dg {background-position:-58px 0;}
.header .menu_all ul .ico_cp {background-position:-112px 0;}
.header .menu_all ul .ico_brg {background-position:-170px 0;}
.header .menu_all ul .ico_ppr {background-position:-230px 0;}
.header .menu_all ul .ico_web {background-position:-290px 0;}
.header .menu_all ul .ico_com {background-position:-345px 0;}*/




/* 메인이미지 
.main-visual {position:relative;width:1100px;height:301px;margin:0 auto 0px;border-top:0px solid #aeaeae;}
.main-visual a { display:block;z-index:9980; }
.main-visual .btn-play-stop {position:absolute;top:30px;left:50%;margin-left:-485px;width:16px;height:16px;z-index:9981;}
.main-visual .btn-play-stop a {width:16px;height:16px;background:url('') no-repeat;text-indent:-9999px;}
.main-visual .btn-play-stop a.btn-stop {background-position:0 0;}
.main-visual .btn-play-stop a.btn-play {display:none;background-position:-16px 0;}
.main-visual .btn-move {position:absolute;top:34px;left:50%;margin-left:-455px;width:52px;height:10px;z-index:9982;}
.main-visual .btn-move a {float:left;width:10px;height:10px;background:url('') no-repeat -32px -4px;text-indent:-9999px;margin-right:6px;}
.main-visual .btn-move a.on {background-position:-42px -4px;}
.main-visual .main-move {position:relative;width:1100px;min-width:1100px;height:301px;margin:0 auto;}
.main-visual .main-move .visual {width:100%;height:301px;position:absolute;top:0;left:0;text-indent:-9999px;}
.main-visual .main-move .visual01 {background:url('../img/main/main_visual01.jpg') no-repeat center 0;}
.main-visual .main-move .visual02 {background:url('../img/main/main_visual02.jpg') no-repeat center 0;}
.main-visual .main-move .visual03 {background:url('../img/main/main_visual03.jpg') no-repeat center 0;}*/


.main-visual {position:relative;width:100%;height:301px;margin:0 auto 0px;border-top:0px solid #aeaeae;background:url('../img/main/main_bg.gif') repeat-x top;border:0px solid #ff0000;z-index:6666;}
.main-visual a { display:block;z-index:6600; }
.main-visual .btn-play-stop {position:absolute;top:10px;left:50%;margin-left:-485px;width:16px;height:16px;z-index:6600;}
.main-visual .btn-play-stop a {width:16px;height:16px;background:url('../img/main/btn_move.png') no-repeat;text-indent:-9999px;}
.main-visual .btn-play-stop a.btn-stop {background-position:0 0;}
.main-visual .btn-play-stop a.btn-play {display:none;background-position:-16px 0;}
.main-visual .btn-move {position:absolute;top:14px;left:50%;margin-left:-455px;width:100px;height:10px;z-index:6600;}
.main-visual .btn-move a {float:left;width:10px;height:10px;background:url('../img/main/btn_move.png') no-repeat -32px -4px;text-indent:-9999px;margin-right:6px;}
.main-visual .btn-move a.on {background-position:-42px -4px;}
.main-visual .main-move {position:relative;width:1100px;min-width:1100px;height:301px;margin:0 auto;}
.main-visual .main-move .visual {width:100%;height:301px;position:absolute;top:0;left:0;text-indent:-9999px;}
.main-visual .main-move .visual01 {background:url('../img/main/main_visual13.png') no-repeat center 0;}
.main-visual .main-move .visual02 {background:url('../img/main/main_visual14.png') no-repeat center 0;}
.main-visual .main-move .visual03 {background:url('../img/main/main_visual17.png') no-repeat center 0;}
.main-visual .main-move .visual04 {background:url('../img/main/main_visual03.jpg') no-repeat center 0;}
.main-visual .main-move .visual05 {background:url('../img/main/main_visual19.png') no-repeat center 0;}

.main-visual .main-move .visual06 {background:url('../img/main/main_visual06.jpg') no-repeat center 0;}
.main-visual .main-move .visual07 {background:url('../img/main/main_visual07.jpg') no-repeat center 0;}
.main-visual .main-move .visual08 {background:url('../img/main/main_visual08.jpg') no-repeat center 0;}
.main-visual .main-move .visual09 {background:url('../img/main/main_visual09.jpg') no-repeat center 0;}
.main-visual .main-move .visual10 {background:url('../img/main/main_visual10.jpg') no-repeat center 0;}





/*.main-visual {position:relative;width:100%;height:340px;margin:0 auto 0px;border-top:1px solid #aeaeae;background:url('../img/main/main_bg.gif') repeat-x top;}
.main-visual a { display:block;z-index:2; }
.main-visual .btn-play-stop {position:absolute;top:30px;left:50%;margin-left:-485px;width:16px;height:16px;z-index:2;}
.main-visual .btn-play-stop a {width:16px;height:16px;background:url('../img/main/btn_move.png') no-repeat;text-indent:-9999px;}
.main-visual .btn-play-stop a.btn-stop {background-position:0 0;}
.main-visual .btn-play-stop a.btn-play {display:none;background-position:-16px 0;}
.main-visual .btn-move {position:absolute;top:34px;left:50%;margin-left:-455px;width:52px;height:10px;z-index:2;}
.main-visual .btn-move a {float:left;width:10px;height:10px;background:url('../img/main/btn_move.png') no-repeat -32px -4px;text-indent:-9999px;margin-right:6px;}
.main-visual .btn-move a.on {background-position:-42px -4px;}
.main-visual .main-move {position:relative;width:1100px;min-width:1100px;height:340px;margin:0 auto;}
.main-visual .main-move .visual {width:100%;height:340px;position:absolute;top:0;left:0;text-indent:-9999px;}
.main-visual .main-move .visual01 {background:url('../img/main/main_visual01.jpg') no-repeat center 0;}
.main-visual .main-move .visual02 {background:url('../img/main/main_visual02.jpg') no-repeat center 0;}
.main-visual .main-move .visual03 {background:url('../img/main/main_visual03.jpg') no-repeat center 0;}*/







/* 메인 제품군 버튼 이미지 */
#mainproduct {position:relative;width:1100px;min-width:1100px;height:150px;margin:0 auto; margin-bottom:0px;border:0px solid #ffff00;}
#mainproduct .main-btn {position:absolute;top:0px;left:0px;margin-left:0px;width:1100px;height:150px;background:url('../img/main/bg_banner03.jpg') no-repeat 0 0;z-index:2;border:0px solid #0000ff;}
#mainproduct .main-btn ul { width:1100px; height:150px; display:block; }
#mainproduct .main-btn ul li {float:left;z-index:2;width:366px;height:150px;}
#mainproduct .main-btn ul li a {display:block;width:366px;height:150px;text-indent:-9999px;z-index:2;border:0px solid #00ff00;}
#mainproduct .main-btn ul li.banner01 a:hover, .main-banner ul li.banner01 a:focus { background:url('../img/main/bg_banner03.jpg') no-repeat 0px -150px; }
#mainproduct .main-btn ul li.banner02 a:hover, .main-banner ul li.banner02 a:focus { background:url('../img/main/bg_banner03.jpg') no-repeat -366px -150px; }
#mainproduct .main-btn ul li.banner03 a:hover, .main-banner ul li.banner03 a:focus { background:url('../img/main/bg_banner03.jpg') no-repeat -732px -150px; }




#mainContainer {position:relative;width:1100px;min-width:1100px;height:430px;margin:0 auto;border-bottom:0px solid #FFF; z-index:8889;}
#mainContainer .main-cont {float:left;margin-right:0px; margin-top:0px; margin-left:0px; z-index:2; border-collapse:collapse;}
#mainContainer .main-cont-last {margin-right:0;}
#mainContainer .main-cont h2 {display:block;font-size:18px;color:#333;text-align:center; margin-bottom:10px;}
#mainContainer .main-cont h2.h2_01 {width:547px;height:160px; !important; border:1px solid #ff0000;}
#mainContainer .main-cont h2.h2_03 {width:549px;height:160px; border-bottom:1px solid #aeaeae; !important;}

#mainContainer .main-cont .con01 {width:547px;height:178px; border-right:1px solid #e0e0e0; border-top:0px solid #e0e0e0; border-left:1px solid #e0e0e0; border-bottom:2px solid #cce7f8; text-align:center; vertical-align:middle; background:url('') no-repeat 0px 0px; background-color:#cce7f8; border-collapse:collapse;}
#mainContainer .main-cont .con01 a{display:block;width:100%;height:100%;font-size:0;}

#mainContainer .main-cont .con02 {width:524px;height:175px; border:0px solid #00ff00; padding-left:27px; padding-top:5px; background-color:#FFF;}
#mainContainer .main-cont .con02 h2 {width:300px;height:22px; border:0px solid #00ff00; text-align:left; !important;}
#mainContainer .main-cont .con02 span a{position: absolute; top: 7px; right: 10px; width:16px; height:16px; background:url('../img/main/bt_more.png') no-repeat;}




.popup {position:absolute;top:555px; left:50%; padding-left:550px; z-index:3377; width:220px;}

.popup02 {position:absolute;top:405px; left:50%; padding-left:550px; z-index:6677; width:220px;}

.popup03 {position:absolute;top:104px; left:50%; padding-left:550px; z-index:9999; width:220px;}


#mainContainer .main-cont .con03 {width:271px;height:120px; border-right:5px solid #FFF; border-top:5px solid #FFF; background:url('../img/main/mbann_cm01.png') no-repeat 18px 24px;text-indent:-9999px; background-color:#dde7f4;}
#mainContainer .main-cont .con03 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con03 a:hover { background:url('../img/main/mbann_cm01.png') no-repeat 18px 24px; background-color:#c7daf3;}

#mainContainer .main-cont .con04 {width:271px;height:120px; border-right:5px solid #FFF; border-top:5px solid #FFF; background:url('../img/main/mbann_cp.png') no-repeat 27px 22px; background-color:#536a8d; text-indent:-9999px;}
#mainContainer .main-cont .con04 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con04 a:hover { background:url('../img/main/mbann_cp.png') no-repeat 27px 22px; background-color:#6e8ab4;}

#mainContainer .main-cont .con05 {width:270px;height:120px; border-top:5px solid #FFF; border-right:5px solid #FFF; border-bottom:0px solid #e0e0e0; background:url('../img/main/mbann_aml.png') no-repeat 35px 27px; background-color:#e3d5c3; text-indent:-9999px;}
#mainContainer .main-cont .con05 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con05 a:hover { background:url('../img/main/mbann_aml.png') no-repeat 35px 27px; background-color:#e5cfb3;}

#mainContainer .main-cont .con06 {width:273px;height:120px; border-top:5px solid #FFF; border-bottom:0px solid #e0e0e0; background:url('../img/main/mbann_fatca.png') no-repeat 20px 36px; background-color:#536a8d; text-indent:-9999px;}
#mainContainer .main-cont .con06 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con06 a:hover { background:url('../img/main/mbann_fatca.png') no-repeat 20px 36px; background-color:#6e8ab4;}





#mainContainer .main-cont .con07 {width:271px; height:120px; border-top:5px solid #FFF; border-right:5px solid #FFF; background:url('../img/main/mbann_sp.png') no-repeat 27px 25px;text-indent:-9999px; background-color:#536a8d;}
#mainContainer .main-cont .con07 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con07 a:hover { background:url('../img/main/mbann_sp.png') no-repeat 27px 25px; background-color:#6e8ab4;}

#mainContainer .main-cont .con08 {width:271px; height:120px; border-top:5px solid #FFF; border-right:5px solid #FFF; background:url('../img/main/mbann_cf01.png') no-repeat 17px 25px; background-color:#dde7f4; text-indent:-9999px;}
#mainContainer .main-cont .con08 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con08 a:hover { background:url('../img/main/mbann_cf01.png') no-repeat 17px 25px; background-color:#c7daf3;}

#mainContainer .main-cont .con09 {width:270px;height:120px; border-top:5px solid #FFF; border-right:5px solid #FFF; background:url('../img/main/mbann_bm.png') no-repeat 33px 32px; background-color:#536a8d; text-indent:-9999px;}
#mainContainer .main-cont .con09 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con09 a:hover { background:url('../img/main/mbann_bm.png') no-repeat 33px 32px; background-color:#6e8ab4;}

#mainContainer .main-cont .con10 {width:273px;height:120px; border-top:5px solid #FFF; background:url('../img/main/mbann_watch.png') no-repeat 21px 35px; background-color:#e3d5c3; text-indent:-9999px;}
#mainContainer .main-cont .con10 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con10 a:hover { background:url('../img/main/mbann_watch.png') no-repeat 21px 35px; background-color:#e5cfb3;}


#mainContainer .main-cont .con11 {width:271px; height:120px; border-top:5px solid #FFF; border-right:5px solid #FFF; background:url('../img/main/bann_changeflow01.gif') no-repeat 0px 0px;text-indent:-9999px; background-color:#536a8d;}
#mainContainer .main-cont .con11 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con11 a:hover { background:url('../img/main/bann_changeflow01.gif') no-repeat 0px 0px; background-color:#6e8ab4;}


#mainContainer .main-cont .con12 {width:271px;height:120px; border-right:5px solid #FFF; border-top:5px solid #FFF; background:url('../img/main/mbann_cp01.png') no-repeat 25px 22px; background-color:#dde7f4; text-indent:-9999px;}
#mainContainer .main-cont .con12 a{display:block;width:100%;height:100%;font-size:0;}
#mainContainer .main-cont .con12 a:hover { background:url('../img/main/mbann_cp01.png') no-repeat 25px 22px; background-color:#c7daf3;}











/*********************************************************
//고객사 슬라이드 이미지
*********************************************************/

/*슬라이드 몸통 */

#customers {position:relative;width:100%;min-width:1100px;height:76px; top:0px; background-color:#f0f0f1; border-top:0px solid #aeaeae;}

#customers .slide{text-align:center; position:relative; width: 1100px; margin: 0 auto; display: block;height:76px; border:0px solid #ff0000;}

#customers .slide_ul{display: block;}
#customers .slide_ul>li{position:absolute; top:0; left:0; list-style:none;z-index:1; display: block;}
#customers .slide_ul>li img{}
li{list-style: none;}

#customers .show{display:block;}


/* 하단 동그라미 버튼 CSS*/
#customers .slide_btn>li{float: left; margin:0 5px 5px 0;}
#customers .slide_btn>li>a{display:block; width: 0px; height:0px; background: url('../img/main/cus_wooribank') -24px -125px; text-indent: -999em; }
#customers .slide_btn>li>a.active{background-position: 0 -126px;}

#customers .slide_btn{z-index:1; position:absolute; right: 0; bottom:0; }

#customers .slide_btn:after{content:''; display:block; clear:both;}
#customers .slide_btn{*zoom:1;}















#mainContainer .main-cont .notice_img {margin-top:5px;width:212px;height:106px;}

#mainContainer .main-cont .list-type01 {font-size:12px; letter-spacing:0px;}
#mainContainer .main-cont .list-type01 li {margin-top:5px; height:23px;}
#mainContainer .main-cont .list-type01 li a {width:440px;color:#333; background:url('') no-repeat 0 7px; padding-left:0px;}
#mainContainer .main-cont .list-type01 li a:hover, #mainContainer .main-cont .list-type01 li a:focus {color:#767676;text-decoration:underline;}
#mainContainer .main-cont .list-type01 li img {margin-top:5px;}

#mainContainer .main-cont .list-type01 li span {width:70px; font-size:12px; text-align:right; vertical-align:top;}

#mainContainer .main-cont .list-type02 {font-size:12px;}
#mainContainer .main-cont .list-type02 li {width:100%;height:72px;}
#mainContainer .main-cont .list-type02 li img {float:left;margin-right:10px;width:80px;height:60px;}
#mainContainer .main-cont .list-type02 li a {width:180px;color:#333;line-height:20px;}
#mainContainer .main-cont .list-type02 li a:hover, #mainContainer .main-cont .list-type02 li a:focus {color:#767676;text-decoration:underline;}
#mainContainer .main-cont .list-type02 li span {width:180px;line-height:20px;color:#333;}
#mainContainer .main-cont .list-type02 li span.place { color:#004FAB; }

#mainContainer .main-cont .list-type03 li {width:340px; margin-top:10px; font-size:14px; word-break:break-all;}
#mainContainer .main-cont .list-type03 h3 {font-size:22px; color:#ff4e00;}


#mainContainer .main-cont .list-type04 {font-size:12px; letter-spacing:0px;}
#mainContainer .main-cont .list-type04 li {margin-top:15px; height:23px; border:1px solid #ff0000;}
#mainContainer .main-cont .list-type04 li a {width:440px; color:#333; background:url('') no-repeat 0 7px; padding-left:0px;}
#mainContainer .main-cont .list-type04 li a:hover, #mainContainer .main-cont .list-type01 li a:focus {color:#767676;text-decoration:underline;}
#mainContainer .main-cont .list-type04 li img {margin-top:5px;}

#mainContainer .main-cont .list-type04 li span {width:70px; font-size:12px; text-align:right; vertical-align:top;}



/* 고객사 슬라이딩 이미지 
.main-banner {position:absolute;top:76px;left:735px;margin-left:-10px;width:255px;height:80px;background:url('../img/main/gtone_customers.gif') no-repeat 0 0;z-index:2;}
.main-banner ul { width:255px; height:80px; display:block; }
.main-banner ul li {float:right;z-index:2;width:255px;height:80px;}
.main-banner ul li a {display:block;width:255px;height:80px;text-indent:-9999px;z-index:2;}
.main-banner ul li.banner01 a:hover, .main-banner ul li.banner01 a:focus { background:url('../img/main/gtone_customers.gif') no-repeat; }
.main-banner ul li.banner02 a:hover, .main-banner ul li.banner02 a:focus { background:url('../img/main/gtone_customers.gif') no-repeat; }
.main-banner ul li.banner03 a:hover, .main-banner ul li.banner03 a:focus { background:url('../img/main/gtone_customers.gif') no-repeat; }
.main-banner ul li.banner04 a:hover, .main-banner ul li.banner04 a:focus { background:url('../img/main/gtone_customers.gif') no-repeat; }*/


/*********************************************************
//서브 레이아웃
*********************************************************/

#con_box {width:100%; min-width:1100px; background:url('') repeat-x top;}
#container {position:relative;width:1050px;min-width:1000px;margin:0 auto;padding:0px 0;overflow:hidden;}
#con_data {position:relative;width:790px;min-width:790px;margin:0 auto;padding:0px 0;overflow:hidden; border:0px solid #ff0000;}
#container .side-content {float:left;margin-right:0px;width:200px;}
#container .side-content h1 {color:#fff;font-size:32px;font-weight:bold; text-align:center; margin-top:15px; height:130px; padding-bottom:0px; border:0px solid #ff0000;}
#side-title01 {background:url('../img/sub/sub_tit01.gif') no-repeat 0px -10px; text-indent:-9999px;}/*왼쪽메뉴 타이틀 배경*/
#side-title02 {background:url('../img/sub/sub_tit02.gif') no-repeat 0px -10px; text-indent:-9999px;}
#side-title03 {background:url('../img/sub/sub_tit03.gif') no-repeat 0px -10px; text-indent:-9999px;}
#side-title04 {background:url('../img/sub/sub_tit04.gif') no-repeat 0px -10px; text-indent:-9999px;}
#side-title05 {background:url('../img/sub/sub_tit05.gif') no-repeat 0px -10px; text-indent:-9999px;}
#side-title06 {background:url('../img/sub/sub_tit06.gif') no-repeat 0px -10px; text-indent:-9999px;}

#container .side-content .snb>li {border-bottom:1px solid #e2e2e2; padding:0 0 0 0px;border:1px solid #e2e2e2;}
#container .side-content .snb>li>a {display:block;padding:12px 5px 12px 15px;font-size:14px;line-height:1.1;color:#333;text-decoration:none;background:url('../img/sub/lm_arr.gif') no-repeat 5px 15px;border:1px solid #ff0000;}/*메뉴 1depth*/
#container .side-content .snb>li>a:hover, 
#container .side-content .snb>li.on>a 
{background:url('../img/sub/lm_arr_on.gif') no-repeat 5px 15px;padding:12px 5px 12px 15px;color:#c64900;text-decoration:none;}/*메뉴 1depth 오버했을때*/
#container .side-content .snb>li>ul {border:0px solid #e2e2e2;}
#container .side-content .snb>li.on>ul li a, #container .side-content .snb>li>ul li a, #container .side-content .snb>li>ul li a:hover { padding: 3px 5px 3px 20px;color:#777;font-size:12px;border:none;font-weight:normal;}/*메뉴 2depth*/
#container .side-content .snb>li>ul li a:hover, #container .side-content .snb>li>ul li.on a {text-decoration:underline;color:#00457C;}
#container .side-content .snb>li>ul>li {border:none;}





/*********************************************************
//왼쪽메뉴
*********************************************************/

#conarea {overflow:hidden;width:960px;}
#conarea .lnbarea {float:left;width:200px;}
/** lnb **/
.lnbarea {margin-top:0px;}
.lnbarea h2 {font-family:'NanumGothicBold';color:#222;font-size:24px;letter-spacing:-1px;}
.lnbarea .lnbcon {overflow:hidden;width:200px;margin-top:0px;}
.lnbarea .lnbcon li {border-bottom:1px solid #d9d9d9;}
.lnbarea .lnbcon li>p {position:absolute;width:190px; height:40px;z-index:31;}
.lnbarea .lnbcon li>p img {border:0px;}

.lnbarea .lnbcon li a.tit {display:block;width:160px;padding:10px 30px 10px 5px;background:url('../img/sub/bg_lnboff.gif') no-repeat 187px center;font-family:'NanumGothicBold';color:#444;font-size:14px;}
.lnbarea .lnbcon li a.tit:hover {color:#0077c2; text-decoration: none;}
.lnbarea .lnbcon li a.tit2 {display:block;width:187px;padding:10px 25px 10px 5px;background:url('../img/sub/bg_lnboff.gif') no-repeat 187px center;font-family:'NanumGothicBold';color:#444;font-size:14px; letter-spacing:-1.5px}
.lnbarea .lnbcon li.subnone a.tit {background:none;}
.lnbarea .lnbcon li.on a.tit {background:url('../img/sub/bg_lnbon.gif') no-repeat 187px;color:#222;border-bottom:1px solid #d9d9d9;}
.lnbarea .lnbcon li.on a.tit2 {background:url('../img/sub/bg_lnbon.gif') no-repeat 187px;color:#222;border-bottom:1px solid #d9d9d9; letter-spacing:-1.5px}
.lnbarea .lnbcon li a.tit2:hover {color:#0077c2; text-decoration: none;}

.lnbarea .lnbcon li.subnone.on a.tit {background:url('') no-repeat left 8px; color:#0077c2;border-bottom:0px solid #d9d9d9;}
.lnbarea .lnbcon li.subnone.on a.tit2 {background:url('') no-repeat left 8px; letter-spacing:-1.5px}
.lnbarea .lnbcon li .sub_lnbcon {display: none; margin-top:5px;}
.lnbarea .lnbcon li .sub_lnbcon li span {font-size:11px; color:#999; padding:0px 5px;}
.lnbarea .lnbcon li .sub_lnbcon li {border-bottom:none;margin:0 0 5px 10px;}
.lnbarea .lnbcon li .sub_lnbcon li a {display:inline-block;background:none;color:#555;font-size:13px;}
.lnbarea .lnbcon li .sub_lnbcon li a:hover {color:#0077c2; text-decoration: underline;}
.lnbarea .lnbcon li .sub_lnbcon li.on a {background:none;color:#0077c2;font-family:'NanumGothicBold'; font-weight:bold;}


.l_banner {margin-top:30px}
.l_banner a {display:block;margin-bottom:10px}



/*********************************************************
//왼쪽 공통배너
*********************************************************/

#container .side-content .sbann {margin-top:20px; background:url('../img/sub/sbann_cm.gif') no-repeat top; width:200px; height:70px;}
#container .side-content .sbann>a {display:block; width:200px; height:70px;}

#container .side-content .scontact {margin-top:10px; background:url('../img/sub/scontact.gif') no-repeat top; height:200px;}
#container .side-content .scontact h2{text-indent:-9999px;}
#container .side-content .scontact>ul>li {border-bottom:0px solid #e2e2e2; padding:0 0 0 0px;}
#container .side-content .scontact>ul>li>a {display:block; width:200px; height:135px; font-size:14px;line-height:1;color:#333;text-decoration:none;}
#container .side-content .scontact>ul>li>a:hover, #container .side-content .sbann>li.on>a {padding:14px 5px 12px 60px;color:#f98016;text-decoration:none;}
#container .side-content .scontact>ul>li>ul {margin:10px 0;}



/*
#container .top-visual {float:left;position:relative;width:790px;}
#container .top-visual .sub-top-bg {width:800px;height:0px;}/*서브탑 비주얼 높이
#container .top-visual .sub-top-bg-company {background:url('../img/sub/sub_top_company.jpg') no-repeat top;}
#container .top-visual .sub-top-bg-shipping {background:url('../img/sub/sub_top_company.jpg') no-repeat top;}
#container .top-visual .sub-top-bg-trade {background:url('../img/sub/sub_top_company.jpg') no-repeat top;}
#container .top-visual .sub-top-bg-public {background:url('../img/sub/sub_top_company.jpg') no-repeat top;}*/


#container .content {float:left;position:relative;width:840px; border:solid 0px #FF0000;}
#container .content .top-content {width:100%;height:103px;border-bottom:1px solid #d2d2d2;margin-bottom:30px; margin-left:60px;}
#container .content .top-content-company {background:url('') no-repeat right 5px;}
#container .content .top-content-product {background:url('') no-repeat right 5px;}
#container .content .top-content-rnd {background:url('') no-repeat 520px; 5px;}
#container .content .top-content-invest {background:url('') no-repeat right 5px;}
#container .content .top-content-public {background:url('') no-repeat right 5px;}
#container .content .top-content-recruit {background:url('') no-repeat right 5px;}
#container .content .top-content .path {position:absolute;top:50px;right:0; padding-top:10px;}
#container .content .top-content .path span{color:#0077c2;}
#container .content .top-content .path .home {display:block;width:30px;padding:0;margin:0px 0 0 0;background:url('../img/sub/bg_path_home.gif') no-repeat 5px 4px;text-indent:20px;}
#container .content .top-content .path a,.content .path span {float:left;padding-left:10px;margin-left:7px;background:url('../img/sub/bg_path_arrow.gif') no-repeat 0 4px;color:#666;}
#container .content .top-content h2 {padding-top:45px;font-size:28px;font-weight:normal;line-height:1.1;color:#222;font-family:'NanumGothicBold'; background:url('../img/sub/title_bar.gif') no-repeat 2px 35px;}
#container .content .top-content p {padding-top:25px;line-height:20px;font-size:14px;color:#666;}

#container .content .primary-content {min-height:700px; margin-left:60px; border:solid 0px #ff0000;}

.here {color:#fff; font-size:5px; text-indent:-9999px;}


/* company */

.com_con {width:700px; margin-left:20px;}
.com_con div {padding-bottom:10px;}
.com_con div.con_img {text-align:center;}
.com_con p{line-height:150%; font-size:14px;color:#333; padding:5px 0px;}


/* ceo */

.ceo_con {width:700px; margin-left:20px; margin-top:20px;}
.ceo_con div {padding-bottom:100px;border:0px solid #ff0000;}
.ceo_con div span{font-size:16px; font-weight:600;}
.ceo_img {background:url('../img/sub/ceo.jpg') no-repeat 20px 10px; height:300px;}
.ceo_con p{line-height:170%; font-size:15px;color:#333; padding:10px 0px;width:630px;}


/* certification */


.cert_con { border:5px solid #ff0000;}
.cert_con h3 { clear:both;background:url('../img/sub/dot.gif') no-repeat 0px 5px;font-size:16px;color:#24468a; padding-bottom:5px; padding-left:15px; border-bottom:0px solid #d5d5d5; margin-bottom:15px;}
.cert_con ul li { width:170px; float:left; border:0px solid #ff0000; margin-bottom:15px; margin-right:10px; text-align:center;}
.cert_con ul li strong span{font-size:11px; letter-spacing:-1px;}
.cert_con ul li img { border:1px solid #d2d2d2; width:120px;text-align:center; padding:10px; background-color:#eeeeee;}
.cert_con ul li dl {border:0px solid #ff0000; text-align:center; padding:10px 10px; line-height:130%;}





/* recruit */


.rec_con { border:0px solid #ff0000; padding-left:15px; padding-bottom:150px;}
.rec_con img {margin-bottom:10px;}
.rec_con h3 { clear:both;background:url('../img/sub/dot.gif') no-repeat 0px 5px;font-size:16px;color:#24468a; padding-bottom:5px; padding-left:15px; border-bottom:1px solid #d5d5d5; margin-bottom:10px; margin-top:15px;}
.rec_con ul li { width:700px; float:left; margin-right:10px; line-height:180%; padding-left:20px;}






/* map */

.map_con {width:600px; margin-left:20px;}
.map_con div {padding-bottom:10px;}
.map_con div.con_img {text-align:center;}
.map_con div span{font-size:16px; font-weight:600;}
.map_con p{line-height:150%; font-size:14px;color:#333; padding:5px 0px;}


/* news */

.news_con {width:700px; margin-left:20px;float:left; border:1px solid #FF0000;}
.news_con div {padding-bottom:10px;}
.news_con div span{font-size:16px; font-weight:600;}
.news_con div.con_img {background:url('../img/sub/ceo.jpg') no-repeat 0px 10px; height:800px;}
.news_con p{line-height:170%; font-size:14px;color:#333; padding:10px 0px;float:right;width:530px;}






/* ad */

.ad_con { border:0px solid #ff0000;}
.ad_con ul li { width:200px; float:left; border:0px solid #ff0000; margin-bottom:15px; margin-left:20px; margin-right:20px; text-align:center;}
.ad_con ul li strong {display:block; font-size:12px;color:#222;font-weight:normal;text-align:center; margin-bottom:5px;  border:0px solid #ff0000; line-height:140%;min-height:10px;}
.ad_con ul li strong span{font-size:11px; letter-spacing:-1px;}
.ad_con ul li img { border:1px solid #d2d2d2; width:136px; height:178px; text-align:center;  padding:10px; background-color:#eeeeee;}
.ad_con ul li dl {border:0px solid #ff0000; text-align:center; padding:10px 10px; line-height:130%;}
.ad_con ul li dt {height:30px;}


.ad_pop {
	opacity:0;
	display:none;
	position:relative;
	width: auto;
	border: 5px solid #fff;
	padding:10px;
	background-color:#fff;
	}

.ad_pop h2{font-size:16px;color:#222;font-weight:normal;}

.b-close {
	position:absolute;
	right:5px;
	top:5px;
	padding:5px;
	display:inline-block;
	cursor:pointer;
	}

.ad_pop_con {width:auto; height:auto;}
.ad_pop_con img {border:1px solid #d2d2d2;}



/* customers

.cust_con {width:780px; border:0px solid #FF0000; margin-bottom:15px;}
.cust_con h3 {clear:both;background:url('../img/sub/dot.gif') no-repeat 0px 5px;font-size:14px;color:#24468a; padding-bottom:5px; padding-left:15px; border-bottom:0px solid #d5d5d5; margin-bottom:10px;}
.cust_con ul {float:left; width:780px; margin-left:5px; margin-bottom:20px;}
.cust_con ul li {display:inline; background:url('../img/sub/cus_bg.png') no-repeat; background-position:center; text-align:center; border:1px solid #FF0000;}
.cust_con ul li img {padding:6px 6px; border:0px solid #d2d2d2; width:114px; height:40px;} */



/* 제품군별 customers */

.pd_cust_con {width:100%; border:0px solid #FF0000; margin-top:35px; margin-bottom:15px;}
.pd_cust_con h2 {clear:both; margin-left:0px;}
.pd_cust_con h3 {clear:both; background:url('../img/sub/dot01.png') no-repeat 0px 5px;font-size:14px; color:#333; padding-bottom:5px; padding-left:15px; margin-bottom:10px;}
.pd_cust_con ul {float:left; width:680px; margin-left:0px; margin-bottom:20px; padding:15px 8px 15px 15px; border-top:1px solid #d3d3d3; background-color:#fff;}
.pd_cust_con ul h3 {clear:both; background:url('../img/sub/dot01.png') no-repeat 0px 5px;font-size:14px; color:#333; padding-bottom:0px; padding-left:20px; margin-bottom:10px; border:0px solid #cdcdcd; text-align:left;}
.pd_cust_con ul li {display:inline;}
.pd_cust_con ul li img {padding:0px 0px; border:1px solid #cdcdcd; background-color:#FFF; margin-right:16px; margin-bottom:10px;}




.cust_con {width:780px; border:0px solid #FF0000; margin-top:15px; margin-bottom:15px;}
.cust_con h2 {clear:both; margin-left:20px;}
.cust_con h3 {clear:both; background:url('../img/sub/dot01.png') no-repeat 0px 5px;font-size:14px; color:#333; padding-bottom:5px; padding-left:15px; margin-bottom:10px;}
.cust_con ul {float:left; width:780px; margin-left:20px; margin-bottom:20px;}
.cust_con ul h3 {clear:both; background:url('../img/sub/dot01.png') no-repeat 0px 5px;font-size:14px; color:#333; padding-bottom:0px; padding-left:20px; margin-bottom:10px; border:0px solid #cdcdcd; text-align:left;}
.cust_con ul li {float:left; width:130px; height:40px; border:1px solid #dddddd; text-align:center; margin-right:20px; margin-bottom:15px;}
.cust_con ul li img {background:url('../img/sub/cus_bg.png') no-repeat; margin-right:0px; margin-bottom:0px;}
.cust_con ul .none { border:0px solid #fff; padding-top:10px; text-align:left; padding-left:15px;}




.pd_cusbox_h {border-top:1px solid #cdd0d6; border-bottom:1px solid #9aa3bb; text-align:center; color:#2b1f36; font-size:13px; padding:8px 0px;}
.pd_cusbox_c_cen {border-bottom:1px solid #ececec; border-collapse:collapse; text-align:center; color:#2b313c; font-size:13px; padding:13px 0px; vertical-align:middle;}
.pd_cusbox_c {border-bottom:1px solid #ececec; border-collapse:collapse; text-align:left; color:#2b313c; font-size:13px; padding:13px 0px; vertical-align:middle;}
.pd_cusbox_c_day {border-bottom:1px solid #ececec; border-collapse:collapse; text-align:center; color:#555c6a; font-size:13px; padding:13px 10px; vertical-align:middle;}






/*********************************************************
//Products line
*********************************************************/


.primary-content .products_line {
    position: relative;
    width: 1000px;
    margin: 0px auto;/*위쪽 여백, 가운데정렬*/
    border: 1px solid #f0f0f3;
    background-color: #fff;
    text-align: left;
}
.primary-content .products_line {
    overflow-x: hidden;
    overflow-y: auto;
}
.primary-content .products_line > ul {
    overflow: hidden;
    padding: 0px 20px;
}
.primary-content .products_line > ul > li {
    float: left;
    padding: 0 5px;
	border: 0px solid #afafaf;
}
.primary-content .products_line > ul > li.all-management {
	overflow: hidden;
	width: 230px;
}
.primary-content .products_line > ul > li.all-management > ul {
	float: left;
	width: 198px;
}
.primary-content .products_line > ul > li.all-management > ul + ul {
	margin-left: 30px;
}
.primary-content .products_line > ul > li:first-child + li + li  ~ li {
    height: auto;
    margin-top: 0px;
}
.primary-content .products_line > ul > li > em {
    display: block;
    padding-bottom: 8px;
    border-bottom: 0px solid #36424d;
    color: #36424d;
    font-weight: bold;
	padding:10px 0 10px 60px;
    font-size: 24px;
	font-family:'NanumGothicBold';	
	width:268px;
}


.primary-content .products_line .pdline01 {background:url('../img/sub/pd_a_bg01.gif') no-repeat;}
.primary-content .products_line .pdline02 {background:url('../img/sub/pd_a_bg02.gif') no-repeat;}
.primary-content .products_line .pdline03 {background:url('../img/sub/pd_a_bg03.gif') no-repeat;}
.primary-content .products_line .pdline04 {background:url('../img/sub/pd_a_bg04.gif') no-repeat;}
.primary-content .products_line .pdline05 {clear:both; background:url('../img/sub/pd_a_bg05.gif') no-repeat;}
.primary-content .products_line .pdline06 {background:url('../img/sub/pd_a_bg06.gif') no-repeat;}




.primary-content .products_line > ul > li > ul {
    margin-top: 0px;
	padding:7px 15px 10px 15px;
}

.primary-content .products_line > ul > li > ul a {
	background:url('../img/sub/ico_list_dot.gif') no-repeat 9px; 5px;
	width:285px;
	height:30px;
	padding-left:20px;
	letter-spacing:-0.5px;
}

.primary-content .products_line > ul > li > ul a:hover {
    text-decoration: none;
	border: 0px solid #000;
	background:url('../img/sub/pdline_on.gif') no-repeat;
	width:285px;
	height:30px;
	padding-left:20px;
}
.primary-content .products_line > ul > li > ul > li + li {
    margin-top: 2px;
    padding-top: 0px;
    border-top: 0px solid #ddd;
}
.primary-content .products_line > ul > li > ul > li > a {
    color: #1e4887;

    font-weight: bold;
    font-size: 18px;
}
.primary-content .products_line > ul > li > ul > li > a >span {
    color: #666c82;
    font-size: 12px;
	padding-left:5px;
}




















/* governance_all_con */

.gov_con {width:700px; margin-bottom:15px; margin:0 auto;}
.gov_con h2.appgov {font-family:'NanumGothicBold';font-size:30px; font-weight:bold;color:#24468a; padding-bottom:20px; text-align:center; margin-bottom:0px;}
.gov_con h2.datagov {font-family:'NanumGothicBold';font-size:30px; font-weight:bold;color:#006f1f; padding-bottom:20px; text-align:center; margin-bottom:0px;}
.gov_con h2.comp {font-family:'NanumGothicBold';font-size:30px; font-weight:bold;padding-bottom:20px; text-align:center; margin-bottom:0px;}
.gov_con h2.comp .aml {color:#da562b;}
.gov_con h2.comp .watch {color:#24468a;}
.gov_con h2.comp .rba {color:#24468a;}
.gov_con h2.comp .fatca {color:#24468a;}

.gov_con h2.comp .digital {color:#335b8a;}

.gov_con h2.bizrule {font-family:'NanumGothicBold';font-size:30px; font-weight:bold;color:#24468a;padding-bottom:20px; text-align:center; margin-bottom:0px;}
.gov_con h3 {font-family:'NanumGothic'; font-size:16px; font-weight:normal; color:#333; text-align:center; padding-bottom:5px; margin-bottom:15px;}
.gov_con .img_map {text-align:center;}
.gov_con .img_map p {background:url('../img/sub/click.gif') no-repeat 400px 2px; font-size:11px;color:#707070; text-align:right; padding:2px 5px 5px 25px;margin-bottom:15px; width:630px;}

.gov_con .con_ag h3 {font-family:'NanumGothicBold';font-size:24px;color:#333333; text-align:center; padding-bottom:5px; padding-top:3px; margin-top:50px; margin-bottom:5px;}
.gov_con .con_ag {background:url('') no-repeat 0px 0px; width:658px; height:200px; line-height:230%;  margin:0 auto;}
.gov_con .con_ag ul{width:658px; padding:20px 0px; padding-left:50px;}
.gov_con .con_ag ul li{float:left; width:290px; background:url('../img/sub/ico_list_dot.gif') no-repeat 5px 14px; font-size:15px;color:#222; padding:2px 18px;}


.gov_con .con_dg h3 {font-family:'NanumGothicBold';font-size:24px;color:#333333; text-align:center; padding-bottom:0px; padding-top:3px; margin-top:50px; margin-bottom:5px; border:0px solid #ff0000;}
.gov_con .con_dg {background:url('') no-repeat 0px 0px; width:658px; height:200px; line-height:230%;  margin:0 auto; margin-bottom:10px;}
.gov_con .con_dg ul{width:658px; padding:20px 0px; padding-left:40px;}
.gov_con .con_dg ul li{float:left; width:290px; background:url('../img/sub/ico_list_dot.gif') no-repeat 5px 14px; font-size:15px;color:#222; padding:2px 18px; letter-spacing:-1px; border:0px solid #ff0000;}



/* 제품메인페이지 기술 특허 */

.cert_con_pd { border:0px solid #ff0000; margin-bottom:50px;}
.cert_con_pd h3 { clear:both; font-family:'NanumGothicBold';font-size:24px;color:#333333; text-align:center; padding-bottom:0px; padding-left:0px; border-bottom:0px solid #d5d5d5; margin-bottom:15px;}
.cert_con_pd ul li { width:170px; height:250px; float:left; border:0px solid #ff0000; margin-bottom:15px; margin-right:5px; text-align:center;}
.cert_con_pd ul li strong span{font-size:10px; letter-spacing:-1px;}
.cert_con_pd ul li img { border:1px solid #d2d2d2; width:120px;text-align:center; padding:5px; background-color:#eeeeee;}
.cert_con_pd ul li dl {border:0px solid #ff0000; letter-spacing:-0.5px; text-align:center; padding:10px 0px; line-height:130%;}




.gov_con .con_cp h3 {font-family:'NanumGothicBold';font-size:24px;color:#333333; text-align:center; padding-bottom:5px; padding-top:3px; margin-top:50px; margin-bottom:5px;}
.gov_con .con_cp {background:url('') no-repeat 0px 0px; width:658px; height:230px; line-height:230%;  margin:0 auto;}
.gov_con .con_cp ul{width:658px; padding:20px 0px; padding-left:40px;}
.gov_con .con_cp ul li{float:left; width:290px; background:url('../img/sub/ico_list_dot.gif') no-repeat 5px 14px; font-size:15px;color:#222; padding:2px 18px;}







/* product */

.product01 .product-box { display:block;position:relative;margin-top:0px; margin-left:0px; font-size:14px; border:0px solid #FF0000;}
.product01 .product-box h3 {background:url('../img/sub/title_icon.gif') no-repeat 0px 0px; padding-left:24px;  font-size:18px;font-weight:600;letter-spacing:-1px;line-height:1.1;color:#0054a6;padding-bottom:10px; padding-top:0px; border:0px solid #d5d5d5;}
.product01 .product-box p{
	margin-left: 25px;
	margin-right: 25px;
	font-size: 14px;
	border: 0px solid #FF0000;
	margin-bottom: auto;
	line-height:180%;
}

#container .content .primary-content .product_pdf {position:absolute;top:610px;left:100px; border:0px solid #FF0000;}
#container .content .primary-content .product_pdf img{padding-left:5px;}

.product01 .product-box .pd_1ea a{position: absolute; top: -1px; right: 200px; width:85px; height:19px; background:url('../img/sub/btn_whitepaper.gif') no-repeat;}
.product01 .product-box .pd_2ea a{position: absolute; top: -1px; right: 100px; width:82px; height:19px; background:url('../img/sub/btn_datasheet.gif') no-repeat;}
.product01 .product-box .pd_3ea a{position: absolute; top: -1px; right: 10px; width:82px; height:19px; background:url('../img/sub/btn_brochure.gif') no-repeat;}




/* 제품소개 */
#product {clear:both;}
#product .product_con		{width:780px; line-height:180%;clear:both; border:0px solid #ff0000; margin-bottom:10px;}
#product .product_con h3	{display:block;color:#173654; padding-top:10px; padding-bottom:10px; padding-left:22px; margin-bottom:0px; font-size:16px; font-weight:600;}
#product .product_con2		{width:780px; line-height:180%;float:left;margin:0px 20px 0px 0px;}
#product .product_con2 h3	{color:#111; padding-top:15px; background:url('../img/sub/title_icon.gif') no-repeat 0px 11px; padding-left:24px; margin-bottom:10px; font-size:16px; font-weight:600;letter-spacing:0px;}
#product .product_content	{border:0px solid #d9d9d9; margin-bottom:23px; height:143px;}
#product .product_content2	{border:0px solid #d9d9d9; margin-bottom:23px; height:163px;}

#product .product_con span p {width:740px; text-align:left; margin-left:25px; margin-right:15px; font-size:13px; border:0px solid #FF0000; line-height:180%;}
#product .product_con div {width:780px; text-align:center; padding:0px; border:0px solid #ff0000;}
#product .product_con img {padding-top:0px;}



/* 표 */
.board_list1				{clear: both; border-collapse: collapse; width:100%; margin:0px; border-top:1px solid #0661a7; border-bottom:1px solid #0661a7; margin-left:21px; margin-right:21px;}
.board_list1 thead th 		{padding:15px; background:#f9f9f9; color:#333; border-right:#c9dbf1 1px solid; border-bottom:#363d4c 1px solid; font-weight:600; text-align:center; height:30px;}
.board_list1 thead th.no	{padding:15px; background:#f9f9f9; color:#333; border-right:#fff 1px solid; border-bottom:#363d4c 1px solid; font-weight:600; text-align:center; height:30px;}
.board_list1 tbody th 		{padding:15px; margin:0; background:#f3f3f3; color:#e4007f;  font-weight:600; border-bottom:#c9dbf1 1px solid;border-right:#c9dbf1 1px solid; text-align:center; border-right:1px solid #c9dbf1; }
.board_list1 tbody td 		{color:#555; padding:15px; background:#fff; border-bottom:#c9dbf1 1px solid; line-height:170%; border-right:#c9dbf1 1px solid;}
.board_list1 tbody td.point	{color:#555; padding:15px; background:#edf4fe; border-bottom:#c9dbf1 1px solid; line-height:170%; border-right:#c9dbf1 1px solid; font-weight:600; font-size:14px; text-align:center; vertical-align:middle;}
.board_list1 tbody td.point_h {color:#555; padding:15px; background:#d8e5f7; border-bottom:#c9dbf1 1px solid; line-height:170%; border-right:#c9dbf1 1px solid; font-weight:600; font-size:14px; text-align:center; vertical-align:middle;}
.board_list1 tbody td.point_t {color:#555; padding:15px; background:#ceeaf4; border-bottom:#c9dbf1 1px solid; line-height:170%; border-right:#c9dbf1 1px solid; font-weight:600; font-size:14px; text-align:center; vertical-align:middle;}
.board_list1 tbody td.adv	{color:#555; padding:15px; background:#fff; border:#c9dbf1 1px solid; line-height:170%; border-right:#c9dbf1 0px solid; font-weight:600}
.board_list1 tbody td.no	{color:#555; padding:15px; background:#fff; border-bottom:#c9dbf1 1px solid; line-height:170%; border-right:#fff 1px solid; font-size:14px; vertical-align:middle;}
.board_list1 tbody td.etc	{color:#555; padding:15px; background:#fff; border-bottom:#c9dbf1 0px solid; line-height:170%; border-right:#fff 1px solid;}
.board_list1 tbody td span	{color:#c6331a;}




.board_list2				{clear: both; border-collapse: collapse; margin:0px; border:0px solid #0661a7;}

.board_list2 tbody td.adv	{color:#555; padding:8px 21px; background:#fff; border:#c9dbf1 0px solid;}
.board_list2 tbody td.adv .adv_h01 {width:240px; height:65px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico01.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}
.board_list2 tbody td.adv .adv_h02 {width:240px; height:65px;color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico02.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}
.board_list2 tbody td.adv .adv_h03 {width:240px; height:65px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico03.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}
.board_list2 tbody td.adv .adv_h04 {width:240px; height:65px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico04.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}
.board_list2 tbody td.adv .adv_h05 {width:240px; height:65px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico05.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}
.board_list2 tbody td.adv .adv_h06 {width:240px; height:65px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico06.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}
.board_list2 tbody td.adv .adv_h07 {width:240px; height:65px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico07.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}
.board_list2 tbody td.adv .adv_h08 {width:240px; height:65px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico08.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}
.board_list2 tbody td.adv .adv_h09 {width:240px; height:65px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico09.png); background-repeat:no-repeat; background-position:20px 28px; line-height:130%; border:0px; vertical-align:middle;}


.board_list2 tbody td.adv .adv_ca {width:240px;color:#555; font-size:13px; padding:10px 10px 3px 20px; background:#fff; background-image:url(../img/sub/cm_adv_dot.png); background-repeat:no-repeat; background-position:10px 17px; line-height:130%; border:0px;}
.board_list2 tbody td.adv .adv_cb {width:240px;color:#555; font-size:13px; padding:3px 10px 8px 20px; background:#fff; background-image:url(../img/sub/cm_adv_dot.png); background-repeat:no-repeat; background-position:10px 10px; line-height:130%; border:0px;}
.board_list2 tbody td.adv .adv_c {width:240px;color:#555; font-size:13px; padding:10px 10px 8px 20px; background:#fff; background-image:url(../img/sub/cm_adv_dot.png); background-repeat:no-repeat; background-position:10px 19px; line-height:150%; border:0px;}
.board_list2 tbody td.adv .adv_c span {color:#c6331a;}
.board_list2 tbody td.adv .adv_ca span {color:#c6331a;}



.board_list3				{clear: both; border-collapse: collapse; margin:0px; width:780px;}
.board_list3 tbody td.use	{color:#555; padding:8px 10px; background:#fff; border:#c9dbf1 0px solid;}
.board_list3 tbody td.use .use_h01 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico01.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h02 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico02.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h03 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico03.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h04 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico04.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h05 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico05.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h06 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico06.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h07 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico07.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h08 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico08.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h09 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico09.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}
.board_list3 tbody td.use .use_h10 {width:170px; height:90px; background-image:url(../img/sub/cm_use_ico10.png); background-repeat:no-repeat; background-position:35px 17px; text-align:center;}

.board_list3 tbody td.use .use_c {width:175px; height:40px;color:#2d599c; font-weight:bold; font-size:15px; line-height:130%; border:0px;}
.board_list3 tbody td.use .use_ct {width:175px; height:40px;color:#2d599c; font-weight:bold; font-size:15px; line-height:130%; border:0px; vertical-align:bottom;}






.board_list4				{clear: both; border-collapse: collapse; margin:0px; border:0px solid #0661a7;}

.board_list4 tbody td.adv	{color:#555; padding:8px 21px; background:#fff; border:#c9dbf1 0px solid;}
.board_list4 tbody td.adv .adv_h01 {width:330px; height:45px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico01.png); background-repeat:no-repeat; background-position:20px 17px; line-height:130%; border:0px; vertical-align:middle;}
.board_list4 tbody td.adv .adv_h02 {width:330px; height:45px;color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico02.png); background-repeat:no-repeat; background-position:20px 20px; line-height:130%; border:0px; vertical-align:middle; letter-spacing:-1px;}
.board_list4 tbody td.adv .adv_h03 {width:330px; height:45px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico03.png); background-repeat:no-repeat; background-position:20px 20px; line-height:130%; border:0px; vertical-align:middle;}
.board_list4 tbody td.adv .adv_h04 {width:330px; height:45px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico04.png); background-repeat:no-repeat; background-position:20px 20px; line-height:130%; border:0px; vertical-align:middle;}
.board_list4 tbody td.adv .adv_h05 {width:330px; height:45px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico05.png); background-repeat:no-repeat; background-position:20px 20px; line-height:130%; border:0px; vertical-align:middle;}
.board_list4 tbody td.adv .adv_h06 {width:330px; height:45px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico06.png); background-repeat:no-repeat; background-position:20px 20px; line-height:130%; border:0px; vertical-align:middle;}
.board_list4 tbody td.adv .adv_h07 {width:330px; height:45px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico07.png); background-repeat:no-repeat; background-position:20px 20px; line-height:130%; border:0px; vertical-align:middle;}
.board_list4 tbody td.adv .adv_h08 {width:330px; height:45px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico08.png); background-repeat:no-repeat; background-position:20px 20px; line-height:130%; border:0px; vertical-align:middle;}
.board_list4 tbody td.adv .adv_h09 {width:330px; height:45px; color:#fff; font-size:15px; padding:12px 10px 12px 65px; background:#557fbd; background-image:url(../img/sub/cm_adv_ico09.png); background-repeat:no-repeat; background-position:20px 20px; line-height:130%; border:0px; vertical-align:middle;}


.board_list4 tbody td.adv .adv_ca {width:330px;color:#555; font-size:13px; padding:10px 10px 3px 20px; background:#fff; background-image:url(../img/sub/cm_adv_dot.png); background-repeat:no-repeat; background-position:10px 17px; line-height:130%; border:0px;}
.board_list4 tbody td.adv .adv_cb {width:330px;color:#555; font-size:13px; padding:3px 10px 8px 20px; background:#fff; background-image:url(../img/sub/cm_adv_dot.png); background-repeat:no-repeat; background-position:10px 10px; line-height:130%; border:0px;}
.board_list4 tbody td.adv .adv_c {width:330px;color:#555; font-size:13px; padding:5px 10px 5px 20px; background:#fff; background-image:url(../img/sub/cm_adv_dot.png); background-repeat:no-repeat; background-position:10px 14px; line-height:150%; border:0px;}
.board_list4 tbody td.adv .adv_c span {color:#c6331a;}
.board_list4 tbody td.adv .adv_ca span {color:#c6331a;}




/* 표 - 고객사 */
/*.customer_box ul{clear: both; border-collapse: collapse; width:100%; margin:0px;  border-top:1px solid #363d4c; margin-left:21px; margin-right:21px;}
.customer_box ul li{float:left; width:168px; background:url('') no-repeat 5px 16px;color:#555; padding:7px 13px;border-bottom:#c9dbf1 1px solid;}
.customer_box ul li.empty {background:url('') no-repeat -9999px 16px;}

.customer_box2 ul{clear: both; border-collapse: collapse; width:100%; margin:0px;  border-top:1px solid #363d4c; margin-left:21px; margin-right:21px;}
.customer_box2 ul li{float:left; width:216px; background:url('') no-repeat 5px 16px;color:#555; padding:7px 13px;border-bottom:#c9dbf1 1px solid;}
.customer_box2 ul li.empty {background:url('') no-repeat -9999px 16px;}*/


/* 표 - 고객사 */
.customer_box ul{clear: both; border-collapse: collapse; width:95%; margin:0px;  border-top:2px solid #363d4c; margin-left:21px;}
.customer_box ul li{float:left; width:170px; height:30px; background:url('') no-repeat 5px 16px;color:#555; padding:10px 0px 10px 13px;border-bottom:#c9dbf1 1px solid; line-height:130%;}
.customer_box ul li.empty {background:url('') no-repeat -9999px 16px;}

.customer_box2 ul{clear: both; border-collapse: collapse; width:95%; margin:0px;  border-top:2px solid #363d4c; margin-left:21px;}
.customer_box2 ul li{float:left; width:240px; border:#c9dbf1 1px solid; text-align:center; vertical-align:middle;}
.customer_box2 img { border:#c9dbf1 1px solid; margin:5px;}
.customer_box2 ul li.empty {background:url('') no-repeat -9999px 16px;}

.customer_box_img ul{clear: both; border-collapse: collapse; width:100%; margin:0px;  border-top:2px solid #363d4c; margin-left:21px;}
.customer_box_img ul li{float:left; border:#c9dbf1 0px solid; padding:0px 15px; text-align:center; vertical-align:middle;}
.customer_box_img img { border:#c9dbf1 0px solid; margin:5px;}
.customer_box_img ul li.etc {padding-top:14px; padding-bottom:15px; padding-left:50px;}
.customer_box_img ul li.empty {background:url('') no-repeat -9999px 16px;}









/*.board_list2				{clear: both; border-collapse: collapse; width:100%; margin:0px;  border-top:2px solid #363d4c}
.board_list2 thead th 		{padding:8px; background:#f9f9f9; color:#333; border-right:#c9dbf1 1px solid; border-bottom:#363d4c 1px solid; font-weight:600; text-align:center; height:30px;}
.board_list2 thead th.no	{padding:8px; background:#f9f9f9; color:#333; border-right:#fff 1px solid; border-bottom:#363d4c 1px solid; font-weight:600; text-align:center; height:30px;}
.board_list2 tbody th 		{padding:8px; margin:0; background:#f3f3f3; color:#e4007f;  font-weight:600; border-bottom:#c9dbf1 1px solid;border-right:#c9dbf1 1px solid; text-align:center; border-right:1px solid #c9dbf1; }
.board_list2 tbody td 		{color:#555; padding:8px 12px; background:#fff; border-bottom:#c9dbf1 1px solid; line-height:170%; border-right:#fff 1px solid; background:url('../img/sub/ico_list.gif') no-repeat 5px 16px;}
.board_list2 tbody td.empty	{color:#555; padding:8px 12px; background:#fff; border-bottom:#c9dbf1 1px solid; line-height:170%; border-right:#fff 1px solid; background:url('../img/sub/ico_list.gif') no-repeat -9999px 16px;}*/









/*********************************************************
// 퀵 네비게이션
*********************************************************/

#quick-navi {
	width:100%;min-width:766px;
	height:425px; 
	background:url(/*'../img/top/t_bg01.gif'*/) repeat-x; 
	background-position:top;
	border-top:1px solid #d1d1d1; 
	background-color: #244572;
}

#quick-navi .quick-nav-all {
    position: relative;
    width: 1100px;
    margin: 0px auto;/*위쪽 여백, 가운데정렬*/
    border: 0px solid #fff;
    text-align: left;
	padding-left: 25px;
}

#quick-navi .quick-nav-all h2{
    margin: 20px auto;/*위쪽 여백, 가운데정렬*/
    border: 0px solid #ffffff;
    text-align: left;
	padding-left: 0px;
	color: #cff1a3;
	font-size: 18px;
}

#quick-navi .quick-nav-all .quick-nav-inner {
    overflow-x: hidden;
    overflow-y: auto;
	border: 0px solid #fF0000;
}

#quick-navi .quick-nav-all .quick-nav-inner > ul {
    overflow: hidden;
    padding: 0px 0px;
}
#quick-navi .quick-nav-all .quick-nav-inner > ul > li {
    float: left;
    height: auto;
    padding: 0 5px;
	border: 0px solid #fF0000;
}

#quick-navi .quick-nav-all .quick-nav-inner > ul > li > ul {
    padding-bottom: 20px;
}


#quick-navi .quick-nav-all .quick-nav-inner > ul > li > em {
    display: block;
    padding: 0px;
    border-bottom: 1px solid #2d5790;
	margin-bottom: 10px;
    color: #5db2ff;
    font-size: 12px;
	height:24px;
}



#quick-navi .quick-nav-all .quick-nav-inner > ul > li > ul > li a{ 
    display: block;
	padding-left:3px;
    padding-top: 0px;
	padding-bottom: 5px;
    color: #ffffff;
    font-size: 11px;
	border:0px solid #0C0;
}

#quick-navi .quick-nav-all .quick-nav-inner > ul > li > ul > li a:hover{
	text-decoration : underline;
}

#quick-navi .quick-nav-all .quick-nav-inner > ul > li:first-child + li + li  ~ li a{
	background:url('') no-repeat 0 6px; 
    display: block;
	padding-left: 3px;
    padding-top: 0px;
	padding-bottom: 0px;
    color: #ffffff;
    font-size: 11px;
	height:22px;
}

#quick-navi .quick-nav-all .quick-nav-inner > ul > li:first-child + li + li + li  ~ li a{
	background:url('') no-repeat 0 6px; 
    display: block;
	padding-left: 8px;
    padding-top: 0px;
	padding-bottom: 0px;
    color: #ffffff;
    font-size: 11px;
	height:160px;
}


#quick-navi .quick-nav-all .quick-nav-inner .bann_bot_cm {text-align:center;width:285px;height:160px;cursor:pointer; text-indent:-9999px;}
#quick-navi .quick-nav-all .quick-nav-inner .bann_bot_cm {background-image:url('../img/main/bann_bot_cm.png'); width:285px; height:160px; cursor:pointer; text-indent:-9999px;}
#quick-navi .quick-nav-all .quick-nav-inner .bann_bot_cm:hover {background-image:url('../img/main/bann_bot_cm_on.png'); width:285px; height:160px; cursor:pointer;}


#quick-navi .quick-nav-all .quick-nav-inner .gt_youtube {width:265px;height:130px; background-color:#122b4c; text-align:left; color:#FFF; padding-top:30px; padding-left:10px;  padding-right:10px; !important;}
#quick-navi .quick-nav-all .quick-nav-inner .gt_youtube ul li{float:left;padding-left:8px; border:solid 0px #00FF33;}
#quick-navi .quick-nav-all .quick-nav-inner .gt_youtube ul li h3{width:90px;font-size:14px; font-weight:normal; color:#fff; text-align:left;}






/*********************************************************
// 하단 footer
*********************************************************/

#footer {position:relative;width:100%;min-width:1100px;height:150px; top:0px; background-color:#001128;}
#footer .footer-area {position:relative;width:1100px;height:102px;margin:0 auto;}
#footer .footer-area .footer-logo {position:absolute;top:25px;left:50px;width:183px;height:45px;background:url('../img/footer/footer_logo.png') no-repeat;text-indent:-9999px;}

#footer .footer-area .list-type03 {position:absolute;top:20px;left:210px;width:450px;height:60px;color:#FFFFFF;}
#footer .footer-area .list-type03 li span {margin-left:10px;font-size:11px;color:#FFFFFF;}
#footer .footer-area .list-type03 li a {margin-left:10px;font-size:11px;color:#FFFFFF;}
#footer .footer-area .list-type03 li .span01 {margin-right:0px;float:left;width:19px;height:19px;background:url('../img/footer/footer-list02.png') no-repeat;}

#footer .footer-area .list-type04 {position:absolute;top:15px;left:680px;width:320px;}
#footer .footer-area .list-type04 span {float:left;margin-right:10px;margin-top:4px;}

#footer .footer-area .list-type04 li {float:left;margin-right:3px;}
#footer .footer-area .list-type04 li a {display:block;width:118px;height:27px;background:url('') no-repeat;text-indent:-9999px;}
#footer .footer-area .list-type04 li a.li01 {background-position:0 0;}
#footer .footer-area .list-type04 li a.li02 {background-position:-120px 0;}

#footer .footer-area .certify {overflow: hidden; width: 480px;}
#footer .footer-area .certify ul {overflow: hidden;}
#footer .footer-area .certify ul li {float:left; font-size:10px; color:#fff; padding-left:0px; padding-right:0px;}
#footer .footer-area .certify ul > li > a{ display:block;text-align:center; font-size:10px; color:#fff; border:1px solid #fff;}
#footer .footer-area .certify {
    float: right;
    position: relative;
    width: 480px;
    padding: 10px 0px;
}
#footer .footer-area .certify ul {
    overflow: hidden;
}
#footer .footer-area .certify ul li {
    float: left;
    width: 90px;
}
#footer .footer-area .certify ul li a {
    display: block;
    position: relative;
    padding: 50px 0 0px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
	border:0px solid #ff0000;
}
#footer .footer-area .certify ul li.item1 a {
    background: url('../img/footer/certi_cc.png') no-repeat 12px 0;
}
#footer .footer-area .certify ul li.item2 a {
    background: url('../img/footer/certi_iso.png') no-repeat 12px 0;
}
#footer .footer-area .certify ul li.item3 a {
    background: url('../img/footer/certi_gs.png') no-repeat 8px 0;
}
#footer .footer-area .certify ul li.item4 a {
    background: url('../img/footer/certi_pat.png') no-repeat 8px 0;
}
#footer .footer-area .certify ul li.item5 a {
    background: url('../img/footer/certi_cwe.png') no-repeat;
}







/*.service-section .inner {
    overflow: hidden;
    width: 480px;
}

.service-section .carousel {
    float: right;
    position: relative;
    width: 480px;
    padding: 0 650px;
}
.service-section .carousel ul {
    overflow: hidden;
}
.service-section .carousel ul li {
    float: left;
    width: 90px;
}
.service-section .carousel ul li a {
    display: block;
    position: relative;
    padding: 50px 0 0px;
    color: #82c8ee;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
	border:1px solid #ff0000;
}


.service-section .carousel ul li.item1 a {
    background: url('../img/footer/certi_cc.png') no-repeat 12px 0;
}
.service-section .carousel ul li.item2 a {
    background: url('../img/footer/certi_iso.png') no-repeat 12px 0;
}
.service-section .carousel ul li.item3 a {
    background: url('../img/footer/certi_gs.png') no-repeat 8px 0;
}
.service-section .carousel ul li.item4 a {
    background: url('../img/footer/certi_pat.png') no-repeat 8px 0;
}
.service-section .carousel ul li.item5 a {
    background: url('../img/footer/certi_cwe.png') no-repeat;
}*/

/*.service-section h2 {
    float: left;
    width: 290px;
    padding-top: 65px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.service-section h2:after {
    content: " ";
    display: block;
    width: 40px;
    height: 3px;
    margin-top: 18px;
    background-color: #fff;
}


.service-section .carousel ul li.item6 a:before {
    background: url(../images/main/service-icon6.png) no-repeat;
}
.service-section .carousel ul li.item7 a:before {
    background: url(../images/main/service-icon7.png) no-repeat;
}
.service-section .carousel ul li.item8 a:before {
    background: url(../images/main/service-icon8.png) no-repeat;
}
.service-section .carousel ul li.item9 a:before {
    background: url(../images/main/service-icon9.png) no-repeat;
}
.service-section .carousel ul li a:hover:before,
.service-section .carousel ul li a:focus:before {
    background-position: 0 -65px;
}
.service-section .carousel ul li a:hover,
.service-section .carousel ul li a:focus {
    color: #fff;
    text-decoration: none;
}
.service-section .carousel .bx-prev {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -80px;
    width: 23px;
    height: 160px;
    background: url(../images/main/service-btn-prev.png) no-repeat 0 50%;
    text-indent: -9999px;
}
.service-section .carousel .bx-next {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -80px;
    width: 23px;
    height: 160px;
    background: url(../images/main/service-btn-next.png) no-repeat 0 50%;
    text-indent: -9999px;
}
.service-section .carousel .bx-prev.disabled,
.service-section .carousel .bx-next.disabled {
    display: none;
}
.service-section .carousel .bx-pager {
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: -290px;
}
.service-section .carousel .bx-pager .bx-pager-item {
    float: left;
}
.service-section .carousel .bx-pager .bx-pager-item + .bx-pager-item {
    margin-left: 5px;
}
.service-section .carousel .bx-pager .bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/main/service-pager.png) no-repeat 0 -10px;
    text-indent: -9999px;
}
.service-section .carousel .bx-pager .bx-pager-item a.active {
    background-position: 0 0;*/






/* 팝업css
.popup02 {position:absolute; left:464px;top:195px; z-index:10;width:393px;}
.popup02 .pop_top02 {background:url(../../kr/images/main/bg_layer_top.png) no-repeat left top; height:27px; position:relative; text-align:center; padding-top:10px;}
.popup02 .pop_top02 strong {color:#fff; font-size:15px;/*font-family:'NanumGothicBold';}
.popup02 .pop_top02 a {position:absolute; right:12px; top:13px;}
.popup02 .pop_top2 {background:url(../../kr/images/main/bg_layer_top2.png) no-repeat left top; height:43px; position:relative; text-align:center; padding-top:10px;}
.popup02 .pop_top2 strong {color:#fff; font-size:14px;font-family:'NanumGothicBold';}
.popup02 .pop_top2 a {position:absolute; right:15px; top:13px;}
.popup02 .pop_cent {border-left:3px solid #009aea;border-right:3px solid #009aea;background-color:#fff;}
.popup02 .pop_cent > span {color:#fb8a04; font-size:13px; display:block; padding-top:8px}
.popup02 .pop_cent dt {margin-top:5px; font-size:14px;background:url(../../kr/images/common/bl_tit.gif) no-repeat left 3px; padding-bottom:6px}
.popup02 .pop_cent dt:first-child {margin-top:15px}
.popup02 .pop_cent dd.txt {line-height:20px; font-size:12px; padding-left:15px}
.popup02 .pop_cent dd ul {overflow:hidden}
.popup02 .pop_cent dd ul li {float:left;line-height:13px; font-size:12px;background:url(../../kr/images/common/bl_sublist.gif) no-repeat 10px 5px; line-height:16px}
.popup02 .pop_cent dd ul.listone {margin-top:10px}
.popup02 .pop_cent dd ul.listone li {width: 130px;}
.popup02 .pop_cent dd ul.listone li.wlong2 {width:180px}
.popup02 .pop_cent dd ul.listtwo {margin-top:5px}
.popup02 .pop_cent dd ul.listtwo li {width:210px;}

.popup02 .pop_cent dd ul.listtwo li+li {width:100px;} 
.popup02 .pop_cent dd ul.listtwo li+li+li {width:78px;}
.popup02 .pop_cent dd ul.listtwo li+li+li+li {width:115px}
.popup02 .pop_cent dd ul.listtwo li+li+li+li+li {width:100px}
.popup02 .pop_cent dd ul.listtwo li+li+li+li+li+li {width:100%}
.popup02 .pop_cent dd .bl_subtit {font-size:13px;color:#555;font-weight:normal;}
.popup02 .pop_cent .btn02 { text-decoration:none}
.popup02 .pop_btm {background:url(../../kr/images/main/bg_layer_btm.png) no-repeat left top; height:35px; text-align:right; font-size:12px; color:#555; padding-top:8px} 
/*.popup .pop_btm {background:url(../../kr/images/main/bg_layer_btm2.png) no-repeat left top; height:35px; text-align:right; font-size:12px; color:#555; padding-top:8px}
.popup02 .pop_btm label {vertical-align:top; margin-right:20px;}
.popup02 .pop_btm input {margin-top:-4px}



.popup {position:absolute; right:52px;top:103px; z-index:8885;width:300px;} */






/*.popup .pop_top {background:url('../img/main/bg_layer_top.png') no-repeat left top; height:27px; position:relative; text-align:center; padding-top:10px;}
.popup .pop_top strong {color:#fff; font-size:15px;/*font-family:'NanumGothicBold';}*/
/*.popup .pop_top a {position:absolute; right:12px; top:13px;}*/
/*.popup .pop_top2 {background:url('../../kr/images/main/bg_layer_top2.png') no-repeat left top; height:43px; position:relative; text-align:center; padding-top:10px;}
.popup .pop_top2 strong {color:#fff; font-size:14px;font-family:'NanumGothicBold';}
.popup .pop_top2 a {position:absolute; right:15px; top:13px;}
.popup .pop_cent {border-left:0px solid #009aea;border-right:3px solid #009aea;background-color:#fff;}
.popup .pop_cent > span {color:#fb8a04; font-size:13px; display:block; padding-top:8px}
.popup .pop_cent dt {margin-top:5px; font-size:14px;background:url(../../kr/images/common/bl_tit.gif) no-repeat left 3px; padding-bottom:6px}
.popup .pop_cent dt:first-child {margin-top:15px}
.popup .pop_cent dd.txt {line-height:20px; font-size:12px; padding-left:15px}
.popup .pop_cent dd ul {overflow:hidden}
.popup .pop_cent dd ul li {float:left;line-height:13px; font-size:12px;background:url(../../kr/images/common/bl_sublist.gif) no-repeat 10px 5px; line-height:16px}
.popup .pop_cent dd ul.listone {margin-top:10px}
.popup .pop_cent dd ul.listone li {width: 130px;}
.popup .pop_cent dd ul.listone li.wlong2 {width:180px}
.popup .pop_cent dd ul.listtwo {margin-top:5px}
.popup .pop_cent dd ul.listtwo li {width:210px;}
.popup .pop_cent dd ul.listtwo li+li {width:100px;} 
.popup .pop_cent dd ul.listtwo li+li+li {width:78px;}
.popup .pop_cent dd ul.listtwo li+li+li+li {width:115px}
.popup .pop_cent dd ul.listtwo li+li+li+li+li {width:100px}
.popup .pop_cent dd ul.listtwo li+li+li+li+li+li {width:100%}
.popup .pop_cent dd .bl_subtit {font-size:13px;color:#555;font-weight:normal;}
.popup .pop_cent .btn02 { text-decoration:none}
.popup .pop_btm {background:url('../img/main/bg_layer_btm.png') no-repeat left top; height:35px; text-align:right; font-size:12px; color:#555; padding-top:8px} 
/*.popup .pop_btm {background:url(../../kr/images/main/bg_layer_btm2.png) no-repeat left top; height:35px; text-align:right; font-size:12px; color:#555; padding-top:8px}
.popup .pop_btm label {vertical-align:top; margin-right:20px;}
.popup .pop_btm input {margin-top:-4px} */








/* tab 
.tab ul { overflow:hidden; border:solid 1px #000; }
.tab ul li { float:left;width:111px;height:30px;border:1px solid #ff0000;background:#f5f5f5;text-align:center;margin-left:1px; }
.tab02 ul li { float:left;width:111px;height:30px;border:1px solid #ff0000;background:#f5f5f5;text-align:center;margin-left:1px; }
.tab ul li a { width:100%;height:100%;display:block; }
.tab ul li strong { padding-top:10px;font-size:16px;letter-spacing:-1px; }
.tab ul li.on { height:50px;border-left:1px solid #2458ad;border-right:1px solid #2458ad;border-top:4px solid #2458ad;border-bottom:none;background:url('../img/sub/tab_img.gif') no-repeat 0px -30px; }
.tab ul li.on a { height:30px; }
.tab ul li.on strong { color:#2458ad; }*/




/* tab
.tabmenu{overflow:hidden;margin:15px 0 15px; border-bottom:1px solid #bebebe;}
.tabmenu li{float:left;width:111px;height:30px;margin:0 2px 1px 0;}
.tabmenu li.mg-none{margin-right:0;}
.tabmenu li a{display:inline-block; width:111px; height:30px;padding:5px 0 0 0px; font-weight:600; text-align:center; background:url('../img/sub/tab_img.gif') 0 0 no-repeat;color:#fff !important; font-size:14px;}
.tabmenu li a.on,
.tabmenu li a:active,
.tabmenu li a:focus,
.tabmenu li a:hover{color:#fff !important;background-position:0 -30px;text-decoration:none;}


.tabmenu_cm {overflow:hidden;margin:15px 0 15px; border-bottom:1px solid #bebebe;}
.tabmenu_cm li{float:left;width:111px;height:30px;margin:0 2px 1px 0;}
.tabmenu_cm li.mg-none{margin-right:0;}
.tabmenu_cm li a{display:inline-block; width:111px; height:30px;padding:5px 0 0 0px; font-weight:600; text-align:center; background:url('../img/sub/tab_img.gif') 0 0 no-repeat;color:#fff !important; font-size:14px;}
.tabmenu_cm li a.on,
.tabmenu_cm li a:active,
.tabmenu_cm li a:focus,
.tabmenu_cm li a:hover{color:#fff !important;background-position:0 -30px;text-decoration:none;} */



/* 사회공헌 tab 
.society_tab { width:100%; float:left; margin:25px 0 40px; background:url(../images/sub/tab_line_bg.jpg) repeat-x left bottom;}
.society_tab ul { float:left;}
.society_tab ul li { float:left; border:1px solid #e3e3e3; border-right:0; border-bottom:0; width:124px; text-align:center; }
.society_tab ul li a { float:left; width:100%; padding:12px 0; font-size:14px; color:#696969; background:#f5f5f5; border-bottom:1px solid #e3e3e3;font-weight:600;}
.society_tab ul li a:hover { padding-bottom:11px; color:#0c4da2; background:#fff; border-bottom:2px solid #183d96; }
.society_tab ul li a.on { padding-bottom:11px; color:#183d96; background:#fff; border-bottom:2px solid #0c4da2; font-weight:600;}
.society_tab ul li.last { border-right:1px solid #e3e3e3;}*/

/* 가공공정도 tab 
.process_tab { width:100%; float:left; margin:25px 0 25px; }
.process_tab li { float:left; border:1px solid #e3e3e3;  border-bottom:0; width:148px; text-align:center; margin-right:10px;}
.process_tab li a { float:left; width:100%; padding:12px 0; font-size:14px; color:#696969; background:#f5f5f5; border-bottom:1px solid #e3e3e3;font-weight:600;}
.process_tab li a:hover { padding-bottom:11px; color:#0c4da2; background:#fff; border-bottom:2px solid #183d96; }
.process_tab li a.on { padding-bottom:11px; color:#183d96; background:#fff; border-bottom:2px solid #0c4da2; font-weight:600;}
.process_tab li.last { border-right:1px solid #e3e3e3;}*/



/** modal window styles *
#lean_overlay {
    position: fixed;
    z-index:55555;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


#loginmodal {
  width: 250px;height:250px;  /*팝업창의 크기조절
  margin-top:10px;           /*팝업창 위아래 간격조절
  padding: 0px;
  background: #f3f6fa;
  z-index:95555;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}*/





/*********************************************************
//사이트맵
*********************************************************/

.contents_wrap{background:#fff; width:770px; border:0px solid #ff0000; margin-left:70px;}
/* Sitemap */
.sitemap_sec{position:relative;border-bottom:1px solid #ccc;padding:13px 0 12px;}
.sitemap_sec em{position:absolute;left:0;top:0;margin-top:8px;font-weight:bold;font-size:20px;line-height:45px;color:#000;font-family:"NanumGothic", NanumGothic, "나눔 고딕", Dotum, "돋움", sans-serif;}

.sitemap_sec ul{padding-left:160px}
.sitemap_sec ul > li{position:relative;font-weight:bold;font-size:14px;min-height:36px;border-top:1px solid #ebebeb}
.sitemap_sec ul > li:first-child{border-top:0}
.sitemap_sec ul > li a{display:block;position:absolute;left:0;top:0;padding:6px 0 10px;color:#555}
.sitemap_sec ul > li a:hover{color:#0062c3;}
.sitemap_sec ul > li > ul{overflow:hidden;padding:3px 0 8px 260px;}
.sitemap_sec ul > li > ul > li{position:relative;width:300px;font-weight:normal;font-size:13px;min-height:0}
.sitemap_sec ul > li > ul > li a:hover{color:#fe6308;}
.sitemap_sec ul > li > ul > li a{position:relative;padding:0;line-height:24px}


.11 ul{list-style:none; float:left; margin:0; padding:0; position:relative; width:350px; height:29px;margin:0;}
.11 li{margin-left:0px; float:left; width:175px;} 
.11 li a{font-weight:normal;font-size:13px;} 



.sitemap_sec_1line {position:relative;border-bottom:1px solid #ccc;padding:13px 0 12px;}
.sitemap_sec_1line em{position:absolute;left:0;top:0;margin-top:8px;font-weight:bold;font-size:20px;line-height:45px;color:#000;font-family:"NanumGothic", NanumGothic, "나눔 고딕", Dotum, "돋움", sans-serif;}
.sitemap_sec_1line ul{padding-left:164px; height:50px;}
.sitemap_sec_1line > ul li{position:relative;font-weight:bold;font-size:14px;min-height:36px; border:0px solid #ff0000;padding:6px 0px 5px 0;}
.sitemap_sec_1line > ul li a{border:0px solid #ff0000;padding-right:30px;}
.sitemap_sec_1line > ul li a:hover{color:#0062c3;}
