html{overflow:auto}
body{background:#fff;}
#wrap {width:100%; position:relative; margin:0 auto; background:url(/images/common/top_line.gif) left top repeat-x;}

#header, #container{width:1165px; position:relative;}
#foot{width:100%; position:relative;}
.cols{display:inline-block}
.col1, .col2, .col3, .col4{float:left; position:relative;}

/*header*/
#header{height:90px; margin:0 auto; z-index:99;}
.headerWarp	h1{width:220px; height:62px; position:absolute; left:0px; top:20px; z-index:9999999 !important;}
.headerWarp	.logo{z-index:9999999 !important; display: flex; align-items: center;}
.headerWarp .util {height:12px; padding-right:0px; position:absolute; top:10px; right:0; z-index:10; font-size:11px;}
.headerWarp .util ul{margin-top:0px; overflow:hidden}
.headerWarp .util li {float:left; margin-left:10px; padding-left:10px; background:url(/images/common/util_gap.gif) left 0px no-repeat; margin-top:3px;}
.headerWarp .util .f{background:none}
.headerWarp .util .blue{background:#339fd3; color:#fff; padding:3px 10px 1px 10px; margin:0px 0px 0px 10px;}
.headerWarp .util .blue a{color:#fff;}
.headerWarp .util .blue a:hover, .headerWarp .util .blue a:link, .headerWarp .util .blue a:active, .headerWarp .util .blue a:visit{color:#fff;}

#gnb_menu{z-index:99; position: absolute; top: 48px; left: 50%; margin-left: -175px; width: 815px; height: 40px;}
div.gnb{z-index:9999; position: absolute; top: 0px; left: 100px; margin-left: 0px; width: 84%; height: 23px;}
div.gnb li {float:left; width:110px; height:23px; padding:0px 20px 0px 0px; margin:0px;}
div.gnb li a {font-size:16px;line-height:23px; color:#444; text-decoration:none;}
div.gnb li a:hover {color:#3e94bd; font-size:18px; font-weight:bold;}

div.gnb_sub{position:absolute; top:30px; left:102px; margin:0px; padding:0px; width:100%; z-index:9999; display:none;}
div.gnb_sub .depth1{position:absolute; top:0; left:0; width:815px; z-index:9999; *zoom:1;}
div.gnb_sub .depth1:after{content:""; clear:both; display:block;}
div.gnb_sub > ul > li{float:left;}
div.gnb_sub li a:hover{color:#fff; background:#339fd3; font-size:12px;}
div.gnb_sub .depth2{padding-top:10px; padding-right:20px; width:110px; margin:0px}
div.gnb_sub .depth2 li{float:none; font-size:12px; padding:0px; margin:3px 0;}
div.gnb_sub .depth2 li a{display:block; width:auto; color:#666; line-height:18px; font-size:12px; display: block;}
div.gnb_sub .depth2 li a.on{color:#fff; background:#339fd3; font-size:12px; text-indent:10px;}
.submenu_bg {display:none; position:absolute; left:0; top:90px; background:#fff; width:100%; height:175px; border-bottom:1px solid #3e94bd; z-index:98;}
div.gnb li.m3 {margin-left:20px; width:102px;}
div.gnb_sub li.m3 {margin-left:20px; width:120px;}

/* 20230915 메뉴간격 조절 */

div.gnb .gnb_item {width: 100px;}
div.gnb .gnb_item_02 {width: 162px;}
div.gnb li.gnb_item_03 {width: 85px;} 
div.gnb .gnb_item_05 {width: 110px;}

div.gnb_sub .depth2 {width: 100px;}
div.gnb_sub .m2 {width: 182px;}
div.gnb_sub li.m3 .depth2{width: 105px;}
div.gnb_sub li.m3 {width: 105px;}
div.gnb_sub .m4 {width: 85px;}
/* div.gnb_sub .m5 {width: 110px;} */



/*main contents*/
.main #contents {position:relative; width:1165px; height:635px; margin:0 auto;}
.img_visual_area {overflow:hidden; width:1350px; height:635px; position:absolute; left:-380px;}
.img_visual_area .bx-controls {position:absolute; right:30px; top:30px; z-index:55;}
.img_visual_area .bx-controls .bx-pager {display:inline-block; *zoom:1;}
.img_visual_area .bx-controls .bx-pager-item {display:inline-block; *zoom:1;}
.img_visual_area .bx-controls .bx-pager-item a {display:block; text-indent:-9999px; overflow:hidden; background:url(/images/main/img_navi_off.png) no-repeat 0 0; width:20px; height:16px;}
.img_visual_area .bx-controls .bx-pager-item a.active {background:url(/images/main/img_navi_on.png) no-repeat 0 0;}
.img_visual_area .bx-controls .bx-controls-auto {display:inline-block; *zoom:1;}
.img_visual_area .bx-controls .bx-controls-auto-item {display:inline-block; *zoom:1;}
.img_visual_area .bx-controls .bx-controls-auto-item a {display:block; width:16px; height:16px; text-indent:-9999px; overflow:hidden;}
.img_visual_area .bx-controls .bx-controls-auto-item a.active {display:none;}
.img_visual_area .bx-controls .bx-controls-auto-item a.bx-start {background:url('/images/main/img_navi_play.png') no-repeat 0 0;}
.img_visual_area .bx-controls .bx-controls-auto-item a.bx-stop {background:url('/images/main/img_navi_stop.png') no-repeat 0 0;}

.rightbar {position:absolute; top:0px; right:0; z-index:71; /*z-index:500;*/ height:635px; width:194px; border-right:1px solid #dfdfdf;}
.rightbar .pdtTab {text-indent:-9999px; overflow:hidden; display:block; width:194px; height:211px; margin:0px; padding:0px; border-bottom:1px solid #dfdfdf;}
.rightbar .pdtTab01 {background:url('/eng/images/main/btn_ctt01_off.png') no-repeat 0 0;}
.rightbar .pdtTab01:hover, .rightbar .pdtTab01.active {background:url('/eng/images/main/btn_ctt01_on.png') no-repeat 0 0;}
.rightbar .pdtTab02 {background:url('/eng/images/main/btn_ctt02_off.png') no-repeat 0 0;}
.rightbar .pdtTab02:hover, .rightbar .pdtTab02.active {background:url('/eng/images/main/btn_ctt02_on.png') no-repeat 0 0;}
.rightbar .pdtTab03 {background:url('/eng/images/main/btn_ctt03_off.png') no-repeat 0 0; border-bottom:none;}
.rightbar .pdtTab03:hover, .rightbar .pdtTab03.active {background:url('/eng/images/main/btn_ctt03_on.png') no-repeat 0 0;}

.rightbar .pdtList {position:absolute; width:119px; height:636px; background:#00448e; left:-119px; top:0; display:none;}
.rightbar .pdtList .arrow {position:absolute; left:-12px; top:35px;}
.rightbar .pdtList ul {padding:30px 0;}
.rightbar .pdtList li {width:120px; height:120px; text-align:center; cursor:pointer; font-weight:600; font-size:12px; color:#8db0d7; letter-spacing:-0.5px;}
.rightbar .pdtList li .icon {display:block; width:69px; height:69px; margin:0 auto; background:url('/eng/images/main/ico_pdt.png') no-repeat 0 0; margin-bottom:5px;}
.rightbar .pdtList li:hover, .rightbar .pdtList li.active {color:#fff;}
.rightbar .pdtList li.pdt01_01 .icon {background-position:-16px -16px;}
.rightbar .pdtList li.pdt01_01:hover .icon, .rightbar .pdtList li.pdt01_01.active .icon {background-position:-117px -16px;}
.rightbar .pdtList li.pdt01_02 .icon {background-position:-218px -16px;}
.rightbar .pdtList li.pdt01_02:hover .icon, .rightbar .pdtList li.pdt01_02.active .icon {background-position:-319px -16px;}
.rightbar .pdtList li.pdt01_03 .icon {background-position:-420px -16px;}
.rightbar .pdtList li.pdt01_03:hover .icon, .rightbar .pdtList li.pdt01_03.active .icon {background-position:-521px -16px;}
.rightbar .pdtList li.pdt01_04 .icon {background-position:-622px -16px;}
.rightbar .pdtList li.pdt01_04:hover .icon, .rightbar .pdtList li.pdt01_04.active .icon {background-position:-723px -16px;}
.rightbar .pdtList li.pdt01_05 .icon {background-position:-824px -16px;}
.rightbar .pdtList li.pdt01_05:hover .icon, .rightbar .pdtList li.pdt01_05.active .icon {background-position:-925px -16px;}
.rightbar .pdtList li.pdt02_01 .icon {background-position:-1026px -16px;}
.rightbar .pdtList li.pdt02_01:hover .icon, .rightbar .pdtList li.pdt02_01.active .icon {background-position:-1127px -16px;}
.rightbar .pdtList li.pdt02_02 .icon {background-position:-1228px -16px;}
.rightbar .pdtList li.pdt02_02:hover .icon, .rightbar .pdtList li.pdt02_02.active .icon {background-position:-1329px -16px;}
.rightbar .pdtList li.pdt02_03 .icon {background-position:-1430px -16px;}
.rightbar .pdtList li.pdt02_03:hover .icon, .rightbar .pdtList li.pdt02_03.active .icon {background-position:-1531px -16px;}
.rightbar .pdtList li.pdt02_04 .icon {background-position:-1632px -16px;}
.rightbar .pdtList li.pdt02_04:hover .icon, .rightbar .pdtList li.pdt02_04.active .icon {background-position:-1733px -16px;}
.rightbar .pdtList li.pdt02_05 .icon {background-position:-1834px -16px;}
.rightbar .pdtList li.pdt02_05:hover .icon, .rightbar .pdtList li.pdt02_05.active .icon {background-position:-1935px -16px;}
.rightbar .pdtList li.pdt03_01 .icon {background-position:-2036px -16px;}
.rightbar .pdtList li.pdt03_01:hover .icon, .rightbar .pdtList li.pdt03_01.active .icon {background-position:-2137px -16px;}
.rightbar .pdtList li.pdt03_02 .icon {background-position:-2238px -16px;}
.rightbar .pdtList li.pdt03_02:hover .icon, .rightbar .pdtList li.pdt03_02.active .icon {background-position:-2339px -16px;}

.pdtViewWrap {position:absolute; width:928px; height:595px; left:-117px; top:0; background:#fff; z-index:70; padding:20px; display:none;}
.pdtViewWrap .category {border:1px solid #dfdfdf; padding:20px; position:relative; padding:10px 20px; min-height:22px;}
.pdtViewWrap .category a {display:inline-block; *zoom:1; margin:0 10px; font-size:13px; color:#444; font-weight:600;}
.pdtViewWrap .category a:hover {color:#444;}
.pdtViewWrap .category a.on {background:#00448e; color:#fff; border-radius:100px; height:22px; line-height:22px; text-align:center; padding:0 17px;}
.pdtViewWrap .category .close {position:absolute; right:0; top:0; cursor:pointer;}
.pdtViewWrap .moreview {display:block; width:100%; height:40px; text-align:center; line-height:40px; background:#f1f1f1; color:#666; font-size:14px; font-weight:600;}
.pdtLatest {overflow:hidden; margin:25px 0 0 0;}
.pdtLatest li {width:20%; text-align:center; float:left; position:relative; margin-bottom:30px;}
.pdtLatest li .thumb {width:170px; margin:0 auto 15px; position:relative;}
.pdtLatest li .magnifier {position:absolute; right:0; top:0;}
.pdtLatest li .amount {position:absolute; left:0; top:0; color:#fff; width:170px; height:170px; background:url('/images/product/bg_overlay.png') no-repeat 0 0; display:none;}
.pdtLatest li .amount span {display:table-cell; vertical-align:middle; font-size:13px; line-height:24px;}
.pdtLatest li .amount span b {font-size:18px;}
.pdtLatest li:hover .amount {display:table;}

/*visual*/
#subVisual{width:100%; height:108px; position:relative; margin-top:1px; padding-bottom:38px; border-bottom:1px solid #dfdfdf;}
.subVisual01 {background:#fafafa url('/images/common/subVisual01.jpg') no-repeat center top;}
.subVisual02 {background:#fafafa url('/images/common/subVisual02.jpg') no-repeat center top;}
.subVisual03 {background:#fafafa url('/images/common/subVisual03.jpg') no-repeat center top;}
.subVisual04 {background:#fafafa url('/images/common/subVisual04.jpg') no-repeat center top;}
.subVisual05 {background:#fafafa url('/images/common/subVisual05.jpg') no-repeat center top;}
.subVisual06 {background:#fafafa url('/images/common/subVisual06.jpg') no-repeat center top;}
.visualArea{width:1165px; background:none; position:relative; margin:0 auto; height:145px;}
.visualArea .sub_title{width:338px; height:102px; position:absolute; left:73px; top:0px; background:url(/images/common/sub_top_map.png) left top no-repeat;}
.visualArea .sub_title .title{font-size:26px; font-weight:bold; color:#000; display:block; height:30px; margin-bottom:5px; padding-top:30px}
.visualArea .sub_title .tt{font-size:13px; font-weight:normal; color:#666; display:block; height:14px;}
.visualArea .sub_top_img{width:auto; height:145px; position:absolute; right:50px; top:0px;}


/*sub contents*/
#container {width:1165px; overflow:hidden; background:none; margin:-38px auto 50px;}
.sub #contents{width:905px; float:left; min-height:400px; text-align:left; margin-right:65px;}
.sub #contents .titleArea{height:125px; margin-bottom:30px; margin-left:30px; position:relative;}
.sub #contents .titleArea h3{padding:54px 0 0 0px; font-weight:normal; font-size:30px; color:#000;}
.sub #contents .titleArea .location {position:relative; height:37px; width:auto;}
.sub #contents .titleArea .location li{background:url(/images/common/icon_location_arrow.gif) right top no-repeat; padding:13px 50px 13px 30px; height:11px; font-size:11px; color:#666; width:auto; float:left;}
.sub #contents .titleArea .location .home{background:url(/images/common/icon_location_arrow.gif) right top no-repeat; padding:13px 30px 13px 0px; height:11px; font-size:11px; color:#666; width:auto; float:left;}

/*contents*/
.contentAreas{width:905px; margin-left:30px; position:relative;}

h3{font-size:25px; color:#339fd3; font-weight:bold; padding:0 0 15px 0; letter-spacing:-1px; line-height:28px;}
h3 strong{color:#07638f}
h3 span{color:#07638f; font-size:17px; font-weight:bold;}

h4{font-size:19px; color:#339fd3; font-weight:normal; padding-bottom:10px; background:url(/images/common/bar_blue02.gif) left top no-repeat; padding-top:15px;}

h5{font-size:17px; color:#222; font-weight:normal; padding-bottom:10px; background:url(/images/common/bar_black02.gif) left top no-repeat; padding-top:10px;}

.section{width:100%; position:relative; padding-bottom:40px; font-size:12px; font-weight:lighter !important; line-height:20px; height:auto; min-height:200px;}
.section ul{width:100%; position:relative; height:auto; display:block;}
.section ul li{float:left; width:100%; padding:0px 0px 5px 15px; height:auto; background:url(/images/common/bar_blue.gif) left 5px no-repeat; line-height:20px;}

/* company_01_01.php content*/
.section .backNo{width:100%; position:relative; height:auto; display:inline-block;}
.section .backNo dt{float:left; width:120px; padding:0px 0px 5px 15px; height:auto; background:url(/images/company/bul_gray.gif) left 3px no-repeat; line-height:20px;}
.section .backNo dd{float:left; width:740px; padding:0px 0px 5px 10px; height:auto; background:none; line-height:20px;}

/* company_03.php content*/
.section .backNo_lo{width:100%; position:relative; height:auto; display:inline-block;}
.section .backNo_lo dt{float:left; width:30px; padding:0px 0px 5px 15px; height:auto; background:url(/images/company/bul_gray.gif) left 3px no-repeat; line-height:20px;}
.section .backNo_lo dd{float:left; width:830px; padding:0px 0px 5px 10px; height:auto; background:none; line-height:20px;}

/* company_03.php location title */
.car{font-size:19px; color:#07638f; font-weight:normal; padding-bottom:10px; background:url(/images/company/icon_car.gif) left 5px no-repeat; padding-left:40px;}
.bus{font-size:19px; color:#07638f; font-weight:normal; padding-bottom:10px; background:url(/images/company/icon_bus.gif) left 5px no-repeat; padding-left:40px;}

.section .w430{width:430px; float:left; margin-bottom:30px;}
.section .w430 dt{font-size:19px; color:#339fd3; width:430px; padding-bottom:10px; background:url(/images/common/bar_blue02.gif) left top no-repeat; padding-top:15px;}
.section .w430 dd{width:430px; height:auto;}

.section .w905{width:100%; position:relative; display:block;}
.section .w905 dt{float:left; width:500px; height:auto; line-height:20px; padding:0 28px 60px 0;}
.section .w905 dd{float:left; width:377px; height:auto; text-align:right; padding:0 0 60px 0;}

.dotLine{width:100%; height:1px; border-bottom:1px dashed #ddd; margin:30px 0px; clear:both;}
.companyBg{background:url(/images/company/01_img_01_bg.jpg) left top no-repeat; min-height:1172px;}/* company img */
.visionBg{background:url(/images/company/vision_img.png) right top no-repeat;}/* vision img */
.himg{position:absolute; top:90px; left:30px;}/* history img */
.ceoBg{background:url(/eng/images/company/ceo_img.jpg) right 150px no-repeat;}
.historyBg{background:url(/images/company/history_bg.jpg) right top no-repeat;}
.recruit01Bg{background:url(/images/recruit/jab_img.jpg) right 30px no-repeat; min-height:430px;}
.recruit02Bg{background:url(/images/recruit/jab_img02.jpg) right top no-repeat; min-height:430px;}
.customer01Bg{background:url(/images/customer/customer_img01.jpg) right top no-repeat; min-height:150px;}
.customer02Bg{background:url(/images/customer/customer_img02.jpg) right top no-repeat; min-height:300px;}
.customer03Bg{background:url(/images/customer/customer_img03.jpg) right top no-repeat; min-height:300px;}

.h3desc{font-size:14px; color:#444; padding:0 0 30px 0;}
.under{text-decoration:underline;}
.underY{background:#fafb9b;}
.black{color:#000;}
.blue{color:#339fd3;}
.navy{color:#07638f;}
.gray{font-size:15px; color:#383838; font-weight:bold;}

/* history */
.historyTab{width:100%; margin-top:30px;}
.tabs {height: 22px; position: relative; padding-top:2px; background:#339fd3; width:700px;}
.tabs .moving_bg {padding:0px; background-color:#07638f; height: 24px; position: absolute; top:0px; width: 140px; z-index: 190; left: 0; background-position: top left; background-repeat: no-repeat; border-right:1px solid #fff; border-left:1px solid #fff;}
.tabs .tab_item {display: block; float: left; padding: 0px; width: 140px; color: #fff; text-align: center; z-index: 200; position: relative; cursor: pointer; font-size:17px;}
.tabs .tab_item .hover {color: #339fd3;}

.product_menu ul:after {content:''; display:block; clear:both;}
.product_menu ul li {float:left; width:143px; text-align:center; margin-left:40px; border-bottom:2px solid #fff; padding-bottom:10px;}
.product_menu ul li:first-child {margin-left:0;}
.product_menu ul li a {font-size:15px; font-weight:600; color:#444; display:block; height:130px;}
.product_menu ul li img {padding-bottom:15px;}
.product_menu ul li:hover {border-bottom:2px solid #00448e;}
.product_menu ul li:hover a {color:#00448e;}

.boardTab {border:1px solid #dfdfdf; padding:20px; margin-bottom:30px;}
.boardTab ul{width:100%; color:#444;}
.boardTab ul:after {content:''; display:block; clear:both;}
.boardTab ul li {float:left; margin:0 8px 0 0;}
.boardTab ul li a {display:inline-block; font-size:13px; height:22px; line-height:22px; border-radius:100px; padding:0 10px; font-weight:600; color:#444;}
.boardTab ul li:before {content:'|'; margin:0 10px 0 0;}
.boardTab ul li:first-child:before {content:''; margin:0;}
.boardTab ul li.tab_on a {background:#00448e; color:#fff;}


.historyTab .slide_content {overflow: hidden; background:none; padding: 50px 0 0px; position: relative; width: 905px !important;}
.tabslider {width: 5000px; padding-top:20px;}
.tabslider .tab {float: left;	width: 905px; margin: 0px; padding: 0px; display:block !important;}
.tabslider .tab li:first-child{width:905px;}
.tabslider .tab .hisyear {width:430px; float:left; height:auto; display:inline-block; background:none; padding:0px 0px 40px 0px; margin:0px;}
.tabslider .tab .hisyear .year{font-size:17px; color:#339fd3; height:70px; float:left; position:relative; width:55px; border-right:1px dashed #999; padding-top:5px; padding-right:30px; margin-right:30px;}
.tabslider .tab .hisyear ul{width:310px; float:left; overflow:hidden; height:120px;}
.tabslider .tab .hisyear ul li{width:300px; float:left; min-height:20px; height:auto; vertical-align:top; background:url(/images/common/dot_gray.gif) left 7px no-repeat; padding-left:10px; margin:0px;}
/* /////history */

/* recruit 01 */
.Gbox{float:left; width:180px; height:140px; background:url(/images/recruit/gray_box.png) left top no-repeat; margin:0px 10px 20px 0px; padding:0px;}
.Gbox dl{width:160px; margin:10px; height:120px; position:relative; overflow:hidden;}
.Gbox dl dt{width:160px; font-size:15px; color:#222; float:left; padding-bottom:3px; margin-bottom:7px; border-bottom:1px dashed #ddd; text-align:center;}
.Gbox dl dd{width:160px; font-size:12px; text-align:center; vertical-align:middle; line-height:15px;}
.Gbox dl dd .ttt{color:#222; font-size:13px; line-height:18px; padding-top:10px;}

.clear{clear:both;}


/* recruit 02 */
.GboxN{float:left; width:120px; height:140px; background:none; margin:50px 100px 0px 0px; padding:0px;}
.GboxN dl{width:120px; margin:0px; height:120px; position:relative; overflow:hidden;}
.GboxN dl dt{width:120px; font-size:15px; color:#222; float:left; padding-bottom:3px; margin-bottom:7px; border-bottom:1px dashed #ddd; text-align:center;}
.GboxN dl dd{width:120px; font-size:12px; text-align:center; vertical-align:middle; line-height:15px;}
.GboxN dl dd .ttt{color:#222; font-size:13px; line-height:18px; padding-top:10px;}


/* recruit 04 : �Ի����� */
.recruitTable{width:100%; border-top:2px solid #339fd3;}
.recruitTable th{background:#f5f5f5; text-align:left; font-weight:normal; font-size:12px; color:#333; padding:5px 10px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.recruitTable th:first-child{border-left:0px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.recruitTable td{background:#fff; text-align:left; font-weight:normal; font-size:12px; color:#666; padding:5px 10px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; line-height:20px;}
.recruitTable td input{border:1px solid #ddd; height:22px;}
.recruitTable td textarea{border:1px solid #ddd;}
.center{width:100%; margin:0 auto; text-align:center; padding:30px 0px;}

/* product00 */
.pro{position:relative; width:100%; display:inline-block;}
.pro .prono1, .pro .prono2, .pro .prono3, .pro .prono4{float:left; position:relative;}
.prono1{position:relative; width:196px; height:305px; margin-right:20px; background:url(/eng/images/product/img_01.jpg) left top no-repeat;}
.prono2{position:relative; width:196px; height:305px; margin-right:20px; background:url(/eng/images/product/img_02.jpg) left top no-repeat;}
.prono3{position:relative; width:196px; height:305px; margin-right:20px; background:url(/eng/images/product/img_03.jpg) left top no-repeat;}
.prono4{position:relative; width:196px; height:305px; background:url(/eng/images/product/img_04.jpg) left top no-repeat;}

.pro h3{padding:20px 0 0 20px; color:#339fd3; font-size:18px;}
.pro h3 a{color:#339fd3;}
.pro h3 a:hover, .pro h3 a:link, .pro h3 a:active, .pro h3 a:visit{color:#339fd3;}

.pro ul{padding:10px 0 0 20px; font-size:12px; color:#666666; width:150px;}
.pro ul li{padding:0 0 3px 0; width:150px; float:left; background:url(/images/common/dot_gray.gif) left 5px no-repeat; padding-left:10px;}

.Tab ul{padding-bottom:20px; width:100%; height:60px;}
.Tab ul li{float:left; text-align:center; font-size:13px; margin-right:2px; margin-bottom:2px;}
.Tab ul .tab_off{font-size:12px; color:#666; background:#ffffff; width:auto; min-width:78px; height:auto; padding:7px 7px; border:1px solid #ddd;}
.Tab ul .tab_on{font-size:12px; color:#fff; background:#339fd3; width:auto; min-width:78px; height:auto; padding:7px 7px; border:1px solid #339fd3;}

.Tab ul .tab_on a, .Tab ul .snb_off a,
.Tab ul .tab_on a:hover, .Tab ul .snb_off a:hover,
.Tab ul .tab_on a:link, .Tab ul .snb_off a:link{color:#fff;}



/* customer */
.cus01{background:url(/images/customer/01.gif) left top no-repeat; padding:5px 0px 0px 40px; width:75%; height:auto; padding-bottom:10px; float:left;}
.cus02{background:url(/images/customer/02.gif) left top no-repeat; padding:5px 0px 0px 40px; width:75%; height:auto; padding-bottom:10px; float:left;}
.cus03{background:url(/images/customer/03.gif) left top no-repeat; padding:5px 0px 0px 40px; width:75%; height:auto; padding-bottom:10px; float:left;}
.cus04{background:url(/images/customer/04.gif) left top no-repeat; padding:5px 0px 0px 40px; width:75%; height:auto; padding-bottom:10px; float:left;}

.cus_i01{background:url(/images/customer/con_01_icon_01.gif) left top no-repeat; padding:10px 0px 10px 65px; width:100%; height:52px; float:left;}
.cus_i02{background:url(/images/customer/con_01_icon_02.gif) left top no-repeat; padding:10px 0px 10px 65px; width:100%; height:52px; float:left;}
.cus_i03{background:url(/images/customer/con_01_icon_03.gif) left top no-repeat; padding:10px 0px 10px 65px; width:100%; height:52px; float:left;}
.cus_i04{background:url(/images/customer/con_01_icon_04.gif) left top no-repeat; padding:10px 0px 10px 65px; width:100%; height:52px; float:left;}

.cus02Title{font-size:16px; color:#156d97; height:16px; padding-bottom:10px;}
.cus02_i01{background:url(/images/customer/con_02_icon_01.gif) left top no-repeat; padding:0px 0px 10px 80px; width:80%; height:90px; float:left; margin-bottom:30px;}
.cus02_i02{background:url(/images/customer/con_02_icon_02.gif) left top no-repeat; padding:0px 0px 10px 80px; width:80%; height:158px; float:left; margin-bottom:30px;}
.cus02Box{width:650px; padding:10px 10px 10px 10px; background:url(/images/customer/con_02_gra_73.gif) left bottom repeat-x #fff; height:53px; border:1px solid #ddd;}
.cus02_i03{background:url(/images/customer/con_02_icon_03.gif) left top no-repeat; padding:0px 0px 10px 80px; width:80%; min-height:178px; float:left;}
.cus02Table{width:800px; border-top:2px solid #6baccb;}
.cus02Table th{background:url(/images/customer/con_02_gra_28.gif) left bottom repeat-x #fff; padding:5px; color:#333; border-bottom:1px solid #ddd;}
.cus02Table td{padding:20px 10px; border-bottom:1px solid #ddd;}
.cus02Table th:first-child, .cus02Table td:first-child{border-right:1px solid #ddd;}

.asBox{width:392px; height:139px; padding:17px 20px; background:url(/images/customer/as_box_bg.gif) left top no-repeat; position:relative; margin-top:20px;}
.asBox .title{font-size:14px; color:#000; display:block; padding-bottom:10px; font-weight:bold;}
.asBox .time{font-size:11px; color:#666; background:url(/images/common/icon_clock.gif) left top no-repeat; padding-left:16px; display:block; padding-bottom:5px; line-height:13px;}
.asBox .tel{font-size:20px; color:#339fd3; font-weight:bold; padding-bottom:5px;}
.asBox .tel2{font-size:14px; color:#339fd3; font-weight:bold; padding-bottom:10px;}


/* �ü���Ȳ */
.section .f_tabs ul {overflow:hidden;}
.section .f_tabs li {background:#339fd3; color:#fff; font-size:12px; height:33px; line-height:33px; text-align:center; float:left; padding:0; cursor:pointer;}
.section .f_tabs li a {display:block; color:#fff; font-size:12px;}
.section .f_tabs li.active {background:#07638f; margin:0 1px;}
.section .tabContents {display:none;}
.section .tabContents01 {display:block;}
.section .tabContents p {margin:35px 0 20px 0; font-weight:600; color:#444; background:url('/images/company/bullet_f.gif') no-repeat left center; min-height:13px; padding-left:20px;}


/*sub navigation bar*/
#SNB {width:168px; float:right;}
.SNBWrap {margin-top:90px}
.SNBWrap h3{margin-bottom:10px; font-weight:normal; color:#000; font-size:20px; padding-left:14px;}
.SNBWrap .menu li{width:158px; margin:2px 0px; padding:5px 0 5px 10px; font-size:12px; letter-spacing:-0.5px;}
.SNBWrap .menu .snb_off{ color:#fff; width:100%; background:#999999;}
.SNBWrap .menu .snb_on{background:url('/images/common/snb_arrow.png') 92% 10px no-repeat #339fd3;}
.SNBWrap .menu .depth2_on {background:url('/images/common/snb_arrow.png') 92% 10px no-repeat #00448e;}
.SNBWrap .menu .depth2_on a {color:#fff;}
.SNBWrap .menu .depth2_off {background:#00448e;}
.SNBWrap .menu .depth2_off a {color:#b3c7dd;}

.SNBWrap .menu .snb_2dep{font-size:12px; color:#666; width:100%; background:#ffffff !important; height:13px; padding:3px 0px;}
.SNBWrap .menu .snb_2dep_on{font-size:12px; color:#339fd3; width:100%; background:#ffffff !important; height:13px; padding:3px 0px;}

.SNBWrap .menu .snb_3dep_on {background:#dedede; border-radius:2px; position:relative; overflow:hidden;}
.SNBWrap .menu .snb_3dep_on a {color:#00448e; font-size:11px;}
.SNBWrap .menu .snb_3dep_off {background:#dedede; color:#00448e; border-radius:2px; position:relative; overflow:hidden;}
.SNBWrap .menu .snb_3dep_off a {color:#999; font-size:11px;}
.SNBWrap .menu .snb_3dep_on a, .SNBWrap .menu .snb_3dep_off a {overflow:hidden;}
.SNBWrap .menu .snb_3dep_on .total, .SNBWrap .menu .snb_3dep_off .total {position:absolute; display:block; right:5px; top:5px; width:30px; height:16px; text-align:center; line-height:16px; color:#fff; background:#b2b2b2; font-weight:600; border-radius:2px; text-indent:0; font-size:10px;}

.SNBWrap .menu .snb_on a, .SNBWrap .menu .snb_off a,
.SNBWrap .menu .snb_on a:hover, .SNBWrap .menu .snb_off a:hover,
.SNBWrap .menu .snb_on a:link, .SNBWrap .menu .snb_off a:link{color:#fff; width:168px;}

.SNBWrap .menu .pdtname {height:auto; margin-left:15px; text-indent:0; padding:0;}
.SNBWrap .menu .pdtname a {display:block; font-size:10px; line-height:24px; background:url('/images/product/pdt_bullet.gif') no-repeat left 11px; padding-left:10px;}
.SNBWrap .menu .pdtname a:hover, .SNBWrap .menu .pdtname a.on {color:#00448e; text-decoration:underline;}

.SNBWrap .menu .snb_2dep a{color:#666; width:168px;}
.SNBWrap .menu .snb_2dep a:hover, .SNBWrap .menu .snb_2dep_on a, .SNBWrap .menu .snb_2dep_on a:hover{color:#339fd3; width:168px;}

.SNBWrap .banner{margin-top:56px; width:128px; height:81px; padding:17px 20px; background:url(/images/common/snb_banner_bg.gif) left top no-repeat; position:relative;}
.SNBWrap .banner .title{font-size:12px; color:#000; display:block; padding-bottom:5px;}
.SNBWrap .banner .time{font-size:10px; color:#999; background:url(/images/common/icon_clock.gif) left top no-repeat; padding-left:16px; display:block; padding-bottom:5px;}
.SNBWrap .banner .tel{font-size:13px; color:#666; padding-bottom:11px;}



/*foot*/
#foot{height:125px; background:#333333;}
.footWarp {width:1165px; height:60px; margin:0px auto; position:relative;}
.footWarp .mark {position:absolute; right:0; top:50px;}
.footWarp .footMenu{width:100%; height:20px; padding:30px 0px 0px;}
.footWarp .footMenu a{color:#999; padding-right:12px; margin-right:11px; background:url(/images/common/foot_menu_gap.gif) right 1px no-repeat; font-size:11px; font-weight:normal;}
.footWarp .footMenu a.f{background:none;}
.footWarp .footCnt{float:left; padding-top:13px; font-size:9px; color:#ccc; }
.footWarp .footCnt address{padding-bottom:3px; font-size:10px; color:#ccc;}
.footWarp .way21{padding-top:3px; color:#999; display:none;}
.footWarp .way21 a, .footWarp .way21 a:hover, .footWarp .way21 a:active, .footWarp .way21 a:visit, .footWarp .way21 a:link{color:#666;}



/*foom*/
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}

.newtable { border:1px solid #DDDDDD !important; width:856px; margin:0px 0px 25px 0px !important;}

.newtable th {text-align:center !important; border:1px solid #dddddd !important;}

.newtable td {text-align:center; border:1px solid #dddddd !important;}


.newtable .newminitr01 .minitd {text-align:center !important; padding-left:8px; box-sizing:border-box;}

.purchase .backNo .ttt {width: auto;}