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;}

#gnb_menu{z-index:99; position: absolute; top: 48px; left: 50%; margin-left: -95px; width: 808px; height: 40px;}
div.gnb{z-index:9999; position: absolute; top: 0px; left: 0px; margin-left: 0px; width: 100%; height: 23px;}
div.gnb li {float:left; width:80px; 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:17px; font-weight:bold;}

div.gnb_sub{position:absolute; top:30px; left:0px; margin:0px; padding:0px; width:100%; z-index:9999; display:none;}
div.gnb_sub .depth1{word-break: keep-all; position:absolute; top:0; left:0; width:865px; z-index:9999; *zoom:1;}
div.gnb_sub .depth1:after{content:""; clear:both; display:block;}
div.gnb_sub li{float:left; width:100px;}

div.gnb_sub .depth2{padding-top:10px; width:100px; margin:0px}
div.gnb_sub .depth2 li{float:none; height:auto; font-size:12px; padding:0px; margin:0px; padding-top: 4px; padding-bottom: 4px;}

div.gnb_sub .depth2 li a{color:#666; line-height:18px; font-size:12px; display: block;}

div.gnb_sub li a:hover{color:#fff; background:#339fd3; font-size:12px;}

div.gnb_sub .depth2 li a.on{color:#fff; background:#339fd3; font-size:12px; padding:0 5px;}
div.gnb_sub .m3{padding-top:10px; width:110px; margin:0px}
div.gnb_sub .m3 li{float:none; height:auto; font-size:12px; padding:0px; margin:0px;}
div.gnb_sub .m3 li a{color:#666; line-height:18px; font-size:12px; padding-top: 4px; padding-bottom: 4px; display: block;}
div.gnb_sub .m3 li a.on{color:#fff !important; background:#339fd3; font-size:12px; padding:0 5px !important;}
.submenu_bg {display:none; position:absolute; left:0; top:90px; background:#fff; width:100%; height:200px; border-bottom:1px solid #3e94bd; z-index:98;}

/*header*/
#header{height:90px; margin:0 auto; /*z-index:99999;*/}
.headerWarp	h1{width:220px; z-index:9; position:absolute; left:0px; top:20px; 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;}



/*main contents*/
.main #contents {position:relative; width:1165px; height:635px; margin:0 auto;}
.img_visual_area {overflow:hidden; width:1016px; height:635px; position:absolute; left:-381px;}
.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;}


.navi {position:absolute; top:30px; right:30px;}
.navi p {overflow:hidden;}
.navi span {float:left;}
.navi span a {display:block; float:left; width:20px; height:16px; background:url(/images/main/img_navi_off.png) no-repeat 0 0;}
.navi span a.on {background:url(/images/main/img_navi_on.png) no-repeat; }
.navi .stop {float:left;}

.midbar {width:334px; height:635px; position:absolute; right:196px; top:0;}
.midbar .btn_purchase {position:relative; display:block;}
.midbar .btn_purchase .border {position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:10; box-sizing:border-box; overflow: hidden;}
.midbar .btn_purchase .border:before, .midbar .btn_purchase .border:after, .midbar .btn_purchase .border > span:before, .midbar .btn_purchase .border > span:after {content: ''; position: absolute; transition: transform .5s ease; box-sizing:border-box;}
.midbar .btn_purchase .border:before, .midbar .btn_purchase .border:after {right: 0; bottom: 0; background: #339fd3; transition: transform .3s ease;}
.midbar .btn_purchase .border:before {width: 100%; height: 5px; transform: translateX(-100%); transition-delay: .9s;}
.midbar .btn_purchase .border:after {width: 5px; height: 100%; transform: translateY(100%); transition-delay: .6s;}
.midbar .btn_purchase .border > span {display: block; width:100%; height:100%; padding: 10px; box-sizing:border-box;}
.midbar .btn_purchase .border > span:before, .midbar .btn_purchase .border > span:after {left: 0; top: 0; background: #339fd3; transition: transform .3s ease;}
.midbar .btn_purchase .border > span:before {width: 100%; height: 5px; transform: translateX(100%); transition-delay: .3s;}
.midbar .btn_purchase .border > span:after {width: 5px; height: 100%; transform: translateY(-100%); transition-delay: 0s;}
.midbar .btn_purchase .border:hover:before, .midbar .btn_purchase .border:hover:after, .midbar .btn_purchase .border:hover > span:before, .midbar .btn_purchase .border:hover > span:after {transform: translate(0, 0);}
.midbar .btn_purchase .border:hover:before {transition-delay: 0s;}
.midbar .btn_purchase .border:hover:after {transition-delay: .3s;}
.midbar .btn_purchase .border:hover > span:before {transition-delay: .6s;}
.midbar .btn_purchase .border:hover > span:after {transition-delay: .9s;}
.midbar .bestPdtWrap {position:relative;}
.midbar .bx-controls-direction a {display:block; text-indent:-9999px; overflow:hidden; width:17px; height:17px; position:absolute; top:45%; z-index:1;}
.midbar .bx-controls-direction a.bx-prev {background:url('/images/main/prev.png') no-repeat 0 0; left:30px;}
.midbar .bx-controls-direction a.bx-next {background:url('/images/main/next.png') no-repeat 0 0; right:30px;}

.rightbar {position:absolute; top:0px; right:1px; 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:196px; height:211px; margin:0px; padding:0px; border-bottom:1px solid #dfdfdf;}
.rightbar .pdtTab01 {background:url('/images/main/btn_ctt01_off.png') no-repeat 0 0;}
.rightbar .pdtTab01:hover, .rightbar .pdtTab01.active {background:url('/images/main/btn_ctt01_on.png') no-repeat 0 0;}
.rightbar .pdtTab02 {background:url('/images/main/btn_ctt02_off.png') no-repeat 0 0;}
.rightbar .pdtTab02:hover, .rightbar .pdtTab02.active {background:url('/images/main/btn_ctt02_on.png') no-repeat 0 0;}
.rightbar .pdtTab03 {background:url('/images/main/btn_ctt03_off.png') no-repeat 0 0; border-bottom:none;}
.rightbar .pdtTab03:hover, .rightbar .pdtTab03.active {background:url('/images/main/btn_ctt03_on.png') no-repeat 0 0;}
.rightbar .pdtTab04 {background:url('/images/main/btn_ctt04_off.png') no-repeat 0 0; border-bottom:none;}
.rightbar .pdtTab04:hover, .rightbar .pdtTab04.active {background:url('/images/main/btn_ctt04_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:13px; color:#8db0d7;}
.rightbar .pdtList li .icon {display:block; width:69px; height:69px; margin:0 auto; background:url('/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:-10px -10px;}
.rightbar .pdtList li.pdt01_01:hover .icon, .rightbar .pdtList li.pdt01_01.active .icon {background-position:-99px -10px;}
.rightbar .pdtList li.pdt01_02 .icon {background-position:-188px -10px;}
.rightbar .pdtList li.pdt01_02:hover .icon, .rightbar .pdtList li.pdt01_02.active .icon {background-position:-277px -10px;}
.rightbar .pdtList li.pdt01_03 .icon {background-position:-366px -10px;}
.rightbar .pdtList li.pdt01_03:hover .icon, .rightbar .pdtList li.pdt01_03.active .icon {background-position:-455px -10px;}
.rightbar .pdtList li.pdt01_04 .icon {background-position:-544px -10px;}
.rightbar .pdtList li.pdt01_04:hover .icon, .rightbar .pdtList li.pdt01_04.active .icon {background-position:-633px -10px;}
.rightbar .pdtList li.pdt01_05 .icon {background-position:-722px -10px;}
.rightbar .pdtList li.pdt01_05:hover .icon, .rightbar .pdtList li.pdt01_05.active .icon {background-position:-811px -10px;}
.rightbar .pdtList li.pdt02_01 .icon {background-position:-900px -10px;}
.rightbar .pdtList li.pdt02_01:hover .icon, .rightbar .pdtList li.pdt02_01.active .icon {background-position:-989px -10px;}
.rightbar .pdtList li.pdt02_02 .icon {background-position:-1078px -10px;}
.rightbar .pdtList li.pdt02_02:hover .icon, .rightbar .pdtList li.pdt02_02.active .icon {background-position:-1167px -10px;}
.rightbar .pdtList li.pdt02_03 .icon {background-position:-1256px -10px;}
.rightbar .pdtList li.pdt02_03:hover .icon, .rightbar .pdtList li.pdt02_03.active .icon {background-position:-1345px -10px;}
.rightbar .pdtList li.pdt02_04 .icon {background-position:-1434px -10px;}
.rightbar .pdtList li.pdt02_04:hover .icon, .rightbar .pdtList li.pdt02_04.active .icon {background-position:-1523px -10px;}
.rightbar .pdtList li.pdt03_01 .icon {background-position:-1612px -10px;}
.rightbar .pdtList li.pdt03_01:hover .icon, .rightbar .pdtList li.pdt03_01.active .icon {background-position:-1701px -10px;}
.rightbar .pdtList li.pdt03_02 .icon {background-position:-1790px -10px;}
.rightbar .pdtList li.pdt03_02:hover .icon, .rightbar .pdtList li.pdt03_02.active .icon {background-position:-1879px -10px;}
.rightbar .pdtList li.pdt04_01 .icon {background-position:-1968px -10px;}
.rightbar .pdtList li.pdt04_01:hover .icon, .rightbar .pdtList li.pdt04_01.active .icon {background-position:-2057px -10px;}
.rightbar .pdtList li.pdt04_02 .icon {background-position:-2146px -10px;}
.rightbar .pdtList li.pdt04_02:hover .icon, .rightbar .pdtList li.pdt04_02.active .icon {background-position:-2235px -10px;}
.rightbar .pdtList li.pdt04_03 .icon {background-position:-2324px -10px;}
.rightbar .pdtList li.pdt04_03:hover .icon, .rightbar .pdtList li.pdt04_03.active .icon {background-position:-2413px -10px;}
.rightbar .pdtList li.pdt04_04 .icon {background-position:-2502px -10px;}
.rightbar .pdtList li.pdt04_04:hover .icon, .rightbar .pdtList li.pdt04_04.active .icon {background-position:-2591px -10px;}

.pdtViewWrap {position:absolute; width:928px; height:595px; left:-119px; 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:108px;}
.visualArea .sub_title{width:338px; height:102px; position:absolute; left:73px; top:0px;}
.visualArea .sub_title .title{font-size:26px;  font-family:'NGB'; 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{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; font-family:'NG'; 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; font-family:'NG'}

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

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; font-family:'NG'}

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;  font-family:'NGB'}

.section{width:100%; position:relative; padding-bottom:40px; font-size:13px; font-weight:lighter !important; line-height:20px; height:auto;}
.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:80px; 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:780px; 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;  font-family:'NGB'}
.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(/images/company/ceo_img.png) right 20px 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-family:'NGB'}

.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;}
.product_menu ul li:first-child {margin-left:0;}
.product_menu ul li a {font-size:14px; font-weight:600; color:#444; display:block; line-height:40px;}
.product_menu ul li:hover {border-bottom:2px solid #00448e;}
.product_menu ul li:hover a {color:#00448e;}

/* 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: 3px 0px 0px 0px; width: 140px; color: #fff; text-align: center; z-index: 200; position: relative; cursor: pointer; font-size:17px;  font-family:'NGB'}
.tabs .tab_item .hover {color: #339fd3;}

.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;  font-family:'NGB'}
.tabslider .tab .hisyear ul{width:310px; float:left; overflow:hidden; height:auto;}
.tabslider .tab .hisyear ul li{width:310px; float:left; min-height:20px; height:auto; vertical-align:top; background:none; padding:0px; margin:0px;}
/* /////history */

/* �ü���Ȳ */
.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; width:145px; 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;}

/* 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; font-family:'NG'}
.pro .prono1, .pro .prono2, .pro .prono3, .pro .prono4{float:left; position:relative;}
.prono1{position:relative; width:196px; height:225px; margin-right:20px; background:url(/images/product/img_01.jpg) left top no-repeat;}
.prono2{position:relative; width:196px; height:225px; margin-right:20px; background:url(/images/product/img_02.jpg) left top no-repeat;}
.prono3{position:relative; width:196px; height:225px; margin-right:20px; background:url(/images/product/img_03.jpg) left top no-repeat;}
.prono4{position:relative; width:196px; height:225px; background:url(/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:visited{color:#339fd3;}

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


.pro0{position:relative; width:100%; display:inline-block; font-family:'NG'}
.pro0 .prono00, .pro0 .prono01, .pro0 .prono02, .pro0 .prono03, .pro0 .prono04{float:left; position:relative; width:440px; height:266px; margin-bottom:20px;}
.prono00{margin-right:20px; background:url(/images/product/img_0_00.jpg) left top no-repeat;}
.prono01{margin-right:0; background:url(/images/product/img_0_01.jpg) left top no-repeat;}
.prono02{margin-right:20px; background:url(/images/product/img_0_02.jpg) left top no-repeat;}
.prono03{margin-right:0; background:url(/images/product/img_0_03.jpg) left top no-repeat;}
.prono04{margin-right:0px; background:url(/images/product/img_0_04.jpg) left top no-repeat;}

.pro0 h3{padding:3px 0 0 20px; color:#339fd3; font-size:17px;}
.pro0 h3 a{color:#fff;}
.pro0 h3 a:hover, .pro0 h3 a:link, .pro0 h3 a:active, .pro0 h3 a:visited{color:#fff;}

.pro0 ul{padding:20px 0 0 20px; font-size:14px; color:#666666; width:150px;}
.pro0 ul li{padding:0 0 6px 0; width:150px; float:left; background:url(/images/common/dot_gray.gif) left 6px no-repeat; padding-left:8px;}



.boardTab {border:1px solid #dfdfdf; padding:20px; margin-bottom:30px;}
.boardTab ul{width:100%; font-family:'NG'; 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;}

.Tab ul{padding-bottom:20px; width:100%; height:60px; font-family:'NG'}
.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; height:auto; padding:7px 19px; border:1px solid #ddd;}
.Tab ul .tab_on{font-size:12px; color:#fff; background:#339fd3; width:auto; height:auto; padding:8px 20px; border:0px solid #ddd;}

.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;}

/* �������� 200408 �߰� */
.workmanship .introduction {background:url('/images/product/workmanship_bg.jpg') no-repeat right -70px;}
.workmanship .introduction p {font-size:16px; line-height:24px;}
.workmanship .introduction strong.navy {display:block; padding-top:15px; font-size:18px;}
.workmanship .introduction img {display:block; margin-top:40px;}
.workmanship .section {margin-top:60px;}
.workmanship .section .tt {display:block; margin-bottom:20px; font-size:20px; font-weight:600; color:#222;}

/* 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;  font-family:'NGB'}
.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-family:'NGB'}
.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-family:'NGB'; padding-bottom:5px;}
.asBox .tel2{font-size:14px; color:#339fd3;  font-family:'NGB'; padding-bottom:10px;}




/*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{text-indent:14px; width:100%; margin:2px 0px; height:20px; padding-top:5px; font-size:12px;}
.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;  font-family:'NGB'}
.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:20px; color:#666;  font-family:'NGB'; padding-bottom:11px;}



/*foot*/
#foot{height:125px; background:#333333; font-family:'NG'}
.footWarp {width:1165px; height:60px; margin:0px auto; position:relative;}
.footWarp .mark {position:absolute; right:0; top:50px;}
.footWarp .footMenu{ height:20px; padding:30px 0px 0px;}
.footWarp .footMenu:after { content:''; display:block; clear:both;}
.footWarp .footMenu li { float:left;}
.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:5px; font-size:9px; color:#ccc;}
.footWarp .footCnt address{padding-bottom:3px; font-size:11px; color:#ccc; line-height:16px}
.footWarp .way21{padding-top:3px; color:#999; display:none;}
.footWarp .way21 a, .footWarp .way21 a:hover, .footWarp .way21 a:active, .footWarp .way21 a:visited, .footWarp .way21 a:link{color:#666;}

/* ������ �α��� */
.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;}


.customer-popup {display:none; z-index:1000; background-color:#fff; position:fixed; top:100px; left:20%;  padding:30px; border:1px solid #ddd; }
.customer-popup .contentAreas {margin-left:0;}
.customer-popup .close-btn {position:absolute; right:10px; top:10px; z-index:1001; cursor:pointer;}
.customer-popup .close-btn svg {width: 30px;}

.customer-popup .cus03 {width:100%;}
.customer-popup .d-flex {display:flex; width:100%;align-items: flex-start;}
.customer-popup .section ul {width:80%;}
.customer-popup .section ul li {float:none;}
.customer-popup .form-check {border:1px solid #339fd3; padding:5px 10px; border-radius:4px;}
.customer-popup .form-check-label {font-weight:bold; color: #07638f;}
.customer-popup .border {border:1px solid #e7e7e7; padding:20px; border-radius:4px;}

.yellowbg {background-color:yellow; color:#000; font-weight:700; text-decoration:underline;}