@charset "utf-8";

/* 서브공통 */
.common_banner {height:272px; position:relative;}
.common_banner.sub_banner_1 {background:url("/assets/images/banner/banner-1-0.jpg") no-repeat center center rgba(0, 15, 29, 0.29); background-size:cover; background-blend-mode: overlay;}
.common_banner.sub_banner_3 {background:url("/assets/images/banner/banner-1-0.jpg") no-repeat center center rgba(0, 15, 29, 0.29); background-size:cover; background-blend-mode: overlay;}

.banner_movie {width:100%; height:100%; position:absolute; overflow:hidden; z-index:1;}
.banner_movie iframe {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:180%;}
.movie-cover {width:100%; height:100%; position:absolute; overflow:hidden; z-index:2; background:rgb(0 0 0 / 15%); display:none;}

#navi {border-bottom:1px solid #EEEEEE; position:sticky; top:0; background:#fff; z-index:98;}
.navi-box {}
.navi-box ul {display:flex; justify-content: space-around; align-items: center; height:70px;}
.navi-box ul li {display:flex; }
.navi-box ul li a {font-size:16px; font-weight:700; color:#444444;}
.navi-box ul li.on a {color:#FF9900;}

.common-begin-title {text-align:center; margin:65px 0;}
.common-begin-title .txt {font-size:24px; letter-spacing:-0.025em; line-height:38px; padding:50px 0; position:relative;}
.common-begin-title .txt .before, .common-begin-title .txt .after {position:absolute; color:#DDDDDD; font-size:21px; left:50%; transform: translateX(-50%);}
.common-begin-title .txt .before {top:0;}
.common-begin-title .txt .after {bottom:0;}
.common-begin-title .txt .t1 {font-weight:300; opacity:0.8;}
.common-begin-title .txt .t2 {font-weight:500;}
.common-begin-title .txt .t3 {font-weight:400;}

.container.container-recruit {background:#FBFBFB; padding-bottom:100px;}
.container.container-recruit #navi {background:#FBFBFB;}

.sub-page-wrap {}
.sub-section {}

.entire {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}

/* 인사말 */
.greeting-wrap {margin-top:100px; padding-bottom:120px;}
.greeting-box {position:relative; display:flex; align-items: flex-start;}
.greeting-box:first-child {margin-top:140px;}
.greeting-box:last-child {margin-bottom:0;}
.greeting-box .left {width:500px; position:sticky; top:calc(50% - 216px);}
.greeting-box .shape {background:#DBDBDB; border-radius:10px; width:237px; height:221px; z-index:2; position:absolute; left:0; top:0;}
.greeting-box .ceo-img {width:431px; height:405px; border-radius:10px; overflow:hidden; position:relative; z-index:3; margin-top:28px; margin-left:70px;}
.greeting-box .ceo-img img {height:100%; width:100%; object-fit: cover; object-position: center center; position:absolute;}
.greeting-box .ceo-img img.ceo-img-1 {z-index:5;}
.greeting-box .ceo-img img.ceo-img-2 {z-index:4;}
.greeting-box .ceo-img img.ceo-img-3 {z-index:3;}
.greeting-box .right {padding-left:60px; padding-top:50px;}
.greeting-box .text-box .t1 {font-size:28px; font-weight:700; color:#444;}
.greeting-box .text-box .t2 {font-size:16px; line-height:24px; color:#444; margin-top:40px;}
.greeting-box .text-box .t3 {font-size:16px; font-weight:400; color:#444; margin-top:42px;}
.greeting-box .text-box .t3.fw-600 {font-weight:600;}
.greeting-box .text-box .t3 .sign {font-family: 'Nanum Pen Script', sans-serif; font-size:37px; font-weight:400; padding-left:20px;}
.greeting-box .action_trigger {height:50vh;}
.greeting-box .action_trigger.action_trigger_3 {height:100px;}
.greeting-box .text-box.text-box-ani-3 {}

/* 경영이념 */
.philosophy-wrap {}
.philosophy-wrap .identity {background:url("/assets/images/identity-bg.jpg") no-repeat; background-size:cover; height:800px; width:1700px; margin:0 auto;}
.identity .tit {text-align:center; padding-top:80px;}
.identity .tit .t1 {font-size:18px; font-weight:700; color:#fff; margin-bottom:60px;} 
.identity .tit .t1 span {position:relative; display: inline-block; z-index:1;}
.identity .tit .t1 span::after {content:""; background:rgb(3 181 239 / 35%); width:100%; position:absolute; bottom:-2px; left:0; height:12px; z-index:-1;}
.identity .tit .t2 {font-size:32px; color:#fff;}
.identity .tit .circle-box {position:relative;  z-index:2; display:flex; align-items: center; margin:10px 0;}
.identity .tit .circle-box::before {content:""; background:#777777; width:100%; height:1px;}
.identity .tit .circle-box::after {content:""; background:#777777; width:100%; height:1px;}
.identity .tit .circle-box .circle {background:#fff; border-radius:50%; width:8px; height:8px; flex:0 0 8px;}
.identity .tit .t3 {font-size:16px; line-height:1.5; color:#DDDDDD;}
.identity ul {font-size:0; text-align:center; margin-top:50px;}
.identity ul li {border-radius:10px; overflow:hidden; width:373px; margin-right:65px; display: inline-block; vertical-align: top;}
.identity ul li:last-child {margin-right:0;}
.identity ul li .img-box {position:relative; height:257px;}
.identity ul li .img-box .over {position:absolute; left:0; top:0; width:100%; height:100%; display:flex;     align-items: center; flex-direction: column; justify-content: center; opacity:0; transition: 0.5s ease-out;}
.identity ul li .img-box .over.ov-1 {background-color:rgb(153 153 153 / 85%)}
.identity ul li .img-box .over.ov-2 {background-color: rgb(255 153 0 / 85%);}
.identity ul li .img-box .over.ov-3 {background-color: rgb(3 181 239 / 85%);}
.identity ul li:hover .img-box .over {opacity:1;}
.identity ul li .img-box .over .ic {}
.identity ul li .img-box .over .txt {font-size:21px; font-weight:500; color:#fff; margin-top:15px;}
.identity ul li .txt-box {display:flex; font-size:18px; line-height:1.444; height:123px; background:#fff; justify-content: center; align-items: center;}

.identity-2 {width:1480px; margin:100px auto 150px;}
.identity-2 .tit {text-align:center;}
.identity-2 .tit .t1 {font-size:18px; font-weight:700; color:#CCCCCC; margin-bottom:50px;} 
.identity-2 .tit .t1 span {position:relative; display: inline-block; z-index:1;}
.identity-2 .tit .t1 span::after {content:""; background:#CCCCCC; position:absolute; bottom:-10px; left:50%; width:45px; height:3px; z-index:1; transform:translateX(-50%);}
.identity-2 .tit .t2 {font-size:32px; font-weight:700; color:#444444;}
.identity-2 .tit .t3 {font-size:16px; font-weight:300; line-height:1.5; color:#444; margin-top:15px;}
.identity-2 .tit .t3 .f400 {font-weight:400;}
.identity-2 .context-box {margin-top:50px; position:relative; padding-left:703px;}
.identity-2 .context-box .left {position:absolute; left:0; top:0; z-index:4;}
.identity-2 .context-box .left .img {position:absolute; left:0; top:0; width:703px; height:468px; z-index:3;}
.identity-2 .context-box .right {margin-left:60px; padding-top:35px; position:relative; z-index:5;}
.identity-2 .context-box .animation-box {position:absolute; left:90px; bottom:-50px; width:calc(100% - 90px); height:210px; background:#F9F9F9; z-index:2; transform-origin: 0% 50%;}
.identity-2 .dl-list-1 {margin-bottom:40px;}
.identity-2 .dl-list-1 dt {font-size:16px; font-weight:500; margin-bottom:10px;}
.identity-2 .dl-list-1 dd {font-size:14px; font-weight:300; line-height:24px; padding-left:15px;}
.identity-2 .bot-txt {margin-top:84px;}
.identity-2 .bot-txt .ts-1 {color:#FF9900; font-size:16px;}
.identity-2 .bot-txt .ts-2 {color:#444444; font-size:22px; font-weight: 500; margin-top:8px; margin-bottom:17px;}
.identity-2 .bot-txt .ts-list {}
.identity-2 .bot-txt .ts-list li {font-size:14px; font-weight:300; line-height:24px;}
.identity-2 .bot-txt .ts-list li b {font-weight:500;}
[data-aos="ani-scalex-100"] {transform:scaleX(0);}
.aos-animate[data-aos="ani-scalex-100"] {transform:scaleX(100%);}


/* 연혁 */
.history-wrap {padding-bottom:150px;}
.history-wrap .sub-section-1 {margin-top:170px;}
.history-wrap .sub-section-1 .con {position:relative; padding-left:580px;}
.history-wrap .sub-section-1 .left {position:absolute; left:0; bottom:-86px; z-index:5;}
.history-wrap .sub-section-1 .right {position:relative;}
.history-wrap .sub-section-1 .txt-normal {font-size:16px; line-height:24px; }
.history-wrap .sub-section-1 .txt-sign {font-size:16px; line-height:24px; margin-top:50px;}
.history-wrap .sub-section-1 .txt-sign span.sign {font-family: 'Nanum Pen Script', sans-serif; font-size:37px; font-weight:400; padding-left:20px;}
.history-wrap .sub-section-2 {position:relative; overflow:hidden; margin-top:50px;}
.history-wrap .sub-section-2 .leftbg {position:absolute; right:0; top:0; background:#F9F9F9; width:9999%; height:475px; z-index:1;}
.history-wrap .sub-section-2 .bg {background:url("/assets/images/history-bg.jpg") no-repeat center center; background-size:cover; height:475px; z-index:2; position:relative; }
.history-wrap .popup-btn-box {position:absolute; right:0; bottom:0;}
.history-wrap .popup-btn-box button {cursor:pointer; display:flex;     justify-content: space-between; align-items: center; border:1px solid #444444; width:180px; height:40px; border-radius:5px; padding:0 25px; outline:none; background:none;}
.history-wrap .popup-btn-box button span.txt {font-size:14px; font-weight:600;}
.history-wrap .popup-btn-box button:hover {background:#222; border-color:#222;}
.history-wrap .popup-btn-box button:hover span.txt {color:#fff;}
.history-wrap .popup-btn-box button:hover span.arr svg path {stroke:#fff !important;}

.white-popup-block { max-width:560px; margin:40px auto 40px; position:relative;}
#history-modal .popup-contents {border-radius:15px; overflow:hidden;}
.mfp-close-btn-in .white-popup-block.st2 .mfp-close {right:10px; top:10px; font-size:35px;}
#history-modal .box {padding:0 35px;}
#history-modal .box-1 {background:#FBFBFB; display:flex;     justify-content: space-between; align-items: flex-end; padding-top:85px; padding-bottom:25px;}
#history-modal .box-1 .t1 {font-size:14px; font-weight: 700; color:#FF9900;}
#history-modal .box-1 .t2 {margin-top:6px; font-size:28px; font-weight:800; line-height:33px;}
#history-modal .box-1 .left
#history-modal .box-1 .right {color:#666666; font-size:14px; line-height:1.4;}
#history-modal .box-2 {background:#fff; padding-top:30px; padding-bottom:30px;}
#history-modal .box-2 ul {list-style: auto;}
#history-modal .box-2 ul li {padding-left:10px; font-size:16px; line-height:1.4; margin-bottom:15px;}
#history-modal .box-2 ul li::marker {content:"-";}

.history-wrap .sub-section-3 {margin-top:126px;}
.history-tab {position:relative; border-bottom:1px solid #EEEEEE; }
.history-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.history-tab ul {display: flex; align-items: center; justify-content: space-between; position:relative; z-index:1; width:810px;}
.history-tab ul li {cursor:pointer; padding:0 0 13px;}
.history-tab ul li span {font-size:16px; font-weight:500; color:#999999; line-height:21px; padding:0 10px;}
.history-tab ul li.on span {color:#444444;}

.history-contents {margin-top:40px;}
.history-box {overflow:hidden; display:none;}
.history-box .yymmdd:first-child { margin-top: 0; }
.history-box .yymmdd { width: 100%; display: inline-block; text-align: left; padding-bottom: 17px; margin-top: 17px; background: #fff; z-index: 99; position: relative; }
.history-box .yymmdd:last-child { }
.history-box .yymmdd .year { float: left; display: inline-block; width: 10px; height: 34px; border-radius: 50%; background: #FF9900; background:none; text-align: left; position: relative;}
.history-box .yymmdd .year:before { content: ""; background: #FF9900; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px; }
/* .history-box .yymmdd .year:after { content: ""; width: 1px; height: 1000px; background: #FF9900; display: inline-block; position: absolute; left: 50%; top: 100%; } */
.history-box .yymmdd:last-child .year:after { content: none; }
.history-box .yymmdd .month { float: none; overflow: hidden; margin-left: 25px; }
.history-box .yymmdd .month .day { /* line-height:40px; */ text-align: left; margin-top: 0; margin-bottom: 10px; }
.history-box .yymmdd .month .day:after { content: ""; display: block; clear: both; }
.history-box .yymmdd .month .day:first-child { margin-top: 0; }
.history-box .yymmdd .month .day:last-child { margin-bottom: 0; }
.history-box .yymmdd .month .day span.date { width: 95px;  font-size: 16px; color: #FF9900; font-weight:500; display: block; float: left; line-height: 34px; position: relative; padding-right: 35px; padding-right:30px;}
/*.history-wrap .yymmdd .month .day span.date:after {content:"-"; font-weight:500; font-family: 'Noto Sans KR', sans-serif; position:absolute; right:8px; top:-2px;}*/
.history-box .yymmdd .month .day span.txt { font-size: 16px; color: #666666; display: block; float: none; overflow: hidden; line-height: 34px; word-break: keep-all; font-weight: 300; }

/* 사업장 소개 */
.workplace-wrap {}
.workplace-wrap .sub-section-1 {font-size:0; position:relative; overflow:hidden; padding-bottom:55px;}
.workplace-wrap .sub-section-1 .bg {background:#F6F6F6; height:413px; margin-left:280px; position:absolute; bottom:0; width:100%; z-index:-1;}
.workplace-wrap .sub-section-1 .con {padding-left:600px;}
.workplace-wrap .sub-section-1 .left {display: inline-block; vertical-align: top; position:absolute; left:0; top:0;}
.workplace-wrap .sub-section-1 .thumb-view {width:600px; height:445px;}
.workplace-wrap .sub-section-1 .thumb-view img {object-fit:cover; width: 100%; height: 100%;}
.workplace-wrap .sub-section-1 .right {vertical-align: top; margin-left:30px; height:445px; padding-top:35px; position:relative;}
.workplace-wrap .tab-list {}
.workplace-wrap .tab-list ul {display:flex; justify-content: flex-start;}
.workplace-wrap .tab-list ul li {font-size:16px; font-weight:500; line-height:1.4; color:#999999; margin-left:90px; cursor:pointer;}
.workplace-wrap .tab-list ul li:first-child {margin-left:15px;}
.workplace-wrap .tab-list ul li span {position:relative; z-index:1;}
.workplace-wrap .tab-list ul li span::after {content:""; z-index:-1; position:absolute; left:-2.5%; bottom:-5px; background:rgb(3 181 239 / 25%); width:105%; height:12px; transform:scaleX(0); transition: 0.5s ease-in-out; transform-origin: left;}
.workplace-wrap .tab-list ul li.on {color:#444444;}
.workplace-wrap .tab-list ul li.on span::after {content:""; transform:scaleX(1);}
.workplace-wrap .tab-cont {margin-top:50px;     padding-left: 10px;}
.workplace-wrap .tab-cont ul {display:none;  flex-direction: column; height: 210px; flex-wrap: wrap;} 
.workplace-wrap .tab-cont ul li {font-weight:300; font-size:18px; line-height:38px;}
.workplace-wrap .tab-cont ul li span.f400 {font-weight:400;}
.workplace-wrap .tab-cont ul:first-child {display:flex;}
.workplace-wrap .thumb-list {position:absolute; bottom:0; left:0;}
.workplace-wrap .thumb-list ul {}
.workplace-wrap .thumb-list ul li {width:155px; height:115px; position: relative; cursor:pointer; display: inline-block; vertical-align: top; margin-right:20px;}
.workplace-wrap .thumb-list ul li::after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; border:5px solid #fff; z-index:2; box-sizing: border-box;}
.workplace-wrap .thumb-list ul li img {width:100%; height:100%; object-fit: cover; position:relative; z-index:1;}
.workplace-wrap .thumb-list ul li.on::after {border-color:#03B5EF;}

.workplace-wrap .sub-section-2 {margin-top:100px; background:url("/assets/images/workplace-st2-bg.jpg") no-repeat center center; background-size:cover; height:740px; padding-top:80px;}
.workplace-wrap .sub-section-2 .tit {text-align:center;}
.workplace-wrap .sub-section-2 .tit .t1 {font-size:18px; font-weight:700; color:#CCCCCC; margin-bottom:50px;} 
.workplace-wrap .sub-section-2 .tit .t1 span {position:relative; display: inline-block; z-index:1;}
.workplace-wrap .sub-section-2 .tit .t1 span::after {content:""; background:#CCCCCC; position:absolute; bottom:-10px; left:50%; width:45px; height:3px; z-index:1; transform:translateX(-50%);}
.workplace-wrap .sub-section-2 .tit .t2 {font-size:32px; font-weight:700; color:#fff;}
.workplace-wrap .sub-section-2 .tit .t3 {font-size:16px; font-weight:400; line-height:1.5; color:#ddd; margin-top:20px;}
.workplace-wrap .sub-section-2 .tit .t3 .f400 {font-weight:400;}
.workplace-wrap .sub-section-2 .logo-section {margin-top:60px; background:rgb(255 255 255 / 10%); height:320px; display:flex;     align-items: center; justify-content: center;}
.workplace-wrap .sub-section-2 .logo-section ul {width:1480px; display: flex; justify-content: space-evenly;}

.workplace-wrap .sub-section-3 {margin-top:100px; padding-bottom:100px;}
.workplace-wrap .sub-section-3 .tit {text-align:center;}
.workplace-wrap .sub-section-3 .tit .t1 {font-size:18px; font-weight:700; color:#CCCCCC; margin-bottom:50px;} 
.workplace-wrap .sub-section-3 .tit .t1 span {position:relative; display: inline-block; z-index:1;}
.workplace-wrap .sub-section-3 .tit .t1 span::after {content:""; background:#CCCCCC; position:absolute; bottom:-10px; left:50%; width:45px; height:3px; z-index:1; transform:translateX(-50%);}
.net-swiper-box {position:relative; width:1480px; margin:0 auto;}
.net-swiper-box .net-tit {font-size:32px; font-weight:700; text-align:center;}
.net-swiper-box .net-swiper {width:1280px; margin:0 auto; padding:104px 0;}
.net-swiper-box .net-swiper .swiper-slide {width:370px; border-radius:10px; overflow:hidden; box-shadow:rgb(0 0 0 / 10%) 0 3px 40px; transition:0.5s; top:0;}
.net-swiper-box .net-swiper .swiper-slide.swiper-slide-active {top:-27px;}
.net-swiper-box .net-swiper .swiper-slide::after {content:""; position:absolute; left:0; top:0; box-sizing:border-box;}
.net-swiper-box .net-swiper .swiper-slide .thumb {height:270px;}
.net-swiper-box .net-swiper .swiper-slide .thumb img {object-fit: cover; width:100%; height:100%;}
.net-swiper-box .net-swiper .swiper-slide .txt {height:105px; display:flex;     align-items: center; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.net-swiper-box .net-swiper .swiper-slide .txt .t1 {font-size:18px; font-weight:500;}
.net-swiper-box .net-swiper .swiper-slide .txt .t2 {font-size:14px; margin-top:6px;}
.net-swiper-box .net-swiper-next, .net-swiper-box .net-swiper-prev {opacity:0.25; transition:0.5s;}
.net-swiper-box .net-swiper-next:hover, .net-swiper-box .net-swiper-prev:hover {opacity:1;}
.net-swiper-box .net-swiper-prev {cursor:pointer; background:none; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.net-swiper-box .net-swiper-next {cursor:pointer; background:none; position:absolute; top:50%; right:0; transform:translateY(-50%);}

/* 패럴렉스 */
.parallax-wrap {position:relative;}
.canvas-container {position:absolute; top:0; width:100%; height:100%;}
.canvas-sticky {position:sticky; top:0; height:100vh; background:#000; z-index:10; transition:500ms;}
.canvas-sticky.white {background:#fff;}
.canvas-sticky.start-2 {background:#ccc;}
.canvas-sticky.start-4 {background:#fff;}
.canvas-container.end-white .canvas-sticky {background:#fff;}
.pl-section-box {position:relative; height: calc(100vh - 100px); display:flex; padding-top:100px; text-align:center;}
.pl-section {width:100%; height:100%; position:absolute; opacity:0;}
.pl-section.active {opacity:1;}
.pl-section#pl-section-1 {height:500vh;}
.pl-section#pl-section-2 {height:500vh;}
.pl-section canvas {  position: fixed; left: 50%; top:50%; transform: translate(-50%, -50%); /*max-width: 100vw; max-height: 100vh;*/}
.pl-section canvas#pl-section-2 {}

.scroll-container {position:relative; z-index:100;}
/* .scroll-container section {opacity:0.5;}
#scroll-section-1 {background:yellow;}
#scroll-section-2 {background:red;}
#scroll-section-3 {background:green;}
#scroll-section-4 {background:paleturquoise;} */
.scroll-container section .context {text-align:center; height:100%;}
#scroll-section-1 .tit-1 {height:100vh; display:flex;     justify-content: center; align-items: center; flex-direction: column; opacity:0; transition:1000ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-delay: 500ms; transform: translateY(-50px);}
.on #scroll-section-1 .tit-1 {opacity:1; transform: translateY(0);}
#scroll-section-1 .tit-1 .t1 {font-size:148px; font-weight:700; font-style: italic; line-height:1; color:#fff; font-family: 'Montserrat',sans-serif;}
#scroll-section-1 .tit-1 .t2 {font-size:24px; font-weight:600; line-height:1.2; color:#fff; margin-top:70px; cursor:pointer;}
#scroll-section-1 .tit-1 .t2 i {margin-left:10px;}
.scroll-container section .txt {z-index:10; color:#fff; font-size:68px; line-height:1.2; text-align:center; opacity: 0; position:sticky; top:calc(50% - 80px); font-weight:700;}
.scroll-container section .trigger {height:100vh;}
.h200 {height:200vh;}
.h100 {height:100vh;}
.scroll-container section .txt.cl-000 {color:#000;}
.scroll-container section .txt.big-size {font-size:132px; top:calc(50% - 155px);}
.scroll-container section .txt.small-size {font-size:32px; top:calc(50% - 50px); line-height:50px;}

#scroll-section-4 {background:none;}
.scroll-container .sticky-bg {height:400vh;}
.scrl-bg-1 {z-index:5; background:url("/assets/images/scrl-bg-01.jpg") no-repeat center center; background-size:cover; width:40%; position:sticky; top:0; height:100vh; transform:translateY(50vh); margin:0 auto;}
.scrl-bg-1 .overlay {z-index:6; position:sticky; top:0; width:100%; height:100%; background:#fff; opacity:0.5;}

.scroll-container .slide-box {margin-top:105px;}
.scroll-container .slide-box .slide-tit {font-size:21px; font-weight:600; text-align:left; width:1480px; margin:0 auto;}
.swiper-scrl1 {margin-top:20px;}
.swiper-scrl1 .swiper-slide {width:476px; height:335px; overflow:hidden; cursor:pointer;}
.swiper-scrl1 .swiper-slide img {width:100%; height:100%; object-fit: cover; transition: 500ms;}
.swiper-scrl1 .swiper-slide:hover img {transform: scale(1.2);}

.swiper-scrl1 .sw-next, .swiper-scrl1 .sw-prev { position: absolute; top: 50%; width: 80px; height: 80px; margin-top: -40px; z-index: 10; cursor: pointer; color:#fff; font-size:30px; background:rgb(209 209 209 / 38%); display: flex; align-items: center; justify-content: center; opacity:0.5; display:none; }
.swiper-scrl1 .sw-next {right:0;}
.swiper-scrl1 .sw-prev {left:0;}
.swiper-scrl1:hover .sw-next, .swiper-scrl1:hover .sw-prev {display:flex;}

.scrl-door-trim {background:url("/assets/images/door-trim-bg.png") no-repeat center center; background-size:cover; margin-top:150px; position:relative; overflow:hidden;}
/* .scrl-door-trim::before {content:""; background:#D7D8D8; position:absolute; left:0; top:0; width:100%; height:100%; background-blend-mode: overlay;} */
.scrl-door-trim .con {height:553px; position: relative; padding-right:724px;}
.scrl-door-trim .text {text-align:left; display: flex; height: 100%; justify-content: flex-end; align-content: center; text-align: left; flex-direction: column; padding-bottom:70px;}
.scrl-door-trim .text .t1 {font-size:58px; font-weight:800; color: #3A484C;}
.scrl-door-trim .text .t2 {font-size:28px; font-weight:600; color: #3A484C; line-height:40px; margin-top:25px;}
.scrl-door-trim .text .t3 {font-size:24px; font-weight:500; color:#0D76FF; margin-top:35px;}
.scrl-door-trim .img {position:absolute; right:0; bottom:-40px;}

.popup-movie {position:fixed;left:0;top:0;width:100%;height:100%;z-index:11111; display:none;}
.popup-movie .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.48); background:#000;}
.popup-movie .close {position:absolute;left:50%;top:50%;margin:-313px 0 0 437px;width:43px;height:43px;cursor:pointer; color:#fff; font-size:40px;}
.popup-movie .video {position:absolute;left:50%;top:50%;margin:-260px 0 0 -480px;width:960px;height:540px;}


/* parallax-r-d-1 */
.r-d-section {height:100vh; height: 100vh; display: flex; align-items: center; justify-content: space-between;}
.r-d-section.reverse { flex-direction:row-reverse;}
.r-d-section .left {width:500px; height:600px;}
.r-d-section .left .img {height:600px;}
.r-d-section .left .img img {width:100%; height:100%; object-fit: cover;}
.r-d-section .right {}
.r-d-section .right .txt {}
.r-d-section .right .txt .t0 {font-size:14px; font-weight:600; color:#999999;}
.r-d-section .right .txt .t1 {margin-top:13px; font-size:28px; font-weight:700; line-height:1.2;}
.r-d-section .right .txt .t1 span.fs-21 {font-size:21px;}
.r-d-section .right .txt .t2 {margin-top:18px; font-size:16px; font-weight:500; line-height:24px; color:#666;}
.parallax-r-d-1 {position:relative;}
.parallax-r-d-1 .parallax-video-box {position:absolute; top:0; height:100vh; display:flex;     justify-content: center; align-items: center; width: 1480px;}
.parallax-r-d-1 .parallax-video-box.fixed {position:fixed;}
.parallax-r-d-1 .parallax-video-box.bot {position:absolute; top:auto; bottom:0;}
.parallax-r-d-1 .fixed-video {position:relative; border-radius:10px; overflow:hidden; width:740px; height:430px; box-shadow:rgb(0 0 0 / 16%) 3px 3px 6px;}
.parallax-r-d-1 .fixed-video video {width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.parallax-r-d-1 .fixed-video div img {object-fit: cover; object-position: center;}
.parallax-r-d-1 .fixed-video div#p-video-3 {background: url(/assets/video/klt-none.jpg); width: 100%; height: 100%; background-position: center bottom; background-size: contain;}
.fixed-video video {opacity:0; transition: 0.5s;}
.fixed-video div {width:100%; height:100%; opacity:0;}
.fixed-video video.active {opacity:1;}
.fixed-video div.active {opacity:1;}

#ess .pl-section#pl-section-1 {height:1000vh;}
#dt .pl-section#pl-section-1 {height:1000vh;}

.font-montserrat * {font-family: 'Montserrat',sans-serif;}
span.cl-222 {color:#222;}
span.cl-999 {color:#999;}
.spaceer.h50 {height:50vh;}
.spaceer.h100 {height:100vh;}
.spaceer.h150 {height:150vh;}

/* bma parallax */
#bma .pl-section#pl-section-1 {height:1000vh;}
#bma .first-txt {width:1480px; margin:0 auto; text-align:left; font-size:148px; font-weight:700; font-style:italic; position:sticky; left:0; top:calc(100% - 640px); line-height:180px;}
#bma .first-txt .t1 {color:#aaaaaa;}
#bma .first-txt .t2 {color:#AAAAAA;}
#bma .first-txt .t3 {color:#AAAAAA;}
.bma_tgr_color {height:100vh;}
#bma .canvas-sticky #pl-section-1 {transition:0.5s;}
#bma .canvas-sticky #pl-section-1 {}

#bma .tbox {z-index: 10; color: #fff; font-size: 68px; line-height: 1.2; text-align: center; opacity: 0; position: sticky; top: calc(50% - 80px); font-weight: 700; width:1480px; margin:0 auto;}
#bma .tbox .small {font-size:18px; font-weight:600;}
#bma .tbox .big {font-size:54px; font-weight:700; font-style: italic; margin-top:10px;}
#bma .tbox.left {text-align:left;}
#bma .tbox.right {text-align:right;}
#bma .tbox2 {z-index: 10; color: #fff; font-size: 32px; line-height: 50px; text-align: center; opacity: 0; position: sticky; top: calc(80% - 80px); font-weight: 700; width:1480px; margin:0 auto;}
#bma #scroll-section-2 {}
#bma .canvas-sticky {transition: 1000ms;}
#bma .canvas-sticky.start-4 {background:#fff;}
.bmabot-tab {position:relative; text-align:center; width: 380px; margin:35px auto 0;}
.bmabot-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.bmabot-tab ul {display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #EEEEEE; position:relative; z-index:1;  margin:30px auto 0;}
.bmabot-tab ul li {cursor:pointer; padding:0 0 13px;}
.bmabot-tab ul li span {font-size:16px; font-weight:500; color:#999999; line-height:21px; padding:0 10px;}
.bmabot-tab ul li.on span {color:#444444;}
.bmabot-contents {margin-top:55px; margin-bottom:150px;}
.bmabot-contents .bmabot-cont {display:none; width:100%;}
.bma-bot-tit {color:#222; font-size:68px; line-height:86px; text-align:center; margin-top:200px; font-weight:800;}
#bma .scrl-bg-1 {background: url(/assets/images/scrl-bg-bma.jpg) no-repeat center center; background-size: cover; background:none; overflow:hidden; width:80%;}
#bma .scrl-bg-1 video {    position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; z-index: 4; transform: translate(-50%, -50%);}


/* ess parallax */
#ess .canvas-sticky {background:#fff;}
#ess .pl-section#pl-section-1 {height:1000vh;}
#ess .first-txt {width:1480px; margin:0 auto; text-align:left; font-size:148px; font-weight:700; font-style:italic; position:sticky; left:0; top:calc(100% - 640px); line-height:180px;}
#ess .first-txt .t1 {color:#EAEAEA;}
#ess .first-txt .t2 {color:#EAEAEA;}
#ess .first-txt .t3 {color:#EAEAEA;}
.ess_tgr_color {height:100vh;}
#ess .canvas-sticky #pl-section-1 {transition:0.5s;}
#ess .canvas-sticky #pl-section-1 {}

#ess .tbox {z-index: 10; color: #222222; font-size: 68px; line-height: 1.2; text-align: center; opacity: 0; position: sticky; top: calc(50% - 80px); font-weight: 700; width:1480px; margin:0 auto;}
#ess .tbox .small {font-size:18px; font-weight:600;}
#ess .tbox .big {font-size:54px; font-weight:700; font-style: italic; margin-top:10px;}
#ess .tbox.left {text-align:left;}
#ess .tbox.right {text-align:right;}
#ess .tbox2 {z-index: 10; color: #222222; font-size: 32px; line-height: 50px; text-align: center; opacity: 0; position: sticky; top: calc(80% - 80px); font-weight: 700; width:1480px; margin:0 auto;}
#ess #scroll-section-2 {}
#ess .canvas-sticky {transition: 1000ms;}
#ess .canvas-sticky.start-4 {background:#fff;}
.essbot-tab {position:relative; text-align:center; margin:35px auto 0; width: 900px;}
.essbot-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.essbot-tab ul {display: flex; align-items: center; justify-content: space-between; position:relative; z-index:1;  margin:30px auto 0;}
.essbot-tab ul li {cursor:pointer; padding:0 0 13px;}
.essbot-tab ul li span {font-size:21px; font-weight:600; color:#444; line-height:21px; padding:0 10px;}
.essbot-tab ul li.on span {color:#444444;}
.essbot-contents {margin-top:85px; margin-bottom:150px;}
.essbot-contents .bmabot-cont {display:none; width:100%;}
.ess-bot-tit {color:#222; font-size:68px; line-height:86px; text-align:center; margin-top:200px; font-weight:800;}
#ess .scrl-bg-1 {background: url(/assets/images/scrl-bg-bma.jpg) no-repeat center center; background-size: cover; background:none; overflow:hidden;}
#ess .bg-video {    position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; z-index: 4; transform: translate(-50%, -50%);}
#ess .scroll-container section#scroll-section-2 .trigger {height:80vh;}
#ess .scrl-bg-1 .overlay {opacity:0; background:#000;}
#ess .video-end-line-1 {}
#ess .video-end-line-2 {}

#ess .tit-text-1 {font-size:68px; line-height:86px; font-weight:800; text-align:center; margin:30vh auto 15vh;}
.ess-icon-list {z-index:10; position:sticky; top:calc(50% - 65px); opacity:0;}
.ess-icon-list ul {    display: flex; justify-content: space-between; align-items: flex-start; width: 750px; margin: 0 auto;}
.ess-icon-list ul li {text-align:center;}
.ess-icon-list ul li .icon-img {height:88px; display:flex;}
.ess-icon-list ul li .icon-txt {font-size:18px; font-weight:600; color:#fff; margin-top:20px;}

.st-5 {height:400vh;}
.st-5 .bg-img {z-index:1; position:sticky; top:0; background:url("/assets/images/main-st5-bg.jpg") no-repeat; background-size:cover; height:100vh; min-height:800px; width:80%; margin:0 auto; opacity:0.5;     background:none; transition: 0.5s ease-out; overflow:hidden;}
.st-5 .bg-img .bg-img-cover {background:rgb(0 15 30 / 53%); position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;     backdrop-filter: blur(10px); opacity:1;}
.st-5 .list-3item {z-index:5; position:sticky; top:calc(50% - 44px); opacity:0;}
.list-3item ul {font-size:0; width:1000px; margin:0 auto;}
.list-3item ul li {width:33.33%; display: inline-block;  vertical-align: top; position:relative;}
.list-3item ul li::after {content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:rgb(255 255 255 / 34%);}
.list-3item ul li:last-child::after {content:none;}
.list-3item ul li .icon {height:50px; display:flex;     justify-content: center; align-items: center; }
.list-3item ul li .txt {margin-top:20px; color:rgb(255 255 255 / 80%); font-size:18px; font-weight:500; text-align:center;}
.st-5 .over-text {z-index:5; position: sticky; top:calc(50% - 25px); opacity:0; font-size:32px; font-weight:700; line-height:50px; height:50px; color:#fff; text-align:center;}


/* dt parallax */
#dt .pl-section#pl-section-1 {height:1000vh;}
#dt .canvas-sticky #pl-section-1 { transition: 0.5s; }
#dt #scroll-section-1 .tit-0 {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 148px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    color: #fff;
    font-family: 'Montserrat',sans-serif;
}
#dt .spacer-left {transition: 1000ms cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity:0; transform: translateX(35px); display:inline-block; }
#dt .spacer-right {transition: 1000ms cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity:0; transform: translateX(-35px); display:inline-block;}
.on#dt .spacer-left {transform: translateX(-65px); opacity:1;}
.on#dt .spacer-right {transform: translateX(65px); opacity:1;}
#dt .opening-video-box {position:sticky; width:100%; height:100vh; top:0; z-index:4;}
#dt .opening-video {    position: absolute; top:50%; left:50%; width:125%; height:125%; z-index: 4; transform: translate(-50%, -50%);}
#dt .opening-video-box-over {background:rgb(0 0 0 / 50%); position:absolute; left:0; top:0; z-index:5; width:100%; height:100%;}
#dt #scroll-section-1 {position:relative;}
#dt #scroll-section-1 .context {position:absolute; left:0; top:0; width:100%; height:100vh; z-index:10;}
#dt .tbox {z-index: 10; color: #fff; font-size: 68px; line-height: 1.2; text-align: center; opacity: 0; position: sticky; top: calc(50% - 80px); font-weight: 700; width:1480px; margin:0 auto; min-height:162px;}
#dt .tbox .small {font-size:18px; font-weight:600;}
#dt .tbox .big {font-size:54px; font-weight:700; font-style: italic; margin-top:10px;}
#dt .tbox.left {text-align:left;}
#dt .tbox.right {text-align:right;}
#dt .tbox2 {z-index: 10; color: #fff; font-size: 32px; line-height: 50px; text-align: center; opacity: 0; position: sticky; top: calc(80% - 80px); font-weight: 700; width:1480px; margin:0 auto;}
#dt .tbox.animate_1 {top:calc(80% - 80px);}
#dt .tbox.animate_2 {top:calc(20% - 80px);}
#dt .tbox.animate_5 {top:calc(80% - 80px);}
#dt .tbox.animate_6 {top:calc(80% - 80px);}
#dt .tbox.animate_3 {height:100vh; top:0;}
#dt .tbox.animate_3 .left-bot {text-align:left; position:absolute; left:0; top:calc(80% - 80px);}
#dt .tbox.animate_3 .right-top {text-align:right; position:absolute; right:0; top:calc(20% - 80px);}
#dt .tit-text-1 {font-size:68px; line-height:86px; font-weight:800; text-align:center; margin:30vh auto 15vh;}
#dt .scrl-bg-1 {background: url(/assets/images/scrl-bg-bma.jpg) no-repeat center center; background-size: cover; background:none; overflow:hidden;}
#dt .bg-video {    position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; z-index: 4; transform: translate(-50%, -50%);}
/* #dt .scroll-container section#scroll-section-2 .trigger {height:80vh;} */
#dt .scrl-bg-1 .overlay {opacity:0; background:#000;}
#dt .video-end-line-1 {}
#dt .video-end-line-2 {}
.dtbot-tab {position:relative; text-align:center; width: 340px; margin:35px auto 0;}
.dtbot-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.dtbot-tab ul {display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #EEEEEE; position:relative; z-index:1;  margin:30px auto 0;}
.dtbot-tab ul li {cursor:pointer; padding:0 0 13px;}
.dtbot-tab ul li span {font-size:16px; font-weight:500; color:#999999; line-height:21px; padding:0 10px;}
.dtbot-tab ul li.on span {color:#444444;}
.dtbot-contents {margin-top:55px; margin-bottom:150px;}
.dtbot-contents .dtbot-cont {display:none; width:100%;}
.dt-bot-tit {color:#222; font-size:68px; line-height:86px; text-align:center; margin-top:200px; font-weight:800;}
#dt .scroll-container .slide-box {margin-bottom:150px;}


.facilities-st-2 {}
.facilities-st-2 .fct-box {display:flex; justify-content: space-between; align-items: flex-start; margin-bottom:215px;}
.facilities-st-2 .fct-box:last-child {margin-bottom:0;}
.facilities-st-2 .fct-box .left {}
.facilities-st-2 .fct-box .left .txt {}
.facilities-st-2 .fct-box .left .txt .t1 {font-size:80px; font-weight:700; line-height:116px;}
.facilities-st-2 .fct-box .left .txt .t1 span.fc-999 {color:#999;}
.facilities-st-2 .fct-box .right {}
.facilities-st-2 .fct-box .right .img {margin-bottom:25px;}

/* 오시는 길 */
.location-wrap .sub-section-1 {margin-bottom:100px;}
.location-tab {position:relative;}
.location-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.location-tab ul {display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #EEEEEE; position:relative; z-index:1;}
.location-tab ul li {cursor:pointer; padding:0 0 13px;}
.location-tab ul li span {font-size:16px; font-weight:500; color:#999999; line-height:21px; padding:0 10px;}
.location-tab ul li.on span {color:#444444;}
.location-contents {margin-top:40px;}
.location-contents .loca-cont {display:none; width:100%;}
.location-contents .map {width:100%; height:585px;}
.location-contents .map-info {}
.location-contents .map-info ul {display:flex;}
.location-contents .map-info ul li {font-size:14px; color:#666666; font-weight:300; margin-right:60px; padding:20px 10px;}
.location-contents .map-info ul li i {color:#DDDDDD;}

/* 연구개발전략 */
.sub-section .title-has-bar {text-align:center;}
.sub-section .title-has-bar .t1 {position:relative; padding-bottom:20px;}
.sub-section .title-has-bar .t1::after {content:""; width:45px; height:3px; background:#CCCCCC; position:absolute; bottom:0; left:50%; transform: translateX(-50%);}

.strategy-wrap .sub-section-1 {background:url("/assets/images/strategy-bg.jpg") no-repeat center center; background-size:cover; height:900px; padding-top:200px;}
.strategy-wrap .sub-section-1 .title-has-bar .t1 {color:#fff; font-size:32px; font-weight:700;}
.strategy-wrap .circle-box {width: 1030px; height:378px; border-radius:189px; background:rgb(255 255 255 / 3%); margin:60px auto 0; display:flex; justify-content: space-around; align-items: center;}
.strategy-wrap .circle-box .left {position:relative; z-index:1; background:#03B5EF; width:260px; height:260px; border-radius:50%; display:flex; color:#fff; font-size:18px; line-height:26px; align-items: center; flex-wrap: wrap; flex-direction: column; justify-content: center; animation: pulse 2s infinite; transform:translateX(100px); opacity:0;}
@keyframes pulse {
    0% {
      /* transform: scale(0.95) ; */
      transform-origin: center center;
      box-shadow: 0 0 0 0 rgb(3 181 239 / 13%);
    }
    
    30% {
      /* transform:  scale(1); */
      transform-origin: center center;
      box-shadow: 0 0 0 30px rgb(3 181 239  / 5%);
    }
    
    100% {
      /* transform: scale(0.95) ; */
      transform-origin: center center;
      box-shadow: 0 0 0 0 rgb(3 181 239  / 1%);
    }
  }
/* .strategy-wrap .circle-box .left::before {content:""; z-index:2; position:absolute; left:50%; top:50%; width:305px; height:305px; box-sizing:border-box; border:23px solid rgb(3 181 239 / 13%); border-radius:50%; transform:translate(-50%,-50%)} */
/* .strategy-wrap .circle-box .left::before {content:""; z-index:2; position:absolute; left:50%; top:50%; width:305px; height:305px; box-sizing:border-box; background:rgb(3 181 239 / 13%); border-radius:50%; transform:translate(-50%,-50%); animation: pulse 2s infinite;} */
/* @keyframes pulse {
    0% {
      transform: translate(-50%,-50%) scale(0.7) ;
      transform-origin: center center;
      box-shadow: 0 0 0 0 rgb(3 181 239 / 13%);
    }
    
    30% {
      transform:  translate(-50%,-50%) scale(1);
      transform-origin: center center;
      box-shadow: 0 0 0 10px rgb(3 181 239  / 5%);
    }
    
    100% {
      transform: translate(-50%,-50%) scale(0.7) ;
      transform-origin: center center;
      box-shadow: 0 0 0 0 rgb(3 181 239  / 1%);
    }
  } */
.strategy-wrap .circle-box .right {position:relative; background:rgb(255 255 255 / 10%); width:488px; height:257px; border-radius:129px; display:flex; color:#fff; font-size:18px; line-height:26px; align-items: center; flex-wrap: wrap; flex-direction: column; justify-content: center; transform:translateX(-100px); opacity:0;}
.strategy-wrap .circle-box .center-dots {display:flex; width:45px; justify-content: space-between; transform:scale(0.2); opacity: 0;}
.strategy-wrap .circle-box .center-dots .dot {border-radius:50%; width:6px; height:6px; background:rgb(255 255 255 / 19%);}

.strategy-wrap .circle-box .left[data-aos^=left].aos-animate {transform:translateX(0); opacity:1;}
.strategy-wrap .circle-box .right[data-aos^=right].aos-animate {transform:translateX(0); opacity:1;}
.strategy-wrap .circle-box .center-dots[data-aos^=dot].aos-animate {transform:scale(1); opacity:1;}

.strategy-wrap .sub-section-2 {margin-top:160px; margin-bottom:185px;}
.strategy-wrap .sub-section-2 .title-has-bar .t1 {color:#ccc; font-size:18px; font-weight:700;}
.strategy-wrap .sub-section-2 .tit {margin-top:45px; text-align:center;}
.strategy-wrap .sub-section-2 .tit .t1 {color:#444; font-size:32px; font-weight:700;}
.strategy-wrap .strategy-list {margin-top:160px;}
.strategy-wrap .strategy-list ul {display:flex; align-items: flex-end; justify-content: space-between;}
.strategy-wrap .strategy-list ul li {}
.strategy-wrap .strategy-list ul li .icon {text-align:center;     height: 110px; display: flex; align-items: flex-start; justify-content: center;}
.strategy-wrap .strategy-list ul li .txt {font-size:16px; line-height:22px; text-align:center;}
.strategy-wrap .strategy-list ul li .txt b {}

/* 연구개발분야 */
.field-wrap .sub-section-1 {background:#F8F8F8; padding-top:160px;}
.field-wrap .paral-con {width:1200px; margin:0 auto; padding-bottom:160px;}
.field-wrap .paral-con::after {content:""; display:block; clear:both;}
.field-wrap .paral-con .fixed-text .t1 {font-size:90px; font-weight:800; color:#CCCCCC; line-height:1.2888;}
.field-wrap .paral-con .fixed-text .t2 {font-size:90px; font-weight:800; line-height:1.2888;}
.paral-con .fixed-text {position: sticky; top:120px; float:left; margin-bottom:140px;}
.field-wrap .fixed-text .txt {}
.field-wrap .fixed-text .txt .t1 {font-size:90px; font-weight:800; color:#CCCCCC; line-height:1.2888;}
.field-wrap .fixed-text .txt .t2 {font-size:90px; font-weight:800; line-height:1.2888;}
.field-wrap .paral-con .scroll-box {float:right; width: 476px;}
.field-wrap .scroll-box > ul {}
.field-wrap .scroll-box > ul > li {border-radius:24px; margin-bottom:70px; overflow:hidden;}
.field-wrap .scroll-box > ul > li:last-child {margin-bottom:0;}
.field-wrap .scroll-box > ul > li .img {width:100%; height:324px;}
.field-wrap .scroll-box > ul > li .img img {width: 100%; height: 100%; object-fit: cover;}
.field-wrap .scroll-box > ul > li .txt-box {width:100%; padding:40px 50px 45px; background:#fff;}
.field-wrap .scroll-box > ul > li .txt-box .t1 {font-size:28px; font-weight:700;}
.field-wrap .scroll-box > ul > li .txt-box ul.deco-bar {margin-top:30px;}
.field-wrap .scroll-box > ul > li .txt-box ul.deco-bar li {position:relative; font-size:18px; line-height:22px; margin-bottom:8px; padding-left:15px;}
.field-wrap .scroll-box > ul > li .txt-box ul.deco-bar li::last-child {margin-bottom:0;}
.field-wrap .scroll-box > ul > li .txt-box ul.deco-bar li::before {content:"-"; position:absolute; left:0;}

.field-wrap .sub-section-2 {margin-top:120px; margin-bottom:150px;}
.field-wrap .sub-section-2 .prior-con {width:1200px; margin:0 auto;}
.field-wrap .prior-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.prior-tab ul {display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #EEEEEE; position:relative; z-index:1; width:820px;}
.prior-tab ul li {cursor:pointer; padding:0 0 13px;}
.prior-tab ul li span {font-size:16px; font-weight:500; color:#999999; line-height:21px; padding:0 10px;}
.prior-tab ul li.on span {color:#444444;}
.prior-con .top {display: flex; justify-content: space-between; align-items: center;}
.prior-con .top .tit {font-size:50px; font-weight:800;}
.prior-con .top .prior-tab {position:relative;}
.prior-con .prior-cont {margin-top:50px;}
.prior-con .prior-cont .cont {display:none;}

/* 탭 6개 */
.design-process-box {}
.design-process-box ul {font-size:0; margin:0 -22px 0;}
.design-process-box ul li {width:267px; border:1px solid #E3E3E3; border-radius:10px; display: inline-block; margin:0 22px 33px;}
.design-process-box ul li .img {height:145px; display:flex; justify-content: center; align-items: center; border-bottom:1px solid #e3e3e3;}
.design-process-box ul li .img img {}
.design-process-box ul li .txt {text-align:center; padding:20px 10px;}
.design-process-box ul li .txt .t1 {font-size:15px; font-weight:500; color:#3580C2;}
.design-process-box ul li .txt .t2 {font-size:15px; font-weight:500;}

.etc-box {display:flex; justify-content: space-between;}
.etc-box .box {width:50%;}
.etc-box .box.left {text-align:left;}
.etc-box .box.right {text-align:right;}
.etc-box .box p {color:#666; font-size:18px; font-weight:500; margin-top:18px; text-align:center; line-height:1.4;}

.cae-box {border-top:1px solid #333333;}
.cae-box .title-a {padding-top:41px;}
.cae-box .title-a .t1 {font-size:26px; font-weight:700; text-align:center;}
.cae-box .title-a .t2 {font-size:16px; line-height:24px; text-align:center; margin-top:30px;}
.sipwer-sae {margin-top:40px;}
.sipwer-sae .swiper-slide {background:#F9F9F9;}
.sipwer-sae .swiper-slide .sw_text {text-align:center; display:flex; height:130px; align-items: center; flex-wrap: wrap; align-content: center; flex-direction: column; justify-content: center;}
.sipwer-sae .swiper-slide .sw_text .t1 {font-size:18px; font-weight:700;}
.sipwer-sae .swiper-slide .sw_text .t2 {font-size:16px; margin-top:12px;}
.sipwer-sae .swiper-button-next, .sipwer-sae .swiper-button-prev {background:none; width: 40px; height: 40px;}
.sipwer-sae .swiper-button-next {right:0;}
.sipwer-sae .swiper-button-prev {left:0;}
.sipwer-sae .swiper-button-next img, .sipwer-sae .swiper-button-prev img {max-width:100%;}
.sae-page .swiper-pagination {position:static; text-align:right; font-size:12px; margin-top:8px;}
.sae-page .swiper-pagination-current {font-size:12px; color:#CCCCCC;}
.sae-page .swiper-pagination-total {font-size:12px; color:#666666;}
.sae-page .swiper-pagination-current::before, .sae-page .swiper-pagination-total::before {content:"0";}
.cae-box .video-list {padding-top:60px; margin-top:20px; border-top:1px solid #CCCCCC;}
.cae-box .video-list ul {margin:0 -1%; font-size:0;}
.cae-box .video-list ul li {width:23%; margin:0 1% 60px; display: inline-block; vertical-align: top;}
.cae-box .video-list ul li .video {width:280px; height:160px; background:#EEEEEE; overflow:hidden; border-radius:5px;}
.cae-box .video-list ul li .video iframe {}
.cae-box .video-list ul li .txt {font-size:16px; line-height:1.6; text-align:center; margin-top:10px;}

/* 산업재산권현황 ipr */
.parallax-r-d-2 {}
.ipr-section {display:flex; padding-left:220px;}
.ipr-section .left {width:525px;}
.ipr-section .right {width:calc(100% - 525px); position:relative; overflow:hidden;}
.ipr-section .right #js-sliderWrap {overflow:hidden;}
.ipr-section .right #js-slideContainer {width:700%;}
.ipr-section .right .img {width:calc(100% / 7); float:left;}

.ipr-sec {position:sticky; top:20%; opacity:0;}
.ipt_trg {height:100vh;}
.ipr-sec.ipr-sec-1 {opacity:1;}
.ipt_trg.ipt_trg_3 {height:300vh;}

.ipr-sec .txt {}
.ipr-sec .txt .t1 {color:#FF9900; font-weight:700; font-size:14px; position:relative; padding-left:32px;}
.ipr-sec .txt .t1::before {content:""; position:absolute; left:0; top:0; width:25px; height:14px; border-radius:3px 3px 0 0; background:#FF9900;}
.ipr-sec .txt .t2 {font-size:85px; font-weight:700; line-height:90px; margin-top:13px;}
.ipr-sec .txt .t2 span.fc-999 {color:#999999;}
.ipr-sec .txt .t3 {margin-top:38px;}
.ipr-sec .txt .t3 ul {}
.ipr-sec .txt .t3 ul li {font-size:18px; font-weight:500; line-height:34px; padding-left:20px;}
.ipr-sec .txt .t3 ul li::before {content:"-"; position:absolute; left:0;}

/* 뉴스&공지 */
.notice-list-wrap {}
.notice-list-wrap .sub-section {min-height:600px; margin-top:100px;}
.utill-bar {    display: flex; justify-content: space-between; align-items: center;}
.utill-bar .total {font-size:18px; font-weight:300; opacity:0.8;}
.utill-bar .search-box {display:flex;     justify-content: flex-end;}
.utill-bar .search-box .select {display:inline-block; margin-right:10px;}
.utill-bar .search-box .select select {height:33px; border:1px solid #CCCCCC; width:90px; border-radius:4px; padding-left:10px;}
.utill-bar .search-box .search {display:inline-block; display:flex; width:280px; height:33px; border:1px solid #CCCCCC; border-radius:4px;}
.utill-bar .search-box .search input {border:none; outline:none; background:none; width: 100%; padding:2px 10px;}
.utill-bar .search-box .search button {border:none; outline:none; background:none; width:47px; cursor:pointer;}
.pageing {margin-top:35px; text-align:center;}
.pageing ul {display:flex; justify-content: center;}
.pageing ul li a {color:#999999; font-size:14px; display:flex; width:23px; height:16px;     justify-content: center; align-items: center;}
.pageing ul li.current a {color:#3580C2;}
.pageing ul li.arrow a {color:#666666;}

.bo-list {margin-top:20px;}
.bo-list table {table-layout:fixed; width:100%; border-top:1px solid #333333;}
.bo-list table thead {}
.bo-list table thead th {color:#333333; font-size:16px; font-weight:600; height:45px; vertical-align: middle; text-align:center; background:#FBFBFB; text-transform: uppercase;}
.bo-list table thead tr {border-bottom:1px solid #dddddd;}
.bo-list table tbody tr {border-bottom:1px solid #DDDDDD;}
.bo-list table tbody td {padding:13px 0; vertical-align: middle; text-align:center; font-size:16px; color:#666666; height:45px; line-height:24px;}
.bo-list table tbody td.bo-tit {text-align:left;}
.bo-list table tbody td.bo-tit a {font-size:16px; color:#444; position:relative; padding-left:80px; display:block;}
.bo-list table tbody td.bo-tit a:hover {color:#3580C2;}
.bo-list table tbody td.bo-tit a span {position:absolute; top:0; left:0;}
.bo-list table tbody td.bo-tit a.bt-notice span {width:60px; height:23px; font-size: 12px; line-height:21px; border:1px solid #3580C2; background:#3580C2; color:#fff; display:inline-block; border-radius:5px; text-align:center;}
.bo-list table tbody td.bo-tit a.bt-news span {width:60px; height:23px; font-size: 12px; line-height:21px; border:1px solid #3580C2; background:#fff; color:#3580C2; display:inline-block; border-radius:5px; text-align:center;}
.bo-list table tbody td.bo-tit a.bt-press span {width:60px; height:23px; font-size: 12px; line-height:21px; border:1px solid #3580C2; background:#fff; color:#3580C2; display:inline-block; border-radius:5px; text-align:center;}
.bo-list table .th-1 {width:95px;}
.bo-list table .th-3 {width:143px;}
.bo-list table .th-4 {width:143px;}
.bo-list table .th-5 {width:123px;}

.bo-view table {table-layout:fixed; width:100%; border-top:1px solid #333333;}
.bo-view table thead th {height:80px; text-align:center; vertical-align: middle;}
.bo-view table thead tr {border-bottom:1px solid #dddddd;}
.bo-view table tbody tr {border-bottom:1px solid #DDDDDD;}
.bo-view table .th-1 {width:75px; color:#0064F9; font-weight:700;}
.bo-view table .th-2 {text-align:left; font-size:18px; font-weight:700; padding:10px 0; line-height:1.4;}
.bo-view table .th-3 {width:130px; color:#999999; font-size:16px; font-weight:500;}
.bo-view .bo-contents {min-height:400px; padding:30px;}

/* 인증서 */
.certification-wrap {}
.certification-wrap .sub-section-1 {background:#F9F9F9;}
.certification-wrap .sub-section-1 .common-begin-title {margin:0;}
.certification-wrap .sub-section-2 {margin-top:100px;}
.certification-wrap .sub-section-2 .common-begin-title .txt {padding:70px 0;}
#isolde {width:1000px; margin:50px auto 100px;}
#isolde > div {border:1px solid #8E8A7D; border-radius:5px; overflow:hidden; height:225px; cursor:pointer;}
#isolde > div img {max-width:100%;}

.sortable__nav {position:relative; width:240px; margin:0 auto;}
.sortable__nav .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.sortable__nav ul {display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #EEEEEE; position:relative; z-index:1;}
.sortable__nav ul li {cursor:pointer; padding:0 0 13px;}
.sortable__nav ul li span {font-size:16px; font-weight:500; color:#999999; line-height:21px; padding:0 10px;}
.sortable__nav ul li.on span {color:#444444;}

/* Q&A */
.q-a-wrap {}
.q-a-wrap .sub-section {margin:100px auto;}
.utill-bar .hint {font-size:18px; line-height:38px; font-weight:300;}
.utill-bar .hint span.underscore {font-weight:600;}
.qn-tbl {margin-top:10px;}
.qn-tbl table {width:100%; table-layout:fixed; border-top:1px solid #444444;}
.qn-tbl table tr {border-bottom:1px solid #CCCCCC;}
.qn-tbl table th {width:250px; height:45px; vertical-align: middle; background:#FBFBFB; font-size:16px; font-weight:600; text-align:left; padding-left:22px;}
.qn-tbl table td {vertical-align: middle; text-align:left; padding:9px;}
.qn-tbl table th.inquiry {vertical-align:top; padding-top:10px;}

input.input-default {padding:0 10px; height:28px; width:100%; border:1px solid #EEEEEE; border-radius:3px; box-sizing:border-box;}
textarea.input-default {padding:15px; height:28px; width:100%; border:1px solid #EEEEEE; border-radius:3px; box-sizing:border-box; resize:none;}
.button-wrap {margin:16px -5px 0;}
.button-wrap.ta-r {text-align:right;}
.button-wrap.ta-l {text-align:left;}
.button-wrap.ta-c {text-align:center;}
.button-wrap button {background:none; outline:none; border:none; font-size:16px; font-weight:600; cursor:pointer; margin:0 5px;}
.button-wrap button.button-rewrite {border:1px solid #3580C2; border-radius:5px; background:#fff; color:#3580C2; width:145px; height:40px; line-height:38px; text-align:center;}
.button-wrap button.button-submit {border:1px solid #3580C2; border-radius:5px; background:#3580C2; color:#fff; width:145px; height:40px; line-height:38px; text-align:center;}
.qn-tbl textarea.input-default {height:325px;}


/* 채용정보 */
.container-recruit {}
.container-recruit .sub-section {width:1200px; margin:0 auto; background:#fff; border-radius:20px; overflow:hidden;}
.container-recruit .bylaws-wrap .sub-section {margin-bottom:80px;}
.container-recruit .sub-section .padding-box {padding:60px 75px;}
.container-recruit .sub-section .tit {}
.container-recruit .sub-section .tit .t1 {font-size:32px; font-weight:800; margin-bottom:50px;}
.container-recruit .sub-section .tit .t2 {font-size:24px; font-weight:700; line-height:36px; color:#3580C2; margin-bottom:16px;}
.container-recruit .sub-section .tit .t3 {font-size:18px; line-height:26px;}

/* 인재상 */
.talent-wrap {background:#FBFBFB;}
.tlt-word-list {display:flex;     justify-content: space-around; align-items: flex-start; margin-top:70px;}
.tlt-word-list li {}
.tlt-word-list li .icon {height:100px; display:flex;     justify-content: center; align-items: center; align-content: center;}
.tlt-word-list li .txt {font-size:18px; font-weight:700; line-height:2; margin-top:30px; text-align:center;}
.tlt-word-bg {background:url("/assets/images/tlt-word-bg.png") no-repeat center center; background-size: cover; height:250px; display:flex;     justify-content: center; align-items: center;}
.tlt-word-bg .txt {font-size:21px; line-height:32px; color:#fff; text-align:center;}
.tlt-word-bg .txt b {font-weight:700;}

.dl-section-list {}
.dl-section-list.mt-65 {margin-top:65px;}
.dl-section-list dl {margin-bottom:85px;}
.dl-section-list.c-FF9900 dl {margin-bottom:45px;}
.dl-section-list dl dt {font-size:21px; font-weight:700; line-height:26px; padding-left:44px; position:relative; margin-bottom:15px;}
.dl-section-list.c-FF9900 dl dt {margin-bottom:10px;}
.dl-section-list dl dt::before {content:""; position:absolute; left:0; top:6px; width:25px; height:14px; border-radius:3px 3px 0 0;}
.dl-section-list.c-3580C2 dl dt::before {background:#3580C2;}
.dl-section-list.c-FF9900 dl dt::before {background:#FF9900;}
.dl-section-list dl dd {font-size:18px; line-height:28px; padding-left:44px;}
.dl-section-list dl dd span.under-bar {position:relative;}
.dl-section-list dl dd span.under-bar::after {content:""; height:14px; width:calc(100% + 8px); background:rgb(0 0 0 / 5%); position: absolute; left:-4px; bottom:-5px;}
.dl-section-list.item dl dd {margin-bottom:12px; position:relative; padding-left:70px; margin-left:44px;}
.dl-section-list.item dl dd span.under-bar {display:inline-block; position:absolute; left:0; font-weight:600;}

/* 인사 / 교육 / 복지 */
.bylaws-top-bg-1 {background:url("/assets/images/bylaws-top-bg-1.jpg") no-repeat center center;}
.bylaws-top-bg-2 {background:url("/assets/images/bylaws-top-bg-2.jpg") no-repeat center center;}
.bylaws-top-bg-3 {background:url("/assets/images/bylaws-top-bg-3.jpg") no-repeat center center;}
.bylaws-top-bg {background-size:100% auto; height:310px; transition: 0.5s ease-out;}
.bylaws-top-bg:hover {background-size:110%;}
.center-gray-box {padding:35px 100px; text-align:center; font-size:18px; font-weight:600; color:#666; border-radius:15px; background:#F9F9F9; margin-top:40px;}

/* 경영방침 */
.sub-page-wrap.management-policy-wrap {padding-bottom:150px;}
.management-policy-wrap .sub-section-1 {max-width:1700px; margin:0 auto 130px;}
.management-policy-wrap .sub-section-1 .bg {height:380px; background:url("/assets/images/management-policy-wrap-bg.png") no-repeat center; background-size:cover;  display:flex;     justify-content: center; align-items: center;}
.management-policy-wrap .sub-section-1 .tit {text-align:center;}
.management-policy-wrap .sub-section-1 .tit .t1 {font-size:18px; font-weight:700; color:#CCCCCC; margin-bottom:50px;} 
.management-policy-wrap .sub-section-1 .tit .t1 span {position:relative; display: inline-block; z-index:1;}
.management-policy-wrap .sub-section-1 .tit .t1 span::after {content:""; background:#CCCCCC; position:absolute; bottom:-10px; left:50%; width:45px; height:3px; z-index:1; transform:translateX(-50%);}
.management-policy-wrap .sub-section-1 .tit .t2 {font-size:48px; color:#fff; font-weight: 700;}

.title-and-icon-list {position:relative; padding-left:280px; margin-bottom:130px;}
.title-and-icon-list:last-child {margin-bottom:0;}
.title-and-icon-list .left {position:absolute; left:0; top:0;}
.title-and-icon-list .left .tit {font-size:26px; font-weight:700; display:flex; align-items: center; justify-content: flex-start; align-content: center;}
.title-and-icon-list.style-1 .left .tit {color:#6CC84D;}
.title-and-icon-list.style-2 .left .tit {color:#FF9900;}
.title-and-icon-list.style-3 .left .tit {color:#3580C2;}
.title-and-icon-list .left .tit .nemo {display:inline-block; font-size:18px; font-weight:500; display:inline-block; width:26px; line-height:26px; text-align:center; color:#fff; border-radius:3px; margin-right:15px;}
.title-and-icon-list.style-1 .left .tit .nemo {background:#6CC84D;}
.title-and-icon-list.style-2 .left .tit .nemo {background:#FF9900;}
.title-and-icon-list.style-3 .left .tit .nemo {background:#3580C2;}
.title-and-icon-list .right {width:100%;}
.title-and-icon-list .right ul {font-size:0;}
.title-and-icon-list .right ul li {display:inline-block; position:relative; width:25%; vertical-align: top; text-align:center;}
.title-and-icon-list .right ul li::after {content: ""; height:100%; width:1px; background:#EEEEEE; position:absolute; right:0; top:0;}
.title-and-icon-list .right ul li:last-child::after {content: none;}
.title-and-icon-list .right ul li .icon {height:66px; display:flex; justify-content: center; align-items: center; align-content: center;}
.title-and-icon-list .right ul li .txt {font-size:18px; font-weight:500; line-height:24px; margin-top:25px;}

/* 윤리경영 */
.ethical-wrap {}
.ethical-wrap .sub-section-1 {background:#FBFBFB; padding:100px 0;}
.ethical-box {background:#fff; padding:40px 60px; padding-left:340px; margin-bottom:50px; position:relative;}
.ethical-box:last-child {margin-bottom:0;}
.ethical-box .left {width:280px; position:absolute; top:40px; left:60px;}
.ethical-box .left .tit {font-size:24px; font-weight:700;}
.ethical-box .right {position:relative; padding-left:70px;}
.ethical-box .right::before {content:""; width:1px; height:100%; background:#DDDDDD; position:absolute; left:0; top:0;}
.ethical-box .icon-list {}
.ethical-box .icon-list ul {display:flex;     align-items: flex-start; justify-content: space-around;}
.ethical-box .icon-list ul li {}
.ethical-box .icon-list ul li .ic {height:30px; display:flex;     justify-content: center; align-items: center; align-content: center;}
.ethical-box .icon-list ul li .txt {font-size:17px; line-height:1.4; margin-top:20px; text-align:center;}
.ethical-box .icon-list ul li .txt b {font-size:19px; font-weight:700;}
.ethical-box .bar-list {padding:13px 0;}
.ethical-box .bar-list ul {}
.ethical-box .bar-list ul li {position:relative; padding-left:23px; font-size:18px; line-height:24px; margin-bottom:20px;}
.ethical-box .bar-list ul li::before {content:"-"; position:absolute; left:0;}
.ethical-box .bar-list ul li:last-child {margin-bottom:0;}
.ethical-box .number-list {padding:13px 0;}
.ethical-box .number-list ul { counter-reset: number 0;}
.ethical-box .number-list ul li {position:relative; padding-left:36px; margin-bottom:21px; font-size:18px; line-height:24px;}
.ethical-box .number-list ul li::before {counter-increment: number ; content: '0' counter(number); color:#3580C2; font-weight:500; position:absolute; left:0;}
.ethical-box .number-list ul li:last-child::before {counter-increment: number ; content:counter(number);}
.ethical-box .tit-list {padding:13px 0;}
.ethical-box .tit-list dl {margin-bottom:24px;}
.ethical-box .tit-list dl:last-child {margin-bottom:0;}
.ethical-box .tit-list dl dt {color:#3580C2; font-size:18px; font-weight:600; line-height:1.4; margin-bottom:10px;}
.ethical-box .tit-list dl dd {font-size:18px; line-height:24px;}
.ethical-wrap .sub-section-2 {padding:120px 0;}
.ethical-wrap .down-list {}
.ethical-wrap .down-list .t1 {text-align:left; font-size:24px; font-weight:800; line-height:36px;}
.ethical-wrap .down-list ul {margin-top:20px; border-top:2px solid #2E2E2E;}
.ethical-wrap .down-list ul li {position:relative; display:flex; padding:36px 15px 30px 0; justify-content: space-between; align-items: center; border-bottom:1px solid #DDDDDD;}
.ethical-wrap .down-list ul li .name {font-size:18px; font-weight:600;}
.ethical-wrap .down-list ul li .down-txt {font-size:16px;}
.ethical-wrap .down-list ul li:hover .name, .ethical-wrap .down-list ul li:hover .down-txt {color:#3580C2;}

/* 환경안전보건경영 */
.environmental-wrap {padding-bottom:150px;}
/* .evrmt-parallax {padding-left:220px;} */
.environmental-wrap .sub-section-1 {overflow:hidden;}
.evrmt-parallax {width:1480px; margin:0 auto;}
/* #js-sliderWrap-evrmt {overflow:hidden;} */
#js-slideContainer-evrmt {width:4080px;     transition: 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);}
.evrmt_ani {width:calc(100% / 3); float:left; height:calc(100vh - 200px)}
.evrmt_ani .img {width:1280px; height:70%;}
.evrmt_ani .img img {width:100%; height:100%; object-fit: cover;}
.evrmt_ani .txt {margin-top:40px; height:30%;}
.evrmt_ani .txt .t1 {color:#222222; font-size:24px; font-weight:700;}
.evrmt_ani .txt .t2 {font-size:18px; font-weight:500; line-height:26px; margin-top:16px;}

.environmental-wrap .sub-section-2 {margin-top:200px;}
.environmental-wrap .sub-section-2 .tit {}
.environmental-wrap .sub-section-2 .tit .t1 {color:#222; font-size:24px; font-weight:800; line-height:1.4;}
.environmental-wrap .sub-section-2 .tit .t2 {font-size:18px; font-weight:500; margin-top:14px;}
.environmental-wrap .sub-section-2 .img-box {margin-top:28px; padding:35px 0; border-top:1px solid #DCDCDC;}
.environmental-wrap .sub-section-2 .img-box img {text-align:center; max-width:100%;}

/* 품질경영 */
.quality-wrap {padding-bottom:150px;}
.quality-box:first-child {border-top:1px solid #333;}
.quality-box {position:relative; display:flex; align-items: flex-start; justify-content: flex-start; padding:75px 0; border-bottom:1px solid #EEEEEE;}
.quality-box:last-child {border-bottom:none;}
.quality-box .left {width:200px;}
.quality-box .left .tit {}
.quality-box .left .tit .t1 {font-size:32px; font-weight:700; line-height:1.4;}
.quality-box .left .tit .t2 {font-size:24px; font-weight:600; line-height:1.4; color:#3580C2;}
.quality-box .right {}
.quality-box .txt-normal {font-size:18px; line-height:26px;}
.quality-box .txt-normal.fw-500 {font-weight:500;}
.quality-box .txt-big {font-sizE:24px; font-weight:700; line-height:38px;}
.quality-box .txt-sign {font-size:16px; line-height:24px;}
.quality-box .tit-contxt {}
.quality-box .tit-contxt dl {margin-bottom:60px;}
.quality-box .tit-contxt dl dt {font-size:21px; font-weight:700; line-height:26px; margin-bottom:30px;}
.quality-box .tit-contxt dl dd {font-size:18px; line-height:24px; position:relative; padding-left:20px; margin-bottom:16px;}
.quality-box .tit-contxt dl dd:last-child {margin-bottom:0;}
.quality-box .tit-contxt dl dd::before {content:"-"; position:absolute; left:0;}
.quality-box .img-box {text-align:center;}
.quality-box .img-box img {max-width:100%;}
.quality-box .img-box-txt {margin-top:27px; font-size:16px; font-weight:500; line-height:24px; text-align:center;}
.quality-box.qb-2 .txt-normal {margin:55px 0;}
.quality-box.qb-5 .img-box {margin-top:40px;}

/* 재무정보 */
.financial-wrap {padding-bottom:150px;}
.financial-wrap .sub-section {width:820px; margin:0 auto;}
.financial-tab {position:relative;}
.financial-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.financial-tab ul {display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #EEEEEE; position:relative; z-index:1;}
.financial-tab ul li {cursor:pointer; padding:0 0 13px;}
.financial-tab ul li span {font-size:16px; font-weight:500; color:#999999; line-height:21px; padding:0 10px;}
.financial-tab ul li.on span {color:#444444;}
.financial-contents {padding-top:60px; min-height:750px;}
.fi-tbl {margin-top:70px;}
.fi-tbl .hint {color:#666; font-size:12px; margin-bottom:12px; text-align:right;}
.fi-tbl table {width:100%; table-layout:fixed; border-top:1px solid #DDDDDD;}
.fi-tbl table tr {border-bottom:1px solid #DDDDDD;}
.fi-tbl table thead th {background:#EEEEEE; height:45px; font-size:14px; font-weight:600; color:#666666; vertical-align: middle; text-align:center;}
.fi-tbl table tbody th {background:#F8F8F8; vertical-align: middle; text-align:center; font-size:14px; color:#666;}
.fi-tbl table tbody td {color:#666; font-size:14px; font-weight:300; height:45px; vertical-align: middle; text-align:center;}
.fi-tbl table tbody td span.fc-red {color:#ff3d34;}

/* 공시정보 */
.disclosure-wrap {padding-bottom:100px;}
.disclosure-wrap .sub-section-1 {width:1200px; margin:50px auto 0;}
.disclosure-wrap .sub-section-1 .tit-box {padding:30px 80px; background:#F9F9F9; border-radius:5px;}
.disclosure-wrap .sub-section-1 .tit-box .t1 {font-size:15px; font-weight:600; margin-bottom:16px; text-align:center;}
.disclosure-wrap .sub-section-1 .tit-box .t2 {font-size:15px; line-height:21px; text-align:Center;} 
.disclosure-contents {height:1000px; width:750px; margin:40px auto 0; text-align:center;}

/* 공고사항 */
.announcement-wrap {padding-bottom:100px;}
.announcement-wrap .sub-section-1 {width:1200px; margin:100px auto 0;}
.announcement-tab {position:relative; border-bottom:1px solid #EEEEEE;}
.announcement-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#3580C2; height:2px;}
.announcement-tab ul {display: flex; align-items: center; justify-content: space-between; position:relative; z-index:1; width:330px;}
.announcement-tab ul li {cursor:pointer; padding:0 0 13px;}
.announcement-tab ul li span {font-size:16px; font-weight:500; color:#999999; line-height:21px; padding:0 10px;}
.announcement-tab ul li.on span {color:#444444;}
.announcement-contents {margin-top:25px;}
.ann-tit-box {background:#F8F8F8; padding:30px;}
.ann-tit-box .t1 {font-size:15px; font-weight:600; text-align:center;}
.ann-tit-box .t2 {font-size:15px; line-height:21px; text-align:center; margin-top:18px;}

.ann-list {margin-top:20px;}
.ann-list ul {border-top:1px solid #DDDDDD;}
.ann-list ul li {border-bottom:1px solid #DDDDDD;}
.ann-list ul li .contents-list {display:flex; justify-content: space-between; align-items: center; padding-right:15px;}
.ann-list ul li .contents-list .name {font-size:14px; line-height:16px; background:#FBFBFB; padding:15px 30px; width:370px; cursor:pointer;}
.ann-list ul li .contents-list .down-txt {color:#999; font-size:14px; line-height:16px; padding:5px;}
.ann-list ul li .contents-view {padding:20px; display:none; border-top:1px solid #eee;}

/* Instrument Panel */
.istrmpn-wrap {padding-bottom:150px;}
.istrmpn-box:first-child {border-top:1px solid #333;}
.istrmpn-box {position:relative; display:flex; align-items: flex-start; justify-content: flex-start; padding:75px 0; border-bottom:1px solid #EEEEEE;}
.istrmpn-box.istrmpn-1 {    align-items: center;}
.istrmpn-box:last-child {border-bottom:none;}
.istrmpn-box .left {width:200px; flex:1 0 200px;}
.istrmpn-box .left .tit {}
.istrmpn-box .left .tit .t1 {font-size:32px; font-weight:700; line-height:1.4;}
.istrmpn-box .left .tit .t2 {font-size:24px; font-weight:600; line-height:1.4; color:#3580C2;}
.istrmpn-box .right {width:100%;}
.istrmpn-box .txt-normal {font-size:18px; line-height:26px;}
.istrmpn-box .txt-normal.fw-500 {font-weight:500;}
.istrmpn-box .txt-big {font-sizE:24px; font-weight:700; line-height:38px;}
.istrmpn-box .txt-sign {font-size:16px; line-height:24px;}

.istrmpn-box .bg-box {background:#F9F9F9; height:588px; display: flex; width: 100%; justify-content: center; align-items: center; align-content: center;}
.istrmpn-box .xvl-box {background:#F9F9F9; height:588px; display: flex; width: 100%; justify-content: center; align-items: center; align-content: center;}

.istrmpn-box .tit-contxt {display:flex;     justify-content: flex-start;}
.istrmpn-box .tit-contxt .col {margin-right:135px;}
.istrmpn-box .tit-contxt .col:last-child {margin-right:0;}
.istrmpn-box .tit-contxt dl {margin-bottom:60px;}
.istrmpn-box .tit-contxt dl dt {font-size:21px; font-weight:700; line-height:26px; margin-bottom:30px;}
.istrmpn-box .tit-contxt dl dd {font-size:18px; line-height:24px; position:relative; padding-left:20px; margin-bottom:16px;}
.istrmpn-box .tit-contxt dl dd:last-child {margin-bottom:0;}
.istrmpn-box .tit-contxt dl dd::before {content:"-"; position:absolute; left:0;}

.istrmpn-box .img-list {}
.istrmpn-box .img-list ul {display:flex; justify-content: space-between; padding-right:35px;}
.istrmpn-box .img-list ul li {}
.istrmpn-box .img {text-align:center;}