@import url('/resources/css/common.css');

#visual {
   position: relative;
   overflow: hidden;
   width: 100%;
   text-align: center;
   height: 400px;
   opacity: 0;
}
.subtop_company {
   background: url('/resources/img/sub/subtop_company.jpg') center 0 no-repeat;
}
.subtop_vibration {
   background: url('/resources/img/sub/subtop_vibration.jpg') center 0 no-repeat;
}
.subtop_quake {
   background: url('/resources/img/sub/subtop_quake.jpg') center 0 no-repeat;
}
.subtop_rnd {
   background: url('/resources/img/sub/subtop_rnd.jpg') center 0 no-repeat;
}
.subtop_ai {
   background: url('/resources/img/sub/subtop_ai.jpg') center 0 no-repeat;
}
.subtop_intelligent {
   background: url('/resources/img/sub/subtop_intelligent.jpg') center 0 no-repeat;
}
.subtop_construction {
   background: url('/resources/img/sub/subtop_construction.jpg') center 0 no-repeat;
}
.subtop_result {
   background: url('/resources/img/sub/subtop_result.jpg') center 0 no-repeat;
}
.subtop_support {
   background: url('/resources/img/sub/subtop_support.jpg') center 0 no-repeat;
}

#visual h2 {
   position: relative;
   font-family: 'Noto Sans SC', sans-serif;
   font-size: 40px;
   font-weight: 700;
   color: #fff;
   padding-top: 200px;
   line-height: 100%;
   letter-spacing: -2px;
   top: 50px;
   opacity: 0;
}
#visual h2:before {
   position: relative;
   display: block;
   content: '';
   overflow: hidden;
   margin: 0 auto 20px auto;
   height: 3px;
   width: 60px;
   background: #fff;
}
#visual h2 p.eng {
   font-family: 'Montserrat', sans-serif;
   font-size: 20px;
   color: rgba(255, 255, 255, 0.7);
   font-weight: 300;
   padding-top: 8px;
   letter-spacing: 0.3px;
}

#contents {
   position: relative;
   width: 100%;
   margin: 0 auto;
   opacity: 0;
   top: 0;
}

#sticky-wrapper {
}
#sticky-wrapper.is-sticky {
   top:0px;
}
#contents .lnb {
   position: relative;
   width: 100%;
   border-bottom: 1px solid #ddd;
   background: #f5f5f5;
   height: 70px;
   z-index: 99 !important;
}
#contents .lnb ul {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   overflow: hidden;
}
#contents .lnb li {
   position: relative;
   float: left;
   width: 100%;
}
#contents .lnb li a:link,
#contents .lnb li a:visited {
   text-align: center;
   font-size: 17px;
   font-weight: 500;
   letter-spacing: -0.8px;
   display: block;
   line-height: 70px;
   height: 70px;
   background-color: #f5f5f5;
   border-right: 1px solid #ddd;
   transition: all 0.3s;
}
#contents .lnb li:first-child a:link,
.lnb li:first-child a:visited {
   border-left: 1px solid #ddd;
}
#contents .lnb li a:hover {
   display: block;
   color: #fff;
   text-decoration: none;
   background: #e9952a;
   border-right: 1px solid #d88316;
   transition: all 0.3s;
}
#contents .left_linktop {
   display: block;
   color: #fff !important;
   text-decoration: none;
   background-color: #db680b !important;
   border-right: none !important;
}

.lnb ul.lnb_02 li {
   width: 50% !important;
}
.lnb ul.lnb_03 li {
   width: 33.3333333% !important;
}
.lnb ul.lnb_04 li {
   width: 25% !important;
}
.lnb ul.lnb_05 li {
   width: 20% !important;
}
.lnb ul.lnb_06 li {
   width: 16.666666% !important;
}
.lnb ul.lnb_07 li {
   width: 14.285714% !important;
}

.scate_tab {
   width: 1180px;
   margin: 30px auto 80px;
   text-align: left;
   padding: 0 0 0 0;
   box-sizing: border-box;
}
.scate_tab a {
   position: relative;
   display: inline-block;
   font-size: 19px;
   font-weight: 500;
   letter-spacing: -1px;
   line-height: 25px;
   color: #999;
   margin: 0 60px 0 0;
   background: #fafafa;
   border-radius: 10px;
   padding: 10px 8px;
}
.scate_tab a:last-child {
   margin-right: 0;
}
.scate_tab a:hover {
   color: #222;
}
.scate_tab a:after {
   content: '';
   position: absolute;
   top: 2px;
   right: -35px;
   height: 46px;
   width: 1px;
   display: inline-block;
   background-color: #d7d7d7;
}
.scate_tab a:last-child:after {
   content: none;
}

.scate_tab a.on {
   position: relative;
   width: auto;
   color: #fff;
   z-index: 1;
   background: #1c8e7d;
}
.scate_tab a.on:before {
   display: block;
   content: '';
   position: absolute;
   width: 100%;
   border-bottom: 4px solid #54e8ce;
   bottom: -8px;
   z-index: -1;
   margin-left: -8px;
}

.scate_tab2 {
   width: 1180px;
   margin: 30px auto 60px;
   text-align: left;
   padding: 0 0 0 0;
   box-sizing: border-box;
}
.scate_tab2 a {
   position: relative;
   display: inline-block;
   font-size: 19px;
   font-weight: 500;
   letter-spacing: -1px;
   line-height: 25px;
   color: #999;
   margin: 0 100px 0 0;
   background: #fafafa;
   border-radius: 10px;
   padding: 10px 8px;
}
.scate_tab2 a:last-child {
   margin-right: 0;
}
.scate_tab2 a:hover {
   color: #222;
}
.scate_tab2 a:after {
   content: '';
   position: absolute;
   top: 2px;
   right: -55px;
   height: 46px;
   width: 1px;
   display: inline-block;
   background-color: #d7d7d7;
}
.scate_tab2 a:last-child:after {
   content: none;
}

.scate_tab2 a.on {
   position: relative;
   width: auto;
   color: #fff;
   z-index: 1;
   background: #1c8e7d;
}
.scate_tab2 a.on:before {
   display: block;
   content: '';
   position: absolute;
   width: 100%;
   border-bottom: 4px solid #54e8ce;
   bottom: -8px;
   z-index: -1;
   margin-left: -8px;
}

#contents .contentArea {
   width: 100%;
   padding: 40px 0 80px;
}
#contents h3.title {
   width: 1180px;
   color: #222;
   font-weight: 600;
   font-size: 36px;
   line-height: 100%;
   letter-spacing: -1.5px;
   text-align: left;
   padding: 30px 0 0 0;
   margin: 0 auto;
}

.contents_in {
   position: relative;
   width: 1180px;
   clear: both;
   margin: 0 auto;
   *zoom: 1;
}
.contents_in_wide {
   position: relative;
   width: 100%;
   clear: both;
   margin: 0 auto;
   *zoom: 1;
}
.contents_in_wide .w1180 {
   position: relative;
   width: 1180px;
   clear: both;
   margin: 0 auto;
}

.tabstyle {
   text-align: left;
   font-size: 0;
}
.tabstyle li {
   display: inline-block;
   /* 임시 */
   /* width: 150px; */
   min-width: 50px;
   /* max-width: 200px; */
   /* 끝 */
   height: 50px;
   font-size: 16px;
   font-weight: 500;
   background: #ebeff2;
   margin: 10px 0 20px;
   text-align: center;
}
.tabstyle li + li {
   padding-left: 5px;
}
.tabstyle li:first-child {
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
}
.tabstyle li:last-child {
   border-top-right-radius: 25px;
   border-bottom-right-radius: 25px;
   padding: 0px;
}
.tabstyle li a {
   display: block;
   width: 100%;
   height: 100%;
   line-height: 50px;
   transition: color 0.3s ease-out;
}
.tabstyle li a:hover {
   color: #015647;
   transition: color 0.3s ease-out;
}
.tabstyle li a.focus {
   background: #015647;
   color: #fff;
   border-radius: 25px;
}

.tabstyle li span {
   display: block;
   width: 100%;
   height: 100%;
   line-height: 50px;
   transition: color 0.3s ease-out;
}
.tabstyle li span:hover {
   color: #015647;
   transition: color 0.3s ease-out;
}
.tabstyle li span.focus {
   background: #015647;
   color: #fff;
   border-radius: 25px;
}



.tabstyle2 {
   text-align: left;
   font-size: 0;
}
.tabstyle2 li {
   display: inline-block;
   width: 150px;
   height: 50px;
   font-size: 16px;
   font-weight: 500;
   background: #ebeff2;
   margin: 10px 0 20px;
   text-align: center;
}
.tabstyle2 li:nth-child(2) {
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
}
.tabstyle2 li:last-child {
   border-top-right-radius: 25px;
   border-bottom-right-radius: 25px;
}
.tabstyle2 li.none {
   display: inline-block;
   width: 200px;
   background: #fff;
   text-align: left;
}
.tabstyle2 li a {
   display: block;
   width: 100%;
   height: 100%;
   line-height: 50px;
   transition: color 0.3s ease-out;
}
.tabstyle2 li a:hover {
   color: #015647;
   transition: color 0.3s ease-out;
}
.tabstyle2 li a.focus {
   background: #015647;
   color: #fff;
   border-radius: 25px;
}

.down_btn_wrap {
   float: right;
   position: relative;
   top: -70px;
}
.tab-desc {
   float: right;
   position: relative;
   top: -56px;
   right: 25px;
}

/*** 공통css ***/
.point_txt {
   font-weight: bold;
   color: #333;
   letter-spacing: -0.5pt;
}

.hr {
   display: block;
   width: 100%;
   height: 1px;
   background: #ddd;
   margin: 40px 0 60px;
   padding: 0;
   border: none;
}

.tpad_10 {
   padding-top: 10px;
}
.tpad_20 {
   padding-top: 20px;
}
.tpad_35 {
   padding-top: 35px;
}
.bpad_5 {
   padding-bottom: 5px;
}
.bpad_10 {
   padding-bottom: 10px;
}
.bpad_20 {
   padding-bottom: 20px;
}
.bpad_25 {
   padding-bottom: 25px;
}
.bpad_30 {
   padding-bottom: 30px;
}
.bpad_40 {
   padding-bottom: 40px;
}
.bpad_50 {
   padding-bottom: 50px;
}
.bpad_80 {
   padding-bottom: 80px;
}

.text-center {
   text-align: center;
}
.text-right {
   text-align: right;
}
.text-left {
   text-align: left;
}

.table_style {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0px;
   border-top: 1px solid #333;
}
.table_style th {
   font-size: 15px;
   color: #444;
   font-weight: 500;
   text-align: left;
   padding: 14px 15px;
   border-bottom: 1px solid #d4d4d4;
   background-color: #f9f9f9;
   letter-spacing: -0.5px];
}
.table_style th.tit {
   font-size: 20px;
   line-height: 26px;
   color: #222;
   font-weight: 500;
   text-align: left;
   padding: 20px 15px;
   border-bottom: 1px solid #d4d4d4;
   background-color: #f9f9f9;
   letter-spacing: -1px;
}
.table_style td {
   font-size: 15px;
   border-bottom: 1px solid #e9e9e9;
   padding: 14px 15px;
   text-align: left;
}
.table_style td.con {
   font-size: 16px;
   padding: 30px 15px;
   text-align: left;
}
.table_style td.con img {
   display: block;
   width: 60%;
   margin: 0 auto 30px;
}

.table_style2 {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0px;
   border-top: 1px solid #333;
}
.table_style2 th {
   font-size: 15px;
   color: #444;
   font-weight: 600;
   text-align: center;
   padding: 14px 0;
   border-bottom: 1px solid #d4d4d4;
   background-color: #f9f9f9;
   letter-spacing: -0.5pt;
   border-left: 1px solid #e9e9e9;
   line-height: 22px;
   box-sizing: border-box;
}
.table_style2 th:first-child {
   border-left: none;
}
.table_style2 th.tit {
   font-size: 15px;
   color: #444;
   font-weight: 600;
   text-align: center;
   padding: 14px 0;
   border-bottom: 1px solid #d4d4d4;
   background-color: #f0efef;
   letter-spacing: -0.5pt;
   border-left: 1px solid #e9e9e9;
   line-height: 22px;
   box-sizing: border-box;
}
.table_style2 td {
   font-size: 15px;
   border-bottom: 1px solid #e9e9e9;
   padding: 14px 0;
   text-align: center;
   border-left: 1px solid #e9e9e9;
   background: #fff;
   line-height: 22px;
   box-sizing: border-box;
}
.table_style2 td:first-child {
   border-left: none;
}
.table_style2 td.tit {
   font-size: 15px;
   color: #222;
   font-weight: 500;
}
.table_style2 td.right_txt {
   text-align: right;
   padding: 14px 15px 14px;
   box-sizing: border-box;
}
.table_style2 td.right_txt2 {
   font-size: 17px !important;
   text-align: right;
   padding: 14px 160px 14px 0;
   box-sizing: border-box;
}
.table_style2 td.left_txt {
   text-align: left;
   padding: 14px 15px 14px;
}
.table_style2 td.left_txt .round_txt1 {
   display: inline-block;
   width: 140px;
   height: 25px;
   border-radius: 20px;
   color: #fff;
   font-size: 14px;
   letter-spacing: -0.5px;
   line-height: 25px;
   text-align: left;
   padding-left: 45px;
   box-sizing: border-box;
   margin: 0 10px 5px 0;
   font-weight: 500;
   background: url('/resources/img/sub/map_icon01.png') no-repeat 20px 3px, #365abc;
}
.table_style2 td.left_txt .round_txt2 {
   display: inline-block;
   width: 140px;
   height: 25px;
   border-radius: 20px;
   color: #fff;
   font-size: 14px;
   letter-spacing: -0.5px;
   line-height: 25px;
   text-align: left;
   padding-left: 45px;
   box-sizing: border-box;
   margin: 0 10px 5px 0;
   font-weight: 500;
   background: url('/resources/img/sub/map_icon02.png') no-repeat 20px 3px, #6f99d0;
}
.table_style2 td.color_txt_red {
   color: #d91111 !important;
}
.table_style2 td.color_txt_blue {
   color: #0052b7 !important;
}

.table_style3 {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0px;
   border-top: 1px solid #333;
}
.table_style3 tr {
   background: #fff;
}
.table_style3 tr:nth-child(2n + 1) {
   background: #f9f9f9;
}
.table_style3 th {
   font-size: 16px;
   color: #444;
   font-weight: 600;
   text-align: center;
   padding: 18px 0;
   border-bottom: 1px solid #d4d4d4;
   background-color: #fff;
   letter-spacing: -0.5pt;
   line-height: 22px;
   box-sizing: border-box;
}
.table_style3 th:first-child {
   border-left: none;
}
.table_style3 td {
   font-size: 16px;
   color: #888;
   border-bottom: 1px solid #e9e9e9;
   padding: 14px 0;
   text-align: center;
   line-height: 22px;
   box-sizing: border-box;
   transition: all 0.3s ease-out;
}
.table_style3 td:first-child {
   border-left: none;
}
.table_style3 td.tit {
   font-size: 16px;
   color: #222;
   font-weight: 400;
   text-align: left;
   padding-left: 20px;
}

.table_style3 tr:hover td.tit {
   color: #1a3c94;
}

.table_style3 span.tech_type {
   display: inline-block;
   width: 130px;
   height: 30px;
   line-height: 30px;
   border-radius: 30px;
   font-size: 13px;
   box-sizing: border-box;
}
.table_style3 span.tech_type.yes {
   background: #072148;
   color: #fff;
   border: 1px solid #072148;
   transition: all 0.3s ease-out;
}
.table_style3 span.tech_type.yes a {
   display: block;
   width: 100%;
   height: 100%;
   color: #fff;
   line-height: 36px;
}
.table_style3 span.tech_type.yes:hover {
   color: #072148;
   background: #fff;
   transition: all 0.3s ease-out;
}
.table_style3 span.tech_type.yes:hover a {
   color: #072148;
   transition: all 0.3s ease-out;
}
.table_style3 span.tech_type.no {
   background: #ebeff2;
   color: rgba(0, 0, 0, 0.4);
}

h4.sub_title {
   position: relative;
   font-size: 28px;
   letter-spacing: -1px;
   line-height: 32px;
   color: #0a5b4d;
   font-weight: 500;
   padding-bottom: 15px;
}
h4.sub_title:after {
   content: '';
   display: block;
   position: absolute;
   top: -11px;
   left: 0;
   width: 30px;
   height: 4px;
   background: url('/resources/img/sub/list_art.png');
}
h4.sub_title span.desc {
   font-size: 24px;
   font-weight: 500;
   color: #838383;
}

h5.sub_title_h5 {
   position: relative;
   font-size: 20px;
   letter-spacing: -0.5px;
   line-height: 30px;
   color: #333;
   padding-left: 25px;
   margin-bottom: 13px;
}
h5.sub_title_h5::after {
   content: '';
   display: block;
   position: absolute;
   top: 5px;
   left: 0;
   width: 17px;
   height: 20px;
   background: url('/resources/img/sub/h5_icon.png') 0 0 no-repeat;
}
h5.sub_title_h5 span.star_txt {
   position: absolute;
   font-size: 15px;
   letter-spacing: -0.5px;
   color: #f14400;
   text-align: right;
   top: 0;
   right: 10px;
   font-weight: 400;
}

p.sub_title_txt {
   font-size: 17px;
   line-height: 25px;
   letter-spacing: -0.7px;
   color: #666;
   font-weight: 400;
   margin-bottom: 15px;
}
p.sub_title_txt span.color_red {
   letter-spacing: -0.7px;
   color: #d91111;
   font-weight: 500;
}

.con_tit {
   font-size: 28px;
   line-height: 100%;
   letter-spacing: -0.7pt;
   color: #222;
   font-weight: 800;
}
.con_tit p.eng {
   font-size: 22px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 100;
   letter-spacing: 0;
   padding-top: 10px;
}

p.sub_txt_s {
   font-size: 15px;
   line-height: 20px;
   letter-spacing: -0.7px;
   color: #666;
   font-weight: 400;
}
p.sub_txt_m {
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.7px;
   color: #666;
   font-weight: 400;
}
p.sub_txt_b {
   font-size: 18px;
   line-height: 26px;
   letter-spacing: -0.7px;
   color: #666;
   font-weight: 400;
}

.tab_con {
   position: relative;
   overflow: hidden;
   text-align: center;
   margin-bottom: 50px;
}
.tab_con li {
   display: inline-block;
   width: 180px;
}
.tab_con li.wide {
   width: 220px !important;
}
.tab_con li a {
   display: block;
   line-height: 40px;
   border: 1px solid #ddd;
   border-radius: 40px;
   font-size: 17px;
   font-weight: normal;
   letter-spacing: -0.5pt;
   transition: all 0.3s;
}
.tab_con li a:hover {
   border-color: #0054a6;
   color: #0054a6;
   transition: all 0.3s;
}
.tab_con li a.tab_up {
   background: #0054a6;
   border-color: #0054a6;
   color: #fff;
   font-weight: bold;
}

p.stxt_s {
   font-size: 13px;
   color: #777;
}
p.right_txt {
   font-size: 15px;
   color: #777;
   text-align: right;
   padding: 5px 10px 0 0;
   letter-spacing: -0.5px;
   font-weight: 400;
}
.cont01 {
   position: relative;
   border: 1px solid #ddd;
   padding: 25px 29px;
   letter-spacing: -0.5pt;
}
.cont01 span.tit {
   color: #333;
   letter-spacing: -0.5pt;
   margin-right: 20px;
}

.cont02 {
   position: relative;
   overflow: hidden;
   border: 1px solid #ddd;
   padding: 25px 30px 20px 30px;
   letter-spacing: -0.5pt;
   box-sizing: border-box;
}
.cont02 li.dot3 {
   font-size: 16px;
   letter-spacing: -0.5pt;
   padding: 0 0 4px 0px;
}
.cont02 li.dot {
   font-size: 16px;
   letter-spacing: -0.5pt;
   background: url('/resources/img/sub/dot.gif') 0 11px no-repeat;
   padding: 0 0 4px 14px;
}
.cont02 li.dot span.dot_tit {
   color: #333;
   letter-spacing: -0.5pt;
   font-weight: 500;
}
.cont02 li.dot2 {
   float: left;
   width: 48%;
   font-size: 15px;
   letter-spacing: -0.5pt;
   background: url('/resources/img/sub/dot.gif') 0 9px no-repeat;
   padding: 0 0 4px 14px;
}
.cont02 li.dot4 {
   float: left;
   width: 48%;
   padding: 0 0 4px 14px;
}
.cont02 li.dot4 p {
   padding: 12px 0;
   vertical-align: middle;
   text-align: center;
   color: #333;
   font-size: 15px;
   letter-spacing: -0.5px;
   padding: 0 0 4px 10px;
}

.cont02 li.btn {
   padding: 10px 0 5px 0;
}
.cont02 li.none {
   font-size: 16px;
   letter-spacing: -0.5pt;
   padding: 0 0 5px 0;
   color: #222;
}
.cont02 li.none span {
   font-size: 16px;
   letter-spacing: -0.5pt;
   padding: 0 0 0 0;
   color: #777;
}
.cont02 li.none2 {
   font-size: 16px;
   letter-spacing: -0.5pt;
   padding: 4px 0 0 0;
   color: #444;
}
.cont02 p.dot_stxt {
   color: #777;
   font-size: 13px;
   line-height: 24px;
}

/* Sub Images */
.content_img {
   overflow: hidden;
   width: 100%;
}

.content_img > ul.col2 {
   width: 100%;
   margin: 0 auto;
}
.content_img > ul.col2:after {
   content: '';
   display: block;
   clear: both;
}
.content_img > ul.col2 > li {
   float: left;
   position: relative;
   width: 560px;
   padding: 0 0 0 60px;
}
.content_img > ul.col2 > li:nth-child(2n + 1) {
   padding: 0 0 0 0;
}

.content_img > ul.col2 > li .photo {
   width: 560px;
   border: 1px solid #d8d8d8;
   overflow: hidden;
   box-sizing: border-box;
}
.content_img > ul.col2 > li p.name {
   padding: 15px 0;
   color: #333537;
   font-size: 17px;
   line-height: 25px;
   letter-spacing: -0.5px;
   text-align: left;
   font-weight: 500;
}
.content_img > ul.col2 > li p.name span {
   font-family: 'Montserrat', sans-serif;
   font-size: 13px;
   color: #999;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 25px;
}

.content_img > ul.col3 {
   width: 100%;
   margin: 0 auto;
}
.content_img > ul.col3:after {
   content: '';
   display: block;
   clear: both;
}
.content_img > ul.col3 > li {
   float: left;
   position: relative;
   width: 370px;
   padding: 0 0 30px 35px;
}
.content_img > ul.col3 > li:nth-child(3n + 1) {
   padding: 0 0 30px 0;
}

.content_img > ul.col3 > li .photo {
   width: 370px;
   border: 1px solid #d8d8d8;
   overflow: hidden;
   box-sizing: border-box;
   transition: all 0.5s;
}
.content_img > ul.col3 > li p.name {
   padding: 15px 0;
   color: #333537;
   font-size: 18px;
   line-height: 25px;
   letter-spacing: -0.5px;
   text-align: left;
   font-weight: 500;
   text-align: center;
}
.content_img > ul.col3 > li p.name span {
   font-family: 'Montserrat', sans-serif;
   font-size: 13px;
   color: #999;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 25px;
}
.content_img > ul.col3 > li p.btn {
   position: relative;
   width: 200px;
   padding: 5px 30px 6px 30px;
   color: #333;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.5px;
   text-align: left;
   font-weight: 500;
   border: 1px solid #a3a3a3;
   background: #fff;
   border-radius: 30px;
   margin: 0 auto;
   box-sizing: border-box;
   transition: all 0.5s;
}
.content_img > ul.col3 > li p.btn span {
   position: absolute;
   top: 5px;
   right: 30px;
   color: #333;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.5px;
   margin-left: 20px;
   transition: all 0.5s;
}
.content_img > ul.col3 > li a:hover p.btn {
   width: 200px;
   padding: 5px 30px 6px 30px;
   color: #fff;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.5px;
   text-align: left;
   font-weight: 500;
   border: 1px solid #e60012;
   background: #e60012;
   border-radius: 30px;
   margin: 0 auto;
   box-sizing: border-box;
   transition: all 0.5s;
}
.content_img > ul.col3 > li a:hover p.btn span {
   color: #fff;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.5px;
   margin-left: 20px;
   transition: all 0.5s;
}
.content_img > ul.col3 > li a:hover .photo {
   border: 1px solid #666;
   transition: all 0.5s;
}

.content_img > ul.col4 {
   width: 100%;
   margin: 0 auto;
}
.content_img > ul.col4:after {
   content: '';
   display: block;
   clear: both;
}
.content_img > ul.col4 > li {
   float: left;
   position: relative;
   width: 280px;
   padding: 0 0 30px 20px;
}
.content_img > ul.col4 > li:nth-child(4n + 1) {
   padding: 0 0 30px 0;
}

.content_img > ul.col4 > li .photo {
   width: 280px;
   border: 1px solid #d8d8d8;
   overflow: hidden;
   box-sizing: border-box;
}
.content_img > ul.col4 > li p.name {
   padding: 15px 0;
   color: #333537;
   font-size: 17px;
   line-height: 25px;
   letter-spacing: -0.5px;
   text-align: left;
   font-weight: 500;
}
.content_img > ul.col4 > li p.name span {
   font-family: 'Montserrat', sans-serif;
   font-size: 13px;
   color: #999;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 25px;
}

/*** 진동소음 ***/

.capa_con {
   position: relative;
   width: 100%;
   background: url('/resources/img/vibration/capa_con_bg.jpg') top center no-repeat;
   padding: 70px 0;
}
.capa_con_in {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   z-index: 10;
}
.capa_con_in p.capa_txt {
   display: block;
   width: 100%;
   height: 50px;
   background: #fff;
   border-radius: 100px;
   text-align: center;
   color: #222;
   font-size: 20px;
   font-weight: 500px;
   letter-spacing: -0.5px;
   line-height: 50px;
   margin-bottom: 15px;
}
.capa_con_in h4.capa_tit {
   position: relative;
   font-size: 30px;
   color: #fff;
   letter-spacing: -1.5px;
   line-height: 35px;
   font-weight: 600;
   padding: 0 0 40px 0;
}
.capa_con_in ul {
   width: 1120px;
   margin: 0 auto 50px;
}
.capa_con_in ul:after {
   content: '';
   display: block;
   clear: both;
}
.capa_con_in li {
   float: left;
   width: 340px;
   height: 340px;
   margin: 0 0 0 50px;
}
.capa_con_in li:first-child {
   margin: 0 0 0 0;
}
.capa_con_in li img {
   border-radius: 340px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   width: 340px;
}

.capa_bg_txt {
   position: absolute;
   font-family: 'Montserrat', sans-serif;
   left: 50%;
   margin-left: -590px;
   width: 1180px;
   font-size: 150px;
   font-weight: 700;
   letter-spacing: -2px;
   color: rgba(255, 255, 255, 0.1);
   text-align: center;
   bottom: -20px;
   z-index: 1;
   line-height: 150px;
}

h4.h4_tit01 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit01:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon01.gif') no-repeat 0 0;
   top: 0;
   left: 0;
}
h4.h4_tit02 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit02:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon02.gif') no-repeat 0 0;
   top: 0;
   left: 0;
}
h4.h4_tit03 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit03:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon03.gif') no-repeat 0 0;
   top: 0;
   left: 0;
}
h4.h4_tit04 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit04:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon04.gif') no-repeat 0 0;
   top: 0;
   left: 0;
}
h4.h4_tit05 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit05:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon05.gif') no-repeat 0 0;
   top: 0;
   left: 0;
}
h4.h4_tit06 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit06:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon06.gif') no-repeat 0 0;
   top: 0;
   left: 0;
}
h4.h4_tit07 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit07:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon07.gif') no-repeat 0 0;
   top: 0;
   left: 0;
}
h4.h4_tit08 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit08:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon08.gif') no-repeat 0 0;
   top: 0;
   left: 0;
}
h4.h4_tit09 {
   position: relative;
   font-size: 25px;
   color: #222;
   letter-spacing: -1px;
   line-height: 30px;
   font-weight: 500;
   padding: 40px 0 0 0;
}
h4.h4_tit09:before {
   position: absolute;
   content: '';
   width: 30px;
   height: 31px;
   background: url('/resources/img/sub/h4_tit_icon09.png') no-repeat 0 0;
   top: 0;
   left: 0;
}

dl.vibration_area {
   position: relative;
   width: 900px;
}
dl.vibration_area dt {
   display: inline-block;
   width: 200px;
   padding-right: 100px;
   vertical-align: top;
}
dl.vibration_area dd {
   display: inline-block;
   width: 580px;
   vertical-align: top;
   min-height: 240px;
}

dl.vibration_area2 {
   position: relative;
   width: 1180px;
}
dl.vibration_area2:after {
   content: '';
   display: block;
   clear: both;
}
dl.vibration_area2 dt {
   float: left;
   width: 200px;
   padding-right: 100px;
   vertical-align: top;
}
dl.vibration_area2 dd {
   float: left;
   width: 880px;
   vertical-align: top;
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
}

dl.vibration_area3 {
   position: relative;
   width: 1180px;
}
dl.vibration_area3 dt {
   width: 100%;
   vertical-align: top;
   margin-bottom: 20px;
}
dl.vibration_area3 dd {
   width: 100%;
   vertical-align: top;
}

dl.vibration_area4 {
   position: relative;
   width: 1180px;
}

ul.vibration_list {
   width: 100%;
   border-top: 2px solid #888;
   border-bottom: 2px solid #888;
}
ul.vibration_list li {
   position: relative;
   border-bottom: 1px solid #d9d9d9;
   padding: 15px 0;
}
ul.vibration_list li:last-child {
   border-bottom: 0px solid #eee;
}
ul.vibration_list li:after {
   content: '';
   display: block;
   clear: both;
}

ul.vibration_list li dt {
   float: left;
   width: 177px;
   text-align: center;
   vertical-align: top;
   margin: 0 39px 0 19px;
   border: 1px solid #ccc;
   box-sizing: border-box;
}
ul.vibration_list li dd {
   position: relative;
   float: left;
   width: 645px;
   vertical-align: top;
}

ul.vibration_list li dd h5.pro_tit {
   font-family: 'Montserrat', sans-serif;
   font-size: 20px;
   font-weight: 600;
   line-height: 24px;
   color: #222;
   letter-spacing: -0.5px;
   padding: 5px 0 0 0;
}
ul.vibration_list li dd p.pro_num {
   width: 60px;
   height: 24px;
   font-family: 'Montserrat', sans-serif;
   font-size: 13px;
   font-weight: 500;
   line-height: 24px;
   color: #fff;
   background: #f06203;
   margin-right: 15px;
   text-align: center;
   border-radius: 12px;
}
ul.vibration_list li dd p.pro_tit_txt {
   font-family: 'Montserrat', sans-serif;
   font-size: 13px;
   font-weight: 500;
   line-height: 18px;
   color: #999;
}
ul.vibration_list li dd p.pro_con_txt {
   font-size: 15px;
   font-weight: 400;
   line-height: 20px;
   color: #666;
   padding: 10px 0 0 0;
   letter-spacing: -0.5px;
}

ul.vibration_list li dd a p.more {
   position: absolute;
   top: 35px;
   right: 0px;
   width: 100px;
   height: 40px;
   font-size: 14px;
   font-weight: 500;
   line-height: 40px;
   color: #fff;
   background: #666;
   margin-right: 15px;
   text-align: center;
   letter-spacing: -0.5px;
}
ul.vibration_list li dd a:hover p.more {
   color: #fff;
   background: #444;
}

ul.vibration_list2 {
   width: 100%;
}
ul.vibration_list2:after {
   content: '';
   display: block;
   clear: both;
}
ul.vibration_list2 li {
   position: relative;
   float: left;
   width: 580px;
   height: 190px;
   border: 2px solid #d9d9d9;
   /* margin: 0 0 20px 20px; */
   margin: 0 0 10px 10px;
   box-sizing: border-box;
}
/* ul.vibration_list2 li:nth-child(2n + 1) {
   margin: 0 0 20px 0 !important;
} */

ul.vibration_list2 li dl {
   width: 100%;
   height: 100%;
   background: #fff;
   padding: 20px 20px;
   box-sizing: border-box;
}
ul.vibration_list2 li a:hover dl {
   background: #f3f3f3;
}
ul.vibration_list2 li dt {
   position: relative;
   float: left;
   width: 177px;
   text-align: center;
   vertical-align: top;
   margin: 0 33px 0 0;
   border: 1px solid #ccc;
   box-sizing: border-box;
}
ul.vibration_list2 li dt p.pro_num {
   position: absolute;
   width: 60px;
   height: 24px;
   font-family: 'Montserrat', sans-serif;
   font-size: 13px;
   font-weight: 500;
   line-height: 24px;
   color: #fff;
   background: #f06203;
   margin-right: 15px;
   text-align: center;
   border-radius: 0;
   top: 0;
   left: 0;
}
ul.vibration_list2 li dd {
   position: relative;
   float: left;
   width: 320px;
   vertical-align: top;
}

ul.vibration_list2 li dd h5.pro_tit {
   font-family: 'Montserrat', sans-serif;
   font-size: 20px;
   font-weight: 600;
   line-height: 24px;
   color: #222;
   letter-spacing: -0.5px;
   padding: 5px 0 0 0;
}
ul.vibration_list2 li dd p.pro_tit_txt {
   font-family: 'Montserrat', sans-serif;
   font-size: 13px;
   font-weight: 500;
   line-height: 16px;
   color: #999;
}
ul.vibration_list2 li dd p.pro_con_txt {
   font-size: 15px;
   font-weight: 400;
   line-height: 20px;
   color: #666;
   padding: 5px 0 0 0;
   letter-spacing: -0.5px;
}

ul.vibration_list2 li dd p.more {
   width: 90px;
   height: 25px;
   font-size: 12px;
   font-weight: 500;
   line-height: 23px;
   color: #fff;
   background: #666;
   text-align: center;
   letter-spacing: -0.5px;
   margin: 10px 0 0 0;
   border-radius: 25px;
}
ul.vibration_list2 li a:hover dl dd p.more {
   background: #444;
}

ul.download_link {
   width: 100%;
}
ul.download_link li {
   position: relative;
   font-size: 15px;
   color: #888;
   letter-spacing: -0.5px;
   line-height: 24px;
   font-weight: 400;
   padding: 0 0 5px 35px;
   background: url('/resources/img/sub/download_bg.gif') 0 3px no-repeat;
   box-sizing: border-box;
}
ul.download_link li:last-child {
   padding: 0 0 0 35px;
}
ul.download_link li a:hover {
   color: #000;
}

ul.dot_list01 {
   width: 100%;
}
ul.dot_list01 li {
   position: relative;
   font-size: 18px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 24px;
   font-weight: 400;
   padding: 0 0 15px 18px;
   box-sizing: border-box;
}
ul.dot_list01 li:before {
   position: absolute;
   content: '';
   width: 6px;
   height: 6px;
   background: #000;
   top: 8px;
   left: 2px;
}

ul.dot_list01 li.normal {
   position: relative;
   font-size: 18px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 24px;
   font-weight: 600;
   padding: 0 0 15px 0;
   box-sizing: border-box;
}
ul.dot_list01 li.normal:before {
   position: absolute;
   content: '';
   width: 0px;
   height: 0px;
   background: #000;
   top: 8px;
   left: 2px;
}

ul.dot_list01_half {
   width: 100%;
}
ul.dot_list01_half li {
   position: relative;
   float: left;
   width: 45%;
   font-size: 18px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 24px;
   font-weight: 400;
   padding: 0 0 15px 18px;
   box-sizing: border-box;
}
ul.dot_list01_half li:before {
   position: absolute;
   content: '';
   width: 6px;
   height: 6px;
   background: #000;
   top: 8px;
   left: 2px;
}
ul.dot_list01_half li span.bold {
   font-size: 18px;
   color: #222;
   letter-spacing: -0.5px;
   line-height: 24px;
   font-weight: 500;
}

ul.dot_list02 {
   width: 100%;
   background: url('/resources/img/vibration/result_line_bg.gif') repeat-y 4px 0;
   padding: 10px 0;
}
ul.dot_list02 li {
   position: relative;
   font-size: 18px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 24px;
   font-weight: 400;
   padding: 0 0 15px 18px;
   box-sizing: border-box;
}
ul.dot_list02 li:before {
   position: absolute;
   content: '';
   width: 9px;
   height: 9px;
   background: #015647;
   top: 7px;
   left: 0;
   border-radius: 10px;
}
ul.dot_list02 li:last-child {
   padding: 0 0 0 18px;
   box-sizing: border-box;
}

ul.tb_dot_list01 {
   width: 100%;
   padding: 0 15px;
}
ul.tb_dot_list01 li {
   position: relative;
   font-size: 14px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 24px;
   font-weight: 400;
   padding: 0 0 5px 18px;
   box-sizing: border-box;
   text-align: left;
}
ul.tb_dot_list01 li:before {
   position: absolute;
   content: '';
   width: 6px;
   height: 6px;
   background: #000;
   top: 8px;
   left: 2px;
}
ul.tb_dot_list01 > ul.tb_dot_list01 li {
   color: #7b7b7b;
}
ul.tb_dot_list01 > ul.tb_dot_list01 li:before {
   position: absolute;
   content: '';
   width: 6px;
   height: 6px;
   border-radius: 5px;
   background: #7b7b7b;
   top: 8px;
   left: 2px;
}

ul.right_img {
   position: absolute;
   width: 210px;
   top: 0;
   right: 0;
}
ul.right_img li {
   width: 210px;
   margin: 0 0 20px 0;
}

ul.img_list01 {
   width: 100%;
}
ul.img_list01 li {
   float: left;
   width: 205px;
   margin: 0 0 30px 20px;
}
ul.img_list01 li:nth-child(4n + 1) {
   margin: 0 0 30px 0;
}
ul.img_list01 li img {
   width: 203px;
   border: 1px solid #ccc;
}
ul.img_list01 li p.img_txt {
   font-size: 16px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 22px;
   font-weight: 400;
   text-align: center;
   padding-top: 10px;
}

ul.img_list02 {
   width: 100%;
   display: flex;
   justify-content: center;
}
ul.img_list02 li {
   float: left;
   width: 280px;
   margin: 0 0 30px 73px;
}
ul.img_list02 li:nth-child(4n + 1) {
   margin: 0 0 30px 0;
}
ul.img_list02 li img {
   width: 280px;
}
ul.img_list02 li p.img_txt {
   font-size: 20px;
   color: #fff;
   letter-spacing: -0.5px;
   line-height: 40px;
   font-weight: 400;
   text-align: center;
   background: #10786a;
   border-radius: 25px;
   padding: 5px;
   margin-top: 10px;
}

ul.auction_img {
   width: 100%;
}
ul.auction_img li {
   position: relative;
   padding: 40px 0 0 320px;
   height: 260px;
   box-sizing: border-box;
}
ul.auction_img li span img {
   position: absolute;
   width: 285px;
   height: 260px;
   top: 0;
   left: 0;
}
ul.auction_img li p.auction_tit {
   width: 240px;
   height: 30px;
   font-size: 18px;
   color: #fff;
   letter-spacing: -0.5px;
   line-height: 28px;
   font-weight: 500;
   background: #31766a;
   margin: 0 0 15px;
   text-align: center;
   border-radius: 15px;
}
ul.auction_img li p.auction_txt {
   font-size: 17px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 28px;
   font-weight: 400;
}

.mid_line {
   content: '';
   width: 900px;
   height: 1px;
   background: #c5c5c5;
   margin: 50px 0;
}
.mid_line_1180 {
   content: '';
   width: 1180px;
   height: 1px;
   background: #c5c5c5;
   margin: 50px 0;
}
.mid_line_1180_tit {
   content: '';
   width: 1180px;
   height: 1px;
   background: #c5c5c5;
   margin: 10px 0 50px;
}

p.con_txt_b {
   font-size: 18px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 28px;
   font-weight: 400;
}

p.con_txt_b2 {
   font-size: 18px;
   color: #444;
   letter-spacing: -0.5px;
   line-height: 28px;
   font-weight: 300;
   padding: 10px 0;
}
p.con_txt_b2 span.point_bold {
   font-size: 18px;
   color: #000;
   letter-spacing: -0.5px;
   line-height: 28px;
   font-weight: 600;
}

/* product info */
.pro_info {
   position: relative;
   overflow: hidden;
   width: 100%;
   padding-top: 30px;
}
.pro_info:after {
   content: '';
   display: block;
   clear: both;
}

.pro_photo {
   float: left;
   width: 450px;
   padding-right: 80px;
   overflow: hidden;
}
.pro_photo p {
   display: block;
   width: 440px;
   border: 5px solid #e7e7e7;
   text-align: center;
}
.pro_photo .pro_photo_s ul {
   position: relative;
   width: 100%;
   margin-top: 15px;
}
.pro_photo .pro_photo_s ul li {
   float: left;
   width: 128px;
   height: 88px;
   margin: 0 0 0 10px;
   overflow: hidden;
   border: 1px solid #c2c2c2;
}
.pro_photo .pro_photo_s ul li:nth-child(1) {
   margin: 0 0;
}

.pro_con {
   float: left;
   width: 650px;
   overflow: hidden;
}
.pro_con p.pro_num {
   font-family: 'Montserrat', sans-serif;
   width: 120px;
   height: 30px;
   text-align: center;
   font-size: 16px;
   color: #fff;
   font-weight: 600;
   letter-spacing: 0;
   line-height: 30px;
   border-radius: 5px;
   background: #015647;
   margin: 10px 0 0 0;
}
.pro_con p.pro_name {
   margin: 15px 0 10px;
   color: #333;
   font-size: 30px;
   font-weight: 600;
   line-height: 20px;
   letter-spacing: -1.5px;
   padding: 10px 0 0;
}
.pro_con p.pro_name_stxt {
   font-family: 'Montserrat', sans-serif;
   font-size: 16px;
   color: #777;
   font-weight: 400;
   letter-spacing: 0;
   padding-bottom: 20px;
}

.pro_con dl {
   width: 100%;
   padding: 15px 0;
}
.pro_con dl.line {
   width: 100%;
   padding: 15px 0;
   border-top: 1px solid #c2c2c2;
   border-bottom: 1px solid #c2c2c2;
}
.pro_con dl.pdnone {
   width: 100%;
   padding: 0 0;
   border-top: 1px solid #c2c2c2;
}
.pro_con dl.pdnone2 {
   width: 100%;
   padding: 0 0;
   border-top: 1px solid #c2c2c2;
   border-bottom: 1px solid #c2c2c2;
}
.pro_con dl dt {
   display: block;
   width: 160px;
   font-size: 14px;
   color: #666;
   letter-spacing: -0.5px;
   text-indent: 10px;
}
.pro_con dl dd {
   display: block;
   font-size: 14px;
   color: #666;
   letter-spacing: -0.5px;
}
.pro_con dl dd.pdf {
   font-size: 14px;
   line-height: 30px;
   letter-spacing: 0;
   background: url('/images/sub/pdf_icon.gif') no-repeat 18px 5px;
   padding-left: 47px;
}
.pro_con dl dd.pdf a {
   font-size: 14px;
   color: #333;
   line-height: 30px;
}
.pro_con dl dd.pdf a:hover {
   color: #e32020;
   line-height: 30px;
}
.pro_con dl dd.con {
   display: block;
   font-size: 14px;
   color: #333;
   letter-spacing: -0.5px;
   padding: 25px 20px;
}
.pro_con dl dd.conbg {
   display: block;
   font-size: 18px;
   color: #333;
   letter-spacing: -0.5px;
   padding: 25px 20px;
   background-color: #f3f3f3;
   line-height: 28px;
}
.pro_con dl dd.conbg2 {
   display: block;
   font-size: 14px;
   color: #333;
   letter-spacing: -0.5px;
   padding: 25px 20px;
   background-color: #fff;
}

/*** 회사소개 ***/

/* 인사말 */
.greeting_con {
   position: relative;
   width: 100%;
   background: url('/resources/img/sub/greeting_bg.jpg') no-repeat top center;
   margin: 50px 0 0;
}
.greeting_con_in {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   padding: 60px 0 100px 520px;
   box-sizing: border-box;
}
p.tit_b {
   font-size: 32px;
   letter-spacing: -2px;
   line-height: 45px;
   font-weight: 600;
   color: #222;
   margin: 0 0 40px;
}
p.con_txt {
   font-size: 16px;
   letter-spacing: -0.5px;
   line-height: 28px;
   color: #777;
}
p.mem_txt {
   font-size: 17px;
   font-weight: 600;
   letter-spacing: -0.5px;
   line-height: 28px;
   color: #555;
   margin: 30px 15px 0 0;
   text-align: right;
}

/* 연혁 */
.history_con {
   position: relative;
   overflow: hidden;
   width: 1180px;
   margin: 30px auto 0;
}
.history_con h4.history_tit {
   font-size: 58px;
   color: #f2f2f2;
   font-weight: 800;
   text-align: center;
   line-height: 100%;
   font-family: 's-core_dream', sans-serif;
}
.history_con h4.history_tit:after {
   display: block;
   content: '';
   overflow: hidden;
   margin-top: -9px;
   border-bottom: 1px solid #ddd;
}
.history_con .history_in {
   padding-top: 90px;
   background: url('/resources/img/sub/history_line.gif') center repeat-y, url('/resources/img/sub/history_bg.gif') top 40px left 10px no-repeat;
}
.history_con .history_in:after {
   display: block;
   margin: 0 auto;
   content: '';
   overflow: hidden;
   left: 0;
   top: 12px;
   width: 7px;
   height: 7px;
   background: #949494;
   border-radius: 7px;
}
.history_con .history_in dl {
   position: relative;
   padding: 0 0 90px 705px;
}
.history_con .history_in dl:before {
   position: absolute;
   display: block;
   content: '';
   overflow: hidden;
   left: 50%;
   margin-left: -4.5px;
   top: 8px;
   width: 9px;
   height: 9px;
   background: #015647;
   border-radius: 9px;
   z-index: 9;
}
.history_con .history_in dl:nth-child(2n) {
   padding: 0 705px 90px 0;
   text-align: right;
}
.history_con .history_in dt {
   font-size: 25px;
   color: #015647;
   font-weight: 800;
   line-height: 100%;
   font-family: 's-core_dream', sans-serif;
   padding-bottom: 20px;
}
.history_con .history_in dt:before {
   position: absolute;
   display: block;
   content: '';
   overflow: hidden;
   left: 50%;
   margin-left: 5px;
   top: 12px;
   width: 45px;
   height: 1px;
   background: #ddd;
}
.history_con .history_in dl:nth-child(2n) dt:before {
   left: 50%;
   margin-left: -49px;
   top: 12px;
}
.history_con .history_in dd.txt {
   position: relative;
   padding: 0 0 8px 30px;
   letter-spacing: -0.4pt;
}
.history_con .history_in dd.txt2 {
   position: relative;
   padding: 0 0 8px 0;
   letter-spacing: -0.4pt;
}
.history_con .history_in dl:nth-child(2n) dd.txt {
   padding: 0 30px 8px 0;
}
.history_con .history_in dl:nth-child(2n) dd.txt2 {
   padding: 0 0 8px 0;
}
.history_con .history_in dd.txt span {
   position: absolute;
   left: 0;
   font-weight: bold;
   color: #222;
}
.history_con .history_in dl:nth-child(2n) span {
   position: absolute;
   right: 0;
   font-weight: bold;
   color: #222;
}
.history_con .history_in dd.img {
   position: absolute;
   left: 200px;
   top: -20px;
}
.history_con .history_in dl:nth-child(2n) dd.img {
   left: auto;
   right: 200px;
   top: -20px;
}

/* 구성원 */
.mem_area {
   position: relative;
   width: 100%;
   overflow: hidden;
}
.mem_list {
   width: 100%;
   border-top: 1px solid #dbdfe2;
}
.mem_list > li {
   position: relative;
   padding: 30px 30px;
   border-bottom: 1px solid #dbdfe2;
   box-sizing: border-box;
}
.mem_list > li::after {
   content: '';
   display: block;
   clear: both;
}
.mem_list > li {
   position: relative;
}
.mem_list > li.bg_gray {
   background: #fafafa;
}
.mem_list .mem_img {
   float: left;
   width: 120px;
   height: 150px;
}
.mem_list .mem_img img {
   width: 118px;
   height: 148px;
   border: 1px solid #ddd;
}
.mem_list .mem_img2 {
   float: left;
   width: 120px;
   height: 150px;
}
.mem_list .mem_img2 img {
   width: 118px;
   height: 148px;
   border: 1px solid #ddd;
}
.mem_list .mem_con {
   position: relative;
   overflow: hidden;
   padding-left: 50px;
}
.mem_list .mem_con p.mem_name {
   font-size: 25px;
   letter-spacing: -0.5px;
   font-weight: 600;
   color: #222;
   margin: 10px 0 10px;
}
.mem_list .mem_con p.mem_tit {
   font-size: 22px;
   letter-spacing: -0.5px;
   font-weight: 600;
   color: #222;
   margin-bottom: 10px;
}
.mem_list .mem_con p.mem_txt {
   font-size: 16px;
   letter-spacing: -0.5px;
   font-weight: 400;
   color: #777;
   margin-bottom: 10px;
}
.mem_list .mem_con button {
   position: absolute;
   top: 60px;
   right: 0px;
   border: 1px solid #ccc;
   background: #eee;
   color: #333;
   font-weight: 500;
   font-size: 15px;
   letter-spacing: -0.5px;
   line-height: 20px;
   padding: 7px 20px;
   border-radius: 4px;
   cursor: pointer;
}
.mem_list .mem_con button span {
   font-weight: 600;
   font-size: 18px;
   letter-spacing: -0.5px;
   margin-left: 30px;
}
.mem_list .mem_con button:hover {
   background: #333;
   color: #fff;
   border: 1px solid #333;
}
.mem_list .mem_con > ul {
   padding-top: 10px;
}
.mem_list .mem_con li {
   position: relative;
   font-size: 16px;
   padding-left: 180px;
   line-height: 24px;
   margin-bottom: 7px;
   letter-spacing: -0.5px;
}
.mem_list .mem_con li:last-child {
   margin-bottom: 0;
}
.mem_list .mem_con li span {
   position: absolute;
   top: 0;
   left: 0;
   width: 120px;
   font-size: 16px;
   letter-spacing: -0.5px;
   font-weight: 400;
   color: #fff;
   line-height: 24px;
   text-align: left;
   background: #237667;
   border-radius: 5px;
   padding: 0 15px;
}
.mem_list .mem_con .icon {
   position: absolute;
   top: 50%;
   right: 20px;
   margin-top: -35px;
}
.mem_list .mem_con .icon .btns {
   display: inline-block;
   position: relative;
   width: 70px;
   height: 70px;
   margin-left: 10px;
   border-radius: 50%;
   text-indent: -10000px;
}
.mem_list .mem_con .icon .home01 {
   background: #2b94d1;
}
.mem_list .mem_con .icon .home01::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 70px;
   height: 70px;
   background: url('/resources/img/sub/pro_icon01.png');
}
.mem_list .mem_con .icon .youtube {
   background: #e94027;
}
.mem_list .mem_con .icon .youtube::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 70px;
   height: 70px;
   background: url('/resources/img/sub/pro_icon02.png');
}
.mem_list .mem_con .icon .home02 {
   background: #60ad42;
}
.mem_list .mem_con .icon .home02::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 70px;
   height: 70px;
   background: url('/resources/img/sub/pro_icon03.png');
}

/* 인증현황 */
.award_img {
   overflow: hidden;
   width: 1180px;
}

.award_img > ul.col2 {
   width: 900px;
   margin: 0 auto;
}
.award_img > ul.col2:after {
   content: '';
   display: block;
   clear: both;
}
.award_img > ul.col2 > li {
   float: left;
   width: 370px;
   height: auto;
   padding: 0 0 10px 60px;
}
.award_img > ul.col2 > li:nth-child(2n + 1) {
   float: left;
   width: 420px;
   height: auto;
   padding: 0 0 10px 0;
}

.award_img > ul.col2 > li p.photo {
   width: 400px;
   padding: 9px;
   border: 1px solid #d8d8d8;
   display: block;
}
.award_img > ul.col2 > li p.photo a {
   width: 418px;
   padding: 0 0;
   border: 1px solid #d8d8d8;
   display: block;
}
.award_img > ul.col2 > li p.photo a:hover {
   width: 418px;
   padding: 0 0;
   border: 1px solid #000;
   display: block;
}
.award_img > ul.col2 > li p.photo2 {
   width: 400px;
   padding: 9px;
   border: 1px solid #d8d8d8;
   display: block;
}
.award_img > ul.col2 > li p.name {
   width: 408px;
   padding: 20px 0 10px 10px;
   color: #333;
   font-size: 15px;
   line-height: 20px;
   letter-spacing: -0.5px;
   text-align: left;
}
.award_img > ul.col2 > li p.name span {
   font-size: 15px;
   color: #999;
   font-weight: 400;
   letter-spacing: 0;
   padding-left: 10px;
}
.award_img > ul.col2 > li p.name2 {
   width: 408px;
   padding: 20px 0 10px 10px;
   color: #333;
   font-size: 15px;
   line-height: 20px;
   letter-spacing: -0.5px;
   text-align: center;
}
.award_img > ul.col2 > li p.feature {
   width: 408px;
   color: #666;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.5px;
   text-align: left;
   padding: 0 0 0 20px;
   background: url('/html/images/main/icon_notice.gif') no-repeat 11px 8px;
}

.award_img > ul.col3 {
   width: 1170px;
   margin: 0 auto;
}
.award_img > ul.col3:after {
   content: '';
   display: block;
   clear: both;
}
.award_img > ul.col3 > li {
   float: left;
   width: 360px;
   padding: 0 0 20px 45px;
}
.award_img > ul.col3 > li:nth-child(3n + 1) {
   float: left;
   width: 360px;
   padding: 0 0 20px 0;
}

.award_img > ul.col3 > li p.photo {
   width: 358px;
   padding: 0;
   margin: 5px 0 0;
   display: block;
   text-align: center;
}
.award_img > ul.col3 > li p.photo a {
   width: 358px;
   padding: 0;
   border: 1px solid #d8d8d8;
   display: block;
}
.award_img > ul.col3 > li p.photo a:hover {
   width: 358px;
   padding: 0;
   border: 1px solid #666;
   display: block;
}
.award_img > ul.col3 > li p.name {
   width: 358px;
   padding: 10px 0;
   color: #333;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: -0.5px;
   text-align: center;
}
.award_img > ul.col3 > li p.name span {
   font-size: 14px;
   color: #999;
   font-weight: 400;
   letter-spacing: 0;
}

.award_img > ul.col4 {
   width: 1180px;
   margin: 0 auto;
}
.award_img > ul.col4:after {
   content: '';
   display: block;
   clear: both;
}
.award_img > ul.col4 > li {
   float: left;
   width: 250px;
   padding: 0 0 30px 60px;
}
.award_img > ul.col4 > li:nth-child(4n + 1) {
   float: left;
   width: 250px;
   padding: 0 0 30px 0;
}

.award_img > ul.col4 > li p.photo {
   width: 248px;
   padding: 0;
   margin: 5px 0 0;
   display: block;
   text-align: center;
}
.award_img > ul.col4 > li p.photo a {
   width: 248px;
   padding: 0;
   border: 1px solid #d8d8d8;
   display: block;
}
.award_img > ul.col4 > li p.photo a:hover {
   width: 248px;
   padding: 0;
   border: 1px solid #666;
   display: block;
}
.award_img > ul.col4 > li p.name {
   width: 248px;
   height: 70px;
   padding: 15px 0 0;
   color: #333537;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: -0.5px;
   text-align: center;
}
.award_img > ul.col4 > li p.name span {
   font-size: 14px;
   color: #999;
   font-weight: 400;
   letter-spacing: 0;
}

/* 찾아오시는 길 */
.location_con {
   position: relative;
}
.location_con.print {
   padding: 20px;
}
.location_con .loca_info {
   position: relative;
   margin: 0 0 40px 0;
   border-top: 1px solid #ddd;
   padding-top: 40px;
}
.location_con .loca_info.two {
   border-top: 0;
}
.location_con .loca_info dt {
   color: #222;
   letter-spacing: -0.5pt;
   font-weight: bold;
   font-size: 20px;
   padding-bottom: 10px;
}
.location_con .loca_info dd p {
   display: inline-block;
   margin-right: 80px;
}
.location_con .loca_info dd p span.tit {
   display: inline-block;
   color: #222;
   letter-spacing: -0.5pt;
   padding: 0 12px 0 40px;
   line-height: 40px;
}
.location_con .loca_info dd p span.add {
   background: url('/company/img/loca_icon_add.gif') 0 no-repeat;
}
.location_con .loca_info dd p span.tel {
   background: url('/company/img/loca_icon_tel.gif') 0 no-repeat;
}
.location_con .loca_info dd p span.fax {
   background: url('/company/img/loca_icon_fax.gif') 0 no-repeat;
}
.location_con .loca_btn {
   position: absolute;
   right: 0;
   bottom: 0;
}
.location_con .loca_btn a {
   position: relative;
   display: inline-block;
   overflow: hidden;
   border: 1px solid #0054a6;
   width: 170px;
   padding: 0 0 0 30px;
   text-align: center;
   box-sizing: border-box;
   margin-left: 2px;
   transition: all 0.3s;
}
.location_con .loca_btn a span {
   position: relative;
   display: inline-block;
   line-height: 60px;
   z-index: 1;
}
.location_con .loca_btn a.detailBtn {
   background: #0054a6 url('/company/img/btn_detail.png') 28px no-repeat;
   color: #fff;
}
.location_con .loca_btn a.detailBtn:hover {
   color: #0054a6;
}
.location_con .loca_btn a.detailBtn:after {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   content: '';
   overflow: hidden;
   width: 0;
   height: 60px;
   background: #fff url('/company/img/btn_detail_up.png') 28px no-repeat;
   transition: all 0.3s;
}
.location_con .loca_btn a.detailBtn:hover:after {
   width: 100%;
}
.location_con .loca_btn a.printBtn {
   background: url('/company/img/btn_print.png') 28px no-repeat;
   color: #0054a6;
}
.location_con .loca_btn a.printBtn:hover {
   color: #fff;
}
.location_con .loca_btn a.printBtn:after {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   content: '';
   overflow: hidden;
   width: 0;
   height: 60px;
   background: #0054a6 url('/company/img/btn_print_up.png') 28px no-repeat;
   transition: all 0.3s;
}
.location_con .loca_btn a.printBtn:hover:after {
   width: 100%;
}

.location_con .way_con {
   position: relative;
   overflow: hidden;
   background: #f9f9f9;
   border: 1px solid #ddd;
   margin-top: 30px;
}
.location_con .way_con dl {
   float: left;
   padding: 50px 50px 50px 150px;
   width: 50%;
   box-sizing: border-box;
}
.location_con .way_con dl.car {
   background: url('/company/img/car_icon.gif') 42px no-repeat;
}
.location_con .way_con dl.subway {
   background: #fff url('/company/img/subway_icon.gif') 42px no-repeat;
   border-left: 1px solid #ddd;
}
.location_con .way_con dt {
   color: #222;
   font-size: 20px;
   font-weight: 300;
   letter-spacing: -0.5pt;
   padding-bottom: 8px;
}
.location_con .way_con dd {
   letter-spacing: -0.4pt;
   line-height: 28px;
}
.location_con .way_con dd span {
   display: inline-block;
   width: 50px;
   line-height: 25px;
   border-radius: 5px;
   text-align: center;
   font-size: 13px;
   color: #fff;
   margin-right: 3px;
}
.location_con .way_con dd span.three {
   background: #ff6600;
}
.location_con .way_con dd span.bun {
   background: #fec400;
}

.location_con .loca_bio {
   position: relative;
   overflow: hidden;
}
.location_con .loca_bio dt {
   border: 1px solid #ddd;
   border-top: 0;
   padding: 30px 40px;
}
.location_con .loca_bio dt p {
   display: inline-block;
   width: 32%;
}
.location_con .loca_bio dt p span.tit {
   display: inline-block;
   color: #222;
   letter-spacing: -0.5pt;
   padding: 0 18px 0 0;
}

/***  ***/
/* 무료견적 */
.tbl_consulting {
   width: 100%;
   border-top: 1px solid #000;
}
.tbl_consulting tr th {
   padding: 12px 5px 12px 20px;
   border-bottom: 1px solid #c1c1c1;
   border-right: 1px solid #c1c1c1;
   vertical-align: middle;
   color: #333;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: -0.5px;
   text-align: left;
   background: #f8f8f8;
   box-sizing: border-box;
}
.tbl_consulting tr th span.star {
   color: #ee4300;
   font-size: 18px;
   font-weight: 500;
   letter-spacing: -0.5px;
   font-weight: 600;
   margin-left: 5px;
}
.tbl_consulting tr td {
   padding: 12px 5px 12px 20px;
   border-bottom: 1px solid #c1c1c1;
   vertical-align: middle;
   line-height: 30px;
   font-size: 16px;
   letter-spacing: -0.5px;
   box-sizing: border-box;
}
.tbl_consulting tr td.agree {
   padding: 0 0 15px 0;
   border-bottom: 1px solid #c1c1c1;
   vertical-align: middle;
   line-height: 30px;
   font-size: 16px;
   letter-spacing: -0.5px;
   box-sizing: border-box;
}

select {
   font-size: 15px;
   color: #666;
   border: 1px solid #d4d4d4;
   background-color: #fff;
   padding: 0 10px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   height: 40px;
}
.input_consulting {
   font-size: 15px;
   color: #666;
   border: 1px solid #d4d4d4;
   background-color: #fff;
   padding: 0 10px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   height: 35px;
   width: 98%;
   box-sizing: border-box;
}
.select_consulting {
   font-size: 15px;
   color: #666;
   border: 1px solid #d4d4d4;
   background-color: #fff;
   padding: 0 0 0 10px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   height: 35px;
}
.textarea {
   font-size: 14px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   color: #666;
   border: 1px solid #d4d4d4;
   background-color: #fff;
   padding: 10px;
   box-sizing: border-box;
   width: 98%;
   box-sizing: border-box;
}
.blind {
   font-size: 0;
   line-height: 0;
   width: 0px;
   height: 0px;
}
.button {
   cursor: pointer;
   height: 18px;
   font-size: 13px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   background-color: #737373;
   border-bottom: #737373 2px solid;
   border-left: #737373 2px solid;
   border-right: #737373 2px solid;
   border-top: #737373 2px solid;
   color: #ffffff;
}

input,
select,
textarea {
   transition: border 0.3s ease-out;
}
input:focus,
select:focus,
textarea:focus {
   border-color: #222;
   transition: border 0.3s ease-out;
}

input[type='radio'] {
   width: 16px;
   height: 16px;
   vertical-align: middle;
   margin: 0 3px 0 0;
}
input[type='radio'] + label {
   display: inline-block;
   width: calc(20% - 25px);
   padding: 0 0;
   letter-spacing: -1px;
   font-size: 15px;
}

input[type='checkbox'] {
   width: 16px;
   height: 16px;
   vertical-align: middle;
   margin: 0 5px 2px 0;
}
input[type='checkbox'] + label {
   display: inline-block;
   margin-right: 60px;
   padding: 6px 0;
}

input[name='vcode'] {
   width: 150px;
}
input[name='vcode'] + .sub_txt {
   display: inline-block;
   margin-left: 15px;
   vertical-align: middle;
   font-size: 14px;
   color: #888;
}

.textarea1 {
   margin: auto;
   height: 200px;
   border-top: 1px #ccc solid;
   border-bottom: 1px #ccc solid;
   border-left: 1px #ccc solid;
   overflow-x: hidden;
   overflow-y: scroll;
   padding: 0px;
}
.scroll {
   scrollbar-face-color: #fff;
   scrollbar-highlight-color: #fff;
   scrollbar-3dlight-color: #cbcbcb;
   scrollbar-shadow-color: #cbcbcb;
   scrollbar-darkshadow-color: #fff;
   scrollbar-track-color: #ddd;
   scrollbar-arrow-color: #cbcbcb;
   background-color: #fff;
}

/* 사업성검토 */
p.plan_tit {
   font-family: 's-core_dream', sans-serif;
   font-size: 30px;
   letter-spacing: -1px;
   line-height: 40px;
   font-weight: 400;
   color: #006faf;
   text-align: center;
}
p.plan_tit span {
   font-family: 'Montserrat', sans-serif;
   font-size: 40px;
   letter-spacing: -1px;
   line-height: 50px;
   font-weight: 600;
   color: #004081;
}

/*** 연구소 ***/
.lab_top {
   position: relative;
   width: 100%;
   background: url('/resources/img/sub/lab_top.jpg') no-repeat top center;
   padding-top: 200px;
}
.lab_top_logo {
   position: absolute;
   width: 600px;
   left: 50%;
   margin-left: -300px;
   font-family: 'Montserrat', sans-serif;
   font-size: 40px;
   color: #fff;
   text-align: center;
   top: 70px;
   letter-spacing: 5px;
   font-weight: 400;
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.lab_top_logo span {
   font-family: 'Montserrat', sans-serif;
   font-size: 40px;
   color: #fff;
   letter-spacing: 5px;
   font-weight: 600;
}

/*** 건설 ***/
.construction_list_con {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   clear: both;
}
.construction_list_con .list_area {
   position: relative;
   width: 100%;
}
.construction_list_con .list_area li {
   position: relative;
   float: left;
   width: 370px;
   margin: 0 0 60px 35px;
}
.construction_list_con .list_area li:nth-child(3n + 1) {
   margin: 0 0 60px 0;
}
.construction_list_con .list_area li a {
   position: relative;
   display: block;
   transition: all 0.5s;
}
.construction_list_con .list_area li a:hover {
   transition: all 0.5s;
}

.construction_list_con .list_area li dt {
   display: block;
   font-size: 16px;
   line-height: 22px;
   font-weight: 500;
   color: #555;
   letter-spacing: -0.5px;
   border-bottom: 1px solid #ccc;
   padding: 15px 5px;
   box-sizing: border-box;
}
.construction_list_con .list_area li dt span.category {
   font-size: 16px;
   line-height: 22px;
   font-weight: 600;
   color: #000;
   letter-spacing: -0.5px;
}
.construction_list_con .list_area li dt.img_box {
   position: relative;
   display: block;
   border-bottom: 0px solid #ccc;
   padding: 0 0;
   height: 250px;
   overflow: hidden;
}
.construction_list_con .list_area li dt.img_box .img_tit1 {
   position: absolute;
   width: 70px;
   height: 30px;
   background: #4b255f;
   color: #fff;
   font-size: 13px;
   text-align: center;
   line-height: 30px;
   letter-spacing: -0.5px;
   top: 0;
   left: 0;
   z-index: 10;
}
.construction_list_con .list_area li dt.img_box .img_tit2 {
   position: absolute;
   width: 70px;
   height: 30px;
   background: #255f3f;
   color: #fff;
   font-size: 13px;
   text-align: center;
   line-height: 30px;
   letter-spacing: -0.5px;
   top: 0;
   left: 0;
   z-index: 10;
}
.construction_list_con .list_area li dt.img_box .award1 {
   position: absolute;
   width: 150px;
   height: 80px;
   background: url('/resources/img/sub/badge_1.png') center center no-repeat;
   background-size: 150px;
   top: 0;
   right: 0;
   z-index: 10;
}
.construction_list_con .list_area li dt.img_box .award2 {
   position: absolute;
   width: 75px;
   height: 80px;
   background: url('/resources/img/sub/badge_2.png') center center no-repeat;
   background-size: 70px;
   top: 0;
   right: 0;
   z-index: 10;
}
.construction_list_con .list_area li dt.img_box img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.construction_list_con .list_area li a:hover dt.img_box img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.construction_list_con .list_area li dd {
   display: block;
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   color: #7e7e7e;
   letter-spacing: -0.5px;
   padding: 15px 5px 10px;
   box-sizing: border-box;
}
.construction_list_con .list_area li dd span {
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
   color: #1c8e7d;
   letter-spacing: -0.5px;
   padding: 15px 5px 10px 0;
   box-sizing: border-box;
}

.construction_list_con .list_area li dt.badge {
   border-bottom: 0;
   padding: 0;
}
.construction_list_con .list_area li dt.badge .award1 {
   position: absolute;
   width: 150px;
   height: 80px;
   background: url('/resources/img/sub/badge_1.png') center center no-repeat;
   background-size: 150px;
   top: -40px;
   right: 0;
   z-index: 10;
}
.construction_list_con .list_area li dt.badge .award2 {
   position: absolute;
   width: 75px;
   height: 80px;
   background: url('/resources/img/sub/badge_2.png') center center no-repeat;
   background-size: 70px;
   top: -40px;
   right: 0;
   z-index: 10;
}

h3.sub_title {
   font-size: 30px;
   font-weight: 700;
   letter-spacing: -1.5px;
   color: #255f3f;
   width: 1180px;
   padding: 30px 0;
   margin: 0 auto;
}
h3.sub_title:before {
   position: relative;
   display: block;
   content: '';
   overflow: hidden;
   height: 5px;
   width: 55px;
   background: #255f3f;
   margin: 0 5px;
}

.construction_list_con.flex {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   clear: both;
   display: flex;
   justify-content: space-around;
}
.construction_list_con.flex .list_area {
   position: relative;
   width: auto;
}
.construction_list_con.flex .list_area li {
   position: relative;
   float: left;
   width: 370px;
   margin: 0 0 60px 35px;
}
.construction_list_con.flex .list_area.vertical li {
   position: relative;
   float: left;
   width: 300px;
   margin: 0 0 60px 35px;
}
.construction_list_con.flex .list_area li:nth-child(3n + 1) {
   margin: 0 0 60px 0;
}
.construction_list_con.flex .list_area li a {
   position: relative;
   display: block;
   transition: all 0.5s;
}
.construction_list_con.flex .list_area li a:hover {
   transition: all 0.5s;
}

.construction_list_con.flex .list_area li dt {
   display: block;
   font-size: 16px;
   line-height: 22px;
   font-weight: 500;
   color: #555;
   letter-spacing: -0.5px;
   border-bottom: 0;
   padding: 15px 5px;
   box-sizing: border-box;
   text-align: center;
}
.construction_list_con.flex .list_area li dt span {
   display: inline-block;
   width: 150px;
   background: #015647;
   color: #fff;
   border-radius: 25px;
   padding: 5px;
}
.construction_list_con.flex .list_area li dt.img_box {
   position: relative;
   display: block;
   border: 1px solid #ccc;
   padding: 0 0;
   height: 250px;
   overflow: hidden;
}
.construction_list_con.flex .list_area li dt.img_box img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.construction_list_con.flex .list_area.vertical li dt.img_box {
   position: relative;
   display: block;
   border: 1px solid #ccc;
   padding: 0 0;
   height: 400px;
   overflow: hidden;
}
.construction_list_con.flex .list_area.vertical li dt.img_box img {
   display: block;
   width: auto;
   height: 100%;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.construction_list_con.flex .list_area li a:hover dt.img_box img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.construction_list_con.flex .list_area li dd {
   display: flex;
   justify-content: center;
   align-items: baseline;
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   color: #7e7e7e;
   letter-spacing: -0.5px;
   padding: 0px 5px 10px;
   box-sizing: border-box;
}
.construction_list_con.flex .list_area li dd span {
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
   color: #1c8e7d;
   letter-spacing: -0.5px;
   padding: 0px 5px 10px 0;
   box-sizing: border-box;
}
.construction_list_con.flex .list_area li dd span + span {
   margin-left: 10px;
}

/*** 고객센터 ***/
/* 인증서 */
.cer_con {
   position: relative;
   width: 100%;
   background: url('/resources/img/sub/cer_bg.gif') no-repeat top center;
}
.cer_con_in {
   position: relative;
   width: 1180px;
   margin: 0 auto;
}
.cer_con_in p.cer_tit_b {
   font-family: 's-core_dream', sans-serif;
   font-size: 32px;
   letter-spacing: -2px;
   line-height: 40px;
   font-weight: 600;
   color: #222;
   margin: 0 0 10px 0;
   padding-top: 60px;
   text-align: center;
}
.cer_con_in p.cer_tit_b span {
   letter-spacing: -2px;
   line-height: 40px;
   font-weight: 700;
   color: #0068b7;
}
.cer_con_in p.cer_tit_m {
   font-size: 22px;
   letter-spacing: -0.8px;
   line-height: 28px;
   font-weight: 400;
   color: #555;
   margin: 0 0 50px 0;
   text-align: center;
}
.cer_con_in p.cer_tit_m span {
   letter-spacing: -0.8px;
   font-weight: 600;
   color: #e60012;
}

/* 인증서 롤링 */
.pro_gallery {
   width: 100%;
   position: relative;
   min-width: 1168px;
   padding: 0 0 0;
}

.pro_gallery .gallery_con_in {
   position: relative;
   width: 1168px;
   margin: 0 auto;
   box-sizing: border-box;
   padding: 0px 0 0 0;
   box-sizing: border-box;
}
.gallery {
   width: 100%;
   height: 480px;
   margin: 0 0;
}
.gallery h2 p {
   position: absolute;
   right: 10px;
   top: -10px;
}
.gallery h2 p span {
   cursor: pointer;
}
.gallery .als-viewport {
   position: relative;
   overflow: hidden;
   margin: 29px auto 0;
   min-width: 1168px !important;
   box-sizing: border-box;
}
.gallery .als-wrapper li {
   position: relative;
   display: block;
   float: left;
   margin: 0 10px;
   width: 270px;
   height: 480px;
   overflow: hidden;
}

.gallery li dl {
   overflow: hidden;
}
.gallery li dt {
   display: block;
   width: 100%;
   overflow: hidden;
}
.gallery li dt .gallery_img {
   width: 270px;
   border: 1px solid #d4d4d4;
   box-sizing: border-box;
}
.gallery li dd h6 {
   font-size: 17px;
   letter-spacing: -0.5px;
   line-height: 20px;
   color: #565656;
   font-weight: 600;
   padding: 18px 0 5px;
}
.gallery li dd {
   font-size: 15px;
   letter-spacing: -0.5px;
   line-height: 15px;
   color: #666;
   text-align: center;
   margin-top: 15px;
   font-weight: 500;
}

.gallery_btn {
   position: absolute;
   left: 50%;
   margin-left: -640px;
   width: 1280px;
   top: 160px;
}
.gallery_btn span.als-prev {
   position: absolute;
   width: 50px;
   height: 51px;
   left: 0;
}
.gallery_btn span.als-next {
   position: absolute;
   width: 50px;
   height: 51px;
   right: 5px;
}

/* 인증서 롤링 */
.movie_con {
   position: relative;
   width: 1000px;
   height: 870px;
   margin: 0 auto;
   background: url('/resources/img/sub/monitor_bg.png') no-repeat 0 0;
   padding: 37px 40px 0 47px;
   box-sizing: border-box;
}

.search_con {
   position: relative;
   overflow: hidden;
}
.search_con h4.con_tit {
   float: left;
   width: 300px;
}
.search_con .search_in {
   float: left;
   width: 870px;
}

/* 이용약관, 개인정보취급방침 */
.policy_con {
   position: relative;
   overflow: hidden;
}
.cont_title {
   font-size: 24px;
   color: #333;
   padding-bottom: 18px;
   letter-spacing: -1.2pt;
   font-weight: 600;
}
p.cont_tit {
   display: block;
   font-size: 1.2em !important;
   padding-bottom: 10px;
   font-weight: 600;
   color: #333 !important;
}
.cont_txt {
   padding: 0px 0px 35px 0;
}
.cont_txt2 {
   padding-bottom: 35px;
}
.cont_box {
   border: 1px soild #a0a0a0;
   padding: 20px;
   background: #f4f4f4;
   margin: 7px 0px 10px 0px;
   display: block;
}

.privacy_list {
   width: 91%;
   overflow: hidden;
   clear: both;
   *zoom: 1;
   padding: 4% 4% 3% 4%;
   border: 1px dashed #ddd;
   margin-bottom: 30px;
}
.privacy_list li {
   width: 49%;
   float: left;
   padding-bottom: 1%;
}
.privacy_list li a {
   font-weight: bold;
}

/* 천명호추가(2016-07-20) */
.pay_add_tit {
   font-size: 11px;
   color: #555;
}
.pay_add_tit2 {
   font-size: 11px;
   color: #ee2d7a;
}

/*List - Search*/
.search_box {
   position: relative;
   width: 100%;
   padding: 12px 0;
   border: 1px solid #ccc;
   background: #fafafa;
   text-align: center;
   margin: 10px 0;
}
.serch_input {
   height: 25px;
   padding: 6px;
   background: #fff;
   border: 1px solid #ccc;
   font-size: 14px;
}
.serch_select {
   height: 33px;
   padding: 6px;
   background: #fff;
   border: 1px solid #ccc;
   font-size: 14px;
}
.year_select {
   height: 50px;
   width: 170px;
   padding: 6px;
   background: #fff;
   border: 1px solid #ccc;
   font-size: 16px;
   box-sizing: border-box;
}

#tbl_bbslist_srch .search_btn,
a.search_btn {
   display: inline-block;
   height: 33px;
   letter-spacing: -0.5px;
   padding: 0 20px;
   line-height: 33px;
   color: #fff;
   font-size: 13px;
   text-align: center;
   border: 1px solid #666;
   border-radius: 4px;
   vertical-align: middle;
   background: #666;
}
#tbl_bbslist_srch button.search_btn {
   height: 38px;
   line-height: 34px;
}
#tbl_bbslist_srch a.list_btn {
   display: inline-block;
   height: 33px;
   letter-spacing: -0.5px;
   padding: 0 20px;
   line-height: 31px;
   color: #666;
   font-size: 13px;
   text-align: center;
   border: 1px solid #e1e1e1;
   border-radius: 4px;
   vertical-align: middle;
   background: #f7f7f7;
}
#tbl_bbslist_srch a.list_btn:hover {
   color: #222;
}

.paging {
   width: 100%;
   text-align: center;
   margin: 20px auto;
}
.navi {
   margin: 20px 0;
   padding: 10px;
   text-align: center;
}
.navi .navi_page a {
   margin: 4px 2px;
   padding: 4px 10px;
   border: 1px solid #fff;
   font-size: 15px;
   border-radius: 4px;
   font-family: Montserrat;
   color: #666;
}
.navi .navi_on {
   margin: 4px 2px;
   padding: 4px 10px;
   color: #1f4b9f;
   border: 1px solid #fff;
   font-size: 15px;
   border-radius: 4px;
   font-family: Montserrat;
   font-weight: 700;
}

/***** 로그인 ****/
#login_box {
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   width: 100%;
   padding: 40px 0;
   border-top: 2px solid #333;
   border-bottom: 1px solid #c6c6c6;
   background: url('/html/images/sub/login_bg.png') no-repeat top right;
}
.login_box_in {
   margin: 0 auto;
   width: 410px;
}
.login_box_in h2 {
   color: #333;
   font-size: 22px;
   padding-bottom: 15px;
   letter-spacing: -0.5px;
   text-align: center;
}
.login_box_in h2 span {
   font-size: 13px;
   color: 666;
   font-weight: 500;
   margin-left: 15px;
}
.login_box_in dl {
   position: relative;
   width: 100%;
}
.login_box_in dt {
   width: 100%;
}
.login_box_in .btn_b {
   display: inline-block;
   width: 100%;
   height: 50px;
   line-height: 50px;
   cursor: pointer;
   font-size: 18px;
}
.login_box_in dd {
   width: 100%;
   margin-bottom: 11px;
}
.login_box_in dd .input_login {
   width: 100%;
   box-sizing: border-box;
}
.login_box_in .login_input input.btn_b {
   font-size: 16px;
}
.login_box_in .login_checkbox {
   padding-bottom: 20px;
   font-size: 14px;
}
.login_box_in .member_btn {
   margin-top: 15px;
}
.login_box_in .member_btn a:link,
.login_box_in .member_btn a:visited {
   display: inline-block;
   height: 44px;
   line-height: 44px;
   width: 100%;
   font-size: 14px;
}
.login_box_in .member_btn .btn_g:link,
.login_box_in .member_btn .btn_g:visited {
   width: 149px;
   letter-spacing: -0.5px;
   color: #fff !important;
}
.login_box_in .sns_login {
   text-align: right;
   color: #333;
   margin-bottom: 35px;
}
.login_box_in .sns_login img {
   margin-right: 3px;
   vertical-align: middle;
}
.login_box_in .sns_login img:last-child {
   margin-right: 0;
}
.login_box_in p.bold_txt {
   color: #222;
   font-weight: 500;
}

#login_box2 {
   position: relative;
   margin: 0 auto;
   width: 100%;
   padding: 30px 0;
   border-bottom: 1px solid #333;
   background: #f5f7fa;
}
.login_box2_in {
   margin: 0 auto;
   width: 410px;
   text-align: center;
   font-size: 15px;
   letter-spacing: -0.5px;
}
.login_box2_in .member_btn2 {
   margin-top: 0px;
}
.login_box2_in .member_btn2 a:link,
.login_box2_in .member_btn2 a:visited {
   display: inline-block;
   height: 44px;
   line-height: 44px;
   width: 100%;
   font-size: 15px;
}

#login_box .login_order {
   margin-top: 50px;
   padding-top: 40px;
   border-top: 1px dashed #ccc;
}
#login_box .login_order .btn_wb {
   display: block;
   width: 100%;
   height: 57px;
   line-height: 57px;
   font-size: 16px;
}
#login_box .login_order p {
   background: url('/admin/member/skin/memberBasic02/image/icon_info.gif') left 4px no-repeat;
   padding-left: 20px;
   color: #999;
   font-size: 12px;
   letter-spacing: -0.5pt;
   margin-top: 20px;
}
#login_box .login_orderlist {
   margin-top: 50px;
   padding-top: 40px;
   border-top: 1px dashed #ccc;
}

/* 버튼 스타일 */
.btn_w {
   display: inline-block;
   background: #fff;
   text-align: center;
   color: #666;
   letter-spacing: -0.5px;
   border: 1px solid #a3a3a3;
   font-size: 15px;
}
.btn_w:hover {
   background-color: #f9f9f9;
}
.btn_w span {
   color: #1c48ad;
   letter-spacing: -0.5px;
   font-weight: 500;
   font-size: 15px;
}
.btn_wb {
   display: inline-block;
   background: #fff;
   text-align: center;
   color: #333;
   letter-spacing: -0.5px;
   border: 1px solid #333;
}
.btn_wb:hover {
   background-color: #f9f9f9;
}
.btn_ag {
   display: inline-block;
   background: #fff;
   text-align: center;
   color: #333;
   letter-spacing: -0.5px;
   border: 1px solid #333;
}
.btn_ag:hover {
   background-color: #f9f9f9;
}
.btn_b {
   display: inline-block;
   background: #0397db;
   text-align: center;
   color: #fff;
   letter-spacing: -0.5px;
   border: none;
}
.btn_b:hover {
   background-color: #174394;
}
.btn_g {
   display: inline-block;
   background: #6b6b6b;
   text-align: center;
   color: #fff;
   letter-spacing: -0.5px;
   border: none;
}
.btn_g:hover {
   background-color: #555;
}
.btn_i {
   display: inline-block;
   background: #3e3d3c;
   text-align: center;
   color: #fff;
   letter-spacing: -0.5px;
   border: none;
}
.btn_i:hover {
   background-color: #000;
}
.btn_blue {
   display: inline-block;
   background: #34a2ef;
   text-align: center;
   color: #fff;
   letter-spacing: -0.5px;
   border: none;
}
.btn_blue:hover {
   background-color: #118cdf;
}
.btn_down {
   display: inline-block;
   background: #0c61e2;
   text-align: center;
   line-height: 50px;
   color: #fff;
   letter-spacing: -0.5px;
   border: none;
   padding: 0px 20px;
}
.btn_down:hover {
   background-color: #174394;
}
.btn_down2 {
   display: inline-block;
   background: #e46b0a;
   text-align: center;
   line-height: 50px;
   color: #fff;
   letter-spacing: -0.5px;
   border: none;
   padding: 0px 20px;
}
.btn_down2:hover {
   background-color: #db680b;
}

/* 인풋 */
input.input_login {
   border: 1px solid #ddd;
   color: #666;
   font-size: 15px;
   padding: 0 12px;
   height: 40px;
   line-height: 40px;
   vertical-align: middle;
}
input.input_idpw,
input.input_idpw_tel {
   border: 1px solid #ddd;
   color: #666;
   font-size: 15px;
   padding: 0 12px;
   height: 40px;
   line-height: 40px;
   vertical-align: middle;
}
input[type='checkbox'] {
   width: 20px;
   height: 20px;
   margin: 0;
   font-size: 13px;
   color: #666;
   vertical-align: middle;
}
input[type='radio'] {
   width: 16px;
   height: 16px;
   color: #666;
   font-size: 13px;
   vertical-align: middle;
}

input.input_num {
   width: 73px;
}
input.input_date {
   width: 68px;
}
input.input_id {
   width: 180px;
}
input.input_resno {
   width: 132px;
}
input.input_s {
   width: 125px;
}
input.input_m {
   width: 280px;
}
input.input_l {
   width: 500px;
}
input.input_file {
   border: 1px solid #d0d0d0;
   padding: 7px;
   width: 282px;
   background: none;
}

.btn_area_box {
   padding: 30px 0 30px;
   width: 1180px;
   margin: 0 auto;
}
.btn_area_box:after {
   content: '';
   display: block;
   clear: both;
}
.btn_area_box_left {
   float: left;
}
.btn_area_box_right {
   float: right;
}

.btn_area_box li {
   float: left;
   margin-left: 10px;
}
.btn_area_box li:first-child {
   margin-left: 0;
}
.btn_area_box li a {
   display: block;
   width: 150px;
   height: 38px;
   background: #fff;
   font-size: 15px;
   color: #666;
   text-align: center;
   line-height: 38px;
   letter-spacing: -0.5px;
   border: 1px solid #888;
}
.btn_area_box li a:hover {
   display: block;
   height: 38px;
   background: #fff;
   font-size: 15px;
   color: #000;
   text-align: center;
   line-height: 38px;
   border: 1px solid #222;
}

.btn_area_box li.ok a {
   display: block;
   width: 150px;
   height: 40px;
   background: #0e50b3;
   font-size: 15px;
   color: #fff;
   text-align: center;
   line-height: 40px;
   letter-spacing: -0.5px;
   border: none;
}
.btn_area_box li.ok a {
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.btn_area_box li.ok a:hover {
   display: block;
   height: 40px;
   background: #2173ef;
   font-size: 15px;
   color: #fff;
   text-align: center;
   line-height: 40px;
   border: none;
}

.btn_area_box li.ok_wide a {
   display: block;
   width: 300px;
   height: 40px;
   background: #0e50b3;
   font-size: 15px;
   color: #fff;
   text-align: center;
   line-height: 40px;
   letter-spacing: -0.5px;
   border: none;
}
.btn_area_box li.ok_wide a {
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.btn_area_box li.ok_wide a:hover {
   display: block;
   height: 40px;
   background: #2173ef;
   font-size: 15px;
   color: #fff;
   text-align: center;
   line-height: 40px;
   border: none;
}

.btn_area_box li.ok2 a {
   display: block;
   width: 150px;
   height: 40px;
   background: #555;
   font-size: 15px;
   color: #fff;
   text-align: center;
   line-height: 40px;
   letter-spacing: -0.5px;
   border: none;
}
.btn_area_box li.ok2 a {
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.btn_area_box li.ok2 a:hover {
   display: block;
   height: 40px;
   background: #222;
   font-size: 15px;
   color: #fff;
   text-align: center;
   line-height: 40px;
   border: none;
}

/***** 회원선택 *****/
#joinType {
}
.top_area {
   position: relative;
   padding: 30px 0 35px;
   font-size: 15px;
   color: #999;
   line-height: 24px;
   border-top: 1px solid #ccc;
   letter-spacing: -0.5px;
}
.top_area span.b_txt {
   font-size: 18px;
   color: #000;
   letter-spacing: -1px;
}
.sp_join {
   position: absolute;
   top: 30px;
   right: 0;
   width: 570px;
   height: 55px;
   background: url('/resources/img/sub/step_join.png') no-repeat;
}
.step2 {
   background-position-y: -55px;
}
.step3 {
   background-position-y: -110px;
}
.step4 {
   background-position-y: -165px;
}

.join_type {
   overflow: hidden;
   margin: 20px 0 0 -40px;
}
.join_type li {
   float: left;
   box-sizing: border-box;
   position: relative;
   width: 520px;
   height: 200px;
   margin-left: 40px;
   padding: 40px 40px;
   background-color: #fff;
   color: #333;
   font-size: 14px;
   border: 1px solid #ccc;
   border-radius: 10px;
   letter-spacing: -0.5px;
}
.join_type .normal {
   background: url('/html/images/sub/join_type01_bg_off.png') no-repeat right 30px top 40px;
}
.join_type .company {
   background: url('/html/images/sub/join_type02_bg_off.png') no-repeat right 20px top 35px;
}
.join_type li:before {
   content: '';
   display: block;
   width: 40px;
   border-top: 1px solid #ccc;
}
.join_type li p {
   margin: 10px 0 0;
   font-size: 23px;
   font-weight: bold;
   letter-spacing: -1px;
}
.join_type li p.btn {
   display: block;
   margin-top: 20px;
   width: 100px;
   padding: 5px 10px;
   font-size: 15px;
   color: #555;
   border: 1px solid #ccc;
   box-sizing: border-box;
   text-align: center;
   letter-spacing: -0.5px;
}

.join_type a:hover li {
   background-color: #2f6dc1;
   color: #333;
   font-size: 15px;
   color: #fff;
   border: 1px solid #2f6dc1;
   border-radius: 10px;
}
.join_type a:hover li p {
   margin: 10px 0 0;
   font-size: 23px;
   color: #01d2ff;
   font-weight: bold;
   letter-spacing: -1px;
}
.join_type a:hover li p.btn {
   display: block;
   margin-top: 20px;
   width: 100px;
   padding: 5px 10px;
   font-size: 15px;
   color: #fff;
   border: 1px solid #fff;
   box-sizing: border-box;
   text-align: center;
   letter-spacing: -0.5px;
}

.dn_text {
   margin-top: 17px;
   color: #5d5d5d;
   font-size: 14px;
   line-height: 20px;
}
.dn_text dt {
}
.benefit {
   box-sizing: border-box;
   height: 400px;
   margin-top: 95px;
   padding-top: 80px;
   background-color: #f1f1f1;
}
.benefit p {
   float: left;
   margin-top: 30px;
   font-size: 25px;
   font-weight: bold;
   color: #4c4c4c;
   letter-spacing: -3px;
}
.benefit p span {
   color: #e30000;
}
.benefit img {
   float: right;
}
.g_footer_area {
   margin-top: 0;
}

/***** 회원가입 동의 *****/
#joinAgree {
}
#joinAgree label span {
   color: #333;
}
#joinAgree form > div {
   margin-bottom: 20px;
}
#joinAgree .agreeAll {
   margin-bottom: 20px;
}
#joinAgree .agreeAll span {
   font-size: 16px;
   font-weight: 600;
}
#joinAgree textarea {
   border-left: 1px solid #e6e6e6;
   width: 96%;
   border-right: 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
   border-top: 1px solid #717171;
   padding: 15px;
   letter-spacing: -0.3pt;
   margin: 5px 0;
   height: 150px;
   box-sizing: border-box;
   font-size: 14px;
   color: #666;
}
#joinAgree .agreePrivacy,
#joinAgree .agreePolicy {
   width: 100%;
   box-sizing: border-box;
}

#joinAgree .btn {
   text-align: center;
}
#joinAgree .btn input[type='button'] {
   width: 201px;
   height: 55px;
   line-height: 52px;
   cursor: pointer;
}

#joinAgree .nameCheck {
   border: 1px solid #ddd;
   padding: 20px 0;
   margin-bottom: 30px;
}
#joinAgree .nameCheck h2 {
   font-size: 16px;
   font-weight: 600;
   padding: 0 0 13px 13px;
   border-bottom: 1px dashed #ccc;
   margin-bottom: 30px;
   color: #333;
}
#joinAgree .nameCheck dl {
   margin: 20px auto;
   width: 50%;
}
#joinAgree .nameCheck dt,
#joinAgree .nameCheck dd {
   margin-bottom: 5px;
}
#joinAgree .nameCheck span {
   display: inline-block;
   width: 85px;
   font-weight: 600;
   color: #333;
}
#joinAgree .nameCheck input[type='text'] {
   padding: 0 8px;
}

/***** 회원가입 동의 *****/
#joinAgree {
}
.g_container {
   padding-top: 0;
}
.agree_check {
   padding: 30px 0 12px;
   border-top: 1px solid #000;
   border-bottom: 1px solid #e6e6e6;
   font-size: 17px;
}
.agree_check > input {
   display: none;
}
.agree_check label {
   display: block;
   position: relative;
   padding-left: 38px !important;
   background: url('/resources/img/sub/icon_join_button.gif') 0 5px no-repeat;
   line-height: 30px;
   color: #333;
}
.agree_check input:checked + label {
   background: url('/resources/img/sub/icon_join_b_on.gif') 0 5px no-repeat;
}
.agree_check label span {
   font-size: 13px;
}
.agree_check_s {
   padding: 16px 0 9px;
}
.agree_check_s > input {
   display: none;
}
.agree_check_s label {
   display: block;
   position: relative;
   font-size: 16px;
   padding-left: 38px !important;
   background: url('/resources/img/sub/icon_join_small.gif') 4px 5px no-repeat;
   line-height: 22px;
   letter-spacing: -0.5px;
   color: #444;
}
.agree_check_s input:checked + label {
   background: url('/resources/img/sub/icon_join_s_on.gif') 4px 5px no-repeat;
}
.agree_check_s label .black {
   color: #a2a2a2;
   font-weight: normal;
}
.agree_check_s label .normal {
   font-weight: normal;
}
.agree_check_s label span.f_blue3 {
   color: #e13b0e !important;
}

.clause_box {
   overflow: hidden;
   overflow-y: auto;
   height: 95px;
   padding: 8px 20px;
   border: 1px solid #e3e3e3;
   font-size: 12px;
   color: #8a8a8a;
}
.clause_box > pre {
   word-wrap: break-word;
   word-break: break-all;
   white-space: pre-wrap;
}
.sub_tab {
   overflow: hidden;
   margin-bottom: 15px;
   color: #000;
}
.sub_tab li {
   float: left;
}
.sub_tab .gb {
   padding: 0 10px;
}
.sub_tab .on {
   font-weight: bold;
}
.certify_box > .box {
   box-sizing: border-box;
   float: left;
   width: 100%;
   height: 215px;
   padding: 40px 70px;
}
.certify_box > .blue {
   margin-right: 20px;
   border: 1px solid #adcbe2;
   background-color: #eaf3ff;
}
.certify_box > .green {
   border: 1px solid #c1e2c1;
   background-color: #ecf8ec;
}
.certify_box .box_desc {
   float: right;
   width: 240px;
}
.certify_box p {
   margin-bottom: 15px;
   font-size: 16px;
}
.certify_box .box_desc .btn_blue3 {
   display: block;
   width: 150px;
   margin-top: 10px;
   text-align: center;
   line-height: 44px;
}
.certify_box .foreign_box {
   padding-top: 30px;
}
.certify_box .desc_txt {
   margin: 30px 0 10px;
}
.certify_box .g_list .g_left {
   width: 98px;
   line-height: 23px;
}
.certify_box .g_list input {
   width: 100px;
}
.certify_box .foreign_btn {
   width: 200px;
   margin: 10px 0 0 55px;
   line-height: 44px;
}

.ma_btnB01,
a.ma_btnB01 {
   display: inline-block;
   height: 20px;
   padding: 0 10px;
   line-height: 19px;
   color: #335e4c;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   border: 1px solid #335e4c;
   border-radius: 4px;
   vertical-align: middle;
   background: #fff;
}
button.ma_btnB01 {
   height: 22px;
   line-height: 18px;
}
.ma_btn02,
a.ma_btn02 {
   display: inline-block;
   height: 35px;
   letter-spacing: -0.5px;
   padding: 0 20px;
   line-height: 35px;
   color: #666;
   font-size: 14px;
   font-weight: 500;
   text-align: center;
   border: 1px solid #e1e1e1;
   border-radius: 4px;
   vertical-align: middle;
   background: #f7f7f7;
}
button.ma_btn02 {
   height: 38px;
   line-height: 34px;
}
.ma_btn04,
a.ma_btn04 {
   display: inline-block;
   height: 28px;
   padding: 0 10px;
   line-height: 28px;
   color: #fff;
   font-size: 12px;
   letter-spacing: -0.5px;
   font-weight: none;
   text-align: center;
   border-radius: 4px;
   vertical-align: middle;
   background: #6a6764;
}
button.ma_btn04 {
   height: 38px;
   line-height: 34px;
}
.ma_btnB05,
a.ma_btnB05 {
   display: inline-block;
   height: 46px;
   padding: 0 10px;
   line-height: 45px;
   color: #fff;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   border: 1px solid #335e4c;
   border-radius: 4px;
   vertical-align: middle;
   background: #335e4c;
}
button.ma_btnB05 {
   height: 48px;
   line-height: 44px;
}

.tbl_style {
   width: 100%;
   border-top: 1px solid #333;
}
.tbl_style tr th {
   font-weight: 600;
   padding: 12px 0;
   border-bottom: 1px solid #d4d4d4;
   border-left: 1px solid #d4d4d4;
   vertical-align: middle;
   text-align: center;
   background: #f9f9f9;
   color: #333;
   font-size: 15px;
   letter-spacing: -0.5px;
}
.tbl_style tr th.bdr_none {
   border-left: none;
   line-height: 18px;
}
.tbl_style tr th span.fc_red {
   font-weight: 600;
   color: #e41515;
}
.tbl_style tr th span.fc_blue {
   font-weight: 600;
   color: #135fdd;
}
.tbl_style tr td {
   vertical-align: middle;
   border-bottom: 1px solid #d4d4d4;
   border-left: 1px solid #d4d4d4;
   padding: 12px 0;
   color: #777;
   line-height: 20px;
   text-align: center;
   font-size: 15px;
   letter-spacing: -0.5px;
}
.tbl_style tr td.tit {
   font-size: 14px;
   color: #3191b3;
   font-weight: 500;
}
.tbl_style tr td.al {
   text-align: left;
   padding-left: 15px;
   padding-right: 15px;
}
.tbl_style tr td.bdr_none {
   border-left: none;
}
.tbl_style tr td span.price01 {
   font-weight: 600;
   color: #f36f21;
   font-size: 16px;
}
.tbl_style tr td span.price02 {
   font-weight: 600;
   color: #ca2929;
   font-size: 16px;
}
.tbl_style tr td span.fc_red {
   color: #e41515;
}

.tbl_style tr th span.star_txt {
   font-size: 16px;
   letter-spacing: -0.5px;
   color: #f14400;
   margin-left: 5px;
}