@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html {overflow-y:scroll;}
body {margin:0; padding:0; background-color:#fff; line-height:23px;}
body, th, td, h1, input, select, textarea, dl {font-family:'Nanum Gothic', sans-serif; font-size:13px; color:#595a5f; letter-spacing:-0.5px;}
input, select, textarea {font-size:12px; border:solid 1px #ddd;}
h1 {font-size:14px; color:#000; text-indent:15px; background: url(../images/bar.gif) left no-repeat;}
h2 {font-size:14px; color:#333; text-indent:15px; background: url(../images/bar02.gif) 3px no-repeat;}
IMG {border:none;}
dl {margin:0 0 0 15px; padding:0;}
dt {width:10%; color:#000; display:inline; float:left;}

#Wrapper {width:100%; min-width:900px; left:0; top:0;}
#conWrapper {width:961px; margin:0 auto;}
#RightSide {width:735px; float:right;} 
#leftSide {width:191px; float:left;} 
#leftSide a {width:100%; padding:5px 0; font-size:14px; color:#585858; font-weight:bold; text-decoration:none; text-indent:32px; display:block;}
#leftSide a:hover, #leftSide .selected {color:#fff; background:#0066b3;}

.route {text-align:right; margin:22px 0 6px 0; font-size: 11px; color: #999999;}
.route a.link {font-size:11px;color:#999; text-decoration:none;}

.h8  {height:8px;}
.h12 {height:12px;}
.h14 {height:14px;}
.h15 {height:15px;}
.h17 {height:17px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h41 {height:41px;}
.h43 {height:43px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}

.cb {clear:both;}

.search {width:100%; padding:25px 0 27px 0; text-align:center;}
.btnS {background: url(../images/06_customer/bt_search.gif) no-repeat top left; width:65px;height:25px;border:0;vertical-align:top;#margin:1px 0 3px 1px;}
.btnS02 {background: url(../images/06_customer/bt_select.gif) no-repeat top left; width:65px;height:25px;border:0;vertical-align:top;#margin:1px 0 3px 1px;}

.mt6 {margin-top:6px;}
.mt15 {margin-top:15px;}

.mb2 {margin-bottom:2px;}
.mb4 {margin-bottom:4px;}
.mb10 {margin-bottom:6px;}
/*.mb10 {margin-bottom:10px; *margin-bottom:5px;}*/
.mb12 {margin-bottom:12px; *margin-bottom:8px;}
.mb15 {margin-bottom:15px;}

.mr10 {margin-right:10px;}
.mr32 {margin-right:32px;}
.mr60 {margin-right:60px;}

.both {clear: both;}

.tc_blue {color:#318de7;}
.tc_black {color:#000;}
.tc_gray {color:#999;}
.tc_orange {color:#eb6a37;}
.tc_yellow {color:#e09108;}
.tc_green {color:#28b194;}

.fs16 {font-size:16px;}

.td_gray {border-left:solid 1px #ecf0f3;}


/* ceo �λ縻 */
/*.ceoWrap {width:695px; background: url(../images/02_company/con_02_img.jpg) top right no-repeat; margin-left:15px;}*/
.ceoWrap {width:695px; top right no-repeat; margin-left:15px;}
.ceoWrap .ceoArea {width:59%; word-break:keep-all; font-size:12px;}

.table_01 {width:735px;}
.table_01 th {height:35px; border:solid 1px #cecece; border-top:solid 2px #363a46;}
.table_01 td {height:34px; border-bottom:solid 1px #eaeaea;}
.table_01 td a { color:#595a5f; text-decoration:none;}
.table_01 td a:hover { color:#595a5f; font-weight:bold;}
.table_01 td.no {text-align:center;}
.table_01 .slist01 {text-align:center; font-weight:bold; background-color:#f9f9f9;}
.table_01 .slist02 {text-indent:15px;}
.table_01 .line-no {border-left:none; border-right:none;}
.table_01 .line-no01 {border-left:none;}
.table_01 .line-no02 {border-right:none;}
.topline {border-top:solid 1px #eaeaea;}

.table_02 {width:735px;}
.table_02 th {height:48px; border:1px #cecece solid; border-top:2px #363a46 solid;}
.table_02 td.lh {line-height:26px;}
.table_02 td.pdTB {padding:30px 40px 30px 40px;}
.table_02 .tit01 {text-align:left; text-indent:20px; border-right:none; font-size:14px;}
.table_02 .tit02 {text-align:right; padding-right:20px; border-left:none; font-weight:normal;}

.table_03 {width:735px;}
.table_03 td.pdTB18 {padding:18px 0 18px 0;}
.table_03 td.line {background:#363a46; height:1px;}
.table_03 td.pdL15 {padding-left:15px;}
.table_03 td.no {text-align:center;}
.table_03 td.text01{color:#9b9b9b;}
.table_03 td.dotline{background:url(../images/06_customer/dot_line.gif) repeat-x; height:1px;}

/* ���������ϱ� */
.table_05 {width:735px; border-top:solid 2px #363a46;}
.table_05 th {height:35px; border-bottom:solid 1px #eaeaea; background:#f9f9f9; color:#000; font-weight:normal; text-align:left; text-indent:8%;}
.table_05 td {border-bottom:solid 1px #eaeaea; text-indent:10px; padding:8px 0;}
.table_05 input {height:25px; vertical-align:middle;}
.table_05 select {height:29px; vertical-align:middle;}

.table_blue {width:735px;}
.table_blue th {height:40px; background:#f5fafd; border-top:solid 2px #2c8dd6; border-bottom:solid 1px #e0e6ea; font-weight:normal; color:#000;}
.table_blue td {height:34px; border-bottom:solid 1px #e0e6ea; text-indent:15px;}
.table_blue .tc {text-align:center; text-indent:0;}

.table_blue02 {width:735px; border-top:solid 2px #2c8dd6;}
.table_blue02 th {height:34px; background:#f5fafd; border-bottom:solid 1px #e0e6ea; text-align:left; text-indent:30px; font-weight:normal; color:#000;}
.table_blue02 td {height:34px; border-bottom:solid 1px #e0e6ea; text-indent:15px;}

.pageN {clear:both ; margin:15px 0 0 0; padding:0; text-align:center ; word-spacing:6px; position:relative;}
.pageN a img {vertical-align: middle; border:none;}
.pageN img{vertical-align:middle}
.pageN a{text-decoration:none}

.pageN .numberList { margin-left:6px; }
.pageN .numberList strong {font-weight:bold;}
.pageN .numberList a {margin:0 1px; word-spacing:6px; text-decoration:none ;}
.pageN .numberList a:hover {text-decoration:none; font-weight:bold;}

.valignM {vertical-align:middle;}

.title{padding:20px 0 10px 671px;}
.box_bt{ padding:10px 0 0 0; text-align:right;}
.box_bg {border:1px #eaeaea solid; width:735px; height:295px; vertical-align:middle;}
.textB {font-weight:bold;}


/*����*/
.history {background:url(../images/02_company/con_04_img.gif) right top no-repeat;}
.history .year {font-size:18px; color:#000; font-weight:600; margin:0 50px 30px 15px; float:left;}
.history dl {width:55%; margin:0 0 25px 25px; border-bottom:solid 1px #eee; padding-bottom:30px;}
.history dt {width:10%; font-size:14px;}


/* ���� */
.vision dl {width:44%; float:left;}
.vision dl dt {width:100%; display:block; font-size:16px; font-weight:600; margin:0 0 10px 0;}
.vision dl dd {margin:0; display:block;}
.vision_space {clear:both; height:80px;}
.vision {background:url(../images/02_company/vision.png) center no-repeat; height:280px;}


/* �迭��ȳ� */
.cname {border-top:solid 2px #363a46; border-bottom:solid 1px #dbdbdb; padding:8px 0; font-size:15px; font-weight:600; text-align:left; text-indent:25px; clear:both;}
.family {padding-bottom:30px;}
.family .area {padding:25px 0 0 25px;}
.family .tit {font-size:15px; color:#3fa21e; font-weight:600; padding-bottom:15px;}
.family .area01 {width:65%; float:left;}
.family .area02 {float:right;}
.family .area02 img, .family .area05 img {margin-bottom:15px; margin-top:5px;}
.family .area03 {clear:both;}
.family .area04 {width:65%; float:right;}
.family .area05 {float:left;}
.btn_go {background:#328dea; color:#fff; padding:4px 7px; border:none; cursor:pointer;}


/* ����Ұ� */
.bul01 {padding-bottom:9px; font-size:14px; color:#333333; font-weight:bold;}
.box_bg02 {border:1px #eaeaea solid; width:735px; height:360px;}
.box_bg03 {border:1px #eaeaea solid; width:710px; height:177px; padding:25px 0 0 25px;}
.box_bg03_list {width:155px; float:left; line-height:20px; margin-right:21px;}
.business01 {padding:25px 0 0 25px; float:left;}
.business02 {padding:25px 25px 0 0; float:right;}
.bs01 {border:2px #e5e5e5 solid;}
.bs02 {border:2px #e68f2b solid;}
   
.table_list {width:248px; border-top:solid 2px #363a46;}
.table_list th {background:#eceef0; font-size:12px;}
.table_list td {border-bottom:1px #e0e6ea solid; height:28px; padding-left:10px; line-height:18px;}
.table_list td.scale {height:44px;}


/* ������Ȳ */
.certi {float:left; margin-right:12px;} 


/* ǰ���濵 */
.quality_list {background:#f6f6f6; border:solid 1px #eaeaea; padding:25px 30px 20px 35px;}
.quality_list dl {margin:0 0 10px 0;}
.quality_list dt {width:7%;}
.quality_list dt img {margin-top:6px;}
.quality_certi {float:left; margin-right:30px;}
.quality_tit {font-size:16px; font-weight:600; margin:33px 0 10px 0;}
.quality_con {height:30px;}
.quality_info_tit {font-size:20px; font-weight:600; margin:0 0 30px 200px;}
.quality_resert {float:left; margin:0 54px;}


/* SITEMAP */
.table_04 {width:735px; height:485px;}
.table_04_1 {width:235px; height:235px;  padding-right:15px; float:left; background-image:url(../images/06_customer/site_bg.gif); background-repeat:no-repeat; overflow:hidden;}
.table_04_2 { width:235px; height:235px; float:right;  background-image:url(../images/06_customer/site_bg.gif); background-repeat:no-repeat; overflow:hidden;}
.table_04_3 { padding:25px 0 18px 37px;}
.table_04_4 { padding-left:37px; line-height:22px;}
.table_04_h {height:235px;}
.sitemap a { color:#595a5f; text-decoration:none;}
.sitemap a:hover { color:#000;}


/* tab */
.tabs {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.tab {
  width:50%;
  padding: 12px 24px;
  background-color: #f5f6f7;
  border: 1px solid #6b6b6b;
  border-bottom: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  text-align: center;
  min-width: 120px;
  position: relative;
  transition: background-color 0.2s ease;
}

.tab + .tab {
  margin-left: -1px; 
}

.tab.active {
  background-color: #fff;
  font-weight: bold;
  
}
.tab:not(.active)::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999;
  z-index: 0;
}

.tab.active + .tab:not(.active)::after {
  display: block;
}

.tab:not(.active) + .tab:not(.active)::after {
  display: none;
}