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

#headWrap {margin:0 auto;width:1000px;height:110px;}
#headWrap:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.head {position:relative;margin:0 auto;width:1000px;}
.head .logo {float:left;margin:23px 0 0 0;}
.head .util {position:absolute;top:20px;right:0;}
.head .util li {float:left;margin:0 0 0 10px;padding-left:10px;background:url(/images/comm/util_bar.png) no-repeat 0 50%;}
.head .util li:first-child {background:none;}
.head .util li a {color:#888;}
.head .util li.util_inq a {color:#083f8e;font-weight:900;}
.nav {float:right;position:relative;margin:40px 0 0;}
.nav:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.nav .dep1 {float:left;margin-left:60px;padding-bottom:30px;}
.nav .dep1:first-child {background:none;}
.nav .dep1>a {display:block;padding:15px 0 10px;font-size:14px;color:#444;font-weight:800;border-bottom:3px solid #fff;}
.nav .dep1:hover>a, .nav .dep1.current>a {color:#083f8e;border-bottom:3px solid #083f8e;}
.nav .dep1:hover .dep2 {display:block;}
.nav .dep2 {display:none;z-index:1000;position:absolute;top:70px;left:auto;padding:0 0 10px;border:1px solid #cecece;border-top:none;background:#fff;}
.nav .dep2 li {padding:8px 10px;}
.nav .dep2 li a {display:block;font-size:12px;line-height:13px;color:#333;}
.nav .dep2 li a:hover {color:#000;}


.main_visual {margin:0 0 30px;height:450px;background:url(/images/main/visual_bg.gif) no-repeat 50% 0;}
.main_visual .visual_box {position:relative;margin:0 auto;width:1000px;}
.main_visual .visual_box .txt {position:absolute;top:130px;}
.main_visual .visual_box .slides {padding:70px 30px 0 0;text-align:right;}
.main_visual .visual_box .slides li {display:none;}
.visual_box .flex-control-nav {position:absolute;top:350px;left:0;width:400px;line-height:0;}
.visual_box .flex-control-nav li {float:left;margin:0 0 0 10px;}
.visual_box .flex-control-nav li a {display:block;font-size:0;line-height:0;width:87px;height:5px;cursor:pointer;background:#9ec0df;}
.visual_box .flex-control-nav li a.flex-active {background:#fff;}

.main_content {position:relative;overflow:hidden;margin:0 auto 70px;width:1000px;}
.main_content .stit {padding:40px 0 0 40px;font-size:24px;color:#000;font-weight:600;text-transform:uppercase;}
.main_content .desc {width:300px;color:#444;font-size:14px;line-height:21px;}
.main_content .stit02 {padding:55px 0 20px;font-size:24px;color:#000;font-weight:600;text-transform:uppercase;}
.main_content .desc02 {color:#444;font-size:13px;line-height:18px;}
.m_con01 {float:left;width:665px;height:278px;border:1px solid #dbdbdb;background:url(/images/main/pro_bg.gif) repeat 0 0;;}
.m_con01 .slides_box {padding-left:40px;}
.m_con01 .slides li {position:relative;height:200px;}
.m_con01 a {display:block;}
.m_con01 h4 {margin:30px 0 10px;font-size:18px;color:#013d8f;font-weight:900;}
.m_con01 .photo {position:absolute;top:0;right:30px;}
.m_con01 .flex-control-nav {position:absolute;top:240px;left:40px;width:400px;line-height:0;}
.m_con01 .flex-control-nav li {float:left;margin:0 0 0 4px;}
.m_con01 .flex-control-nav li a {display:block;font-size:0;line-height:0;width:11px;height:11px;cursor:pointer;background:#c4c4c4;}
.m_con01 .flex-control-nav li a.flex-active {background:#013d8f;}
.m_con02 {float:left;width:332px;border:1px solid #dbdbdb;border-left:none;background:url(/images/main/about_bg.jpg) no-repeat 0 0;}
.m_con02 a {display:block;height:278px;}
.m_con03 {float:left;padding:0 10px 0 160px;width:162px;height:198px;border:1px solid #dbdbdb;border-top:none;background:url(/images/main/business_bg.jpg) no-repeat 20px 38px;}
.m_con04 {float:left;padding:0 10px 0 160px;width:162px;height:198px;border:1px solid #dbdbdb;border-left:none;border-top:none;background:url(/images/main/history_bg.jpg) no-repeat 20px 38px;}
.m_con05 {float:left;padding:0 10px 0 160px;width:162px;height:198px;border:1px solid #dbdbdb;border-left:none;border-top:none;background:url(/images/main/contact_bg.jpg) no-repeat 20px 38px;}


.sitemap {min-width:1000px;background:#333;}
.sitemap-list {overflow:hidden;margin:0 auto;width:1000px;}
.sitemap-list>li {float:left;padding:30px 10px 0 15px;width:173px;height:280px;border-right:1px solid #3d3d3d;}
.sitemap-list>li:first-child {border-left:1px solid #3d3d3d;}
.sitemap-list>li.list_pro {width:569px; padding: 30px 0 0 15px;}
.sitemap-list h4 {margin:0 0 15px;font-size:14px;color:#bbb;}
.sitemap-list li li {margin:7px 0;}
.sitemap-list a {color:#aaa;}
.sitemap-list>li.list_pro li {float:left;width:184px;margin:0 5px 0 0;}
.sitemap-list>li.list_pro li ul {padding:5px;}
.sitemap-list>li.list_pro li li {margin:2px 0;}
.sitemap-list>li.list_pro li li a {color:#888;font-size:11px;}

#footer {overflow:hidden;margin:0 auto;padding:30px 0;width:1000px;}
#footer .foot_info {float:left;color:#717171;line-height:18px;}
#footer .foot_info .copy {}
#footer .gobiz {float:right;}

/* sub layout */
.sub_visual {margin:0 0 30px;min-width:1000px;height:170px;}
.sub_visual.sv01 {background:#81D6FF url(/images/sub/sub_visual01.jpg) no-repeat 50% 0;}
.sub_visual.sv02 {background:#d4cbc7 url(/images/sub/sub_visual02.jpg) no-repeat 50% 0;}
.sub_visual.sv03 {background:#8e8d9a url(/images/sub/sub_visual03.jpg) no-repeat 50% 0;}
.sub_visual.sv04 {background:#8e8d9a url(/images/sub/sub_visual04.jpg) no-repeat 50% 0;}
.sub_visual.sv05 {background:#cbd1d8 url(/images/sub/sub_visual05.jpg) no-repeat 50% 0;}
.container {margin:0 auto 120px;width:1000px;}
.container:after {display:block;visibility:hidden;clear:both;height:0;content:'.'} 
.snb {float:left;padding:42px 0 0;width:200px;}
.snb h2 {margin:0 0 15px;color:#013d8f;font-size:25px;line-height:27px;font-weight:900;}
.snb li {margin:0 0 2px;}
.snb li a {display:block;padding:10px 10px 10px 15px;font-size:13px;color:#555;font-weight:900;background:#e8e8e8;}
.snb li.current a {color:#fff;background:#083f8e;}
.snb li .dep2  {padding:15px 0 20px;}
.snb li .dep2 li {padding:4px 0;}
.snb li .dep2 li a {padding:0 0 0 15px;font-size:12px;font-weight:400;color:#666;background:url(/images/sub/bul03.gif) no-repeat 5px 7px;}
.snb li .dep2 li a:hover,.snb li .dep2 li.current a {font-weight:600;color:#083f8e;}
.contents {float:right;padding:0 0 100px;width:750px;font-size:13px;color:#555;}
.titleArea {overflow:hidden;margin:0 0 40px;}
.titleArea h3 {font-size:23px;line-height:30px;color:#080711;font-weight:600;}
.titleArea .path {margin:0 0 20px;text-align:right;font-size:11px;color:#777;}
.titleArea .path .home {padding-left:20px;background:url(/images/sub/icon_home.gif) no-repeat 0 50%;}
.titleArea .path .current {color:#013d8f;font-weight:900;}


/* sub contents */
.txt_big {margin:0 0 20px;font-size:19px;line-height:21px;color:#0080b6;font-weight:900;}
.txt_s01 {margin:0 0 20px;line-height:18px;color:#666;font-weight:600;}
.txt_s02 {margin:0 0 15px;font-size:15px;color:#000;}
.greeting {padding:0 340px 0 0;background:url(/images/sub/greeting_img.jpg) no-repeat 100% 0;}
.greeting .txt_name {padding:25px 0 0;color:#222;font-weight:600;}
.history li {position:relative;margin:0 0 35px;}
.history li .year {display: inline-block;width:114px;vertical-align:middle;}
.history li ul {display: inline-block;overflow:hidden;margin-left: -5px;vertical-align:middle;width:630px;}
.history li li {margin:5px 0;padding:10px 10px 10px 45px;}
.history li li .month {position:absolute;top:50%;left:0;margin-top:-17px;padding:8px 0 0;width:34px;height:26px;text-align:center;color:#333;font-weight:600;background:url(/images/sub/month_bg.gif) no-repeat 0 0;}
.org {text-align:center;}
.business_top {margin:0 0 20px;padding:15px 0 0 45px;height:41px;font-size:16px;color:#083f8e;background:url(/images/sub/business_top.gif) no-repeat 0 0;}
.business_top strong {font-weight:900;}
.business_list li {position:relative;margin:0 0 30px;padding:0 0 0 25px;font-weight:600;background:url(/images/sub/bul01.png) no-repeat 0 2px;}
.business_list li h4 {margin:0 0 5px;font-size:14px;color:#0080b6;font-weight:600;}
.patents_tit {margin:0 0 15px;padding:0 0 0 25px;font-size:14px;color:#0080b6;font-weight:600;background:url(/images/sub/bul01.png) no-repeat 0 2px;}
.patents_list {overflow:hidden;}
.patents_list li {float:left;margin:0 25px 40px 0;width:212px;text-align:center;}
.patents_list li.cl_l {clear:left;}
.patents_list li p {padding:13px 0 0;}
.patents_list li p strong {display:block;padding:0 0 5px;color:#222;}
.contact {padding:265px 0 0;background:url(/images/sub/contact_img.jpg) no-repeat 0 0;}
.contact ul {margin:0 0 15px;}
.contact li {overflow:hidden;margin:0 0 12px;padding-left:18px;background:url(/images/sub/bul03.gif) no-repeat 0 50%;}
.contact li em {color:#0080b6;font-weight:600;}
.contact_refer {margin:0 0 15px;padding-left:20px;font-size:12px;color:#888;}


.tab {overflow:hidden;margin:0 0 30px;}
.tab li {float:left;margin-left:10px;width:142px;}
.tab li:first-child {margin-left:0;}
.tab li a {display:block;padding:8px 0;text-align:center;border:1px solid #c4c4c4;}
.tab li.current a {padding:6px 0;color:#0080b6;border:3px solid #0080b6;}

.pro_title {margin: 0 0 17px;}
.pro_con .pro_photo {overflow:hidden;margin:0 0 5px;}
.pro_con .pro_photo li {float:left;margin:0 0 10px;}
.pro_con .pro_photo li:first-child {margin-right:9px;}
.pro_con .pro_stit {margin:0 0 10px;padding:0 0 0 20px;font-size:14px;color:#0080b6;font-weight:600;background:url(/images/sub/bul02.png) no-repeat 0 2px;}
.pro_con .pro_txt {padding:0 0 20px;}
.pro_con .txt01 {margin:0 0 20px;line-height:20px;color:#333;}
.pro_con .c_black {color:#333;}
.pro_list {margin:0 0 30px;}
.pro_list li {margin:0 0 5px;padding-left:10px;background:url(/images/sub/bul02.gif) no-repeat 0 7px;}
.data {margin:0 0 30px;font-size:12px;border-top:2px solid #0080b6;}
.data thead th {padding:5px 0;text-align:center;color:#777;font-weight:normal;border-left:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background:#f0f0f0;}
.data thead th:first-child {border-left:none;}
.data tbody th {padding:5px 0;text-align:center;color:#777;font-weight:normal;border-bottom:1px solid #d4d4d4;background:#f0f0f0;}
.data tbody td {padding:5px 0;text-align:center;color:#888;border-bottom:1px solid #d4d4d4;border-left:1px solid #d4d4d4;} 
.data tbody td.td_bg {background:#e5f2f8;}
.btnArea {padding:10px 0 0;text-align:center;}
.btnArea a {display:inline-block;padding:12px 20px;color:#fff;font-weight:600;background:#0080b6;}


.sitemap_con li {float:left;margin:0 0 30px 30px;width:230px;}
.sitemap_con li.ml0 {clear:left;margin-left:0;}
.sitemap_con li h4 {margin:0 0 15px;padding:12px 0 0;height:32px;text-align:center;font-size:15px;font-weight:600;color:#0080b6;border:3px solid #0080b6;}
.sitemap_con li h4.line02 {padding:4px 0 0;height:40px;}
.sitemap_con li ul {overflow:hidden;padding:0 0 0 10px;}
.sitemap_con li li {float:left;margin:0 0 5px;padding-left:10px;font-weight:600;background:url(/images/sub/bul03.gif) no-repeat 0 7px;}
.sitemap_con li li a {display:block;font-size:12px;color:#444;}
.sitemap_con li li ul {padding:5px 0 20px;}
.sitemap_con li li li {font-weight:400;background:none;}
.sitemap_con li li li a {color:#666;}