﻿.sub_container {padding: 65px 0 100px 0;}
.sub_section {padding-top: 40px;}

.global_tab_wrap {margin-top: 40px;}
.global_tab {border-left:1px solid #cccccc;display: table;width: 100%;}
.global_tab.tab02 li {width: 25%;}
.global_tab.tab03 li {width: 25%;}
.global_tab.tab05 li {width: 33.333333333%;}
.global_tab.tab06 li {width: 20%;}
.global_tab li {display: table-cell;vertical-align: middle;}
.global_tab li a {text-decoration: none;background-color: #fff;padding: 15px 0;text-align: center;display: block;border:1px solid #cccccc;border-left: none;font-size: 18px;color: #222222;font-weight: 300;}
.global_tab li a.on,
.global_tab li a:hover {background-color: #3db54a;color: #fff;}

.global_tab_wrap.scrolled .global_tab {position: fixed;top: 60px;left: 50%;margin-left: -600px;z-index: 50;max-width:1200px;}

/* pc */
.table_list {width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #2c5d72;}
.table_list th {vertical-align:middle;font-size:17px;font-weight:600;border:1px solid #ccc;padding:12px 15px;text-align:center;color:#333333;background-color:#fff;overflow:hidden;word-break:normal;border-bottom:1px solid #ccc;}
.table_list td {vertical-align:middle;font-size:17px;color:#333333;border:1px solid #ccc;text-align:center;padding:12px 15px;overflow:hidden;word-break:normal;}
.table_list td.biz {color: #49b4e7;}
.table_list td.text-left {text-align:left;}
.table_list td a {font-size:16px;color:#333;}
.table_list td a.re span {margin-right:5px;display:inline-block;font-size:14px;color:#52b3d3;padding-left:18px;background:url('/skin/img/fac_img/ico_re.png') no-repeat left center;}
.table_list td strong {font-size:14px;color:#333333;font-weight:500;}
 
/* tablet,mobile */
.mobile_list {border-top: 1px solid #ccc;}
.mobile_list li.board_box {display: table;position: relative;width: 100%;border-bottom: 1px solid #ccc;word-break: break-all;word-wrap: break-word;}
.mobile_list li.board_box a {display: table-cell;width: 100%;padding: 12px 14px 13px 0;color:#666;}
.mobile_list.nore_mobile_list  li.board_box a {padding-left:0;}
.mobile_list li.board_box a .tit {font-size: 16px;line-height: 19px;font-weight: normal;}
.mobile_list li.board_box a .stit {font-size: 14px;line-height: 19px;font-weight: 300;}
.mobile_list li.board_box a .info_area {margin-top: 4px;font-size: 12px;line-height: 15px;color: #959595;}
.mobile_list li.board_box a .info_area .name {display: table-cell;white-space: nowrap;}
.mobile_list li.board_box a .info_area .date {display: table-cell;padding-left: 7px;white-space: nowrap;}
.mobile_list li.board_box a .info_area .cnt {display: table-cell;padding-left: 10px;white-space: nowrap;}
.mobile_list li.board_box a.re {margin-right: 5px;display: inline-block;padding: 12px 14px 13px 15px;background: url('/skin/img/fac_img/ico_re.png') no-repeat 0 15px;}
.mobile_list li.board_box a.re span.rec {color: #52b3d3;margin-right: 5px;display: inline-block;}

.page_wrap {text-align:center;font-size:0;margin-top: 50px;}
.page_nation {display:inline-block;}
.page_nation .none {display:none;}
.page_nation a {display:block;margin:0 3px;float:left;border:1px solid #e6e6e6;width:36px;height:36px;line-height:34px;text-align:center;background-color:#fff;font-size:14px;color:#333;text-decoration:none;}
.page_nation .arrow {border-color:transparent;background-color: transparent;border:1px solid #cdcdd0;}
.page_nation .pprev {background:url('/skin/default/img/sub/page_pprev.png') no-repeat center center;margin-left:0;}
.page_nation .prev {background:url('/skin/default/img/sub/page_prev.png') no-repeat center center;margin-right:7px;}
.page_nation .next {background:url('/skin/default/img/sub/page_next.png') no-repeat center center;margin-left:7px;}
.page_nation .nnext {background:url('/skin/default/img/sub/page_nnext.png') no-repeat center center;margin-right:0;}
.page_nation a.active {background-color:#1f8f2a;color:#fff;border:1px solid #1f8f2a;}

.board_view {border-top:1px solid #555555;border-bottom:1px solid #555555;}
.board_view .title {overflow:hidden;font-size:18px;color:#333333;font-weight: 600;padding:25px 35px;border-bottom:1px solid #e5e5e5;}
.board_view .title .sh_fl {float: left;}
.board_view .title .sh_fr {float: right;}
.board_view .title .sh_fr ul {overflow:hidden;}
.board_view .title .sh_fr ul li {float:left;position:relative;padding-right:13px;margin-right:12px;font-size:16px;color:#999999;font-weight: 400;}
.board_view .title .sh_fr ul li strong {color: #49b4e7;}
.board_view .title .sh_fr ul li:after {position:absolute;right:0;top:3px;background-color:#c7c7c7;width:1px;height:16px;content:"";display:block;}
.board_view .title .sh_fr ul li.last {padding-right:0;margin-right:0;}
.board_view .title .sh_fr ul li.last:after {display:none;}
.board_view .cont {font-size:16px;color:#666666;padding:25px 35px;}
.btn_area {text-align:right;margin-top:20px;}
.btn_area.btn_center {text-align:center;margin-top:60px;}
.btn_area .btn_write {background-color:#26abe9;display:inline-block;width:170px;height:55px;line-height:55px;color:#fff;font-size:16px;text-align:center;font-weight:500;text-decoration:none;border:none;vertical-align:top;}
.btn_area .btn_write:hover {background-color:#3fb5ec;}
.btn_area .btn_cancel {background-color:#f1f1f1;display:inline-block;width:170px;height:55px;line-height:55px;color:#333333;font-size:16px;text-align:center;font-weight:500;text-decoration:none;border:1px solid #cecece;}

.prevnext_wrap {border-top: 1px solid #dddddd;margin-top: 40px;}
.prevnext_wrap .prevnext {display: table;width: 100%;border-bottom:1px solid #dddddd;}
.prevnext_wrap .prevnext .cell {display: table-cell;vertical-align: middle;height: 70px;}
.prevnext_wrap .prevnext .arrow {width: 8.33333333%;}
.prevnext_wrap .prevnext .arrow span {display: block;height: 100%;background-image: url('/skin/default/img/sub/ico_up.png');background-size:21px 11px;background-position: center center;background-repeat: no-repeat;}
.prevnext_wrap .prevnext .arrow.down span {background-image: url('/skin/default/img/sub/ico_down.png');}
.prevnext_wrap .prevnext .txt {width: 8.33333333%;font-size: 16px;color: #3db54a;font-weight: 500;text-align: center;}
.prevnext_wrap .prevnext .link {width: 83.33333333%;font-size: 18px;color: #999999;}
.prevnext_wrap .prevnext .link a {font-size: 17px;color: #222222;font-weight:400;}

.board_form {border-top:2px solid #555555;border-bottom:1px solid #999999;}
.board_form .form_field {display:table;width:100%;border-bottom:1px solid #e5e5e5;}
.board_form .form_field .ex_wrap {position: relative;}
.board_form .form_field .ex_wrap .ex {font-size: 14px;color: #999999;font-weight: 300;position: absolute;right: 0;top: 15px;}
.board_form .form_field.last {border-bottom:none;}
.board_form .form_field .th {display:table-cell;width:16%;vertical-align:middle;font-size:18px;background-color:#fff;color:#222222;padding:27px 10px 27px 25px;font-weight:500;}
.board_form .form_field .th span {color:#008fc1;}
.board_form .form_field .td {display:table-cell;width:84%;vertical-align:middle;font-size:16px;color:#333333;padding:10px 30px;}
.board_form .form_field .td input.form_input {border:1px solid #ccc;height:45px;background-color:#f9f9f9;padding:0 10px;outline:none;}
.board_form .form_field .td textarea.form_textarea {resize:none;border:1px solid #d5d5d5;height:400px;background-color:#f9f9f9;padding:15px;outline:none;}
.board_form .form_field .td select {border:1px solid #d5d5d5;height:40px;background-color:#fff;padding:0 15px;}
.board_form.pay_board_form .form_field .td {font-size:16px;}
.board_form_btn {text-align: center;margin-top: 29px;}
.board_form_btn input {display: inline-block;width: 160px;height: 50px;line-height: 50px;background-color: #3db54a;color: #fff;border:none;outline:none;font-size: 16px;}
.board_form_btn .cancel {display: inline-block;width: 160px;height: 50px;line-height: 50px;background-color: #1f8f2a;color: #000;border:none;outline:none;font-size: 16px;}
.board_form_btn .cancel:hover {background-color: #ececec;}
/* .board_form_btn input:hover {background-color: #05349c;} */
.board_form .inline_wrap {overflow:hidden;}
.board_form .inline_wrap span {display: block;float:left;}
.board_form .inline_wrap span.mar {margin-right: 10px;}
.board_form .inline_wrap a.file {text-decoration: none;display: inline-block;background-color: #a2a8ba;width: 130px;height: 45px;line-height: 45px;color: #fff;text-align: center;}
.w200 {width:200px;}
.w400 {width:400px;}
.w800 {width:800px;}

.sub_visual {height: 350px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;padding-top: 100px;}
.sub_visual .vm {position: relative;}
.sub_visual.sub01 {background-image: url('/skin/default/img/sub/subv01.jpg');}
.sub_visual.sub02 {background-image: url('/skin/default/img/sub/subv02.jpg');}
.sub_visual.sub03 {background-image: url('/skin/default/img/sub/subv03.jpg');}
.sub_visual.sub04 {background-image: url('/skin/default/img/sub/subv04.jpg');}
.sub_visual.sub05 {background-image: url('/skin/default/img/sub/subv05.jpg');}
.sub_visual.sub06 {background-image: url('/skin/default/img/sub/subv06.jpg');}
.sub_visual h2 {font-size: 58px;color: #fff;margin-bottom: 15px;}
.sub_visual .sh2 {color: #fff;font-size: 16px;}
.sub_visual .arrow {display: block;border: 1px solid #8d9099;position: absolute;top: 50%;margin-top: -25px;width: 50px;height: 50px;}
.sub01 .sub_visual .arrow,
.sub03 .sub_visual .arrow,
.sub04 .sub_visual .arrow {display: none;}
.sub_visual .arrow:hover {border-color: #fff;}
.sub_visual .arrow.prev {left: 0;}
.sub_visual .arrow.next {right: 0;}
.sub_visual .arrow span {display: block;width: 49px;height: 49px;font-size: 0;}
.sub_visual .arrow span:before {display: block;content: "";width: 11px;height: 22px;position: absolute;left: 50%;margin-left: -6px;top: 50%;margin-top: -11px;background-repeat: no-repeat;background-size: 11px auto;}
.sub_visual .arrow.prev span:before {background-image: url(/skin/default/img/main/arrow_msl.png);}
.sub_visual .arrow.next span:before {background-image: url(/skin/default/img/main/arrow_msl1.png);}

.sub-title {font-size: 40px;color: #333333;font-weight: 500;padding-bottom: 20px;position: relative;margin-bottom: 50px;text-align: center;}
.sub-title:after {width: 40px;height: 2px;position: absolute;content: "";display: block;left: 50%;bottom: 0;background-color: #2c5d72;margin-left: -20px;}

.sub_tab_fix {height: 50px;}
.sub_tab_wrap {text-align: center;font-size: 0;border-bottom: 1px solid #dddddd;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.sub_tab_wrap .sub_tab {display: inline-block;}
.sub_tab_wrap .sub_tab li {float:left;}
.sub_tab_wrap .sub_tab li a {text-decoration: none;font-size: 16px;color: #666666;font-weight: 300;height: 50px;line-height: 50px;display: block;padding: 0 20px;margin: 0 25px;position: relative;}
.sub_tab_wrap .sub_tab li a:after {content: "";display: none;background-color: #3db54a;position: absolute;left: 0;bottom: -1px;height: 4px;width: 100%;}
.sub_tab_wrap .sub_tab li a:hover,
.sub_tab_wrap .sub_tab li.active a {color: #3db54a;}
.sub_tab_wrap .sub_tab li a:hover:after,
.sub_tab_wrap .sub_tab li.active a:after {display: block;}

.sub_tab_wrap.scrolled {position: fixed;left: 0;width: 100%;background-color: #fff;top: 60px;z-index: 50;}

.sub_title {font-size: 36px;font-weight: 500;color: #222222;position: relative;margin-bottom: 21px;}
.sub_title.bar {padding-bottom: 22px;}
.sub_title.bar:after {width: 40px;height: 1px;background-color: #000000;position: absolute;left: 0;bottom: 0;content: "";display: block;}
.sub_title .location {position: absolute;right: 0;top: 5px;}
.sub_title .location ul {overflow:hidden;}
.sub_title .location ul li {float:left;font-size: 14px;color: #999999;font-weight: 200;}
.sub_title .location ul li.arrow {padding-right: 14px;margin-right: 9px;background: url('/skin/default/img/sub/location_arrow.gif') no-repeat right center;}
.company .section {padding: 60px 0;}
.company .section p {word-break:keep-all;font-size: 16px;color: #222222;font-weight: 300;line-height: 1.7;}
.company .section1 {background-color: #f8f8f9;}
.company .section.section4 {padding-top: 70px;padding-bottom: 110px;}
.company .intro {height: 430px;background-image: url('/skin/default/img/sub/company_section1_img1.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;margin-bottom: 30px;}
.company .intro .text {position: absolute;left: 50%;top: 50px;background-color: #1e8a2c;padding: 60px 100px 80px 50px;}
.company .intro .text h3 {font-size: 32px;color: #fff;font-weight: 200;margin-bottom: 25px;line-height: 1.4;}
.company .intro .text p {font-size: 16px;color: #fff;font-weight: 200;}
.field_wrap {border-top:1px solid #333333;}
.field_wrap .field {display: table;width: 100%;border-bottom: 1px solid #cccccc;}
.field_wrap .field .th,
.field_wrap .field .td {padding: 19px 0 19px 30px;}
.field_wrap .field .th {display: table-cell;width: 20%;font-size: 16px;color: #000;font-weight: 500;vertical-align: middle;background-color: #f4f5f6;padding-left: 30px;}
.field_wrap .field .td {display: table-cell;width: 80%;font-size: 16px;color: #222222;font-weight: 300;vertical-align: middle;}
.section .msg {font-size: 32px;color: #000;line-height: 1.2;font-weight: 300;margin-bottom: 25px;}
.section1 .sign {margin-top: 60px;}
.section1 .sign span {position: relative;font-size:14px;font-weight:300;color: #666666;padding-right: 70px;}
.section1 .sign span:after {position: absolute;right: 0;bottom: 0;content: "";width: 61px;height: 22px;background-repeat: no-repeat;background-image: url("/skin/default/img/sub/ceo_sign.png");}
.section1 .sign span.ss {margin-top: 20px;}
.ceo_sub {padding: 40px 0;border-bottom:1px solid #cccccc;border-top:1px solid #000;margin-top: 65px;}
.ceo_sub .item_wrap {text-align: center;font-size: 0;}
.ceo_sub .item {display: inline-block;text-align: left;background-repeat: no-repeat;background-position: left 5px;}
.ceo_sub .item.item1 {background-image: url('/skin/default/img/sub/icon_sec2_ico1.png');padding-left: 107px;}
.ceo_sub .item.item2 {background-image: url('/skin/default/img/sub/icon_sec2_ico2.png');padding-left: 106px;}
.ceo_sub .item.item3 {background-image: url('/skin/default/img/sub/icon_sec2_ico3.png');padding-left: 121px;}
.ceo_sub .item .tit {font-size: 20px;color: #222222;font-weight: 500;margin-bottom: 10px;}
.ceo_sub .item .stit {font-size: 18px;color: #222222;font-weight: 300;}

.section2 .sub_hstitle {font-size: 32px;color: #000;font-weight: 300;margin-bottom: 50px;}
.section2 .family_text {max-width:810px;margin:0 auto 30px auto;overflow:hidden;}
.section2 .family_text .item {width: 280px;height: 280px;border-radius:50%;float:left;padding-top: 50px;text-align: center;}
.section2 .family_text .item .f1 {font-size: 26px;font-weight: 400;font-family: 'Roboto', sans-serif;margin-bottom: 10px;}
.section2 .family_text .item .f2 {font-size: 22px;font-weight: 400;color: #222222;line-height: 1.3;position: relative;padding-top: 110px;}
.section2 .family_text .item .f2:before {position: absolute;left: 50%;top: 0;content: "";background-repeat: no-repeat;width: 89px;height: 96px;margin-left: -44px;}
.section2 .family_text .item .f2.icon1:before {background-image: url("/skin/default/img/sub/f2_icon1.png");}
.section2 .family_text .item .f2.icon2:before {background-image: url("/skin/default/img/sub/f2_icon2.png");}
.section2 .family_text .item .f2.icon3:before {background-image: url("/skin/default/img/sub/f2_icon3.png");}
.section2 .family_text .item.item1 .f1 {color: #000000;}
.section2 .family_text .item.item2 .f1 {color: #012b64;}
.section2 .family_text .item.item3 .f1 {color: #097da8;}
.section2 .family_text .item.item1 {border:15px solid #e5e5e5;}
.section2 .family_text .item.item2 {border:15px solid #28ab34;margin-left: -15px;}
.section2 .family_text .item.item3 {border:15px solid #efb721;margin-left: -15px;}
.section2 .txt {font-size: 16px;color: #222222;font-weight: 300;text-align: center;line-height: 1.9;}
.section3 {background-color: #f8f8f9;}
.history .more {width: 140px;height: 40px;line-height: 40px;background-color: #3db54a;color: #fff;text-align: center;display: inline-block;margin-top: 40px;text-decoration: none;}
.history_list {border-top:2px solid #222222;}
.history_list .hl_item {display: none;}
.history_list .field {border-bottom: 1px solid #cccccc;display: table;width: 100%;}
.history_list .field .th,
.history_list .field .td {display: table-cell;vertical-align: middle;padding: 20px 30px;}
.history_list .field .th {font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 20px;color: #222222;width: 21%;}
.history_list .field .td {font-weight: 300;font-size: 16px;color: #666666;width: 79%;}

.section4 .msg {margin-bottom: 85px;}
.org_wrap {overflow:hidden;}
.org_wrap .ceo_wrap {padding-bottom: 76px;position: relative;}
.org_wrap .ceo_wrap .ceo {margin:0 auto;width: 160px;height: 160px;border:10px solid #012b64;font-size: 22px;color: #222222;font-weight: 400;border-radius:50%;}
.org_wrap .ceo_wrap .bar {background-color: #dddddd;display: inline-block;}
.org_wrap .ceo_wrap .bar.bar1 {height: 38px;width: 1px;position: absolute;left: 50%;top: 160px;}
.org_wrap .ceo_wrap .bar.bar2 {height: 1px;width: 900px;position: absolute;left: 50%;margin-left:-450px;top: 198px;}
.org_wrap .ceo_wrap .bar.bar3 {height: 38px;width: 1px;position: absolute;left: 150px;top: 198px;}
.org_wrap .ceo_wrap .bar.bar4 {height: 38px;width: 1px;position: absolute;left: 450px;top: 198px;}
.org_wrap .ceo_wrap .bar.bar5 {height: 38px;width: 1px;position: absolute;right: 450px;top: 198px;}
.org_wrap .ceo_wrap .bar.bar6 {height: 38px;width: 1px;position: absolute;right: 150px;top: 198px;}
.org_wrap .org_item {max-width:220px;margin:0 auto;}
.org_wrap .org_item .oro_tit {text-align: center;font-size: 18px;color: #fff;padding: 15px 0;}
.org_wrap .org_item .oro_lst {border:1px solid #cccccc;border-top:none;padding: 20px 40px;}
.org_wrap .org_item .oro_lst ul li {font-size: 16px;color: #222222;font-weight: 400;margin: 15px 0;}
.org_wrap .org_item.oi1 .oro_tit {background-color: #012b64;}
.org_wrap .org_item.oi2 .oro_tit {background-color: #097da8;}
.org_wrap .org_item.oi3 .oro_tit {background-color: #8690ad;}
.org_wrap .org_item.oi4 .oro_tit {background-color: #3db54a;}
.org_wrap .org_item .oro_lst ul li .oro_slst {padding: 5px 0;}
.org_wrap .org_item .oro_lst ul li .oro_slst li {font-size: 14px;color: #999999;font-weight: 300;margin: 2px 0;}

.section5 {background-color: #f8f8f9;}
.section5 .msg {margin-bottom: 45px;}
.section5 .box {border: 1px solid #cccccc;padding: 20px 30px;display: table;width: 100%;background-color: #fff;}
.section5 .box .img {display: table-cell;width: 41.6%;border:1px solid #dddddd;vertical-align: middle;}
.section5 .box .txt {display: table-cell;width: 58.4%;padding-left: 38px;vertical-align: middle;}
.section5 .box .txt .t1 {font-size: 20px;color: #222222;font-weight: 600;margin-bottom: 5px;}
.section5 .box .txt .t2 {font-size: 15px;color: #666666;font-weight: 300;margin-bottom: 20px;}
.section5 .box .txt .t3 {font-size: 14px;color: #999;font-weight: 300;margin-bottom: 23px;}
.section5 .box .txt .more {text-decoration: none;display: inline-block;width: 140px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background-color: #1f8f2a;}

.section6 .msg {margin-bottom: 25px;}
.section6 .map_wrap {margin-bottom: 20px;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.map_info {border-top:2px solid #222222;}
.map_info .field {display: table;width: 100%;border-bottom: 1px solid #cccccc;}
.map_info .field .th,
.map_info .field .td {padding: 19px 3px;}
.map_info .field .th {display: table-cell;width: 14%;vertical-align: middle;}
.map_info .field .td {display: table-cell;width: 86%;vertical-align: middle;font-size: 16px;color: #222222;font-weight: 300;}
.map_info .field .th span {display: inline-block;padding-left: 33px;font-size: 16px;color: #3db54a;font-weight: 400;}
.map_info .field .th .addr {background: url('/skin/default/img/sub/com_ico_map1.png') no-repeat left 2px;}
.map_info .field .th .tel {background: url('/skin/default/img/sub/com_ico_map2.png') no-repeat left 2px;}
.map_info .field .th .fax {background: url('/skin/default/img/sub/com_ico_map3.png') no-repeat left 2px;}
.map_info .field.two .th {width: 14%;}
.map_info .field.two .td {width: 43%;}

.product_search {border: 1px solid #dddddd;border-top: 2px solid #000000;margin-bottom: 45px;}
.product_search .field {display: table;width: 100%;border-bottom: 1px solid #dddddd;}
.product_search .field.last {border-bottom: none;}
.product_search .field .th {background-color: #f6f6f7;display: table-cell;width: 20%;vertical-align: middle;font-size: 16px;color: #222222;font-weight: 500;padding-left: 30px;}
.product_search .field .td {display: table-cell;width: 80%;vertical-align: middle;font-size: 16px;color: #222222;font-weight: 400;padding: 20px;}
.cate_wrap {overflow:hidden;}
.cate_wrap .cw_tit {font-size: 16px;color: #222222;font-weight: 500;margin-bottom: 10px;}
.cate_wrap .item_wrap {float:left;margin-right: 10px;}
.cate_wrap .item_wrap .item {width: 200px;height: 200px;overflow-y:auto;overflow-x:hidden;border: 1px solid #cbcbcb;}
.cate_wrap .item_wrap.last {margin-right: 0;}
.cate_wrap .item ul li a {text-decoration: none;display: block;font-size: 14px;color: #767575;height: 34px;line-height: 34px;position: relative;padding: 0 10px;}
.cate_wrap .item ul li a:after {content: "";display: none;width: 5px;height: 8px;background: url('/skin/default/img/sub/cate_arrow.gif') no-repeat 0 0;position: absolute;right: 20px;top: 12px;}
.cate_wrap .item ul li.active a,
.cate_wrap .item ul li a:hover {background-color: #a9aebf;color: #fff;}
.cate_wrap .item ul li a:hover:after {display: block;}

.product_search .field .input {width: 620px;height: 40px;border: 1px solid #cbcbcb;outline:none;display: inline-block;margin-right: 10px;padding: 0 10px;}
.product_search .field .submit {width: 120px;height: 40px;line-height: 40px;outline:none;display: inline-block;background-color: #1f8f2a;color: #fff;font-size: 15px;font-weight: 300;border: none;}
.product_list .item {margin-bottom: 15px;}
.product_list .item a {text-decoration: none;}
.product_list .tit {font-size: 20px;color: #222222;font-weight: 400;margin-bottom: 15px;}
.product_list .tit strong {color: #3db54a;}
.product_list .iimg {border:1px solid #cccccc;margin-bottom: 10px;}
.product_list .iimg img {margin: 0 auto;width:387px;height:390px;}
.product_list .iimg.goodborder {border:1px solid #000;}
.product_list .itit {font-size: 20px;color: #000000;font-weight: 500;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_list .istit {font-size: 16px;color: #999999;font-weight: 300;}
.product_list .nodata {font-size:25px;font-weight:bold;text-align:center;padding:50px 0;border:1px solid #ececec;}

.product_view .img {border:1px solid #ccc;position: relative;}
.product_view .img img {margin:0 auto;max-width:387px;max-height:390px;}
.product_view .img .zoom {display: block;position: absolute;left: -1px;bottom: -1px;width: 70px;height: 70px;border:1px solid #cccccc;background-image: url('/skin/default/img/sub/ico_magnifier.png');background-repeat: no-repeat;background-position: center center;-webkit-background-size: 24px auto;background-size: 24px auto;z-index: 10;}
.product_view .product_info {margin-bottom: 50px;}
.product_view .info {padding-left: 50px;}
.product_view .info .pitit {font-size: 30px;color: #222222;font-weight: 500;padding-bottom: 10px;border-bottom: 1px solid #cccccc;}
.product_view .info ul {padding: 20px 0 15px 0;border-bottom: 1px solid #cccccc;margin-bottom: 50px;}
.product_view .info ul li {display: table;width: 100%;margin-bottom: 10px;}
.product_view .info ul li .th {display: table-cell;width: 20%;font-size: 16px;color: #999999;font-weight: 500;padding: 0 8px;}
.product_view .info ul li .td {display: table-cell;width: 80%;font-size: 20px;color: #222222;font-weight: 500;}
.product_view .pi_btn {overflow: hidden;margin:0 -5px;}
.product_view .pi_btn .pib {float:left;width: 33.333333333%;padding: 0 5px;}
.product_view .pi_btn a {height: 50px;line-height: 50px;font-size: 16px;color: #ffffff;display: block;text-align: center;text-decoration: none;}
.product_view .pi_btn .pib1 a {background-color: #1f8f2a;}
.product_view .pi_btn .pib1 a:hover {background-color: #3db54a;}
.product_view .pi_btn .pib2 a {background-color: #a9abb7;}
.product_view .pi_btn .pib2 a:hover {background-color: #c1c3ce;}
.product_view .pi_btn .pib3 a {background-color: #eb6105;}
.product_view .pi_btn .pib3 a:hover {background-color: #f58133;}
.product_view .product_detail {border-top:2px solid #000;border-bottom: 1px solid #666666;min-height:400px;margin-bottom: 30px;}
a.list_btn {display: inline-block;background-color: #333333;color: #fff;text-align: center;width: 200px;height: 50px;line-height: 50px;text-decoration: none;font-size: 16px;}

.gallery_view {display:none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;}
.gallery_view .back {position: absolute;width: 100%;height: 100%;background-color: #000;opacity:0.9;filter: alpha(opacity=90);-moz-opacity:0.9;}
.content_wrap {position: relative;width: 100%;height: 100%;text-align: center;}
.content_wrap .gclose {position: absolute;top:50px;right: 50px;z-index: 1001;}
.content_wrap .content {max-width: 800px;margin:0 auto;position: relative;}
.content_wrap .content img {margin:0 auto;max-width:387px;max-height:390px;}
.content_wrap .arrow img {display: block;}

.faq_list {border-top:2px solid #222222;}
.faq_list li {border-bottom: 1px solid #dddddd;}
.faq_list li a {display: block;text-decoration: none;padding: 28px 56px 27px 30px;position: relative;}
.faq_list li a .tit {font-size: 18px;color: #222222;font-weight:700;position: relative;padding-left: 37px;}
.faq_list li a .tit:before {content: "Q";font-weight: 700;font-family: 'Roboto', sans-serif;display: block;font-size: 26px;color: #3db54a;position: absolute;left: 0;top: 0;width: 24px;height: 33px;line-height: 1;}
.faq_list li a .plus {background-image: url('/skin/default/img/sub/faq_plus.gif');background-repeat: no-repeat;-webkit-background-size: 26px auto;background-size: 26px auto;width: 26px;height: 26px;position: absolute;top: 50%;right: 30px;margin-top: -13px;display: block;}
.faq_list li.active a .plus {background-image: url('/skin/default/img/sub/faq_minus.gif');margin-top: -1px;}
.faq_list li .answer_wrap {display: none;padding: 35px 30px;background-color: #f7f7f7;}
.faq_list li .answer {position: relative;padding-left: 40px;font-size: 15px;color: #666;line-height: 1.7;font-weight: 300;}
.faq_list li .answer:before {content: "A";font-weight: 700;font-family: 'Roboto', sans-serif;display: block;font-size: 26px;color: #333333;position: absolute;left: 0;top: 0;width: 10px;height: 10px;width: 24px;height: 33px;line-height: 1;}
.faq_list li.active .answer_wrap {display: block;}

.search_box_wrap {margin-bottom: 30px;text-align: center;font-size: 0;background: #f6f6f7;border: 1px solid #dddddd;padding: 15px 0;}
.search_box {overflow:hidden;display: inline-block;}
.search_box span {display: block;float:left;}
.search_box span.sel {width: 92px;margin-right: 10px;}
.search_box span.sel select {background-color: #fff;font-size: 14px;color: #767575;font-weight: 400;width: 100%;border:1px solid #cbcbcb;height: 40px;padding: 0 10px;}
.search_box span.input {width: 300px;margin-right: 10px;}
.search_box span.input input {background-color: #fff;font-size: 14px;color: #767575;font-weight: 400;width: 100%;border:1px solid #cbcbcb;height: 40px;padding: 0 10px;}
.search_box span.submit {width: 90px;}
.search_box span.submit input {width: 100%;border:none;background-color: #1f8f2a;font-size: 15px;color: #ffffff;text-align: center;height: 40px;line-height: 40px;outline:none;}

.news_view {border-top: 2px solid #222;}
.news_view .tit {font-size: 20px;color: #222222;font-weight: 600;position: relative;border-bottom: 1px solid #dddddd;padding: 23px 30px 22px 30px;}
.news_view .info {position: absolute;top: 19px;right: 30px;}
.news_view .info span {font-size: 14px;color: #999999;position: relative;font-weight: 300;}
.news_view .info span.bar {padding-right: 18px;margin-right: 18px;}
.news_view .cont {padding: 30px 30px 100px 30px;}
.news_view .cont .file {margin-bottom: 50px;}
.news_view .cont .image {margin-top: 15px;}
.news_view .cont .file a {display: inline-block;text-decoration: underline;font-size: 12px;color: #222222;padding-left: 18px;position: relative;}
.news_view .cont .file a:before {position: absolute;content: "";display: block;width: 12px;height: 16px;left: 0;top: 1px;background-image: url('/skin/default/img/sub/ico_folder.png');-webkit-background-size: 12px auto;background-size: 12px auto;}
.news_view .cont .real,
.news_view .cont .real p,
.news_view .cont .real td,
.news_view .cont .real span {font-size: 15px;color: #222222 !important;}
.news_view .cont img {width: auto !important;max-width:100% !important;height: auto !important;}
.board_list {border-top:2px solid #222222;}
.board_list .field {display: table;width: 100%;border-bottom:1px solid #dddddd;}
.board_list .field .cell {display: table-cell;vertical-align: middle;padding: 20px 0;text-align: center;font-size: 14px;color: #999999;font-weight: 300;}
.board_list .field .cell.num {width: 10%;font-family: 'Roboto', sans-serif;color: #3db54a;font-weight: 700;}
.board_list .field .cell.tit {width: 58%;text-align: left;}
.board_list .field .cell.tit a {font-size: 18px;color: #222222;font-weight: 300;}
.board_list .field .cell.file {width: 10%;}
.board_list .field .cell.file img {width: 12px;}
.board_list .field .cell.date {width: 12%;}
.board_list .field .cell.count {width: 10%;}

.hire_hire1 .intro {height: 430px;background-image: url('/skin/default/img/sub/hh1_img1.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;margin-bottom: 20px;}
.hire_hire1 .intro .text {position: absolute;left: 50%;top: 50px;background-color: #299333;padding: 60px 100px 80px 50px;}
.hire_hire1 .intro .text h3 {font-size: 32px;color: #fff;font-weight: 200;margin-bottom: 25px;position: relative;line-height: 1.4;}
.hire_hire1 .intro .text p {font-size: 16px;color: #fff;font-weight: 200;}
.hire_lst .item {border:1px solid #ccc;min-height:330px;text-align: center;padding-top: 50px;}
.hire_lst .item .h1 {font-size: 24px;color: #222222;font-weight: 400;position: relative;padding-top: 115px;margin-bottom: 5px;}
.hire_lst .item.item1 .h1 {background: url('/skin/default/img/sub/hh1_icon1.png') no-repeat center top;}
.hire_lst .item.item2 .h1 {background: url('/skin/default/img/sub/hh1_icon2.png') no-repeat center top;}
.hire_lst .item.item3 .h1 {background: url('/skin/default/img/sub/hh1_icon3.png') no-repeat center top;}
.hire_lst .item .h2 {font-size: 14px;color: #3db54a;font-weight: 400;font-family: 'Roboto', sans-serif;margin-bottom: 20px;}
.hire_lst .item .h3 {font-size: 16px;color: #222222;font-weight: 300;line-height: 1.5;}

.hire_hire .text h3 {font-size: 32px;color: #222222;font-weight: 200;margin-bottom: 50px;line-height: 1.3;}
.welfare_lst {border-left:1px solid #ccc;border-top:1px solid #ccc;}
.welfare_lst .item {height:230px;padding: 50px 10px 0 10px;border:1px solid #ccc;border-left: none;text-align: center;border-top: none;}
.welfare_lst .item .w1 {font-size: 20px;color: #1f8f2a;font-weight: 700;margin-bottom: 15px;}
.welfare_lst .item .w2 {font-size: 14px;color: #222222;font-weight: 300;line-height: 1.7;}

.hh3_item {margin-bottom: 50px;}
.hh3_item .hh3_title {font-size: 20px;color: #222222;font-weight: 700;margin-bottom: 15px;}
.hh3_item1 .item {border:1px solid #dddddd;min-height: 260px;background-color: #f7f7f8;padding: 35px 40px;}
.hh3_item1 .item .h1 {font-size: 16px;color: #3db54a;font-weight: 500;margin-bottom: 10px;}
.hh3_item1 .item .info {overflow:hidden;margin-bottom: 35px;}
.hh3_item1 .item .info span {display: block;float:left;padding-right: 13px;margin-right: 15px;position: relative;font-size: 24px;font-weight: 400;color: #222222;}
.hh3_item1 .item .info span.bar:after {width: 1px;height: 15px;content: "";display: block;position: absolute;right: 0;top: 10px;background-color: #ddd;}
.hh3_item ul li {margin: 5px 0;font-size: 16px;color: #222222;}
.hh3_item ul li strong {color: #c80606;}
.hh3_order {overflow: hidden;margin-top: 30px;}
.hh3_order .item {position: relative;float:left;width: 16.66666667%;margin-right: 4.1666666675%;min-height:260px;border:1px solid #cccccc;padding-top: 50px;text-align: center;}
.hh3_order .item:after {content: "";display: block;width: 23px;height: 23px;background: url('/skin/default/img/sub/order_arrow_right.gif') no-repeat 0 0;position: absolute;right: -40px;top: 50%;margin-top: -12px;}
.hh3_order .item .step {font-size: 16px;color: #3db54a;font-family: 'Roboto', sans-serif;margin-bottom: 5px;padding-top: 110px;font-weight: 400;}
.hh3_order .item .tit {font-size: 18px;color: #222222;font-weight: 400;}
.hh3_order .item.item1 .step {background: url('/skin/default/img/sub/hh3_ico1.png') no-repeat center top;}
.hh3_order .item.item2 .step {background: url('/skin/default/img/sub/hh3_ico2.png') no-repeat center top;}
.hh3_order .item.item3 .step {background: url('/skin/default/img/sub/hh3_ico3.png') no-repeat center top;}
.hh3_order .item.item4 .step {background: url('/skin/default/img/sub/hh3_ico4.png') no-repeat center top;}
.hh3_order .item.item5 .step {background: url('/skin/default/img/sub/hh3_ico5.png') no-repeat center top;}
.hh3_order .item.item5 {margin-right: 0;border-color:#3db54a;}
.hire_hire3 .online {width: 140px;height: 40px;line-height: 40px;display: inline-block;background-color: #1f8f2a;text-align: center;color: #fff;font-size: 16px;text-decoration: none;}

.biz_biz .biz_img {height: 390px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;position: relative;}
.biz_biz1 .biz_img {background-image: url('/skin/default/img/sub/bb1_img1.jpg');}
.biz_biz2 .biz_img {background-image: url('/skin/default/img/sub/bb2_img1.jpg');}
.biz_biz3 .biz_img {background-image: url('/skin/default/img/sub/bb3_img1.jpg?v=1');}
.biz_biz4 .biz_img {background-image: url('/skin/default/img/sub/bb4_img1.jpg');}
.biz_biz .biz_img .txt {font-size: 30px;color: #fff;background-color: #1f8f2a;padding: 45px 50px;position: absolute;left: 0;bottom: 0;text-decoration: underline;text-underline-position: under;}
.biz_biz .biz_box {padding: 50px 46px 72px 46px;background-color: #f4f4f7;margin-bottom: 40px;}
.biz_biz .biz_box .biz_text {position: relative;font-size: 16px;color: #555555;font-weight: 300;line-height: 2;padding-top: 25px;}
.biz_biz .biz_box .biz_text:before {position: absolute;left: 0;top: 0;content: "";width: 24px;height: 3px;background-color: #222;}
.biz_product .tit {font-size: 36px;color: #222222;font-weight: 400;position: relative;margin-bottom: 20px;}
.biz_product .tit a {position: absolute;width: 50px;height: 50px;display: block;top: 0;}
.biz_product .tit a:before {display: block;content: "";width: 11px;height: 22px;position: absolute;left: 50%;margin-left: -6px;top: 50%;margin-top: -11px;background-repeat: no-repeat;background-size: 11px auto;}
.biz_product .tit .prev {right: 51px;background-color: #000;}
.biz_product .tit .prev:before {background-image: url(/skin/default/img/main/arrow_msl.png);}
.biz_product .tit .next {right: 0;background-color: #3db54a;}
.biz_product .tit .next:before {background-image: url(/skin/default/img/main/arrow_msl1.png);}
.biz_product .item {position: relative;text-align: center;overflow: hidden;}
/* .biz_product .item img {border: 1px solid #ccc;} */
.biz_product .item .otit {font-size: 24px;color: #ffffff;font-weight: 400;margin-bottom: 15px;}
.biz_product .item .item_over .link {text-align: center;font-size: 0;margin-top: 10px;}
.biz_product .item .item_over .link .more {position: relative;display: inline-block;border: 1px solid #8e9cc6;width: 38px;height: 38px;}
.biz_product .item .item_over .link .more:hover {background-color: #fff;}
.biz_product .item .item_over .link .more:after {background-image: url(/skin/default/img/main/ico_plus.png);background-position: 0 0;width: 17px;height: 17px;display: block;content: "";position: absolute;left: 50%;top: 50%;margin-left: -9px;margin-top: -9px;background-position: -17px 0;}
.biz_product .item .item_over .link .more:hover:after {background-position: -34px 0;}
.biz_product .item .item_over {position: absolute;left: 0;bottom: -100%;width: 100%;min-height: 158px;background: url(/skin/default/img/main/biz_over.png) repeat 0 0;padding-top: 30px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;visibility: hidden;}
.biz_product .item.active .item_over {opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;visibility: visible;bottom: 0;}