@charset "utf-8";

/* 메인 칼라 #50b947  백그라운드 #fff */


html {-webkit-font-smoothing: antialiased}
body {font-family:'Montserrat', 'Pretendard'; color:rgba(0,0,0,.8); line-height: 1.5; font-size:18px; letter-spacing: -0.02em; font-weight: 400; word-break: keep-all; }
img {max-width: 100%;}
.hidden {visibility: hidden; font-size: 0; width: 0; height: 0;}
.upper {text-transform: uppercase;}
.cap {text-transform: capitalize;}
.en {letter-spacing: normal; font-family: 'Montserrat'; letter-spacing: -0.02em;}

h1 {font-size: 56px; line-height: 1.2; letter-spacing: -1.2px; font-family:'Montserrat', 'Pretendard';}
h2 {font-size: 52px; font-weight: 600; color: #50b947; line-height: 1.2;}
h5 {font-size: 17px; color: #64A646; font-weight: bold;}
.mid-banner h5 {color: #fff;}
.sub-txt {font-size: 17px; color: rgba(0,0,0,.6);}

/* header:hover .header_wr, */
header.on .header_wr {background: #fff; border-bottom:1px solid #e6e6e6}
header.active .gnb nav .navlist li .dp1,
header.on .gnb nav .navlist li .dp1 {color:#333}
header:hover .gnb .lang-box > a,
header.on .gnb .lang-box > a {color: rgba(0,0,0,.6);}
/* header:hover .gnb .lang-box > a:first-child::after {background: rgba(0,0,0,.3);}
header:hover .toggle-btn > span, */
header.on .toggle-btn > span  {background:#333;}

/* 헤더 */

header {}
.header_wr {position: fixed; top: 0; left: 0; ; width: 100%; z-index: 101;transition: all .3s linear; }
.header_wr::before {content:''; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0;}
header.active .header_wr::before {opacity: 1; height: calc(100% + 90px);}

header .gnb {position:relative;width: 100%;height: 90px;display: flex;justify-content: space-between;align-items:center;/* max-width: 1600px; */margin: 0 auto;padding: 0 160px;}
header .gnb .logo {}
header .gnb .logo > a {display: block; font-size: 32px; color: #50b947; font-weight: 600;}

nav {}
nav .navlist {display: flex; justify-content: center; align-items: center;}
nav .navlist li.depth1 {display:flex; transition: all .3s linear;}
nav .navlist li.depth1:last-child:after{display:none;}
nav .navlist li .dp1 {position: relative; padding: 0 50px; font-size: 17px; font-weight: 500; display: block; color: #fff; line-height: 90px; transition: all .3s linear;}
nav .navlist li .lnb {display: none; position: absolute; top: 90px; left: 0; width: 100%; height: 90px; /* background: #fff; */ margin: 0 auto; text-align: center; font-size: 0;}
nav .navlist li .lnb::before {display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:rgba(213,213,213,0.6); display:block; content:"";}
nav .navlist li .lnb .dp2 {position: relative; width: 100%; height: 90px; margin:0 auto; text-align: center; z-index: 10;}
nav .navlist li .lnb .dp2 li {display: inline-block; vertical-align: top; padding: 0 48px; box-sizing: border-box; transition: all .3s linear; position: relative;}
nav .navlist li .lnb .dp2 li:not(:last-child):after {content: ''; display: inline-block; width: 1px; height: 15px; background: #d9d9d9; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
nav .navlist li .lnb .dp2 li > a {position: relative; display: inline-block; vertical-align: top; font-size: 16px; line-height: 90px; color: #333;}

nav .navlist > li .dp1::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #50b947; display: block; transform: scale(0,1); transition: transform 0.4s cubic-bezier(0.7, 0.1, 0.5, 1); transform-origin: center top;}
nav .navlist > li:hover .dp1::before {transform: scale(1,1); transform-origin: center top;}

nav .navlist li .dp2 li:hover > a {font-weight: 500; color: #50b947; transition: all .3s ;}




header .gnb .lang-box {display: flex;}
header .gnb .lang-box > a {font-size: 15px; color:#fff; display: block;}
header .gnb .lang-box > a:first-child::after {content: ''; display: inline-block; width: 1px; height: 12px; background: rgba(256,256,256,.3); margin: 0 16px}

header .gnb .lang-box > a.on {font-weight: 600; color: #50b947;}

header .btns {width: 30px; height: 30px; position: relative;}
header .toggle-btn {display: none;border: none;background: none;position: absolute;top: 50%;transform: translateY(-50%); width: 100%; height: 100%; transition: all .3s ease;}
header .toggle-btn > span {width: 100%; height: 2px; background:#fff; display: block; transition: all .2s cubic-bezier(0, 0, 0.3, 1);}
header .toggle-btn > span + span {margin-top: 6px;}
header .toggle-btn > span:nth-child(1) {}
header .toggle-btn > span:nth-child(2) {
    width: 60%;
    margin-left: auto;
}
header .toggle-btn > span:nth-child(3) {}



#main_wr {position: relative; width: 100%;}
.center {max-width: 1600px; margin:0 auto; width: 100%;} 

.r-inset {display: none;}



/* 배너 */
#main_wr .visual {position: relative; overflow: hidden;}
#main_wr .visual .inset {}
#main_wr .visual .inset .banner {position: relative; width: 100%; height: 100vh; overflow: hidden;}
#main_wr .visual .inset .banner .img { width: 100%; height: 100%;}
#main_wr .visual .inset .banner.slide1 .img {background: url('../img/main-banner01.jpg') no-repeat center/cover;}
#main_wr .visual .inset .banner.slide2 .img {background: url('../img/main-banner02.jpg') no-repeat center/cover;}
#main_wr .visual .inset .banner.slide3 .img {background: url('../img/main-banner03.jpg') no-repeat center/cover;}

#main_wr .visual .inset .banner .text-box {position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 1440px; margin: 0 auto ; display: flex; align-items: center;}

#main_wr .visual .inset .banner .text-box .text-wrap {position: absolute;color: #fff;}
#main_wr .visual .inset .banner .text-box .text-wrap > p {font-size: 18px; font-weight: 400; margin-top:20px }
#main_wr .visual .inset .banner .text-box .text-wrap > h1 {font-weight: 600; transition: all .2s linear; font-size: 62px;}
#main_wr .visual .inset .banner .text-box .text-wrap > h1 > strong {font-weight: 900;}
#main_wr .visual .inset .banner .text-box .text-wrap > h1 > br:last-child {display: none;}


.visual button {background: 0; border: 0; outline: 0;}
.indicator {position: absolute;top: 50%;left: 0;width: 100%;height: auto;z-index:10;transform: translateY(-50%); display: none;}
.indicator .inner {max-width: 1680px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;height: 100%;margin: 0 auto;}
.indicator .btn {position: relative;width: 40px;height: 40px;opacity: 0.7;background-size: contain;}
.indicator .btn:hover,
.indicator .btn:focus {opacity: 1; transition: all .3s;}
.btn.prev{background: url(../img/btn-slide-prev.svg) center/cover no-repeat;}
[dir='rtl'] .slick-prev{right: 0px; left: auto;}
.slick-prev:before{content: '';}
[dir='rtl'] .slick-prev:before{content: '';}
.btn.next {background: url(../img/btn-slide-next.svg) center/cover no-repeat;}
[dir='rtl'] .slick-next {right: auto; left: 0;}
.slick-next:before {content: '';}
[dir='rtl'] .slick-next:before {content: '';}

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px;}
.slick-dots {display: flex!important; align-items:center; margin: 0; padding: 0; display: block; margin: 0 14px;}
.slick-dots li {position: relative; width: 17px; height: 17px; display: flex; justify-content: center;
align-items: center;}
.slick-dots li + li {margin-left: 12px;}
.slick-dots li button { display: block; width: 7px; height: 7px; padding: 0; border: 1px solid #fff;  border-radius: 100%;  text-indent: -9999px; cursor: pointer; transition: all .3s ease-in-out;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {width: 17px; height: 17px; border-radius: 50%; content: ''; display: block; position: absolute; top: 0; left: 0; transition: all .5s; border: 1px solid #fff; opacity: 0;}
.slick-dots li.slick-active button:before {width: 100%; height: 100%; border-radius:50%; border: 1px solid #fff; opacity: 1;}
.slick-dots li.slick-active button{background: #fff;}



/* 사업영역 */

.business {position: relative; padding: 150px 0 200px 0;}
.business .bs_wr {display: flex;position: relative;max-width: 1600px;width: 100%;margin: 0 auto;}
.business .tit_area {max-width: 474px;width:100%;display: flex;flex: none;flex-direction: column;padding-top: 80px; padding-right: 120px; padding-left: 20px;}
.slide_area {/* flex: none; *//* max-width: 1126px; */ width: 100%;}
.slide_area .slide-inset {display: flex;gap: 20px;}
.slide_area .bs_item {display: inline-block; max-width:460px; height: 520px; width: 100%; padding: 60px;}

.bs_item.item1 {background: url(../img/main-bs01.jpg) no-repeat center/cover;}
.bs_item.item2 {background: url(../img/main-bs02.jpg) no-repeat center/cover;}
.bs_item.item3 {background: url(../img/main-bs03.jpg) no-repeat center/cover;}
.business .bs-tit .tit {font-size: 30px; font-weight: 700; color: #fff;}
.business .bs-tit .text {font-size: 17px; margin-top: 16px;  color: #fff;}
.business .tit {/* font-size: 52px;  */font-weight: 600; color: #50b947;}
.business .sub-txt {margin-top: 40px;}
.business .bs_item {transition: all .3s ease-in-out;}



/* 중간 배너 - 회사소개 */

.mid-banner {position: relative; width: 100%; padding-bottom: 120px;}
.mid-banner::after {width: 100%;/* height: 482px; */background: #F2f3f5;position: absolute;top:200px;left: 0;z-index:-10;content: '';display: block;padding: 23.8vh 0;}
.mid-banner .wrapper {/* width: 57.75%; */max-width: 1600px;margin: 0 auto;display: flex;height: 100%;}
.mid-banner .img-box {/* max-width: 924px; */width: 100%;width: 57.75%;}
.mid-banner .img-box img {max-width: 100%; width: 100%;}
.mid-banner .text-box {margin-left: 120px;width: calc(100% - 57.75%);}
.mid-banner .text-box .tit {/* font-size: 52px; */ font-weight: 600; color: #50b947; margin-top: 36px;}
.mid-banner .text-box .sub-txt { font-size: 17px; margin-top: 80px;  }
.mid-banner .text-box .sub-txt + .mbtn {margin-top: 90px;}


/* 메인 버튼 */
.mbtn {display: inline-block; height: 80px; position: relative; line-height: 80px; display: inline-flex; align-items: center; font-size: 18px; font-weight: 500; color: #333; transition-delay: .7s; } 
.mbtn .mbtn-a {display: block; border-radius: 50%; top: 0; left: 0; transform: translateX(30px); position: relative; z-index: -1;}
.mbtn .mbtn-a::after {content:''; display: block; width: 40px; height: 40px; border: 1px solid #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; background: url(../img/main-arrw-ico.svg) no-repeat center; transition: all .2s; border-radius: 50%; ;}
.mbtn.white .mbtn-a::after {background: url(../img/main-arrw-ico-white.svg) no-repeat center;}
.mbtn:focus .mbtn-a::after {width: 80px; height: 80px; background-color: #50b947; border: none;}


/* 메인 뉴스 */

#news-area {position: relative;}
.news {padding: 150px 0; position: relative;}
.news .tit-set {display: flex; justify-content: space-between; align-items: flex-end;}
.news .tit-set .mbtn {margin-right: 70px;}

.news .lat.m_news {background: none;}
.news .lat.m_news ul {display: flex;justify-content: space-between;padding: 60px 0 0 0;display: grid;grid-template-columns: repeat(4,1fr);column-gap: 2.2%;}
.news .lat.m_news ul .basic_li {/* width: calc(100%/4); */background: #fff;border:1px solid #ddd;padding: 60px 40px;transition: all .2s linear;}


.news .lat.m_news ul .basic_li + li {/* margin-left: 2.2%; */}

.news .main.lt_tit > a,
.lat.m_news .wr_content > p {overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.lat.m_news .lt_tit > a {font-size: 28px; font-weight: 600;}
.lat.m_news .wr_content { margin: 30px 0 0 0; min-height: 80px; }
.lat.m_news .wr_content p {font-size: 16px; color: rgba(0,0,0,.6); word-break: break-word;}
.lat.m_news .bottom-wr {display: flex; justify-content: space-between; align-items: center; margin-top: 28px;}
.lat.m_news .lt_date {font-size: 16px; color: rgba(0,0,0,.6);}

.m_news .mbtn-plus {width: 40px; height: 40px; border: 1px solid #ddd; position: relative; }
.m_news .mbtn-plus::before {content: ''; width: 1px; height: 16px; background: #666; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.m_news .mbtn-plus::after {content: ''; width: 16px; height: 1px; background: #666; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.news .lat.m_news ul .basic_li:hover .mbtn-plus::before,
.news .lat.m_news ul .basic_li:hover .mbtn-plus::after {transform:translate(-50%,-50%) rotate(180deg); transition: all .3s;}



/* 푸터 */

footer {background: #212121; color:#B3B3B3; font-size: 15px;}
.footer-logo {}
.footer-logo > a {color: #B3B3B3; font-size: 32px; font-weight: 600;}
footer .footer-wrap {display: flex; justify-content: space-between; padding: 60px 0;}
footer .footer-wrap .info-area {}
footer .footer-wrap .info-area .contact-info {display: flex; flex-wrap: wrap;}
footer .footer-wrap .info-area .contact-info li {}
footer .footer-wrap .info-area .contact-info li:not(:last-child) {margin-right: 14px;}

footer .footer-wrap .info-area address {font-style: normal; margin: 20px 0 30px 0}
footer .footer-wrap .info-area address > p {}




/* 페이지 상단 배너 및 탭메뉴 */
#page_title {position: relative; width: 100%; height: 650px; display: none; overflow: hidden;}
#page_title.active {display: block;}
#page_title .bg {width:100%; height:100%; position: absolute; top: -1px; left: 0; z-index: -10; }
#page_title.about .bg {background: url(../img/about_banner.jpg) center/cover no-repeat; }
#page_title.bs .bg {background: url(../img/business_banner.jpg) center/cover no-repeat; }
#page_title.rnd .bg {background: url(../img/cert_banner.jpg) center/cover no-repeat; }
#page_title.ir .bg {background: url(../img/ir-banner.jpg) center/cover no-repeat; }
#page_title.career .bg {background: url(../img/career-banner.jpg) center/cover no-repeat; }
#page_title.community .bg {background: url(../img/community_banner.jpg) center/cover no-repeat; }
#page_title .inner-wrap {position: relative; width: 100%; height: 100%;}
#page_title .inner-wrap .contents {max-width: 1600px;width: 100%;position: relative;margin: 0 auto;height: 100%;/* border: 1px solid red; */}
#page_title .inner-wrap .contents .page-tit{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#page_title .inner-wrap .contents .page-tit .titset {margin-top: 80px;}
#page_title .inner-wrap .contents .page-tit .titset h1 {color: #fff; font-size: 60px; font-weight: 600;}

#page_title .inner-wrap .contents .page-tab-menu {position: relative;width: 100%;padding-top: 28px;height: 100px;display: flex;flex-wrap: wrap;box-sizing: border-box;z-index: 100;}
#page_title .inner-wrap .contents .page-tab-menu::before {content:''; display: block; background: #fff;position: absolute; top: 0; left: 0; width: 500%; height: 100%; z-index: -1;}
#page_title .inner-wrap .contents .page-tab-menu .tab-inset {display: flex;justify-content: space-between;align-items: center;max-width: 1600px;width: 87.5%;margin: 0 auto;border-bottom: 1px solid #d9d9d9;}
#page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp1 {font-size: 20px;font-weight: 700; position: relative; line-height: 70px;}
#page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp1::after {content:''; display: block; width: 100%; height: 4px; background: #50b947; position: absolute; bottom:0; left: 0;}
#page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 {width: 100%;}
#page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list {
    display: flex;
    gap: 40px;
}
#page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li {}
#page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a {line-height: 70px; color: rgba(0,0,0,.6);}
#page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li.on a {font-weight: 600; color: #50b947;}




/* 서브페이지 공통 */

/* #page_title {text-align: center; line-height: 1.2; padding: 120px 0 100px 0;} */
#page_title .sub {color: #50b947; font-weight: 500;}
#page_title .main {font-size: 40px; font-weight: 500;}
#page_title .subtxt {color:rgba(0,0,0,.6); margin-top: 40px; line-height: 1.5;}

#page_cont .inner_box {max-width: 1400px; width: 100%; position: relative; margin: 0 auto;}

#page_cont .page-head + .inner_box {margin-top: 100px;}
#page_cont > section {padding: 180px 0;} 

.page-head {text-align: center;}
.page-head .l-tit {font-size: 48px; font-weight: 800; }
.page-head .s-tit {font-size: 24px; font-weight: 600; color:#50b947}
.w700 {font-weight: 700;}


/* 인사말 */
.greeting .page-head  .s-tit {color: #666;}

#page_cont .greeting .inner_box {display: flex; justify-content: space-between;gap:80px}
#page_cont .greeting .inner_box .img_area,
#page_cont .greeting .inner_box .text_area {flex:1}
#page_cont .greeting .inner_box .img_area {}
#page_cont .greeting .inner_box .img_area > img {width: 100%;}

#page_cont .greeting .inner_box .text_area {color: rgba(0,0,0,.6); padding-top: 60px;}
#page_cont .greeting .inner_box .text_area .sub-title h3 {font-size: 40px; font-weight: 600; color: rgba(0,0,0,.8); }
#page_cont .greeting .inner_box .text_area h3 strong {font-weight: bold; color: #50b947;}

#page_cont .greeting .inner_box .text_area .cont {margin-top: 60px;}
#page_cont .greeting .inner_box .text_area > p {}
#page_cont .greeting .inner_box .text_area .cont p + p {margin-top: 20px;}
#page_cont .greeting .inner_box .text_area > p > strong {color: rgba(0,0,0,.8)}
#page_cont .greeting .inner_box .text_area > p:not(:last-child) {margin-bottom: 24px; line-height: 1.6;}

#page_cont .greeting .inner_box .text_area .signature {margin-top: 100px; display: flex; align-items: center;}
#page_cont .greeting .inner_box .text_area .signature p {font-size: 20px;}




/* 비전 */

.vision {}
.vision .inner_box {}
.vision .vision-wrap {}
.vision .vision-wrap .vision-list {display: flex; justify-content: space-between; gap:28px;}
.vision .vision-wrap .vision-list li {flex:1}
.vision .vision-wrap .vision-list li .v-img {display: block;}
.vision .vision-wrap .vision-list li .v-img img {}
.vision .vision-wrap .vision-list li .text_wrap {display:block; text-align: center; }
.vision .vision-wrap .vision-list li .text_wrap .tit {font-size: 28px; font-weight: 600; margin: 28px 0 10px;}
.vision .vision-wrap .vision-list li .text_wrap .sub-tit {font-size: 18px;}


#daumRoughmapContainer1664357548568 {width: 100%; max-width: 1400px;}


/* 조직도 */


.org {}
.org .inner_box {}
.org .inner_box .org-chart {}
.org .inner_box .org-chart img {}

/* CI 소개 */

.ci {background: #F7F8FA; text-align: center; }
.ci .text-wrap {}
.ci .text-wrap .sub-tit {font-weight: 600;}
.ci .text-wrap .text {color: rgba(0,0,0,.5);margin: 20px 0 80px;}
#page_cont .page-head + .ci-wrap.inner_box {margin-top: 40px;}

section.ty2 .text-box {max-width: 1280px; width: 100%; position: relative; margin: 60px auto 0; text-align: center;}
section.ty2 .text-box p {line-height: 1.6;}

.ci .ci-wrap {}
.ci-box + .ci-box {margin-top: 100px;}
.ci-box .section-tit {font-size: 32px; font-weight: 600;}
.ci-box .section-tit > span {margin-left: 12px;}
.ci-box .ci-imgbox {width: 100%; height: 350px; background: #fff; margin-top: 40px; border: 1px solid #d9d9d9;}
.ci-box .ci-imgbox .img-list {height: 100%;}
.ci-box .ci-imgbox .img-list li {height: 100%;}
.ci-box .ci-imgbox .img-list li > span {font-size: 60px; font-weight: 700; height: 100%; display: flex; justify-content: center; align-items: center;}

.ci-box .button-set {display: flex; justify-content: center; align-items: center; gap:24px; margin-top: 28px;}
.ci-box .button-set > a {display: block; border: 1px solid #d9d9d9; padding: 8px 24px;}
.ci-box .button-set > a > span {font-size: 14px; color: #666;}
.ci-box .button-set > a > span::after {display: inline-block; width: 16px; height: 16px; content:''; background: url(../img/ico-down.svg) no-repeat; background-size: cover; margin-left: 4px;}
.ci-box.signature .img-list {display: flex; justify-content: center; gap: 80px;}

/* .ci-box {border-bottom: 1px solid #e6e6e6; padding-bottom: 100px;} */
.ci-box + .ci-box {border-top: 1px solid #e6e6e6; padding-top: 100px;}

.ci-color-box {margin-top: 40px;}
.ci-color-box .color-list {display: flex; justify-content: space-between; gap:28px;}
.ci-color-box .color-list li {flex:1; padding: 48px; text-align: left;}
.ci-color-box .color-list li.primary {flex:2; background: #000;}
.ci-color-box .color-list li.sec1 {background: #999}
.ci-color-box .color-list li.sec2 {background: #ccc;}

.ci-color-box .color-list li.primary span {color:#fff}
.ci-color-box .color-list li .tit {font-size: 22px; font-weight: 600; margin-bottom: 40px; display: block;}
.ci-color-box .color-list li .code {font-size: 14px;}



/* 주요연혁 */

#page_cont .history .inner_box {margin-top: 100px;}

.history .head-img {width: 98%; height: 550px; position: relative; margin: 100px auto 0;}
.history .head-img .img-box {background: url(../img/history-img.jpg) center/cover no-repeat; width: 100%; height: 100%;}
.history .head-img .img-box .text {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 44px; color: #fff; font-weight: 600;}

.history-wrap {position: relative;}
.history-box {}
.history-box .cont-box {display: flex; position: relative;}
.history-box .cont-box + .cont-box {margin-top: 120px;}
.history-box .cont-box .history-titset {flex:1}
.history-box .cont-box .history-list {flex:1}


.history-box .cont-box .history-titset .sub-tit {font-size: 18px; color: #50b947; font-weight: 600;}
.history-box .cont-box .history-titset .period {font-size: 60px; font-weight: 600; line-height: 72px;}

.cont-box {}
.cont-box .history-list {padding-top: 40px;}
.cont-box .history-list li {display: flex;margin-bottom: 40px;}
.cont-box .history-list li + li {border-top: 1px solid #e6e6e6;padding-top: 40px;}
.cont-box .history-list li .year {font-size: 32px; font-weight: 500; flex:1}
.cont-box .history-list li .text {font-size: 18px; flex:3;  line-height: 42px;}
.cont-box .history-list li .text > p {line-height: 42px; color: #757575;}

.bullet {position: relative; padding-left: 10px;}
.bullet::before {content: ''; width: 3px; height: 3px; display: inline-block; background: #50b947; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}


.history_box {display: flex;justify-content: space-between; align-items:flex-start;border-top: 1px solid rgba(0,0,0,.1); padding-bottom: 40px;}
/* .history_box + .history_box {padding-top: 40px;} */
.history_box .year {width: 34%;padding: 30px 0 0 60px;font-size: 56px;font-weight: bold;color: #50b947;}
.history_box .history_list  {width: 66%;}
.history_box .history_list li {display: flex;padding: 40px 0;border-bottom: 1px solid rgba(0,0,0,.1);}
.history_box .history_list li:last-child {border-bottom: none;}
.history_box .history_list li .month {font-size: 24px; color: #000; font-weight: 600;}
.history_box .history_list li .h-list {padding-left: 68px;}
.history_box .history_list li .h-list > p {position: relative;padding-left: 20px; }
.history_box .history_list li .h-list > p ~ p {margin-top: 20px;}
.history_box .history_list li .h-list > p::before {content: ''; display: inline-block; width: 6px; height: 6px; background: rgba(0,0,0,.5); border-radius: 50%; position: absolute; top: 10px; left: 0;}
.history_box .history_list li .h-list > span {font-size: 15px; color: rgba(0,0,0,.5); margin-top: 2px; margin-left: 20px; display: block;}



/* 조직도 */

.org .chart .mob {display: none;}
.org .chart > img {width: 100%;}


/* 오시는길 */
.location {}
.location .info_box {margin-top: 80px;}
.location .info_box .info-list {display: flex;}
.location .info_box .info-list li {flex:1; padding: 0 40px;}
.location .info_box .info-list li + li {border-left: 1px solid #e6e6e6;}
.location .info_box .info-list li .branch {position: relative;font-size: 28px;font-weight: 700;padding-left: 42px; margin-bottom: 28px;}
.location .info_box .info-list li .branch::before {content: '';width: 36px;height: 36px;display: inline-block;background: url(../img/loc-ico.svg) center/cover no-repeat;/* vertical-align: middle; */position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.location .info_box .info-list li .en {font-size: 16px; font-weight: 600; color: #50b947; min-width: 80px;}
.location .info_box .info-list li .ad {margin-bottom: 10px;}
.location .info_box .info-list li .contact {}
.location .info_box .info-list li .ad,
.location .info_box .info-list li .contact {display: flex;}
.location .info_box .info-list li .ad p {}
.location .info_box .info-list li .contact p {}


/* 사업영역 */
.bs-cont-wrapper {display: flex; gap: 100px;}
.bs-cont-wrapper + .bs-cont-wrapper {margin-top: 150px;}
.bs-cont-wrapper.rev {flex-direction: row-reverse;}
.bs-cont-wrapper .bs-box {}
.bs-cont-wrapper .bs-box.txt {flex: 1;padding: 40px 0;}
.bs-cont-wrapper .bs-box.img {flex: 2;}
.bs-cont-wrapper .bs-box .num {font-size: 120px;color: rgba(0,0,0,.1);font-weight: bold;/* line-height: 140px; */}
.bs-cont-wrapper .bs-box .tit {color: #333;margin-bottom: 20px;}
.bs-cont-wrapper .bs-box .sub-txt {color: #333;}


.bs-cont-wrap {}
.bs-cont-wrap .img-box {}
.bs-cont-wrap .img-box img {width: 100%;}
.bs-cont-wrap .text-box {display: flex; margin-top: 80px;}
.bs-cont-wrap .text-box + .text-box {margin-top: 120px;}
.bs-cont-wrap .text-box .subtit {font-size: 44px;font-weight: 700;flex: 1;line-height: 1.2;}
.bs-cont-wrap .text-box .cont {font-size: 18px;flex: 3; line-height: 1.6;}

.bs-cont-wrap .text-box .cont .cont-list {border-top: 3px solid #333;}
.bs-cont-wrap .text-box .cont .cont-list li {padding: 28px 0 28px 20px;}
.bs-cont-wrap .text-box .cont .cont-list .bullet::before {width: 5px; height: 5px;}
.bs-cont-wrap .text-box .cont .cont-list li + li {border-top: 1px solid #d9d9d9;}


/* 연구소 소개 */
.rndintro {}
.rndintro .gridlist {display: grid;grid-template-columns: repeat(2,2fr);max-width: 1000px;width: 100%;margin: 100px auto 0;position: relative;gap: 40px;}
.rndintro .gridlist li {border: 1px solid #e6e6e6;padding: 60px 48px;position: relative;}
.rndintro .gridlist li::before {content: '01';position: absolute;top: 60px;right: 48px;font-size: 72px;font-weight: 700;opacity: 0.1;line-height: 72px;}
.rndintro .gridlist li:nth-child(1):before {content: '01';}
.rndintro .gridlist li:nth-child(2):before {content: '02';}
.rndintro .gridlist li:nth-child(3):before {content: '03';}
.rndintro .gridlist li:nth-child(4):before {content: '04';}
.rndintro .gridlist li dl {padding-top: 160px;}
.rndintro .gridlist li dt {font-size: 28px;font-weight: 600;}
.rndintro .gridlist li dd {margin-top: 20px;}


/* 연구개발 */
#page_cont {}
#page_cont .rnd {}
#page_cont .rnd .page-head {}
#page_cont .rnd .page-head .s-tit {}
#page_cont .rnd .page-head .l-tit {line-height: 1.3; margin-top: 20px;}
#page_cont .rnd .page-head .txt { max-width: 1400px; width: 100%; margin: 48px auto 0; color: #808080;}

.rnd-cont-wrapper {}
.rnd-cont-wrapper .sec-tit {font-size: 30px; text-align: center; font-weight: 600;}
.rnd-cont-wrapper .rnd-list {display: grid; grid-template-columns: repeat(3,1fr); gap: 0 40px; margin-top: 80px;}
.rnd-cont-wrapper .rnd-list li {position: relative;height: 530px;}
.rnd-cont-wrapper .rnd-list li.bg01 {background: url(../img/rnd-img01.jpg) center/cover no-repeat;}
.rnd-cont-wrapper .rnd-list li.bg02 {background: url(../img/rnd-img02.jpg) center/cover no-repeat;}
.rnd-cont-wrapper .rnd-list li.bg03 {background: url(../img/rnd-img03.jpg) center/cover no-repeat;}
.rnd-cont-wrapper .rnd-list li dl {position: absolute;top: 48px; left: 48px;z-index: 1;}
.rnd-cont-wrapper .rnd-list li dl dt {color: rgba(256,256,256,0.5);font-weight: bold;font-size: 22px;}
.rnd-cont-wrapper .rnd-list li dl dd {font-size: 26px;font-weight: 700;color: #fff; margin-top: 6px;}
.rnd-cont-wrapper .rnd-list .hover-box {display: block;width: 100%;height: 100%;padding: 48px 48px 80px 48px;background: rgba(0,0,0,.8);display: flex;flex-direction: column;justify-content: flex-end;transition: all .3s ease; opacity: 0;}
.rnd-cont-wrapper .rnd-list .hover-box p + p {margin-top: 6px;}
.rnd-cont-wrapper .rnd-list .hover-box .bullet {color: #fff; padding-left: 16px; font-size: 16px;}
.rnd-cont-wrapper .rnd-list .hover-box .bullet::before {background: #fff; width: 4px; height: 4px;}
.rnd-cont-wrapper .rnd-list li:hover .hover-box {opacity: 1;}


/* 인재상 */
.career {}
.career .round-box-wrap {width: 100%;border: 1px solid #d9d9d9;border-radius: 500px;padding: 28px;}
.career .round-box-wrap .circle-list {display: flex; flex-wrap: wrap;justify-content: space-between;}
.career .round-box-wrap .circle-list li {position:relative;border-radius: 100%;width: calc(33.333% - 28px);padding-top: calc(33.333% - 28px);}
.career .round-box-wrap .circle-list li .inset {display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; position: absolute; top: 0; left:0; right: 0; bottom: 0; padding: 60px;}
.career .round-box-wrap .circle-list li:nth-child(1) {background: linear-gradient(90deg, #3B9955 0%, #4DB345 100%);}
.career .round-box-wrap .circle-list li:nth-child(2) {background: linear-gradient(90deg, #4DB345 0%, #6FBF49 100%);}
.career .round-box-wrap .circle-list li:nth-child(3) {background: linear-gradient(90deg, #6FBF49 0%, #89D55B 100%);}

.career .round-box-wrap .circle-list li .sec-subtit {font-size: 14px; font-weight: 500;}
.career .round-box-wrap .circle-list li .sec-tit {font-size: 32px; font-weight: 800; }
.career .round-box-wrap .circle-list li .sec-txt {text-align: center;}
.career .round-box-wrap .circle-list li .sec-txt {margin-top: 12px; font-size: 16px;}

.career .sec-box-wrap {margin-top: 150px;}
.career .sec-box-wrap .sec-head {font-size: 32px; font-weight: bold; text-align: center;}
.career .sec-box-wrap .sq-list {display: grid; grid-template-columns: repeat(2,1fr); gap: 60px 40px; margin-top: 80px;}
.career .sec-box-wrap .sq-list li {background-color: #F5F6F7;padding: 52px 48px;}
.career .sec-box-wrap .sq-list li dl {position: relative;}
.career .sec-box-wrap .sq-list li dl::after {content: '01';display: inline-block;position: absolute;top: 0;right: 0;font-size: 48px;font-weight: 800;opacity: 0.1;line-height: 48px;}
.career .sec-box-wrap .sq-list li:nth-child(1) dl::after {content: '01';}
.career .sec-box-wrap .sq-list li:nth-child(2) dl::after {content: '02';}
.career .sec-box-wrap .sq-list li:nth-child(3) dl::after {content: '03';}
.career .sec-box-wrap .sq-list li:nth-child(4) dl::after {content: '04';}

.career .sec-box-wrap .sq-list li dl dt {font-size: 30px; font-weight: 600;}
.career .sec-box-wrap .sq-list li dl dd {color: #666; font-weight: 300; margin-top: 20px; width: 80%;}


/* 소식 페이지 갤러리형 게시판:커스텀 */

.sub-news.g-type .gall-type {width: 400px;}
.sub-news.g-type .gall-type .gall_img {max-width: 400px;width: 100%;height: auto!important;max-height: unset!important;}
.sub-news.g-type .gall-type .gall_img > a {width: 100%; display: block;}
.sub-news.g-type .gall-type .gall_img > a > img {width: 100%;}

.sub-news.g-type .td_subject > a {display: flex; flex-direction: column-reverse; justify-content: baseline; align-items: baseline;}
.sub-news.g-type .td_subject > a .sub-area .bo_tit {font-size: 28px;}
.sub-news.g-type .td_subject > a .sub-area .bo-cont {margin: 20px 0 40px; color: #666;}
.sub-news.g-type .news_table .td_datetime {font-size: 16px; font-weight: normal; color: #999;}

.sub-news.g-type td.btn {width: 100px;}
.sub-news.g-type .btn-area {width: 60px; margin: 0 auto;}
.sub-news.g-type .btn-area > span {position: relative; width: 26px; height: 26px; margin: 0 auto; display: block;}
.sub-news.g-type .btn-area > span::before {content: ''; display: block; width: 100%; height: 2px; background: rgba(0,0,0,.8); position: absolute; top: 50%; left:0; transform: translateY(-50%);}
.sub-news.g-type .btn-area > span::after {content: ''; display: block; width: 2px; height: 100%; background: rgba(0,0,0,.8); left: 50%; position: absolute; transform: translateX(-50%);}


/* 서브 - 뉴스 페이지 */

.sub-news {}

.sub-news .news_table {width: 100%; border-top: 2px solid rgba(0,0,0,.8);}
.sub-news .td_chk {width: 30px;}

.inner_box .news_table td {padding: 40px 20px!important; border-bottom: 1px solid rgba(0,0,0,.1);}
.inner_box .news_table .empty_table {text-align: center;}

.sub-news .td_subject > a {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.sub-news .td_subject > a .td_num2 {width: 140px; text-align: left;}
.sub-news .td_subject > a .td_num2 > span {width: 80px; height: 40px; display: inline-block; background:#50b947; border-radius: 50px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; letter-spacing: normal;}
.news_table .td_datetime {font-size: 20px; font-weight: 500; color: rgba(0,0,0,.6);}

.sub-news .td_subject > a .sub-area {width: 80%;}
.sub-news .td_subject > a .sub-area .bo_tit {font-size: 20px; font-weight: 700;}

.sub-news .td_subject > a .btn-area {width: 60px;}
.sub-news .td_subject > a .btn-area > span {position: relative; width: 26px; height: 26px; margin: 0 auto; display: block;}
.sub-news .td_subject > a .btn-area > span::before {content: ''; display: block; width: 100%; height: 2px; background: rgba(0,0,0,.8); position: absolute; top: 50%; left:0; transform: translateY(-50%);}
.sub-news .td_subject > a .btn-area > span::after {content: ''; display: block; width: 2px; height: 100%; background: rgba(0,0,0,.8); left: 50%; position: absolute; transform: translateX(-50%);}

.sub-news .td_subject > a:hover {text-decoration:none}

/* IR 재무정보 */
table {border-collapse: collapse;}

.ir01 {}
.ir01 .table-wrap {}
.ir01 .table-wrap table {width: 100%;}
.ir01 .table-wrap table caption {text-align: right; font-size: 14px; color: #999; margin-bottom: 10px;}
.ir01 .table-wrap table thead th {border-top: 2px solid #333; border-bottom: 1px solid #d9d9d9; background-color: #F7F8FA;}
.ir01 .table-wrap table td {border-bottom: 1px solid #d9d9d9; text-align: center; font-size: 16px;}

.ir01 .table-wrap table thead th,
.ir01 .table-wrap table td {padding: 20px 0; }
.ir01 .table-wrap table thead th + th,
.ir01 .table-wrap table td + td {border-left: 1px solid #d9d9d9;}


/* IR 자료실 - 게시판 */

.ir02 #bo_list_total {display: none;}
.ir02 .tbl_head01 thead th {color: #333;font-size: 16px;background-color: #F7F8FA;border-top: 2px solid #333;}
.ir02 .tbl_head01 thead th,
.ir02 .tbl_head01 td {padding: 28px 0;}
.ir02 #bo_list .td_num2 {width: 100px;}
.ir02 #bo_list .td_datetime {width: 160px;}
.ir02 .td_down {width: 180px;text-align: center;}
.ir02 .down {position: relative;border: 1px solid #50B947;padding: 10px 14px;font-size: 14px;font-weight: 500;color: #50B947;}
.ir02 .down::after {background: url(../img/ico-download.svg) center/cover no-repeat;width: 18px;height: 18px;content: '';display: inline-block;background-position-y: 3px;margin-left: 4px;}
.ir02 .tbl_head01 tbody tr:hover td {background: none;}
.ir02 #bo_list tbody tr:hover {border-left: 2px solid transparent;}

.bo_fx {display: none;}
/* .ir02 .inner_box #bo_v_title .bo_v_tit {text-align: center;} */

/* 주요 고객사 */
.ptns {}
.ptns .box-wrap {}
.ptns .box-wrap .box-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red; */
    /* max-width: 1200px; */
    /* width: 100%; */
    /* margin: 0 auto; */
    gap: 60px 40px;
}
.ptns .box-wrap .box-list li {
    border: 1px solid #d9d9d9;
    padding: 40px 100px;
}



/* 게시판 보기 페이지 - 공통 */

.inner_box #bo_v {background: none;}
.inner_box #bo_v_top ul {background: none;}
.inner_box #bo_v .view_header {border-top: 2px solid rgba(0,0,0,.8); padding: 50px 180px; text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); }
.inner_box #bo_v_title .bo_v_tit {font-size: 38px; margin-bottom: 14px; word-break: keep-all; line-height: 1.4; color: rgba(0,0,0,.8);}
.inner_box .if_date {font-size: 18px; font-weight: 400; color: rgba(0,0,0,.6); margin-top: 8px; display: block;}
.inner_box #bo_v_atc {padding: 100px;}
.inner_box #bo_v_con {margin: 0; word-break: keep-all; font-size: 18px; min-height: 300px;}

.inner_box #bo_v_img {text-align: center;}
.inner_box #bo_v_img img {margin-bottom: 60px;}

.inner_box #bo_v_file {padding: 0 200px 100px}
.inner_box #bo_v_file li {padding: 20px;}

.inner_box #bo_v_file li:hover {border-color:rgba(100,166,70,.4) ;color:rgba(100,166,70,.4)}
.inner_box #bo_v_file li:hover i {color:#50b947}
.inner_box #bo_v_file li:hover .bo_v_file_cnt {color:rgba(100,166,70,.6)}
.inner_box #bo_v_file a:focus, 
.inner_box #bo_v_file li:hover a, 
.inner_box #bo_v_file a:active {color: #50b947;}

.inner_box #bo_v_file .bo_v_file_cnt {font-size: 16px;}

#page_cont .back-to-list {margin-top: 100px;}
#page_cont .back-to-list .btn {width: 200px;display: block;/* background: #50b947; *//* border-radius: 50px; */text-align: center;/* height: 52px; *//* line-height: 52px; */color: #666;font-size: 20px;margin: 0 auto;padding: 18px 0;border: 1px solid #d9d9d9;}

.inner_box .more_opt li button, .more_opt li a {background: none;}
.inner_box .more_opt li {width: 116px;}

.bo_v_nb li {display: flex; align-items: center; padding: 24px 13px;}
.bo_v_nb li > a {flex: 3;}

/* 게시판 쓰기 페이지 */

.inner_box .write_div input {height: 40px; padding-left: 10px;}
.inner_box .write_div .wr_content textarea {padding: 10px; font-size: 16px; font-family: 'Lato', 'Prentendard';}

.inner_box #bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px;font-size: 14px;}

.inner_box #bo_w .btn_confirm {display: flex; align-items: center; margin: 40px 0 10px 0;}
.inner_box #bo_w .btn_cancel {color: rgba(0,0,0,.6);border: 1px solid rgba(0,0,0,.4);}
.inner_box #bo_w .btn_submit {background: #50b947; border: none; color: #fff; font-family: 'Lato', 'Pretendard'; margin-left: 6px;}
.inner_box #bo_w .btn_cancel,
.inner_box #bo_w .btn_submit {padding: 10px 24px; font-size: 18px; line-height: 1.2; border-radius: 50px; }



.inner_box button {background: none; border:0; outline: 0;}
.inner_box .fa {color: rgba(0,0,0,.4);}

.inner_box .btn_bo_user .more_opt li, 
.inner_box .btn_bo_user .more_opt li a {background: #fff; font-size: 16px;}

/* Q&A 페이지 */
.sub-news.ty2 .td_subject > a .sub-area {width: calc(100% - 100px - 60px - 80px - 40px);}

/* 쓰기 페이지 */

.inner_box .bo_w_info.write_div {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.inner_box .write_div .field {width: calc(100%/3);}
.inner_box .write_div .field + .field {margin-left: 3%;}
.inner_box .write_div .field input {width: 100%;}
.inner_box #bo_w .write_div.captcha-field {margin: 20px 0}
.inner_box #captcha_key {margin-left: 24px; width: 12%;}
.inner_box #captcha_mp3 {margin-left: 24px;}
.inner_box #captcha_reload {}
.inner_box #captcha_info { font-size: 16px; margin-left: 14px; color: rgba(0,0,0,.5);}

.inner_box #captcha_mp3,
.inner_box #captcha_reload {font-size: 16px; font-family: 'Lato', 'Pretendard'; padding: 2px 4px;}


/* 답변완료 코멘트 */
.sub-news.ty2 .cmt-area {width: 80px; text-align: center;}
.sub-news.ty2 .cmt-area strong {color: #50b947; font-weight: 600;}


/* comment area */
.sub-news.ty2 .cmt_btn {background: none; border-bottom: 1px solid rgba(0,0,0,.05); padding: 20px 60px; margin: inherit;}
.sub-news.ty2 .cmt_btn .total {color: #50b947; font-size: 20px;}

.sub-news.ty2 .cmt_btn .total > b {font-size: 24px; font-family: 'Lato', 'Pretendard'; color: rgba(0,0,0,.8);}
.sub-news.ty2 .cmt_btn span.total:after {background: #50b947;}

.sub-news.ty2 .pf_img {font-size: 30px; font-weight: bold; color: #50b947; width: 50px; height: 50px;
text-align: center; line-height: 50px; margin-right: 24px;}

.sub-news.ty2 #bo_vc article .cm_wrap {width: 100%;}
.sub-news.ty2 #bo_vc header {position: relative;display: flex; align-content: flex-end;}
.sub-news.ty2 .writerinfo {/* width: 87%; */ flex: 2;}
.sub-news.ty2 .dateinfo {/* width: 10%; */text-align: center;}
.sub-news.ty2 .dateinfo .bo_vc_hdinfo {font-size: 16px; color: rgba(0,0,0,.5); letter-spacing: normal;}
.sub-news.ty2 .option-btn {/* width: 3%;  */text-align: right;}

.sub-news.ty2 #bo_vc .cmt_contents {margin-top: 4px; color: rgba(0,0,0,.8);}
.sub-news.ty2 #bo_vc article {padding: 20px 60px;margin: inherit;display: flex;}

.sub-news.ty2 aside {padding: 20px 40px;}
.sub-news.ty2 .bo_vc_w .btn_confirm {display: flex; align-items: center;}
.sub-news.ty2 .bo_vc_w .btn_submit {font-size: 18px; font-family: 'Lato', 'Pretendard'; margin-left: 14px; padding: 6px 20px; border-radius: 50px; font-weight: 600; border: 2px solid rgba(0,0,0,0.2);background: none; color: rgba(0,0,0,.8);}
.sub-news.ty2 .bo_vc_w .secret_cm.chk_box input[type="checkbox"] + label span {top: 4px;}

.bo_vl_opt {margin-left: 10px;}


/* 인증서/등록증 */

/* 리스트 */
.cert #bo_btn_top,
.prd #bo_btn_top {margin: 0 0 20px 0;}
.cert #bo_gall {}
.cert #bo_gall #gall_ul {margin: inherit; display: grid; grid-template-columns: repeat(5, 1fr);   gap:60px 24px}
.inner_box .btn_bo_user {display: flex; align-items: center;}
.inner_box .btn_bo_user li {background: none;}

.cert #bo_gall .gall_li {padding: inherit; }
.cert #bo_gall .gall_li .gall_box {position: relative;}
.cert .all_chk.chk_box input[type="checkbox"] + label span {top: 2px; left: -2px;}
.cert .chk_box input[type="checkbox"] + label {padding-left: 10px; vertical-align: middle;}

.cert #bo_gall .gall_img {border: 1px solid rgba(0,0,0,.1); padding:0; height:unset!important; max-height: unset!important;}
.cert #bo_gall .gall_img a img {width: 100%;}

#bo_gall .gall_text_href {margin: 24px; text-align: center; line-height: 1.4;}
.cert #bo_gall .bo_tit {font-size: 15px; color: rgba(0,0,0,.6); font-weight: 400; word-break: keep-all; }
.cert #bo_gall .gall_li .gall_chk {padding: inherit; position: absolute; top: 0; left: 0;}

.cert .inner_box #bo_v_con {text-align: center;}

/* 인증서 보기/클릭 비활성화 */
.cert #bo_gall .gall_img > a {pointer-events: none;}
.cert #bo_gall a.bo_tit {font-size: 18px; pointer-events: none;}


/* 제품소개 뷰스킨 */
.prd #bo_gall #gall_ul {display: grid; grid-template-columns: repeat(3,1fr); column-gap: 1.45%; row-gap: 40px;}
.prd .gall_box {position: relative;}
.prd .gall_box .chk_box {position: absolute;}
.prd .gall_li {padding: 12px;}
.prd #bo_gall .gall_img {height:unset!important; max-height: unset!important;}
.prd #bo_gall .gall_img a img {width: 100%;}
.prd #bo_gall .gall_text_href {text-align: left; margin: 20px 0 0 0 ;}
.prd #bo_gall .gall_text_href > a {font-size: 24px; font-weight: 500;}
.prd #bo_gall .gall_info {font-size: 16px; color: rgba(0,0,0,.4);}
/* .prd .gall_con {min-height: 550px;} */

/* 더보기 동그라미 버튼 */

.vm-btn-cc {border: 1px solid rgba(0,0,0,.4);width: 52px;height: 52px;display: block;border-radius: 50%;position: relative; transition: all 0.4s cubic-bezier(.5, .24, 0, 1);}
.vm-btn-cc::before {content:'';background: url(../img/arrow-right.svg) no-repeat;width: 16px;height: 16px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);filter: brightness(0.6); transition: all 0.4s cubic-bezier(.5, .24, 0, 1); background-size: contain;}
.vm-btn-cc:hover {background: #50b947; border:#50b947; ;}
.vm-btn-cc:hover::before {filter: brightness(1);}


.inner_box .pg_wrap {margin-top: 150px; text-align:center;}
.inner_box .pg_wrap .pg {display: flex; justify-content: center; align-items: center;}
.inner_box .pg_wrap .pg .pg_page, .pg_current {width: 44px; height: 40px; line-height: 40px;}
.inner_box .pg_wrap .pg .pg_page {color: rgba(0,0,0,.4);}
.inner_box .pg_wrap .pg .pg_current {color: #50b947;}
.inner_box .pg_wrap .pg .pg_page.pg_prev,
.inner_box .pg_wrap .pg .pg_page.pg_next {font-size: 0; width: 52px; height: 52px; position: relative; opacity: .4; transition: opacity .2s linear;}
.inner_box .pg_wrap .pg .pg_page.pg_prev:hover,
.inner_box .pg_wrap .pg .pg_page.pg_next:hover {opacity: .6;}
.inner_box .pg_wrap .pg .pg_page.pg_next {background: url(../img/slide-btn-next.svg) no-repeat center/cover; margin-left: 18px;}
.inner_box .pg_wrap .pg .pg_page.pg_prev {background: url(../img/slide-btn-prev.svg) no-repeat center/cover; margin-right: 18px;}



/**************************** 영문 ****************************/

#container.en .sub-txt,
#container.en .text,
#container.en .subtxt,
#container.en .sub,
#container.en .history_box .history_list li .h-list > p {font-family: 'Open Sans'; line-height: 1.4;}

#container.en #bo_v_info h2,
#container.en #bo_v_atc_title,
#container.en #bo_v_file h2,
#container.en #bo_vc h2,
#container.en .bo_vc_w h2 {font-size: 0; line-height: 0;}

#container.en .vm-btn-rec {padding: 10px 45px;}
#container.en .mid-banner .vm-btn-rec > a::before {left: 90px;}
#container.en .mid-banner .vm-btn-rec > a::after {left: 85px;}


#container.en h1 {font-size: 54px;}
#container.en h2 {font-size: 46px; line-height: 1.15;}
#container.en .business .btn-set {margin-top: 56px;}
#container.en .business .bs-tit .text {color: #575757;}
#container.en .mid-banner .text-box .sub-txt {font-size: 18px;}
#container.en .vision .inner_box .v_quote {line-height: 1.4;}
#container.en .ci .text-wrap .sub-tit {font-size: 20px;}
#container.en .bsns .text .en {font-size: 26px;}
#container.en .bsns .grid-box li .hover-box .hover-cont .bullet > p {font-size: 16px; font-family: 'Open Sans';}
#container.en .location address, 
#container.en .location .info_box .info_list .text span {font-size: 18px;}
#container.en #tab01 .bg_section .hydrogen-list li .text .box {font-family: 'Lato'; font-size: 20px;}
#container.en .type-list li .text .subtext {min-height: 140px;}
#container.en .type-list li .text {width: 65%;}
#container.en .bg_section .icobox .procedure .title {height: auto;}
#container.en .comingsoon .text {font-size: 16px;}
#container.en .comingsoon .upper {font-size: 20px;}
#container.en .history_box .history_list li .h-list > p::before {top: 8px;}
#container.en {}
#container.en {}
#container.en {}
#container.en {}
#container.en {}
#container.en {}
#container.en {}
#container.en {}
#container.en {}
#container.en {}
#container.en {}

/**************************** 관리자 로그인 페이지 ****************************/

#mb_login.mbskin {margin:200px auto 0}
.mb_log_cate h2 {font-size: 24px; width: 100%;}
#mb_login #login_fs .btn_submit {font-size: 18px;}

.mb_log_cate .join {display: none;}
#login_info .login_if_lpl {display: none;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:fixed;top: 10px;right: 30px;z-index: 999;}
#hd_login_msg > a {font-size: 14px; color: rgba(0,0,0,.4);}
#hd_login_msg > a:hover {color: rgba(0,0,0,.6); font-weight: 500;}
/* #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/**************************** 게시판 복사/이동 팝업 ****************************/
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}

.new_win #win_title {font-size: 22px;height: 60px;line-height: 35px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center; margin: 24px 0;}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer; font-size: 16px; background:transparent; border:1px solid #d9d9d9}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:16px; background:#50b947; border:none; color: #fff;}
.new_win .btn_close,
.new_win .btn_submit {border-radius: 50px;}

.copymove_current {padding: 5px 10px;color:#50b947;border-radius:50px;border: 1px solid #50b947;font-size: 15px;font-weight: 500; margin-left: 14px;}

.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:500;text-align:center;border-bottom:1px solid #ececec;height:40px; color: #50b947;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:50px;word-break:break-all; font-size: 16px;}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}