@charset "utf-8";

/* 공통 및 절대적인... */
.none {display:none;}
.blind {display: block;overflow: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;border: 0;background: none;font-size: 0;line-height: 0;}

/* 기본구조 */
#wrap {position:relative;} /* background:url(/images/comm/top_bg.gif) repeat-x 0 0; 삭제 */

#headWrap {margin:0 auto; width:100% ;height:850px;position:relative;} /* 원래 width:1000px */
#headWrap2 {margin:0 auto; width:100% ;height:480px;position:relative;} /* 원래 width:1000px */
#headWrap:after{display:block;visibility:hidden; background-color:#1d56aa;clear:both;height:0;content:'.'} /**/
.top {margin:0 auto; width:100%;height:25px;background-color:#1d56aa;}
.top .util {margin:0 auto; width:1000px; height:25px; text-align:right; color:#ffffff; font-weight:bold; background-color:#1d56aa;} /* background-color:#1d56aa; 추가  원래 width:1000px */
.top .util li {display:inline-block;margin:0 0 0 10px;padding:4px 0 0 10px;background:url(/images/comm/util_bar.png) no-repeat 0 50%;}
.top .util li:first-child {background:none;}
.top .util li a {color:#ffffff;font-size:10px;text-transform:uppercase;} /* 원래 color:#656565 */
/* 메인의 상단 */
.zipp {margin:0 auto; position:relative; width:100%; height: 800px; background:url(/images/comm/img_main.gif); background-size: cover;} /* no-repeat 0 50%; 를 삭제*/
.zipp .text {position:absolute; top:50%; left:40%; transform: translate(-50%,-50%);font-size: 5em; line-height: 150%; font-weight: bold; font-family:"Arial"; color: aliceblue;} 
.zipp .head {z-index:990; margin:0 auto; position:relative; margin:0 auto; padding:8px 0 0 0; width:1000px; height: 800px;}
.zipp .head .logo {float:left;margin:5px 0 0 0;}
/* 서브의 상단 */
.zip {position:relative; width:100%; height: 450px; background:url(/images/comm/img_sub2.png); background-size: cover;} /* no-repeat 0 50%; 를 삭제*/
.zip .head {z-index:990; margin:0 auto; position:relative; margin:0 auto; padding:8px 0 0 0; width:1000px; height: 450px;}
.zip .head .logo {float:left;margin:5px 0 0 0;}

/* 상단 메뉴 */
.nav {float:right;margin:32px 0 0;padding-right:7px;} /*margin:25px 0 0;*/
.nav:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.nav .dep1 {float:left;margin-left:50px;}
.nav .dep1>a {display:block;padding:0 0 58px;font-size:16px;color:#fff;font-weight:800;} /*padding:0 0 58px*/
.nav .dep1:hover>a, .nav .dep1.current>a {font-weight:800;}
.nav .dep2 {display:none;z-index:1000;position:absolute;top:80px;left:auto;padding:15px 0 0;height:314px;border-left:1px solid #ddd;} /*top:70px;  padding:10px 0 0; height:400px; */ 
.nav .nav01 {left:234px;width:130px;} /*left:244px*/
.nav .nav02 {left:364px;width:365px;} /*width:365px;*/
.nav .nav03 {left:730px;width:130px;}
.nav .nav04 {left:860px;width:130px;}
.nav .dep2 li a {display:block;padding-left:15px;line-height:26px;color:#333;}
.nav .dep2 li:first-child {background:none;}
.nav .dep2 li a:hover {color:#fff;background:#0abdff;}
.bg_header {display:none;z-index:999;position:absolute;top:80px;left:0;width:1000px;height:328px;border:1px solid #ddd;background:#fff url(/images/comm/dep2_bg.gif) no-repeat 40px 100%;} /* top:70px;  height:410px;*/
.main_visual {position:relative;margin:25px auto 0;height:370px;width:1000px;background:url(/images/main/visual.jpg) no-repeat 50% 0;}
.main_visual .slides li {display:none;}
.main_visual .flex-control-nav {position:absolute;bottom:30px;right:45px;line-height:0;text-align:right;}
.main_visual .flex-control-nav li {position:relative;display:inline-block;margin:0 2px;height:13px;}
.main_visual .flex-control-nav li a {position:relative;display:block;font-size:0;line-height:0;width:13px;height:13px;cursor:pointer;background:url(/images/main/visual_paging.png) no-repeat 100% 0;}
.main_visual .flex-control-nav li a.flex-active {background-position:0 0;}
.main_visual .flex-pauseplay {position:absolute;bottom:32px;right:25px;}
.main_visual .flex-pauseplay .flex-pause {display:block;text-indent:-999px;overflow:hidden;width:9px;height:11px;cursor:pointer;background:url(/images/main/visual_play.png) no-repeat 0 0;}
.main_visual .flex-pauseplay .flex-play {display:block;text-indent:-999px;overflow:hidden;width:9px;height:11px;cursor:pointer;background:url(/images/main/visual_play.png) no-repeat 0 100%;}


.main_contact {margin:25px auto 25px;width:1000px;}
.main_contact ul {overflow:hidden;position:relative;z-index:99;}
.main_contact li {float:left;padding:15px 0 0 80px;height:40px;font-size:13px;line-height:21px;color:#333;background:url(/images/main/ico_contact.gif) no-repeat 0 0;}
.main_contact li a {color:#333;}
.main_contact li.li01 {width:285px;line-height:16px;background-position:0 0px;border-right:1px solid #ddd;}
.main_contact li.li02 {margin-left:65px;padding-top:5px;height:50px;width:210px;background-position:0 -104px;border-right:1px solid #ddd;}
.main_contact li.li03 {margin-left:60px;padding-top:5px;height:50px;padding-right:0;width:130px;background-position:0 -207px;}
.main_contact li.li03 a {color:#0f4196 !important;text-decoration:underline;}

.main_content {overflow:hidden;margin:0 auto 40px;padding:37px 0 10px;width:1000px;border-top:4px solid #eee;}
.main_content .stit {font-size:30px;color:#000;line-height:35px;font-weight:600;}
.main_content .desc {margin:0 0 15px;font-size:13px;color:#000;}
.main_content .video {float:left;width:260px;}
.main_content .video .slides_movie {position:relative;padding:30px 0 0;}
.main_content .video .slides_movie .flex-control-nav {position:absolute;top:15px;left:0;line-height:0;}
.main_content .video .slides_movie .flex-control-nav li {position:relative;display:inline-block;margin:0 2px;}
.main_content .video .slides_movie .flex-control-nav li a {position:relative;display:block;font-size:0;line-height:0;width:8px;height:8px;cursor:pointer;background:url(/images/main/product_paging.png) no-repeat 100% 0;}
.main_content .video .slides_movie .flex-control-nav li a.flex-active {background-position:0 0;}
.main_content .main_product {overflow:hidden;float:left;padding:0 0 0 25px;border-left:1px solid #acacac;}
.main_content .main_product .tit_box {float:left;width:160px;}
.main_content .main_product .slides_box {position:relative;float:right;padding-left:30px;width:520px;height:190px;background:url(/images/main/product_bar.gif) no-repeat 0 0;}
.main_content .main_product .slides_box .slides li {position:relative;height:190px;}
.main_content .main_product .slides_box h4 {position: relative;z-index: 99;display:inline-block;margin:0 0 10px;padding:2px 13px;color:#fff;font-weight:600;border-radius:10px;background:#0f4196;behavior: url(/css/PIE.htc);}
.main_content .main_product .slides_box .pro_tit {margin:0 0 10px;width:240px;font-size:16px;line-height:18px;color:#0f4196;font-weight:600;}
.main_content .main_product .slides_box .desc {width:250px;}
.main_content .main_product .slides_box .photo {position:absolute;top:0;right:0;}
.main_content .main_product .slides_box .flex-control-nav {position:absolute;top:65px;left:-162px;width:auto;line-height:0;}
.main_content .main_product .slides_box .flex-control-nav li {position:relative;display:inline-block;margin:0 2px;}
.main_content .main_product .slides_box .flex-control-nav li a {position:relative;display:block;font-size:0;line-height:0;width:8px;height:8px;cursor:pointer;background:url(/images/main/product_paging.png) no-repeat 100% 0;}
.main_content .main_product .slides_box .flex-control-nav li a.flex-active {background-position:0 0;}

.sitemap {min-width:1000px;background:#eeeeee;padding-top:15px;}
.sitemap-list {overflow:hidden;margin:0 auto;width:1000px;}
.sitemap-list>li {float:left;padding:30px 0 10px 20px;width:230px;height:90px;border-left:0px solid #429fe6;} /*수정전  border-left:1px solid #429fe6;*/
.sitemap-list>li:first-child {border-left:none;}
.sitemap-list h4 {margin:0 0 15px;font-size:14px;color:#000;text-transform:uppercase;font-weight: 700;}
.sitemap-list li li {float:left;margin:1px 0;width:90px;}
.sitemap-list a {color:#000;}

#foot {margin:0 auto; width:100%;position:relative;background:#eeeeee;}
#footer {overflow:hidden;margin:0 auto;padding:40px 0;width:1000px;background:#eeeeee; border-top: 1px solid #ffffff;}
#footer .logo {float:left;width:195px;}
#footer .foot_info {float:left;width:600px;color:#333;font-size:12px;line-height:18px;}
#footer .pro_links {clear:both;padding:10px 0 0;}
#footer .pro_links a {display:inline-block;margin:0 5px 2px 0;padding-right:8px;font-size:11px;line-height:12px;border-right:1px solid #ddd;}
#footer .gobiz {float:right;}

/* sub layout */
.sub_visual {margin:0 0 40px;height:90px;}
.sub_visual.sv01 {background:url(/images/sub/sub_visual02.jpg) repeat-x 50% 100%;} 
.sub_visual.sv02 {background:url(/images/sub/sub_visual02.jpg) repeat-x 50% 100%;} 
.sub_visual.sv03 {background:url(/images/sub/sub_visual02.jpg) repeat-x 50% 100%;} 
.sub_visual.sv04 {background:url(/images/sub/sub_visual02.jpg) repeat-x 50% 100%;} 

.container {margin:60px auto 10px;width:1000px;} /* sub페이지의 내용부분  container */
.container:after {display:block;visibility:hidden;clear:both;height:0;content:'.'} 
.snb {float:left;width:190px;background:url(/images/comm/snb_bg.gif) no-repeat 0 0;}
.snb h2 {padding:20px 0 0;height:45px;color:#fff;font-size:18px;text-align:center;font-weight:800;}
.snb h2.line02 {padding:15px 0 0;height:50px;}
.snb li {border:1px solid #ddd;border-top:none;}
.snb li a {display:block;padding:12px 13px;font-size:13px;color:#000;background:#f4f4f4 url(/images/comm/snb_bul.png) no-repeat 170px 50%;}
.snb li.current a {font-weight:600;background-color:#fff;}

.contents {float:right;padding:0 0 80px; width:770px;font-size:13px;color:#555;}
.titleArea {margin:0 0 40px;}
.titleArea h3 {padding:20px 0 15px;font-size:21px;line-height:30px;color:#010101;font-weight:600;}
.titleArea .path {padding:7px 0 7px;font-size:11px;line-height:18px;text-align:right;border-top:2px solid #ccc;border-bottom:1px solid #ebebeb;}
.titleArea .path .arr {padding:0 4px;color:#ccc;font-size:10px;}

.contents {font-size:14px;color:#333;line-height:27px;}
.greeting_img {padding-right:430px;background:url(/images/sub/greeting_img.jpg) no-repeat 100% 100%}
.history {padding:15px 0;border-top:2px solid #ddd;}
.history li {padding:10px 0;border-top:1px solid #ddd;}
.history li:first-child {border:none;}
.history li:first-child h4 {background:#0f4196;}
.history li h4 {display:inline-block;margin:0 0 5px;padding:2px 16px;color:#fff;font-size:18px;font-weight:600;border-radius:15px;background:#b3aaa3;behavior: url(/css/PIE.htc);}
.history li li {padding:0 0 0 10px;border:none;background:url(/images/sub/bul01.gif) no-repeat 0 12px;}

.history2 > li {
    padding-bottom: 5px;
}
.history2 > li h4::before {
    content: '●';
    margin-right: 5px;
    font-size: 14px;
}
.history2 > li h4 {
    display: inline-block;
    margin-right: 10px;
    color: #0f4196;
    font-size: 14px;
    font-weight: bold;
}
.history2 > li > ul {
    padding-left: 20px;
}

.business .stit {display:inline-block;margin:0 0 5px;padding:2px 16px;color:#fff;font-size:18px;font-weight:600;border-radius:15px;background:#0abdff;behavior: url(/css/PIE.htc);}
.business .txt_blue {margin:0 0 5px;font-size:16px;font-weight:600;color:#0f4196;}
.business .txt_s {margin:0 0 30px;line-height:21px;}
.business_img01 {margin:0 0 60px;padding-right:230px;height:137px;background:url(/images/sub/business_img01.jpg) no-repeat 100% 100%;}
.business_img02 {padding-right:260px;background:url(/images/sub/business_img02.jpg) no-repeat 100% 100%;}
.profile .stit_b {display:inline-block;margin:0 0 10px;padding:2px 16px;color:#fff;font-size:18px;font-weight:600;border-radius:15px;background:#0f4196;behavior: url(/css/PIE.htc);}
.profile .stit_g {display:inline-block;margin:0 0 10px;padding:2px 16px;color:#fff;font-size:18px;font-weight:600;border-radius:15px;background:#b3aaa3;behavior: url(/css/PIE.htc);}
.profile_img01 {margin:0 0 20px;}
.vision_img {padding-right:350px;background:url(/images/new/vision_ceo.jpg) no-repeat 100% 100%}


.product {color:#222;}

/* 추가 2022-11-10 */
.pro_img_wrapper {width: 100%;}
.pro_img_wrapper > h5 {font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.pro_img {width: 50%; display: block; float: left; box-sizing: border-box; padding: 10px;}
.pro_img > h5 {font-size: 16px; font-weight: bold; text-align: center;}
.pro_img img {width: 100%;}

.pro_stit {margin:0 0 20px;padding-left:25px;font-size:18px;color:#222;font-weight:600;background:url(/images/sub/bul02.png) no-repeat 0 10px;}
.dotline {display:block;margin:0 0 30px;height:1px;border:0;background:url(/images/sub/dotline.gif) repeat-x 0 0; clear: both;}
.product .txt_blue {margin:0 0 15px;padding:10px 0 0;font-size:16px;font-weight:600;color:#0f4196;}
.product .stit {display:inline-block;margin:0 0 15px;padding:2px 25px;color:#fff;font-size:18px;font-weight:900;border-radius:15px;background:#0abdff;behavior: url(/css/PIE.htc);}
.pro_data {border:1px solid #ccc;border-bottom:none;}
.pro_data th {padding:18px 0;font-size:14px;font-weight:900;color:#222;background:#b3aaa3;}
.pro_data td {padding:18px 0 18px 10px;font-size:14px;line-height:18px;color:#222;border-bottom:1px solid #ccc;}
.pro_data td.ac {padding-left:0;text-align:center;}

.certification {width: 100%; display: block; }
.certification_list {padding:10px 0 0; width:100%; height: auto; background:url(/images/sub/certification_bar.gif) no-repeat 0 0;}
.certification_list li {float:left;margin:0 0 45px;width:25%; padding: 0 2px; box-sizing: border-box;}
.certification_list li h4 {margin:0 0 15px;font-size:18px;font-weight:600;color:#0f4196;}
.certification_list li img {width: 188px; height: 266px;}

.contact .map {margin:0 0 30px;}
.contact .map img {width: 100%;}
.contact .contact_info li {margin:0 0 20px;padding-left:75px;height:50px;background:url(/images/sub/contact_icon.gif) no-repeat 0 0;}
.contact .contact_info li.li02 {background-position:0 -69px;}
.contact .contact_info li.li03 {background-position:0 -138px;}
.contact .contact_info li h4 {font-size:14px;font-weight:900;color:#0f4196;}

.data {margin:0 0 30px;border-top:2px solid #ddd;}
.data th {padding:10px 0 10px 20px;text-align:left;font-size:14px;color:#333;border-bottom:1px solid #ddd;background:#f4f4f4;}
.data td {padding:10px 0 10px 20px;font-size:14px;color:#333;border-bottom:1px solid #ddd;}

.txt_big {margin:0 0 15px;font-size:18px;font-weight:600;}
.txt_jp {color:#333;font-family:'MS PGothic'}
.mb10 {margin-bottom:10px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

.sitemap_con li {float:left;margin:0 5px 40px;width:32%;}
.sitemap_con li h4 {padding:10px 0 10px 15px;font-size:14px;font-weight:900;color:#fff;background:#b3aaa3;text-transform:uppercase;}
.sitemap_con li ul {overflow:hidden;}
.sitemap_con li li {float:none;margin:0;width:auto;}
.sitemap_con li li a {display:block;padding:8px 0;font-size:14px;color:#333;border-bottom:1px dotted #ccc;}
.sitemap_con li li a:hover {color:#0f4196;text-decoration:underline;}
.sitemap_con li.li02 {float: right;margin-right:40px;width:380px;}

/* 추가 2022-11-10 */
.pa10 {padding: 10px;}
.rwd-table {
    color: #333;
    /* border-radius: 0.4em; */
    overflow: hidden;
    margin: auto;
    max-width: 100%;
    border-collapse: collapse;
}
.rwd-table tr{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f5f9fc;
}
.rwd-table thead tr {
    border-top: none;
    background: #428bca;
    color: #fff;
}
.rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .2rem .5rem;
    text-align: center;
    border: 1px solid #444444;
}
.rwd-table th {
    font-size: 14px;
    font-weight: bold;
}
.rwd-table td {
    font-size: 12px;
}