@charset "utf-8";
/* **************************************** *
 * FONT
 * **************************************** */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NanumSquareL.eot);
    src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareL.woff) format('woff'),
    url(../fonts/NanumSquareL.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NanumSquareR.eot);
    src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareR.woff) format('woff'),
    url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NanumSquareB.eot);
    src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareB.woff) format('woff'),
    url(../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/NanumSquareEB.eot);
    src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareEB.woff) format('woff'),
    url(../fonts/NanumSquareEB.ttf) format('truetype');
}
/* montserrat-300 - */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/montserrat-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v18-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v18-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0028-0029, U+002C, U+002D, U+005F, U+002F, U+002E, U+0022, U+0026, U+0027, U+0040;
}
/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0028-0029, U+002C, U+002D, U+005F, U+002F, U+002E, U+0022, U+0026, U+0027, U+0040;
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v18-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v18-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v18-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0028-0029, U+002C, U+002D, U+005F, U+002F, U+002E, U+0022, U+0026, U+0027, U+0040;
}
/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/NanumSquareEB.eot);
    src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareEB.woff) format('woff'),
    url(../fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v18-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v18-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v18-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0028-0029, U+002C, U+002D, U+005F, U+002F, U+002E, U+0022, U+0026, U+0027, U+0040;
}
/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v18-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v18-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v18-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0028-0029, U+002C, U+002D, U+005F, U+002F, U+002E, U+0022, U+0026, U+0027, U+0040;
}
/* **************************************** *
 * RESET FILES
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section,input,textarea,select {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    vertical-align: baseline;
    font-family:'pretendard','NanumSquare', dotum, sans-serif;
    box-sizing:border-box;
    word-break: break-word;
}
html{overscroll-behavior: contain;}
:focus{outline:none;}
ol,ul{list-style: none;font-size:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:inherit;word-break:keep-all}
figure,article,header,main,footer,nav,hgroup,video,audio,aside,form{display: block;}
a,input,textarea,select,label{display:inline-block;text-decoration:none;}
img{width:auto;height:auto;border:0;vertical-align:top;}
caption,.blind{overflow:hidden !important;visibility:hidden !important;padding:0 !important;margin:0 !important; width:0!important;height:0 !important;font-size:0 !important;line-height:0 !important;}
sup{vertical-align:super}
button{border:0;cursor:pointer;}
strong{font-weight:700;}
input {-webkit-appearance: none;-webkit-border-radius: 0;}
select option{color:#000}
section{position:relative;}
video{width:100%;height:100%;object-fit:cover;}
/* **************************************** *
 * Z-INDEX
 * **************************************** */
.popup{z-index:8000;}
.btn-top{z-index:5900;}
header{z-index:6000;}
footer{z-index:1000;}
/* **************************************** *
 * COMMON INPUT BUTTON
 * **************************************** */
/*x 삭제 */
/*
input::-ms-clear,
input::-ms-reveal{display:none;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}
 */
/*form*/
/*----input-----*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 9999s ease-out;-webkit-box-shadow: 0 0 0 1000px white inset; /*-webkit-text-fill-color: #fff !important;*/}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}


::-webkit-input-placeholder { color:#999 !important;}
::-moz-placeholder { color:#999 !important;}
:-ms-input-placeholder {color:#999 !important;}
:-moz-placeholder { color:#999 !important;}
input::placeholder{color:#999 !important;}
textarea::placeholder{color:#999 !important;}
select::-ms-expand {display:none;}
select{display:inline-block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;vertical-align:top;}
input[type="checkbox"],
input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type="checkbox"] + label,
input[type="radio"] + label{cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}

/*input*/
.inp-ty input[type="text"],
.inp-ty input[type="password"],
.inp-ty input[type="number"],
.inp-ty input[type="email"]{padding:0 40px 0 23px;border-radius:25px;width:100%;height:50px;background:#f6f7f9;font-size:16px;letter-spacing:-0.48px;color:#191919;}
.textarea-ty{padding:20px 20px 20px 23px;border-radius:30px;background:#f6f7f9;}
.textarea-ty textarea{width:100%;height:140px;background:#f6f7f9;font-size:16px;letter-spacing:-0.48px;color:#191919;}

.radio-ty{position: relative;display:inline-block;margin-top:12px;margin-left:12px;width:254px; height:50px;line-height:50px;vertical-align:top;}
.radio-ty input[type="radio"] + label{display:block;width:100%;height:50px;line-height:50px;font-size:16px;color:#999;border:1px solid #e5e5e5;letter-spacing:-0.48px;text-align:center;border-radius:25px;}
.radio-ty input[type="radio"]:checked + label{border-color:#00d5fc;color:#00d5fc; }
@media (max-width: 767px){
    .radio-ty{margin-left:8px;width:calc(50% - 4px);}
    .radio-ty input[type="radio"] + label{font-size:14px;letter-spacing:-0.5px;white-space:nowrap;}

}
.chk-ty{position: relative;display:inline-block; height:24px;margin-right:35px;vertical-align: top;}
.chk-ty input[type="checkbox"] + label{display:inline-block;padding:0 0 0 35px;height:24px;line-height:24px;letter-spacing:-0.54px;font-size:18px;color:#191919;font-weight:800;box-sizing:content-box;text-align:left;}
.chk-ty input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:0;left:0;width:24px;height:24px;box-sizing:border-box;background: url("../images/check.png")0 0 no-repeat;background-size:contain; }
.chk-ty input[type="checkbox"]:checked + label:before{background: url("../images/checkOn.png")0 0 no-repeat;background-size:contain; }

.select-ty{position:relative;display:block;min-height:50px;width:100%;background-color:#f6f7f9;border-radius:25px;z-index:100;}
.select-ty a{position:relative;display:block;padding:0 40px 0 23px;width:100%;height:50px;line-height:50px;font-size:16px;letter-spacing:-0.48px;color:#191919;background-color:#f6f7f9;border-radius:25px;z-index:100;}
.select-ty a:after{content:'';display:block;position:absolute;top:calc(50% - 10px);right:20px;width:20px;height:20px;background:url("../images/iconArrow4.svg")0 0 no-repeat;background-size:contain;transform:rotate(180deg) }
.select-ty .inner{display:none;overflow:hidden;position:absolute;top:0;left:0;width:100%;background-color:#f6f7f9;border-radius:25px;box-shadow:0 30px 30px rgba(0,0,0,0.05)}
.select-ty .inner>div{overflow:hidden;height:100%;max-height:180px;}
.select-ty li{padding:0 40px 0 23px;height:38px;line-height:38px;color:#191919;letter-spacing:-0.48px;font-size:16px;cursor:pointer;}
.select-ty li:first-child{margin-top:55px;}
.select-ty li:last-child{margin-bottom:10px;}
.select-ty li:hover{background:#eef0f3; }
.select-ty .mCSB_scrollTools{top:60px;right:15px;bottom:15px;}

/*swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;}
.swiper-pagination-bullet{width:8px;height:8px;border-radius:10px;transition:width .2s ease-in-out;}
.swiper-pagination-bullet-active{width:30px;height:8px;background:#00d5fc;}

/*scroll-y*/
.scroll-y{overflow:hidden}
.mCSB_scrollTools{width:4px;z-index:200;}
.mCSB_inside > .mCSB_container{margin-right:0;}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,0)}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.2); }
/*wrap*/
.wrap{position:relative;width: 100%;margin:0 auto;font-size:0; padding: 0 calc(40% - 520px);}
.flex-center{height:100%;display:flex;justify-content: center;align-items: center;}
.body-wrap{min-height:100vh;position:relative;padding:0 0 190px;}
@media (max-width: 1342px) {
.wrap{width:100%;padding:0 20px;}
}
@media (max-width: 1199px){
    .wrap{width:100%;padding:0 20px;}
    .body-wrap{padding:0 0 250px;}
}
@media (max-width: 767px){
    .wrap{width:100%;padding:0 20px;}
    .body-wrap{padding:0 0 300px;}
}
/*ani*/
.lineAni{position:relative;}
.lineAni:after{display:block;content:'';position:absolute;bottom:0;left:0;transition:all .2s ease-in-out;width:0}
@media (min-width: 1200px){
    .lineAni:hover:after{width:100%}
}

/*btn*/
.btn-detail{display:inline-block;position:absolute;top:0;right:0;line-height:20px;font-size:15px;letter-spacing:-0.45px;color:#999;border-bottom:1px solid #999;}
.btn-detail:hover{color:#191919;border-color:#191919;}

.btn-ty1{position:relative; display:inline-block;overflow:hidden;}
.btn-ty1 a{position:relative;display:inline-block;overflow:hidden;margin-top:45px;padding:0 45px 0 25px;height:60px;line-height:60px;font-size:16px;letter-spacing:-0.5px;color:#fff;border-radius:0 30px 30px 30px;background:#191919;transition:all .2s ease-in-out;}
.btn-ty1 a:after{content:'';display:block;width:18px;height:18px;position:absolute;top:calc(50% - 9px);right:20px;background:url("../images/iconArrowWhiteRight.svg")0 0 no-repeat;background-size: contain;}
.btn-ty1 a:hover{background:#00d5fc;transition:all .2s ease-in-out !important;}
.btn-ty1.v1{display:block;text-align:center;}
.btn-ty1.v1 a{padding-left:45px;font-weight:700;font-size:18px;}
.btn-ty1.v1 a:after{display:none;}

.btn-ty2{position:relative; display:inline-block;overflow:hidden;}
.btn-ty2 a{position:relative;display:inline-block;overflow:hidden;margin-top:60px;padding:0 100px 0 60px;height:90px;line-height:90px;font-size:24px;letter-spacing:-0.72px;color:#fff;border-radius:0 50px 50px 50px;background:#191919;transition:all .2s ease-in-out;font-weight:700;}
.btn-ty2 a:after{content:'';display:block;width:24px;height:24px;position:absolute;top:calc(50% - 12px);right:60px;background:url("../images/iconArrowWhiteRight.svg")0 0 no-repeat;background-size: contain;}
.btn-ty2 a:hover{background:#00d5fc;transition:all .2s ease-in-out !important;}

.scroll-icon{position:absolute;left:0; bottom:0;z-index:100;padding-bottom:87px;width:100%;line-height:20px;font-size:14px;color:#fff;font-weight:700;letter-spacing:1.4px;text-align:center;}
.scroll-icon .line{overflow:hidden;display:block;position:absolute;bottom:0;left:calc(50% - 1px);width:1px;height:70px;background:rgba(255,255,255, 0.2)}
.scroll-icon .line:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:30px;background:rgba(255,255,255, 1);animation: scroll 3s linear infinite both;}
/* **************************************** *
 * ANIMATION
 * **************************************** */
/*비디오 작아짐*/
@keyframes videoAni{
    0% {top:0;left:0;width:100%;height:100vh;}
    100% {top:110px;left:calc(50% - 720px);width:1440px;height:65vh;}
}
@keyframes videoAniMo{
    0% {top:0;left:0;width:100%;height:100vh;}
    100% {top:60px;left:calc(50% - 720px);width:1440px;height:65vh;}
}
/*영상줄여짐에 따라 텍스트 이동*/
@keyframes txtAni1{
    0%{bottom:200px}
    100%{bottom:-140px}
}
/*텍스트 모션*/
@keyframes txtShowIn{
    0% {transform: translateY(100%)}
    100% {transform: translateY(0);}
}
/*텍스트 라인 모션*/
@keyframes txtLineInOut{
    0% {transform:scaleX(0);transform-origin:left top;}
    40% {transform:scaleX(1);transform-origin:left top;}
    60% {transform:scaleX(1);transform-origin:right top;}
    100% {transform:scaleX(0);transform-origin:right top;}
}
@keyframes txtLineIn{
    0% {transform:scaleX(0);transform-origin:left top;}
    100% {transform:scaleX(1);transform-origin:left top;}
}
@keyframes fadeIn{
    0% {opacity:0}
    100% {opacity:1}
}
@keyframes fadeIn2{
    0% {opacity:0}
    45% {opacity:0}
    50% {opacity:1}
    100% {opacity:1}
}
@keyframes fadeInOut{
    0% {opacity:0}
    20% {opacity:1}
    80% {opacity:1}
    100% {opacity:0}
}
@keyframes scaleIn{
    0% {transform:scale(0)}
    100% {transform:scale(1)}
}
@keyframes scaleInOut{
    0% {transform:scale(0)}
    20% {transform:scale(1)}
    80% {transform:scale(1)}
    100% {transform:scale(0)}
}
@keyframes move1{
    0% {right:-50%}
    100% {right:0}
}
@keyframes move2{
    0% {transform: translateX(100%)}
    100% {transform: translateX(0)}
}
@keyframes move3{
    0% {transform: translateX(0)}
    100% {transform: translateX(100%)}
}
@keyframes scroll {
    0% {top:-30px;}
    100% { top:80px;}
}
/* **************************************** *
 * HEADER FOOTER MAIN
 * **************************************** */
header{position:fixed;top:0;left:0;width:100%;height:90px;font-size:0;background:transparent;transition:background .2s ease-in-out;}
header .wrap {display: flex; justify-content: space-between; align-items: center;}
header.ty1{background:#fff;border-bottom:1px solid #e5e5e5;}
header h1{display:inline-block;margin-top:30px;}
header h1 a{display:block;width:87px;height:31px;background:url("../images/logoBlue.svg")0 0 no-repeat;background-size:contain;}
header .lang_btn {display: flex; align-items: center; gap: 58px; margin-top: 30px;}
header .lang{display:inline-block;/* position:absolute;top:30px;right:65px;font-size:0;z-index:100; */position: relative;}
header .lang a{display:inline-block;vertical-align:top;font-family:'pretendard','Montserrat', sans-serif;font-weight:700;font-size:16px;line-height:30px;height:30px;color:#ccc;transition:all .2s ease-in-out;z-index:100}
header .lang a:after{background:#ccc;height:3px;width:0;}
header .lang a.on{color:#181818;}
header .lang a.on:after{width:100%;background:#181818;}
header .lang a:hover:after{width:100%;}
header .lang a + a{margin-left:25px;}
header .lang:before{display:block;content:'';position:absolute;top:calc(50% - 4px);left:50%;width:1px;height:9px;background:#e5e5e5;}
header .lang a[data-name="en"] + .ready-txt{display:block;position:absolute;top:11px;left:-27px;width:190px;height:121px;background:url("../images/ready.png")0 0 no-repeat;background-size:contain;opacity:0;transition:all .2s ease-in-out;}
header .lang a[data-name="en"]:hover + .ready-txt{opacity:1}
header .btn-gnb{ position: relative;display: inline-block;width: 24px; height: 24px; /* position:absolute;top:25px;right:-7px;width:40px;height:40px;z-index:100; */}
header .btn-gnb .line{transition:all .2s ease-in-out;transform-origin:center center;display:block;position:absolute;top:calc(50% - 1px);left:0px;width:24px;height:3px;background:#000;}
header .btn-gnb .line:before{transition:all .2s ease-in-out;transform-origin:center center;display:block;content:'';position:absolute;top:-8px;left:0;width:24px;height:3px;background:#000;}
header .btn-gnb .line:after{transition:all .2s ease-in-out;transform-origin:center center;display:block;content:'';position:absolute;top:8px;left:0;width:24px;height:3px;background:#000;}
header .btn-gnb.on .line{transform:rotate(45deg)}
header .btn-gnb.on .line:before{top:0;}
header .btn-gnb.on .line:after{top:0;transform:rotate(90deg)}
header.white .lang a:after{background:#fff}
header.white .lang a{color:#fff}
header.white .lang a.on{color:#fff}
header.white .lang a.on:after{background:#fff;}
header.white .btn-gnb .line,
header.white .btn-gnb .line:before,
header.white .btn-gnb .line:after{background:#fff;}
header.bgWhite{background:#fff;}
/*서브용 헤더2*/
header.ty2{background:transparent;border-color:transparent;}
header.ty2 h1 a{background-image:url("../images/logoWhite.svg")}
header.ty2 .lang a{color:#fff;}
header.ty2 .lang a:after{background:#fff;}
header.ty2 .lang a.on{color:#fff;}
header.ty2 .lang a.on:after,
header.ty2 .btn-gnb .line,
header.ty2 .btn-gnb .line:before,
header.ty2 .btn-gnb .line:after{background:#fff;}

/*gnb 실행시 강제 색상변경*/
header.gnb-on{background:#fff !important;}
header.gnb-on h1 a{background-image:url("../images/logoBlue.svg") !important;}
header.gnb-on .lang a{color:#ccc !important}
header.gnb-on .lang a:after{background:#ccc !important;}
header.gnb-on .lang a.on{color:#181818 !important}
header.gnb-on .lang a.on:after{background:#181818 !important;}
header.gnb-on .btn-gnb .line,
header.gnb-on .btn-gnb .line:before,
header.gnb-on .btn-gnb .line:after{background:#181818 !important;}

.gnb{position:fixed;left:0;top:89px;display:none;width:100%;height:calc(100vh - 89px);background:#fff;}
.gnb-wrap{display:flex;justify-content: center;align-items:center;width:100%;height:100%;}
.gnb .inner{width:1200px;padding-bottom:130px}
.gnb .inner>ul>li{position:relative;display:block;padding-left:324px;height:120px;}
.gnb .depth1{display:block;position:absolute;top:26px;left:0;font-size:42px;line-height:68px;font-weight:800;letter-spacing:-1.26px;color:#181818;pointer-events: none;cursor: default; }
.gnb .depth1>span:before{transition:all .4s ease;transform-origin:left top;transform:scaleX(0);content:'';display:block;position:absolute;bottom:5px;left:0;width:100%;height:25px;background:#acf0ff}
.gnb .depth1>span{padding:0 10px;}
.gnb .depth1 span{position:relative;display:inline-block;vertical-align:top;line-height:68px}
.gnb .inner li li{display:inline-block;vertical-align:top;margin-top:33px;margin-left:30px;}

.gnb .inner li li.underline a{
    display: flex;
    gap: 2px;
    align-items: start;transition:all .3s ease;
}
.gnb .inner li li.underline .depth2 span {
    background: url(../images/water_icon.svg) no-repeat center center /contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 8px;transition:all .3s ease;
}
.gnb .inner li li.underline:hover .depth2:hover{
    background: linear-gradient(
        90deg,
        rgba(12, 119, 241, 1) 0%,
        rgba(12, 161, 241, 1) 100%
      );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}
.gnb .inner li li.underline:hover .depth2:hover span{

    background: url(../images/water_icon_on.svg) no-repeat center center /contain;
}
.gnb .inner li li:first-child{margin-left:0;}
.gnb .depth2{transition:all .3s ease;display:block;padding:0 10px;font-size:24px;line-height:54px;font-weight:700;letter-spacing:-0.72px;color:#ccc;}
.gnb .inner2{position:absolute;bottom:85px;left:calc(50% - 600px);width:1200px;font-size:0}
.gnb .inner2 .sns{display:inline-block;vertical-align:top;font-size:0;}
.gnb .inner2 .sns a{display:inline-block;vertical-align:top;width:36px;height:36px;background-position:center center;background-repeat:no-repeat;background-size:contain;}
.gnb .inner2 .sns a + a{margin-left:20px;}
.gnb .inner2 .sns .facebook{background-image:url("../images/iconFace2.png")}
.gnb .inner2 .sns .insta{background-image:url("../images/iconInsta2.png")}
.gnb .inner2 .sns .blog{background-image:url("../images/iconBlog2.png")}
.gnb .inner2 p{display:inline-block;vertical-align:top;margin-left:256px;font-size:18px;font-family: 'pretendard','Montserrat', sans-serif; font-weight:500;line-height:36px; }
@media (min-width: 1200px){
    .gnb .inner>ul>li:hover .depth1>span:before{transform:scaleX(1);}
    .gnb .inner>ul>li:hover .depth2{color:#7d7d7d;}
    .gnb .inner>ul>li:hover .depth2:hover{color:#00d5fc;}
    .gnb .inner>ul>li ul{display:block !important;}
}
@media (max-width: 1199px){
    /* header .lang{right:100px;} */
    /* header .btn-gnb{right:25px;} */
    .gnb{overflow-y:auto;}
    .gnb-wrap{display:block;}
    .gnb .inner{position:relative;width:100%;padding:30px 32px 130px;min-height:calc(100vh - 90px);}
    .gnb .inner>ul>li{position:relative;display:block;padding:25px 0;height:auto;}
    .gnb .depth1{position:relative;top:0;left:0;cursor:pointer;pointer-events: auto; }
    .gnb .depth1:after{transition:all .4s ease;transform:rotate(180deg);content:'';display:block;position:absolute;top:calc(50% - 12px);right:0;width:24px;height:24px;background:url("../images/iconArrow4.svg")0 0 no-repeat;background-size:contain;}
    .gnb .depth1>span{margin-left:-10px;}
    .gnb .depth1.on>span:before{transform:scaleX(1);}
    .gnb .depth1.on:after{transform:rotate(0deg);}
    .gnb .inner>ul>li ul{display:none;}
    .gnb .inner li li{display:block;margin-top:20px;margin-left:0;}
    .gnb .inner li li:first-child{margin-top:40px;}
    .gnb .depth2{color:#7d7d7d;padding:0;}
    .gnb .inner2{bottom:60px;left:0;width:100%;padding:0 32px;}
    .gnb .inner2 p{position:absolute;right:32px;bottom:0;margin-left:0;}
}
@media (max-width: 767px){
    header{height:60px;}
    header h1{margin-top:19px;}
    header h1 a{width:66px;height:23px;}
    header .lang_btn {margin-top: 19px;gap: 24px;}
    header .lang{display:none;opacity:0}
    header.gnb-on .lang{display:block;opacity:1;transition:all .2s .4s ease-in-out;}
    /* header .btn-gnb{top:10px;right:10px;} */
    .gnb{top:59px;height:calc(100vh - 59px)}
    .gnb-wrap{display:block;}
    .gnb .inner{padding:40px 20px 120px;min-height:calc(100vh - 60px);}
    .gnb .inner>ul>li{padding:5px 0;}
    .gnb .depth1{font-size:24px;letter-spacing:-0.72px;line-height:60px;}
    .gnb .depth1:after{top:calc(50% - 9px);right:0;width:18px;height:18px;}

    .gnb .depth1 span{line-height:60px;}
    .gnb .depth1>span{padding:0 5px;margin-left:-5px;}
    .gnb .depth1>span:before{height:15px;bottom:11px;}
    .gnb .inner>ul>li ul{padding-bottom:20px;}
    .gnb .inner li li{margin-top:0;}
    .gnb .inner li li:first-child{margin-top:10px;}
    .gnb .depth2{line-height:50px;font-size:18px;letter-spacing:-0.54px;}
    .gnb .inner2{bottom:40px;left:0;width:100%;padding:0 20px;}
    .gnb .inner2 p{display:none;}
}


footer{position:absolute;bottom:0;left:0;width:100%;padding-top:50px;height:190px;background:#181818; }
footer p{position:relative;display:inline-block;line-height:24px;vertical-align:top;font-size:14px;color:#aaa;font-weight:300;word-break:keep-all;}
footer .copy{display:block;margin-top:20px;color:#666;font-family:'pretendard', 'Montserrat', sans-serif;font-weight:400;}
footer .num{padding-right:20px;margin-right:20px;}
footer .num:before{content:'';display:block;position:absolute;right:0;top:6px;height:12px;width:1px;background:#666;}
footer .sns{position:absolute;top:0;right:calc(40% - 520px);font-size:0}
footer .sns a{display:inline-block;width: 36px;height:36px;margin-left:20px;}
footer .sns .facebook{background:url("../images/iconFace.png") 12px 5px no-repeat;background-size:14px auto;}
footer .sns .insta{background:url("../images/iconInsta.png") center center no-repeat;background-size:25px auto;}
footer .sns .blog{background:url("../images/iconBlog.png") center center no-repeat;background-size:29px auto;}
@media (max-width: 1199px){
    footer{padding-top:45px;height:250px;}
    footer .wrap{position:static;}
    footer .num{padding-right:15px;margin-right:15px;}
    footer .sns{right:auto;left:32px;top:auto;bottom:50px;margin-top:30px;}
    footer .sns a{margin-left:0;margin-right:20px;}
}
@media (max-width: 767px){
    footer{height:300px;}
    footer .copy{margin-top:5px;}
    footer .num{padding-right:13px;margin-right:13px;}
    footer .num + .num{margin-right:0;}
    footer .sns{left:20px;bottom:30px;}
}

main{overflow:hidden;}
main.sub{padding-top:90px;}
@media (max-width: 767px){
    main.sub{padding-top:60px;}
}

.btn-top{transition:all .4s ease;display:block;position:fixed;right:50px;bottom:50px;width:72px;height:72px;text-align:center;font-family:'pretendard', 'Montserrat', sans-serif;font-weight:600;color:#fff;letter-spacing:-0.54px;line-height:72px;background:#00d5fc;border-radius:0 36px 36px 36px;box-shadow:5px 8px 20px rgba(0,0,0,0.05)}
.btn-top.end{bottom:240px;}
@media (max-width: 1199px){
    .btn-top{right:32px;bottom:32px;}
    .btn-top.end{bottom:282px;}

}
@media (max-width: 767px){
    .btn-top{right:20px;bottom:20px;width:54px;height:54px;font-size:14px;line-height:54px;letter-spacing:-0.44px;}
    .btn-top.end{bottom:320px;}
}
/* **************************************** *
 * LAYOUT
 * **************************************** */
/*page-nav*/
.page-nav{margin-top:80px;display:block;text-align:center;font-size:0;}
.page-nav a{display:inline-block;width:auto;height:40px;line-height:40px;font-size:16px;color:#000;font-weight:300;vertical-align:top;border-radius:100%;transition:all .2s ease-in-out;}
.page-nav .btn-prev{width:42px;background:url("../images/btnPage.png")center center no-repeat;background-size:24px auto;}
.page-nav .btn-next{width:42px;background:url("../images/btnPage.png")center center no-repeat;background-size:24px auto;transform:rotate(180deg)}
.page-nav ul{display:inline-block;font-size:0;padding:0 10px;white-space:nowrap;}
.page-nav li{display:inline-block;margin:0 5px;text-align:center;vertical-align:top;}
.page-nav li a{position:relative;display:block;width:42px;height:42px;line-height:42px;font-family:'pretendard','Montserrat', sans-serif;font-size:22px;color:#191919;letter-spacing:-0.66px;text-align:center;}
.page-nav li a.active{background-color:#191919;color:#fff;}
.page-nav a:hover{background-color:rgba(0,0,0,0.1);}
.page-nav a.active:hover{background-color:#191919;}

@media (max-width: 1199px){
    .page-nav{margin-top:60px;}
}
@media (max-width: 767px){
    .page-nav{margin-top:40px;}
    .page-nav ul{padding:0 6px;}
    .page-nav li{margin:0 3px;}
    .page-nav li:nth-child(5) ~ li{display:none;}
}

/*common:txtGroup1*/
.txt-group {display:inline-block;vertical-align:top;width:513px;text-align:left;}
.txt-group span{transform:translateY(-100%);transition:all .4s ease-in-out;position:relative;overflow:hidden;display:block;height:100%;}
.txt-group em{overflow:hidden;display:block;line-height:32px;font-size:22px;font-weight:700;letter-spacing:-0.66px;color:#7d7d7d;text-align:left;}
.txt-group p{overflow:hidden;}
.txt-group strong{overflow:hidden;margin-top:30px;display:block;line-height:70px;font-size:54px;font-weight:800;letter-spacing:-1.62px;color:#fff;text-align:left;}
.txt-group strong + strong{margin-top:0;}
.txt-group .t1{margin-top:40px;position:relative;display:inline-block;line-height:38px;font-size:32px;font-weight:800;letter-spacing:-0.96px;color:#fff;text-align:left;}
.txt-group .t1:before{transform:scaleX(0);transform-origin:left bottom;transition:all .4s ease-in-out;display:block;content:'';position:absolute;bottom:0;left:-5px;height:15px;width:calc(100% + 10px);background:#00d5fc;}
.txt-group .t2{margin-top:20px;display:block;line-height:32px;font-size:22px;font-weight:800;letter-spacing:-0.66px;color:#fff;text-align:left;}
.txt-group .t2 + .t2{margin-top:0}
.txt-group .t3{margin-top:30px;display:block;line-height:32px;font-size:22px;font-weight:400;letter-spacing:-0.66px;color:rgba(255,255,255,.7);text-align:left;}
.txt-group .t3 + .t3{margin-top:0}
.txt-group .btn-ty1{margin-top:45px;overflow:hidden;}
.txt-group .btn-ty1 a{margin-top:0;transform:translateY(-100%);transition:all .4s ease-in-out;}
.txt-group .btn-ty1 a div{position:relative;z-index:100}
.active-txt .txt-group  span{transform:translateY(0);transition:all .4s 1s ease-in-out;}
.active-txt .txt-group .btn-ty1 a{transform:translateY(0);transition:transform .4s 1s ease-in-out;}
.active-txt .txt-group .btn-ty1 a:before{display:block;content:'';transition:all .4s 1s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;background:#00d5fc;opacity:0;animation:btnLight 1s;animation-delay:2s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}
.active-txt .txt-group .t1:before{transform:scaleX(1);transition:all .4s 1.4s ease-in-out;}


.txt-group.v1 strong{color:#191919;}
.txt-group.v1 .t1{color:#191919;}
.txt-group.v1 .t1:before{background:#acf0ff;}
.txt-group.v1 .t2{color:#191919;font-weight:400;}
.txt-group.v1 .t3{color:#999;font-weight:300;}

@keyframes btnLight{
    0% {opacity:0;display:block;}
    40% {opacity:1;display:block;}
    50% {opacity:1;display:block;}
    90% {opacity:0;display:block;}
    90% {opacity:0 ;display:none;}
}

/*common:titleGroup1*/
.title-ty{text-align:center;}
.title-ty strong{overflow:hidden;display:inline-block;height:70px;line-height:70px;}
.title-ty strong span{transform:translateY(-100%);transition:all .4s ease-in-out;position:relative;overflow:hidden;display:block;font-size:54px;line-height:70px;letter-spacing:-1.62px;color:#191919;font-weight:800;}
.active-title .title-ty strong span{transform:translateY(0);transition:all .4s 1s ease-in-out;}

/*common:sub-title*/
.sub-title{text-align:center;margin:110px 0;}
.sub-title strong{position:relative;overflow:hidden;display:inline-block;padding:0 10px;height:80px;line-height:80px;}
.sub-title .line:before{display:block;content:'';position:absolute;bottom:10px;left:0;width:100%;height:25px;background:#acf0ff;}
.sub-title .line:before{transform:scaleX(0);animation-fill-mode:forwards;transform-origin:left top;animation-timing-function: ease;}
.sub-title span{position:relative;overflow:hidden;display:block;font-size:48px;line-height:80px;letter-spacing:-1.44px;font-family:'pretendard', 'Montserrat', sans-serif;font-weight:600;color:#191919;z-index:100;}
.sub-title span{transform:translateY(100%);transition:all .7s ease-in-out;}
.view.sub-title span{transform:translateY(0);}
.view.sub-title .line:before{animation:txtLineIn .7s forwards;animation-delay:1s;}
.view.sub-title .line.n2:before{animation:txtLineIn 2s forwards;animation-delay:1.5s;}

.sub-title2{text-align:center;margin:110px auto 0;font-size:0;}
.sub-title2 strong{position:relative;overflow:hidden;display:inline-block;padding:0 10px;}
.sub-title2 strong span{position:relative;display:block;font-family:'pretendard',  'Montserrat', sans-serif; font-size:72px;letter-spacing:-2.16px;font-weight:600;color:#191919;z-index:100;}
.sub-title2 .line:before{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:25px;background:#acf0ff;}
.sub-title2 .line:before{transform:scaleX(0);animation-fill-mode:forwards;transform-origin:left top;animation-timing-function: ease;}
.sub-title2 p{position:relative;overflow:hidden;display:block;margin:20px auto 0;padding:0 10px;max-width:970px;word-break:keep-all;}
.sub-title2 p span{position:relative;display:block;font-size:20px;line-height:30px;letter-spacing:-0.6px;font-weight:700;color:#191919;word-break:keep-all;z-index:100;}
.sub-title2 strong span{transform:translateY(100px);transition:all .4s ease-in-out;}
.sub-title2 p span{transform:translateY(120px);opacity:0;transition:all .4s ease-in-out;}
.view.sub-title2 strong span{transform:translateY(0);}
.view.sub-title2 .line:before{animation:txtLineIn .4s ease forwards;animation-delay:.4s;}
.view.sub-title2 p span{transform:translateY(0);opacity:1}
.sub-title2 .mo{display:none;}

.crew-title .sub-title2 strong br,
.crew-title .sub-title2 p br{display:none}
.crew-recruitment-title .view.sub-title2  .pc .line:before{transition-duration:.8s;}
.crew-recruitment-title p{margin-top:30px;}

@media (max-width: 1199px){
    .sub-title2{padding:0 32px;margin-top:80px;}
    .sub-title2 p{margin-top:10px;}
    .sub-title2 .pc{display:none;}
    .sub-title2 .mo{display:block;}
    .crew-title .sub-title2 strong span{transform:translateY(100%);}
    .crew-title .view.sub-title2 strong span{transform:translateY(0);}
    .crew-title .sub-title2 strong br,
    .crew-title .sub-title2 p br{display:block}
    .crew-recruitment-title p{margin-top:30px;}
    .crew-recruitment-title .view.sub-title2  .mo .line:before{transition-duration:.4s;}
    .crew-recruitment-title .view.sub-title2  .mo .line.v1:before{transition-duration:.4s;animation-delay:.8s;}
}
@media (max-width: 767px){
    .sub-title2{padding:0 10px;margin:50px auto 0;}
    .sub-title2 strong span{ font-size:32px;letter-spacing:-0.96px;}
    .sub-title2 .line:before{bottom:0;height:15px}
    .sub-title2 p{margin-top:10px;padding:0 10px;max-width:970px;}
    .sub-title2 p span{font-size:18px;line-height:28px;letter-spacing:-0.54px;}
    .crew-title .sub-title2 strong br,
    .crew-title .sub-title2 p br{display:none}
    .crew-recruitment-title p{margin-top:20px;}
}

.sub-title3{text-align:center;}
.sub-title3 strong{position:relative;overflow:hidden;display:inline-block;padding:0 5px;height:60px;line-height:60px;}
.sub-title3 strong span{transition:all .4s ease;position:relative;overflow:hidden;display:inline-block;font-family:'pretendard',  'Montserrat', sans-serif; font-size:54px;letter-spacing:-1.62px;font-weight:600;color:#191919;z-index:100;}
.sub-title3 .line:before{display:block;content:'';position:absolute;bottom:4px;left:0;width:100%;height:15px;background:#acf0ff;}
.sub-title3 .line:before{transform:scaleX(0);animation-fill-mode:forwards;transform-origin:left top;animation-timing-function: ease;}
.sub-title3 strong span{transform:translateY(100px);transition:all .7s ease-in-out;}
.sub-title3 p{position:relative;overflow:hidden;display:inline-block;vertical-align:top;margin-top:10px;padding:0 10px;word-break:keep-all;}
.sub-title3 p span{position:relative;overflow:hidden;display:block;font-size:32px;letter-spacing:-0.96px;font-weight:700;color:#191919;word-break:keep-all;z-index:100;}
.sub-title3.v1 strong{height:74px;line-height:74px;}
.sub-title3.v1 strong span{line-height:74px;}
.sub-title3.v1 strong span br{display:none;}
.sub-title3.v1 .line:before{height:24px;bottom:6px;}
.sub-title3 p span{transform:translateY(100px);opacity:0;transition:all .4s ease-in-out;}
.view .sub-title3 strong span{transform:translateY(0);transition:all .4s ease;}
.view .sub-title3 .line:before{animation:txtLineIn .4s forwards;animation-delay:.4s;}
.view .sub-title3 p span{transform:translateY(0);opacity:1}
.crew-title + .view .sub-title3 strong span{transition:all .4s .4s ease}
.crew-title + .view .sub-title3 .line:before{animation-delay:.8s;}
@media (max-width: 1199px){
    .sub-title3 strong span,
    .sub-title3 p span{transform:translateY(0);opacity:0;vertical-align:top}
    .sub-title3.v1 strong{height:auto}
    .sub-title3.v1 .line{height:74px;}
    .sub-title3.v1 strong span br{display:block;}
    .view .sub-title3 strong span,
    .view .sub-title3 p span{opacity:1}
}
@media (max-width: 767px){
    .sub-title3 strong{line-height:40px;height:40px;}
    .sub-title3 strong span{font-size:28px;letter-spacing:-0.84px;line-height:40px;}
    .sub-title3 .line:before{bottom:2px;}
    .sub-title3.v1 .line{height:40px;}
    .sub-title3.v1 strong span{line-height:40px;}
    .sub-title3.v1 .line:before{height:15px;bottom:3px;}
}

/*common:list-ty*/
.list-ty{min-height:720px;margin-bottom:180px;}
.list-ty li{overflow:hidden;position:relative;min-height:720px;margin-top:200px;}
.list-ty li.n1{margin-top:110px;}
.list-ty li .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat: no-repeat;transition:all .7s ease;}
.list-ty li .cont{display:flex;justify-content:left;align-items:center;position:relative;float:right;min-height:720px;width:40%;min-width:600px;transition:all .7s ease;}
.list-ty li .cont:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;transition:all .7s ease;transform:translateX(100%);}
.list-ty li .cont>div{position:relative;text-align:left;padding:80px 0;margin-left:125px;width:400px;z-index:100;}
.list-ty li:nth-child(2n) .cont{float:left;justify-content:right;}
.list-ty li:nth-child(2n) .cont:before{transform:translateX(-100%);}
.list-ty li:nth-child(2n) .cont>div{margin-left:0;margin-right:125px;}
.list-ty li .t1{overflow:hidden;display:block;font-size:32px;font-weight:800;letter-spacing:-0.96px;color:#00d5fc;}
.list-ty li .t2{margin-top:30px;overflow:hidden;display:block;font-size:72px;font-weight:800;letter-spacing:-2.16px;color:#191919;}
.list-ty li .t3{margin-top:30px;overflow:hidden;display:block;font-size:24px;font-weight:800;letter-spacing:-0.96px;color:#7d7d7d;}
.list-ty li .t4{margin-top:20px;overflow:hidden;display:block;font-size:24px;font-weight:400;letter-spacing:-0.72px;color:#191919;line-height:40px;}
.list-ty li .t4 strong{display:block;font-size:22px;font-weight:800}
.list-ty li .t3 + .t4{margin-top:50px;}

.list-ty span{position:relative;display:block;transform:translateY(100px);opacity:0;transition:all .4s ease;}
.list-ty li .t4 span{opacity:0}
.list-ty li.view .cont:before{transform:translateX(0);}
.list-ty li.view .img{width:60%;transition:all .7s .7s ease;}
.list-ty li:nth-child(2n).view .img{margin-left:40%;}
.list-ty li.view .t1 span{transform:translateY(0);opacity:1;transition:all .4s .4s ease;}
.list-ty li.view strong span{transform:translateY(0);opacity:1;transition:all .4s .5s ease;}
.list-ty li.view .t3 span{transform:translateY(0);opacity:1;transition:all .4s .6s ease;}
.list-ty li.view .t4 span{transform:translateY(0);opacity:1;transition:all .4s .7s ease;}
/*
.list-ty li .btn-more{overflow:hidden;position:relative;display:inline-block;font-size:22px;font-weight:700;letter-spacing:-0.66px;color:#191919;line-height:32px;}
.list-ty li .btn-more span{margin-top:30px;padding-right:25px;}
.list-ty li .btn-more span:before{content:'';display:block;position:absolute;top:13px;right:0;width:15px;height:3px;background:#191919;}
.list-ty li .btn-more span:after{content:'';display:block;position:absolute;top:13px;right:0;width:15px;height:3px;background:#191919;transform:rotate(90deg);transition:all .2s ease-in-out;}
.list-ty li .btn-more.on span:after{transform:rotate(0)}
.list-ty li.view .btn-more span{transform:translateY(0);opacity:1;transition:all .4s 1.1s ease;}
 */
@media (max-width: 1199px){
    .list-ty{min-height:initial;margin-bottom:140px;}
    .list-ty li{min-height:initial;margin-top:110px;}
    .list-ty li.n1{margin-top:110px;}
    .list-ty li .img{position:static;height:720px;background-size:auto 100%;transition:all .7s ease;}
    .list-ty li.n1 .img{background-position:15% 0;}
    .list-ty li.n2 .img{}
    .list-ty li.n3 .img{background-position:30% 0;}
    .list-ty li.n4 .img{background-position:75% 0;}
    .list-ty li .cont{display:block;float:none;min-height:initial;width:100%;min-width:100%;}
    .list-ty li .cont:before{display:none;}
    .list-ty li .cont>div{padding:60px 32px 0;margin-left:0;width:100%;}
    .list-ty li:nth-child(2n) .cont{float:none;}
    .list-ty li:nth-child(2n) .cont:before{display:none;}
    .list-ty li:nth-child(2n) .cont>div{margin:0;}
    .list-ty li.view .img{margin-left:32px;width:calc(100% - 64px);}
    .list-ty li:nth-child(2n).view .img{margin-left:32px;}
}
@media (max-width: 767px){
    .list-ty{margin-bottom:90px;}
    .list-ty li{margin-top:55px;}
    .list-ty li.n1{margin-top:55px;}
    .list-ty li .img{height:350px;}
    .list-ty li .cont>div{padding:25px 20px 0;}
    .list-ty li.view .img{margin-left:20px;width:calc(100% - 40px);}
    .list-ty li:nth-child(2n).view .img{margin-left:20px;}
    .list-ty li .t1{font-size:18px;letter-spacing:-0.54px;}
    .list-ty li .t2{margin-top:10px;font-size:31px;letter-spacing:-0.95px;}
    .list-ty li .t3{margin-top:15px;font-size:18px;letter-spacing:-0.54px;}
    .list-ty li .t4{margin-top:15px;font-size:16px;letter-spacing:-0.48px;line-height:26px;}
    .list-ty li .t4 strong{font-size:16px;}
    .list-ty li .t3 + .t4{margin-top:20px;}

}

/*크루소개*/
.list-ty2{padding:100px 0 120px;}
.list-ty2.v1{background:#fff;transition:all 3000ms cubic-bezier(0.100, 0.630, 0.355, 1.000); }
.list-ty2 .ul-ty{transform:translateY(100px);width:925px;margin:20px auto 0;transition:all .4s ease;opacity:0.5 }
.list-ty2 .ul-ty li{display:inline-block;vertical-align:top;margin-top:50px;margin-right:50px;}
.list-ty2 .ul-ty li:nth-child(3n){margin-right:0;}
.list-ty2 .ul-ty li a{position:relative;overflow:hidden;display:block;width:275px;height:420px;box-shadow:7px 13px 30px rgba(0,0,0,0.1);background:#fff;}
.list-ty2 .ul-ty li a[data-name="crewAdvisory"]{height:450px;}
.list-ty2 .ul-ty li .img{position:relative;overflow:hidden;width:100%;height:300px;background:#e2dee0;}
.list-ty2 .ul-ty li .img span{display:block;width:100%;height:300px;background-size:cover;background-position:center center;transition:all .3s ease-in-out;}
.list-ty2 .ul-ty li .cont{width:100%;height:120px;padding:24px 20px 0;font-size:0;}
.list-ty2 .ul-ty li .cont em{display:block;font-size:18px;letter-spacing:-0.54px;color:#999;line-height:27px;white-space:nowrap;}
.list-ty2 .ul-ty li .cont strong{display:inline-block;vertical-align:top;margin-top:10px;font-size:26px;letter-spacing:-0.8px;font-weight:800;color:#191919;white-space:nowrap;}
.list-ty2 .ul-ty li .cont p{display:inline-block;vertical-align:top;margin-left:10px;margin-top:14px;font-size:20px;letter-spacing:-0.65px;font-weight:800;color:#191919;white-space:nowrap;}
.list-ty2 .ul-ty li .hover-cont{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:300px;}
.list-ty2 .ul-ty li .hover-cont:before{transform:scaleX(0);opacity:0;transform-origin:left top;transition:all .4s ease-in-out;display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75)}
.list-ty2 .ul-ty li .hover-cont div{opacity:0;transition:all .4s ease-in-out;position:relative;width:100%;padding:0 30px;text-align:center;}
.list-ty2 .ul-ty li .hover-cont strong{display:block;font-size:24px;color:#fff;font-weight:800;letter-spacing:-0.75px;line-height:33px;text-align:center;word-break: keep-all;}
.list-ty2 .ul-ty li .hover-cont p{display:block;font-size:14px;color:#fff;font-weight:300;letter-spacing:-0.44px;line-height:20px;text-align:center;}
.list-ty2 .ul-ty li .hover-cont strong + p{margin-top:10px;}
.view .list-ty2.v1{background:#f6f7f9; }
.view .list-ty2 .ul-ty{transform:translateY(0);opacity:1;transition:opacity .4s ease, transform .8s ease; }
.crew-cont:last-child .list-ty2{padding-bottom:150px}
.list-ty2 .ul-ty li a[data-name="crewLeader"]:hover .img span{transform:scale(1.1)}
.list-ty2 .ul-ty li a[data-name="crewStaffs"]:hover{cursor:default}
.list-ty2 .ul-ty li a[data-name="crewStaffs"]:hover .hover-cont:before{transform:scaleX(1);opacity:1;}
.list-ty2 .ul-ty li a[data-name="crewAdvisory"]:hover .img span{transform:scale(1.1)}
.list-ty2 .ul-ty li a:hover div{opacity:1;transition:all .4s .3s ease-in-out;}

@media (max-width: 1199px){
    .list-ty2{padding:90px 0 100px;}
    .crew-title + .crew-cont .list-ty2{padding-top:70px;}
}
@media (max-width: 1000px){
    .list-ty2 .ul-ty{width:600px;}
    .list-ty2 .ul-ty li{margin-right:50px;margin-top:50px;}
    .list-ty2 .ul-ty li:nth-child(3n){margin-right:50px;}
    .list-ty2 .ul-ty li:nth-child(2n){margin-right:0;}
}
@media (max-width: 767px){
    .list-ty2{padding:50px 0 60px;}
    .crew-title + .crew-cont .list-ty2{padding-top:40px;}
    .list-ty2 .ul-ty{width:100%;padding:0 0 0 20px;margin:15px auto 0;}
    .list-ty2 .ul-ty li{margin-top:20px;margin-right:20px;}
    .list-ty2 .ul-ty li:nth-child(3n){margin-right:20px;}
    .list-ty2 .ul-ty li:nth-child(2n){margin-right:0;}
    .list-ty2 .ul-ty li a{width:calc(50vw - 30px);height:auto;}
    .list-ty2 .ul-ty li a[data-name="crewAdvisory"]{height:auto;}
    .list-ty2 .ul-ty li .img{height:45vw;}
    .list-ty2 .ul-ty li .img span{height:45vw;}
    .list-ty2 .ul-ty li .cont{height:auto;padding:4vw 4vw;}
    .list-ty2 .ul-ty li .cont em{font-size:11px;line-height:18px;letter-spacing:-0.33px;}
    .list-ty2 .ul-ty li .cont strong{margin-top:5px;font-size:16px;letter-spacing:-0.48px;}
    .list-ty2 .ul-ty li .cont p{margin-left:5px;margin-top:8px;font-size:12px;letter-spacing:-0.36px;}
    .list-ty2 .ul-ty li .hover-cont{height:45vw}
    .crew-cont:last-child .list-ty2{padding-bottom:100px}
}
/*크루영입*/
.list-ty3{padding:30px 0 150px;}
.list-ty3 .ul-ty{width:1044px;margin:0 auto;border-top:1px solid #7d7d7d;border-bottom:1px solid #7d7d7d;}
.list-ty3 .ul-ty li{border-top:1px solid #eee}
.list-ty3 .ul-ty li:first-child{border-top:0}
.list-ty3 .ul-ty a{position:relative;display:table;width:100%;height:120px;padding:35px 80px 35px 0;}
.list-ty3 .ul-ty a:before{content:'';display:block;position:absolute;top:calc(50% - 15px);right:27px;width:30px;height:30px;background:url("../images/iconArrow3.svg") 0 0 no-repeat;background-size:contain;transition:all .2s ease-in-out;}
.list-ty3 .ul-ty a div{display:table-cell;vertical-align:middle;font-size:0;}
.list-ty3 .ul-ty a .t1{display:inline-block;vertical-align:middle;width:120px;font-size:18px;font-weight:700;color:#01d5fb;letter-spacing:-0.54px;text-align:center;}
.list-ty3 .ul-ty a .t2{display:inline-block;vertical-align:middle;overflow:hidden;margin-top:27px;width:800px;height:30px;line-height:30px;font-size:22px;font-weight:800;color:#191919;letter-spacing:-0.66px;transition:all .2s ease-in-out;white-space:nowrap;text-overflow:ellipsis; }
.list-ty3 .ul-ty a .t3{display:inline-block;position:absolute;top:35px;left:120px;font-size:18px;font-weight:700;color:#191919;letter-spacing:-0.54px;text-align:left;transition:all .2s ease-in-out;}
.list-ty3 .ul-ty a:hover:before{right:17px;background-image:url("../images/iconArrow3Over.svg");}
.list-ty3 .ul-ty a:hover .t2{color:#01d5fb;}
.list-ty3 .ul-ty a:hover .t3{color:#01d5fb;}
.list-ty3 .page-nav{margin-top:60px;}
.list-ty3 .cont-none{position:relative;display:table;height:440px;width:1044px;margin:0 auto;border-top:1px solid #7d7d7d;border-bottom:1px solid #7d7d7d;text-align:center; }
.list-ty3 .cont-none div{display:table-cell;vertical-align:middle;color:#191919;}
.list-ty3 .cont-none img{display:block;width:90px;margin:0 auto;}
.list-ty3 .cont-none strong{display:block;margin-top:20px;font-size:32px;letter-spacing:-0.96px;font-weight:800;}
.list-ty3 .cont-none p{display:block;margin-top:15px;font-size:18px;letter-spacing:-0.54px;font-weight:400;}
.list-ty3{transform:translateY(100px);transition:all .4s ease;opacity:0.5;}
.list-ty3.view{transform:translateY(0);opacity:1;transition:opacity .4s ease, transform .8s ease; }

@media (max-width: 1199px){
    .list-ty3{padding:20px 32px 150px;}
    .list-ty3 .ul-ty{width:100%;}
    .list-ty3 .ul-ty a .t2{width:calc(100vw - 300px);}
    .list-ty3 .cont-none{height:400px;width:100%; }
}
@media (max-width: 767px){
    .list-ty3{padding:0 20px 100px;}
    .list-ty3 .ul-ty a{height:auto;padding:25px 50px 25px 0;}
    .list-ty3 .ul-ty a:before{top:calc(50% - 15px);right:0;}
    .list-ty3 .ul-ty a:hover:before{right:0;}
    .list-ty3 .ul-ty a div{display:block}
    .list-ty3 .ul-ty a .t1{display:block;width:100%;font-size:16px;letter-spacing:-0.48px;text-align:left;}
    .list-ty3 .ul-ty a .t2{display:-webkit-box;width:100%;margin-top:5px;height:auto;max-height:56px;line-height:28px;font-size:18px;letter-spacing:-0.54px;white-space:normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .list-ty3 .ul-ty a .t3{position:static;font-size:16px;margin-top:5px;}
    .list-ty3 .page-nav{margin-top:40px;width:calc(100% + 40px);margin-left:-20px;}
    .list-ty3 .cont-none{height:285px;}
    .list-ty3 .cont-none strong{font-size:24px;letter-spacing:-0.72px;}
    .list-ty3 .cont-none p{margin-top:10px;}
}


.list-ty4{padding:0 0 150px;}
.list-ty4 .ul-ty{width:1045px;margin:0 auto;transition:all .4s ease-in-out;}
.list-ty4 .ul-ty li{display:inline-block;vertical-align:top;margin-right:32px;margin-top:42px;width:327px;height:438px;background:#fff;transition:all .3s ease-in-out;}
.list-ty4 .ul-ty li:nth-child(3n){margin-right:0}
.list-ty4 .ul-ty a{position:relative;display:block;width:100%;height:100%;padding:280px 24px 0;box-shadow:7px 13px 30px rgba(0,0,0,0.05);transition:all .3s ease-in-out;}
.list-ty4 .ul-ty a .thumb{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:243px;}
.list-ty4 .ul-ty a .thumb span{position:relative;display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .2s ease-in-out;}
.list-ty4 .ul-ty strong{display:-webkit-box;width:100%;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;height:68px;line-height:34px;letter-spacing:-0.72px;font-size:24px;color:#191919;font-weight:800;word-break: keep-all;}
.list-ty4 .tag{font-size:0;margin-top:15px;line-height:20px;height:20px;overflow:hidden;}
.list-ty4 .tag span{display:inline-block;vertical-align:top;margin-right:8px;font-size:14px;letter-spacing:-0.41px;color:#7d7d7d;}
.list-ty4 p{display:block;margin-top:15px;font-size:14px;letter-spacing:-0.41px;color:#999;}
.list-ty4 em{position:absolute;top:225px;left:24px;display:inline-block;padding:0 16px;height:36px;line-height:36px;border-radius:0 18px 18px 18px;background:#01d5fb;font-size:14px;letter-spacing:-0.41px;color:#fff;}
.list-ty4 .ul-ty a:hover{box-shadow:7px 13px 30px rgba(0,0,0,0.15);transform:translateY(-10px);}
.list-ty4 .page-nav{margin-top:60px;}
.list-ty4{transform:translateY(100px);transition:all .4s ease;opacity:0.5;}
.list-ty4.view{transform:translateY(0);opacity:1;transition:opacity .4s ease, transform .8s ease;}
@media (max-width: 1199px){
    .list-ty4{padding:0 32px 150px;}
    .list-ty4 .ul-ty{width:685px;margin:0 auto;}
    .list-ty4 .ul-ty li{margin-right:31px;}
    .list-ty4 .ul-ty li:nth-child(3n){margin-right:31px;}
    .list-ty4 .ul-ty li:nth-child(2n){margin-right:0;}
}
@media (max-width: 767px){
    .list-ty4{padding:0 24px 100px;}
    .list-ty4 .ul-ty{width:100%}
    .list-ty4 .ul-ty li{margin-right:0;margin-top:30px;width:100%;height:auto;}
    .list-ty4 .ul-ty li:nth-child(3n){margin-right:0}
    .list-ty4 .ul-ty li:first-child{margin-top:0;}
    .list-ty4 .ul-ty a{padding:74vw 6vw 7vw;}
    .list-ty4 .ul-ty a .thumb{height:66vw;}
    .list-ty4 em{top:calc(66vw - 18px);}
    .list-ty4 .page-nav{margin-top:60px;}
    .list-ty4{transform:translateY(100px);transition:all .4s ease;opacity:0.5;}
    .list-ty4 .page-nav{margin-top:40px;width:calc(100% + 40px);margin-left:-20px;}
    .list-ty4.view{transform:translateY(0);opacity:1;transition:opacity .4s ease, transform .8s ease;}
}
.list-ty5{text-align:center;padding:85px 0 110px;}
.list-ty5 .ul-ty{width:980px;margin:0 auto;text-align:left;transition:all .4s ease-in-out;}
.list-ty5 .ul-ty li{display:inline-block;vertical-align:top;margin-right:40px;margin-top:40px;width:300px;height:300px;transition:all .3s ease-in-out;}
.list-ty5 .ul-ty li:nth-child(3n){margin-right:0}
.list-ty5 .ul-ty li a{position:relative;display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:7px 13px 30px rgba(0,0,0,0.05);transition:all .3s ease-in-out;}
.list-ty5 .ul-ty li a:hover{box-shadow:7px 13px 30px rgba(0,0,0,0.15);transform:translateY(-10px);}
.list-ty5{transform:translateY(100px);transition:all .4s ease;opacity:0.5;}
.list-ty5.view{transform:translateY(0);opacity:1;transition:opacity .4s ease, transform .8s ease;}
.list-ty5 .btn-more{overflow:hidden;position:relative;display:inline-block;margin-top:60px;font-size:24px;font-weight:800;letter-spacing:-0.66px;color:#191919;line-height:32px;}
.list-ty5 .btn-more span{margin-top:30px;padding-right:25px;}
.list-ty5 .btn-more span:before{content:'';display:block;position:absolute;top:13px;right:0;width:15px;height:3px;background:#191919;}
.list-ty5 .btn-more span:after{content:'';display:block;position:absolute;top:13px;right:0;width:15px;height:3px;background:#191919;transform:rotate(90deg);transition:all .2s ease-in-out;}
.list-ty5 .btn-more.on span:after{transform:rotate(0)}
@media (max-width: 1199px){
    .list-ty5{padding:75px 0 140px;}
    .list-ty5 .ul-ty{width:640px;}
    .list-ty5 .ul-ty li:nth-child(3n){margin-right:40px}
    .list-ty5 .ul-ty li:nth-child(2n){margin-right:0}
}
@media (max-width: 767px){
    .list-ty5{padding:35px 38px 80px;}
    .list-ty5 .ul-ty{width:100%;margin-right:0}
    .list-ty5 .ul-ty li{margin-top:30px;width:100%;height:calc(100vw - 76px);}
    .list-ty5 .ul-ty li:nth-child(3n){margin-right:0}
    .list-ty5 .ul-ty li:first-child{margin-top:0;}
    .list-ty5 .btn-more{margin-top:40px;font-size:16px;letter-spacing:-0.5px;}
    .list-ty5 .btn-more span:before,
    .list-ty5 .btn-more span:after{height:2px;}
}

.tab-wrap{position:relative;}
.tab-ty{position:relative;overflow:hidden;overflow-x:auto;height:145px;padding-top:50px;text-align:center;white-space:nowrap;}
.tab-ty ul{transform:translateY(100px);opacity:0;transition:all .4s ease-in-out;display:inline-block;overflow:hidden;vertical-align:top;padding:6px 10px;background:#fff;height:60px;border-radius:30px;box-shadow:7px 13px 30px rgba(0,0,0,0.05)}
.tab-ty ul li{display:inline-block;vertical-align:top;margin-left:20px;}
.tab-ty ul li:first-child{margin-left:0;}
.tab-ty a{display:inline-block;vertical-align:top;padding:0 33px;height:48px;line-height:48px;background:#fff;border-radius:24px;font-size:18px;letter-spacing:-0.54px;color:#191919;transition:all .2s ease-in-out;}
.tab-ty a span{display:inline-block;padding-left:5px;font-weight:700;font-size:16px;color:#01d5fb;}
.tab-ty.v1 ul li{margin-left:0;}
.tab-ty.v1 a{padding:0 20px}
.tab-ty a.on{background:#000;color:#fff;}
.view.tab-ty ul{transform:translateY(0);opacity:1;transition-delay:.4s;}
@media (max-width: 1199px){
    .tab-ty::-webkit-scrollbar{display: none;}
    .tab-ty{scrollbar-width:none;-ms-overflow-style:none;}
    .tab-ty.v1{padding:50px 32px 0;}
    .tab-wrap:before{content:'';display:block;position:absolute;right:0;top:0;width:32px;height:100%;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));z-index:100;}
}
@media (max-width: 767px){
    .tab-ty{height:120px;padding-top:30px;}
    .tab-ty a span{font-size:14px;}
    .tab-ty.v1{padding:30px 20px 0;}
    .tab-ty.v1 a{padding:0 12px}
    .tab-ty ul{padding:5px 8px;height:45px;box-shadow:4px 8px 20px rgba(0,0,0,0.05)}
    .tab-ty ul li{margin-left:0;}
    .tab-ty a{padding:0 17px;min-width:72px;height:36px;line-height:36px;font-size:14px;letter-spacing:-0.42px;}
}

.tag-group{margin-top:60px;}
.tag-group li{display:inline-block;margin-left:10px;margin-bottom:10px;padding:0 20px;height:42px;line-height:42px;border-radius:21px;font-size:14px;color:#191919;letter-spacing:-0.45px;background:#eaedf1;}
.tag-group li:first-child{margin-left:0;}


.inp-group>ul>li{margin-top:35px;}
.inp-group>ul>li strong{display:inline-block;vertical-align:top;font-size:18px;font-weight:800;color:#191919;letter-spacing:-0.54px;}
.inp-group>ul>li strong span{display:inline-block;vertical-align:top;padding-left:5px;color:#00d5fc;}
.inp-group>ul>li .cont{position:relative;margin-top:15px;}
.inp-group>ul>li.line{border-top:1px solid #e5e5e5;padding-top:45px;margin-top:50px;}

.detail-group{padding:120px 0 150px;width:1044px;margin:0 auto;}
.detail-group .top{padding-bottom:40px; }
.detail-group .top em{display:inline-block;padding:0 20px;height:36px;line-height:36px;border-radius:18px;font-weight:700;font-size:14px;color:#fff;letter-spacing:-0.41px;background:#01d5fb;}
.detail-group .top p{display:block;margin-top:25px;font-weight:800;font-size:22px;color:#191919;letter-spacing:-0.68px;}
.detail-group .top strong{display:block;padding-right:100px;margin-top:15px;font-weight:800;font-size:48px;color:#191919;letter-spacing:-1.44px;line-height:70px;word-break: keep-all;}
.detail-group .top strong + p{margin-top:10px;font-size:18px;font-weight:700;color:#999;letter-spacing:-0.54px;}
.detail-group .cont{padding:55px 0 65px;border-top:1px solid #7d7d7d;border-bottom:1px solid #e5e5e5;}
.detail-group .btn-ty1 a{margin-top:60px;}
@media (max-width: 1199px){
    .detail-group{padding:100px 32px 150px;width:100%;}
}
@media (max-width: 767px){
    .detail-group{padding:60px 20px 100px;}
    .detail-group .top{padding-bottom:20px; }
    .detail-group .top p{margin-top:20px;font-size:16px;letter-spacing:-0.5px;}
    .detail-group .top strong{padding-right:0;margin-top:5px;font-size:24px;letter-spacing:-0.72px;line-height:34px;}
    .detail-group .top strong + p{font-size:13px;letter-spacing:-0.41px;}
    .detail-group .cont{padding:35px 0 45px;}
    .detail-group .btn-ty1 a{margin-top:60px;}
}

/*editor*/
.editor a{font-size:inherit;font-style:initial;color:#1f90df;text-decoration:underline;}
.editor img{width:auto;max-width:100%;}
.editor b, .editor b span{font-weight:700;}
.editor div, .editor p, .editor strong, .editor b, .editor span, .editor ol,
.editor ul, .editor li{font-size:inherit;font-style:inherit;font-family:'pretendard', 돋움, dotum;}
.editor font span{font-family:inherit;}
.editor ul, .editor ol{display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0;margin-inline-end: 0;padding-inline-start: 40px;}



/* **************************************** *
 * POPUP
 * **************************************** */

.wrapper{position:fixed;width:100%;height:100%;}
.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.75)}
.popup{position:relative;}
.pop .close-area{display:block;position:fixed;left:0;top:0;width:calc(100% - 20px);height:100%; }
.pop{overflow-y:auto;position:fixed;left:0;top:0;width:100%;height:100%;padding:120px 0;}
.pop-wrap{transition:all .5s ease;transform:translateY(100%);position:relative;margin:0 auto;font-size:0;background:#fff;box-shadow:0 0 50px rgba(0,0,0,0.2)}
.popup.on .pop-wrap{transform:translateY(0)}
.pop-close{position:absolute;top:30px;right:30px;width:24px;height:24px;transition:all .2s ease-in-out;}
.pop-close:before,
.pop-close:after{content:'';display:block;position:absolute;top:0;left:10px;width:3px;height:100%;transform: rotate(45deg);background:#191919;transition:all .2s ease-in-out;}
.pop-close:after{transform: rotate(135deg);}
.pop-close:hover{transform: scale(1.3)}
.pop-title strong{position:relative;display:inline-block;vertical-align:top;margin-left:-5px;padding:0 5px;line-height:40px;font-size:31px;font-weight:800;letter-spacing:-0.95px;color:#191919;}
.pop-title strong:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:15px;background:#acf0ff}
.pop-title strong span{position:relative;z-index:100;}
.pop-title p{position:relative;margin-top:15px;line-height:24px;font-size:16px;letter-spacing:-0.5px;color:#191919;word-break:keep-all}
@media (max-width: 1199px){
    .pop{padding:90px 0;}
}
@media (max-width: 767px){
    .pop{padding:40px 0;}
    .pop-close{top:20px;right:20px;}
}
/*pop-crew*/
.pop-crew .pop-wrap{width:720px;}
.pop-crew .img{display:inline-block;vertical-align:top;width:344px;height:621px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.pop-crew p{font-size:16px;font-weight:300;letter-spacing:-0.48px;line-height:26px;word-break:keep-all }
.pop-crew p span{position:relative;display:block;padding-left:20px;}
.pop-crew p span:before{display:block;content:'';position:absolute;top:12px;left:5px; width:2px;height:2px;background:#191919;}
.pop-crew p + strong{margin-top:40px;}
.pop-crew .cont1{display:inline-block;vertical-align:top;padding:40px 40px 0 38px;width:376px;color:#191919;}
.pop-crew .cont1 .po{display:inline-block;vertical-align:top;height:36px;line-height:36px;padding:0 20px;border-radius:0 18px 18px 18px;background:#01d5fb;color:#fff;font-size:14px;font-weight:700;letter-spacing:-0.41px;}
.pop-crew .cont1 em{display:block;margin-top:22px;font-size:22px;letter-spacing:-0.68px;font-weight:800}
.pop-crew .cont1 strong{display:block;margin-top:20px;font-size:31px;letter-spacing:-0.95px;font-weight:800}
.pop-crew .cont1 p{display:block;padding-bottom:20px;font-size:14px;line-height:22px;letter-spacing:-0.42px;}
.pop-crew .cont1 .inner{position:relative;overflow:hidden;height:420px;margin-top:22px;}
.pop-crew .cont2{padding:50px 40px 60px;background:#f6f7f9;color:#191919;}
.pop-crew .cont2 strong{display:inline-block;font-size:22px;font-weight:800;letter-spacing:-0.68px; }
.pop-crew .cont2 p{margin-top:10px;}
#crewStaffs .pop-wrap{top:calc(50% - 210px)}
#crewStaffs .cont1 p{font-size:16px;line-height:26px;letter-spacing:-0.48px;}
@media (max-width: 1199px){
    .pop-crew .pop-wrap{width:704px;}
    .pop-crew .cont1{width:360px;padding:40px 40px 0 30px;}
    .pop-crew .cont2{padding:40px 30px 50px;}
}
@media (max-width: 767px){
    .pop-crew .pop-wrap{width:calc(100vw - 40px);}
    .pop-crew .img{display:block;width:100%;height:110vw;}
    .pop-crew p span{padding-left:15px;}
    .pop-crew .cont1{display:inline-block;vertical-align:top;padding:30px 20px 50px;width:100%;}
    .pop-crew .cont1 p{padding-bottom:0;}
    .pop-crew .cont1 .inner{height:auto;}
    .pop-crew .cont2{padding:30px 20px 50px;}
    .pop-crew .cont2 p{margin-top:10px;}
    #crewStaffs .pop-wrap{top:0;}
}

.pop-business .pop-wrap{width:600px;padding:55px 40px 60px;transform:translateY(0)}
.pop-business .radio-ty:nth-child(1),
.pop-business .radio-ty:nth-child(2){margin-top:0}
.pop-business .radio-ty:nth-child(1),
.pop-business .radio-ty:nth-child(3){margin-left:0;}
.pop-business.on .pop-wrap{transform:translate(0, 0)}
@media (max-width: 767px){
    .pop-business .pop{padding:0;}
    .pop-business .pop-wrap{width:100%;padding:55px 20px 60px;}
    .pop-business .chk-ty{margin-right:0;margin-top:-15px;height:auto;}
    .pop-business .inp-group li .cont:after{content:''; clear:both;display:block;}
    .pop-business .btn-detail{position:static;float:right;margin-top:10px;}
}
.pop-privacy .pop-wrap{width:450px;padding:55px 40px 60px;transform:translateY(0)}
.pop-privacy .pop-cont{font-size:15px;font-weight:300;line-height:24px;letter-spacing:-0.45px;color:#999;}
.pop-privacy .pop-cont strong{display:block;margin-top:30px;font-weight:700;color:#191919;}
.pop-privacy.on .pop-wrap{transform:translate(0, 0)}
@media (max-width: 767px){
    .pop-privacy .pop{padding:0;}
    .pop-privacy .pop-wrap{width:100%;padding:55px 20px 60px;}
}

/* **************************************** *
 * COMPANY
 * **************************************** */
.company1{position:relative;width:100%;height:160vh;}
.company1 .videoObj{position:fixed;top:0;left:0;width:100%;height:100vh}
.company1 .bg{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;opacity:0.35;transition:all .4s ease-in-out;}
.company1.n1On .bg{opacity:0.35}
.company1.n2On .bg{opacity:0.6}
.company1.n3On .bg{opacity:0.75}

.company1 .scroll-icon{position:fixed;bottom:0;}
.company1 .txtObj{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;text-align:center;transition:all .6s  ease-in-out;}
.company1 .txtObj strong{position:relative;overflow:hidden;display:inline-block;padding:0 10px;margin-left:-10px;vertical-align:top;margin-bottom:20px;font-family:'pretendard',  'Montserrat', sans-serif; font-size:54px;letter-spacing:-1.62px;font-weight:600;color:#fff;word-break:keep-all;}
.company1 .txtObj strong span{position:relative;display:block;font-family:'pretendard',  'Montserrat', sans-serif;word-break:keep-all;z-index:100;}
.company1 .txtObj .line:before{content:'';display:block;height:20px;width:100%;position:absolute;bottom:5px;left:0;background:#00d5fc;transform:scaleX(0);transform-origin:left top;transition:all .3s ease-in-out;}
.company1 .txtObj.n3 .line:before{bottom:0}
.company1 .txtObj p{position:relative;overflow:hidden;display:block;vertical-align:top;font-size:36px;line-height:60px;letter-spacing:-1.08px;font-weight:800;color:#fff;word-break:keep-all;}
.company1 .txtObj p span{position:relative;display:block;word-break:keep-all;}
.company1 .txtObj p + strong{margin-top:70px;}
.company1 .txtObj span{transform: translateY(200px);opacity:0;transition:all .6s ease-in-out;}
.company1 .txtObj.n2 div,
.company1 .txtObj.n3 div{width:1200px;padding-left:100px;text-align:left}

/*초기화*/
.company1 .txtObj.n1{transform: translateY(0);opacity:0;}
.company1 .txtObj.n2{transform: translateY(100%);}
.company1 .txtObj.n3{transform: translateY(100%)}
/*단락1*/
.company1.n1On .txtObj.n1{transform: translateY(0);opacity:1;}
.company1.n1On .txtObj.n1 span{transform: translateY(0);opacity:1;transition:transform .6s .6s ease-in-out, opacity .6s ease-in-out;}
.company1.n1On .txtObj.n2{transform: translateY(100%)}
.company1.n1On .txtObj.n2 .n1 span,
.company1.n1On .txtObj.n2 .n2 span{transition-delay:.6s;}
.company1.n1On .txtObj.n3{transform: translateY(100%)}
/*단락2*/
.company1.n2On .txtObj.n1{transform: translateY(-100%);opacity:1;}
.company1.n2On .txtObj.n1 span{opacity:1}
.company1.n2On .txtObj.n2{transform: translateY(0);}
.company1.n2On .txtObj.n2 span{transform: translateY(0);opacity:1;}
.company1.n2On .txtObj.n2 .n1 span{transition-delay:0s;}
.company1.n2On .txtObj.n2 .n2 span{transition-delay:.6s;}
.company1.n2On .txtObj.n2 .line:before{transform:scaleX(1);}
.company1.n2On .txtObj.n2 .line.n1:before{transition:all .6s 1s ease-in-out}
.company1.n2On .txtObj.n2 .line.n2:before{transition:all .6s 1.5s ease-in-out}
.company1.n2On .txtObj.n3{transform: translateY(100%)}
.company1.n2On .txtObj.n3 span{transform: translateY(200px);opacity:0}
.company1.n2On .txtObj.n3 .n1 span,
.company1.n2On .txtObj.n3 .n2 span,
.company1.n2On .txtObj.n3 .n3 span{transition-delay:.6s;}
/*단락3*/
.company1.n3On .txtObj.n1{transform: translateY(-100%);opacity:1;}
.company1.n3On .txtObj.n2{transform: translateY(-100%);}
.company1.n3On .txtObj.n2 span{transform: translateY(200px);opacity:0;}
.company1.n3On .txtObj.n2 .n1 span,
.company1.n3On .txtObj.n2 .n2 span{transition-delay:.6s;}
.company1.n3On .txtObj.n2 .line:before{transform:scaleX(0);}
.company1.n3On .txtObj.n2 .line.n1:before{transition:all .6s .6s ease-in-out}
.company1.n3On .txtObj.n2 .line.n2:before{transition:all .6s .6s ease-in-out}
.company1.n3On .txtObj.n3{transform: translateY(0)}
.company1.n3On .txtObj.n3 span{transform: translateY(0);opacity:1}
.company1.n3On .txtObj.n3 .n1 span{transition-delay:0s}
.company1.n3On .txtObj.n3 .n2 span{transition-delay:.6s}
.company1.n3On .txtObj.n3 .n3 span{transition-delay:1.2s}
.company1.n3On .txtObj.n3 .line:before{transform:scaleX(1);}
.company1.n3On .txtObj.n3 .line.n1:before{transition:all .6s .6s ease-in-out}
.company1.n3On .txtObj.n3 .line.n2:before{transition:all .6s 1.2s ease-in-out}
.company1.n3On .txtObj.n3 .line.n3:before{transition:all .6s 1.8s ease-in-out}

@media (max-width: 1199px){
    .company1{position:relative;width:100%;height:350vh;}
    .company1 .txtObj{top:90px;height:calc(100vh - 90px);}
    .company1 .txtObj div{width:100% !important;padding:0 70px 70px!important;}
    .company1 .txtObj br{display:none;}
}
@media(max-height: 800px){
    .company1 .txtObj strong{font-size:50px;margin-bottom:10px;}
    .company1 .txtObj p{font-size:30px;line-height:50px;}
    .company1 .txtObj p + strong{margin-top:50px;}
}
@media (max-width: 767px){
    .company1{height:200vh;}
    .company1 .txtObj{top:60px;height:calc(100vh - 60px);}
    .company1 .txtObj div{padding:0 25px 50px !important;max-width:700px}
    .company1 .txtObj strong{font-size:31px;margin-bottom:10px;letter-spacing:-0.95px;padding:0 5px;margin-left:-5px;}
    .company1 .txtObj .line:before{height:15px;bottom:2px;}
    .company1 .txtObj p{font-size:22px;line-height:34px;letter-spacing:-0.72px;}
    .company1 .txtObj p + strong{margin-top:40px;}
}

/*b컬쳐*/
.company1.v1.n1On .bg{opacity:0.4}
.company1.v1.n2On .bg{opacity:0.75}
.company1.v1.n3On .bg{opacity:0.9}
.company1.v1 .txtObj div{padding:0;text-align:center}
.company1.v1 .imgObj{position:fixed;left:0;top:0;width:100%;height:calc(100% + 100px);background:url("../images/img-04-1-culture-1.png")center top no-repeat;background-size:cover;}
.company1.v1 .txtObj.n1 strong,
.company1.v1 .txtObj.n1 strong span{font-size:72px;letter-spacing:-2.16px;color:#fff;}
.company1.v1 .txtObj.n1 .line:before{bottom:10px;}
.company1.v1 .txtObj.n1 p,
.company1.v1 .txtObj.n1 p span{margin-top:0;font-size:36px;letter-spacing:-1.08px;font-weight:800;color:#fff;line-height:60px;}
.company1.v1 .txtObj.n2 p.n2{margin-top:30px;}
.company1.v1 .txtObj.n3 p,
.company1.v1 .txtObj.n3 p span{font-weight:400;}
.company1.v1 .txtObj.n3 .btn-ty2 a{background:#05cbff;}
@media (max-width: 1199px){

}
@media (max-width: 767px){
    .company1.v1 .imgObj{position:fixed;left:0;top:0;width:100%;height:calc(100% + 100px);}
    .company1.v1 .txtObj.n1 strong{margin-bottom:20px;}
    .company1.v1 .txtObj.n1 strong,
    .company1.v1 .txtObj.n1 strong span{font-size:31px;letter-spacing:-0.95px;}
    .company1.v1 .txtObj.n1 .line:before{bottom:2px;height:15px;}
    .company1.v1 .txtObj.n1 p,
    .company1.v1 .txtObj.n1 p span{font-size:24px;letter-spacing:-0.72px;line-height:36px;}
    .company1.v1 .txtObj.n2 p.n2{margin-top:30px;}
    .company1.v1 .txtObj.n2 p,
    .company1.v1 .txtObj.n2 p span{font-size:24px;letter-spacing:-0.72px;line-height:36px;}
    .company1.v1 .txtObj.n3 strong{margin-bottom:20px;}
    .company1.v1 .txtObj.n3 .btn-ty2 a{margin-top:50px;height:60px;line-height:60px;padding:0 64px 0 40px;font-size:16px;letter-spacing:-0.5px;}
    .company1.v1 .txtObj.n3 .btn-ty2 a:after{width:20px;height:20px;top:calc(50% - 10px);right:32px;}
}
.b-culture1{position:relative;padding:150px 0;background:#fff;z-index:100;}
.b-culture1 .mo{display:none;}
.b-culture1 .sub-title2{margin-top:0;}
.b-culture1 .sub-title2 strong,
.b-culture1 .sub-title2 strong span{font-size:54px;letter-spacing:-1.62px;}
.b-culture1 .sub-title2 p,
.b-culture1 .sub-title2 p span{font-size:22px;letter-spacing:-0.66px;font-weight:700;}
.b-culture1 .swiper-container{height:625px;padding-top:85px;}
.b-culture1 .swiper-wrapper{z-index:100;}
.b-culture1 .swiper-slide{padding:0 25px;width:auto;transform: translateX(100%);opacity:0;transition:transform .6s ease, opacity .6s ease;}
.b-culture1 .swiper-slide>div{position:relative;padding:65px 586px 65px 50px;width:996px;height:420px;background:#fff;box-shadow:7px 13px 30px rgba(0,0,0,0.1);}
.b-culture1 .swiper-slide .img{position:absolute;top:0;right:0;width:486px;height:420px;background-position:center center;background-size:cover;}
.b-culture1 .swiper-slide em{display:block;font-family: 'pretendard', 'Montserrat', sans-serif;font-size:24px;font-weight:600;color:#00d5fc}
.b-culture1 .swiper-slide strong{display:block;margin-top:15px;font-size:36px;font-weight:800;letter-spacing:-1.08px;color:#191919;}
.b-culture1 .swiper-slide p{position:absolute;bottom:65px;left:50px;width:350px;font-size:18px;line-height:28px;font-weight:300;letter-spacing:-0.54px;color:#191919;}
.b-culture1 .swiper-pagination-progressbar{width:860px;left:calc(50% - 495px);top:auto;bottom:22px;height:4px;background:transparent}
.b-culture1 .swiper-pagination-progressbar:before{content:'';display:block;width:100%;height:2px;position:absolute;top:1px;left:0;background:#e5e5e5}
.b-culture1 .swiper-pagination-progressbar-fill{height:4px;border-radius:2px;background:#00d5fc; }
.b-culture1 .btn-page{z-index:100;position:absolute;top:auto;bottom:0;width:48px;height:48px;background:#191919;border-radius:100%;transition:all .2s ease-in-out;}
.b-culture1 .btn-page:hover{background:#00d5fc}
.b-culture1 .btn-page:after{content:'';display:block;width:14px;height:14px;position:absolute;bottom:calc(50% - 7px);left:calc(50% - 7px);background:url("../images/iconArrowWhiteBottom.svg")0 0 no-repeat;background-size: contain;}
.b-culture1 .btn-page.swiper-button-disabled{opacity:0.1}
.b-culture1 .swiper-button-prev{left:calc(50% + 390px)}
.b-culture1 .swiper-button-next{left:calc(50% + 450px)}
.b-culture1 .swiper-button-prev:after{transform:rotate(90deg)}
.b-culture1 .swiper-button-next:after{transform:rotate(-90deg)}
.b-culture1.view .sub-title2 strong span{transform:translateY(0);}
.b-culture1.view .sub-title2 .line:before{animation:txtLineIn .4s ease forwards;animation-delay:.4s;}
.b-culture1.view .sub-title2 .line.v1:before{animation-delay:.6s}
.b-culture1.view .sub-title2 p span{transform:translateY(0);opacity:1}
.b-culture1.view .swiper-slide{opacity:1;transform: translateX(0)}
@media (max-width: 1199px){
    .b-culture1 .sub-title2 p{margin-top:20px}
    .b-culture1 .swiper-slide>div{padding:65px 360px 65px 30px;width:704px;}
    .b-culture1 .swiper-slide .img{width:330px;}
    .b-culture1 .swiper-slide p{left:30px;}
    .b-culture1 .swiper-pagination-progressbar{width:568px;left:calc(50% - 353px);}
    .b-culture1 .swiper-button-prev{left:calc(50% + 250px)}
    .b-culture1 .swiper-button-next{left:calc(50% + 310px)}
}
@media (max-width: 767px){
    .b-culture1{padding:60px 0 70px}
    .b-culture1 .mo{display:block;}
    .b-culture1 .pc{display:none;}
    .b-culture1 .sub-title2 strong,
    .b-culture1 .sub-title2 strong span{font-size:31px;letter-spacing:-0.95px;line-height:42px; }
    .b-culture1 .sub-title2 p,
    .b-culture1 .sub-title2 p span{font-size:18px;letter-spacing:-0.54px;}
    .b-culture1 .sub-title2 .line:before{bottom:5px;}
    .b-culture1 .swiper-container{height:auto;padding-top:55px;padding-bottom:90px;}
    .b-culture1 .swiper-slide>div{padding:315px 20px 40px;width:calc(100vw - 40px);height:auto;}
    .b-culture1 .swiper-slide .img{width:100%;height:290px;}
    .b-culture1 .swiper-slide p{position:static;}
    .b-culture1 .swiper-slide em{font-size:18px;}
    .b-culture1 .swiper-slide strong{margin-top:10px;font-size:24px;letter-spacing:-0.72px;}
    .b-culture1 .swiper-slide p{position:static;margin-top:25px;width:100%;font-size:16px;line-height:26px;letter-spacing:-0.48px;}
    .b-culture1 .swiper-pagination-progressbar{width:calc(59vw - 20px);left:20px;}
    .b-culture1 .swiper-button-prev{left:auto;right:78px;}
    .b-culture1 .swiper-button-next{left:auto;right:20px;}
}

.b-culture2{position:relative;padding:170px 0 140px;background:#f6f7f9;z-index:100;}
.b-culture2 .mo{display:none;}
.b-culture2 .sub-title2{margin-top:0;}
.b-culture2 .sub-title2 strong,
.b-culture2 .sub-title2 strong span{font-size:54px;letter-spacing:-1.62px;}
.b-culture2 .sub-title2 p,
.b-culture2 .sub-title2 p span{font-size:22px;letter-spacing:-0.66px;font-weight:700;}
.b-culture2>ul{margin-top:120px;text-align:center;}
.b-culture2>ul>li{position:relative;display:inline-block;overflow:hidden;vertical-align:top;width:400px;padding-left:40px;text-align:left;transition:all .4s ease-in-out;transform: translateY(200px);opacity:0;}
.b-culture2>ul>li .img{width:60px;height:60px;background-size:contain;}
.b-culture2>ul>li strong{display:block;margin-top:35px;font-size:32px;font-weight:800;line-height:45px;letter-spacing:-0.96px;}
.b-culture2>ul>li span{word-break: keep-all;}
.b-culture2>ul>li ul{margin-top:30px;}
.b-culture2>ul>li li{position:relative;padding-left:12px;display:block;font-size:18px;font-weight:400;line-height:30px;letter-spacing:-0.54px;}
.b-culture2>ul>li li:before{content:'';display:block;position:absolute;top:13px;left:0;width:3px;height:3px;background:#191919;}
.b-culture2.view .sub-title2 strong span{transform:translateY(0);}
.b-culture2.view .sub-title2 .line:before{animation:txtLineIn .4s ease forwards;animation-delay:.4s;}
.b-culture2.view .sub-title2 .line.v1:before{animation-delay:.6s}
.b-culture2.view .sub-title2 p span{transform:translateY(0);opacity:1}
.b-culture2.view>ul>li{transform: translateY(0);opacity:1;}
.b-culture2.view>ul>li:nth-child(1){transition-delay:.2s;}
.b-culture2.view>ul>li:nth-child(2){transition-delay:.4s;}
.b-culture2.view>ul>li:nth-child(3){transition-delay:.6s;}

@media (max-width: 1199px){
    .b-culture2{padding:140px 0 60px; }
    .b-culture2>ul{width:768px;padding:0 40px;margin:120px auto 0;text-align:left;}
    .b-culture2>ul>li{width:50%;padding-left:0;padding-right:20px;padding-bottom:50px; }
    .b-culture2>ul>li:nth-child(2n){padding-right:0;padding-left:20px;}
}
@media (max-width: 767px){
    .b-culture2{padding:60px 0 40px}
    .b-culture2 .mo{display:block;}
    .b-culture2 .pc{display:none;}
    .b-culture2 .sub-title2 strong,
    .b-culture2 .sub-title2 strong span{font-size:28px;letter-spacing:-0.86px;line-height:42px; }
    .b-culture2 .sub-title2 p,
    .b-culture2 .sub-title2 p span{font-size:18px;letter-spacing:-0.54px;}
    .b-culture2 .sub-title2 .line:before{bottom:5px;}
    .b-culture2>ul{width:100%;padding:0 37px;margin:50px auto 0;}
    .b-culture2>ul>li{width:100%;padding-right:0;padding-bottom:40px; }
    .b-culture2>ul>li:nth-child(2n){padding-left:0;}
    .b-culture2>ul>li strong{margin-top:25px;font-size:24px;line-height:36px;letter-spacing:-0.72px;}
    .b-culture2>ul>li li{font-size:16px;line-height:28px;letter-spacing:-0.48px;}
    .b-culture2>ul>li li:before{top:13px;}
}

.b-culture3{position:relative;padding:150px 0;background:#fff;z-index:100;}
.b-culture3 strong,
.b-culture3 p{word-break: keep-all;}
.b-culture3 .mo{display:none;}
.b-culture3 .sub-title2{margin-top:0;}
.b-culture3 .sub-title2 strong,
.b-culture3 .sub-title2 strong span{font-size:54px;letter-spacing:-1.62px;}
.b-culture3 .sub-title2 p,
.b-culture3 .sub-title2 p span{font-size:20px;letter-spacing:-0.6px;font-weight:700;}
.b-culture3 .swiper-container{width:1200px;margin:85px auto 0;padding-bottom:70px;}
.b-culture3 .swiper-wrapper{z-index:100;}
.b-culture3 .swiper-slide{padding:0 150px;transform: translateX(100%);opacity:0;transition:transform .6s ease, opacity .6s ease;}
.b-culture3 .btn-page{z-index:100;width:48px;height:48px;background:#191919;border-radius:100%;transition:all .2s ease-in-out;}
.b-culture3 .btn-page:hover{background:#00d5fc}
.b-culture3 .btn-page:after{content:'';display:block;width:14px;height:14px;position:absolute;bottom:calc(50% - 7px);left:calc(50% - 7px);background:url("../images/iconArrowWhiteBottom.svg")0 0 no-repeat;background-size: contain;}
.b-culture3 .btn-page.swiper-button-disabled{opacity:0.1}
.b-culture3 .swiper-button-prev:after{transform:rotate(90deg)}
.b-culture3 .swiper-button-next:after{transform:rotate(-90deg)}
.b-culture3 .swiper-slide .img{width:150px;height:150px;margin:0 auto;border-radius:100%;background-position:center 0;background-size: cover;}
.b-culture3 .swiper-slide  em{display:block;margin-top:20px;font-size:18px;letter-spacing:-0.54px;font-weight:800;text-align:center;}
.b-culture3 .swiper-slide  strong{display:block;margin-top:35px;font-size:28px;letter-spacing:-0.86px;font-weight:800;text-align:center;line-height: 37px;}
.b-culture3 .swiper-slide  p{display:block;margin-top:20px;font-size:18px;letter-spacing:-0.54px;font-weight:300;text-align:center;line-height: 28px;}
.b-culture3 .swiper-pagination{bottom:0;}
.b-culture3.view .sub-title2 strong span{transform:translateY(0);}
.b-culture3.view .sub-title2 .line:before{animation:txtLineIn .4s ease forwards;animation-delay:.4s;}
.b-culture3.view .sub-title2 .line.v1:before{animation-delay:.6s}
.b-culture3.view .sub-title2 p span{transform:translateY(0);opacity:1}
.b-culture3.view .swiper-slide{opacity:1;transform: translateX(0)}
@media (max-width: 1199px){
    .b-culture3 .sub-title2 p{margin-top:20px}
    .b-culture3 .swiper-container{width:100%;}
    .b-culture3 .swiper-slide{padding:0 32px;}
    .b-culture3 .swiper-slide p br{display:none;}
    .b-culture3 .btn-page{display:none;}
}
@media (max-width: 767px){
    .b-culture3{padding:60px 0 70px}
    .b-culture3 .mo{display:block;}
    .b-culture3 .pc{display:none;}
    .b-culture3 .sub-title2 strong,
    .b-culture3 .sub-title2 strong span{font-size:31px;letter-spacing:-0.95px;line-height:42px; }
    .b-culture3 .sub-title2 p,
    .b-culture3 .sub-title2 p span{font-size:18px;letter-spacing:-0.54px;}
    .b-culture3 .sub-title2 .line:before{bottom:5px;}
    .b-culture3 .swiper-container{padding-bottom:50px;margin-top:50px;}
    .b-culture3 .swiper-slide{padding:0 20px;}
    .b-culture3 .swiper-slide strong{margin-top:25px;font-size:24px;letter-spacing:-0.72px;line-height:34px;}
    .b-culture3 .swiper-slide strong br{display:none;}
    .b-culture3 .swiper-slide p{font-size:16px;line-height:26px;letter-spacing:-0.48px;}
}



.company2{position:relative;width:100%;padding:260px 0 0;background:#fff;text-align:center;z-index:100;}
.company2 .history{position:relative;overflow:hidden;width:1200px;padding-bottom:100px;margin:90px auto 0;text-align:center;transition:all 1s ease; }
.company2 .history.on{height:100%;}
.company2 .history:after{content:'';display:block;position:absolute;bottom:0;left:0;z-index:100;width:100%;height:100px;background: linear-gradient(to top, rgba(255,255,255,1) 40%, rgba(255,255,255,0))}
.company2 .cont{position:relative;color:#191919;}
.company2 .cont:before{content:'';display:block;background:#ccc;position:absolute;top:0;left:calc(50% - 1px);width:2px;height:100%;}
.company2 .cont h3{position:relative;z-index:100;display:inline-block;overflow-y:hidden;vertical-align:top;width:180px;height:70px;line-height:70px;background:#ccc;font-family: 'pretendard', 'Montserrat', sans-serif;color:#fff;font-weight:600;font-size:42px;letter-spacing:-1.26px;border-radius:0 35px 35px 35px;}
/*<<<20220828*/
.company2 .cont h3.v1{width: 305px;}
.company2 .cont ul{position:relative;z-index:100;padding:70px 0;}
.company2 .cont ul.v1{padding-top:60px;padding-bottom:0}
.company2 .cont ul:last-child,
.company2 .cont ul.v1:last-child{padding-bottom:10px;}
/*20220828>>>*/
.company2 .cont li{position:relative;margin-top:40px;padding-left:700px;}
.company2 .cont li:first-child{margin-top:0;}
.company2 .cont li:before{content:'';display:block;position:absolute;top:8px;left:calc(50% - 6px);width:12px;height:12px;background:#ccc;border-radius:100%;}
.company2 .cont strong{position:absolute;top:0;left:calc(50% + 38px); font-family:'pretendard', 'Montserrat', sans-serif;font-size:19px;font-weight:600;line-height:28px;}
.company2 .cont p{font-size:18px;line-height:28px;letter-spacing:-0.54px;font-weight:300;word-break: keep-all;text-align:left;}
.company2 .cont p + p{margin-top:10px;}
.company2 .cont .wr{position:absolute;top:0;left:0;width:500px;}
.company2 .cont .wr strong{right:-60px;left:auto;}
.company2 .cont .wr p{text-align:right;font-weight:700;}
.company2 .cont.timeline{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:0;}
.company2 .cont.timeline:before,
.company2 .cont.timeline h3,
.company2 .cont.timeline li:before{background:#01d5fb; }
.company2 .cont.timeline strong,
.company2 .cont.timeline p{opacity:0;}
.company2 .cont .v1 br{display:none;}
.company2 .cont .v1 p{padding-left:50px;}
.company2 .cont .v1 .wr p{padding-right:50px;padding-left:0;}
.company2 .more{position:relative;z-index:100;transition:all .4s ease;}
.company2 .btn-more{overflow:hidden;position:relative;display:inline-block;margin-top:50px;font-size:22px;font-weight:700;letter-spacing:-0.66px;color:#191919;line-height:32px;}
.company2 .btn-more span{margin-top:30px;padding-right:25px;}
.company2 .btn-more span:before{content:'';display:block;position:absolute;top:13px;right:0;width:15px;height:3px;background:#191919;}
.company2 .btn-more span:after{content:'';display:block;position:absolute;top:13px;right:0;width:15px;height:3px;background:#191919;transform:rotate(90deg);transition:all .2s ease-in-out;}
.company2 .btn-more.on span:after{transform:rotate(0)}
@media (max-width: 1199px){
    .company2{padding:200px 0;}
    .company2 .history{width:100%}
    .company2 .cont li{padding-left:60vw;padding-right:32px;}
    .company2 .cont .wr{width:40vw;padding-left:32px;}
    .company2 .cont .v1 br{display:block;}
    .company2 .btn-more{margin-top:20px;}
}
@media (max-width: 767px){
    .company2{padding:110px 0;}
    .company2 .history{margin-top:50px;}
    /*20220828*/
    .company2 .history:after{height:160px}
    .company2 .cont:before{display:none;}
    .company2 .cont h3{width:140px;height:60px;line-height:60px;font-size:30px;letter-spacing:-0.9px;}
    /*20220828*/
    .company2 .cont h3.v1{width: 220px;}
    .company2 .cont ul{padding:30px 0 50px;}
    /*<<<20220828*/
    .company2 .cont ul.v1{padding-top:30px;padding-bottom:0}
    .company2 .cont ul.v1:last-child,
    .company2 .cont ul:last-child{padding-bottom:50px;}
    /*20220828>>>*/
    .company2 .cont li{padding-left:82px;padding-right:20px;margin-top:20px;}
    .company2 .cont li:before{top:7px;left:20px;width:9px;height:9px;}
    .company2 .cont strong{left:44px;font-size:16px;line-height:24px}
    .company2 .cont p{font-size:16px;line-height:24px;letter-spacing:-0.48px;}
    .company2 .cont p + p{margin-top:7px;}
    .company2 .cont .wr{position:static;width:100%;padding:0;margin-bottom:10px;}
    .company2 .cont .wr strong{right:auto;left:44px;}
    .company2 .cont .wr p{text-align:left;font-weight:700;}
    .company2 .cont .v1 .wr p{padding-right:0;padding-left:50px;}
    .company2 .btn-more{font-size:16px;margin-top:0;}
    .company2 .btn-more span{margin-top:30px;padding-right:25px;}
    .company2 .btn-more span:before{height:2px;}
    .company2 .btn-more span:after{height:2px;}
    .company2 .more.on{margin-top:-120px;}
}
.company3{position:relative;padding-top:380px;background:#fff;font-size:0;text-align:center;z-index:100;}
.company3:before{content:'';display:block;width:100%;height:300px;position:absolute;top:0;left:0;background:url("../images/imgObj6.png")center center no-repeat;background-size:cover;}
.company3 div{display:inline-block;vertical-align:top;text-align:left;font-size:0;}
.company3 strong{display:inline-block;vertical-align:top;font-family:'pretendard', 'Montserrat', sans-serif;font-weight:600;font-size:22px;line-height:40px;color:#191919;}
.company3 p{display:inline-block;vertical-align:top;font-weight:300;font-size:22px;line-height:40px;color:#191919;}
.company3 div.n1{width:660px;}
.company3 div.n1 strong{width:150px;}
.company3 div.n1 p{width:510px;}
.company3 div.n2{width:340px;margin-left:120px;}
.company3 div.n2 strong{width:120px;}
.company3 div.n2 p{width:220px;}
@media (max-width: 1199px){
    .company3{padding-top:80vw;}
    .company3:before{background-image:url("../images/imgObj6_ta.png"); height: 70vw;}
    .company3 div.n1{width:100%;padding:0 32px;}
    .company3 div.n1 strong{width:150px;}
    .company3 div.n1 p{width:calc(100% - 150px);}
    .company3 div.n2{width:100%;padding:0 32px;margin-left:0;}
    .company3 div.n2 strong{width:150px;}
    .company3 div.n2 p{width:calc(100% - 150px);}
}
@media (max-width: 767px){
    .company3{padding-top:130vw;}
    .company3:before{background-image:url("../images/imgObj6_mo.png");height: 120vw;}
    .company3 strong,
    .company3 p{font-size:16px;line-height:30px; }
    .company3 div.n1{padding:0 20px;}
    .company3 div.n1 strong{width:130px;}
    .company3 div.n1 p{width:calc(100% - 130px);}
    .company3 div.n2{padding:0 20px;}
    .company3 div.n2 strong{width:130px;}
    .company3 div.n2 p{width:calc(100% - 130px);}
}
.company4{position:relative;display:flex;justify-content:center;align-items:center;background:#fff;text-align:center;height:80vh;z-index:100;}
.company4>div{font-size:0;line-height:80px;color:#191919;letter-spacing:-1.62px;transform:scale(2);}
.company4 div div{overflow:hidden;display:inline-block;vertical-align:top;font-size:0;white-space:nowrap;transform-origin:center center;}
.company4 .n1{width:40px;}
.company4 .n2{width:35px;}
.company4 .n3{width:40px;}
.company4 div div strong{display:inline;font-family:'pretendard', 'Montserrat', sans-serif;font-weight:600;font-size:54px;color:#01d5fb;}
.company4 div div span{opacity:0;display:inline;font-family:'pretendard', 'Montserrat', sans-serif;font-weight:600;font-size:54px;}
.company4 p{overflow:hidden;font-weight:800;font-size:48px}
.company4 p span{display:block;transform: translateY(100%);}
.company4.view>div{transform:scale(1);transition:all 1000ms .4s cubic-bezier(0.100, 0.630, 0.355, 1.000)}
.company4.view p span{transform: translateY(0);transition:all .4s 1.2s ease;}
.company4.view div div{transition:all 1000ms .8s cubic-bezier(0.100, 0.630, 0.355, 1.000);}
.company4.view div div span{opacity:1;transition:all 1000ms .8s cubic-bezier(0.100, 0.630, 0.355, 1.000);}
.company4.view .n1{width:137px;}
.company4.view .n2{width:200px;}
.company4.view .n3{width:239px;}
@media (max-width: 1199px){
    .company4{height:65vh;}
}
@media (max-width: 767px){
    .company4{height:50vh;}
    .company4>div{line-height:40px;letter-spacing:-0.96px;white-space:nowrap;}
    .company4 .n1{width:24px;}
    .company4 .n2{width:21px;}
    .company4 .n3{width:23px;}
    .company4 div div{height:40px;}
    .company4 div div strong{font-size:32px;}
    .company4 div div span{font-size:32px;}
    .company4 p{font-size:24px}
    .company4.view .n1{width:90px;}
    .company4.view .n2{width:120px;}
    .company4.view .n3{width:140px;}
}
.friends1{position:relative;z-index:100;padding:170px 0 180px;background:#fff;text-align:center;}
.friends1 .sub-title2{margin:0;}
.friends1 .sub-title2 strong span{font-weight:600;font-family:'pretendard', 'Montserrat', sans-serif;font-size:54px;letter-spacing:-1.62px;transition:transform .6s ease-in-out}
.friends1.view .sub-title2 strong span{transform:translateY(0);}
.friends1.view .sub-title2 .line:before{animation:txtLineIn .4s ease forwards;animation-delay:.4s;}
.friends1 ul{font-size:0;text-align:center;}
.friends1 li{display:inline-block;vertical-align:top;margin-top:90px;width:384px;padding:0 42px;margin-left:24px;}
.friends1 li:first-child{margin-left:0;}
.friends1 li img{display:inline-block;vertical-align:top;}
.friends1 li p{margin-top:25px;font-size:22px;line-height:32px;letter-spacing:-0.66px;font-weight:700;word-break:keep-all;}
.friends1 .img{display:block;margin:70px auto 0;width:1230px;height:300px;background:url("../images/img-04-friends-diagram.png")0 0 no-repeat;background-size:contain;}
@media (max-width: 1199px){
    .friends1 ul{width:384px;margin:0 auto;}
    .friends1 li{margin-left:0;margin-top:55px;}
    .friends1 .img{width:768px;height:791px;margin:80px auto 0;background:url("../images/img-04-friends-diagram_ta.png")0 0 no-repeat;background-size:contain;}
    .friends1 .btn-ty2 a{margin-top:100px;}
}
@media (max-width: 767px){
    .friends1{padding:80px 0 100px;}
    .friends1 .sub-title2 strong span{font-size:28px;letter-spacing:-0.84px;transition:transform .6s ease}
    .friends1 ul{width:100%;}
    .friends1 li{width:100%;margin:55px auto 0;}
    .friends1 .img{width:360px;height:562px;margin:80px auto 0;background:url("../images/img-04-friends-diagram_mo.png")0 0 no-repeat;background-size:contain;}
    .friends1 .btn-ty2 a{margin-top:60px;height:60px;line-height:60px;padding:0 64px 0 40px;font-size:16px;letter-spacing:-0.5px;}
    .friends1 .btn-ty2 a:after{width:20px;height:20px;top:calc(50% - 10px);right:32px;}

}



/* **************************************** *
 * program1:pre solar
 * **************************************** */
.program1{position:relative;height:160vh;z-index:50;}
.program1 .imgObj{position:fixed;left:0;top:90px;width:100%;height:calc(100% + 100px);background:url("../images/imgObj7.png")center top no-repeat;background-size:cover;}
.program1 .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;transition:all .6s ease-in-out;}
.program1 .cont1{position:relative;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:490px;background:#fff;padding-top:90px;text-align:center;transition:all .6s  ease-in-out;}
.program1 .cont2{position:relative;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100vh;padding-top:90px;text-align:center;transition:all .6s ease-in-out;}
.program1 .cont1 .sub-title2{margin:0;}
.program1 .cont1 .sub-title2 strong span{font-weight:600;font-family:'pretendard', 'Montserrat', sans-serif;font-size:68px;letter-spacing:-2.04px;transition:transform .6s .6s ease-in-out}
.program1 .cont1 .sub-title2 p{margin-top:30px;max-width:1100px;}
.program1 .cont1 .sub-title2 p span{font-weight:400;;font-size:42px;letter-spacing:-1.26px;line-height:60px;transition:transform .6s .8s ease-in-out }
.program1 .cont1 .sub-title2 .line:before{animation-delay:1s;}
.program1 .cont2 strong{display:inline-block;overflow:hidden;vertical-align:top;font-size:48px;letter-spacing:-1.44px;color:#fff;line-height:70px;font-weight:800;}
.program1 .cont2 strong>span>span{font-weight:400;;word-break: keep-all;}
.program1 .cont2 p>span>span{font-weight:800;;word-break: keep-all;}
.program1 .cont2 span br{display:none;}
.program1 .cont2 p{display:inline-block;overflow:hidden;vertical-align:top;font-size:36px;letter-spacing:-1.8px;color:#fff;line-height:60px;font-weight:400;}
.program1 .cont2 strong>span,
.program1 .cont2 p>span{display:inline-block;transform: translateY(200px);transition:all .6s ease-in-out;word-break: keep-all;}
/*초기화*/
.program1 .cont1{transform: translateY(-100%);}
.program1 .cont2.n2{transform: translateY(100%);}
.program1 .cont2.n3{transform: translateY(100%)}
/*단락1*/
.program1.n1On .cont1{transform: translateY(0);}
.program1.n1On .cont2.n2{transform: translateY(100%)}
.program1.n1On .cont2.n3{transform: translateY(100%)}
.program1.n1On .cont2.n4{transform: translateY(100%)}
/*단락2*/
.program1.n2On .bg{opacity:.6}
.program1.n2On .cont1{transform: translateY(-100%);}
.program1.n2On .cont2.n2{transform: translateY(0);}
.program1.n2On .cont2.n2 span{transform: translateY(0);}
.program1.n2On .cont2.n2 .n1 span{transition-delay:0s;}
.program1.n2On .cont2.n2 .n2 span{transition-delay:.4s;}
.program1.n2On .cont2.n2 .n3 span{transition-delay:.8s;}
.program1.n2On .cont2.n3{transform: translateY(100%)}
.program1.n2On .cont2.n3 span{transform: translateY(100px);opacity:0}
.program1.n2On .cont2.n3 .n1 span,
.program1.n2On .cont2.n3 .n2 span,
.program1.n2On .cont2.n3 .n3 span{transition-delay:.6s;}
/*단락3*/
.program1.n3On .bg{opacity:.8}
.program1.n3On .cont2.n2{transform: translateY(-100%);}
.program1.n3On .cont2.n2 .n1 span,
.program1.n3On .cont2.n2 .n2 span,
.program1.n3On .cont2.n2 .n3 span{transition-delay:.6s;transform: translateY(200px);}
.program1.n3On .cont2.n3{transform: translateY(0)}
.program1.n3On .cont2.n3 span{transform: translateY(0);}
.program1.n3On .cont2.n3 .n1 span{transition-delay:0s;}
.program1.n3On .cont2.n3 .n2 span{transition-delay:.4s;}
.program1.n3On .cont2.n3 .n3 span{transition-delay:.8s;}


/* 파워링크용*/
.program1.four{height:180vh}
.program1.four .cont2 div{transition:all .4s ease-in-out;}
.program1.four .cont2 .btn-ty2{padding-top:200px;}
.program1.four .cont2 .btn-ty2 a{background:#05cbff;}
.program1.four .cont2 .obj{transform:translateY(200px);transition:all .4s ease-in-out;opacity:0;display:inline-block;vertical-align:top;width:320px;margin-left:85px;}
.program1.four .cont2 .obj .img{max-height:480px;height:40vh }
.program1.four .cont2 .obj .img img{width:100%;height:100%;object-fit: cover;}
.program1.four .cont2 .obj strong{display:block;margin-top:35px}
.program1.four .cont2 .obj strong span{transform: translateY(0);display:block;opacity:0;font-size:32px;line-height:45px;font-weight:800;letter-spacing:-1.6px;color:#fff;text-align:left;word-break: keep-all;}
.program1.four .cont2 .obj p{display:block;margin-top:20px}
.program1.four .cont2 .obj p span{transform: translateY(0);display:block;opacity:0;font-size:18px;line-height:28px;font-weight:400;letter-spacing:-0.54px;color:#fff;text-align:left;word-break: keep-all;}
.program1.four .cont2 .obj.n1{margin-left:0;margin-top:0vh}
.program1.four .cont2 .obj.n2{margin-top:8vh;}
.program1.four .cont2 .obj.n2 strong{width:105%;}
.program1.four .cont2 .obj.n3{margin-top:16vh}
.program1.four .cont2.n4{transform: translateY(100%)}

.program1.four.n1On .cont2.n3{transform: translateY(0)}
.program1.four.n1On .cont2.n3 a{transform: translateY(100px);opacity:0}
.program1.four.n2On .cont2.n3{transform: translateY(0)}
.program1.four.n2On .cont2.n3 a{transform: translateY(100px);opacity:0}
.program1.four.n3On .cont2.n2{transform: translateY(0);}
.program1.four.n3On .cont2.n2 div{padding-bottom:100px;}
.program1.four.n3On .cont2.n2 .n1 span,
.program1.four.n3On .cont2.n2 .n2 span,
.program1.four.n3On .cont2.n2 .n3 span{transform: translateY(0);}
.program1.four.n3On .cont2.n3 a{transform: translateY(0);opacity:1}
.program1.four.n4On .cont2.n4{transform: translateY(0)}
.program1.four.n4On .bg{opacity:.9}
.program1.four.n4On .cont2.n2{transform: translateY(-100%);}
.program1.four.n4On .cont2.n3{transform: translateY(-100%);transition-delay:.1s;}
.program1.four.n4On .cont2.n3 a{transform: translateY(-100px);opacity:0;transition-delay:.2s;}
.program1.four.n4On .cont2.n4{transform: translateY(0)}
.program1.four.n4On .cont2.n4 span{transform: translateY(0);opacity:1}
.program1.four.n4On .cont2.n4 .obj{transform:translateY(0);opacity:1}
.program1.four.n4On .cont2.n4 .obj.n2{transition-delay:.2s}
.program1.four.n4On .cont2.n4 .obj.n3{transition-delay:.4s}
.program1.v1 .cont1{height:460px;}
.program1.v1 .scroll-icon{position:fixed;}
.program1.v1 .cont1 .sub-title2 p span{font-size:20px;font-weight:700;line-height:30px;letter-spacing:-0.6px;}
.program1.v1 .cont2 strong{margin-bottom:10px;}
.program1.v1 .cont2 p,
.program1.v1 .cont2 p span{line-height:50px;}
@media (max-height: 900px){
    .program1.four .cont2 .obj.n1,
    .program1.four .cont2 .obj.n2,
    .program1.four .cont2 .obj.n3{margin-top:0;}
}
@media (max-width: 1199px){
    .program1{height:300vh;}
    .program1 .cont1{height:470px}
    .program1 .cont2{padding:90px 10px 0; }
    .program1 .cont2 span br{display:block;}
    .program1.four .cont2 .obj.n2{margin-left:60px;margin-top:120px}
    .program1.four .cont2 .obj.n3{display:block;margin:120px auto 0}
    .program1.four{height:420vh;}
    .program1.four.n3On .cont2.n2 div{padding-bottom:200px;}
    .program1.four .cont2.n4{display:block;position:relative;padding:0;transform: translateY(400vh);height:150vh;}
    .program1.four.n4On .cont2.n4{display:block;position:relative;transform: translateY(250vh);}
}

@media (max-width: 767px){
    .program1 .imgObj{top:60px;}
    .program1 .cont1{height:270px;padding-top:60px;}
    .program1 .cont2{padding:60px 20px 0;}
    .program1 .cont1 .sub-title2 strong span{font-size:32px;letter-spacing:-0.96px;transition:transform .6s .6s ease}
    .program1 .cont1 .sub-title2 p{margin-top:15px;}
    .program1 .cont1 .sub-title2 p span{font-size:18px;letter-spacing:-0.54px;line-height:28px;}
    .program1 .cont2 strong{font-size:32px;letter-spacing:-0.96px;line-height:42px;}
    .program1 .cont2 p{font-size:24px;letter-spacing:-0.72px;line-height:36px;}
    .program1 .cont2 br{display:none;}
    .program1 .cont2 span br{display:none;}
    .program1 .cont2 strong>span>span{font-size:24px;}
    .program1.four{height:calc(270vh + 2600px);}
    .program1.four .cont2 .obj .img{height:480px;}
    .program1.four .cont2 .btn-ty2{padding-top:100px;}
    .program1.four .cont2 .btn-ty2 a{padding:0 60px 0 40px;height:60px;line-height:60px;font-size:16px;letter-spacing:-0.5px;}
    .program1.four .cont2 .btn-ty2 a:after{right:30px;}
    .program1.four .cont2 .obj{display:block;width:320px;margin:0 auto 70px !important;}
    .program1.four .cont2.n4{display:block;position:relative;padding:0;transform: translateY(300vh);height:400vh;}
    .program1.four.n4On .cont2.n4{display:block;position:relative;transform: translateY(270vh);}
    .program1.v1 .cont1{height:330px;}
    .program1.v1 .cont1 .sub-title2 p span{font-size:18px;line-height:28px;letter-spacing:-0.54px;}
    .program1.v1 .cont2{padding: 60px 35px 0}
    .program1.v1 .cont2 p,
    .program1.v1 .cont2 p span{line-height:36px;letter-spacing:-0.72px;}
}
.program2{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:calc(100vh - 90px);}


.program3{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:calc(100vh - 90px);background:#fff;}
.program3 ul{text-align:center;margin:0 auto;width:1050px;font-size:0;transform:scale(0.5);transition:all 2000ms cubic-bezier(0.100, 0.630, 0.355, 1.000)}
.program3 li{display:inline-block;overflow:hidden;vertical-align:top;margin:12px 10px;opacity:0;transition:all .4s ease;}
.program3 li img{display:block;height:80px;width:auto;}
.program3{z-index:100;}
.program3.view ul{transform:scale(1)}
.program3.view li{opacity:1;transition:all .4s 1.6s ease;}
.program3.view li:nth-child(2),
.program3.view li:nth-child(8){transition:all .4s .4s ease;}
.program3.view li:nth-child(4),
.program3.view li:nth-child(6),
.program3.view li:nth-child(10),
.program3.view li:nth-child(15){transition:all .4s .7s ease;}
.program3.view li:nth-child(1),
.program3.view li:nth-child(5),
.program3.view li:nth-child(11),
.program3.view li:nth-child(16){transition:all .4s 1s ease;}
.program3.view li:nth-child(3),
.program3.view li:nth-child(9),
.program3.view li:nth-child(12),
.program3.view li:nth-child(14),
.program3.view li:nth-child(17){transition:all .4s 1.3s ease;}
@media (max-width: 1199px){
    .program3{height:85vw;}
    .program3 ul{width:100%;padding:0 2vw;}
    .program3 li{margin:12px 5px;}
    .program3 li img{height:7.5vw;}
}
@media (max-width: 767px){
    .program3 li{margin:5px 3px;}
}
.program4{position:relative;height:100vh;background:#fff;z-index:100}
.program4 .tablet{display:none;}
.program4 .mo{display:none;}
.program4 .sub-title3 strong{margin-top:10px;}
.program4 .sub-title3 strong span{font-size:48px;letter-spacing:-1.44px;}
.program4 .sub-title3 .line:before{height:25px;bottom:0;}
.program4 .sub-title3 p span{font-size:42px;letter-spacing:-1.26px;font-weight:400; }
.program4 .cont{position:fixed;top:0;left:0;padding-top:90px;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;}
.program4 .cont>div{width:100%;}
.program4 .step-area{opacity:0;transition:all .7s ease-in-out;position:relative;width:1260px;margin:90px auto 0;height:150px;}
.program4 .step{position:absolute;top:0;left:0;width:100%;height:100%;}
.program4 .step:before{content:'';display:block;position:absolute;top:130px;left:0;width:100%;height:8px;background:#e5e5e5;}
.program4 .step ul{position:relative;height:100%;width:1260px;}
.program4 .out{position:absolute;top:130px;left:calc(50% - 50vw);width:100vw;height:8px;background:#e5e5e5;}
.program4 .out span{display:block;position:absolute;top:0;left:0;width:calc(50% + 630px);height:8px;background:#00d5fc;}
.program4 .step li{position:relative;display:inline-block;vertical-align:top;width:180px;height:100%;}
.program4 .step li:before{content:'';display:block;position:absolute;bottom:0;left:74px;width:32px;height:32px;background:#e5e5e5;border-radius:100%;}
.program4 .step li:after{content:'';display:block;position:absolute;bottom:9px;left:83px;width:14px;height:14px;background:#fff;border-radius:100%;}
.program4 .step li span{position:absolute;top:50%;left:50%;display:inline-block;padding:0 20px;width:150px;border-radius:50px;font-size:18px;line-height:24px;font-weight:800;letter-spacing:-0.54px;color:#ccc;word-break:keep-all;transform: translate(-50%, -50%);transition:all .4s ease-in-out;}
.program4 .timeline{width:15%;overflow:hidden;}
.program4 .timeline:before,
.program4 .timeline ul:before,
.program4 .timeline li:before{background:#00d5fc;}
.program4 .timeline li span{color:#191919;}
.program4 .t1{overflow:hidden;display:block;margin-top:110px;font-size:24px;line-height:36px;font-weight:400;letter-spacing:-0.72px;color:#191919;}
.program4 .t1 span{font-weight:800;word-break:keep-all;}
.program4 .t1 p{transform:translateY(100%);transition:all .7s ease-in-out;word-break:keep-all;}
.program4 .btn-ty2 a{height:72px;line-height:72px;padding:0 80px 0 50px;font-size:22px;letter-spacing:-0.68px;}
.program4 .btn-ty2 a:after{right:40px;}
.program4 .btn-ty2 a{transform:translateY(110%);transition:all .7s ease-in-out}
.program4.view .cont{z-index:100 }
.program4.view .sub-title3 .line.v1:before{animation-delay:.8s}
.program4.view .step-area{opacity:1;transition:all .7s .7s ease-in-out;}
.program4.view .t1 p{transform:translateY(0);transition:all .7s 1s ease-in-out;}
.program4.view .btn-ty2 a{transform:translateY(0);transition:transform .7s 1.4s ease-in-out;}
.program4Mo{width:100%;height:0}
.program4PC{width:100%;height:0}

@media (max-width: 1199px){
    .program4{height:200vh;}
    .program4 .pc{display:none;}
    .program4 .tablet{display:block;}
    .program4 .sub-title3 .line.v1{margin-top:5px}
    .program4.view .sub-title3 .line.v1:before{animation-delay:.8s}
    .program4 .step-area{margin-top:60px;width:100vw;}
    .program4 .step ul{width:100vw}
    .program4 .step li{width:14.28%;}
    .program4 .step-area.v1 .step li{width:16.66%;}
    .program4 .step li:before{left:calc(50% - 16px)}
    .program4 .step li:after{left:calc(50% - 7px)}
    .program4 .step li span{width:100%;padding:0;}
    .program4 .t1{width:480px;margin:100px auto 0;}
    .program4 .t1.v1{width:740px}
}
@media (max-height: 900px){
    .program4 .step-area{margin-top:-10px;}
    .program4 .t1{margin-top:40px}
    .program4 .btn-ty2 a{margin-top:30px }
}
@media (max-width: 767px){
    .program4{height:auto;padding:0 20px 80px;}
    .program4 .tablet{display:none;}
    .program4 .mo{display:block;}
    .program4 .cont{position:static;padding-top:30px;height:100%;display:block; }
    .program4 .sub-title3 strong span{font-size:28px;letter-spacing:-0.84px;}
    .program4 .sub-title3 .line:before{height:15px;bottom:0;}
    .program4 .sub-title3 .line.v1{margin-top:0}
    .program4 .sub-title3 p span{font-size:24px;letter-spacing:-0.72px;line-height:40px; }
    .program4 .step-area{width:240px;margin:60px auto 0;height:524px;transform: translateX(40px)}
    .program4 .step:before{top:17px;left:12px;width:8px;height:490px;}
    .program4 .step-area.v1{height:450px;}
    .program4 .step-area.v1 .step:before{height:420px}
    .program4 .step ul{position:relative;height:100%;width:100%;}
    .program4 .out{display:none;}
    .program4 .step li{width:100% !important;height:82px;}
    .program4 .step li:before{bottom:calc(50% - 16px);left:0;width:32px;height:32px;}
    .program4 .step li:after{bottom:calc(50% - 7px);left:9px;width:14px;height:14px;}
    .program4 .step li:first-child{height:57px;}
    .program4 .step li:first-child:before{bottom:25px;}
    .program4 .step li:first-child:after{bottom:34px;}
    .program4 .step li:last-child{height:57px;}
    .program4 .step li:last-child:before{bottom:0;}
    .program4 .step li:last-child:after{bottom:9px;}
    .program4 .step li span{left:60px;display:block;padding:0;width:calc(100% - 60px);transform: translate(0, -50%);text-align:left;}
    .program4 .step li:first-child span{top:0;transform: translate(0, 0);}
    .program4 .step li:last-child span{top:auto;bottom:0;transform: translate(0, 0);}
    .program4 .timeline{width:100%;height:0;}
    .program4 .t1{margin-top:60px;width:100% !important;font-size:18px;line-height:30px;letter-spacing:-0.54px;}
    .program4 .btn-ty2 a{height:60px;line-height:60px;padding:0 64px 0 40px;font-size:16px;letter-spacing:-0.5px;}
    .program4 .btn-ty2 a:after{width:20px;height:20px;top:calc(50% - 10px);right:32px;}
}



.program5{position:relative;height:100vh;background:#fff;text-align:center;z-index:50}
.program5 .cont{transition:opacity .4s ease;opacity:0;position:fixed;top:0;left:0;padding-top:90px;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background:#f6f7f9;}
.program5 .swiper-container{height:100%;width:100%;text-align:center;}
.program5 .swiper-wrapper{justify-content:center;align-items:center;}
.program5 .swiper-slide{width:auto;height:auto;display:inline-block;padding:0 45px;}
.program5 .box{display:inline-block;vertical-align:top;padding:50px 45px;width:480px;min-height:640px;background:#fff;box-shadow:7px 13px 30px rgba(0,0,0,0.1);text-align:left;color:#191919;transition:all .4s ease;}
.program5 .box.n3{min-height:initial;padding:60px 45px;}
.program5 em,
.program5 strong,
.program5 p{position:relative;overflow:hidden;display:block;vertical-align:top;}
.program5 em span{font-family:'pretendard', 'Montserrat', sans-serif;font-size:24px;font-weight:600;color:#00d5fc;}
.program5 strong{font-size:32px;line-height:45px;letter-spacing:-0.96px;font-weight:800;}
.program5 strong.v1{font-weight:400;}
.program5 .t1{font-size:22px;line-height:32px;letter-spacing:-0.66px;font-weight:800;}
.program5 .t2{font-size:18px;line-height:28px;letter-spacing:-0.54px;font-weight:400;}
.program5 .t3{padding-left:10px;margin-top:2px;font-size:18px;line-height:28px;letter-spacing:-0.54px;font-weight:400;color:#999;}
.program5 .t3:before{content:'';display:block;width:3px;height:3px;position:absolute;top:calc(50% - 1px);left:0;background:#999;border-radius:100%;}
.program5 .box span,
.program5 .t3:before{display:inline-block;transform: translateY(100px);transition:all 1s ease-in-out;}
.program5 em + strong{margin-top:20px;}
.program5 strong + .t1,
.program5 .t1 + .t2,
.program5 .t1 + .t3,
.program5 .t2 + .t3{margin-top:30px;}
.program5.view{z-index:100;}
.program5.view .cont{opacity:1;z-index:100}
.program5.view .box.n1{transform: translateY(-50px)}
.program5.view .box.n2{transform: translateY(50px)}
.program5.view .box span,
.program5.view .t3:before{transform: translateY(0);transition:all .4s .2s ease-in-out;}
.program5.view em span{transition-delay:.2s;}
.program5.view strong span{transition-delay:.4s;}
.program5.view .t1 span{transition-delay:.6s;}
.program5.view .t2 span{transition-delay:.8s;}
.program5.view .t3:before,
.program5.view .t3 span{transition-delay:1s;}
.program5 .swiper-pagination{display:none;}
@media (max-height: 900px){
    .program5 .box,
    .program5 .box.n3{padding:40px 45px;min-height:560px;}
    .program5 em + strong{margin-top:10px;}
    .program5 strong + .t1,
    .program5 .t1 + .t2,
    .program5 .t1 + .t3,
    .program5 .t2 + .t3{margin-top:15px;}
}
@media (max-width: 1199px){
    .program5 .swiper-wrapper{justify-content:start;}
    .program5 .swiper-slide{padding:0 30px;}
    .program5.view .box.n1{transform: translateY(0);}
    .program5.view .box.n2{transform: translateY(0)}
}
@media (max-width: 767px){
    .program5{height:auto;}
    .program5 .cont{position:static;padding:0;height:auto;}
    .program5 .swiper-slide{padding:80px 20px 120px;}
    .program5 .swiper-pagination{bottom:60px;}
    .program5 .box{width:calc(100vw - 40px);min-height:510px;padding:35px 24px;}
    .program5 .box.n3{width:calc(100vw - 40px);min-height:initial;padding:35px 24px;}
    .program5 em span{font-size:18px;}
    .program5 strong{font-size:24px;line-height:36px;letter-spacing:-0.72px;}
    .program5 .t1{font-size:18px;line-height:32px;letter-spacing:-0.66px;}
    .program5 .t2{font-size:16px;line-height:26px;letter-spacing:-0.48px;}
    .program5 .t3{font-size:16px;line-height:26px;letter-spacing:-0.48px;}
    .program5 em + strong{margin-top:20px;}
    .program5 strong + .t1,
    .program5 .t1 + .t2,
    .program5 .t1 + .t3,
    .program5 .t2 + .t3{margin-top:15px;}
    .program5 .swiper-pagination{display:block;}
    .program5 .swiper-pagination-lock{opacity:0}
}
.program6{position:relative;padding:180px 0 0;background:#fff;text-align:center;z-index:50}
.program6 .ta,
.program6 .mo{display:none;}
.program6.view{z-index:100;}
.program6 .sub-title3 strong{font-weight:600;}
.program6 .sub-title3 strong span{font-size:48px;letter-spacing:-1.44px;font-weight:600;font-family:'pretendard', 'Montserrat', sans-serif;word-break:keep-all;}
.program6 .sub-title3 .line:before{height:24px;}
.program6 .sub-title3 p{display:block;margin-top:20px;}
.program6 .sub-title3 .t1 span{font-size:20px;line-height:30px;letter-spacing:-0.6px;color:#999;font-weight:400;word-break:keep-all;}
.program6 .btn-group{font-size:0;padding:80px 0 180px;}
.program6 .btn-group a{display:block;transition:all .2s ease-in-out;}
.program6 .btn-group a>div{position:relative;display:inline-block;clip-path: polygon(0% 0%, 100% 0, 100% 75%, 80% 100%, 0% 100%);vertical-align:top;width:323px;height:240px;background:#191919;text-align: left;}
.program6 .btn-group a>div:before{content:'';transition:width .7s ease-in-out;display:block;clip-path: polygon(0% 0%, 100% 0, 100% 75%, 80% 100%, 0% 100%);position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;box-sizing:border-box;}
.program6 .btn-group a>div:after{content:'';display:block;position:absolute;left:40px;bottom:36px;width:30px;height:30px;background:url("../images/iconArrow3.svg")0 0 no-repeat;background-size:contain;}
.program6 .btn-group a>div span{position:relative;z-index:100;width:321px;display:block;padding:40px 40px 0;margin-left:0;color:#191919;font-size:28px;font-weight:700;letter-spacing:-0.84px;}
.program6 .btn-group a>div span + span{padding-top:15px;font-size:18px;letter-spacing:-0.54px;font-weight:400;text-transform: uppercase;}
.program6 .btn-group a>div .hover{width:0; transition:width .4s ease-in-out;overflow:hidden;position:absolute;top:0;left:0;height:100%;background-color:#00d5fc;background-repeat:no-repeat;background-size:auto 240px;background-position:left top;z-index:100;}
.program6 .btn-group a>div .hover span{color:#fff;}
.program6 .btn-group a>div .hover:after{content:'';display:block;position:absolute;left:40px;bottom:36px;width:30px;height:30px;background:url("../images/iconArrow3Over2.svg")0 0 no-repeat;background-size:contain;}
.program6 .swiper-wrapper{justify-content: center}
.program6 .swiper-slide{width:auto;padding-left:64px;}
.program6 .swiper-slide:first-child{padding-left:0;}
.program6 .swiper-pagination{bottom:100px;}
@media (max-width: 1199px){
    .program6{padding:110px 0 0;}
    .program6 .pc,
    .program6 .mo{display:none;}
    .program6 .ta{display:block;}
    .program6 .btn-group{padding:50px 0 150px;}
    .program6 .swiper-wrapper{justify-content: start}
    .program6 .swiper-slide{width:auto;padding-left:30px;}
    .program6 .swiper-slide:first-child{padding-left:30px;}
    .program6 .swiper-slide:last-child{padding-right:30px;}
}
@media (min-width: 768px){
    .program6 .btn-group a:hover{margin-top:-10px;filter: drop-shadow(7px 13px 30px rgba(0,0,0,0.1));}
    .program6 .btn-group a:hover .hover{width:100%;}
}
@media (max-width: 767px){
    .program6{padding:80px 0 0;}
    .program6 .pc,
    .program6 .ta{display:none;}
    .program6 .mo{display:block;}
    .program6 .sub-title3 strong span{font-size:28px;letter-spacing:-0.84px;}
    .program6 .sub-title3 .line:before{height:15px;}
    .program6 .sub-title3 .line.v1:before{animation-delay:0.8s}
    .program6 .sub-title3 p{margin-top:15px;}
    .program6 .sub-title3 p span{font-size:24px;letter-spacing:-0.72px;line-height:36px;}
    .program6 .sub-title3 .t1 span{font-size:18px;letter-spacing:-0.54px;line-height:28px;}
    .program6 .btn-group{padding:50px 0 150px;}
    .program6 .btn-group a>div{width:270px;height:200px;}
    .program6 .btn-group a>div:after{left:27px;bottom:20px;}
    .program6 .btn-group a>div span{width:270px;padding:30px 27px 0;font-size:24px;letter-spacing:-0.72px;}
    .program6 .btn-group a>div span + span{padding-top:10px;font-size:16px;letter-spacing:-0.48px;}
    .program6 .btn-group a>div .hover{background-size:auto 200px;}
    .program6 .btn-group a>div .hover:after{left:27px;bottom:20px;}

    .program6 .swiper-slide{padding-left:20px;}
    .program6 .swiper-slide:first-child{padding-left:20px;}
    .program6 .swiper-slide:last-child{padding-right:20px;}

    .program6 .btn-group .swiper-slide-active a{margin-top:-10px;filter: drop-shadow(7px 13px 30px rgba(0,0,0,0.1));}
    .program6 .btn-group .swiper-slide-active a .hover{width:100%;}
}
.portfolio-title .mo,
.portfolio-title .ta{display:none;}
.portfolio-title .sub-title strong{height:72px;line-height:72px;vertical-align:top;}
.portfolio-title .sub-title span{font-size:42px;line-height:52px;letter-spacing:-1.26px;opacity:0}
.portfolio-title .sub-title .line.n2 + strong{padding:0;margin-left:-10px;}
.portfolio-title .sub-title span{transition-duration:.4s}
.portfolio-title .sub-title .line:before{bottom:20px;}
.portfolio-title .view.sub-title .line:before{animation-duration:.4s;animation-delay:.4s}
.portfolio-title .view.sub-title .line.n2:before{animation-duration:.4s;animation-delay:.8s}
.portfolio-title .view.sub-title span{opacity:1}
@media (max-width: 1199px){
    .portfolio-title .pc,
    .portfolio-title .mo{display:none;}
    .portfolio-title .ta{display:block;}
}
@media (max-width: 767px){
    .portfolio-title .pc,
    .portfolio-title .ta{display:none;}
    .portfolio-title .mo{display:block;}
    .portfolio-title .sub-title{margin:55px 0;}
    .portfolio-title .sub-title strong{height:40px;line-height:40px;padding:5px 0;}
    .portfolio-title .sub-title span{font-size:24px;line-height:30px;letter-spacing:-0.72px;}
    .portfolio-title .sub-title .line{padding:5px;}
    .portfolio-title .sub-title .line.n2 + strong{padding:5px 0;margin-left:-5px;}
    .portfolio-title .sub-title .line:before{height:15px;bottom:5px;}
}


/* *************************************** *
 * INDEX
 * **************************************** */
.mainVisual1{position:relative;width:100%;height:100vh;z-index:100;}
.mainVisual1 .videoObj{position:fixed;left:0;top:0;width:100%;height:100vh;transition:all .4s ease-in-out}
.mainVisual1 .txt{ position:fixed;top:calc(50vh - 70px);left:calc(50% - 600px);width:1200px;font-size:0;z-index:100;}
.mainVisual1 .txt strong{position:relative;overflow:hidden;display:inline-block;vertical-align:top;padding-right:10px;}
.mainVisual1 .txt span{position:relative;display:block;transform: translateY(100%);font-weight:800;font-size:54px;height:70px;line-height:70px;letter-spacing:-1.62px;z-index:100;color:#fff;}
.mainVisual1 .txt strong:before{display:block;content:'';position:absolute;bottom:0;left:0;height:25px;width:100%;background:#00d5fc;transform:scaleX(0)}
.mainVisual1.active1 .videoObj{top:110px;left:calc(50% - 720px);width:1440px;height:65vh;}
.mainVisual1 .txt span{animation:txtShowIn .4s;animation-delay:0.7s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.mainVisual1 .txt strong:before{animation:txtLineInOut 1s;animation-fill-mode:forwards;transform-origin:left top;animation-timing-function: ease-in-out;}
.mainVisual1 .txt strong:nth-child(1):before{animation-delay:2s;}
.mainVisual1 .txt strong:nth-child(2):before{animation-delay:3s;}
.mainVisual1 .txt strong:nth-child(3):before{animation-delay:4s;}
.mainVisual1 .txt strong:nth-child(4):before{animation-delay:5s;}
.mainVisual1 .mo{display:none;}
@media(min-width: 1200px) and (max-height: 790px){
    .mainVisual1 .txt{max-width: 700px;}
    .mainVisual1 .txt span{font-size:32px;height:50px;line-height:50px;letter-spacing:-0.96px;}
}
@media (max-width: 1199px){
    .mainVisual1.videoObj{width:100vw;height:100vh;}
    .mainVisual1.active1 .videoObj{top:200px;left:32px;width:calc(100vw - 64px);height:calc(100vh - 400px);}
    .mainVisual1 .txt{left:0;width:100%;padding:0 0 0 32px;}
}

@media (max-width: 767px){
    .mainVisual1.videoObj{width:100vw;height:100vh;}
    .mainVisual1.active1 .videoObj{top:100px;left:20px;width:calc(100vw - 40px);height:calc(100vh - 200px);}
    .mainVisual1 .txt{padding:0 0 0 20px;top:calc(50vh - 75px);}
    .mainVisual1 .txt strong{padding-right:5px;height:50px;line-height:50px;}
    .mainVisual1 .txt span{font-size:32px;height:50px;line-height:50px;letter-spacing:-1.6px;}
    .mainVisual1 .txt strong:before{height:15px;bottom:5px;}
    .mainVisual1 .pc{display:none;}
    .mainVisual1 .mo{display:block;}
}


/* .mainVisual2{position:relative;width:100%;height:35vh;z-index:100;}
.mainVisual2 .bg{transform: translateY(150%);transition:all .5s ease;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;}
.mainVisual2 .space{height:100px;}
.mainVisual2 .inner{transform: translateY(100%);
    transition:all 1s ease; */
    /* display:flex;justify-content: center;align-items: center; */
    /* height:100vh;position:fixed;top:0;left:0;width:100%;font-size:0;z-index:100;}
.mainVisual2 .inner .cont{width:1200px;margin:0 auto;}
.mainVisual2 .inner strong{position:relative;overflow:hidden;display:inline-block;vertical-align:top;padding-right:10px;}
.mainVisual2 .inner .line:before{transform-origin:left bottom;transition:all .2s ease-in-out;display:block;content:'';position:absolute;bottom:12px;left:0;height:25px;width:100%;background:#00d5fc;transform:scaleX(0);} */
/* .mainVisual2 .inner span{position:relative;display:block;font-weight:300;font-size:54px;color:#fff;height:90px;line-height:90px;letter-spacing:-1.62px;z-index:100;transform: translateY(100%);transition:all .4s ease-in-out;}
.mainVisual2 .inner span em{font-weight:800;} */
/* .mainVisual2 .inner .txt2{margin-top:100px;}
.mainVisual2.active1 .bg{transform: translateY(0);}
.mainVisual2.active1 .inner{transform: translateY(0);}
.mainVisual2.active1 .txt span{transform: translateY(0);transition:all .3s .5s ease-in-out}
.mainVisual2.active1 .txt2 span{transform: translateY(0);transition:all .3s .7s ease-in-out}
.mainVisual2.active1 .txt .line:before{transform: scale(1);transition:all .3s .9s ease-in-out;}
.mainVisual2.active1 .txt2 .line:before{transform: scale(1);transition:all .3s 1.1s ease-in-out;}
.mainVisual2 .pc{display:block;}
.mainVisual2 .ta{display:none;}
.mainVisual2 .mo{display:none;} */
.mainVisual2{position:relative;height:50vh;z-index:100;background:#fff;}
.mainVisual2 .pc{display:block;}
.mainVisual2 .ta{display:none;}
.mainVisual2 .inner{transform: translateY(100%);transition:all 1s ease;opacity:0;position:fixed;
    /* top:-100px; */
    top:0;
    left:0;width:100%;height:calc(100vh + 100px);display:flex;justify-content: center;align-items: center;text-align:center;}
.mainVisual2 .inner:after{display:block;content:'';position:absolute;top:100px;left:0;width:100%;height:calc(100% - 100px);background:#fff;}
.mainVisual2 .inner div{position:relative;z-index:100;}
.mainVisual2 ul{font-size:0;margin-top:100px;width:1200px;}
.mainVisual2 li{transition:all .4s ease-in-out;display:inline-block;vertical-align:top;width:180px;margin-top:20px;margin-right:75px;opacity:0}
.mainVisual2 li:nth-child(5n){margin-right:0;}
.mainVisual2 li img{width:100%;}
.mainVisual2.active1 .inner{transform: translateY(0); opacity:1}
.mainVisual2.active1 li{opacity:1;transition:all .6s 2.2s ease-in-out;}
.mainVisual2.active1 li:nth-child(3){transition:all .6s .8s ease-in-out;}
.mainVisual2.active1 li:nth-child(9){transition:all .6s 1s ease-in-out;}
.mainVisual2.active1 li:nth-child(7){transition:all .6s 1.2s ease-in-out;}
.mainVisual2.active1 li:nth-child(5){transition:all .6s 1.4s ease-in-out;}
.mainVisual2.active1 li:nth-child(1){transition:all .6s 1.6s ease-in-out;}
.mainVisual2.active1 li:nth-child(10){transition:all .6s 1.8s ease-in-out;}
@media(min-width: 1200px) and (max-height: 790px){
    .mainVisual2 .pc{display:block;}
    .mainVisual2 .ta{display:none;}
    .mainVisual2 .mo{display:none;}
    .mainVisual2 .inner span{font-size:32px;height:50px;line-height:50px;letter-spacing:-0.96px;}
    .mainVisual2 .inner .line:before{height:15px;bottom:7px}
}

@media (max-width: 1199px){
    .mainVisual2 .pc{display:none;}
    .mainVisual2 .ta{display:block;}
    .mainVisual2 .mo{display:none;}
    .mainVisual2{height:70vh}
    .mainVisual2 .inner .cont{width:100%;padding:0 0 0 32px;}
    .mainVisual2 .inner .txt2{margin-top:60px;}
}

@media (max-width: 767px){
    .mainVisual2 .pc{display:none;}
    .mainVisual2 .ta{display:none;}
    .mainVisual2 .mo{display:block;}
    .mainVisual2 .inner .txt2{margin-top:40px;}
    .mainVisual2 .inner .cont{padding:0 0 0 20px;}
    .mainVisual2 .inner .line:before{bottom:5px;height:15px;}
    .mainVisual2 .inner span{font-size:32px;height:50px;line-height:50px;letter-spacing:-0.96px;}
}



.mainVisual3{position:relative;width:100%;height:150vh;background:#fff;z-index:100}
.mainVisual3 .goto{width:100%;height:20%;}

.mainVisual3 .bg1{transform: translateY(100%);transition:all .5s ease;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;}
.mainVisual3 .ta-title{display:none;}
.mainVisual3 .cont1{transform: translateY(100%);transition:all .5s ease;position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items: center;justify-content:center;background:#fff;z-index:100;}
.mainVisual3 .cont1 span{display:block;transform:translateY(100%);transition:all .3s ease-in-out;}
.mainVisual3 .cont1>div{position:relative;z-index:100;width:1200px;padding-top:90px;}
.mainVisual3 .cont1 h2{transition:all .2s ease-in-out;overflow:hidden;font-size:32px;letter-spacing:-0.96px;color:#191919;font-weight:800;}
.mainVisual3 .cont1 p{transition:all .2s ease-in-out;overflow:hidden;margin-top:10px;font-size:20px;letter-spacing:-0.6px;color:#191919;}
.mainVisual3 .cont1 ul{margin-top:20px;}
.mainVisual3 .cont1 li{border-bottom:1px solid transparent;transition:all .3s ease-in-out;}
.mainVisual3 .cont1 li br{display:none;}
.mainVisual3 .cont1 a{display:block;padding:50px 0;}
.mainVisual3 .cont1 a strong{transition:all .3s linear;display:block;overflow:hidden;font-size:72px;letter-spacing:-2.16px;color:#191919;font-weight:800;}
.mainVisual3 .cont1 a div{transition:all .3s linear;display:block;margin-top:20px;overflow:hidden;font-size:32px;letter-spacing:-0.96px;color:#191919;font-weight:400;}


.mainVisual3 .contGroup{transition:all .5s ease;position:fixed;top:100dvh;left:0;width:100%;height:300vh;display:flex;justify-content: center;align-items: center;}
.mainVisual3 .contGroup li{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;justify-content: center;align-items: center;}
.mainVisual3 .contGroup .cont3{top:100vh;}
.mainVisual3 .contGroup .cont4{top:200vh;}
.mainVisual3 .contGroup .cont5{top:300vh;}
.mainVisual3 .contGroup .cont6{top:400vh;}
.mainVisual3 .contGroup li>div{position:relative;text-align:center;}
.mainVisual3 .contGroup .bg{transition:all .4s ease-in-out;position:relative;z-index:100;display:inline-block;vertical-align:top;width:1300px;height:720px;background-position:0 center;background-repeat:no-repeat;background-size:auto 100%;}
.mainVisual3 .contGroup .bg div{overflow:hidden;position:absolute;left:calc(50% - 600px);top:-40px;display:inline-block;height:90px;width:100%;font-size:72px;letter-spacing:-2.16px;color:#191919;font-weight:800;}
.mainVisual3 .contGroup .bg div span{position:absolute;top:0;left:0;transition:all .4s 1.2s ease-in-out;}
.mainVisual3 .contGroup .inner{position:absolute;top:-1px;left:894px;width:600px;height:721px;padding:0 0 0 80px;text-align:left;display:flex;align-items: center;z-index:100;background:#fff;transition:all .6s ease;transform:translateX(100%)}
.mainVisual3 .contGroup .inner em{overflow:hidden;display:block;font-size:22px;letter-spacing:-0.66px;color:#7d7d7d;font-weight:700;}
.mainVisual3 .contGroup .inner strong{overflow:hidden;margin-top:25px;display:block;font-size:54px;line-height:70px;letter-spacing:-1.62px;color:#191919;font-weight:800;}
.mainVisual3 .contGroup .inner p.t1{overflow:hidden;padding:0 5px;margin-left:-5px;margin-top:35px;position:relative;display:inline-block;font-size:32px;line-height:40px;letter-spacing:-0.96px;color:#191919;font-weight:800}
.mainVisual3 .contGroup .inner p.t1:before{transform: scaleX(0);transition:all .4s ease-in-out;transform-origin:left top; display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:15px;background:#acf0ff}
.mainVisual3 .contGroup .inner p.t2{overflow:hidden;margin-top:15px;position:relative;display:block;font-size:22px;line-height:32px;letter-spacing:-0.66px;color:#191919;font-weight:400}
.mainVisual3 .contGroup .inner p.t3{overflow:hidden;margin-top:30px;position:relative;display:block;font-size:22px;line-height:32px;letter-spacing:-0.66px;color:#999;font-weight:300}
.mainVisual3 .contGroup .inner span{transform: translateY(200px);opacity:0;transition:all .4s ease-in-out;position:relative;display:inline-block;vertical-align:top;}
.mainVisual3 .contGroup .inner a{transform: translateY(200px);opacity:0;transition:all .4s ease-in-out;display:inline-block;vertical-align:top;font-weight:700;padding:0 60px 0 37px;}
.mainVisual3 .contGroup .inner a:after{right:30px;}

.mainVisual3.view1{z-index:100;}
.mainVisual3.view1 .bg1{transform: translateY(0);}
.mainVisual3.view1 .cont1{transform: translateY(0);}
/* .mainVisual3.view1 .cont1 li{border-color:#e5e5e5;} */
.mainVisual3.view1 .cont1 span{transform:translateY(0);}
.mainVisual3.view1 .cont1 .n1 span{transition:transform .3s .2s ease-in-out;}
.mainVisual3.view1 .cont1 .n2 span{transition:transform .3s .4s ease-in-out;}
.mainVisual3.view1 .cont1 .n3 span{transition:transform .3s .6s ease-in-out;}

.mainVisual3.view1-move .cont1{z-index:100;;}
.mainVisual3.view1-move .cont1{width:300px;left:0;}
.mainVisual3.view1-move .cont1>div{width:270px;padding-top:0;margin-right:30px;}
.mainVisual3.view1-move .cont1 h2{height:0;font-size:0;}
.mainVisual3.view1-move .cont1 p{height:0;font-size:0;}
.mainVisual3.view1-move .cont1 li{transition-delay:0s;}
.mainVisual3.view1-move .cont1 a{display:block;padding:20px 0 20px 20px;}
.mainVisual3.view1-move .cont1 a strong{font-size:22px;letter-spacing:-0.66px;}
.mainVisual3.view1-move .cont1 a div{margin-top:5px;font-size:14px;letter-spacing:-0.42px;}


.mainVisual3.view2 .contGroup{top:0;}
.mainVisual3.view2 .cont2 .bg{width:1200px;background-position:-50px center;transition-delay:.4s}
.mainVisual3.view2 .cont2 .bg div span{top:90px;}
.mainVisual3.view2 .cont2 span,
.mainVisual3.view2 .cont2 .inner a{transform: translateY(0);opacity:1;transition-delay:.8s;}
.mainVisual3.view2 .cont2 .inner p.t1:before{transform: scaleX(1);transition-delay:.8s;}
.mainVisual3.view2 .cont2 .inner{transform:translateX(0);transition-delay:.4s;}
/* .mainVisual3.view2 .cont1 .n1 strong, */
.mainVisual3.view2 .cont1 .n1 div{color:#01d5fb;}
.mainVisual3.view2 .cont1 .n2 strong,
.mainVisual3.view2 .cont1 .n2 div{color:#191919;}
.mainVisual3.view2 .cont1 .n3 strong,
.mainVisual3.view2 .cont1 .n3 div{color:#191919;}


.mainVisual3.view3 .contGroup{top:-100vh;}
.mainVisual3.view3 .cont3 .bg{width:1200px;background-position:-50px center;transition-delay:.4s}
.mainVisual3.view3 .cont3 .bg div span{top:90px;}
.mainVisual3.view3 .cont3 span,
.mainVisual3.view3 .cont3 .inner a{transform: translateY(0);opacity:1;transition-delay:.8s;}
.mainVisual3.view3 .cont3 .inner p.t1:before{transform: scaleX(1);transition-delay:.8s;}
.mainVisual3.view3 .cont3 .inner{transform:translateX(0);transition-delay:.4s; }
.mainVisual3.view3 .cont1 .n1 strong,
.mainVisual3.view3 .cont1 .n1 div{color:#191919;}
.mainVisual3.view3 .cont1 .n2 strong,
.mainVisual3.view3 .cont1 .n2 div{color:#01d5fb;}
.mainVisual3.view3 .cont1 .n3 strong,
.mainVisual3.view3 .cont1 .n3 div{color:#191919;}

.mainVisual3.view4 .contGroup{top:-200vh;}
.mainVisual3.view4 .cont4 .bg{width:1200px;background-position:-50px center;transition-delay:.4s}
.mainVisual3.view4 .cont4 .bg div span{top:90px;}
.mainVisual3.view4 .cont4 span,
.mainVisual3.view4 .cont4 .inner a{transform: translateY(0);opacity:1;transition-delay:.8s;}
.mainVisual3.view4 .cont4 .inner p.t1:before{transform: scaleX(1);transition-delay:.8s;}
.mainVisual3.view4 .cont4 .inner{transform:translateX(0);transition-delay:.4s;  }
.mainVisual3.view4 .cont1 .n1 strong,
.mainVisual3.view4 .cont1 .n1 div{color:#191919;}
.mainVisual3.view4 .cont1 .n2 strong,
.mainVisual3.view4 .cont1 .n2 div{color:#191919;}
.mainVisual3.view4 .cont1 .n3 strong,
.mainVisual3.view4 .cont1 .n3 div{color:#01d5fb;}

.mainVisual3.view5 .contGroup{top:-300vh;}
.mainVisual3.view5 .cont5 .bg{width:1200px;background-position:-50px center;transition-delay:.4s}
.mainVisual3.view5 .cont5 .bg div span{top:90px;}
.mainVisual3.view5 .cont5 span,
.mainVisual3.view5 .cont5 .inner a{transform: translateY(0);opacity:1;transition-delay:.8s;}
.mainVisual3.view5 .cont5 .inner p.t1:before{transform: scaleX(1);transition-delay:.8s;}
.mainVisual3.view5 .cont5 .inner{transform:translateX(0);transition-delay:.4s;  }

.mainVisual3.view6 .contGroup{top:-400vh;}
.mainVisual3.view6 .cont6 .bg{width:1200px;background-position:-50px center;transition-delay:.4s}
.mainVisual3.view6 .cont6 .bg div span{top:90px;}
.mainVisual3.view6 .cont6 span,
.mainVisual3.view6 .cont6 .inner a{transform: translateY(0);opacity:1;transition-delay:.8s;}
.mainVisual3.view6 .cont6 .inner p.t1:before{transform: scaleX(1);transition-delay:.8s;}
.mainVisual3.view6 .cont6 .inner{transform:translateX(0);transition-delay:.4s;  }

@media (max-width: 1800px){
    .mainVisual3 .contGroup .bg{position: static;}
    .mainVisual3 .contGroup .bg div{left:310px}
    .mainVisual3 .contGroup .inner{left:auto;right:0;padding-left:50px;}
    .mainVisual3 .contGroup li>div{width:100%;}
}
@media (max-width: 1300px){
    .mainVisual3 .contGroup .bg,
    .mainVisual3.view2 .cont2 .bg,
    .mainVisual3.view3 .cont3 .bg,
    .mainVisual3.view4 .cont4 .bg{width:100%;background-position:0 center;}
}
@media(min-width: 1200px) and (max-height: 790px){
    .mainVisual3 .cont1 h2{font-size:24px;letter-spacing:-0.72px;}
    .mainVisual3 .cont1 p{font-size:16px;line-height:24px;letter-spacing:-0.48px; }
    .mainVisual3 .cont1 a{padding:25px 0;}
    .mainVisual3 .cont1 a strong{font-size:36px;letter-spacing:-1.08px;}
    .mainVisual3 .cont1 a div{margin-top:8px;font-size:16px;letter-spacing:-0.48px;}
    .mainVisual3 .contGroup .bg{height:360px;}
    .mainVisual3 .contGroup .bg div{top:-20px;font-size:42px;letter-spacing:-1.26px}
    .mainVisual3 .contGroup .inner{top:-1px;height:362px;}
    .mainVisual3 .contGroup .inner em{font-size:16px;letter-spacing:-0.48px;}
    .mainVisual3 .contGroup .inner strong{margin-top:10px;font-size:32px;letter-spacing:-0.96px;line-height:42px;white-space:nowrap;}
    .mainVisual3 .contGroup .inner p.t1{margin-top:10px;font-size:24px;letter-spacing:-0.72px;line-height:30px}
    .mainVisual3 .contGroup .inner p.t2{font-size:14px;letter-spacing:-0.42px;line-height:22px}
    .mainVisual3 .contGroup .inner p.t3{margin-top:10px;font-size:14px;letter-spacing:-0.42px;line-height:22px}
    .mainVisual3 .contGroup .inner a{margin-top:20px;padding:0 48px 0 24px;height:48px;line-height:48px;font-size:13px;letter-spacing:-0.39px;}
    .mainVisual3 .contGroup .inner a:after{right:20px;}
}
@media (max-width: 1199px){
    .mainVisual3{height:auto;}
    .mainVisual3 .goto{width:100%;height:100vh;position:absolute;top:0;left:0;}

    .mainVisual3 .cont1{overflow:hidden;transform: translateY(0);position:absolute;
        /* height:356px; */
        box-shadow:2px 4px 30px rgba(0,0,0,0.05);z-index:200;}
    .mainVisual3 .cont1>div{position:absolute;top:160px;padding-top:0;width:100%;}
    .mainVisual3 .cont1 h2{width:100%;padding:0 32px;opacity:1}
    .mainVisual3 .cont1 p{width:100%;padding:0 32px;opacity:1}
    /*
    .mainVisual3 .cont1 ul{display:none;position:relative;z-index:100;text-align:center;padding:0 32px;margin-top:266px;height:90px;border-top:1px solid #e5e5e5;background:#fff;transition:all .5s ease-in-out;}
    .mainVisual3 .cont1 li{border:0;display:inline-block;vertical-align:top;width:27%;text-align:left;}
    .mainVisual3 .cont1 li:first-child{width:46%}
     */
    .mainVisual3 .cont1 a{display:inline-block;padding:0;height:90px;text-align:left;}
    .mainVisual3 .cont1 a strong{padding-top:18px;font-size:22px;letter-spacing:-0.66px;}
    .mainVisual3 .cont1 a div{margin-top:8px;font-size:14px;letter-spacing:-0.42px;}
    .mainVisual3 .cont1 span{transform: translateY(0);}
    .mainVisual3 .cont1{box-shadow:none;
        /* height:260px; */
    }
    /* .mainVisual3 .cont1 ul{display:none;} */

    .mainVisual3 .contGroup{position:static;display:block;height:auto;}
    .mainVisual3 .contGroup .bg{position:static;width:100%;height:368px;background-position:center center;}
    .mainVisual3 .contGroup .bg div{left:32px;}
    .mainVisual3 .contGroup .bg div span{transition-delay:.4s}
    .mainVisual3 .contGroup li{display:block;position:static;height:auto;padding-top:80px;transition:all .5s ease-in-out;}
    .mainVisual3 .contGroup li:first-child{padding-top:416px}
    .mainVisual3 .contGroup .inner{position:static;height:auto;padding:50px 32px 100px;transform:translateX(0)}
    .mainVisual3 .contGroup .inner strong{margin-top:20px;}
    .mainVisual3 .contGroup .inner p.t1{margin-top:20px;}
    .mainVisual3 .contGroup .inner p.t3{margin-top:20px}
    .mainVisual3.view3 .cont3 .inner a{margin-top:30px;}

    .mainVisual3.view1{z-index:100;}
    .mainVisual3.view1 .bg1{transform: translateY(0);}
    .mainVisual3.view1 .cont1{position:fixed;height:90px}
    .mainVisual3.view1 .contGroup li:first-child{padding-top:360px}

    .mainVisual3.view2 .cont2 .bg{width:calc(100% - 64px);background-position:center center;transition-delay:0s}
    .mainVisual3.view2 .cont2 span,
    .mainVisual3.view2 .cont2 .inner a{transition-delay:0s;}
    .mainVisual3.view2 .cont2 .inner p.t1:before{transition-delay:.4s;}

    .mainVisual3.view3 .cont3 .bg{width:calc(100% - 64px);background-position:center center;transition-delay:0s}
    .mainVisual3.view3 .cont3 span,
    .mainVisual3.view3 .cont3 .inner a{transition-delay:0s;}
    .mainVisual3.view3 .cont3 .inner p.t1:before{transition-delay:.4s;}

    .mainVisual3.view4 .cont4 .bg{width:calc(100% - 64px);background-position:center center;transition-delay:0s}
    .mainVisual3.view4 .cont4 span,
    .mainVisual3.view4 .cont4 .inner a{transition-delay:0s;}
    .mainVisual3.view4 .cont4 .inner p.t1:before{transition-delay:.4s;}

}

@media (max-width: 767px){
    .mainVisual3 .cont1 h2{padding:0 20px;font-size:24px;letter-spacing:-0.72px;}
    .mainVisual3 .cont1 p{padding:0 20px;top:125px;font-size:16px;line-height:24px;letter-spacing:-0.48px; }
    /* .mainVisual3 .cont1 ul{padding:0 20px;} */
    .mainVisual3 .cont1 li{width:31%}
    .mainVisual3 .cont1 li br{display:block;}
    /* .mainVisual3 .cont1 li:first-child{width:38%} */
    .mainVisual3 .cont1>div{top:100px;}
    .mainVisual3 .cont1 a strong{padding-top:15px;font-size:16px;letter-spacing:-0.48px;}
    .mainVisual3 .cont1 a div{font-size:11px;line-height:14px;letter-spacing:-0.33px;}
    .mainVisual3 .contGroup .bg{height:180px;}
    .mainVisual3 .contGroup .bg div{top:-25px;left:20px;font-size:42px;line-height:50px;height:50px;letter-spacing:-1.26px}
    .mainVisual3 .contGroup .bg div span{transition:all .4s 0s ease-in-out;}
    .mainVisual3 .contGroup li{padding-top:90px;padding-bottom:50px;}
    .mainVisual3 .contGroup li:first-child{padding-top:290px;}
    .mainVisual3 .contGroup .inner{padding:40px 20px 0;width:100%;}
    .mainVisual3 .contGroup .inner em{font-size:16px;letter-spacing:-0.48px;}
    .mainVisual3 .contGroup .inner span{word-break: keep-all;}
    .mainVisual3 .contGroup .inner strong{margin-top:10px;font-size:32px;letter-spacing:-0.96px;line-height:42px;white-space:nowrap;}
    .mainVisual3 .contGroup .inner p.t1{margin-top:10px;font-size:24px;letter-spacing:-0.72px;line-height:30px}
    .mainVisual3 .contGroup .inner p.t2{font-size:14px;letter-spacing:-0.42px;line-height:22px}
    .mainVisual3 .contGroup .inner p.t3{margin-top:10px;font-size:14px;letter-spacing:-0.42px;line-height:22px}
    .mainVisual3 .contGroup .inner a{margin-top:20px;padding:0 48px 0 24px;height:48px;line-height:48px;font-size:13px;letter-spacing:-0.39px;}
    .mainVisual3 .contGroup .inner a:after{right:20px;}

    .mainVisual3.view1 .cont1{height:60px; }
    .mainVisual3.view1 .cont1 ul{margin-top:60px;}
    .mainVisual3.view1 .contGroup li:first-child{padding-top:270px; }
    .mainVisual3.view2 .cont2 .bg,
    .mainVisual3.view3 .cont3 .bg,
    .mainVisual3.view4 .cont4 .bg{width:calc(100% - 40px)}
}

.mainVisual4{position:relative;width:100%;height:35vh;z-index:100;}
.mainVisual4 .bg{transform: translateY(100%);transition:all .5s ease;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;}
.mainVisual4 .space{height:100px;}
.mainVisual4 .inner{transform: translateY(100%);
    transition:all 1s ease;
    /* display:flex;justify-content: center;align-items: center; */
    height:100vh;position:fixed;top:0;left:0;width:100%;font-size:0;z-index:100;}
/* .mainVisual4 .inner .cont{width:1200px;margin:0 auto;} */
.mainVisual4 .inner .cont{width:1680px;margin:0 auto; display: flex; gap: 56px;}
.mainVisual4 .inner strong{position:relative;overflow:hidden;display:inline-block;vertical-align:top;padding-right:10px;}
.mainVisual4 .inner .line:before{transform-origin:left bottom;transition:all .2s ease-in-out;display:block;content:'';position:absolute;bottom:12px;left:0;height:25px;width:100%;background:#00d5fc;transform:scaleX(0);}
/* .mainVisual2 .inner span{position:relative;display:block;font-weight:300;font-size:54px;color:#fff;height:90px;line-height:90px;letter-spacing:-1.62px;z-index:100;transform: translateY(100%);transition:all .4s ease-in-out;}
.mainVisual2 .inner span em{font-weight:800;} */
.mainVisual4 .inner .txt2{margin-top:100px;}
.mainVisual4.active1 .bg{transform: translateY(0);}
.mainVisual4.active1 .inner{transform: translateY(0);}
.mainVisual4.active1 .txt span{transform: translateY(0);transition:all .3s .5s ease-in-out}
.mainVisual4.active1 .txt2 span{transform: translateY(0);transition:all .3s .7s ease-in-out}
.mainVisual4.active1 .txt .line:before{transform: scale(1);transition:all .3s .9s ease-in-out;}
.mainVisual4.active1 .txt2 .line:before{transform: scale(1);transition:all .3s 1.1s ease-in-out;}
.mainVisual4 .pc{display:block;}
.mainVisual4 .ta{display:none;}
.mainVisual4 .mo{display:none;}





/*
.mainVisual4{position:relative;width:100%;height:80vh;z-index:100;background:#fff;}
.mainVisual4 .pc{display:block}
.mainVisual4 .ta{display:none}
.mainVisual4 .dv1{transform: translateY(100%);transition:all 1s ease;display:flex;justify-content: center;align-items: center;position:fixed;left:0;top:0;width:100%;height:100vh;text-align:center;z-index:100;}
.mainVisual4 .dv1 .inner{transform:scale(0);margin-top:1000px;transition:all .7s ease;}
.mainVisual4 .dv1 strong{position:relative;display:inline-block;padding:0 10px;}
.mainVisual4 .dv1 span{position:relative;display:inline-block;font-size:72px;color:#191919;letter-spacing:-2.19px;font-weight:800;line-height:100px;}
.mainVisual4 .dv1 .line:before{transform:scaleX(0);transform-origin:left bottom;transition:all .7s ease;display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:30px;background:#c3f4ff;}
.mainVisual4.active3 .dv1{transform: translateY(-100%);}
.mainVisual4 .bg1{transform: translateY(100%);transition:all .7s ease-in-out;position:fixed;left:0;top:0;width:100%;height:100vh;background:#fff;}
.mainVisual4 .bg2{transform: translateY(100%);transition:all .7s ease-in-out;position:fixed;left:0;top:0;width:100%;height:400vh;background:#fff url("../images/imgBg1.png")center -20vh no-repeat;background-size:auto 400vh;opacity:1;}
.mainVisual4 .dv2{transform: translateY(100%);transition:all 1s ease;position:fixed;top:0;left:0;height:100vh;width:100%;padding-top:90px;display:flex;justify-content: center;align-items: center;opacity:0;}
.mainVisual4 .dv2 .inner{display:block;font-size:0;width:1200px}
.mainVisual4 .dv2 .img1,
.mainVisual4 .dv2 .img2{transform:translateY(20%);transition:all .4s ease-in-out;opacity:0;margin-top:50px;display:inline-block;vertical-align:top;padding-top:500px;width:321px;font-size:21px;line-height:30px;letter-spacing:-0.62px;color:#fff;text-align:left;background-position:center top;background-repeat:no-repeat;background-size:100% auto;}
.mainVisual4 .dv2 .img1{margin-top:-110px;background-image:url("../images/imgObj4.png")}
.mainVisual4 .dv2 .img2{margin-top:50px;;margin-left:24px;background-image:url("../images/imgObj5.png")}

.mainVisual4.active1 .bg1{transform: translateY(0);}
.mainVisual4.active1 .bg2{transform: translateY(0);}
.mainVisual4.active1 .dv1{transform: translateY(0);}
.mainVisual4.active1 .dv1 .inner{transform:scale(1);margin-top:0;transition:all .7s .7s ease;}
.mainVisual4.active1 .dv1 .line:before{transform:scaleX(1);transition:all .7s 1.4s ease-in-out;}

.mainVisual4.active2 .bg2{transform: translateY(-20%);}
.mainVisual4.active2 .dv1{transform: translateY(-30%);}

.mainVisual4.active3 .bg2{transform: translateY(-40%);}
.mainVisual4.active3 .dv1{transform: translateY(-70%);}
.mainVisual4.active3 .dv2{transform: translateY(0); opacity:1}
.mainVisual4.active3 .dv2 .img1,
.mainVisual4.active3 .dv2 .img2{opacity:1;transform:translateY(0);transition:all .4s 1s ease-in-out;}

.mainVisual4.active4 .bg2{transform: translateY(-60%);}
.mainVisual4.active4 .dv2{transform: translateY(-100%);}
@media(min-width: 1200px) and (max-height: 790px){
    .mainVisual4 .dv1 span{font-size:42px;letter-spacing:-1.26px;line-height:60px;}
    .mainVisual4 .dv1 .line:before{height:15px;bottom:5px;}
    .mainVisual4 .txt-group strong{font-size:32px;letter-spacing:-0.96px;line-height:42px;}
    .mainVisual4 .txt-group .t1{margin-top:15px;font-size:24px;letter-spacing:-0.72px;line-height:38px;}
    .mainVisual4 .txt-group .t2{margin-top:15px;font-size:18px;letter-spacing:-0.54px;line-height:28px;}
    .mainVisual4 .txt-group .t2 + .t2{margin-top:0;}
    .mainVisual4 .txt-group .t3{margin-top:15px;font-size:14px;letter-spacing:-0.42px;line-height:22px;}
    .mainVisual4 .txt-group .t3 + .t3{margin-top:0;}
    .mainVisual4 .txt-group .btn-ty1{margin-top:15px;}
    .mainVisual4 .txt-group .btn-ty1 a{height:48px;line-height:48px;font-size:13px;letter-spacing:-0.39px;}
    .mainVisual4 .dv2 .img1, .mainVisual4 .dv2 .img2{padding-top:330px;background-position:center -160px;}
    .mainVisual4 .dv2 .img1{margin-top:0;}
}
@media (max-width: 1199px){
    .mainVisual4{height:auto;overflow:hidden}
    .mainVisual4 .pc{display:none}
    .mainVisual4 .ta{display:block}
    .mainVisual4 .dv1{transform: translateY(0);position:static;height:auto;padding:120px 0;}
    .mainVisual4 .dv1 .inner{transform:scale(0);margin-top:0;}
    .mainVisual4 .dv1 strong{display:inline-block;padding:0 10px;}
    .mainVisual4 .dv1 span{position:relative;display:inline-block;font-size:72px;color:#191919;letter-spacing:-2.19px;font-weight:800;line-height:100px;}
    .mainVisual4 .dv1 .line:before{transform:scaleX(0);transform-origin:left bottom;transition:all .7s ease;display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:30px;background:#c3f4ff;}

    .mainVisual4 .bg1{display:none;}
    .mainVisual4 .bg2{position:absolute;transform: translateY(0);left:calc(50% - 600px);width:1200px;height:3100px;background-size:auto 4500px ;background-position:center -600px}
    .mainVisual4 .dv2{transform: translateY(0);padding-top:550px;position:static;height:auto;}
    .mainVisual4 .dv2 .inner{position:relative;width:100%;text-align:center;padding-bottom:900px;}
    .mainVisual4 .dv2 .img1,
    .mainVisual4 .dv2 .img2{transform:translateY(0);}
    .mainVisual4 .dv2 .img1{margin-top:0;background-image:url("../images/imgObj4.png")}
    .mainVisual4 .dv2 .img2{margin-top:50px;;margin-left:24px;background-image:url("../images/imgObj5.png")}
    .mainVisual4 .dv2 .txt-group{position:absolute;top:650px;left:32px;}
    .mainVisual4.active-txt .txt-group span{transition-delay:0s;}

    .mainVisual4.active1 .bg1{transform: translateY(0);}
    .mainVisual4.active1 .bg2{transform: translateY(0);}
    .mainVisual4.active1 .dv1{transform: translateY(0);}
    .mainVisual4.active1 .dv1 .inner{transform:scale(1);margin-top:0;transition:all .7s 0s ease;}
    .mainVisual4.active1 .dv1 .line:before{transform:scaleX(1);transition:all .7s .7s ease-in-out;}

    .mainVisual4.active3 .bg2{margin-top:-450px;}
    .mainVisual4.active3 .dv1{transform: translateY(0);}
    .mainVisual4.active3 .dv2{transform: translateY(0); opacity:1}
    .mainVisual4.active3 .dv2 .img1,
    .mainVisual4.active3 .dv2 .img2{transition-delay:0s;}

    .mainVisual4.active4 .bg2{transform: translateY(0);}
    .mainVisual4.active4 .dv2{transform: translateY(0);}
}
@media (max-width: 767px){
    .mainVisual4 .bg2{background:#fff url("../images/imgBg1_mo.png")center -10vh no-repeat}
    .mainVisual4 .dv1 span{font-size:42px;letter-spacing:-1.26px;line-height:60px;}
    .mainVisual4 .dv1 .line:before{height:15px;bottom:5px;}
    .mainVisual4 .dv2{padding-top:200px;}
    .mainVisual4 .dv2 .inner{padding-bottom:600px;}
    .mainVisual4 .dv2 .img1{display:block;margin:0 auto}
    .mainVisual4 .dv2 .img2{display:block;margin:35px auto 0}
    .mainVisual4 .dv2 .txt-group{top:1150px;width:100%;left:0;padding:0 20px;}
    .mainVisual4 .txt-group strong{font-size:36px;letter-spacing:-1.08px;line-height:50px;}
    .mainVisual4 .txt-group .t1{margin-top:20px;font-size:28px;letter-spacing:-0.84px;line-height:42px;}
    .mainVisual4 .txt-group .t2{margin-top:10px;font-size:18px;letter-spacing:-0.54px;line-height:28px;}
    .mainVisual4 .txt-group .t3{margin-top:20px;font-size:18px;letter-spacing:-0.54px;line-height:28px;}
    .mainVisual4 .txt-group .btn-ty1{margin-top:35px;}
    .mainVisual4 .txt-group .t2 + .t2,
    .mainVisual4 .txt-group .t3 + .t3{margin-top:0}

    .mainVisual4.active3 .bg2{margin-top:0;}
} */
.mainVisual5{position:relative;height:50vh;z-index:100;background:#fff;}
.mainVisual5 .pc{display:block;}
.mainVisual5 .ta{display:none;}
.mainVisual5 .inner{transform: translateY(100%);transition:all 1s ease;opacity:0;position:fixed;
    /* top:-100px; */
    top:0;
    left:0;width:100%;height:calc(100vh + 100px);display:flex;justify-content: center;align-items: center;text-align:center;}
.mainVisual5 .inner:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1))}
/* .mainVisual5 .inner:after{display:block;content:'';position:absolute;top:100px;left:0;width:100%;height:calc(100% - 100px);background:#fff;} */
.mainVisual5 .inner div{position:relative;z-index:100;}
.mainVisual5 ul{font-size:0;margin-top:100px;width:1200px;}
.mainVisual5 li{transition:all .4s ease-in-out;display:inline-block;vertical-align:top;width:180px;margin-top:20px;margin-right:75px;opacity:0}
.mainVisual5 li:nth-child(5n){margin-right:0;}
.mainVisual5 li img{width:100%;}
.mainVisual5.active1 .inner{transform: translateY(0); opacity:1}
.mainVisual5.active1 li{opacity:1;transition:all .6s 2.2s ease-in-out;}
.mainVisual5.active1 li:nth-child(3){transition:all .6s .8s ease-in-out;}
.mainVisual5.active1 li:nth-child(9){transition:all .6s 1s ease-in-out;}
.mainVisual5.active1 li:nth-child(7){transition:all .6s 1.2s ease-in-out;}
.mainVisual5.active1 li:nth-child(5){transition:all .6s 1.4s ease-in-out;}
.mainVisual5.active1 li:nth-child(1){transition:all .6s 1.6s ease-in-out;}
.mainVisual5.active1 li:nth-child(10){transition:all .6s 1.8s ease-in-out;}
@media(min-width: 1200px) and (max-height: 790px){
    .mainVisual5 .inner div{margin-top:60px;}
    .mainVisual5 .title-ty strong{height:50px;line-height:50px;}
    .mainVisual5 .title-ty strong span{font-size:36px;letter-spacing:-1.08px;line-height:50px;}
    .mainVisual5 ul{margin-top:40px}

}
@media (max-width: 1199px){
    .mainVisual5{height:auto;}
    .mainVisual5 .title-ty{white-space:nowrap;}
    .mainVisual5 .pc{display:none;}
    .mainVisual5 .ta{display:block;}
    .mainVisual5 .inner{transform: translateY(0);top:0;padding:50px 0 100px;opacity:1;position:relative;height:auto;}
    .mainVisual5.active-title .title-ty strong span{transition-delay:0s}
    .mainVisual5 .inner:before{top:-99px;}
    .mainVisual5 .inner:after{display:none;}
    .mainVisual5 ul{font-size:0;margin-top:100px;width:768px;}
    .mainVisual5 li:nth-child(5n){margin-right:75px;}
    .mainVisual5 li:nth-child(3n){margin-right:0;}
    .mainVisual5.active1 .inner{transform: translateY(0); opacity:1}
    .mainVisual5.active1 li{opacity:1;transition:all .4s 1.6s ease-in-out;}
    .mainVisual5.active1 li:nth-child(3){transition:all .4s .4s ease-in-out;}
    .mainVisual5.active1 li:nth-child(9){transition:all .4s .6s ease-in-out;}
    .mainVisual5.active1 li:nth-child(7){transition:all .4s .8s ease-in-out;}
    .mainVisual5.active1 li:nth-child(5){transition:all .4s 1s ease-in-out;}
    .mainVisual5.active1 li:nth-child(1){transition:all .4s 1.2s ease-in-out;}
    .mainVisual5.active1 li:nth-child(10){transition:all .4s 1.4s ease-in-out;}
}
@media (max-width: 767px){
    .mainVisual5{height:auto;}
    .mainVisual5 .title-ty strong{height:50px;line-height:50px;}
    .mainVisual5 .title-ty strong span{font-size:36px;letter-spacing:-1.08px;line-height:50px;}
    .mainVisual5 .inner{padding:50px 0 60px;}
    .mainVisual5 ul{width:310px;margin:40px auto 0;text-align:left;}
    .mainVisual5 li{width:144px;margin-top:15px;margin-right:22px;opacity:1}
    .mainVisual5 li:nth-child(5n){margin-right:22px;}
    .mainVisual5 li:nth-child(3n){margin-right:22px;}
    .mainVisual5 li:nth-child(2n){margin-right:0;}
}

/* **************************************** *
 * 팝업
 * **************************************** */
.laypop{z-index:9000;position: fixed;padding:50px 20px 20px;min-width:200px;min-height:200px;background:#fff;box-shadow:0 0 10px rgba(0,0,0, 0.1)}
.laypop .top{position:absolute;top:0;left:0;width:100%;height:50px;}
.laypop .right{text-align:right;}
.chk2{padding-left:34px;position: relative;display:inline-block; height:24px;line-height:24px;vertical-align: top;}
.chk2 input[type="checkbox"] + label{display:inline-block;height:24px;line-height:24px;font-size:16px;color:#666;font-weight:300;letter-spacing:-0.48px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.chk2 input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:0;left:0;border-radius:3px;width:24px;height:24px;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.chk2 input[type="checkbox"]:checked + label:before{border-color:#f0534c;background:#f0534c url("../images/check.png")0 0 no-repeat;background-size:contain; }
.laypop .right .chk2{margin-top:12px;}
.laypop .cont{max-width:800px;}
.laypop .btn-close{display:inline-block;width:50px;height:50px;background:url("../images/icon_close.png")center center no-repeat;background-size:20px auto;opacity:0.6}
.laypop .btn-close:hover{opacity:1;}
@media (max-width: 1199px) {
    .laypop{width:calc(100% - 100px);left:50px !important;top: 100px !important;}
    .laypop .cont{max-width:100%;}
    .laypop img{width: 100%;height: 100%;}
}
@media (max-width: 767px) {
    .laypop{width:calc(100% - 20px);left:10px !important;top: 100px !important;padding:50px 10px 10px;}
    .laypop img{width: 100%;height: 100%;}
}

.loading{position:fixed;top:calc(50vh - 43px);left:calc(50vw - 123px);width:246px;height:86px; z-index:7000;}
.loading:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url("../images/logoBlack.svg")center center no-repeat;background-size:246px 86px;opacity:0.12;transition:all .2s ease-in-out;}
.loading:after{display:block;content:'';animation: loading 3s linear infinite both;width:100%;height:0;position:absolute;bottom:0;left:0;background:url("../images/logoBlue.svg")0 100% no-repeat;background-size:246px 86px;transition:all .2s ease-in-out;}
.loading .bg{position:fixed;top:0;left:0;background:#fff;width:100%;height:100%;}

@keyframes loading {
    0% {height:0;background-position:0 100%;bottom:0;top:auto;}
    50% { height:100%;background-position:0 100%;bottom:0;top:auto;}
    51% { height:100%;background-position:0 0;bottom:auto;top:0;}
    100% { height:0;background-position:0 0;bottom:auto;top:0;}
}
/* **************************************** *
 * 영문
 * **************************************** */
.en *{font-family: 'pretendard', 'Montserrat',  dotum,  sans-serif;}

.en .gnb .depth1{font-weight:600}
.en .gnb .depth2{font-weight:500;}
.en .mainVisual1 .txt span{font-weight:600;}
.en .mainVisual1 .txt strong:before{bottom:5px;}
.en .mainVisual1 .ta{display:none;width:768px}
.en .mainVisual2 .txt span,
.en .mainVisual2 .txt2 span{font-weight:300;font-size:36px;height:60px;line-height:60px;letter-spacing:-1.08px;}
.en .mainVisual2 .txt .line span,
.en .mainVisual2 .txt2 .line span{font-weight:600;font-size:54px;height:90px;line-height:90px;letter-spacing:-1.62px;}
.en .mainVisual2 .inner .line:before{bottom:15px;}
.en .mainVisual3 .cont1 h2{font-weight:600;}
.en .mainVisual3 .cont1 a strong{font-size:66px; letter-spacing:-1.98px;font-weight:600;}
.en .mainVisual3.view1-move .cont1 a{padding:20px 0 20px 20px}
.en .mainVisual3.view1-move .cont1 a strong{font-size:22px;letter-spacing:-0.66px;}
.en .mainVisual3 .contGroup .bg div{font-weight:600;top:-50px;height:300px;text-align:left;}
.en .mainVisual3 .contGroup .bg div span{transition:top .4s 1.2s ease-in-out, opacity .2s 1.2s ease-in-out;}
.en .mainVisual3.view2 .cont2 .bg div span{top:300px;opacity:0;}
.en .mainVisual3.view3 .cont3 .bg div span{top:300px;opacity:0;}
.en .mainVisual3.view4 .cont4 .bg div span{top:300px;opacity:0;}
.en .mainVisual3 .contGroup .cont4 .bg div{font-size:70px;}
.en .mainVisual3 .contGroup .inner em{font-weight:600;}
.en .mainVisual3 .contGroup .inner strong{font-weight:600;line-height:68px;margin-top:20px;}
.en .mainVisual3 .contGroup .cont4 .inner strong{letter-spacing:-2.7px;font-size:53px;}
.en .mainVisual3 .contGroup .inner p.t1{font-weight:600;margin-top:15px;}
.en .mainVisual3 .contGroup .inner p.t2{font-size:20px;line-height:28px;letter-spacing:-0.6px;}
.en .mainVisual3 .contGroup .inner p.t3{font-size:20px;line-height:28px;letter-spacing:-0.6px;}
.en .mainVisual3 .btn-ty1 a{font-weight:400;}
.en .mainVisual4 .dv1 span{font-weight:600;line-height:90px;}
.en .mainVisual4 .dv1 .line:before{bottom:5px;}
.en .mainVisual4 .dv2 .ta{display:none;}
.en .txt-group strong{font-weight:600;line-height:64px;}
.en .txt-group .t1{margin-top:20px;font-weight:600;}
.en .txt-group .t2{font-weight:400;font-size:20px;line-height:28px;letter-spacing:-0.6px;}
.en .txt-group .t3{margin-top:20px;font-weight:300;font-size:20px;line-height:28px;letter-spacing:-0.6px;}
.en .txt-group .t3 + .t3{margin-top:0;}
.en .title-ty strong{height:64px;line-height:64px;}
.en .title-ty strong span{font-weight:600;line-height:64px;}
@media (max-width: 1800px){
    .en .mainVisual3 .contGroup .bg div{width:calc(100% - 900px);}
}
@media(min-width: 1200px) and (max-height: 790px){
    .en .mainVisual2 .pc{display:block;}
    .en .mainVisual2 .ta{display:none;}
    .en .mainVisual2 .mo{display:none;}
    .en .mainVisual2 .txt span,
    .en .mainVisual2 .txt2 span{font-size:32px;height:50px;line-height:50px;letter-spacing:-0.96px;}
    .en .mainVisual2 .txt .line span,
    .en .mainVisual2 .txt2 .line span{font-size:32px;height:50px;line-height:50px;letter-spacing:-0.96px;}
    .en .mainVisual2 .inner .line:before{bottom:5px;}
    .en .mainVisual3 .cont1 h2{font-size:24px;letter-spacing:-0.72px;}
    .en .mainVisual3 .cont1 p{font-size:16px;line-height:24px;letter-spacing:-0.48px; }
    .en .mainVisual3 .cont1 a{padding:25px 0;}
    .en .mainVisual3 .cont1 a strong{font-size:36px;letter-spacing:-1.08px;}
    .en .mainVisual3 .cont1 a div{margin-top:8px;font-size:16px;letter-spacing:-0.48px;}
    .en .mainVisual3 .contGroup .bg div{top:-28px;}
    .en .mainVisual3 .contGroup .inner strong{line-height:40px;margin-top:10px;white-space: normal;}
    .en .mainVisual3 .contGroup .inner p.t1{margin-top:10px;}
    .en .mainVisual3 .contGroup .inner p.t2,
    .en .mainVisual3 .contGroup .inner p.t3{font-size:14px;line-height:22px;letter-spacing:-0.42px;}
    .en .mainVisual3 .contGroup .cont4 .bg div{font-size:42px;}
    .en .mainVisual3 .contGroup .cont4 .inner strong{letter-spacing:-0.96px;font-size:32px;}
    .en .mainVisual4 .dv1 span{font-size:42px;letter-spacing:-1.26px;line-height:60px;}
    .en .mainVisual4 .dv1 .line:before{height:15px;bottom:3px;}
    .en .mainVisual4 .txt-group strong{font-size:32px;letter-spacing:-0.96px;line-height:42px;}
    .en .mainVisual4 .txt-group .t1{margin-top:15px;font-size:24px;letter-spacing:-0.72px;line-height:38px;}
    .en .mainVisual4 .txt-group .t2{margin-top:15px;font-size:18px;letter-spacing:-0.54px;line-height:28px;}
    .en .mainVisual4 .txt-group .t2 + .t2{margin-top:0;}
    .en .mainVisual4 .txt-group .t3{margin-top:15px;font-size:14px;letter-spacing:-0.42px;line-height:22px;}
    .en .mainVisual4 .txt-group .t3 + .t3{margin-top:0;}
    .en .mainVisual4 .txt-group .btn-ty1{margin-top:15px;}
    .en .mainVisual4 .txt-group .btn-ty1 a{height:48px;line-height:48px;font-size:13px;letter-spacing:-0.39px;}
    .en .mainVisual4 .dv2 .img1, .mainVisual4 .dv2 .img2{padding-top:330px;background-position:center -160px;}
    .en .mainVisual4 .dv2 .img1{margin-top:0;}
    .en .mainVisual5 .title-ty strong{height:50px;line-height:50px;}
    .en .mainVisual5 .title-ty strong span{font-size:36px;letter-spacing:-1.08px;line-height:44px;}
}
@media (max-width: 1199px){
    .en .mainVisual1 .pc{display:none;}
    .en .mainVisual1 .ta{display:block;}
    .en .mainVisual3 .contGroup .bg div{width:100%;}
    .en .mainVisual3 .contGroup .inner{width:100%}
    .en .mainVisual3 .contGroup .inner strong br,
    .en .mainVisual3 .contGroup .inner p br{display:none;}
    .en .mainVisual4 .dv2 .pc{display:none;}
    .en .mainVisual4 .dv2 .ta{display:block;}
    .en .mainVisual4 .dv2 .txt-group{width:100%;left:0;padding:0 32px;}
    .en .mainVisual5 .title-ty{width:650px;white-space:normal;margin:0 auto;}
    .en .mainVisual5 .title-ty strong{height:auto;}
}
@media (max-width: 767px){
    .en .mainVisual1 .txt span{line-height:42px;height:42px;}
    .en .mainVisual1 .txt strong:before{bottom:13px;}
    .en .mainVisual1 .ta{display:none;}
    .en .mainVisual2 .txt span,
    .en .mainVisual2 .txt2 span{font-size:20px;height:30px;line-height:30px;letter-spacing:-0.6px;}
    .en .mainVisual2 .txt .line span,
    .en .mainVisual2 .txt2 .line span{font-size:32px;height:42px;line-height:42px;letter-spacing:-0.96px;}
    .en .mainVisual2 .inner .line:before{bottom:5px;}
    .en .mainVisual3 .contGroup li:first-child{padding-top:350px;}
    .en .mainVisual3 .contGroup .bg div span{transition:all .6s 0s ease-in-out;}
    .en .mainVisual3 .contGroup .bg div{height:100px;top:-25px;}
    .en .mainVisual3 .contGroup .inner strong{line-height:40px;margin-top:10px;white-space: normal;}
    .en .mainVisual3 .contGroup .inner p.t1{margin-top:10px;}
    .en .mainVisual3 .contGroup .inner p.t2,
    .en .mainVisual3 .contGroup .inner p.t3{font-size:14px;line-height:22px;letter-spacing:-0.42px;}
    .en .mainVisual3 .contGroup .cont4 .bg div{font-size:42px;}
    .en .mainVisual3 .contGroup .cont4 .inner strong{letter-spacing:-0.96px;font-size:32px;}
    .en .mainVisual4 .dv1 span{font-size:36px;letter-spacing:-0.08px;line-height:44px; }
    .en .mainVisual4 .dv2 .txt-group{padding:0 20px;}
    .en .txt-group strong{line-height:32px;}
    .en .mainVisual4 .txt-group strong{margin-top:40px;font-size:32px;line-height:40px;letter-spacing:-1.28px;}
    .en .mainVisual4 .txt-group .t1{font-size:24px;line-height:30px;letter-spacing:-0.72px;}
    .en .mainVisual4 .txt-group .t2{font-size:18px;line-height:26px;letter-spacing:-0.54px;}
    .en .mainVisual4 .txt-group .t3{font-size:14px;line-height:22px;letter-spacing:-0.42px;}
    .en .mainVisual5 .title-ty{width:100%;padding:0 20px;}
    .en .mainVisual5 .title-ty strong span{line-height:44px;letter-spacing:-1.08px;}
}

.en .company1 .txtObj p{width:1080px;max-width:1080px;font-weight:600;line-height:56px;}
.en .company1 .txtObj span{transform:translateY(100%)}
.en .company1 .txtObj.n2 p,
.en .company1 .txtObj.n3 p{font-size:32px;line-height:52px;letter-spacing:-0.95px;}
.en .company2 .sub-title3.v1 strong.line{height:74px;}
.en .company2 .sub-title3.v1 strong{height:auto;}
.en .company2 .sub-title3.v1 strong span br{display:block;}
.en .company3 div.n2{width:370px;margin-left:90px;}
.en .company3 div.n2 p{width:250px;}
.en .company4 p{font-weight:600;line-height:58px;}
@media (max-width: 1199px){
    .en .company1 .txtObj div{padding:0 32px 70px !important;}
    .en .company1 .txtObj p{width:100%;line-height:56px;}
    .en .company1 .txtObj p + strong{margin-top:20px;}
    .en .company2 .sub-title3.v1 strong span br{display:none;}
    .en .company3 div.n2{width:100%;margin-left:0;}
    .en .company3 div.n2 p{width:calc(100% - 150px);}
    .en .company4 p{padding:0 32px;width:100%;}

}

@media (max-width: 767px){
    .en .company1 .txtObj div{padding:0 20px 60px !important;}
    .en .company1 .txtObj p{line-height:34px;}
    .en .company1 .txtObj p + strong{margin-top:30px;white-space:nowrap;}
    .en .company1 .txtObj.n2 p,
    .en .company1 .txtObj.n3 p{font-size:18px;line-height:28px;letter-spacing:-0.54px;}
    .en .company2 .sub-title3.v1 strong.line{height:40px;}
    .en .company4>div{white-space:normal;}
    .en .company4 p{line-height:34px;margin-top:10px;}
}
@media (max-height: 700px){
    .en .company1 .txtObj p + strong{margin-top:10px;}

}
.en .portfolio-title .sub-title strong{line-height:62px;height:62px;}
.en .portfolio-title .sub-title span{font-weight:600;line-height:62px;}
.en .portfolio-title .sub-title .line:before{bottom:10px;}
.en .list-ty li .cont>div{width:525px;}
.en .list-ty li:nth-child(2n) .cont>div{margin-right:0;}
.en .list-ty li .t1{font-weight:600;}
.en .list-ty li .t2{font-weight:600;margin-top:20px;line-height:82px;}
.en .list-ty li .t3{font-weight:600;line-height:34px;}
.en .list-ty li .t3 + .t4{margin-top:30px;}
.en .list-ty li .t4 strong{font-weight:600;}
.en .list-ty li .t4{line-height:34px;}
@media (max-width: 1199px) {
    .en .portfolio-title{padding:0 32px;}
    .en .list-ty li .cont>div{width:100%;}
    .en .list-ty li.view .t3 span br{display:none;}
}
@media (max-width: 767px) {
    .en .portfolio-title{padding:0 20px;}
    .en .portfolio-title .sub-title strong{line-height:34px;height:34px;}
    .en .portfolio-title .sub-title span{line-height:34px;}
    .en .portfolio-title .sub-title .line:before{bottom:0;}
    .en .list-ty li .t2{margin-top:10px;line-height:42px;}
    .en .list-ty li .t3{line-height:28px;}
    .en .list-ty li .t3 + .t4{margin-top:20px;}
    .en .list-ty li .t4{line-height:26px;}
    .list-ty li.view .t4 span br{display:none;}
}
.en .sub-title2 p{max-width:1200px;padding:0;}
.en .sub-title2 p span{font-weight:600;}
.en .list-ty2 .ul-ty li .cont strong{font-weight:600;}
.en .list-ty2 .ul-ty li .cont p{display:none;}
.en .list-ty2 .ul-ty li a[data-name="crewLeader"]{height:450px;}
.en .list-ty2 .ul-ty li a[data-name="crewStaffs"]{height:450px;}
.en .list-ty2 .ul-ty li a[data-name="crewAdvisory"]{height:478px;}
.en .list-ty2 .ul-ty li .cont em{white-space: normal;}
.en .list-ty2 .ul-ty li .cont strong{margin-top:15px;}

.en .company2 .cont li{padding-left:680px;_min-height:56px;}
.en .company2 .cont .wr{width:510px;}
.en .company2 .cont .wr p{font-weight:600;}
.en .company2 .cont .wr strong{right:-50px}
@media (max-width: 1199px){
    .en .company2 .cont li{padding-left:60vw;}
    .en .company2 .cont .wr{width:40vw;}
}
@media (max-width: 767px){
    .en .company2 .cont li{padding-left:82px;}
    .en .company2 .cont .wr{width:100%;}
    .en .company2 .cont .wr strong{right:auto;}
    .en .list-ty2 .ul-ty li a[data-name="crewLeader"]{height:auto;min-height:280px;}
    .en .list-ty2 .ul-ty li a[data-name="crewStaffs"]{height:auto;min-height:280px;}
    .en .list-ty2 .ul-ty li a[data-name="crewAdvisory"]{height:auto;min-height:280px;}
    .en .list-ty2 .ul-ty li .cont strong{margin-top:6px;white-space: normal;}

}
.b_culture{
    height: 250dvh;
}
/* 공통 css - 24.05.17 소개페이지수정 건 */
/* 기본적으로 모든 요소를 숨깁니다 */
.only-mobile, .only-tablet, .only-pc {display: none !important}
/* 모바일 기기 (0px ~ 767px) */
@media only screen and (max-width: 767px) {
    .only-mobile {
        display: block !important;
    }
}
/* 태블릿 기기 (768px ~ 1199px) */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .only-tablet {
        display: block !important;
    }
}
/* PC (1200px 이상) */
@media only screen and (min-width: 1200px) {
    .only-pc {
        display: block !important;
    }
}
.sec__1_img{
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}
.sec__1_img .img_item{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sec__1_img .img_item span{
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
}
.sec__1_img .img_item .item{
 width: 350px;
}
.sec__1_img .img_item .item img{
width: 100%;
height: 100%;
}
.sec2__list{
    padding: 30px 0 70px;
}
.sec__1_img.sec__2{
    display: none;
}
/* .sec2___company{
    padding: 200px ;
} */
.sub__title__2{
    margin: 0;
}
.crew-recruitment-title .sub__title__2 p{
    margin-top: 20px;
}
.crew-recruitment-title .sub__title__2 p span{
    font-size: 20px;
    line-height: 30px;
}
.modal__img_box{
max-width: calc(100dvh - 300px);
/* max-height: calc(100vh - 200px); */
width: 100%;
height: 100%;
}
.modal__img_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.popup_img.pop-business.on .pop-wrap{
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    transition:none
}
.popup_img .pop{
padding: 10px 50px;

}
.popup_img .pop-close{
    right: -40px;
    top: 3px;
    transition: none;
}
.popup_img .pop-close:before, .popup_img .pop-close:after{
    background-color: #fff;
}
.popup_img .pop-close:before, .popup_img .pop-close:after{

    transition: none;
}
.sec2__tabs ul li a{
    cursor: pointer;
}
.company__2{
    height: 130vh;
}
.b-culture2_mt{
    /* margin-top: 70px !important; */
    height: 135px;
}
@media (max-width: 767px){
    .company__2{height:200vh;}
    .sec2___company{
        padding: 0 10px;
    }
    .b-culture2_mt{
        height: auto;
    }
    .sub-title3.sub__title__2 p span{        font-size: 18px;
        letter-spacing: -0.72px;
        line-height: 40px; }
        .bep-now-cont.mt{
            margin-top: 35px !important;
        }
}

.bep-now-cont.mt{
    margin-top: 85px ;
}

/* 재생에너지 */
.sub.program_5  *,
.main.main__B *,
.en .main.main__B * {
    font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR",
        "Malgun Gothic", "맑은 고딕", "dotum", "돋움", -apple-system,
        BlinkMacSystemFont, system-ui, sans-serif;
    letter-spacing: -0.025em;
}
.main__02 *{
    font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR",
    "Malgun Gothic", "맑은 고딕", "dotum", "돋움", -apple-system,
    BlinkMacSystemFont, system-ui, sans-serif;
    letter-spacing: -0.025em;
}
.program_5 .videoObj img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.program_5 .txtObj .top-span{
    font-size: 40px;
    line-height: 140%;
    font-weight: 600;
    color: #F1F1F5;
}
.program_5 .txtObj .top-h1{
    font-size: 64px;
    font-weight: 700;
    line-height: 140%;
    color: #F1F1F5;
}
.program_5 .txtObj .top-p{
    font-size: 24px;
    line-height: 140%;
    font-weight: 400;
    margin-top: 24px;
    color: rgba(255, 255, 255, 0.8);
}
.program_5 .company2{
    padding: 160px 20px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.program_5 .section2 .sub-title3 span{
    font-size: 60px;
}
.program_5 .section2 .content_box{
    display: flex;
    max-width: 1680px;
    width: 100%;
    gap: 80px;
    align-items: center;
    text-align: left;
    margin: 0 auto;
}
.program_5 .section2 .content_box .img_box{
    max-width: 960px;
    width: 100%;
    aspect-ratio: 960/440;
    border-radius: 20px;
    overflow: hidden;
}
.program_5 .section2 .content_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.program_5 .section2 .content_box .text_box {
    max-width: 640px;
    width: 100%;
}
.program_5 .section2 .content_box .text_box span{
    color: #191919;
    font-size: 48px;
    font-weight: 700;
    line-height: 140%;
}.program_5 .section3 {
    padding: 80px 20px;
}
.program_5 .section3 .crew-recruitment-title .sub-title3 strong span{
    font-size: 60px;
    line-height: 150%;
    color: #191919;
    font-weight: 700;
}
.program_5 .section3 .crew-recruitment-title .sub-title3.sub__title__2 p{
    margin-top: 32px;
}
.program_5 .section3 .crew-recruitment-title .sub-title3.sub__title__2 span{
    color: #505050;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}
.program_5 .section3 .img_box{
    max-width: 1680px;
    width: 100%;border-radius: 20px;
    overflow: hidden;
    margin: 48px auto 0;
}
.program_5 .section3 .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.program_5 .section4{
    background-color: #fff;
    padding: 278px 20px;
    height: 100%;
    text-align: center;
}

.program_5 .section4 .sub-title3.v1 span{
color: #191919;
font-size: 60px;
line-height: 130%;
font-weight: 700;
}
.program_5 .section4 .sub-title3.v1 span b{
    color: #0CB9F1;
}
.program_5 .section4 .sub-title3.sub__title__2 span{
    padding: 32px 0 0;
    color: #505050;
    font-size: 24px;
    line-height: 140%;
    font-weight: 500;
}
.content_box.view strong span{transform:translateY(0);transition:all .4s ease;}
.content_box  strong span{  transform: translateY(124px);
    transition: all .7s ease-in-out;
    overflow: hidden;
    display: inline-block;}
.content_box  strong {
    height: 134px;position: relative;
    overflow: hidden;
    display: inline-block;
}
.company1_sigle{
    height: 100dvh;
}
.company1_sigle .txtObj span{
    transform: translateY(250px);
}
/* main */
.main__02 .section02 .cont1 .n1 span{
color: #191919;
font-size: 60px;
font-weight: 700;
line-height: 150%;
}

.main__02 .section02.mainVisual3.view1-move .cont1{
    max-width: 840px;
    width: 100%;
    margin-left: 120px;
}
.main__02 .section02.mainVisual3 .contGroup li{
    width: 50%;
    right: 0;
    left: auto;
}
.main__02 .section02.mainVisual3 .cont1>div{
    width: 100%;
}

/* .main__02 .section02.mainVisual3 .cont1>div.active {
    clip-path: inset(0 0 0 0);
    transition: clip-path .8s cubic-bezier(.17, .96, .75, 1)
} */

.main__02 .section02.mainVisual3 .contGroup li>div.b1{
    background: url("/resources/images/main_sec2_01.jpeg") no-repeat center center / cover;
    width: 100%;
    height: 100%;
}
.main__02 .section02.mainVisual3 .contGroup li>div.b2{
    background: url("/resources/images/main_sec2_02.jpeg") no-repeat center center / cover;
    width: 100%;
    height: 100%;
    }
.main__02 .section02.mainVisual3 .contGroup li>div.b3{
    background: url("/resources/images/main_sec2_03.jpeg") no-repeat center center / cover;
    width: 100%;
    height: 100%;
}
.main__02 .section02.mainVisual3 .contGroup li>div.b4{
    background: url("/resources/images/main_sec2_04.jpeg") no-repeat center center / cover;
    width: 100%;
    height: 100%;
}
.main__02 .section02.mainVisual3 .contGroup li>div.b5{
    background: url("/resources/images/main_sec2_05.jpeg") no-repeat center center / cover;
    width: 100%;
    height: 100%;
}
.main__02 .section02.mainVisual3 .cont1 button{
    background: #fff;
    border: 1px solid #E5E5EC;
    color: #191919;
    border-radius: 800px;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 40px;
}
.main__02 .section02.mainVisual3 .contGroup li>div .text_box{
    width: 100%;
    height: 100%;
padding:102px 80px ;
display: flex;
flex-direction: column;
justify-content: end;
float: right;
text-align: left;
}
.main__02 .section02.mainVisual3 .contGroup li>div h1{
    color: #fff;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
}
.main__02 .section02.mainVisual3 .contGroup li>div span{
    color: #fff;
    font-size: 24px;
    line-height: 140%;
    margin-top: 20px;
}
.main__02 .section03{
    position: relative;
    width: 100%;
    padding: 125px 20px;
    background: #fff;
    text-align: center;
    z-index: 100;
}
.main__02 .section03 .bg{
    background-color: #fff;
}
.main__02 .section03 .inner{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    background: #fff;
    padding: 0;
}
.main__02 .section03 .title{
    display: flex;
    justify-content: space-between;
    align-items: end;
    max-width: 1680px;
    text-align: left;
    width: 100%;
}
.main__02 .section03 .title span{
    color:#191919;
    font-size: 60px;
    line-height: 150%;
    font-weight: 700;

}
.main__02 .section03 .sec3_btn{
    border: 1px solid #E5E5EC;
    color: #fff;
    border-radius: 800px;
    color:#191919;
    font-size: 16px;
    line-height: 140%;
    height: 48px;
    line-height: 48px;
    max-width: 156px;
    width: 100%;
    background: #fff;
    font-weight: 700;
}.main__02 .section03 .portSwiper{
    margin-top: 56px;
    max-width: 1680px;
    width: 100%;
}
.main__02 .section03 .portSwiper .swiper-slide .img_box{
    max-width: 600px;
    width: 100%;
    aspect-ratio: 600/400;
    border-radius: 24px;
    overflow: hidden;
}
.main__02 .section03 .portSwiper .swiper-slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main__02 .section03 .portSwiper .swiper-slide .text_box {
    margin-top: 20px;
    text-align: left;
}
.main__02 .section03 .portSwiper .swiper-slide .text_box span{
    color: #0CB9F1;
    font-size: 18px;
    line-height: 100%;
}
.main__02 .section03 .portSwiper .swiper-slide .text_box h1{
    color: #191919;
    font-size: 36px;
    line-height: 100%;
    font-weight: 700;
    margin-top: 20px;
}
.main__02 .section03 .portSwiper .swiper-slide .text_box p{
    color: #505050;
    font-size: 18px;
    line-height: 140%;
    margin-top: 16px;
}
.main__02 .section03 .portSwiper .swiper-scrollbar{
max-width: 1680px;
width: 100%;
position: static;
margin-top: 56px;
background: #E5E5EC;
height: 2px;
}
.main__02 .section03 .portSwiper .swiper-scrollbar-drag{
    background: #191919;
}
.main__02 .main_text_box
{
    display: flex;
        justify-content: center;
        align-items: end;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100dvh - 120px);
        text-align: left;
        transition: all .6s ease-in-out;


}.main__02 .main_text_box > div{
    max-width: 1720px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: start;

}
.main__02 .main_text_box > div p{
 color: #F1F1F5;
 font-size: 64px;
 font-weight: 700;
}

.main__02 .section04{
    position: relative;
    width: 100%;
    padding: 120px 20px;
    background: #fff;
    text-align: center;
    z-index: 100;
    height: 100dvh;
    display: flex;
    align-items: center;
}
.main__02 .section04 .inner{
    /* max-width: 1680px; */
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 56px;
    background: #fff;
}
.main__02 .section04 .inner .left_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: start;
    text-align: left;
}
.main__02 .section04 .inner .left_box h1{
    color: #191919;
    font-size: 60px;
    line-height: 160%;
    font-weight: 700;
}
.main__02 .section04 .inner .left_box button{
    color: #191919;
    background: #fff;
    border: 1px solid #E5E5EC;
    border-radius: 800px;
    padding: 13px 29px;
    font-size: 16px;
    font-weight: 700;
}
.main__02 .section04 .inner .right_box{
    display: flex;
    flex-direction: column;
    gap: 80px;
    text-align: left;
    padding-left: 80px;
    max-width: 656px;
    width: 100%;
}
.main__02 .section04 .inner .right_box span{
color: #0CB9F1;
font-weight: 700;
font-size: 32px;
line-height: 140%;
}
.main__02 .section04 .inner .right_box .text_box{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.main__02 .section04 .inner .right_box p{
    color: #191919;
    font-size: 24px;
    line-height: 140%;
    font-weight: 500;
}

.main__02 .section05{
    position: relative;
    width: 100%;
    padding: 0 20px;
    background: #fff;
    text-align: center;
    z-index: 100;
    height: 100dvh;
    display: flex;
    align-items: center;

}
.main__02 .section05 .inner{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 68px;
    align-items: center;
    background: #fff;
}
.main__02 .section05 .inner .text_box{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.main__02 .section05 .inner .text_box h1{
    color: #191919;
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
}
.main__02 .section05 .inner .text_box p{
    color: #505050;
    line-height: 140%;
    font-size: 24px;
    font-weight: 500;
}
.main__02 .section05 .inner .item_box{
    display: flex;
    gap: 20px;
    max-width: 1680px;
    width: 100%;
}
.main__02 .section05 .inner .item_box .item{
    border-radius: 24px;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 546.67/536;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 56px 48px;
    gap: 12px;
    text-align: left;
    overflow: hidden;
}
.main__02 .section05 .inner .item_box .item h2{
    color: #fff;
    font-size: 36px;
    line-height: 140%;
    font-weight: 700;
}
.main__02 .section05 .inner .item_box .item  p{
    color: #fff;
    font-size: 24px;
    line-height: 160%;
}
.main__02 .section05 .inner .item_box .item.i1{
    background: url("/resources/images/main_item_01.png?v=1") no-repeat center center / cover;
}.main__02 .section05 .inner .item_box .item.i2{
    background: url("/resources/images/main_item_02.png?v=1") no-repeat center center / cover;
}.main__02 .section05 .inner .item_box .item.i3{
    background: url("/resources/images/main_item_03.png?v=1") no-repeat center center / cover;
}
@media (max-width: 767px){
    .program_5 .txtObj .top-span{
        font-size: 18px;
    }
    .program_5 .txtObj .top-h1{
        font-size: 32px;
        margin-top: 8px;
    }
    .program_5 .txtObj .top-p{
        font-size: 16px;
        margin-top: 16px;
        letter-spacing: -0.03em;
    }
    .program_5 .company2{
        padding: 62px 20px;
        gap: 40px;
    }
    .program_5 .section2 .sub-title3 span{
        font-size: 30px;
    }
    .program_5 .section2 .content_box{
        flex-direction: column;
        gap:20px
    }
    .program_5 .section2 .content_box .text_box span{
        font-size: 22px;
    }
    .program_5 .section2 .content_box.n4 .text_box{
order: 2;
    }
    .program_5 .section2 .content_box.n4 .img_box{
        order:1;
    }
    .content_box strong{
        height: 62px;
    }
    .content_box strong span {
        transform: translateY(65px);
    }
    .program_5 .section3{
        padding:56px 20px;
    }
    .program_5 .section3 .crew-recruitment-title .sub-title3 strong span{
        font-size: 30px;
    }
    .program_5 .section3 .crew-recruitment-title .sub-title3.sub__title__2 p{
        margin-top: 20px;
    }
    .program_5 .section3 .crew-recruitment-title .sub-title3.sub__title__2 span{
        font-size: 16px;
        letter-spacing: -0.05em;
    }
    .program_5 .section3 .img_box{
        margin: 40px 0 0;
        aspect-ratio: 320/148;
    }
    .program_5 .section3 .img_box img{
        content: url(/resources/images/program5_sec3_mo.jpeg?v=1);
    }
    .program_5 .section4{
        padding: 140px 20px;
    }
    .program_5 .section4 .sub-title3.v1 span{
        font-size: 30px;
    }
    .program_5 .section4 .sub-title3.sub__title__2 span{
        padding: 20px 0 0;
        font-size: 16px;
    }
    .program_5 .section4 .sub-title3.sub__title__2 p{
        margin-top: 0;
    }
    .main__02 .main_text_box > div p{
        font-size: 24px;
    }

    .main__02 .section03 .title span{
        font-size: 24px;
    }
    .main__02 .section02 .cont1 .n1 span{
        font-size: 24px;
    }
    .mainVisual2 .inner span{
        height: auto;
    }
    .main__02 .section03 .portSwiper{
        margin-top: 24px;
    }
    .main__02 .section03 .portSwiper .swiper-slide .img_box{
        height: 200px;
    }
    .main__02 .section04 .inner{
        position: static;
    }
    /* .mainVisual3 .contGroup{
        display: none;
    } */
    .main__02 .section04{
        height: 100%;
    }
    .mainVisual2{
        height: 100%;
    }
    .mainVisual2 .inner{
        transform: translateY(0);
        opacity: 1;
        position: static;
        height: 100%;
    }
    .main__02 .section03 .sec3_btn{
        z-index: 200;
    }
    .main__02 .section03 .portSwiper .swiper-scrollbar{
        margin-top: 32px;
    }
    .main__02 .section03 .portSwiper .swiper-slide .text_box{
        margin-top: 16px;
    }
    .main__02 .section03 .portSwiper .swiper-slide .text_box span{
        font-size: 16px;
    }
    .main__02 .section03 .portSwiper .swiper-slide .text_box h1{
        font-size: 22px;
        margin-top: 8px;
    }
    .main__02 .section03 .portSwiper .swiper-slide .text_box p{
        font-size: 16px;
        margin-top: 8px;
    }
    .mainVisual2 .inner > .swiper-wrapper,
    .mainVisual2 .inner .swiper-slide{
        height: auto;
    }
    .main__02 .section03 .portSwiper{
        max-height: 303px;
    }
    .main__02 .section03 .sec3_btn{
        margin-top: 64px !important;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        width: 140px;
    }
    .main__02 .section04{
        padding: 80px 20px;
    }
    .main__02 .section04 .inner .left_box h1{
        font-size: 24px;
    }
    .main__02 .section04 .inner .left_box{
        gap: 24px;
    }
    .main__02 .section04 .inner .right_box{
        padding-left: 0;
    }
    .main__02 .section04 .inner .right_box span{
        font-size: 22px;
    }
    .main__02 .section04 .inner .right_box p{
        font-size: 18px;
    }
    .main__02 .section04 .inner .right_box .text_box{
        gap:8px;
    }
    .main__02 .section05 .inner .text_box h1{
        font-size: 24px;
    }
    .main__02 .section05 .inner .text_box p{
        font-size: 16px;
    }
    .main__02 .section05 .inner .text_box{
        gap: 16px;
    }
    .main__02 .section05 .inner{
        gap: 40px;
    }
    .main__02 .section05 .inner .item_box{
        flex-wrap: wrap;
    }
    .main__02 .section05 .inner .item_box .item{
        gap: 8px;
    }
    .mainVisual5 .inner{
        padding: 80px 0;
    }
    .main__02 .section03{
        padding: 80px 20px;
    }
    .mainVisual3 .cont1 li{
        width: 100%;
    }
}
@media (max-width: 1199px) {
    .mainVisual2{
        height: 100%;
    }
    .mainVisual2 .inner{
        transform: translateY(0);
        opacity: 1;
        position: static;
        height: 100%;
    }
    .mainVisual4 .inner{
        position: static;
    }
    .main__02 .section03 .portSwiper .swiper-slide .img_box{
        max-width: 100%;
    }
    .mainVisual4 .inner{
        transform: translateY(0);
    }.main__02 .section03 .inner{
        height: 100%;
    }
    .main__02 .section03 .sec3_btn{
        z-index: 200;
        margin-top: 32px;
    }
    .mainVisual3 .contGroup{
        display: none;
    }
    .mainVisual3 .cont1>div{
        padding: 0 20px;
    }
    .mainVisual3 .cont1{
        position: static;
    }
    .mainVisual4 .inner .cont{
        flex-wrap: wrap;
    }
    .main__02 .section04{
        height: 100%;
    }
    .main__02 .section05{
        height: 100%;
    }
    .main__02 .section05 .inner .item_box .item h2{
        font-size: 22px;
    }
    .main__02 .section05 .inner .item_box .item p{
        font-size: 16px;
    }
    .main__02 .section05 .inner .item_box .item{
        padding: 32px 24px;
    }
    .mainVisual5 .inner:before{
        content: none;
    }
    .en_program5 .sub-title3 strong{
        line-height: 30px;
    }

.crew-recruitment-title .sub__title__2 p span{
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.54px;
}
}

/* Select */
.nice-select.select-primary {
    height: 48px;
    line-height: 48px;
    float: none;
    display: inline-block;
    border-radius: 800px;
}

.nice-select.select-primary .list {
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
    z-index: 1000;
    border-radius: 20px;
    top: calc(100% + 8px);
    box-shadow: 0 0 20px rgb(0, 0, 0,0.15);
    padding: 16px 0;
}

.nice-select.select-primary:active,
.nice-select.select-primary.open,
.nice-select.select-primary:focus {
    border-color: #E5E5EC;
}

.nice-select.select-primary .option {
    border-bottom: none;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 500;
    color: #191919;
    font-family: "Pretendard", sans-serif;
}

.nice-select.select-primary .option:last-child {
    border-bottom: none;
}

.nice-select.select-primary .option.selected {
    font-weight: normal;
}

.nice-select.select-primary span.current {
    font-size: 16px;
    font-weight: 700;
    font-family: "Pretendard", sans-serif;
}

.nice-select.select-primary .option.focus,
.nice-select.select-primary .option.selected.focus,
.nice-select.select-primary .option:hover {
    background-color: #ECF9FE;
    color: #08B8F1;
    font-weight: 700;
}

.nice-select.select-primary:after {
    border-bottom: none;
    border-right: none;
    display: inline-block;
    width: 12px;
    height: 7px;
    background: url(../images/icon_select_arrow.svg) no-repeat center center / contain;
    transform: translateY(-50%) rotate(0deg);
    margin-top: 0;
    right: 16px;
}

.nice-select.select-primary.open:after {
    transform: translateY(-50%);
}

/* #### Crew #### */
.crew_title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 52px;
    overflow: hidden;
}

.crew_title h1 {
    display: inline-block;
    font-size: 54px;
    font-weight: 700;
    font-family: "Pretendard", sans-serif;
    position: relative;
    transform: translateY(100px)
}

.crew_title h1:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 28px;
    background-color: #ACF0FF;
    z-index: -1;
    transition: all .4s .8s;
}

.view .crew_title h1 {
    transform: translateY(0);
    transition: all .4s .4s ease
}

.view .crew_title h1:before {
    width: 100%;
}

.crew__sort {
    display: flex;
    justify-content: flex-end;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 56px;
}

.crew__sort .select-primary {
    width: 100%;
    max-width: 360px;
    opacity: 0;
    transition: all .4s .4s ease
}

.view .crew__sort .select-primary {
    opacity: 1;
}

.crew__list {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    /* justify-content: center; */
    align-items: flex-start;
    gap: 33.33px;
    padding: 0 20px;
    flex-wrap: wrap;
    transform: translateY(100px);
    transition: all .4s ease;
    opacity: 0.5;
}

.view .crew__list {
    transform: translateY(0);
    opacity: 1;
    transition: opacity .4s ease, transform .8s ease;
}

.crew__list .crew__item {
    width: calc(25% - 33px);
    flex: 1;
    min-width: 275px;
    max-width: calc(25% - 33px);
    position: relative;
}

.crew__list .crew__item > a { 
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #191919;
}

.crew__item .crew__thum {
    width: 100%;
    /* aspect-ratio: 1 / 1; */
    height: 300px;
    overflow: hidden;
    position: relative;
}

.crew__item .crew__thum img {
    width: 100%;
    height: 100%; 
    transition: 0.35s;
    object-fit: cover;
}

.crew__item .crew__thum:hover img {
    transform: scale(1.1);
}

.crew__item.item--crew .crew__thum:hover img {
    transform: scale(1);
}

.crew__item .crew__info {
    padding: 20px 0;
    position: relative;
}

.crew__item .crew__name {
    margin-bottom: 8px;
}

.crew__item .crew__name h2 {
    font-size: 26px;
    font-weight: 800;
    line-height: 1.4;
    padding-right: 50px;
}

.en .crew__item .crew__name h2 {
    font-size: 24px;
}

.crew__item .crew__position p {
    font-size: 18px;
    line-height: 1.4;
    color: #999999;
    font-weight: 400;
    margin-bottom: 2px;
    word-break: break-all;
}

.en .crew__item .crew__position p {
    font-size: 15px;
}

.crew__item .crew__position p:last-of-type {
    margin-bottom: 0px;
}

.crew__item .btn_go {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    right: 12px;
    padding: 0;
    background: url(../images/btn_go.svg) no-repeat center center / contain;
}

.crew__item .hover-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.crew__item .hover-cont:before {
    transform: scaleX(0);
    opacity: 0;
    transform-origin: left top;
    transition: all .4s ease-in-out;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6)
}

.crew__item .hover-cont div {
    opacity: 0;
    transition: all .4s ease-in-out;
    position: relative;
    width: 100%;
    padding: 0 30px;
    text-align: center;
}

.crew__item .hover-cont strong {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.75px;
    line-height: 33px;
    text-align: center;
    word-break: keep-all;
}

.crew__item .hover-cont p {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.44px;
    line-height: 20px;
    text-align: center;
}

.crew__item .hover-cont strong+p {
    margin-top: 10px;
}

.crew__item.item--crew:hover .hover-cont:before {
    transform: scaleX(1);
    opacity: 1;
}

.crew__item.item--crew:hover .hover-cont div {
    opacity: 1;
    transition: all .4s .3s ease-in-out;
}

@media screen and (min-width: 1024px) and (max-width:1240px) {
    .crew__list .crew__item {
        width: calc((100% / 3) - 10px);
        /* max-width: 275px; */
        max-width: calc((100% / 3) - 10px);
    }
}

@media screen and (min-width: 768px) and (max-width:950px) {
    .crew__list .crew__item {
        width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        min-width: 346px;
    }
}

@media screen and (max-width:767px) {
    .nice-select.select-primary .list {
        padding: 8px 0;
    }

    .nice-select.select-primary .option {
        font-size: 14px;
    }

    .nice-select.select-primary span.current {
        font-size: 14px;
    }

    .crew_title {
        margin-bottom: 0px;
    }

    .crew_title h1 {
        font-size: 32px;
    }

    .crew_title h1:before {
        height: 14px;
    }

    .crew__sort {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .crew__sort .select-primary {
        max-width: 100%;
    }

    .crew__list {
        gap: 20px;
        margin-top: 40px;
    }

    .crew__list .crew__item {
        min-width: calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .crew__item .crew__thum {
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .crew__item .crew__info {
        padding: 12px 0px;
    }

    .crew__item .crew__name {
        margin-bottom: 4px;
    }

    .crew__item .crew__name h2 {
        font-size: 16px;
    }

    .crew__item.item--en .crew__name h2 {
        font-size: 16px;
    }
    .en .crew__item .crew__name h2 {
        font-size: 14px;
    }

    .crew__item .crew__position p {
        font-size: 11px;
    }

    /* .crew__item.item--en .crew__position p {
        font-size: 9px;
    } */
    .en .crew__item .crew__position p {
        font-size: 11px;
    }

    .crew__item .btn_go {
        top: 12px;
        right: 10px;
        width: 24px;
        height: 24px;
    }

    .crew__item .hover-cont div {
        padding: 0 16px;
    }
}

.company3__inner {width:1200px}
.company3 .sec_title {display:block; font-weight:600; font-size:24px; line-height:40px}
.company3 .sec_content {vertical-align: top; font-weight: 300; font-size: 22px; line-height: 40px; color: #191919;}
.company3 * {font-size:22px !important; color:#191919}
.company3__left {width:800px; float:left; position:relative}
.company3__left .sec_content {}
.company3__left .sec_title {position:absolute; left:-140px; width:150px; display:inline-block}
.company3__left .sub_title {font-weight:600; font-size:24px; line-height:40px}
.company3__left .sub_title + p {display:block}
.sec_content div + div  {margin-top:30px}
.company3 .company3__right .sec_title {margin-left:10px; width:150px; display:inline-block;}
.company3__right  {float:left; width:calc(100% - 800px)}
@media(max-width: 1200px){
    .company3__left {width:inherit}
    .company3__left .sec_title {left:0}
    .company3__inner {width:inherit; padding:20px}
    .company3__left .sec_title {position:inherit}
    .company3__left .sub_title {width:100%}
    .company3__right {width:inherit; margin-top:20px}
}
