@charset "utf-8";
h3, h4 {margin-bottom:15px;}
.sub-visual {width:100%; height:200px;}
.sub-visual.sub1 {background:url('../../images/page/bg_visual_01.jpg') no-repeat top center;}
.sub-visual.sub2 {background:url('../../images/page/bg_visual_02.jpg') no-repeat top center;}
.sub-visual.sub3 {background:url('../../images/page/bg_visual_03.jpg') no-repeat top center;}
.sub-visual.sub4 {background:url('../../images/page/bg_visual_04.jpg') no-repeat top center;}

.contents {overflow:hidden; max-width:1082px; padding-top:46px; padding-bottom:80px; margin:-60px auto 0; background:#fff;}
.contents .sub-tit {margin-bottom:56px; text-align:center;}
.contents .sub-tit h2 {font-size:46px; font-size:3.286em; font-weight:100; }
.contents .sub-tit h2 p {margin-bottom:25px; }
.contents .sub-tit h2 span { display:block; padding-bottom:14px; margin-bottom:27px; font-size:18px; font-size:0.391em; font-weight:600; letter-spacing:-1px; background:url('../../images/common/bg_h2_bar.gif') no-repeat bottom center;}
.contents .sub-tit.eng h2 {text-transform: none; letter-spacing: -0.03em; line-height: 1.4; font-weight: 300;}
/******** OVERVIEW ********/
.sub-company-visual.overview01 {min-height:620px; background:#466383 url('../../images/page/img_overview_01.jpg') no-repeat top center;}
.sub-company-visual.overview02 {min-height:620px; background:#eeeded url('../../images/page/img_overview_02.jpg') no-repeat top center;}
.sub-company-visual.overview03 {min-height:620px; background:#442d20 url('../../images/page/img_overview_03.jpg') no-repeat top center;}
.sub-company-visual.overview04 {min-height:620px; background:#85b3ba url('../../images/page/img_overview_04.jpg') no-repeat top center;}
[class^='overview'] p {letter-spacing:-0.5px !important;}
.sub-company-visual.overview01 hr.sub-visual-line {left:0; top:36%; width:25%;}

.sub-company-visual.overview03 h3 {font-size:47px; font-size:2.938em; line-height: 1.556;}
.sub-company-visual.overview03 h3 span {display:block; font-size:18px; font-size:0.375em;}
.sub-company-visual.overview03 hr.sub-visual-line { left:0; top:41%; width:25%;}

.overview .contents.top {padding-bottom:0}
.overview .bg-line {position:relative; }
.sub-company-visual.overview02 hr.sub-visual-line {display:block; position:absolute; left:initial; right:0; top:48%; width:21%; margin:0; text-align:right; border-top:1px solid #dfdfdf;}
.sub-company-visual.overview04 hr.sub-visual-line {display:block; position:absolute; left:initial; right:0; top:44%; width:20%; margin:0; text-align:right; border-top:1px solid #dfdfdf;}
.overview .bg-line .line.type02 {bottom:30%;}
.overview .bg-line .contents {padding:0; margin:0 auto;}
.overview .bg-line .img01 {padding:0;}
.overview .bg-line .img01 img {width:100%;}
.sub-company-visual.overview01 p, .sub-company-visual.overview02 p, .sub-company-visual.overview03 p, .sub-company-visual.overview04 p {width:100%;}
.sub-company-visual.overview02 h3 {margin-top:280px; margin-bottom:26px; font-size:38px; font-size:2.714em; font-weight:100; line-height:1; color:#2b2b2b; }
.sub-company-visual.overview04 h3 {margin-top:190px; margin-bottom:26px; font-size:38px; font-size:2.714em; font-weight:100; line-height:1; color:#2b2b2b; }
.sub-company-visual.overview02 h3 span, .sub-company-visual.overview04 h3 span {display:block;}
.sub-company-visual.overview04 h3 span.txt01 {margin-bottom:14px; font-size:18px; font-size:0.474em; letter-spacing:-0.8px;}
.sub-company-visual.overview04 h3 span.txt02 {margin-bottom:10px; font-size:24px; font-size:0.632em; letter-spacing:-0.8px;}
.sub-company-visual.overview02 p, .sub-company-visual.overview04 p {font-size:18px; font-size:1.286em; font-weight:400; line-height: 1.556; color:#2b2b2b;}
.overview .bg-fff-pc { background:#fff;}
/******** HISTORY ********/
.history-tit h3 {position:relative; overflow:hidden; padding-bottom:18px; margin-bottom:0; font-size:23px; font-weight:500; text-align:left; color:#e98e35; line-height:1.4;}
.history-tit h3 span {display:inline-block; position:absolute; bottom:0; left:0; width:40px; height:1px; background:#dfdfdf}
.history-info table {background:url('../../images/page/bg_history_line.gif') repeat-y left top;}
.history-info table tbody th {width:18%; padding-bottom:20px; vertical-align:top}
.history-info table tbody th p {padding:0 3% 0 33px; background:url('../../images/common/icon_bull02.png') no-repeat 2px -1px; line-height:1; font-size:18px; font-size:1.286em; vertical-align:top}
.history-info table td {padding-bottom:20px; line-height:1;}
.history-info table td p {line-height:1.25;}
.history-info table td div {padding-left:4.5%;}
.history-info table tbody th.first p {background-position:2px 0;}
.history-info table tbody th.last, .history-info table td.last {padding-bottom:70px;}
.history-info table td .btn-pdf-down {width:70%; margin-top:10px}
.history .nmyear{padding-left:110px;}
/******** Our Companies ********/
.sub-company.top {padding-bottom:56px;}
.sub-company.bottom {margin-top:0;}
.sub-company .sub-tit {margin-bottom:0;}
.sub-company .sub-tit h2 {margin-bottom:0;}
.sub-company-visual {min-height:720px; font-weight:300; position:relative;}
.sub-company-visual h3 { margin-top:190px; margin-bottom:0; font-size:48px; font-size:3.429em; font-weight:100; color:#fff; line-height:1.22;}
.sub-company-visual p {width:55%; font-size:18px; font-size:1.286em; color:#fff; line-height: 1.44; font-weight:100; letter-spacing:0.02em;}
.sub-company-visual a {width:180px;}
.sub-company-visual a span {color:#fff;}
.sub-company-visual hr.sub-visual-line { text-align:left; border-top:1px solid #fff; position:absolute; left:0; top:30%; width:25%; margin:0;}
.sub-company-visual.hsad {background:url('../../images/page/img_hsad_visual01.jpg') no-repeat top center;}
.sub-company-visual.lbest {background:url('../../images/page/img_lbest_visual01.jpg') no-repeat top center;}
.sub-company.bottom h3 {text-transform:uppercase; font-size:18px; font-size:1.286em; font-weight:bold; line-height:3.26; color:#2b2b2b}
.sub-company.bottom.global p { line-height:1.5;}
.network.global { position:relative; background:#f8f8f8;}
.network.global h2 { color:#d32140; font-size:32px; font-size:2.286em; font-weight:300;}
.network.global .row .network-tit {margin:80px 0 5px;}
.network.global > .container {position:relative; z-index:5}
.network.global #network-map {top:-100px;}
.network.global .ncl-img-wrap {position:relative; width:1213px; height:544px; margin:263px auto 0; }
.eng .ncl-location-contents .address, .eng .ncl-location-contents p.phone, .eng .ncl-location-contents p.mail {font-family:Arial, sans-serif;}
.sub-company-thumb-list {border-bottom:1px solid #dfdfdf}
.sub-company-thumb-list .list-item a {position:relative; display:block;}
.sub-company-thumb-list .list-item a img {width:100%;}
.sub-company-thumb-list .list-item a > p {position:absolute; left:10px; bottom:13px; color:#fff; font-size:16px; font-size:1.143em; z-index:3}
.sub-company-thumb-list .list-item .gradient-block { display:block; position:absolute; width:100%; height:49px; bottom:0; left:0; background:url('../../images/common/bg_gradient.png') repeat-x bottom; z-index:2}
.sub-company-thumb-list .list-item .thumb-list-block {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../images/common/bg_thumb-list-block.png') no-repeat; background-size:100%; z-index:5;}
.sub-company-info.eng {font-family:Arial, sans-serif;}
.sub-company-info {overflow:hidden; font-family:'Nanum Barun Gothic', '나눔바른고딕';}
.sub-company-info li {overflow:hidden; float:left; width:50%;}
.sub-company-info li span {display:inline-block; font-size:16px; font-size:1.143em; color:#2b2b2b; line-height:2.12;}
.sub-company-info li span.category {width:50px; padding-left:20px; margin-right:40px; font-size:14px; font-size:1.000em; line-height:2.42; }
.sub-company-info li span.category.exp {width:150px;}

/******** BOARD OF DIRECTORS ********/
.photo-line {border-bottom: 1px solid #0090cf;}
.photo-line2 { border-bottom:1px solid #dfdfdf;}
.directors h3 {font-size:32px; font-size:2.286em; margin-bottom:0 !important;}
.directors h3 span {display:block; margin-top:16px; margin-bottom:30px;  font-size:16px; font-size:0.500em;}
.directors caption {position:relative; left:0; width:100%; height:auto; text-indent:0; font-size:14px; font-size:1em; font-weight:700; color:#2b2b2b}
.directors th {font-size:16px; width:90px; padding-top:5px; font-size:1.143em; font-weight:normal; vertical-align:top; line-height:35px; text-align:left;}
.directors td {line-height:35px; padding-top:5px; font-size:16px; line-height:1.2; /*padding-left:20px;*/ word-break:keep-all; }
/******** CONTACT US ********/
.map-wrap {overflow:hidden; border:1px solid #dfdfdf;}
.map-wrap #map {padding-bottom:40%;}
.contact .col-sm-2 {border-bottom:2px solid #0090cf;}
.contact .col-sm-2 > p {padding:16px 0 16px 10px; font-size:16px; font-size:1.143em; line-height: 1.5;}
.contact .col-sm-6 p {line-height:2;}
.contact .col-sm-6.eng p {padding-top:60px;}
.contact .col-sm-6 p.addrese {background:url('../../images/common/icon_location.gif') no-repeat 10px 42px;padding:37px 0 16px 42px;}
.contact .col-sm-6 p.tel {background:url('../../images/common/icon_tel.gif') no-repeat 10px 42px;padding-bottom:7px;}
.contact .col-sm-6.eng p.addrese {background:url('../../images/common/icon_location.gif') no-repeat 10px 62px;}
.contact .col-sm-6.eng p.tel {background:url('../../images/common/icon_tel.gif') no-repeat 10px 62px;}
.contact .col-sm-10 {border-bottom:1px solid #dfdfdf;}
/******** disclosure information ********/
.disclosure-wrap {overflow:hidden; width:100%; margin:auto; text-align:center;}
.disclosure-wrap iframe {display:inline-block; margin:auto}
/******** stock infomation ********/
.col-md-8 .box-blue-line {padding:30px 5.32%; }
.col-md-8 .box-blue-line > p {width:7%; margin-right:6%;}
.col-md-8 .box-blue-line > dl {width:87%;}
.search-box {width:768px; overflow:hidden; margin:33px auto 42px}
.search-box h4 {float:left; padding:0 3%; margin:0; line-height:47px; color:#2b2b2b; text-align:center;}
.search-box form {float:left; display:block; width:85%;}
.search-box form > div {width:44.44%}
.search-box form > div .select-wrap {margin-left:1.83%}
.search-box form > button {width: 7.42%; border:none; background:#fff; }
.search-box form > span {width:3.7%; height:47px; line-height:47px; text-align:center}
.search-box form > div .w-wide {width:34%}
.search-box form > div .w-middle {width:30%}
/******** News ********/
.thumb-list {margin-bottom:20px;}
.thumb-list a {position:relative;display:block;}
.thumb-list a .thumb img {width:100%;}
.thumb-list a > div {width:100%; padding:14px 7.8% 30px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.thumb-list a > div .tit { display:-webkit-box; overflow:hidden; height:42px; margin-bottom:25px; min-height:42px; font-size:14px; font-size:1.000em; line-height:1.57; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color:#2b2b2b;}
.thumb-list a > div .date {position:relative; padding-top:11px; font-size:12px; font-size:0.857em; color:#5b5b5b; line-height:1}
.thumb-list a > div .date span {position:absolute; top:0; width:20px; height:1px; background:#dfdfdf;}
.list-view-top {border-bottom:1px solid #dfdfdf;}
.list-view-tit p:first-child {margin-bottom:18px; font-size:32px; font-size:2.286em; font-weight:300; color:#2b2b2b; }
.list-view-tit p {font-size:14px; font-size:1em; color:#5b5b5b; line-height:1.71;}
.list-view-txt {border-bottom:1px solid #dfdfdf; line-height:1.7;}
.list-view-txt p {line-height:1.7;}
.thumb-list a:hover .news-list-block, .thumb-list a:focus .news-list-block {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:4px solid #d32140;}

/* 회사소개 */
.hline_sub {display: block;width: 1px;height: 23px;margin: 0 auto 22px;background: #abbbc8;}
.cen_txt {font-size: 24px;text-align: center;font-weight: bold;margin-bottom: 40px;line-height: 1.4em;}
.intro_top .img img {width: 100%;}
.overflow {overflow: hidden;}
.intro_top { position:relative; }
.intro_top .img img { width:100%; }
.intro_top .s_box { background:#191919; padding:2.5%; position:absolute; left:0; bottom:-100px; width:46%; color:#fff; }
.s_conts { width:44%; padding:2.5% 2.5% 0; float:right; }
.s_conts .s_cont { margin-bottom: 13px; }
.col_ffab27 {color: #ffab27 !important;}
.txt_20 {font-size: 20px;line-height: 1.4em;color: #000;}
.content_tit {margin: 40px 0 20px;font-size: 22px;line-height: 1.4em;font-weight: bold;color: #000;background: url(../../images/page/content_tit_bl.gif) no-repeat left 4px;padding-left: 13px;}
.def_table_wrap {margin-top: 20px;margin-bottom: 35px;position: relative;}
.view_table {width: 100%;}
.view_table th {border: 1px solid #d9d9d9;background: #f3f3f3;padding: 15px 20px;font-size: 15px;text-align:center;}
.view_table td {border: 1px solid #d9d9d9;padding: 15px 20px;font-size: 15px;}

/* 경영방침 */
.section-outer .section-cont {position: relative;max-width: 1200px;margin: 0 auto;}
.section-outer.gray::before {background-color: #edeef3;}
.value-list {margin: 20px 0 20px -20px;}
.value-list ul {position: relative;}
.value-list li {float: left;width: 25%;height: 224px;}
.clfix:after, .clfix:before {display: table;line-height: 0;content: "";}
.value-list li a {display: block;width: 188px;height: 224px;margin-left: 20px;text-align: center;font-size: 20px;color: #302d2c;background-color: #edeef3;}
a:before {content: '　';position: absolute;font-size: 0;}
.value-list li a .ico01 {background-image: url(../../images/page/ico_value01.png);}
.value-list li a .ico02 {background-image: url(../../images/page/ico_value02.png);}
.value-list li a .ico03 {background-image: url(../../images/page/ico_value03.png);}
.value-list li a .ico04 {background-image: url(../../images/page/ico_value04.png);}
.value-list li a .ico05 {background-image: url(../../images/page/ico_value05.png);}
.value-list li a [class^="ico"] {display: block;width: 100%;height: 160px;background-repeat: no-repeat;background-size: 80px 72px;background-position: center center;}
.scr_tab_cont {position: relative;z-index: 2;}
img {border: 0px;vertical-align: top;}
.txt_18 {font-size: 18px !important;line-height: 1.4em;color: #000;}
.list_ty5 {overflow: hidden;border-top: 3px solid #e98e35;border-bottom: 1px solid #b6b6b6;padding: 40px 0;}
.list_ty5 li:first-child div {border-left: none;}
.list_ty5 li .img {text-align: center;}
.list_ty5 li {float: left;width: 33.333333333333333%;}
.list_ty5 li .t1 {padding: 30px 0;text-align: center;}
.list_ty5 li p span {display: block;padding: 0 40px;}
.list_ty5 li div {border-left: 1px solid #d9d9d9;}
.list_ty6 { overflow:hidden; border-top:3px solid #e98e35; border-bottom:1px solid #b6b6b6; padding:40px 0px 40px; }
.list_ty6 li { float:left; width:50%; position:relative; margin-bottom:40px; }
.list_ty6 li .img { position:absolute; left:0; top:0; }
.list_ty6 li .t { padding-left:167px; }
.list_ty6 li .t span { display:block; padding-right:40px; }
.list_ty6 li .t .t1 { padding-bottom:10px; padding-top:48px; }
.list_ty6 li .t .b{padding-top:36px;}

/* 오시는 길 */
.map{margin-top:30px;}
.contact .col-sm-2 {border-bottom: 2px solid #e98e35;}
.contact .col-sm-2 > p {padding: 16px 0 16px 10px;font-size: 16px;font-size: 1.143em;line-height: 1.5;}
.contact .col-sm-10 {border-bottom: 1px solid #dfdfdf;}
.address_map{width:100%;}
iframe{width:100%;}
#daumRoughmapContainer1631754295467{width:100%;}
.section_address{display:none;}
.tel_fax{padding-top:30px; margin-top:-29px;}
.tel_fax .tel img{padding-right:10px;padding-top:6px;}
.tel_fax .fax img{padding-right:10px;padding-top:4px;}
.row.map{margin-right:0px; margin-left:0px;}

/* 사업영역 */
.wsize {width: 100%;margin: 0 auto;position: relative;z-index: 3;}
.tab_page_one {margin: 0 auto;text-align: center;border-left: 2px solid #000;border-right: 2px solid #000;padding: 0 10px;display: table;margin-bottom: 30px;margin-top: 5px;}
.tab_page_one li:first-child {border-left: none;}
.tab_page_one li {display: inline-block;border-left: 1px solid #aaa;}
.tab_page_one li a:hover, .tab_page_one li a.active {color: #e98e35;}
.tab_page_one li a {display: block;margin: 0 20px;font-weight: normal;color: #7a7a7a;position: relative;}
.tab_page_one li a.active .bline {display: block;width: 100%;position: absolute;left: 0;bottom: -7px;height: 3px;background: #e98e35;}
.business_detail_top {border-top: 3px solid #e98e35;background: #f5f5f5;margin-bottom: 30px;}
.business_detail_top .sred_line {display: block;width: 25px;height: 4px;margin: 15px auto;background: #e82c2a;}
.txt_26 {font-size: 26px;line-height: 1.4em;color: #000;}
.col_org {color: #e98e35 !important;}
.center {text-align: center !important;}
.car_top_list_wrap { margin:0 auto; width:100%; padding:20px 0;}
.car_top_list { overflow:hidden; display:block; width:100%; text-align:center; }
.car_top_list li { float:left; width:33%; margin-right: 1px; margin-bottom: 1px;}
.car_top_list li .imgs { overflow:hidden; }
.car_top_list li .imgs img { width:100%;}
.car_top_list li .txts { background: #202020; position:relative; }
.car_top_list li .txts .t1 { font-size: 16px; line-height: 1.4em; text-align:center; color:#fff; padding: 8px 0; }
.car_top_list li.two { float:none; width:33%; display:inline-block; margin-right:0; margin-left:-2px; }
.car_top_list li.two .imgs img { width:100%; max-width:340px; }
.car_top_list li.two:first-child {margin-left:0;  }
.def_table_wrap { margin-top: 20px; margin-bottom: 35px; position:relative; }
.def_table_wrap2 { margin:0; }
.def_table { border-top:3px solid #395365; width:100%; }
.def_table th { border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center; background: #eaeaeb; font-size:16px; padding:12px 10px; }
.def_table td { border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center; font-size:15px; padding:12px 10px; line-height:1.6em; }
.def_table tr th.fir , .def_table tr td.fir { border-left:none; }
.def_table_sm { border-top:3px solid #395365; width:100%; }
.def_table_sm th { border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center; background: #eaeaeb; font-size:16px; padding:12px 10px; }
.def_table_sm td { border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center; font-size:15px; padding:12px 10px; line-height:1.6em; }
.def_table_sm tr th.fir , .def_table_sm tr td.fir { border-left:none; }
.new_def_table {  width:100%; }
.new_def_table th { border:1px solid #ccc; border-top:1px solid #000; text-align:center; background: #f3f3f3; font-size:16px; padding:12px 10px; }
.new_def_table td { border:1px solid #ccc; text-align:center; font-size:15px; padding:12px 10px; line-height:1.6em; background:#fff; }
.def_table tr.bg * { background: #f8f8f8; }
.def_table tfoot td { background:#f8f8f8;}
.bor_b { border-bottom:1px solid #395365 !important; }
.tb_right { position:relative; right:0; top:-20px; text-align:right; }
.detail_table { width:100%; border-bottom:1px solid #202020; float:left; }
.detail_table th { text-align:center; background: #202020; font-size:14px; color:#fff; padding:13px 10px 13px 10px; border:1px solid #4e4e4e; }
.detail_table td { border-left:1px solid #d2d2d2; text-align:center; font-size:14px; color:#393939; padding:12px 10px 12px 10px; line-height:1.6em; }
.detail_table td img { max-width:201px; width:100%; }
.detail_table tr td.fir { border-left:none; }
.detail_table tr:nth-child(odd) { background: #eaeaea; }
.table2{margin-top:30px;}
.new_list_2 { overflow:hidden;  }
.new_list_2 li { float:left; width:32%; margin-left:2%; }
.new_list_2 li.fir { margin-left:0;margin-right:14px; }
.new_list_2 li .img img { width:100%; }
.new_list_2 li .t1 { text-align:center; background:#5c5c5c; padding:15px 0; color:#fff; }
.new_list_2 li .t2 { padding:20px 0; font-weight:bold;}
.new_list_2 li .t3 { min-height:88px; }
.new_list_2 li .img_box { position:relative; }
.new_list_2 li .img_box .more { display:none; }
.new_list_2 li .img_box .t { color:#fff; position:absolute; left:0; bottom:0; text-align:center; display:block; width:100%; padding:10px 0; background: url(../img/common/img_under_bar.png) repeat left top; z-index:2; }
.new_list_2 li .img_box a:hover .more { position:absolute; left:0; top:0; display:block; height:100%; width:100%; vertical-align:middle; text-align:center; background: url(../img/common/img_over_bg.png) repeat left top; z-index:1; }
.new_list_2 li .img_box a:hover .more img { position:absolute; top:50%; left:50%; margin-left:-35px; margin-top:-35px; }
.b_detail {padding: 0 0.1%;position: relative;}
.txt_18 {font-size: 17px !important;line-height: 1.4em;color: #000;}
.b_detail_slist li {margin: 8px 0;}
.pdf_bl {padding-left: 10px;background: url(../../images/page/bl_3x3.gif) no-repeat left 8px;line-height: 1.5em;}
.car_top_list_wrap { margin:0 auto; width:100%; padding:20px 0;}
.dt_top_list { overflow:hidden; display:block; width:100%; text-align:center; }
.dt_top_list li { float:left; width:24%; margin-right: 10px; margin-bottom: 1px;}
.dt_top_list li .imgs { overflow:hidden; }
.dt_top_list li .imgs img { width:100%; max-width:340px; }
.dt_top_list li .txts { background: #202020; position:relative; }
.dt_top_list li .txts .t1 { font-size: 16px; line-height: 1.4em; text-align:center; color:#fff; padding: 8px 0; }
.dt_top_list li.two { float:none; width:33%; display:inline-block; margin-right:0; margin-left:-2px; }
.dt_top_list li.two .imgs img { width:100%; max-width:340px; }
.dt_top_list li.two:first-child {margin-left:0;  }
.bor_top_box { border-top:3px solid #e98e35; padding:40px 0 0; margin-bottom:10px; }
.bor_top_box2 { border-top:3px solid #023e7c; border-bottom:1px solid #c3c3c3; margin-bottom:50px; }
.ico_list_ty_1 { overflow:hidden; margin-bottom:50px; }
.ico_list_ty_1 li { width:20%; float:left; position:relative; }
.h_line { margin:0 auto; height:23px; width:1px; background:#37588e; display:block; }
.ico_list_ty_1 li .t1 { padding:7px 22px 8px; text-align:center; background:#e9e9e9; margin:0 24px 35px; border-radius:5px; font-weight:bold; }
.ico_list_ty_1 li .t2 { text-align:center; margin:0 24px; }
.ico_list_ty_1 li .plus { position:absolute; right:-20px; top:20px; }
.mb30 {margin-bottom: 30px !important;}
.txt_15 {font-size: 15px;line-height: 1.6em;color: #393939;}
.bortitle{text-align: center;font-weight: bold;font-size: 22px;}
.change01 li{width:24%;}
.bs3 li{width:33%;}

/* 인증서 */
#kboard-certi-list {display: inline-block;*display: inline;zoom: 1;margin: 0;width: 100%;}
#kboard-certi-list .kboard-list {float: left;margin: 0;padding: 30px 0;width: 100%;list-style: none;}
#kboard-certi-list .kboard-list .kboard-list-item:nth-child(4n+1) {border-left-color: #eee;}
#kboard-certi-list .kboard-list .kboard-list-item {float: left;padding: 0;width: 25%;padding: 2%;margin-top: -1px;overflow: hidden;list-style: none;border: #eee 1px solid;border-left-color: #FFF;text-align: center;}
#kboard-certi-list .kboard-list .kboard-list-item:nth-child(4){border-left:1px solid #eee;}
#kboard-certi-list .kboard-list .kboard-list-item a {display: inline-block;margin-bottom: 15px;}
#kboard-certi-list .kboard-list .kboard-list-item a img {display: inline;margin: 0;width: auto;height: auto;max-width: 100%;vertical-align: middle;box-shadow: none;transition: all 0.5s ease;}
#kboard-certi-list .kboard-list .kboard-list-item .item_tit {color: #666;font-size: 15px;font-weight: 600;line-height: 1.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#kboard-certi-list .kboard-list .kboard-list-item p {font-size: 13px;margin-bottom: 0;}
.kboard-list-item img{margin-bottom:15px;}

/* 공장 및 설비현황 */
.bold{font-weight:bold;}
.detail_table .left{text-align:inherit;}
.factorytable{width:60%;}
.tableimg01{float:right;}
.tableimg01 img{width: 85%;float: right;top: 0;margin-top: -507px;}
.combi{background:#fff; border-bottom:1px solid #eaeaea;}
.comright{border-right:1px solid #eaeaea;}
.comright:last-child{border-bottom:1px solid #eaeaea;}
.combackground{background-color:#fff;border-bottom:1px solid #eaeaea;}
.none{background-color:#eaeaea;}
.tableimg02{margin-top:30px;}
.white{background-color:#fff;}
.layout_ft{float:right;display:grid;}
.layout img{width:100%;}

/* 관계사 현황 */
.partner img{width:100%;}
























































/******** Media Query ********/
@media screen and (max-width:1860px){
    .sub-company-visual hr.sub-visual-line,
    .sub-company-visual.overview01 hr.sub-visual-line,
    .sub-company-visual.overview02 hr.sub-visual-line,
    .sub-company-visual.overview03 hr.sub-visual-line,
    .sub-company-visual.overview04 hr.sub-visual-line,
    .overview .bg-line .line {width:19%;}
}
@media screen and (max-width:1600px){
    .sub-company-visual hr.sub-visual-line,
    .sub-company-visual.overview01 hr.sub-visual-line,
    .sub-company-visual.overview02 hr.sub-visual-line,
    .sub-company-visual.overview03 hr.sub-visual-line,
    .sub-company-visual.overview04 hr.sub-visual-line,
    .overview .bg-line .line {width:7%;}
}
@media screen and (max-width:1599px){
    .sub-company-visual.overview02 .col-md-4, .sub-company-visual.overview04 .col-md-4 {margin-right: 8.33333333%;}
}
@media screen and (max-width:1200px){
    .contents {margin:-60px 40px 0}


}
@media screen and (max-width:992px){
    .sub-company-visual h3 {margin-top:80px;}
    .sub-company-visual.overview01  {background-position:top 0 right -100px}
    .sub-company-visual.overview02 .col-md-4, .sub-company-visual.overview04 .col-md-4 {margin-right: 0;}
    .sub-company-info.eng li span {float:left; width:70%;}
    .sub-company-info.eng li span.category, .sub-company-info li span.category.exp {width:25%; margin-right:5%;}
    /******** CEO MESSAGE ********/
    .ceo-row01,.photo-line {border-bottom:none;}
    .photo-line-mo {border-bottom:2px solid #0090cf;}
    .photo-line2 { border-top:1px solid #dfdfdf; padding-top:20px;}
    .history-info table tbody th p {padding:0 5% 0 20px}
    .history-info table td .btn-pdf-down {width:100%;}
    .sub-company-info li {float:none; width:100%;}
    .sub-company-info li span.category {padding-left:0;}
    .sub-company-visual hr.sub-visual-line,
    .sub-company-visual.overview01 hr.sub-visual-line,
    .sub-company-visual.overview02 hr.sub-visual-line,
    .sub-company-visual.overview03 hr.sub-visual-line,
    .sub-company-visual.overview04 hr.sub-visual-line,
    .overview .bg-line .line {display:none}
    .hidden-pc img {width:100%;}
    /************ Our Companies **************/
	.sub-company-visual p {width:100%; }
    #video-popup .modal-dialog { width:93.75%; }
}
/* mobile */
@media screen and (max-width:768px){
    .hidden-pc{display:none;}
    .container {padding:0;}
    .container .row {margin-left:0; margin-right:0;}
    .contents {margin:-60px auto 0}
    h3, h4 {margin-bottom:7.5px;}
    #contentsWrap .contents {width:93.75%; padding-top:16.5px; padding-bottom:40px;}
    #contentsWrap .contents .sub-tit {margin-bottom:32px;}
    #contentsWrap .contents .sub-tit h2 {font-size:30px; font-size:2.143em;}
    #contentsWrap .contents .sub-tit h2 p {margin-bottom:12px; line-height:1}
    #contentsWrap .contents .sub-tit h2 span {padding-bottom:14.5px; margin-bottom:20px; font-size:14px; font-size:0.467em;}
    .mo-tb {overflow-x:scroll; overflow-y:hidden; margin-bottom:26px !important;}
    .mo-tb table {width:720px; margin-bottom:0 !important}
    /* OVERVIEW */
    .sub-company-visual.overview01 {min-height:initial; padding-bottom:40%; background:#466383 url('../../images/page/img_overview_01_mo.jpg') no-repeat bottom center; background-size:cover;}
    .sub-company-visual.overview02 {min-height:initial; padding-bottom:50%; background:#eeeded url('../../images/page/img_overview_02_mo.jpg') no-repeat bottom center; background-size:cover;}
    .sub-company-visual.overview03 {min-height:initial; padding-bottom:50%; background:#442d20 url('../../images/page/img_overview_03_mo.jpg') no-repeat bottom center; background-size:cover;}
    .sub-company-visual.overview04 {min-height:initial; padding-bottom:60%; background:#85b3ba url('../../images/page/img_overview_04_mo.jpg') no-repeat bottom center; background-size:cover;}
    .overview .contents.exp, .overview .contents.exp .container {width:100% !important; padding-bottom:0 !important;}
    .contents.exp .container {padding-left:0; padding-right:0;}
    .overview .contents.exp .row {margin-right:0; margin-left:0;}
    .overview .mo-exp-pl {padding-left:11.5%;}
    .overview .mo-exp-pr {padding-right:11.5%; margin-bottom:50px;}
    .overview .mo-exp-plr {padding-left:11.5%; padding-right:11.5%;}
    .overview .mb-10 {margin-bottom:0 !important}
    .overview h3 {font-size:30px !important; font-size:2.143em !important;}
    .overview .bg-line .ta-r h3 {margin-top:60px;}
    .overview .bg-line .ta-r h3 span.txt02 {margin-bottom:10px; font-size:20px; font-size:0.667em;}
    .overview .bg-line .ta-r h3 span.txt01 {margin-bottom:8px; font-size:18px; font-size:0.600em;}
    .sub-company-visual.overview01 p, .sub-company-visual.overview03 p {text-align:left;color:#fff;}
    .sub-company-visual.overview01 h3 {text-align:left;}
    .sub-company-visual.overview01 h3 img {width:100%; max-width:227px;}
    .sub-company-visual.overview02 h3 {margin-top:30px; margin-bottom:16px; text-align:right;}
    .sub-company-visual.overview04 h3 {margin-top:30px; margin-bottom:16px; font-weight:300; text-align:right;}
    .sub-company-visual.overview02 h3 span, .sub-company-visual.overview04 h3 span { line-height:1;}
    .sub-company-visual.overview02 p, .sub-company-visual.overview04 p {text-align:right; line-height: 1.278;}
    .sub-company-visual.overview04 h3 span.txt01 {margin-bottom:8px;}
    .sub-company-visual.overview03 h3 {text-align:left; color:#fff;}
    .sub-company-visual.overview03 h3 span { line-height:1;}
    .sub-company-visual.overview01 hr.sub-visual-line {display:block; width:11%; top:14%;}
    .sub-company-visual.overview02 hr.sub-visual-line {display:block; width:11%; top:9%;}
    .sub-company-visual.overview03 hr.sub-visual-line {display:block; width:11%; top:17%;}
    .sub-company-visual.overview04 hr.sub-visual-line {display:block; width:11%; top:19%;}
    .overview .bg-line .line {display:block; width:11%; top:94px;}
    .overview .bg-line .line.type02 {top:150px;}
    .overview .bg-fff-pc { background:none;}
    /******** CEO MESSAGE ********/
    .ceo-row01 .head-line { margin-top:30px; padding-top:20px;}
    .ceo-row02 h3 { font-size:25px; font-size:1.857em;}
    /******** Our Companies ********/
    .sub-company-visual.hsad, .sub-company-visual.lbest {background:none;}
    .sub-company-visual {min-height:0;}
    .sub-company-visual h3 { margin-top:42px; font-size:30px; font-size:2.143em; color:#d32140; text-align:center;}
    .sub-company-visual p {margin-bottom:10px; color:#2b2b2b; text-align:center;}
    .sub-company-visual .btns-wrap {text-align:center;}
    .sub-company-visual .btns {display:inline-block;}
    .sub-company-visual a span {color:#2b2b2b;}
    .sub-company.global {margin-bottom:19px;}
    .sub-company-info li {margin-bottom:10px;}
    .sub-company-info li span {float:left; width:80%;}
    .sub-company-info li span.category {width:15%; margin-right:5%;}
    .network.global h2 {font-size:24px; font-size:1.714em;}
    .network.global h2 span {display:block;}
    .network.global .row .network-tit {margin:18.5px 0;}
    #video-popup .video-wrap .btn-close { position:absolute; right:0; top:-17%; width:10.625%;}
    #video-popup .video-wrap .btn-close img,#video-popup .video-wrap .video-cont .img-wrap .play img { width:100%;}
    #video-popup .video-wrap .video-cont .img-wrap .play { width:12.333%;}
    #video-popup .video-wrap .video-cont .subtitle { padding:15px; max-height:130px; }
    /******** News ********/
    .list-view-tit p { line-height:1.15;}
    .list-view-tit p:first-child { font-size:26px; font-size:1.857em; margin-bottom:10px;}
    .pre { padding-left:22px; padding-right:0;}
    .pre a { border-right:none;}
    .next { padding-right:22px; padding-left:0;}
    .thumb-list { margin-bottom:10px;}
    .thumb-list:nth-of-type(even) { padding-left:5px;}
    .thumb-list:nth-of-type(odd) { padding-right:5px;}
    /* JS 리사이징시 */
    .network.global .ncl-root {display:none;}
    .network.global .ncl-img-wrap {width:100%; height:auto; margin:0 auto;}
    .network.global #network-map02, .network.global #network-map {overflow:hidden; position:relative; padding:0 3.125%; background:#fff; }
    .network.global #network-map02 .ncl-container {position:inherit; left:0 !important; top:0 !important}
    .network.global #network-map02 .ncl-container .ncl-map-image {display:none}
    .network.global #network-map02 .ncl-location {position:relative; display:block; width:100%; height:auto;}
    .network.global #network-map02 .ncl-location .ncl-location-pin {display:none;}
    .network.global #network-map02 .ncl-location-contents,
    .network.global .location {position:inherit; width:100%; height:auto; min-height:auto; left:0; color:#2b2b2b; z-index:1;}
    .network.global .location {display:block;}
    .network.global #network-map02 .ncl-location-contents .ncl-location-close {display:none;}
    .network.global #network-map02 .ncl-location-contents h3,
    .network.global .location h3 {margin-top:26px; margin-bottom:13.5px; padding:5.5px 0; border-bottom:2px solid #d32140; color:#d32140; background:none; font-size:18px; font-weight:normal; letter-spacing:inherit;}
    .network.global #network-map02 .ncl-location-contents h3.mt0 {margin-top:0}
    .network.global #network-map02 .ncl-location-contents p,
    .network.global .location p {min-height:20px; margin:0 0 10px 0; padding:0 0 0 10%; font-size:1.000em; line-height:1.14; border-bottom:0;}
    .network.global #network-map02 .ncl-location-contents p.address,
    .network.global .location p.address {background:url('../../images/common/icon_location02.gif') no-repeat left top; background-size:20px;}
    .network.global #network-map02 .ncl-location-contents p.phone,
    .network.global #network-map02 .ncl-location-contents p.mail,
    .network.global .location p.phone,
    .network.global .location p.mail {line-height:20px;}
    .network.global .location p.phone,
    .network.global .location p.mail {position:relative;}
    /******** History *******/
    .history-tit h3 {margin-bottom:0; padding-bottom:20px; font-size:30px; font-size:2.143em}
    .history-info {padding:0;}
    .history-tit {padding-left:20px; background: url(../../images/page/bg_history_line.gif) repeat-y left top;}
    .history-tit.exp {background:none;}
    .history-tit.pb30 {padding-bottom:30px;}
    .history-info.exp {margin-top:30px;}
    .history-info.exp table tbody th.first p {background-position:2px 1px}
    .history-info.exp table tbody th.first p, .history-info.exp table td.first {padding-top:0;}
    .history-info table td {padding-left:15px;}
    .history-info table td div {padding-left:1.5%;}
    .history-info table td div img {width:100%;}
    .history-info table tbody th  p {background:url('../../images/common/icon_bull02_mo.png') no-repeat 2px -1px; background-size:11px;}
    /******** BOARD OF DIRECTORS ********/
    .directors h3 {font-size:26px; font-size:1.857em;}
    .mt2-mo { margin-top:20px;}
    /******** CONTACT US ********/
    .contact .col-sm-2 > p {padding:22px 0 21px 10px;}
    .contact .col-sm-10 .col-sm-6 {padding-left:0; padding-right:0;}
    .contact .col-sm-6 p {padding:20px 0 20px 42px;}
    .contact .col-sm-6 p.addrese {background:url('../../images/common/icon_location.gif') no-repeat 10px center;}
    .contact .col-sm-6 p.tel {background:url('../../images/common/icon_tel.gif') no-repeat 10px center;}
    /******** stock infomation ********/
    .search-box {width:100%;}
    .search-box h4 {float:none; text-align:left;}
    .search-box form {float:none; width:100%;}
    #stock_date1 tr td:nth-child(5),#stock_date1 tr td:nth-child(6),#stock_date1 tr td:nth-child(7) {display:none;}
    .col-md-8 .box-blue-line > p {float:none;width:100%;padding-bottom:13.5px;}
    .col-md-8 .box-blue-line > dl {float:none; width:100%; margin-top:9.5px; margin-bottom:0;}
    .disclosure-wrap iframe {width:100%;}
}
@media screen and (max-width:640px){
    .sub-visual {height:178px;}
    .sub-visual.sub1 {background:url('../../images/page/bg_visual_01_mo.jpg') no-repeat top center; background-size:auto 100%;}
    .sub-visual.sub2 {background:url('../../images/page/bg_visual_02_mo.jpg') no-repeat top center; background-size:auto 100%;}
    .sub-visual.sub2_3 {background:url('../../images/page/bg_visual_02_03_mo.jpg') no-repeat top center; background-size:auto 100%;}
    .sub-visual.sub3 {background:url('../../images/page/bg_visual_03_mo.jpg') no-repeat top center; background-size:auto 100%;}
    .sub-visual.sub4 {background:url('../../images/page/bg_visual_04_mo.jpg') no-repeat top center; background-size:auto 100%;}
	.sub-company-visual a {width:100%; margin-left:0 !important; margin-bottom:5px;}
}
@media screen and (max-width:375px){
    .sub-company-info li span, .sub-company-info.eng li span {float:none; width:100%;}
    .sub-company-info li span.category, .sub-company-info.eng li span.category, .sub-company-info li span.category.exp {width:100%; margin-right:0;}
    .stock-date1-wrap {overflow-y:scroll; width:100%;}
    .stock-date1-wrap table {width:400px;}
}