@charset "utf-8";
/* ���� �̹��� (����) */
#container > .inner img.img_tab, #container > .inner img.img_mob {display:none}
/* ȸ��Ұ� */
#container > .inner .greeting > ul {clear:both}
#container > .inner .greeting > ul > li {position:relative; float:left}
#container > .inner .greeting > ul > li.list1 {width:45%}
#container > .inner .greeting > ul > li.list2 {width:50%}
#container > .inner .greeting > ul > li.right {float:right}
#container > .inner .greeting > ul > li img {display:block; width:100%}
#container > .inner .greeting > ul > li .text_effect {float:left; width:50%}
#container > .inner .greeting > ul > li .full {width:100% !important; margin-bottom:40px}
#container > .inner .greeting > ul > li .text_effect > li > .txt {display:inline-block; font-size:26px; color:#21bbb1}
#container > .inner .greeting > ul > li .text_effect > li > .txt p {position:relative; margin-bottom:10px; height:1px; background:#aaece6}
#container > .inner .greeting > ul > li .text_effect > li > .txt p span {position:absolute; display:inline-block; width:100%; height:1px}
#container > .inner .greeting > ul > li .text_effect > li > .txt p span.color1 {background:#21bbb1}
#container > .inner .greeting > ul > li .text_effect > li > .txt p span.color2 {background:#aaece6}
#container > .inner .greeting .txt_box {float:right; width:47%}
#container > .inner .greeting .txt_box p.desc {font-size:12px; line-height:1.7; letter-spacing:-0.5px; text-align:justify; margin-bottom:30px}
#container > .inner .greeting .txt_box.full {float:none; width:100% !important}
/* ���� */
#container > .inner .history {text-align:justify}
#container > .inner .history:after {display:inline-block; width:100%; height:0; content:''}
#container > .inner .history > .history_box {display:inline-block; width:48%; margin-bottom:35px; overflow:hidden}
#container > .inner .history > .history_box h3 {font-size:24px; font-weight:600; color:#21bbb1; padding-bottom:15px; border-bottom:1px solid #dedede; margin-bottom:20px}
#container > .inner .history > .history_box dl {margin:0; padding:0; overflow:hidden}
#container > .inner .history > .history_box dl dt {float:left; color:#999; width:70px; line-height:1.6; padding:5px 0}
#container > .inner .history > .history_box dl dd {color:#555; margin-left:80px; padding:5px 0; line-height:1.6}
#container > .inner .history > .history_box dl span.white {color:#fff !important}
#container > .inner .history > .con_box {clear:both; padding:30px 50px 10px 50px; border:3px solid #ccc; overflow:hidden}
#container > .inner .history > .con_box .left {float:left; width:50%}
#container > .inner .history > .con_box .right {float:right; width:50%}
#container > .inner .history > .con_box dl {position:relative; margin-bottom:15px; overflow:hidden}
#container > .inner .history > .con_box dl dt {clear:left; float:left; width:100px; color:#666}
#container > .inner .history > .con_box dl dd {margin-left:100px; padding-right:20px; color:#888}
/* ���̾� �˾� */
#img_popup_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:990; visibility:hidden}
#mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80')}
#imgPopup {position:fixed; top:50%; left:50%; width:60%; background:#fff; z-index:1000}
#imgPopup .img_wrap {position:relative; height:100%}
#imgPopup .img_wrap ul {}
#imgPopup .img_wrap ul li {display:none}
#imgPopup .img_wrap ul li.on {display:block}
#imgPopup .img_wrap ul li img {display:block; width:100%}
#imgPopup .img_wrap p.tit {clear:both; line-height:50px; padding:0 30px}
#img_popup_wrap a {position:absolute; z-index:1010}
#img_popup_wrap a.pop_close {top:20px; right:10%}
#img_popup_wrap a.pop_prev {top:50%; left:10%}
#img_popup_wrap a.pop_next {top:50%; right:10%}
/* ã�ƿ��ô� �� */
#mask_pop {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80')}
#container > .inner .company .photo_slide {}
#container > .inner .company .photo_slide .slide_wrap {position:relative; margin-bottom:30px}
#container > .inner .company .photo_slide .slide_wrap .tit_box {position:absolute; width:140px; padding:20px; top:0; right:0; color:#fff; background:#21bbb1; z-index:50}
#container > .inner .company .photo_slide .slide_wrap .tit_box h2 {font-size:18px; line-height:1.2; margin-bottom:10px}
#container > .inner .company .photo_slide .slide_wrap .photo_list {overflow:hidden}
#container > .inner .company .photo_slide .slide_wrap .photo_list li {position:relative; float:left; cursor:pointer}
#container > .inner .company .photo_slide .slide_wrap .photo_list li.p_1 {width:52.6%}
#container > .inner .company .photo_slide .slide_wrap .photo_list li.p_2 {width:47.4%}
#container > .inner .company .photo_slide .slide_wrap .photo_list li.p_3, #container > .inner .company .photo_slide .slide_wrap .photo_list li.p_4 {width:23.7%}
#container > .inner .company .photo_slide .slide_wrap .photo_list li > img {display:block; width:100%}
#container > .inner .company .photo_slide .slide_wrap .photo_list li a {display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:10}
#container > .inner .company .photo_slide .slide_wrap .photo_list li a .mask {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:20}
#container > .inner .company .photo_slide .slide_wrap .photo_list li a img {display:inline-block; position:relative; text-align:center; z-index:30}
#container > .inner .company .photo_slide .photo_swipe {display:none; position:relative; overflow:hidden}
#container > .inner .company .photo_slide .photo_swipe ul {position:relative; width:1000%}
#container > .inner .company .photo_slide .photo_swipe ul li {position:relative; float:left}
#container > .inner .company .photo_slide .photo_swipe ul li img {display:block; width:100%}
#container > .inner .company .photo_slide .photo_swipe ul li p {position:absolute; display:inline-block; bottom:0; left:0; padding:15px 25px; color:#333; background:#fff}
#container > .inner .company .photo_slide .paging {clear:both; margin:30px 0 100px 0; font-size:28px; color:#bbb; text-align:right}
#container > .inner .company .photo_slide .paging a {display:inline-block}
#container > .inner .company .photo_slide .paging a img {vertical-align:-3px}
#container > .inner .company .photo_slide .paging span.current {color:#21bbb1}
#container > .inner .company .photo_slide .paging_m {clear:both; display:none; margin:30px 0 100px 0; font-size:28px; color:#bbb; text-align:center}
#container > .inner .company .photo_slide .paging_m a {display:inline-block}
#container > .inner .company .photo_slide .paging_m a img {vertical-align:-3px}
#container > .inner .company .photo_slide .paging_m span.current {color:#21bbb1}
#container > .inner .company .map_list .map_list_wrap {padding-bottom:15px; border-bottom:1px solid #eee; cursor:pointer}
#container > .inner .company .map_list li.map {display:none; width:100%; margin-top:30px}
#container > .inner .company .map_list li.map .map_area {position:relative; width:100%; height:500px; overflow:hidden}
#container > .inner .company .map_list li.map .map_area #map {height:100%}
#container > .inner .company .map_list li .map_list_wrap h3 {font-size:18px; font-weight:400; color:#444; margin-bottom:20px}
#container > .inner .company .map_list li .map_list_wrap p {color:#777}
#container > .inner .company .map_list li .map_list_wrap p.new {margin-bottom:5px}
#container > .inner .company .map_list li .map_list_wrap p.old {margin-bottom:50px}
#container > .inner .company .map_list li .map_list_wrap p.tel {margin-bottom:15px; padding-left:45px; background:url(../../img/map_phone.png) left center no-repeat}
#container > .inner .company .map_list li .map_list_wrap p.fax {padding-left:45px; background:url(../../img/map_printer.png) left center no-repeat}
#container > .inner .company .map_list li:hover p.tel, #container > .inner .company .map_list li.on p.tel {background:url(../../img/map_phone_c.png) left center no-repeat}
#container > .inner .company .map_list li:hover p.fax, #container > .inner .company .map_list li.on p.fax {background:url(../../img/map_printer_c.png) left center no-repeat}
#container > .inner .company .map_list li:hover h3, #container > .inner .company .map_list li .map_list_wrap:hover p, #container > .inner .company .map_list li.on h3, #container > .inner .company .map_list li.on p, #container > .inner .company .map_list li:hover a, #container > .inner .company .map_list li.on a {color:#21bbb1 !important}
#container > .inner .company .map_list li .map_list_wrap a.pointer {display:block; position:absolute; right:0; bottom:15px}
/* ����Ұ� */
#container > .inner .business ul.tpl_list {margin-bottom:100px}
#container > .inner .business ul.tpl_list li {position:relative; height:300px; vertical-align:top}
#container > .inner .business ul.tpl_list li .allocation_inner h3 {font-size:16px; margin-bottom:20px}
#container > .inner .business ul.tpl_list li .allocation_inner p.txt {color:#777; line-height:1.6}
#container > .inner .business ul.tpl_list li .allocation_inner p.img {position:absolute; bottom:0; left:0}
#container > .inner .business ul.tpl_list li .allocation_inner p.img img {display:block; width:100%}
#container > .inner .business p.main_desc {color:#777; line-height:2; text-align:justify; margin-bottom:80px}
#container > .inner .business .process_box {padding:30px; border:3px solid #ccc}
#container > .inner .business .process_box ul.prcs_list li {text-align:center; background:url(../../img/process_arrow.png) right 10px center no-repeat}
#container > .inner .business .process_box ul.prcs_list li.last {background:none}
#container > .inner .business .process_box ul.prcs_list li p.img {height:70px; margin-bottom:10px}
#container > .inner .business .process_box ul.prcs_list li p.txt {font-weight:600; font-size:12px; line-height:1.5}
#container > .inner .business .wrap_type1 {margin-top:100px; border:1px solid #dedede; overflow:hidden}
#container > .inner .business .wrap_type1 .left {float:left; width:45%}
#container > .inner .business .wrap_type1 img {display:block; width:100%}
#container > .inner .business .wrap_type1 .center {float:left; width:30%; padding-top:50px}
#container > .inner .business .wrap_type1 .center ul.text_effect {padding-left:15%}
#container > .inner .business .wrap_type1 .center ul.text_effect li {float:none !important}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt {display:inline-block; font-size:28px; color:#21bbb1; line-height:1.4}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p {position:relative; margin-bottom:10px; height:1px; background:#aaece6}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span {position:absolute; display:inline-block; height:1px}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span.color1 {background:#21bbb1}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span.color2 {background:#aaece6}
#container > .inner .business .wrap_type1 .center p.desc {color:#777; line-height:1.6; text-align:justify; margin-top:30px; padding-left:15%}
#container > .inner .business .wrap_type1 .right {float:right; width:22%; border-left:1px solid #dedede}
#container > .inner .business .wrap_type1 .right p.img {margin-bottom:70px}
#container > .inner .business .wrap_type1 .right p.img img {width:100%}
#container > .inner .business .wrap_type1 .right h3 {line-height:1; margin-bottom:34px; padding:0 30px}
#container > .inner .business .wrap_type1 .right h3 p {font-size:26px; color:#000; line-height:inherit; transition:all 0.5s ease}
#container > .inner .business .wrap_type1 .right h3 p:after {clear:both; display:block; content:''}
#container > .inner .business .wrap_type1 .right h3 p.tit2 {width:105%; margin-left:-5px}
#container > .inner .business .wrap_type1 .right h3 p.tit3 {width:110%; margin-left:-5px}
#container > .inner .business .wrap_type1 .right h3 p span {display:block; float:left; width:16%; text-align:center}
#container > .inner .business .wrap_type1 .right h3 p span.blind {display:none}
/* ���� ��� */
#aside .latest_box {background:#fff !important; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.12)}
/* �Խ��� ������ ���� ���� */
table.seLayout td {padding:0 !important} 
/* �Խ��� ��Ÿ�� (2017-08-08 �߰�) */
.brd_photo_list .hoverBox {position:absolute; display:block; top:0; left:0; width:100%; height:100%; padding:32% 30px 0 30px; text-align:center; background:rgba(0,0,0,.8); opacity:0; transition:all .5s ease}
.brd_photo_list .hoverBox .inner {}
.brd_photo_list .hoverBox .inner h3 {font-size:24px; font-weight:600; color:#fff; line-height:1.2}
.brd_photo_list .hoverBox .inner h3:after {display:block; width:40px; height:1px; margin:20px auto; content:''; background:#fff; opacity:.5}
.brd_photo_list .hoverBox .inner p {display:-webkit-box; color:#fff; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis}
.brd_photo_list .bbsnewf5:hover .hoverBox {opacity:1}
.bbsnewf5 {position:relative; overflow:hidden}
/* �Խ��� ī�װ� �� */
.cate_select {display:none !important}
.board_tab {position:relative; margin-bottom:50px}
.board_tab > a {display:none}
.board_tab ul {border-bottom:1px solid #e0e0e0}
.board_tab ul > li {float:left; margin-bottom:-1px; margin-left:-1px}
.board_tab ul > li:first-child {margin-left:0}
.board_tab ul > li > a {display:block; padding:12px 30px; color:#999; border:1px solid #e0e0e0; background:#f4f4f4}
.board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10}
/* �̵�� ���� */
@media screen and (max-width:1740px) {
 #aside {display:none !important}
}

@media screen and (max-width:1536px) {
 .sbg05{background-size:100% !important; background-position:left top !important;}
 .hsy>p{font-size:12px !important;}
 .hsy>ul>li{font-size:12px !important;}
}

@media screen and (max-width:1450px) {
 .cont_area>dl.dlt3 {width:45% !important; margin-bottom:20px !important;}
 .sbg03{background-size:100% !important;}
 .txa01{display:none !important;}
 .txa02{display:none !important;}
 .txa03{display:none !important;}
 .gt_tx{padding:0 0 0 0 !important; text-align:left;}
 .gt_stx{padding:0 0 0 0 !important; text-align:left;}
 .gt_sstx{padding:0 0 0 0 !important; text-align:left;}
 .sbg02{background:none !important;}
 .cont_area>dl.dlt2{width:100% !important;}
}

@media screen and (max-width:1366px) {
 #container > .inner .greeting > ul > li .text_effect {width:45%}
 #container > .inner .greeting > ul > li .text_effect > li > .txt {font-size:18px; font-weight:600}
 #container > .inner .greeting .txt_box {width:52%}
 .sbg01{background-size:100% !important;}
}
@media screen and (max-width:1280px) {
 #container > .inner .greeting > ul > li {clear:both; float:none; width:100% !important}
 #container > .inner .greeting > ul > li.list1 {margin-bottom:45px}
 #container > .inner .greeting > ul > li .text_effect {float:none; width:100%}
 #container > .inner .greeting > ul > li .text_effect > li > .txt {font-size:36px; font-weight:400}
 #container > .inner .greeting .txt_box {float:none; width:100%; margin-top:45px; font-size:13px}
 #container > .inner .greeting .txt_box p.desc {margin-bottom:15px}
 #container > .inner .business .wrap_type1 {margin-top:0; border:none}
 #container > .inner .business .wrap_type1 .left {float:none; width:100%}
 #container > .inner .business .wrap_type1 .center {float:none; width:100%; margin-bottom:50px}
 #container > .inner .business .wrap_type1 .center ul.text_effect {padding-left:0}
 #container > .inner .business .wrap_type1 .center ul.text_effect li .txt {font-size:30px}
 #container > .inner .business .wrap_type1 .center ul.text_effect li .txt p {margin-bottom:0}
 #container > .inner .business .wrap_type1 .center p.desc {padding-left:0 !important}
 #container > .inner .business .wrap_type1 .right {float:none; width:100%; border:none}
 #container > .inner .business .wrap_type1 .right h3 {margin-bottom:25px; padding:0 !important}
 #container > .inner .business .wrap_type1 .right h3 p {font-size:44px; width:inherit !important; margin-left:0 !important}
 #container > .inner .business .wrap_type1 .right h3 p.tit2 {display:none}
 #container > .inner .business .wrap_type1 .right h3 p span {display:inline; float:none; width:inherit; padding-bottom:0 !important}
 #container > .inner .business .wrap_type1 .right h3 p span.blind {display:inline !important}
 .brd_photo_list .hoverBox {padding-top:25%}
 .sbg04{background:none !important;}
 .hsy{width:100% !important;}
 .sbg06{background:none !important;}
 .sbg07{background-position:0 50px !important;}
 .right_ar{float:none !important; width:100% !important;}
 .cu_ti{margin-left:40px !important; padding-top:50px !important}
 .cu_tx{display:none !important}
 .ba_left{float:none !important; width:100% !important; text-align:center !important;}
 .ba_right{float:none !important; width:100% !important; text-align:center !important;}
 .ba_left img{padding:0 !important;}
 .batx01{text-align:center !important;}
 .batx02{text-align:center !important;}
}
@media screen and (max-width:1024px) {
 #container > .inner .company .map_list li {width:100% !important; margin-bottom:50px; border-bottom:1px solid #eee}
 #container > .inner .company .map_list li.map {margin-top:0; padding:0 !important}
 #container > .inner .company .map_list li.map .map_area {height:200px}
 #container > .inner .company .map_list li .map_list_wrap h3 {font-size:34px}
 #container > .inner .company .map_list li .map_list_wrap p {font-size:24px}
 #container > .inner .business ul.tpl_list {padding-top:30px}
 #container > .inner .business ul.tpl_list li {width:48% !important; height:380px; margin-bottom:50px}
 .brd_photo_list .hoverBox {padding-top:20%}
 .brd_photo_list .hoverBox .inner h3 {font-size:18px}
 .brd_photo_list .hoverBox .inner p {font-size:12px; max-height:63px}
 
 /* �Խ��� ī�װ� �� */
 .cate_select {display:none !important}
 .board_tab {margin:auto auto 50px auto}
 .board_tab > a {position:relative; display:block !important; width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px; border:1px solid #e0e0e0}
 .board_tab > a:after {position:absolute; font-family:'FontAwesome'; font-size:18px; color:#333; right:20px; content:'\f107'}
 .board_tab > a.open:after {content:'\f106'}
 .board_tab ul {display:none; position:absolute; top:49px; width:100%; margin:0; border:1px solid #e8e8e8; border-top:none; background:#fff; z-index:30}
 .board_tab ul > li {float:none; display:block; margin:0}
 .board_tab ul > li > a {display:block; padding:12px 15px; font-size:16px; color:#999; border:none; border-top:1px solid #f0f0f0; background:none}
 .board_tab ul > li.on > a {color:#333; border-color:#f0f0f0}
}
@media screen and (max-width:768px) {
 #container > .inner .company .photo_slide .slide_wrap .tit_box {display:none}
 #container > .inner .company .photo_slide .slide_wrap .photo_list {display:none}
 #container > .inner .company .photo_slide .paging {display:none}
 #container > .inner .company .photo_slide .photo_swipe {display:block !important}
 #container > .inner .company .photo_slide .paging_m {display:block !important}
 .brd_photo_list .hoverBox {padding:25% 20px 0 20px}
 .cont_area>dl.dlt1{width:100% !important;}
}
@media screen and (max-width:640px) {
 #container > .inner .section {padding-bottom:35px !important}
 #container > .inner .section h2.sub_tit {font-size:20px; margin-bottom:15px}
 #container > .inner .section h2.sub_tit:after {width:30px}
 #container > .inner .greeting > ul > li .text_effect > li > .txt {font-size:24px !important}
 #container > .inner .greeting .txt_box {margin-top:35px !important}
 #container > .inner .greeting .txt_box p.desc {font-size:13px}
 #container > .inner .history > .history_box {display:block; width:100% !important}
 #container > .inner .history > .history_box h3 {font-size:20px !important}
 #container > .inner .history > .con_box {padding:15px 25px}
 #container > .inner .history > .con_box .left, #container > .inner .history > .con_box .right {float:none; width:100% !important}
 #container > .inner .history > .con_box dl dt, #container > .inner .history > .con_box dl dd {font-size:12px}
 #container > .inner .company .map_list li .map_list_wrap {padding-bottom:25px}
 #container > .inner .company .map_list li .map_list_wrap h3 {font-size:17px !important; margin-bottom:10px}
 #container > .inner .company .map_list li .map_list_wrap p {font-size:15px !important}
 #container > .inner .company .map_list li .map_list_wrap p.old {margin-bottom:10px}
 #container > .inner .company .map_list li .map_list_wrap p.tel, #container > .inner .company .map_list li .map_list_wrap p.fax {font-size:13px !important}
 #container > .inner .company .map_list li .map_list_wrap a.pointer {bottom:20px; right:0}
 #container > .inner .business ul.tpl_list {margin-bottom:30px}
 #container > .inner .business ul.tpl_list li {width:100% !important; height:initial}
 #container > .inner .business ul.tpl_list li p.img {position:static !important; margin-top:30px}
 #container > .inner .business .process_box {padding:30px 0}
 #container > .inner .business .process_box ul.prcs_list li {background:url(../../img/process_arrow.png) right center no-repeat; background-size:16px}
 #container > .inner .business .wrap_type1 .center ul.text_effect li .txt {font-size:24px}
 #container > .inner .business .wrap_type1 .right p.img {margin-bottom:25px}
 #container > .inner .business .wrap_type1 .right h3 p {font-size:inherit}
 #container > .inner .business .wrap_type1 .right h3 p span {font-size:24px}
 #container > .inner img.img_mob {display:block !important}
 #container > .inner img.img_pc {display:none !important}
 
 .brd_photo_list .hoverBox {padding-top:32%}
 .cont_head .ch_tx{font-size:24px !important;}
 .cont_head .ch_stx{font-size:12px !important;}
}

/* Common */
.tac{text-align:center;}
.pb150{padding-bottom:150px;}
.pb260{padding-bottom:260px;}
.pb300{padding-bottom:300px;}
.pt35{padding-top:35px;}
.mt35{margin-top:35px;}
h4.htitle{font-size:24px; font-weight:500; color:#428bb1;}
.bdbox01{border:solid 1px rgb(212, 212, 212)}
.bdb01{border-bottom:solid 1px #e0e0e0;}
.bdt01{border-top:solid 5px #1374bb;}
.bdt02{border-top:solid 5px #158acd;}
.bdt03{border-top:solid 5px #61b6e7;}
.bdt04{border-top:solid 1px #939393;}
.bdt05{border-top:solid 1px #232426;}
.bdt06{border-top:solid 2px #1374bb;}
.bdr01{border-right:solid 1px #cdcdcd !important;}
.dblue{color:#1250a0;}
.ptr{position:relative;}
.pta{position:absolute;}
.bdn{border:0 !important;}
.ovh{overflow:hidden;}
.dpn{display:none;}
input.input_t1{font-size:14px; padding:3px; background:#f8f8f8; border:solid 1px #a6a6a6; width:40%;}
input.input_t2{font-size:14px; padding:3px; background:#f8f8f8; border:solid 1px #a6a6a6; width:90%;}
textarea.textarea_t1{font-size:14px; padding:3px; background:#f8f8f8; border:solid 1px #a6a6a6; width:90%; min-height:300px;}

/* 테이블타입 */
.ttable_t1{width:100%;}
.ttable_t1 th{border-bottom:solid 1px #cbcbcb; padding:10px 0; font-size:16px;}
.ttable_t1 td{border-bottom:solid 1px #cbcbcb; padding:10px 0;}

.ttable_t2{width:100%; border-top:solid 2px #1374bb;}
.ttable_t2 th{background:#f6fbff; color:rgb(0, 66, 151); border-bottom:solid 1px #cbcbcb; border-right:solid 1px #cbcbcb; padding:7px 0; font-size:14px; text-align:center;}
.ttable_t2 td{border-bottom:solid 1px #cbcbcb; border-right:solid 1px #cbcbcb; padding:5px 0; text-align:center; font-size:12px;}
.ttable_t2 th:last-child{border-right:0;}
.ttable_t2 td:last-child{border-right:0;}

.ttable_t3{width:100%;}
.ttable_t3>tbody>tr>td>span{font-weight:700; color:#1250a0; font-size:16px; display:block; width:100%; text-align:center; padding:20px 0;}
.ttable_t3>tbody>tr>td>p{}
.ttable_t3>tbody>tr>td>p>span{display: inline-block; width:30%; font-weight:700; color:#1f1f1f}


/* 탭02 */
.tab_area{width:100%; margin:20px 0; overflow: hidden;}
ul.w3>li{float:left; width:33.333%; border-right:solid 1px rgb(212, 212, 212)}
ul.w3>li:last-child{border:0;}
ul.w3>li>a{display:block; width:100%; text-align:center; padding:10px 0;}
ul.w3>li>a:hover{background:#0789d3; color:#ffffff; font-weight:bold;}
ul.w3>li>a.on{background:#0789d3; color:#ffffff; font-weight:bold;}

ul.w4>li{float:left; width:25%; border-right:solid 1px rgb(212, 212, 212)}
ul.w4>li:last-child{border:0;}
ul.w4>li>a{display:block; width:100%; text-align:center; padding:10px 0;}
ul.w4>li>a:hover{background:#0789d3; color:#ffffff; font-weight:bold;}
ul.w4>li>a.on{background:#0789d3; color:#ffffff; font-weight:bold;}

/* 기업개요 */
.cont_head{width:100%;}
.cont_head .ch_tx{font-size:30px; color:#428bb1; font-weight:600;}
.cont_head .ch_stx{font-size:16px; color:#5f5f5f;}
.cont_body{width:100%; padding:20px 0 0 0;}
.cont_area{width:100%; overflow:hidden; padding:20px 0 0 0;}
.cont_area>dl.dlt1{width:24.5%; float:left; margin:0 1px;}
.cont_area>dl.dlt1>dt{padding:15px 0; width:100%; background:#efefef; text-align:center;}
.cont_area>dl.dlt1>dd>span{display:block; padding:7px 0 7px 42px;}
.cont_area>dl.dlt1>dd>span::before{content:"·"; padding:0 10px;}

/* 대표인사말 */
.gt_tx{font-size:30px; color:#428bb1; font-weight:600; margin:0; padding:85px 0 0 358px;}
.gt_stx{font-size:18px; color:#1f1f1f; font-weight:600; padding:0 0 0 358px;}
.gt_sstx{font-size:16px; color:#5f5f5f; padding:40px 0 0 358px;}
.cont_area>dl.dlt2{width:31%; float:left; margin:0 10px;}
.cont_area>dl.dlt2>dt{padding:15px 0 15px 10px; width:100%; text-align:left; font-size:20px;}
.cont_area>dl.dlt2>dd>span{display:block; padding:7px 0 7px 10px; text-align:left;}

/* 기업비전 */
.cont_area>dl.dlt3{width:22.8%; float:left; margin:0 10px;}
.cont_area>dl.dlt3>dt{padding:15px 0 15px 10px; width:100%; text-align:left; font-size:20px;}
.cont_area>dl.dlt3>dd{padding:20px 0;}
.cont_area>dl.dlt3>dd>span{display:block; padding:7px 0 7px 10px; text-align:left;}
.tx_area{}
.tx_area>p{font-size:22px; color:rgb(37, 37, 37); margin:0;} 
.tx_area>p>span{font-size:28px; color:#1374bb; font-weight:700;}
.tx_area>ul{padding:10px 0 0 25px;}
.v_wt{height:530px;}
.txa01{top:400px; left:282px;}
.txa02{top:400px; left:470px;}
.txa03{top:400px; left:693px;}
.zes{font-size:20px; margin:0;}

/* 기업연혁 */
.hsy{overflow:hidden; border-bottom:solid 1px #8f8f8f; width:60%;  padding-top:15px;}
.hsy>p{float:left; font-size:16px; padding:0 20px 0 0; font-weight:600; color:rgb(39, 39, 39); margin:0;}
.hsy>ul{float:left; margin:0;}
.hsy>ul>li{font-size:16px; width:100%; padding:0 0 15px 0;}
.hsy>ul>li>span.hsm{padding:0 20px 0 0; font-weight:600; color:rgb(39, 39, 39);}
.hst{}

/* 기업비전 */
.ori_tx{text-indent:-999999px; width:100%; height:700px; background-size:100%;}

/* 찾아오시는길 */
.cont_head2{width:100%; background:#f4f4f4; border:solid 1px #cccccc;}
.right_ar{width:50%; float:right;}
.cu_ti{font-size:24px; font-weight:700; padding:95px 0 50px 60px; line-height:30px;}
.cu_tx{border-top:solid 1px #c9c9c9; border-bottom:solid 1px #c9c9c9; width:90%; margin:0 0 90px 0;}
.cu_tx ul{margin:0; text-align:center;}
.cu_tx ul li{display:inline-block; width:25%; padding:15px 0; font-weight:700;}
.add_ar{}
.add_ar ul li{padding:3px 0; font-size:16px;}
.add_ti{font-size:24px; padding:10px 0 0 0; font-weight:700;}
.add_map{width:100%;}

/* 고객문의 */
.mf_form{width:100%; padding:0;}
.btn_area{width:100%; text-align:center; padding:20px 0;}
.btn_area>a{display: inline-block; padding:7px 20px; background:#000; color:#fff; font-size:16px;}
.btn_area>a:hover{background:#fff; color:#000; border:solid 1px rgb(212, 212, 212); font-weight:700;}

/* 기업브로셔 */
.brs_area{width:100%; padding:60px 0;}
.ba_left{float:left; width:50%;}
.ba_left img{display: inline-block; padding:0 0 0 80px;}
.ba_right{float:right; width:50%;}
.batx01{width:100%; text-align:left; font-size:26px; font-weight:700; padding:40px 0 0 0;}
.batx02{width:100%; text-align:left; font-size:16px; padding:0 0 40px 0;}
a.btn01{display: inline-block; padding:7px 20px; background:#000; color:#fff; font-size:16px;}
a.btn01:hover{background:#fff; color:#000; border:solid 1px rgb(212, 212, 212); font-weight:700;}

/* Planning Guide */
.tablebox{margin:30px 0 0 0;}
.tti{padding:0 0 0 10px; font-weight:700; color:#000; display:inline-block; float:left; width:50%;}
.cimgbox img{display: inline-block; width:100%;}
.righttx{width:100%; text-align:right; display:inline-block; float:right; width:20%;}

/* 제품 뷰어 */
.board_contar{overflow:hidden; width:100%;}
.bdimg_ar{width:40%; float:left;}
.bdtxt_ar{width:49%; float:right; margin:0;}
.bdtxt_ar>ul>li{font-size:12px; padding:5px 0; border-bottom:solid 1px #e0e0e0;}
.bdtxt_ar>ul>li:last-child{border-bottom:0;}
.bdtxt_ar>ul>li>span{font-weight:700; display:inline-block; width:25%; font-size:14px;}
.bdtxt_ar p{font-size:26px; font-weight:700; color:#1250a0;}
.bdtxt_ar>p>span{color:#0789d3;}
/*
div.bdtxt_ar>img.psimg{display:inline-block; width:50% !important;}
*/
div.bdtxt_ar>div.psimg{width:100%; text-align:center; padding:0 0 30px 0;}
div.bdtxt_ar>div.psimg>img{display:inline-block; width:50% !important;}

/* 준비중 */
.ready{width:100%; text-align:center; padding:100px 0 0 0;}

.sbg01{background:url("../../img/img_about01.jpg") 0 bottom no-repeat;}
.sbg02{background:url("../../img/img_about02.jpg") no-repeat;}
.sbg03{background:url("../../img/img_about03.jpg") no-repeat;}
.sbg04{background:url("../../img/img_about04.jpg") no-repeat right bottom;}
.sbg05{background:url("../../img/img_about05.jpg") no-repeat right bottom;}
.sbg06{background:url("../../img/img_about06.jpg") 40px 5px no-repeat;}
.sbg07{background:url("../../img/img_about07.jpg") 0 90px no-repeat;}
.sbg08{background:url("../../img/img_about08.jpg") 0 10px no-repeat;}
.sbg09{background:url("../../img/img_about09.jpg") 0 10px no-repeat;}
.sbg10{background:url("../../img/img_about10.jpg") 0 10px no-repeat;}
.sbg11{background:url("../../img/img_about11.jpg") no-repeat;}
.sbg14{background:url("../../img/img_about14.jpg") 0 4px no-repeat;}


/* paging */
td.paging{padding:0 0 50px 0;}
.paging a{display:inline-block; padding:4px 8px; border:solid 1px #c8c8c8;}
.paging a.first{border:0; font-weight:900; font-size:16px;}
.paging a.last{border:0; font-weight:700; font-size:16px;}
.paging a.prev{border:0; color:#000; font-size:12px;}
.paging a.next{border:0; color:#000; font-size:12px;}

.bdimg_ar p{width:100%; text-align:center; padding:10px 0; font-size:16px; font-weight:bold; color:#1250a0;}
.psimg p{width:100%; text-align:center; padding:10px 0; font-size:16px; font-weight:bold; color:#1250a0;}

.row100{width:100%; clear:both; overflow: hidden;}


/* 게시판 */
.fr_foot {overflow: hidden;}
.fr_entrance {float: left; width: 50%;}
.fr_cage {float: left; width: 50%;}
.fr_tag {float: left; width: 50%; padding-right: 30px;font-size: 10px;}
.fr_tag>ul {padding-left: 0px; list-style-type: none; }
.fr_tag>ul>span {padding-left: 0px; list-style-type: none;font-size: 13px; }
.fr_tag>ul>li {border-top:solid 1px #000000; padding:5px}
.fr_tag>ul>li>span {font-weight:700; display:inline-block; width:40%; font-size:11px; display:block;}
.fr_entrance>p {font-size:16px; font-weight:700; color:#000000;}
.fr_cage>p {font-size:16px; font-weight:700; color:#000000;}