/* sub common */
.sub_contents {padding: 100px 0;}
.sub_contents.pb0 {padding-bottom: 0;}
.sub_inner {width: 980px; margin: 0 auto;}

/* sub visual & nav */
#sub_visual {position: relative; width: 100%; height: 300px; background-repeat: no-repeat; background-position: center center;}
#sub_visual > .inner {height: 100%;}
#sub_visual > .inner h2 {line-height: 300px; font-size: 52px; font-weight: 500; color: #fff; text-align: center;}
.sub_visual01 {background-image: url(../images/sub/sub_visual01.jpg);}
.sub_visual02 {background-image: url(../images/sub/sub_visual02.jpg);}
.sub_visual03 {background-image: url(../images/sub/sub_visual03.jpg);}
.sub_visual04 {background-image: url(../images/sub/sub_visual04.jpg);}
.sub_visual05 {background-image: url(../images/sub/sub_visual05.jpg);}
.sub_visual06 {background-image: url(../images/sub/sub_visual06.jpg);}
.sub_visual07 {background-image: url(../images/sub/sub_visual07.jpg);}
#nav {position: absolute; left: 0; right: 0; top: 0; background-color: rgba(0,0,0,0.3);}
#nav .inner:after {display: block; clear: both; *zoom: 1; content: '';}
#nav .inner > ul > li {position: relative; float: left; box-sizing: border-box; width: /* 290px; */ 330px; border-right: 1px solid rgba(255,255,255,0.2);}
#nav .inner > ul > li.home {box-sizing: border-box; width: 50px; border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2);}
#nav .inner > ul > li.home a {display: block; width: 100%; height: 40px; background: url(../images/sub/ic_home.png) no-repeat center center; text-indent: -9999px;}
#nav .inner > ul > li .tit {display: block; box-sizing: border-box; width: 100%; padding: 0 40px 0 20px; line-height: 40px; font-size: 14px; color: #fff; background: transparent url(../images/sub/arrow_nav.png) no-repeat 90% center; cursor: pointer;}
#nav .inner .sub_menu {display: none; position: absolute; top: 41px; box-sizing: border-box; width: 100%; background-color: rgba(0,0,0,0.3); z-index: 1;}
#nav .inner .sub_menu li a {display: block; box-sizing: border-box; width: 100%; padding: 0 30px 0 20px; line-height: 40px; font-size: 14px; color: #fff; text-align: left;}



/* sub title */
.tit_box {margin: 0 0 50px 0; text-align: center;}
.tit_box h4.sub_tit {display: block; font-size: 32px; font-weight: 600; color: #333;}
.tit_box p {margin: 10px 0 0 0; line-height: 1.7; color: #666;}

/* list paging */
.listPage {text-align: center; zoom: 1; clear:both; padding-top: 40px; }
.listPage button {border:0; vertical-align:top; display:inline-block; height:40px; text-indent: -9999px; width:40px;}
.listPage .btnPrev {background:url(../images/sub/paging_prev.png) no-repeat center;}
.listPage ul {vertical-align:top; display: inline-block; margin: 0 50px; overflow: hidden; }
.listPage li { float: left; margin: 0 10px; }
.listPage li:hover a, .listPage li.on a {color:#fff; background:#34558b;}
.listPage li a { display: block; font-size: 16px; color:#666; text-align: center; width:40px; height:40px; line-height:40px;}
.listPage .btnNext {background:url(../images/sub/paging_next.png) no-repeat center;}

.sub_tab {border-bottom: 1px solid #bbb;}
.sub_tab:after {display: block; clear: both; *zoom: 1; content: '';}
.sub_tab li {float: left; width: 50%; text-align: center;}
.sub_tab li a {position: relative; display: block; line-height: 60px; color: #666; transition: all 0.3s ease-in-out;}
.sub_tab li a:before {visibility: visible; opacity: 0; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 2px; background-color: #34558b; content: ''; transition: all 0.3s ease-in-out;}
.sub_tab li.active a {color: #34558b;}
.sub_tab li.active a:before {visibility: visible; opacity: 1;}
.sub_tab.col3 li {width: 33.333333%}
.sub_tab.col4 li {width: 25%}



/* 회사소개 */
/* CEO 인사말 */
.ceo .inner {/* background: url(../images/sub/ceo_img.jpg) no-repeat 0 0;*/}
.ceo .section {/* padding: 60px 0 0 500px; */ padding-top:20px;}
.ceo .section .blue_box {box-sizing: border-box; width: 580px; padding: 55px 0 55px 100px; background-color: #34558b;}
.ceo .section .blue_box strong {display: block; line-height: 46px; font-size: 32px; color: #fff;}
.ceo .section .blue_box p {margin: 15px 0 0 0; font-weight: 500; color: #fff; letter-spacing: -1px;}
.ceo .section .txt_box {/* padding: 70px 0 70px 180px; */}
.ceo .section .txt_box p {line-height: 1.8; color: #666; letter-spacing: -1px;}
.ceo .section .txt_box p + p {margin: 30px 0 0 0;}
.ceo .section .txt_box em {display: block; margin: 30px 0 0 0; font-family: 'Sen'; font-style: italic; font-size: 28px; font-weight: 900; color: #34558b; letter-spacing: -1.1px;}
.ceo .section .txt_box strong {font-size: 32px;}

/* 주요연혁 */
.his_tab {padding: 50px 0 30px; background-color: #fff;}
.his_tab.fix {position: fixed; top: 80px; left: 0; right: 0; width: 100%; margin: 0; border-bottom: 1px solid #ddd; z-index: 1;}
.his_tab ul {width: 780px; margin: 0 auto; text-align: center; border-top: 1px solid #ddd;}
.his_tab ul li {display: inline-block; position: relative; margin: 0 35px; padding: 30px 0 0 0; color: #999; cursor: pointer;}
.his_tab ul li:before {display: block; position: absolute; top: -10px; left: 0; right: 0; transform: rotate(45deg); margin: 0 auto; width: 10px; height: 10px; background-image: linear-gradient(90deg, #ddd, #ddd); border: 4px solid #fff; content: '';}
.his_tab ul li.on {color: #34558b;}
.his_tab ul li.on:before {top: -12px; width: 16px; height: 16px; background-image: linear-gradient(90deg, #34558b, #34558b);}

.his_contents {padding: 130px 0 0 0;}
.his_contents.his_2010 {padding: 60px 0 0 0;}
.his_contents .his_bnn {position: relative; width: 100%; height: 260px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.his_contents .his_bnn strong {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 380px; height: 50px; line-height: 50px; font-size: 44px; color: #fff; text-align: center; 
border-left: 2px solid #fff; border-right: 2px solid #fff;}
.his_contents.his_2010 .his_bnn {background-image: url(../images/sub/history_bg_2010.jpg);}
.his_contents.his_2000 .his_bnn {background-image: url(../images/sub/history_bg_2000.jpg);}
.his_contents.his_1990 .his_bnn {background-image: url(../images/sub/history_bg_1990.jpg);}
.his_contents.his_1980 .his_bnn {background-image: url(../images/sub/history_bg_1980.jpg);}
.his_contents.his_1970 .his_bnn {background-image: url(../images/sub/history_bg_1970.jpg);}

.his_list {position: relative; margin: 70px 0 0;}
.his_list:before {display: block; position: absolute; top: 15px; left: 330px; width: 1px; height: calc(100% - 30px); background-color: #ddd; content: '';}
.his_list li {margin: 40px 0 0 0; padding: 0 0 0 200px;}
.his_list li:first-child {margin: 0;}
.his_list li:after {display: block; clear: both; *zoom: 1; content: '';}
.his_list li .date {position: relative; float: left; width: 130px; line-height: 30px; font-size: 20px; font-weight: 400; color: #34558b;}
.his_list li .date:before {display: block; position: absolute; top: 12px; right: -4px; width: 7px; height: 7px; background-color: #34558b; border-radius: 50%; content: '';}
.his_list li .txt {float: left; box-sizing: border-box; width: calc(100% - 130px); padding: 0 0 0 60px;}
.his_list li .txt p {line-height: 30px; font-size: 18px; color: #666;}
.his_list li:nth-child(2n) .date {color: #8fa7ce;}
.his_list li:nth-child(2n) .date:before {background-color: #8fa7ce;}

/* 비전 */
.vision .section01 {padding: 0 0 100px;}
.vision_tit {margin: 0 0 20px 0; text-align: left;}
.vision_tit p {font-size: 20px; color: #333;}
.vision_tit p em {display: inline-block; position: relative; padding: 0 15px; margin: 0 5px 0 0; font-size: 20px; color: #34558b;}
.vision_tit p em:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 15px; background-color: #666; content: '';}
.vision_tit p em:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 15px; background-color: #666; content: '';}
.vision_list:after {display: block; clear: both; *zoom: 1; content: '';}
.vision_list > li {position: relative; float: left; width: 380px; height: 520px; margin: 0 0 0 20px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.vision_list > li:before {visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px); content: '';}
.vision_list .list01 {margin: 0; background-image: url(../images/sub/vision_bg01.jpg);}
.vision_list .list02 {background-image: url(../images/sub/vision_bg02.jpg);}
.vision_list .list03 {background-image: url(../images/sub/vision_bg03.jpg);}
.vision_list > li > div {position: absolute; top: 10px; left: 10px; box-sizing: border-box; width: 360px; height: 500px; padding: 50px 40px; background-color: transparent; transition: all 0.3s ease-in-out;}
.vision_list > li > div .top_txt strong {display: block; position: relative; padding: 0 0 25px 0; font-family: 'Sen'; font-size: 28px; font-weight: 700; color: #fff;}
.vision_list > li > div .top_txt strong:before {visibility: hidden; opacity: 0; position: absolute; left: 0; bottom: 0; width: 40px; height: 1px; background-color: #fff; transition: all 0.3s ease-in-out; content: '';}
.vision_list > li > div .top_txt strong span {display: block; font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 500; color: #fff;}
.vision_list > li > div .hidden_box {visibility: hidden; opacity: 0; position: absolute; bottom: 50px; left: 40px; transition: all 0.3s ease-in-out;}
.vision_list > li:hover:before {visibility: visible; opacity: 1;}
.vision_list > li:hover > div {background-color: rgba(52,85,139,0.7);}
.vision_list > li:hover > div .top_txt strong:before {visibility: visible; opacity: 1;}
.vision_list > li:hover > div .hidden_box {visibility: visible; opacity: 1;}
.vision_list .list01 .hidden_box ul li {font-size: 18px; line-height: 34px; color: #fff;}
.vision_list .list01 .hidden_box ul li em {color: #ff918e;}
.vision_list .list02 .hidden_box ul li {margin: 20px 0 0 0; font-size: 18px; line-height: 34px; color: #fff;}
.vision_list .list02 .hidden_box ul li em {display: inline-block; margin: 0 15px 0 0; font-size: 26px; color: #ff918e; vertical-align: top;}
.vision_list .list03 .hidden_box p {position: relative; padding: 30px 0; font-size: 26px; line-height: 36px; color: #fff;}
.vision_list .list03 .hidden_box p:before {display: block; position: absolute; top: 0; left: 0; width: 13px; height: 11px; background: url(../images/sub/vision_mark01.png) no-repeat 0 0; content: '';}
.vision_list .list03 .hidden_box p:after {display: block; position: absolute; right: 0; bottom: 0; width: 13px; height: 11px; background: url(../images/sub/vision_mark02.png) no-repeat 0 0; content: '';}
.vision_list .list03 .hidden_box p em {font-size: 26px; color: #ff918e;}
.vision .slogan {margin: 20px 0 0 0; box-sizing: border-box; width: 100%; padding: 50px 80px; border: 10px solid #eaeef3;}
.vision .slogan:after {display: block; clear: both; *zoom: 1; content: '';}
.vision .slogan > div {float: left; height: 100px;}
.vision .slogan .txt_box {padding: 0 0 0 80px; margin: 0 0 0 80px; border-left: 1px solid #bbb;}
.vision .slogan .txt_box strong {display: block; padding: 8px 0 0 0; font-size: 32px; font-weight: 500; color: #333;}
.vision .slogan .txt_box p {font-size: 24px; font-weight: 300; color: #666;}

.vision .section02 {padding: 200px 0 130px; background: url(../images/sub/vision_global_bg.jpg) no-repeat center center / cover;}
.vision .global {position: relative; width: 470px; margin: 0 auto;}
.vision .global .tit {position: relative; display: block; margin: 0 auto; width: 430px; height: 430px; border-radius: 50%; background-color: rgba(0,0,0,0.5);}
.vision .global .tit:before {display: block; position: absolute; top: -20px; left: -20px; box-sizing: border-box; width: 470px; height: 470px; border: 1px solid rgba(0,0,0,0.5); border-radius: 50%; content: '';}
.vision .global .tit strong {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-family: 'Sen'; font-size: 44px; font-weight: 700; line-height: 44px; color: #fff; text-align: center;}
.vision .global .tit strong span {display: block; margin: 15px 0 0 0; font-family: 'Noto Sans KR'; font-size: 20px; font-weight: 400; color: #fff;}
.vision .global .global_icons li {position: absolute; width: 220px; height: 220px; border-radius: 50%;}
.vision .global .global_icons li:before {display: block; position: absolute; top: 5px; left: 5px; box-sizing: border-box; width: 210px; height: 210px; border-radius: 50%; background-color: transparent; border: 2px solid rgba(255,255,255,0.3); content: '';}
.vision .global .global_icons li > div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.vision .global .global_icons li i {display: block; width: 115px; height: 115px; margin: 0 auto; background-image: url(../images/sub/vision_icons.png); background-repeat: no-repeat;}
.vision .global .global_icons li p {margin: 10px 0 0 0; font-size: 20px; color: #fff; text-align: center;}
.vision .global .global_icons li:nth-child(1) {top: -114px; left: 0; right: 0; margin: 0 auto; background-color: #34558b;}
.vision .global .global_icons li:nth-child(1) i {background-position: 0 0;}
.vision .global .global_icons li:nth-child(2) {left: -100px; bottom: -20px; background-color: #476daa;}
.vision .global .global_icons li:nth-child(2) i {background-position: -125px 0;}
.vision .global .global_icons li:nth-child(3) {right: -100px; bottom: -20px; background-color: #234172;}
.vision .global .global_icons li:nth-child(3) i {background-position: -250px 0;}
.vision .goal {margin: 85px 0 0 0; text-align: center; font-size: 0;}
.vision .goal li {display: inline-block; line-height: 40px; color: #fff; vertical-align: top;}
.vision .goal li:nth-child(1) {font-size: 40px; font-weight: 600;}
.vision .goal li:nth-child(2) {padding: 0 0 0 30px; margin: 0 0 0 30px; font-size: 24px; font-weight: 400; border-left: 2px solid #fff;}

.award_list:after {display: block; clear: both; *zoom: 1; content: '';}
.award_list li {float: left; width: calc((100% - 60px)/4); margin: 0 0 50px 20px;}
.award_list li:nth-child(4n + 1) {margin: 0 0 50px 0; clear: both;}
.award_list .img_box {box-sizing: border-box; border: 1px solid #ddd;}
.award_list .img_box img {width: 100%; vertical-align: top; height: 380px;}
.award_list .txt_box {padding: 10px 10px 0;}
.award_list .txt_box strong {display: block; margin: 0 0 5px 0; font-size: 18px; font-weight: 400; color: #333; word-break: keep-all;}
.award_list .txt_box p {color: #666;}
.award_list .txt_box span {color: #999;}

.award_list_h li {width: calc((100% - 40px)/3);}



/* 조직도 */
.depth01 {position: relative; margin: 0 auto; box-sizing: border-box; width: 180px; height: 180px; background-color: transparent;}
.depth01:before {position: relative; position: absolute; top: 180px; left: 0; right: 0; margin: 0 auto; width: 1px; height: 170px; background-color: #ddd; content: '';}
.depth01 .ceo {position: relative; box-sizing: border-box; width: 180px; height: 180px; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(to right, #1f386b 50%, #34558b 50%) border-box; border: 10px solid transparent; border-radius: 50%;}
.depth01 .ceo:before {display: block; box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: -14px; margin: 0 auto; width: 18px; height: 18px; background-image: radial-gradient(circle, #ec4033 4px, #fff 5px); border-radius: 50%; content: '';}
.depth01 .ceo strong {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-size: 32px; color: #34558b; text-align: center;}
.depth02 {width: 560px; margin: -20px auto 30px;}
.depth02:after {display: block; clear: both; *zoom: 1; content: '';}
.depth02 > div {position: relative; box-sizing: border-box; width: 160px; height: 160px; border: 6px solid transparent; border-radius: 50%;}
.depth02 > div strong {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-weight: 500; text-align: center;}
.depth02 .consultation {float: left; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(to right, #2d4e8d 50%, #476daa 50%) border-box;}
.depth02 .consultation:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -10px; box-sizing: border-box; width: 14px; height: 14px; background-image: radial-gradient(circle, #ec4033 3px, #fff 4px); border-radius: 50%; z-index: 1; content: '';}
.depth02 .consultation:after {display: block; position: absolute; top: 50%; right: -125px; width: 120px; height: 1px; background-color: #ddd; content: '';}
.depth02 .consultation strong {color: #476daa;}
.depth02 .inspection {float: right; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(to right, #4268b3 50%, #6088c9 50%) border-box;}
.depth02 .inspection strong {color: #6088c9;}
.depth03 {position: relative; padding: 0 5px;}
.depth03:before {display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: calc(100% - 205px); height: 1px; background-color: #ddd; content: '';}
.depth03:after {display: block; clear: both; *zoom: 1; content: '';}
.depth03 > li {position: relative; float: left; width: 195px; padding: 40px 0 0 0; text-align: center;}
.depth03 > li:before {display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 1px; height: 40px; background-color: #ddd; content: '';}
.depth03 .team {position: relative; padding: 30px 0 0 0; font-size: 18px; color: #34558b;}
.depth03 .team:before {display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; box-sizing: border-box; width: 18px; height: 18px;  background-image: radial-gradient(circle, #ec4033 3px, #fff 4px); border-radius: 50%; content: '';}
.depth03 .list {margin: 10px 0 0 0; line-height: 30px;color: #666;}
.depth03 .list li {line-height: 1.4; font-size: 14px; margin-top: 10px;}
.depth03 .list li:first-child{margin-top: 0;}


/* 경영방침 */
.management .section01 {padding: 0 0 130px;}
.management .section01 ul {width: 980px; margin: 0 auto;}
.management .section01 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.management .section01 ul li {float: left; overflow: hidden; width: 480px; height: 90px; margin: 0 0 20px 20px;}
.management .section01 ul li:nth-child(2n + 1) {margin: 0 0 20px 0;}
.management .section01 ul li > div {float: left; box-sizing: border-box;}
.management .section01 ul li .num {width: 100px; height: 100%; background-color: #34558b;}
.management .section01 ul li:nth-child(2) .num,
.management .section01 ul li:nth-child(3) .num {background-color: #476daa;}
.management .section01 ul li .num span {margin: 0 0 0 -20px; line-height: 90px; font-family: 'Sen'; font-size: 80px; font-weight: 700; color: #fff;}
.management .section01 ul li .txt {position: relative; width: 380px; height: 100%; border: 1px solid #ddd; border-left: 0;}
.management .section01 ul li .txt p {position: absolute; top: 50%; transform: translateY(-50%); left: 50px; color: #666;}
.management .section02 {padding: 0 0 140px 0; background-image: linear-gradient(to bottom, #fff 250px, #eee 250px);}
.management .section02 .con_box {padding: 70px 100px; background-color: #fff; border-top: 2px solid #34558b; box-shadow: 30px 30px 40px rgba(0,0,0,0.06);}
.management .section02 .ethics_top {margin: 0 0 30px 0;}
.management .section02 .ethics_top strong {display: block; font-size: 32px; font-weight: 300; color: #333;}
.management .section02 .ethics_top span {color: #999;}
.management .section02 .txt_list > li {position: relative; padding: 35px 0;}
.management .section02 .txt_list > li:before {display: block; position: absolute; top: 0; left: 0; width: 80px; height: 1px; background-color: #34558b; content: '';}
.management .section02 .txt_list li strong {display: block; margin: 0 0 20px 0; font-size: 24px; font-weight: 300; color: #333;}
.management .section02 .txt_list li strong em {display: inline-block; margin: 0 5px 0 0; font-size: 24px; color: #34558b;}
.management .section02 .txt_list ul li {margin: 5px 0 0 0; line-height: 28px; color: #666;}
.management .section02 .txt_list ul li:first-child {margin: 0;}
.management .section02 .txt_list ul li:after {display: block; clear: both; *zoom: 1; content: '';}
.management .section02 .txt_list ul li span {float: left; display: block; width: 20px;}
.management .section02 .txt_list ul li p {float: left; width: calc(100% - 20px); word-break: keep-all;}
.management .section02 .txt_list li.first ul li {position: relative; padding: 0 0 0 10px;}
.management .section02 .txt_list li.first ul li:before {display: block; position: absolute; top: 14px; left: 0; width: 5px; height: 1px; background-color: #666; content: '';}


/* 주요사업 */
.busi_bnn:after {display: block; clear: both; *zoom: 1; content: '';}
.busi_bnn > div {float: left; height: 240px;}
.busi_bnn .txt_box {position: relative; width: 480px; background-color: #34558b;}
.busi_bnn .txt_box p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding: 0 80px; line-height: 28px; font-weight: 300; color: #fff; letter-spacing: -1px;}
.busi_bnn .img_box {width: 700px;}
.busi_bnn .img_box img {vertical-align: top;}
.busi_tab {width: 980px; margin: 80px auto 0; border-bottom: 1px solid #ddd;}
.busi_tab:after {display: block; clear: both; *zoom: 1; content: '';}
.busi_tab li {float: left; width: 50%; text-align: center;}
.busi_tab li a {position: relative; display: block; line-height: 60px; color: #666; transition: all 0.3s ease-in-out;}
.busi_tab li a:before {visibility: visible; opacity: 0; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 2px; background-color: #34558b; content: ''; transition: all 0.3s ease-in-out;}
.busi_tab li.active a {color: #34558b;}
.busi_tab li.active a:before {visibility: visible; opacity: 1;}
.tab_contents {padding: 80px 0 0 0;}
.busi_list:after {display: block; clear: both; *zoom: 1; content: '';}
.busi_list li {float: left; width: 280px; margin: 0 0 45px 20px;height:380px;}
.busi_list li:nth-child(4n + 1) {margin: 0 0 45px 0;}
.busi_list li a {display: block;}
.busi_list .img_box {overflow: hidden; width: 280px; height: 280px;}
.busi_list .img_box img {width: 100%; height: 100%; vertical-align: top; transition: all 0.3s ease-in-out;}
.busi_list a:hover .img_box img {transform: scale(1.1);}
.busi_list .txt_box {padding: 15px 10px;}
.busi_list .txt_box .tit {display: block; overflow: hidden; height: 3.2em; line-height: 1.6; font-weight: 400; color: #333; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.busi_list .txt_box .date {display: block; margin: 10px 0 0 0; font-size: 14px; color: #999;}

.busi_list02 {border-top: 1px solid #333;}
.busi_list02 li {padding: 20px 30px; border-bottom: 1px solid #ddd;}
.busi_list02 li strong {position: relative; display: block; padding: 0 0 0 20px; font-weight: 400; color: #333;}
.busi_list02 li strong:before {display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #34558b; border-radius: 50%; content: '';}

.busi_view {position: relative;min-height: 710px;padding: 0;}
.busi_view .bg_img {position: absolute; top: 0; left: 0; bottom: 0; z-index: -1;}
.busi_view .inner {position: relative;padding: 100px 0 0 0;}
.busi_view .txt_box {position: relative;box-sizing: border-box;width: 680px;min-height: 610px;padding: 90px 100px 180px;background-color: #fff;margin: 0 0 0 auto;}



.busi_view .txt_box strong {display: block; margin: 0 0 35px 0; padding: 0 0 15px 0; font-size: 32px; color: #333; border-bottom: 1px solid #ddd;}
.busi_view .btns button {display: block; float: left; width: 110px; height: 50px; color: #999;}
.busi_view .btns .btn_prev {padding: 0 0 0 20px; background: url(../images/sub/paging_prev.png) no-repeat 0 center;}
.busi_view .btns .btn_next {padding: 0 20px 0 0; background: url(../images/sub/paging_next.png) no-repeat right center;}
.busi_view .btns .btn_list {width: 180px; color: #fff; background-color: #34558b; border: 1px solid #34558b; transition: all 0.3s ease-in-out;}
.busi_view .btns .btn_list:hover {background-color: transparent; color: #34558b;}
.busi_table tr {height: 40px;}
.busi_table tr th {line-height: 1.7; font-weight: 400; color: #666; text-align: left; vertical-align: top; width: 350px;}
.busi_table tr td {line-height: 1.7; color: #333; vertical-align: top;}

.busi_view {min-height:inherit;display:flex;flex-direction:column;padding-bottom:20px;}
.busi_view .inner{display:flex;width:1374px;padding:30px 0 0 0;height:420px;}
.busi_view .inner .txt_box{width:594px;padding:0;margin-right:186px;min-height:420px;height:420px;}
.busi_view .inner .pic{width:594px;padding:0;overflow:hidden;}
.busi_view .inner .pic img{width:100%}
.busi_view .btns{position:relative;width:1374px;margin:30px auto;display:flex;justify-content:center;left:inherit;bottom:inherit;}
.busi_view .btns div.prev{width:100px;}
.busi_view .btns div.next{width:100px;}
/* 기술혁신 */
.system .txt_box {box-sizing: border-box; padding: 45px 150px; border-top: 2px solid #34558b; background-color: #fff; text-align: center;}
.system .txt_box p {line-height: 1.7; color: #666;}
.system .txt_box p + p {margin: 15px 0 0 0;}
.system .txt_bnn {margin: 60px 0 0 0;}
.system .txt_bnn:after {display: block; clear: both; *zoom: 1; content: '';}
.system .txt_bnn li {float: left; margin: 0 0 0 20px; box-sizing: border-box; width: 280px; height: 160px; padding: 10px; background-color: rgba(0,0,0,0.2);}
.system .txt_bnn li:first-child {margin: 0;}
.system .txt_bnn li div {position: relative; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); text-align: center;}
.system .txt_bnn li div p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; line-height: 30px; font-size: 18px; font-weight: 300; color: #fff;}
.system .txt_bnn li div p em {font-size: 18px; font-weight: 500;}
.system .txt_box02 {position: relative; margin: 60px 0 0 0;}
.system .txt_box02:before {display: block; position: absolute; top: -20px; left: 0; width: 26px; height: 24px; background: url(../images/sub/quality_mark01.png) no-repeat 0 0; content: '';}
.system .txt_box02:after {display: block; position: absolute; bottom: -20px; right: 0; width: 27px; height: 24px; background: url(../images/sub/quality_mark02.png) no-repeat 0 0; content: '';}
.system .txt_box02 div {position: relative; box-sizing: border-box; width: 100%; padding: 40px 90px; text-align: center;}
.system .txt_box02 div:before {display: block; position: absolute; top: 0; right: 0; width: 1100px; height: 1px; background-color: rgba(255,255,255,0.5); content: '';}
.system .txt_box02 div:after {display: block; position: absolute; bottom: 0; left: 0; width: 1100px; height: 1px; background-color: rgba(255,255,255,0.5); content: '';}
.system .txt_box02 div strong {line-height: 36px; font-size: 22px; font-weight: 300; color: #fff; letter-spacing: -1px;}
.system .txt_box02 div strong em {font-size: 24px; font-weight: 500;}
.system .txt_bnn02 {margin: 120px 0 0 0;}
.system .txt_bnn02:after {display: block; clear: both; *zoom: 1; content: '';}
.system .txt_bnn02 li {position: relative; float: left; margin: 0 0 0 20px; box-sizing: border-box; width: 280px; height: 160px; background-color: rgba(255,255,255,0.1); text-align: center;}
.system .txt_bnn02 li:first-child {margin: 0;}
.system .txt_bnn02 li p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; line-height: 30px; font-size: 18px; font-weight: 300; color: #fff;}
.system .txt_bnn02 li p em {font-size: 18px; font-weight: 500; color: #fff;}
.system_list {margin: 100px 0 0 0;}
.system_list:after {display: block; clear: both; *zoom: 1; content: '';}
.system_list > li {float: left; width: 380px; height: 520px; margin: 0 0 20px 20px; cursor: pointer;}
.system_list > li:nth-child(3n + 1) {margin: 0 0 20px 0;}
.system_list > li .img_box {box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #ddd;}
.system_list > li .img_box img {width: 100%; height: 100%; vertical-align: top;}
.system_list > li p {display: none;}
.popup {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 99;}
.popup .popup_wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 580px;}
.popup .popup_wrap .tit {display: block; padding: 0 40px 0 10px; margin: 0 0 10px 0; font-size: 20px; font-weight: 300; color: #fff;}
.popup .popup_wrap .img_box {box-sizing: border-box; overflow: hidden; width: 580px; height: 800px; border: 1px solid #ddd;}
.popup .popup_wrap .img_box img {width: 100%; height: 100%; vertical-align: top;}
.popup .popup_wrap .btn_close {position: absolute; top: 0; right: 0; width: 30px; height: 30px; text-indent: -9999px; background: rgba(0,0,0,0.5) url(../images/sub/ic_close.png) no-repeat center center; border-radius: 50%;}

/* 품질경영시스템 */
.quality {background: url(../images/sub/quality_bg.jpg) no-repeat center 410px / contain;}

/* 환경경영시스템 */
.environmental {background: url(../images/sub/environmental_bg.jpg) no-repeat center 320px / contain;}
.environmental .txt_bnn li {width: 380px; height: 200px;}
.environmental .txt_bnn li:nth-child(4), .environmental .txt_bnn li:last-child {width: 580px; margin: 20px 0 0 20px; }
.environmental .txt_bnn li:nth-child(4) {margin: 20px 0 0 0;}


/* 안전경영시스템_20230704 */
.safety {background: url(../images/sub/safety_bg.jpg) no-repeat center 280px / cover; height: 1690px; margin-bottom: 370px; padding-bottom: 60px; box-sizing: border-box; }
.safety .txt_box p b {color: #bf1b1b; font-size: 16px; font-weight:700;}
.safety ul.txt_bnn_add {margin-top: 60px;}
.safety ul.txt_bnn_add li {display: flex;} 
.safety ul.txt_bnn_add li .left {width: 155px; border: 1px solid #ffffff2a;}
.safety ul.txt_bnn_add li .side_tit { background-color: #00000020; margin-right: 40px; box-sizing: border-box; }
.safety ul.txt_bnn_add li .side_tit p {color: #fff; font-size: 18px; font-weight: 500; text-align: center; height: 100%; display: flex; align-items: center ; justify-content: center; box-sizing: border-box; padding:0 20px;  }
.safety ul.txt_bnn_add li.first_line {height:110px; margin-bottom: 130px;}
.safety ul.txt_bnn_add li .right {width: calc((100% - 195px));}
.safety ul.txt_bnn_add li .center_tit {background-color: #0038652e; border: 1px solid #ffffff2a; position: relative;}
.safety ul.txt_bnn_add li .center_tit:after {content: ''; position: absolute; top: 100%; right: 50%; transform: translateX(8px); background: url(../images/sub/after_tr.png) no-repeat center; width: 16px; height: 10px; z-index: 1;}
.safety ul.txt_bnn_add li .center_tit h5 {text-align: center; color: #fff; font-size:28px; font-weight:500; display: flex; justify-content: center; align-items: center; height: 100%;}
.safety ul.txt_bnn_add li.second_line {height:203px; margin-bottom: 40px;}
.safety ul.txt_bnn_add li.third_line {height:305px;}
.safety ul.txt_bnn_add li.second_line .right {display: flex;}
.safety ul.txt_bnn_add li.second_line .right > div {width:calc((100% - 70px) / 3); margin-right: 35px ; text-align: center; background: #00000020 url(../images/sub/after_dot.png) no-repeat center top; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:0 20px; box-sizing: border-box; }
.safety ul.txt_bnn_add li.second_line .right > div:after {width:92%; height: 173px; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #00000020; z-index: 0; }
.safety ul.txt_bnn_add li.second_line .right > div:nth-of-type(3) {margin-right: 0;}
.safety ul.txt_bnn_add li.second_line .right > div p {z-index: 1; border-bottom:  2px solid #ffffff2a ; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.safety ul.txt_bnn_add li.second_line .right > div p b {display: block; font-size: 20px; color: #fff; font-weight: 500;}
.safety ul.txt_bnn_add li.second_line .right > div span {font-size: 18px; color: #fff; font-weight: 500; display: block; z-index: 1; height: 60px;}
.safety ul.txt_bnn_add li.third_line .right {display: flex;}
.safety ul.txt_bnn_add li.third_line .right > div {width:calc((100% - 70px) / 3); margin-right: 35px ; background-color: #ffffff13; padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; position: relative;}
.safety ul.txt_bnn_add li.third_line .right > div:before {content: ''; position: absolute; bottom:100%; left:50%;transform: translateX(-50%); width: 1px; height:40px; border-right: 1px dashed #fff;}
.safety ul.txt_bnn_add li.third_line .right > div:nth-of-type(3) {margin-right: 0;}
.safety ul.txt_bnn_add li.third_line .right {}
.safety ul.txt_bnn_add li.third_line .right ul li {color: #fff; margin-bottom: 15px;}
.safety ul.txt_bnn_add li.third_line .right ul li em {display: block; font-size: 18px; font-weight: 300; padding-right: 5px;}
.safety ul.txt_bnn_add li.third_line .right ul li span {display: block; font-size: 16px; font-weight: 300;}
.safety ul.txt_bnn_add li.second_line .right > div:before {content: ''; position: absolute; width: 100%; height: 1px; border-bottom: 1px dashed #fff; bottom:100%}
.safety ul.txt_bnn_add li.second_line .right > div:nth-of-type(2):before {transform: rotate(90deg) translateX(-60px); width: 130px; }
.safety ul.txt_bnn_add li.second_line .right > div:nth-of-type(1):before {transform: rotate(161deg) translateX(-180px); width: 360px; }
.safety ul.txt_bnn_add li.second_line .right > div:nth-of-type(3):before {transform: rotate(19deg) translateX(-180px); width: 360px; }

.safety .system_list {margin-top: 70px; padding-top: 70px; border-top: 1px solid #ffffff2a; align-items: center;}
.safety .system_list li strong {color: #fff; font-size: 32px; font-weight: 500; text-transform: uppercase; letter-spacing: -1px;}
.safety .system_list li strong b {font-size: 32px; color: #4f9af6; }
.safety .system_list li:nth-of-type(2) {width: calc(100% - 500px); margin-left: 110px; margin-top: 80px;}
.safety .system_list li span {color: #fff; opacity: 0.6; font-size: 22px; letter-spacing: -1px; line-height: 1.5; padding-top: 20px; display: block;}
.safety .system_list li span b {font-size: 22px; color:#4f9af6; opacity: 1;}
.safety .system_list li span em {font-size: 22px; font-weight: 500;}
.safety .system_list li a {margin-top: 120px; display: block; color: #fff; font-size: 18px; font-weight: 500; background-color: #fff; width: 180px; height: 60px; line-height: 60px; text-align: center; background-color: #34558b; border-radius: 15px; box-shadow:2px 2px 10px 5px #ddd;}


/* 보유면허 및 특허 */
.license .table_wrap + .table_wrap {margin: 100px 0 0 0;}
.license .table_wrap h5 {display: block; margin: 0 0 15px 0; font-size: 20px; font-weight: 400; color: #333;}


/* 투자정보 */
/* 재무정보 */
.financial_table {margin: 60px 0 0 0;}
.financial_table .table_top {margin: 0 0 10px 0;}
.financial_table .table_top:after {display: block; clear: both; *zoom: 1; content: '';}
.financial_table .table_top .date {float: left; line-height: 36px; font-size: 14px; color: #999;}
.financial_table .table_top select {float: right; width: 150px; height: 36px; padding: 0 30px 0 20px; font-size: 14px; color: #333; background: url(../images/sub/arrow_select.png) no-repeat 125px center; border: 1px solid #ddd;}

/* 공시정보 */
.disclosure_box {width: 100%; height: 340px; background: url(../images/sub/disclosure_img.jpg) no-repeat right 0;}
.disclosure_box .txt_box {position: relative; box-sizing: border-box; width: 490px; height: 340px; padding: 60px 50px 60px 70px; background-color: #34558b;}
.disclosure_box .txt_box p {line-height: 32px; font-size: 19px; font-weight: 300; color: #fff;}
.disclosure_box .txt_box p em {font-size: 24px; font-weight: 500; color: #fff;}
.disclosure_box .txt_box .btn_more {display: block; position: absolute; bottom: 60px; left: 70px; width: 290px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; background: url(../images/sub/btn_more_02.png) no-repeat 0 bottom;}
/*.disclosure_box .txt_box span {position: absolute; top: 50%; transform: translateY(-50%); line-height: 1.2;}*/


/* 주식정보 */
.stock_top:after {display: block; clear: both; *zoom: 1; content: '';}
.stock_top > div {float: left;}
.stock_top .info_box {width: 480px;}
.stock_top .info_box .current {box-sizing: border-box; width: 100%; height: 200px; padding: 30px 50px; background-color: #34558b;}
.stock_top .info_box .current .tit {display: block; padding: 0 0 15px 0; margin: 0 0 30px 0; font-size: 20px; font-weight: 400; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.5);}
.stock_top .info_box .current .tit:after {display: block; clear: both; *zoom: 1; content: '';}
.stock_top .info_box .current .tit span {float: right; line-height: 36px; font-size: 16px; font-weight: 300; color: rgba(255,255,255,0.7);}
.stock_top .info_box .current .price:after {display: block; clear: both; *zoom: 1; content: '';}
.stock_top .info_box .current .price span {float: left; padding: 30px 0 0 0; font-size: 16px; color: rgba(255,255,255,0.7);}
.stock_top .info_box .current .price strong {float: right; font-family: 'Sen'; font-size: 60px; font-weight: 700; color: #fff; letter-spacing: -1px;}
.stock_top .table_type02 {margin: 10px 0 0 0; border: 1px solid #ddd;}
.stock_top .table_type02 tbody th {font-size: 14px; color: #666; background-color: #eaedf1;}
.stock_top .table_type02 tbody td {color: #333; text-align: left;}
.stock_top .table_type02 tbody td p {position: relative; padding: 0 0 0 20px;}
.stock_top .table_type02 p i {display: block; position: absolute; top: 9px; left: 0; width: 10px; height: 8px;}
.stock_top .table_type02 .ic_blue {background: url(../images/sub/ic_stock_blue.png) no-repeat 0 0;}
.stock_top .table_type02 .ic_red {background: url(../images/sub/ic_stock_red.png) no-repeat 0 0;}
.stock_top .chart_box {margin: 0 0 0 20px; box-sizing: border-box; width: 680px; height: 390px; background-color: #f7f9fb; border: 1px solid #ddd; border-top: 2px solid #34558b;}
.table_list {margin: 40px 0 0 0;}
.table_list:after {display: block; clear: both; *zoom: 1; content: '';}
.table_list .table_type02 {float: left; box-sizing: border-box; width: 380px; margin: 0 0 0 20px; border: 1px solid #ddd;}
.table_list .table_type02:first-child {margin: 0;}
.table_list .table_type02 tbody th {font-size: 14px; color: #666; background-color: #eaedf1;}
.table_list .table_type02 tbody td {color: #333; text-align: left;}
.table_list .table_type02 tbody td p {padding: 0 0 0 20px;}
.invest_stock .sub_inner {margin: 130px auto 0;}
.stock_table {margin: 60px 0 0 0;}
.stock_table .sub_txt {margin: 25px 0 0 0; text-align: center;}
.stock_table .sub_txt p {line-height: 28px; font-size: 14px; color: #999;}
.stock_table .sub_txt p a {display: inline-block; font-size: 14px;}
.stock_table .table_type02 thead tr th {border-left: 1px solid #ddd;}
.stock_table .table_type02 thead tr th:first-child {border: 0;}
.stock_table .table_type02 tbody tr td {border-left: 1px solid #ddd;}
.stock_table .table_type02 tbody tr td:first-child {border: 0;}
.stock_table .table_type02 .t_right {text-align: right;}
.stock_table .table_type02 .t_right i {float: left; display: block; margin: 8px 0 0 0; width: 10px; height: 8px;}
.stock_table .table_type02 .t_right .ic_blue {background: url(../images/sub/ic_stock_blue.png) no-repeat 0 0;}
.stock_table .table_type02 .t_right .ic_red {background: url(../images/sub/ic_stock_red.png) no-repeat 0 0;}
.stock_table .table_type02 .t_right p {float: right;}


/* 홍보센터 */
/* 브랜드소개 */
.brand .section01 {padding: 0 0 90px 0; background-image: linear-gradient(to bottom, #fff 300px, #f6f6f6 301px);}
.brand .section01 .truel_box {margin: 0 0 60px; box-sizing: border-box; width: 100%; height: 400px; padding: 40px 60px 0; background-color: #fff; border: 1px solid #ddd;}
.brand .section01 .truel_box ul:after {display: block; clear: both; *zoom: 1; content: '';}
.brand .section01 .truel_box ul li {float: left; width: 240px; margin: 0 0 0 69px; text-align: center;}
.brand .section01 .truel_box ul li:first-child {margin: 0;}
.brand .section01 .truel_box ul li .img_box {position: relative; box-sizing: border-box; width: 240px; height: 240px; border: 1px solid #ddd; border-radius: 50%;}
.brand .section01 .truel_box ul li .img_box img {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.brand .section01 .truel_box ul li p {margin: 10px 0 0 0; color: #333;}
.brand .section01 .truel_box ul li p span {display: block; font-weight: 600;}
.brand .section01 .truel_point {position: relative; margin: -60px auto 60px; font-size: 0; text-align: center;}
.brand .section01 .truel_point li {display: inline-block; padding: 0 30px; vertical-align: top;}
.brand .section01 .truel_point li .color_box {position: relative; margin: 0 auto; box-sizing: border-box; width: 110px; height: 110px; border: 1px solid #401945;}
.brand .section01 .truel_point li .color_box > div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 100px; height: 100px; background-color: #401945;}
.brand .section01 .truel_point li .color_box > div strong {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-family: 'Sen'; font-weight: 700; font-size: 16px; line-height: 20px; color: #fff;}
.brand .section01 .truel_point li p {margin: 15px 0 0 0; line-height: 22px; font-size: 14px; color: #666;}
.brand .section01 .truel_point li:nth-child(2n) .color_box {border: 1px solid #c7c7c7;}
.brand .section01 .truel_point li:nth-child(2n) .color_box > div {background-color: #c7c7c7;}
.brand .section02 {background: url(../images/sub/brand_bg01.jpg) no-repeat center center / cover;}
.brand .section02 .inner {padding: 100px 0;}
.brand .section02 .txt_box {width: 100%; padding: 60px 0; background-color: rgba(0,0,0,0.2); text-align: center;}
.brand .section02 .txt_box p {line-height: 1.7; font-size: 20px; font-weight: 300; color: #fff;}
.brand .section02 .txt_box p + p {margin: 15px 0 0 0;}
.brand .section02 ul {margin: 20px 0 0 0;}
.brand .section02 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.brand .section02 ul li {float: left; margin: 0 0 0 20px; box-sizing: border-box; width: calc((100% - 40px)/3); height: 80px; line-height: 78px; font-size: 24px; color: #fff; text-align: center; border: 1px solid #ddd;}
.brand .section02 ul li:first-child {margin: 0;}
.brand .section03 {background-image: linear-gradient(to bottom, #f6f6f6 320px, #fff 321px);}
.brand .section03 .inner {padding: 130px 0 60px;}
.brand .section03 .txt_box:after {display: block; clear: both; *zoom: 1; content: '';}
.brand .section03 .txt_box > li {float: left;}
.brand .section03 .txt_box .tit {position: relative; width: 480px; height: 180px; background-color: #401945;}
.brand .section03 .txt_box .tit strong {position: absolute; top: 50%; transform: translateY(-50%); left: 30px; line-height: 34px; font-family: 'Sen'; font-weight: 700; font-size: 28px; color: #fff;}
.brand .section03 .txt_box .txt {box-sizing: border-box; width: calc(100% - 480px); height: 180px; padding: 45px 50px; border: 1px solid #ddd; border-left: 0; background-color: #fff;}
.brand .section03 .txt_box .txt p {line-height: 1.7; color: #666;}
.brand .section03 .txt_box .txt p em {color: #333;}
.brand .section03 .txt_box .txt strong {display: block; margin: 15px 0 0 0; padding: 15px 0 0 0; font-size: 20px; font-weight: 400; color: #333; border-top: 1px solid #ddd; text-align: right;}
.brand .section03 .txt_box .txt strong img {width: 100px; margin: 0 0 0 5px;}
.brand .section03 .txt_box .txt strong span {display: inline-block; margin: 0 0 0 5px; font-family: 'Sen'; font-size: 16px; font-weight: 400; color: #999;}
.brand .section04 {background: url(../images/sub/brand_bg02.jpg) no-repeat center center / cover;}
.brand .section04 .inner {padding: 120px 0;}
.brand .section04 blockquote {position: relative; padding: 100px 0; text-align: center;}
.brand .section04 blockquote:before {display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 27px; height: 23px; background: url(../images/sub/brand_mark01.png) no-repeat 0 0; content: '';}
.brand .section04 blockquote:after {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 27px; height: 23px; background: url(../images/sub/brand_mark02.png) no-repeat 0 0; content: '';}
.brand .section04 blockquote p {font-family: 'Sen'; font-size: 40px; font-weight: 700; color: #fff;}
.brand .section04 blockquote cite {display: block; margin: 10px 0 0 0; font-style: normal; font-size: 20px; color: #fff;}

/* 홍보자료 */
.pr_list li {float: left; width: 280px; margin: 0 0 20px 20px;}
.pr_list li:nth-child(4n + 1) {margin: 0 0 20px 0; clear: both;}
.pr_list li a {display: block;}
.pr_list .img_box {position: relative; box-sizing: border-box; width: 280px; height: 390px; border: 1px solid #ddd;}
.pr_list .img_box img {width: 100%; height: 100%; vertical-align: top;}
.pr_list .hover_box {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; visibility: hidden; opacity: 0; width: 260px; height: 370px; background-color: rgba(52,85,139,0.9); transition: all 0.3s ease-in-out;}
.pr_list .hover_box p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-size: 20px; color: #fff; text-align: center;}
.pr_list .hover_box p .ic_download {display: block; margin: 0 auto 10px; width: 16px; height: 16px; background: url(../images/sub/ic_download.png) no-repeat 0 0;}
.pr_list p {padding: 15px 10px; color: #333;}
.pr_list a:hover .hover_box {visibility: visible; opacity: 1;}

/* CI/BI 소개 */
.ci_contents {padding: 60px 0 0 0;}
.ci_contents h5 {display: block; margin: 0 0 15px 0; font-family: 'Sen'; font-size: 32px; font-weight: 700; color: #333; letter-spacing: -1px;}
.symbol:after {display: block; clear: both; *zoom: 1; content: '';}
.symbol > li {float: left;}
.symbol .img_box {width: 480px;}
.symbol .img_box img {vertical-align: top;}
.symbol .txt_box {position: relative; box-sizing: border-box; width: 500px; height: 300px; padding: 15px 0 0 60px;}
.symbol .txt_box p {line-height: 1.5; color: #666; letter-spacing: -1px;}
.symbol .txt_box p em {color: #401945;}
.btns_down {position: absolute; bottom: 0; left: 60px;}
.btns_down:after {display: block; clear: both; *zoom: 1; content: '';}
.btns_down a {display: block; float: left; margin: 0 0 0 15px; width: 150px; height: 40px; line-height: 38px; color: #666; text-align: center; border: 1px solid #666;}
.btns_down a:first-child {margin: 0;}
.btns_down.btns02_down a {width:130px; font-size:13px;}
.btns_down .btn_02 {color: #fff; background-color: #34558b; border: 1px solid #34558b;}
.btns_down .btn_03 {color: #fff; background-color: #401945; border: 1px solid #401945;}
.btns_down .btn_03_02 {color:#fff; background-color: #bf9000; border: 1px solid #bf9000;}
.signature {margin: 70px 0 0 0;}
.signature ul:after {display: block; clear: both; *zoom: 1; content: '';}
.signature ul li {position: relative; float: left; margin: 0 0 20px 20px; box-sizing: border-box; width: 480px; height: 220px; border: 1px solid #ddd;}
.signature ul li:nth-child(2n + 1) {margin: 0 0 20px 0;}
.signature ul li img {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.signature.signature02 ul li img { /* width:80%; */}
.signature.signature02 > img {width:30%; margin:50px auto 0; display: block;}
.color_wrap {margin: 70px 0 0 0;}
.color_wrap:after {display: block; clear: both; *zoom: 1; content: '';}
.color_wrap .design {float: left; width: 480px;}
.color_wrap .design ul:after {display: block; clear: both; *zoom: 1; content: '';}
.color_wrap .design > ul > li {float: left; box-sizing: border-box; width: 235px; height: 150px; padding: 15px; margin: 0 0 10px 10px; border: 1px solid #ddd;}
.color_wrap .design > ul > li:nth-child(2n + 1) {margin: 0 0 10px 0;}
.color_wrap .design > ul > li i {display: block; float: left; box-sizing: border-box; width: 120px; height: 120px; background-color: #391d45;}
.color_wrap .design > ul > li:nth-child(2) i {background-color: #ac8f78;}
.color_wrap .design > ul > li:nth-child(3) i {background-color: #fff; border: 1px solid #ddd;}
.color_wrap .design > ul > li:nth-child(4) i {background-color: #848789;}
.color_wrap .design > ul > li > ul {float: left; margin: 12px 0 0 20px; width: calc(100% - 140px);}
.color_wrap .design > ul > li > ul li span {float: left; width: 20px; color: #999; text-align: center;}
.color_wrap .design > ul > li > ul li p {float: left; width: calc(100% - 20px); color: #333;}
.color_wrap .story {float: right; width: 480px;}
.color_wrap .story > div {box-sizing: border-box; width: 100%;}
.color_wrap .story > div p {line-height: 1.7; color: #666; letter-spacing: -1px;}
.color_wrap .story > div p + p {margin: 10px 0 0 0;}
.color_wrap .story > div p em {color: #401945;}

/* 검색 폼 */
.board_top {margin: 0 0 10px 0;}
.board_top:after {display: block; clear: both; *zoom: 1; content: '';}
.board_top p {float: left; line-height: 46px; font-size: 20px; color: #333;}
.board_top .search_form {float: right; position: relative; width: 430px;}
.board_top .search_form select {float: left;  width: 140px; height: 46px; padding: 0 40px 0 25px; font-size: 16px; color: #333; border: 1px solid #ddd; background: url(../images/sub/arrow_select.png) no-repeat 106px center;}
.board_top .search_form input {float: left; display: block; margin: 0 0 0 10px;width: 280px; height: 46px; padding: 0 60px 0 25px; font-size: 16px; color: #333; border: 1px solid #ddd;}
.board_top .search_form button {position: absolute; top: 11px; right: 25px; display: block; width: 24px; height: 24px; border: 0; background: url(../images/sub/btn_search.png) no-repeat 0 0; text-indent: -9999px;}

/* 게시판 리스트 테이블 */
.table_type01 {width: 100%; border-top: 1px solid #34558b;}
.table_type01 thead tr {height: 50px; background-color: #eaedf1;}
.table_type01 thead tr th {font-size: 14px; font-weight: 400; color: #666;}
.table_type01 tbody tr {height: 60px; border-bottom: 1px solid #ddd;}
.table_type01 tbody tr td {padding: 0 20px; color: #666; text-align: center;}
.table_type01 .tit {text-align: left;}
.table_type01 .tit a {display: inline-block; max-width: 590px; overflow: hidden; color: #333; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.table_type01 .tit i {display: inline-block; margin: 0 0 0 10px; width: 18px; height: 17px; background: url(../images/sub/ic_file.png) no-repeat 0 0;}
.table_type01 .cate {color: #999;}
.table_type01 .cate.c_red {color: #ec4033;}
.table_type01 .cate.c_blue {color: #34558b;}
.table_type01 .state {color: #999;}
.table_type01 .state.c_red {color: #ec4033;}
.table_type01 .state.c_blue {color: #34558b;}
.table_type01 .date {color: #999;}
.table_type01 .c_333 {color: #333;}
.table_type01 .c_999 {color: #999;}

.table_type02 {width: 100%; border-top: 1px solid #999;}
.table_type02 thead tr {height: 50px; background-color: #eaedf1;}
.table_type02 thead tr th {font-size: 14px; font-weight: 400; color: #666;}
.table_type02 tbody tr {height: 60px; border-bottom: 1px solid #ddd;}
.table_type02 tbody tr th {font-weight: 400; background-color: #f9f9fa; border-right: 1px solid #ddd;}
.table_type02 tbody tr td {padding: 0 20px; color: #666; text-align: center;}
.table_type02 .bd_l {border-left: 1px solid #ddd !important;}
.table_type02 .bd_b {border-bottom: 1px solid #ddd !important;}

/* 게시판 상세 */
.view_wrap .view_top {border-top: 1px solid #34558b; border-bottom: 1px solid #ddd;}
.view_wrap .view_top .tit {padding: 20px 30px; background-color: #f5f6f7;}
.view_wrap .view_top .tit:after {display: block; clear: both; *zoom: 1; content: '';}
.view_wrap .view_top .tit .cate {float: left; width: 100px; font-size: 20px; color: #999;}
.view_wrap .view_top .tit .cate.c_red {color: #ec4033;}
.view_wrap .view_top .tit .cate.c_blue {color: #34558b;}
.view_wrap .view_top .tit strong {float: left; width: calc(100% - 100px); font-size: 20px; font-weight: 300; color: #333;}
.view_wrap .view_top .info {padding: 0 30px;}
.view_wrap .view_top .info:after {display: block; clear: both; *zoom: 1; content: '';}
.view_wrap .view_top .info ul {float: left;}
.view_wrap .view_top .info ul li {position: relative; float: left; padding: 0 0 0 20px; margin: 0 0 0 20px; height: 50px; line-height: 50px; color: #999;}
.view_wrap .view_top .info ul li:before {display: block; position: absolute; top: 16px; left: 0; width: 1px; height: 18px; background-color: #bbb; content: '';}
.view_wrap .view_top .info ul li:first-child {margin: 0; padding: 0;}
.view_wrap .view_top .info ul li:first-child:before {display: none;}
.view_wrap .view_top .info p {float: right; height: 50px; line-height: 50px; color: #999;}
.view_wrap .view_con {padding: 40px 30px; border-bottom: 1px solid #ddd;}
.view_wrap .view_con img {display: block; max-width: 100%; margin: 0 auto 30px;}
.view_wrap .view_con p {line-height: 1.6; font-size: 16px; color: #666;}
.view_wrap .view_btn {padding: 0 30px; border-bottom: 1px solid #ddd;}
.view_wrap .view_btn:after {display: block; clear: both; *zoom: 1; content: '';}
.view_wrap .view_btn > * {float: left;}
.view_wrap .view_btn div {box-sizing: border-box; padding: 0 30px; width: calc((100% - 180px)/2); height: 60px; line-height: 60px; color: #999; background-repeat: no-repeat; background-position: 0 center;}
.view_wrap .view_btn div a {display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.view_wrap .view_btn button {width: 180px; height: 60px; color: #333; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.view_wrap .view_btn .prev {background-image: url(../images/sub/view_prev.png);}
.view_wrap .view_btn .next {padding: 0 30px 0 0; text-align: right; background-position: right center; background-image: url(../images/sub/view_next.png);}


/* 인재채용 */
.recruit_bnn {margin: 0 0 60px 0;}
.recruit_bnn:after {display: block; clear: both; *zoom: 1; content: '';}
.recruit_bnn > div {float: left;}
.recruit_bnn .txt_box {position: relative; box-sizing: border-box; width: 580px; height: 200px; padding: 30px 60px; background-color: #34558b;}
.recruit_bnn .txt_box p {line-height: 1.5; font-size: 18px; font-weight: 300; color: #fff;}
.recruit_bnn .txt_box .btn_more {display: block; position: absolute; bottom: 40px; left: 60px; width: 290px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; background: url(../images/sub/btn_more_02.png) no-repeat 0 bottom;}
.recruit_bnn .img_box {width: 400px;}
.recruit_bnn .img_box img {vertical-align: top;}
.recruit .table_type01 .tit a {max-width: 450px;}
.recruit .table_type01 .state {color: #999;}
.recruit .table_type01 .state.c_blue {color: #34558b;}
.recruit .view_wrap .view_btn div {width: calc((100% - 360px)/2);}
.recruit .view_wrap .view_btn .btns {margin: 0; width: 360px; padding: 0; text-align: center; font-size: 0;}
.recruit .view_wrap .view_btn .btns button {display: inline-block; width: 178px; vertical-align: top;}
.recruit .view_wrap .view_btn .btns .btn_blue {font-size: 14px; color: #fff; background-color: #34558b; border: 1px solid #34558b;}

/* 채용안내 */
.recruit_info .section01 .inner {padding: 0 0 130px 0;}
.recruit_info .recruit_list:after {display: block; clear: both; *zoom: 1; content: '';}
.recruit_info .recruit_list li {float: left; box-sizing: border-box; width: 380px; height: 200px; margin: 0 0 0 20px; text-align: center; border: 10px solid rgba(52,85,139,0.1);}
.recruit_info .recruit_list li:first-child {margin: 0;}
.recruit_info .recruit_list li strong {display: block; position: relative; margin: -10px auto 0; width: 220px; height: 70px; font-size: 24px; text-align: center; background-color: #fff;}
.recruit_info .recruit_list li strong span {display: block; font-size: 16px; font-weight: 400; color: #34558b;}
.recruit_info .recruit_list li div p {line-height: 1.7; color: #666;}
.recruit_info .recruit_process {margin: 50px 0 0 0;}
.recruit_info .recruit_process:after {display: block; clear: both; *zoom: 1; content: '';}
.recruit_info .recruit_process li {float: left; width: 280px; margin: 0 0 0 20px;}
.recruit_info .recruit_process li:first-child {margin: 0;}
.recruit_info .recruit_process li strong {display: block; padding: 0 0 15px 0; margin: 0 0 15px 0; font-size: 20px; color: #333; border-bottom: 1px solid #ddd;}
.recruit_info .recruit_process li strong span {font-size: 20px; color: #34558b;}
.recruit_info .recruit_process li div p {color: #666; line-height: 1.7;}
.recruit_info .recruit_process li div p + p {margin: 10px 0 0 0;}
.recruit_info .recruit_process li div p em {display: block; color: #333;}
.recruit_info .recruit_process li div .btn_link {display: inline-block; height: 18px; line-height: 18px; padding: 0 15px 0 0; font-size: 14px; color: #34558b; vertical-align: top; background: url(../images/sub/arrow_link.png) no-repeat right center;}
.recruit_info .section02 {background: url(../images/sub/recruit_info_bg.jpg) no-repeat center center / cover;}
.recruit_info .section02 .inner {padding: 90px 0 110px;}
.recruit_info .section02 .tit_box h4.sub_tit {color: #fff;}
.recruit_info .promotion_list {box-sizing: border-box; padding: 10px; width: 1080px; height: 240px; margin: 0 auto; background-color: rgba(0,0,0,0.3); border-radius: 120px;}
.recruit_info .promotion_list:after {display: block; clear: both; *zoom: 1; content: '';}
.recruit_info .promotion_list li {position: relative; float: left; width: 219px; height: 219px; margin: 0 0 0 -52px; background-color: #34558b; border-radius: 50%;}
.recruit_info .promotion_list li:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -15px; box-sizing: border-box; width: 16px; height: 28px; border-left: 16px solid #34558b; border-top: 14px solid transparent; border-bottom: 14px solid transparent; content: '';}
.recruit_info .promotion_list li:first-child {margin: 0;}
.recruit_info .promotion_list li:nth-child(1) {z-index: 6;}
.recruit_info .promotion_list li:nth-child(2) {z-index: 5;}
.recruit_info .promotion_list li:nth-child(3) {z-index: 4;}
.recruit_info .promotion_list li:nth-child(4) {z-index: 3;}
.recruit_info .promotion_list li:nth-child(5) {z-index: 2;}
.recruit_info .promotion_list li:nth-child(6) {z-index: 1;}
.recruit_info .promotion_list li:nth-child(6):before {display: none;}
.recruit_info .promotion_list li:nth-child(2n) {background-color: #fff;}
.recruit_info .promotion_list li:nth-child(2n):before {border-left-color: #fff;}
.recruit_info .promotion_list li:nth-child(2n) > div strong {color: #34558b;}
.recruit_info .promotion_list li:nth-child(2n) > div span {color: #34558b;}
.recruit_info .promotion_list li > div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center;}
.recruit_info .promotion_list li > div strong {display: block; font-size: 22px; color: #fff; width: 80%; margin: 0 0 0 auto; line-height: 1.2;}
.recruit_info .promotion_list li > div span {display: block; color: #fff; width: 80%; margin: 0 0 0 auto;}
.recruit_info .section03 {background: url(../images/sub/recruit_info_bg02.jpg) no-repeat center center / cover; }
.recruit_info .section03 .inner {padding: 90px 0 100px;}
.recruit_info .section03 .tit_box h4.sub_tit {color: #fff;}
.recruit_info .benefits_list:after {display: block; clear: both; *zoom: 1; content: '';}
.recruit_info .benefits_list li {position: relative; float: left; box-sizing: border-box; margin: 0 0 50px 20px; width: 280px; height: 120px; padding: 25px 28px; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.recruit_info .benefits_list li:before {display: block; position: absolute; top: 0; right: 0; width: 40px; height: 1px; background-color: #fff; content: '';}
.recruit_info .benefits_list li:after {display: block; position: absolute; bottom: 0; left: 0; width: 1px; height: 100px; background-color: #fff; content: '';}
.recruit_info .benefits_list li:nth-child(4n + 1) {margin: 0 0 50px 0;}
.recruit_info .benefits_list li:first-child, .recruit_info .benefits_list li:nth-child(4),
.recruit_info .benefits_list li:nth-child(6),.recruit_info .benefits_list li:last-child{padding: 35px 30px;}
/*.recruit_info .benefits_list li:nth-child(3){padding: 20px 20px;}*/
.recruit_info .benefits_list li .tit {position: absolute; top: -15px; left: 0; width: 280px; height: 30px; line-height: 30px;}
.recruit_info .benefits_list li .tit strong {font-size: 18px; color: #fff; position: absolute; line-height: 1.1; left: 30px; }
.recruit_info .benefits_list li .tit strong span {position: absolute; left: -40px; font-size: 20px; color: #3c79dd;}
.recruit_info .benefits_list li p {line-height: 20px; color: rgba(255,255,255,0.7);}

/* 채용FAQ */
.faq_toggle {border-top: 1px solid #999;}
.faq_toggle .faq_tit {padding: 15px 60px 15px 30px; border-bottom: 1px solid #ddd; cursor: pointer; background: url(../images/sub/faq_open.png) no-repeat 95% 24px;}
.faq_toggle .faq_tit:after {display: block; clear: both; *zoom: 1; content: '';}
.faq_toggle .faq_tit .num {float: left; width: 50px; line-height: 31px; font-family: 'Sen'; font-size: 24px; color: #34558b;}
.faq_toggle .faq_tit strong {float: left; display: block; width: calc(100% - 50px); line-height: 28px; font-size: 16px; font-weight: 400; color: #666; word-break: keep-all;}
.faq_toggle .faq_con {display: none; padding: 20px 60px 30px 30px; background-color: #f6f6f6; border-bottom: 1px solid #ddd;}
.faq_toggle .faq_con:after {display: block; clear: both; *zoom: 1; content: '';}
.faq_toggle .faq_con .num {float: left; width: 50px; line-height: 31px; font-family: 'Sen'; font-size: 24px; color: #999;}
.faq_toggle .faq_con p {float: left; width: calc(100% - 50px); line-height: 28px; font-size: 16px; color: #666; word-break: keep-all;}
.faq_toggle .faq_tit.open {border-bottom: 1px solid #34558b; background: url(../images/sub/faq_close.png) no-repeat 95% 24px;}

/* 고객센터 */
/* 고객문의 */
.agree_box h5 {display: block; margin: 0 0 15px 0; font-size: 24px; font-weight: 300; color: #333;}
.agree_box .txt_box {box-sizing: border-box; overflow-y: scroll; width: 100%; height: 240px; padding: 20px; border: 1px solid #ddd;}
.agree_box .txt_box p {color: #666;}
.agree_box .chk_wrap {margin: 20px 0 0 0; text-align: right;}
.agree_box .chk_wrap > * {display: inline-block; vertical-align: top;}
.agree_box .chk_wrap > em {line-height: 20px; color: #999;}
.agree_box .chk_wrap .chk_box {margin: 0 0 0 30px;}
.chk_box input[type="radio"] {display: none;}
.chk_box label {display: block; overflow: hidden; cursor: pointer;}
.chk_box label span {float: left; display: block; width: 20px; height: 20px; background: url(../images/sub/radio_off.png) no-repeat center center;}
.chk_box label p {float: left; margin: 0 0 0 15px; line-height: 20px; font-size: 16px; color: #666; line-height: 1;}
.chk_box input[type="radio"]:checked + label span {background: url(../images/sub/radio_on.png) no-repeat center center;}
.table_write {width: 100%; margin: 50px 0 0 0; border-top: 1px solid #999;}
.table_write tr {border-bottom: 1px solid #eee;}
.table_write th {font-size: 14px; font-weight: 400; color: #666; background-color: #eaedf1; text-align: center;}
.table_write td {padding: 7px 20px;}
.table_write td select {display: block; width: 360px; height: 40px; padding: 0 50px 0 20px; color: #333; border: 1px solid #ddd; background: url(../images/sub/arrow_select.png) no-repeat 325px center;}
.table_write td select:focus {border: 1px solid #bbb;}
.table_write td input {display: block; width: 360px; height: 40px; padding: 0 20px; color: #333; border: 1px solid #ddd;}
.table_write td input:focus {border: 1px solid #bbb;}
.table_write td input.w100 {width: 100%;}
.table_write td.textarea {position: relative;}
.table_write td.textarea span {position: absolute; right: 30px; bottom: 20px; font-size: 14px; color: #999;}
.table_write td textarea {width: 100%; height: 225px; padding: 20px; border: 1px solid #ddd;}
.table_write td .sub_txt {display: block; margin: 5px 0 0 0; font-size: 14px; color: #999;}
.table_write td .sub_txt .btn_link {display: inline-block; margin: 0 0 0 20px; height: 18px; line-height: 18px; padding: 0 15px 0 0; font-size: 14px; color: #34558b; vertical-align: top; background: url(../images/sub/arrow_link.png) no-repeat right center;}
.file_box {position: relative;}
.file_box:after {display: block; clear: both; *zoom: 1; content: '';}
.file_box label {float: left; display: block; box-sizing: border-box; margin: 0 0 0 10px; width: 140px; height: 46px; line-height: 46px; font-size: 14px; color: #34558b; border: 1px solid #34558b; text-align: center; cursor: pointer;}
.file_box input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.file_box .upload_name {float: left; box-sizing:border-box; width: 360px; height:46px; padding:0 10px; font-size: 16px; color: #333; background:#fff; border: 1px solid #ddd; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.btns {margin: 50px 0 0 0; font-size: 0; text-align: center;}
.btns .btn_blue {display: inline-block; width: 180px; height: 50px; font-size: 16px; color: #fff; background-color: #34558b; vertical-align: top;}

/* 문의결과 확인 */
.inquiry .table_type01 .tit a {max-width: 430px;}
.inquiry .view_wrap .view_con {border-bottom: 0;}
.inquiry .view_wrap .reply_box {position: relative; box-sizing: border-box; padding: 30px 40px 30px 140px; background-color: #f5f6f7;}
.inquiry .view_wrap .reply_box:before {position: absolute; top: 30px; left: 40px; width: 80px; height: 80px; background: #fff url(../images/sub/ic_inquiry_reply.png) no-repeat center center; border-radius: 50%; content: '';}
.inquiry .view_wrap .reply_box .txt_box {box-sizing: border-box; width: 100%;}
.inquiry .view_wrap .reply_box .txt_box strong {display: block; margin: 0 0 5px 0; font-weight: 400; color: #333;}
.inquiry .view_wrap .reply_box .txt_box p {line-height: 1.7; color: #666;}
.inquiry .view_wrap .view_btn {margin: 20px 0 0 0; border-top: 1px solid #ddd;}

/* 찾아오시는 길 */
.loca_con {position: relative; width: 100%; padding: 50px 0 0 0;}
.loca_con iframe {width: 100%; height: 600px; vertical-align: top;}
.loca_con .txt_box {position: absolute; right: 0; bottom: 0; box-sizing: border-box; width: 600px; height: 200px; padding: 20px 0 0 40px; background-color: #34558b;}
.loca_con .txt_box strong {display: block; font-size: 24px; font-weight: 500; color: #fff;}
.loca_con .txt_box table {width: 100%; margin: 20px 0 0 0;}
.loca_con .txt_box table th {font-weight: 400; text-align: left; vertical-align: top; color: rgba(255,255,255,0.7); width: 90px;}
.loca_con .txt_box table td {line-height: 1.7; color: #fff; text-align: left;}