/**************************************************/
/*                     회사소개                                */
/**************************************************/
/*CEO인사말*/
#about01_1.con_box{line-height: 1.7; font-size: 16px}
#about01_1.con_box p{margin: 0 0 20px 0}
#about01_1 .about_img1{height: 380px; margin: 0 0 50px 0 !important; border-bottom: 3px solid #0a4ca1; background: url(../../images/content/img_about01.png) right bottom no-repeat}
#about01_1 .about_img1 h4{padding: 115px 0 25px 0; line-height: 1.2; font-size: 33px; color: #3c3c3c; font-family: "hyundaimedium", "현대체 Medium", "nanumgothic", "나눔고딕", "dotum", "돋움"}
#about01_1 .about_img1 p{line-height: 1.4; font-size: 20px; font-weight: 700}
.greeting_info {padding-top: 20px; font-size: 18px;}

/*비전*/
.vision_dl{padding: 222px 0 0 0; text-align: center; background: url(../../images/content/img_vision_new.png) center 40px no-repeat}
.vision_dl dl{display: block; float:left; *display: inline; zoom: 1; width: 250px; margin: 0 15px; word-break: keep-all}
.vision_dl dt{padding: 15px 0 8px 0; font-size: 16px; color: #3c3c3c; font-weight: 700}
.vision_dl dt strong{display: block; font-size: 18px}
.vision_dl dd{padding: 0 20px}
.vision_dl dl.dl1 dd{padding: 0 10px}
.vision_dl dl.dl1{padding-left:70px;}
.vision_dl dl.dl2{padding-left:10px;}
.vision_dl dl.dl3{padding-left:10px;}
/*연혁*/
#historyList{position: relative; height: 1266px; margin: 50px 500px 0 499px; background: #e6e6e6}
#historyList .item{position: absolute; width: 430px; padding: 0 35px; background-image: url(../../images/content/bl_history.png); background-repeat: no-repeat}
#historyList .item h4{margin: -6px 0 5px 0; font-size: 18px; color: #0a4ca1}
#historyList .item.left{left: -492px; text-align: right; background-position: right 0}
#historyList .item.right{left: -7px; text-align: left; background-position: left 0}
#historyList .item .img{padding: 10px 0 0 0}
#historyList .item .border{border: 1px solid #c8c8c8}
/*c.i.*/
.logo_box{position: relative; width: 488px; height: 149px}
.logo_box img{position: absolute}
.font_box{padding: 43px 0 35px; text-align: center}
.pt_white{background: url(../../images/content/pt_ci1.jpg) left top; border: 1px solid #d4d4d4}
.pt_black{background: url(../../images/content/pt_ci2.jpg) left top; border: 1px solid #2d2d2d}
.color_box {padding: 50px 0 20px; border: 1px solid #d4d4d4; }
.color_box:after {display: block; content: ''; clear: both; }
.color_box .color_items{float: left; width: 430px; padding: 0 0 0 55px }
.color_box .pic_color {float: left; margin-right: 10px; width: 40%; margin-bottom: 35px !important}
.color_box .pic_color img {max-width: 100%; vertical-align: top }
.color_box .txt_color {float: left; width: 58%; }
.color_box dl dt {margin-top: 5px; padding-bottom: 10px; font-weight: 800; color: #3c3c3c }
/*글로벌네트워크*/
#globalNetwork .search_box2{padding: 15px 30px; border: 1px solid #d6d6d6; text-align: right; background: #f6f6f6}
#globalNetwork .search_box2 label{display: inline-block; *display: inline; zoom: 1; margin: 0 8px; color: #3c3c3c; font-weight: 700}
#globalNetwork .search_box2 select{min-width: 150px; vertical-align: middle}
#globalNetwork .search_box2 .btn_search{width: 80px; height: 28px; color: #fff; vertical-align: middle; background: url(../../images/content/icon_search.png) #0a4ca1 center no-repeat}
#globalNetwork .select_box{position: relative; padding-left: 150px; margin: 0 0 40px 0}
#globalNetwork .select_box strong{display: block; position: absolute; left: 0; top: 0; width: 150px; height: 100%; line-height: 150px; background: #6e6e6e; color: #fff; text-align: center}
#globalNetwork .select_box ul{overflow: hidden; padding: 15px 16px; border: 1px solid #d6d6d6}
#globalNetwork .select_box ul li{float: left; margin: 0 27px 5px 0; font-weight: 700}
#globalNetwork .icon_filter{display: inline-block; *display: inline; zoom: 0; width: 32px; height: 32px; margin: 0 9px 0 0; vertical-align: middle}
#globalMap{height: 600px}
#globalInfo .global_title{padding: 10px; /*border-bottom: 1px solid #d6d6d6*/}
#globalInfo .global_title h3{position: relative; padding: 2px 10px 0 42px; color: #3c3c3c; line-height: 1}
#globalInfo .global_title .icon_filter{position: absolute; left: 0; top: 0}
#globalInfo .global_list li{font-size: 12px}
#globalInfo .global_con{padding: 10px}
#globalInfo .global_list li{position: relative; line-height: 1.2; margin: 0 0 5px 0}
#globalInfo .global_list li strong span{display: inline-block; *display: inline; zoom: 1; color: #333; padding: 0 5px}
#globalInfo .global_list li strong{display: block; position: absolute; left: 0; top: 0; color: #1a58a7}
#globalInfo .global_list li.address{padding-left: 58px}
#globalInfo .global_list li.tel{padding-left: 38px}
#globalInfo .global_list li.fax{padding-left: 42px}
#globalInfo .global_list li.email{padding-left: 50px}
#globalInfo .global_active{position: relative; width: 240px; height: 42px; margin: 15px auto 0; background: url(../../images/content/icon_global.png) center top no-repeat; text-indent: -9999px}
#globalInfo .icon_global{position: absolute; left: 0; top: -1px; width: 70px; height: 42px; background: url(../../images/content/icon_global.png)}
#globalInfo .icon_global.icon1{left: 0; background-position: 0 bottom}
#globalInfo .icon_global.icon2{left: 101px; width: 65px; background-position: -101px bottom}
#globalInfo .icon_global.icon3{left: 195px; width: 45px; background-position: -195px bottom}
.global_table th{line-height: 1.2; color: #3c3c3c; font-size: 16px; background: #f5f7f6}
.global_table th strong{display: block; padding: 0 0 5px 0; color: #0a4ca1}
.global_table td{padding: 17px 20px}
/*찾아오시는길*/
.map{height: 600px}
.location_box{overflow: hidden; padding: 15px 0}
.location_box .location_item{float: left; min-width: 115px; padding: 0 30px 0 100px; height: 80px; background-position: left center; background-repeat: no-repeat}
.location_box .location_item.item1{background-image: url(../../images/content/img_loca1.png)}
.location_box .location_item.item2{background-image: url(../../images/content/img_loca2.png)}
.location_box .location_item.item3{background-image: url(../../images/content/img_loca3.png)}
.location_box .location_item .bl02{padding-bottom: 0 !important}
.subway_box{float: left; width: 600px}
.bus_box{float: right; width: 400px}
.subway_box .bl02, .bus_box .bl02{margin-left: 20px}
.traffic_box{position: relative}
.traffic_box:after{content: ""; display: block; position: absolute; left: 31px; top: 6px; z-index: 0; width: 1px; height: 100%; background: #ccc}
.traffic_list{padding: 0 0 20px 0; margin: 0 0 0 32px}
.traffic_list:after{content: ""; display: block; position: absolute; left: 28px; bottom: -6px; z-index: 1; width: 7px; height: 7px; background: #e6e6e6; border-radius: 50%}
.traffic_list li{position: relative; padding: 0 0 0 20px; margin-top: 3px}
.traffic_list li:after{content: ""; display: block; position: absolute; left: -4px; top: 6px; z-index: 1; width: 7px; height: 7px; background: #0b9299; border-radius: 50%}
.traffic_list li:first-child{margin: 0 0 0 0}
.traffic_list .add_txt{margin-top: 25px; color: #0b9299}

/**************************************************/
/*                     사업분야                                */
/**************************************************/
/*기술보증*/
#division01_1 .division_img1{height: 260px; padding: 0 !important; background: url(../../images/content/img_div01.jpg) left top no-repeat}
#division01_1 .division_img1 h4{padding: 55px 0 35px 0; margin: 55px 0 0 0; font-size: 30px; float: left; width: 50%; line-height: 1.2; text-align: center; color: #fff; background: url(../../images/content/img_icon01.png) no-repeat center top; font-family: "hyundaimedium", "현대체 Medium", "nanumgothic", "나눔고딕", "dotum", "돋움";}
#division01_1 .division_img1 p{margin: 0 0 30px 0 !important}
.guarantee_list > li{position: relative; padding: 0 0 0 165px; margin: 30px 0 0 0; border: 1px solid #d5d5d5; background: #f7f6f6}
.guarantee_list > li:after{content: ""; display: block; position: absolute; left: 43px; top: 50%; width: 80px; height: 80px; margin: -40px 0 0 0; background-image: url(../../images/content/img_icon02.png)}
.guarantee_list > li.li1:after{background-position: 0 0}
.guarantee_list > li.li2:after{background-position: -80px 0}
.guarantee_list > li.li3:after{background-position: -160px 0}
.guarantee_list > li dl{background: #fff; padding: 25px 25px}
.guarantee_list > li dl dt{position: relative; display: block; padding: 0 0 10px 0; color: #1a58a7; font-size: 16px; font-weight: 700}
.guarantee_list > li dl dt span{display: block; color: #6e6e6e}
.guarantee_list > li dl dt:after{content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 30px; height: 1px; background: #777777}
.guarantee_list > li dl dd{display: block; min-height: 126px; padding: 10px 0 0 0}
/*부품서비스*/
#division02_1 .div_service{position: relative; height: 590px; margin: 25px 0 0 0; background: url(../../images/content/img_div02_1.jpg) center no-repeat}
#division02_1 .div_service h5{position: absolute; left: 0; top: 215px; width: 100%; color: #3c3c3c; font-size: 24px; text-align: center; line-height:30px;}
#division02_1 .div_service dl{position: absolute; text-align: center}
#division02_1 .div_service dt{font-size: 16px; color: #0a4ca1; font-weight: 700}
#division02_1 .div_service .txt1{left: 410px; top: 40px}
#division02_1 .div_service .txt2{left: 695px;top: 175px}
#division02_1 .div_service .txt3{left: 690px;top: 365px}
#division02_1 .div_service .txt4{left: 430px;top: 505px}
#division02_1 .div_service .txt5{left: 40px; top: 380px}
#division02_1 .div_service .txt6{left: 6px; top: 160px}
.div_product_list{overflow: hidden; margin: 0 0 0 -6px}
.div_product_list .item{position: relative; float: left; width: 243px; /*height: 374px;*/ padding: 182px 0 0 0; margin: 5px 0 0 6px; border: 1px solid #c8c8c8}
.div_product_list .img{position: absolute !important; left: 0; top: 0; margin: 0 !important; border-bottom:1px solid #f0f0f0; }
.div_product_list .img img{vertical-align: top}
.div_product_list .subject{height: 37px; padding: 18px 0 0 20px; margin: 0; font-size: 16px; color: #0a4ca1; line-height: 1.2; border-bottom: 1px solid #f0f0f0}
.div_product_list .subject span{display: block; font-size: 14px; letter-spacing: -0.05em}
.div_product_list .subject.line02{height: 45px; padding-top: 10px}
/*.div_product_list .part01,
.div_product_list .part02{padding: 15px 20px 0}
.div_product_list .part01 dd{min-height: 150px}
.div_product_list dt{padding: 0 0 0 25px; margin: 0 0 5px 0; font-weight: 700; color: #3c3c3c; background-position: left center; background-repeat: no-repeat}
.div_product_list .bl_div01{background-image: url(../../images/content/bl_div01.png)}
.div_product_list .bl_div02{background-image: url(../../images/content/bl_div02.png)}*/
/*기술서비스*/
.energy_dl{padding: 0 0 10px 18px}
.energy_dl dt{color: #3c3c3c; font-weight: 700}
.energy_dl dd{padding: 0 0 5px 15px}
.energy_dl dd p{position: relative; padding: 0 0 0 10px;}
.energy_dl dd p:after{content: ""; display: block; position: absolute; left: 0 ; top: 10px; width: 2px; height: 2px; background: #6e6e6e}
.energy_img{overflow: hidden; padding: 5px 0 10px; margin: 0 0 0 -20px}
.energy_img li{position: relative; float: left; margin-left: 20px; border: 1px solid #ddd}
.energy_img li img{display: block}
.energy_img li strong{display: block; padding: 8px 0; font-size: 16px; text-align: center; color: #fff; background: url(../../images/content/img_pt02_3_2.jpg) center }
.rule_h6{margin: 0; padding: 0; color: #3c3c3c}
.rule_img{overflow: hidden; padding: 5px 0 10px; margin: 0 0 0 -20px}
.rule_img li{position: relative; float: left; margin-left: 20px; border: 1px solid #ddd}
.rule_img li img{display: block}
.rule_img li strong{display: block; padding: 8px 0; font-size: 16px; text-align: center; color: #fff; background: url(../../images/content/img_pt02_3_2.jpg) center }
.tech_progress{overflow: hidden; padding: 10px 0; margin: 0 0 0 -110px}
.tech_progress li{position: relative; float: left; margin-left: 110px; border: 1px solid #ddd}
.tech_progress li:after{content: "다음"; display: block; position: absolute; left: -73px; top: 50%; width: 34px; height: 27px; margin: -13px 0 0 0; text-indent: -9999px; background: url(../../images/content/arr_tech_process.png)}
.tech_progress li.arr_none:after,
.tech_progress li:first-child:after{display: none}
.tech_progress li img{display: block}
.tech_progress li strong{display: block; padding: 8px 0; font-size: 16px; text-align: center; color: #fff; background: url(../../images/content/img_pt02_3_2.jpg) center }
.img_repair{overflow: hidden; margin: 0 0 0 -10px !important}
.img_repair img{display: block; float: left; margin: 10px; border: 1px solid #ddd}
#repair_box .outer > li{padding: 25px 0 0 0}
#repair_box .outer > li:first-child{padding-top: 0}
#repair_box .outer > li > strong{display: block; position: relative; padding: 0 0 0 10px; margin: 0 0 -15px 0}
#repair_box .outer > li > strong:after{content: ""; display: block; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #6e6e6e}
/*육상발전서비스*/
#division02_3 .division_img1{overflow: hidden; border: 1px solid #e6e6e6; background: url(../../images/content/img_pt02_3_1.png) 370px 165px no-repeat}
#division02_3 .division_img1 .fleft{width: 437px; padding: 30px; }
#division02_3 .division_img1 .fright img{border-left: 1px solid #e6e6e6; vertical-align: top}
.land_list{overflow: hidden; margin: -20px 0 0 -8px}
.land_list li{position: relative; float: left; margin: 20px 0 0 8px; width: 244px}
.land_list li img{vertical-align: top}
.land_list li p{position: absolute !important; left: 0; bottom: 0; width: 100%; padding: 9px 0; margin: 0 !important; text-align: center; font-size: 16px; color: #fff; background: url(../../images/content/img_pt02_3_2.jpg) left center repeat-x}

#division02_3 .tech_text{position: relative}
#division02_3 .tech_text .img{overflow: hidden; margin-bottom: 10px}
#division02_3 .tech_text .img li{float: left; width: 310px; margin: 0 0 0 7px; position: relative; border: 1px solid #d9e6ee}
#division02_3 .tech_text .img li:first-child{margin: 0 0 0 0}
#division02_3 .tech_text .img li img{max-width: 100%; height: 220px; vertical-align: top; border: 0 none}
#division02_3 .tech_text .img li.s_img{width: 150px; border: 1px solid #d9e6ee}

/*글로벌아카데미*/
.curriculum_list{border-top: 3px solid #656565}
.curriculum_list .item{border-bottom: 1px solid #999; padding: 0 0 15px 0}
.curriculum_list .item .subject{padding: 20px 25px; margin: 0 0 25px 0; font-size: 18px; color: #0a4ca1; border-bottom: 1px solid #ededed}
.curriculum_list .item .text{position: relative; margin: 0 25px 10px 25px; padding: 0 0 0 80px}
.curriculum_list .item .text h6{position: absolute; left: 0; top: 0; padding: 0 0 0 10px; margin: 0; color: #3c3c3c}
.curriculum_list .item .text h6:after{content: ""; display: block; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #b4b4b4}
.curriculum_list .item .text p{position: relative; padding: 0 0 0 20px !important; margin: 0 0 0 0 !important}
.curriculum_list .item .text p:after{content: ""; display: block; position: absolute; left: 0; top: 4px; width: 1px; height: 10px; background: #b4b4b4}
.edu_order{margin: 10px 0 0 0; overflow: hidden}
.edu_order li{position: relative; float: left; margin: 0 0 0 80px; border: 1px solid #e6e6e6}
.edu_order li:after{content: "다음"; display: block; position: absolute; left: -58px; top: 50%; width: 34px; height: 27px; margin: -13px 0 0 0; text-indent: -9999px; background: url(../../images/content/arr_div_process.png)}
.edu_order li:first-child{margin: 0}
.edu_order li:first-child:after{display: none}
.edu_order li img{vertical-align: top}
.edu_order li strong{display: block; height: 48px; line-height: 48px; font-size: 16px; text-align: center; border-top: 1px solid #e6e6e6}
.contant_info{margin: 10px 0 0 0; padding: 45px 25px 45px 137px; background: #fafafa url(../../images/content/icon_div_info.png) no-repeat 30px center; border: 1px solid #ddd; overflow: hidden}
.contant_info dl{float: left}
.contant_info dt{position: relative; float: left; padding: 0 15px 0 0; color: #3c3c3c; font-weight: 700}
.contant_info dt span.line{content: ""; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; margin: -5px 0 0 0;  background: #ddd}
.contant_info dd{float: left; padding: 0 0 0 15px; margin: 0 50px 0 0}
/**************************************************/
/*                     인재채용                                */
/**************************************************/
.talent_list{position: relative; padding: 45px 0 0 0}
.talent_list dl{padding: 35px 0 0 235px; background: url(../../images/content/img_talent_new.png) left top no-repeat}
.talent_list dt{position: relative; padding: 0 0 15px 0; margin: 0 0 15px 0; color: #3c3c3c; font-size: 18px; font-weight: 700}
.talent_list dt:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 10px; height: 1px; background: #6e6e6e}
.talent_list dd{padding: 0 0 100px 0; font-size: 14px; word-break: keep-all}
.process_list{overflow: hidden}
.process_list li{position: relative; float: left; padding: 15px 0 15px 30px; background: url(../../images/content/arr_rec.jpg) 12px center no-repeat}
.process_list li:first-child{padding-left: 0}
.process_list li span{display: block; width: 140px; height: 62px; line-height: 62px; color: #fff; text-align: center; border-radius: 31px}
.process_list li .color1{background: #5b93cd}
.process_list li .color2{background: #377ac0}
.process_list li .color3{background: #094d93}
.process_list li .color4{background: #094d93}
.process_list li .color5{background: #062b52}
.process_list li .color6{background: #f46a0e}
.rec_list{overflow: hidden; padding: 30px 0 0 0; margin: 0 0 0 -38px}
.rec_list li{float: left; width: 308px; margin: 0 0 0 38px}
.rec_list li.color1{background: #35a4ea}
.rec_list li.color2{background: #168be5}
.rec_list li.color3{background: #0667cb}
.rec_list dl{padding: 25px; margin: 0; color: #fff; text-align: center}
.rec_list dt{padding: 0 0 35px 0; font-size: 20px; font-family: "hyundaimedium", "현대체 Medium", "nanumgothic", "나눔고딕", "dotum", "돋움"}
.rec_list dd{padding: 0 20px 30px 20px; font-size: 13px; word-break: keep-all}
/**************************************************/
/*                     이용안내                                */
/**************************************************/
/*사이트맵*/
#sitemap{overflow: hidden; margin: 0 0 0 -50px}
#sitemap .main_map{float: left; width: 160px; margin: 0 0 0 50px}
#sitemap .main_map  h3 a.h20{display: block; position: relative; height: 59px; line-height: 20px; color: #0a4ca1; font-size: 16px; font-weight: 800; border-bottom: 3px solid #0a4ca1}
#sitemap .main_map  h3 a{display: block; position: relative; height: 59px; line-height: 59px; color: #0a4ca1; font-size: 16px; font-weight: 800; border-bottom: 3px solid #0a4ca1}
#sitemap .main_map  h3 a:after{content: ""; display: block; position: absolute; right: -13px; top: 5px; width: 50px; height: 50px; background-image: url(../../images/content/icon_sitemap.png)}
#sitemap .main_map  h3.about a:after{background-position: 0 0}
#sitemap .main_map  h3.division a:after{background-position: 0 -50px}
#sitemap .main_map  h3.public a:after{background-position: 0 -100px}
#sitemap .main_map  h3.customer a:after{background-position: 0 -150px}
#sitemap .main_map  h3.recruit a:after{background-position: 0 -200px}
#sitemap .main_map  h3.member a:after{background-position: 0 -250px}
#sitemap .main_map  h3.use a:after{background-position: 0 -300px}
#sitemap .sub_map > li{padding: 0 0 10px 0; border-bottom: 1px solid #e2e2e2}
#sitemap .sub_map > li > a{padding: 15px 0 5px; display: block; font-weight: 700}
#sitemap .third_map{padding: 10px 0 0 0}
#sitemap .third_map > li > a{display: block; position: relative; padding: 5px 10px; font-size: 13px}
#sitemap .third_map > li > a:after{content: ""; display: block; position: absolute; left: 0; top: 11px; width: 2px; height: 2px; background: #b4b4b4}
#sitemap .tab_map{background: #eeeeee; padding: 12px 10px; margin: 7px 0 12px}
#sitemap .tab_map li{padding: 0 7px; margin: 5px 0 0 0; position: relative}
#sitemap .tab_map li:first-child{margin: 0 0 0 0}
#sitemap .tab_map li:after{content: ""; display: block; position: absolute; left: 0; top: 9px; width: 2px; height: 2px; background: #b4b4b4}
#sitemap .tab_map li a{font-size: 13px}
#sitemap .main_map a{line-height: 1.2}
#sitemap .main_map a:hover, #sitemap .main_map a:focus{ text-decoration: underline}

/**************************************************/
/*                    회원서비스                                */
/**************************************************/
/*로그인, 아이디/비밀번호찾기, 비밀번호 확인 , 비밀번호 변경 공통*/
.member_box{position: relative; border: 1px solid #ddd; clear: both}
.member_box:after {content:" "; display:block; clear:both}
.member_title{position: absolute; left: 50px; top: 40px; letter-spacing: -1px}
.member_title h4{color: #3c3c3c; font-size: 28px; margin-bottom: 5px}
.member_input label{display: block; line-height: 37px}
.member_input input{height: 46px}
.member_btn{display: block; width: 100%; height: 50px; line-height: 50px; margin: 10px 0 0 0; color: #fff; text-align: center}
.member_btn1{background: #0a4ca1}
.member_btn2{background: #002b5c}
/*로그인
#loginBox .login_input input{width: 77%; padding: 0 5%; border: 1px solid #bdbdbd; line-height: 48px}
*/
#loginBox .login_box{padding: 160px 50px 42px 517px; background: url(../../images/content/img_login.jpg) 126px 150px no-repeat}
#loginBox .login_title{font-size: 15px}
#loginBox .login_title h4{font-size: 35px; font-weight: 800}
#loginBox .login_input{position: relative; padding: 0 0 0 0}
#loginBox .login_input label{display: block; line-height: 48px; }
#loginBox .login_input .input_id{width: 46%; border: 1px solid #bdbdbd; height: 45px; line-height: 45px; margin:0 0 5px 10px; padding:0 5%;}
#loginBox .login_input .input_pw{width: 46%; border: 1px solid #bdbdbd; height: 45px; line-height: 45px; margin:0 0 0 10px; padding:0 5%;}
#loginBox .login_save{padding: 18px 0 25px}
#loginBox .login_bottom{overflow: hidden}
#loginBox .login_bottom .btn{overflow: hidden; float: left; display: block; height: 45px; line-height: 45px; text-align: center; border: 1px solid #bdbdbd; font-size:13px;}
#loginBox .login_bottom .btn span{display: inline-block; *display: inline; zoom: 0; padding: 0 0 0 25px; background-position: left center; background-repeat: no-repeat}
#loginBox .login_bottom .btn.btn_join{width: 183px}
#loginBox .login_bottom .btn.btn_join span{background-image: url(../../images/content/icon_join.png)}
#loginBox .login_bottom .btn.btn_findpw{width: 245px; border-left: 0 none}
#loginBox .login_bottom .btn.btn_findpw span{background-image: url(../../images/content/icon_pw.png)}

/*로그인01
#loginBox .login_input input{width: 77%; padding: 0 5%; border: 1px solid #bdbdbd; line-height: 48px}
*/
#loginBox01 .login_box01{padding: 142px 50px 122px 517px; background: url(../../images/content/img_login.jpg) 126px 150px no-repeat}
#loginBox01 .login_title01{font-size: 15px}
#loginBox01 .login_title01 h4{font-size: 35px; font-weight: 800}
#loginBox01 .login_input01{position: relative; padding: 0 0 0 0}
#loginBox01 .login_input01 label{display: block; line-height: 48px; }
#loginBox01 .login_input01 .input_id{width: 48%; border: 1px solid #bdbdbd; height: 45px; line-height: 45px; margin:0 0 5px 10px; padding:0 5%;}
#loginBox01 .login_input01 .input_pw{width: 48%; border: 1px solid #bdbdbd; height: 45px; line-height: 45px; margin:0 0 0 10px; padding:0 5%;}
#loginBox01 .login_save01{padding: 18px 0 25px}
#loginBox01 .login_bottom01{overflow: hidden}
#loginBox01 .login_bottom01 .btn{overflow: hidden; float: left; display: block; height: 45px; line-height: 45px; text-align: center; border: 1px solid #bdbdbd}
#loginBox01 .login_bottom01 .btn span{display: inline-block; *display: inline; zoom: 0; padding: 0 0 0 28px; background-position: left center; background-repeat: no-repeat}
#loginBox01 .login_bottom01 .btn.btn_join{width: 198px}
#loginBox01 .login_bottom01 .btn.btn_join span{background-image: url(../../images/content/icon_join.png)}
#loginBox01 .login_bottom01 .btn.btn_findpw{width: 229px; border-left: 0 none}
#loginBox01 .login_bottom01 .btn.btn_findpw span{background-image: url(../../images/content/icon_pw.png)}

/*#btnLogin{position: absolute; right: 0; top: 0; width: 108px; height: 100px; color: #fff;font-size: 16px; font-weight: 700; background: #0a4ca1}
#btnLogin span{display: inline-block; *display: inline; zoom: 0; padding: 35px 0 0 0; background: url(../../images/content/icon_login.png) center top no-repeat}*/
.btn_login {position: absolute; right: 0; top: 0; width: 108px; height: 100px; color: #fff;font-size: 16px; font-weight: 700; border:0 none;cursor:pointer; background: url(../../images/content/btn_login.gif) center top no-repeat}
.btn_login span {display:none;}
/*아이디,비번찾기*/
#findBox .find_box{}
#findBox .fleft{position: relative; width: 418px; height: 457px; padding: 20px 40px 0; border-right:1px solid #ddd}
#findBox .fright{position: relative; width: 419px; height: 457px; padding: 20px 40px 0}
#findBox .find_input{position: absolute; left: 0; bottom: 0; padding: 0 40px 30px}
#findBox .find_input label{}
#findBox .find_input input{width: 394px; padding: 0 10px}
#findBox .find_input input.company{width: 340px; padding: 0 10px; float:left;}
#btnFindID{}
#btnFindPW{}
.btnFindPW{float: left; display: block; width: 48px; height: 48px; background: url(../../images/bbs/icon_search2.jpg) center no-repeat; border: 1px solid #a9a9a9; border-left: 0 none}


/*비밀번호 확인*/
#checkPwBox .checkPw_box{padding: 105px 45px 122px 546px; background: url(../../images/content/img_checkPW.jpg) 126px 150px no-repeat}
#checkPwBox .checkPw_title{}
#checkPwBox .checkPw_title h3{}
#checkPwBox .checkPw_input{}
#checkPwBox .checkPw_input label{}
#checkPwBox .checkPw_input input{width: 383px; padding: 0 10px}
#btnCheckPw{margin: 20px 0 0 0}
/*비밀번호 변경*/
#changePwBox .changePw_box{padding: 70px 45px 50px 550px; background: url(../../images/content/img_checkPW.jpg) 126px 230px no-repeat}
#changePwBox .changePw_title{}
#changePwBox .changePw_title h3{}
#changePwBox .changePw_input{}
#changePwBox .changePw_input label{padding: 10px 0 0 0; line-height: 35px}
#changePwBox .changePw_input input{width: 380px; padding: 0 10px}
/*관리자 로그인*/
#adminBox .admin_box{padding: 105px 45px 122px 546px; background: url(../../images/content/img_checkPW.jpg) 126px 150px no-repeat}
#adminBox .admin_title{}
#adminBox .admin_title h3{}
#adminBox .admin_input{}
#adminBox .admin_input label{}
#adminBox .admin_input input{width: 383px; padding: 0 10px}
#adminBox .admin_bottom .btn.btn_editpw{overflow: hidden; display: block; height: 45px; line-height: 45px; margin: 20px 0 0 0; text-align: center; border: 1px solid #bdbdbd}
#adminBox .admin_bottom .btn.btn_editpw span{display: inline-block; *display: inline; zoom: 0; padding: 0 0 0 28px; background: url(../../images/content/icon_pw.png) left center no-repeat}
#btnAdminLogin{margin: 20px 0 0 0}
/*회원가입*/
.join_step{position: relative; height: 120px; margin: -16px 0 30px 0; text-align: center}
.join_step:after{content: ""; display: block; position: absolute; left: 0; top: 40px; z-index: 0; width: 100%; height: 1px; background: #ddd}
.join_step li{display: block; *display: inline; float:left; left:250px; zoom: 0; position: relative; z-index: 1; width: 80px; margin: 0 50px; background: #fff}
.join_step li span{display: block; width: 80px; height: 80px; margin: 0 0 10px 0; text-indent: -9999px; background-image: url(../../images/content/img_joinstep.png)}
.join_step li.step1 span{background-position: 0 top}
.join_step li.step2 span{background-position: -80px top}
.join_step li.step3 span{background-position: -160px top}
.join_step li.step1.active span{background-position: 0 bottom}
.join_step li.step2.active span{background-position: -80px bottom}
.join_step li.step3.active span{background-position: -160px bottom}
.terms_box{overflow-y: scroll; border: 1px solid #ddd; height:200px;}
.terms_box .inner{min-height: 170px; padding: 15px 20px}
#joinBox .join_complete{padding: 220px 0 0 0; font-size: 16px; text-align: center; background: url(../../images/content/img_join.jpg) center 30px no-repeat}
#joinBox .join_complete strong{color: #3c3c3c; font-size: 18px; font-weight: 700}
#btnChangekPw{margin: 20px 0 0 0}
.achk-wrap {background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #ddd; margin: 30px 0; padding: 15px; text-align: center;}


/*주요서비스*/
#serviceBox{position: relative; padding: 0 250px 0 145px; margin: 15px 0 0 0}
#serviceBox img{vertical-align: top}
#serviceBox h5{position: absolute; left: 0; width: 145px; height: 60px; line-height: 60px; margin: 0; background: #333}
#serviceBox h5.on{background: #1d67cd}
#serviceBox h5 a{display: block; color: #fff; padding: 0 25px}
#serviceBox h5.service_title1{top: 0}
#serviceBox h5.service_title2{top: 60px}
#serviceBox h5.service_title3{top: 120px}
#serviceBox h5.service_title4{top: 180px}
#serviceBox .bx-pager{position: absolute; right: -4px; top: 0; width: 252px; margin: 0 0 0 0}
#serviceBox .bx-pager a{display: block; position: relative; float: left; margin: 0 4px 4px 0}
#serviceBox .bx-pager a.active:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 76px; height: 56px; border: 2px solid #1d67cd}
#serviceBox .subject{position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; padding: 15px; background: rgba(0,0,0,.8); color: #fff}

/*사업분야*/
.pro_wrap{position: relative; padding-left: 235px}
.pro_wrap:before{content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 3; width: 224px; height: 1px; background: #d3d3d3}
.pro_wrap:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 3; width: 224px; height: 1px; background: #d3d3d3}
.pro_wrap .pro_btn{position: absolute; left: 0; top: 0; z-index: 2; width: 224px; height: 100%; overflow-x: hidden; overflow-y: auto; background: #f0f0f0; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3}
.pro_wrap .pro_btn > li:first-child{border-top: 1px solid #d3d3d3}
.pro_wrap .pro_btn > li >a{position: relative; display: block; padding: 10px 15px; border-bottom: 1px solid #d3d3d3; letter-spacing: -1px}
.pro_wrap .pro_btn > li >a:after{content: ""; display: block; position: absolute; right: 0; top: 50%; margin: -10px 10px 0 0; width: 20px; height: 20px; background-image: url(../../images/content/arr_pro.png); background-repeat: no-repeat; background-position: 7px -37px}
.pro_wrap .pro_btn > li >a.on,
.pro_wrap .pro_btn > li >a:hover,
.pro_wrap .pro_btn > li >a:focus{background: #0a4ca1; color: #fff}
.pro_wrap .pro_btn > li >a.on:after,
.pro_wrap .pro_btn > li >a:hover:after,
.pro_wrap .pro_btn > li >a:focus:after{background-position: 7px 3px}
.pro_wrap .pro_s_btn{display: none; padding: 7px 15px; background: #fff; border-bottom: 1px solid #d3d3d3}
.pro_wrap .pro_s_btn > li{position: relative; padding: 2px 0 2px 10px}
.pro_wrap .pro_s_btn > li:after{content: ""; display: block; position: absolute; left: 0; top: 11px; width: 2px; height: 2px; background: #b4b4b4}
.pro_wrap .pro_s_btn > li > a.on,
.pro_wrap .pro_s_btn > li > a:hover,
.pro_wrap .pro_s_btn > li > a:focus{color: #0a4ca1; text-decoration: underline}
.pro_wrap .pro_text{position: relative}
.pro_wrap .pro_text .img img{width: 450px; height: 330px; vertical-align: top; border: 1px solid #d9e6ee;}
.pro_wrap .pro_text .text{margin-top: 10px}
.pro_wrap .tech_text{position: relative}
.pro_wrap .tech_text .video{overflow: hidden; margin-bottom: 10px}
.pro_wrap .tech_text .img{overflow: hidden; margin-bottom: 10px}
.pro_wrap .tech_text .img li{float: left; width: 248px; margin: 0 0 0 7px; position: relative; border: 1px solid #d9e6ee}
.pro_wrap .tech_text .img li:first-child{margin: 0 0 0 0}
.pro_wrap .tech_text .img li img{max-width: 100%; height: 185px; vertical-align: top; border: 0 none}
.pro_wrap .tech_text .img li span{display: block; background: #8c8c8c; color: #fff; padding: 10px 10px; border-top: 1px solid #d9e6ee}
.pro_wrap .tech_text .img li span .bar{display: inline-block}
.pro_wrap .tech_text .img li a{position: relative; display: block; background: #8c8c8c; color: #fff; padding: 10px 10px; border-top: 1px solid #d9e6ee}
.pro_wrap .tech_text .img li a:after{content: ""; display: block; width: 25px; height: 25px; position: absolute; right:  8px; top: 7px; background: url(../../images/content/icon_divdown.png) center no-repeat}
.pro_wrap .tech_text .img.fullimg li{float: none; width: auto}
.pro_wrap .tech_text .img.fullimg li img{width: auto; height: auto}
.pro_wrap .tech_text .img li.nbor{border: 0 none}

.pro_wrap .item{position: absolute; right: 0; top: 0; width: 313px; padding: 72px 0 20px 0; border: 1px solid #d9e6ee; background: #f7f9fa; overflow-y: scroll; height: 238px;}
.pro_wrap .item1{position: absolute; right: 0; top: 0; width: 313px; padding: 80px 0 8px 0; border: 1px solid #d9e6ee; background: #f7f9fa; overflow-y: scroll; height: 242px;}
.pro_wrap .subject{position: absolute; left: 0; top: 0; width: 273px; margin: 0 20px; padding: 16px 0 12px; font-size: 15px; color: #0a4ca1; border-bottom: 1px solid #d9e6ee; line-height:20px}
.pro_wrap .subject span{font-size:13px;}
.pro_wrap .part{padding: 0 20px; overflow-y: auto; min-height: 238px;}
.pro_wrap .part dt{padding: 0 0 0 25px; margin: 0 0 5px 0; font-weight: 700; color: #3c3c3c; background-position: left center; background-repeat: no-repeat}
.pro_wrap .bl_div01{background-image: url(../../images/content/bl_div01.png)}
.pro_wrap .bl_div02{background-image: url(../../images/content/bl_div02.png)}
.pro_wrap .text{padding: 9px 15px; border: 1px solid #d9e6ee; margin: 0 0 10px 0; min-height: 100px}
.pro_wrap .text_title{border-bottom: 0; margin: 0; color: #0a4ca1; font-size: 16px; padding: 0 10px 8px 25px; background: url(../../images/content/title.png) 0 6px no-repeat}
.contact_title{border-bottom: 0; margin: 0 0 0 0; color: #0a4ca1; font-size: 16px; padding: 8px 10px 5px 25px; background: url(../../images/content/bl_contact.png) 0 12px no-repeat}
.contact_point{margin: 0 0 0 0; padding: 15px; border: 1px solid #d9e6ee; overflow: hidden}
.contact_point dl{float: left}
.contact_point dt{position: relative; float: left; padding: 0 15px 0 0; color: #3c3c3c; font-weight: 700}
.contact_point dt span.line{content: ""; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; margin: -5px 0 0 0;  background: #ddd}
.contact_point dd{float: left; padding: 0 0 0 15px}

.guarantee_list > li > dl > div.contact_point01{margin: 0 0 0 0; padding: 0 0 0 0; overflow: hidden; border-top:1px solid #e8e8e8; }
.guarantee_list > li > dl > div.contact_point01 dl{float: left; padding: 5px 0 0 0!important; }
.guarantee_list > li > dl > div.contact_point01 dt{position: relative; float: left; padding: 0 15px 0 0; color: #3c3c3c; font-weight: 700; font-size:14px;}
.guarantee_list > li > dl > div.contact_point01 dt:after{content: ""; display: block; position: absolute; right: 0; top: 50%; left:auto!important; width: 0; height: 10px; margin: -5px 0 0 0;  background: #ddd}
.guarantee_list > li > dl > div.contact_point01 dt span.line{content: ""; display: block; position: absolute; right: 0; top: 50%; left:auto!important; width: 1px; height: 10px; margin: -5px 0 0 0;  background: #ddd}
.guarantee_list > li > dl > div.contact_point01 dd{float: left; padding: 0 0 0 15px; min-height:20px!important;}
.guarantee_list > li > dl > div.contact_point01 dl dt span{display: inline-block!important;}

.con_title01 { padding-top:10px; overflow-y: auto; }
.con_title01 dt{margin: 0 0 5px 0; font-weight: 700; color: #3c3c3c; background-position: left center; background-repeat: no-repeat}

.con_title02 { padding:149px 0 0 20px; overflow-y: auto;}
.con_title02 dt{margin: 0 0 5px 0; font-weight: 700; color: #3c3c3c; background-position: left center; background-repeat: no-repeat}

.con_title03 { padding:120px 0 0 20px; overflow-y: auto;}

/* 회사코드팝업 */
.popup_box01 .search_box2{padding: 15px 30px; border: 1px solid #d6d6d6; background: #f6f6f6; text-align:center;}
.popup_box01 .search_box2 label{dispay: inline-block; *display: inline; zoom: 1; margin: 0 8px; color: #3c3c3c; font-weight: 700}
.popup_box01 .search_box2 select{min-width: 150px; vertical-align: middle}
.popup_box01 .search_box2 .btn_search2{width: 80px; height: 28px; color: #fff; vertical-align: middle; background: url(../../images/content/icon_search.png) #0a4ca1 center no-repeat;     margin: -3px 0 0 -5px;} 


/* 콜센터 - 서비스 분야 */
.callcenter { padding-top:20px;}
.callcenter img {padding-left:30px;}
.callcenter .call_text {padding-left:39px; padding-right:30px}
.callcenter .call_text p{ text-align:center; font-size:30px!important; color:#3c3c3c; padding-bottom:10px;}
.callcenter .call_text span{font-size:30px; color:#0a4ca1; font-weight:bold;}
.callcenter dl { width:440px; height:155px; background-color:#f8f8f8; border-top:solid 1px #dddddd; padding:20px 30px 20px 70px;}
.callcenter dl dt{ float:left; overflow:hidden; display:inline-block; position:relative; height:30px; padding:0 25px 0 15px; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; line-height:30px; color:#0053a5; text-align:center; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; text-decoration:none; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s;}
.callcenter dl dd {float:left; display:block; padding:5px 50px 0 20px; line-height:25px; }
.callcenter dd ul {padding-bottom:20px;}
.callcenter dd ul li{ position: relative; padding-left: 10px; word-break: keep-all}
.callcenter dd ul li:after{content:""; display: block; position: absolute; left: 0; top: 9px; width: 2px; height: 2px; background: #b4b4b4}

/* 콜센터 - 서비스 이용시간 */
.callcenter_t { padding-top:20px;}
.callcenter_t img {padding-left:30px;}
.callcenter_t .call_text {padding-left:39px; padding-right:30px}
.callcenter_t .call_text p{ text-align:center; font-size:30px!important; color:#3c3c3c; padding-bottom:10px;}
.callcenter_t .call_text span{font-size:30px; color:#0a4ca1; font-weight:bold;}
.callcenter_t dl { width:440px; height:35px; background-color:#f8f8f8; padding:0 30px 20px 70px;}
.callcenter_t dl dt{ float:left; overflow:hidden; display:inline-block; position:relative; height:30px; padding:0 32px 0 15px; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; line-height:30px; color:#0053a5; text-align:center; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; text-decoration:none; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s;}
.callcenter_t dl dd {float:left; display:block; padding:5px 50px 0 20px; line-height:25px; }
.callcenter_t dd ul {padding-bottom:20px;}
.callcenter_t dd ul li{ position: relative; padding-left: 10px; word-break: keep-all}
.callcenter_t dd ul li:after{content:""; display: block; position: absolute; left: 0; top: 9px; width: 2px; height: 2px; background: #b4b4b4}