[data-ani="slideUp"] {opacity: 0;transform: translate3d(0, 30px, 0);transition: opacity .55s linear, transform .55s ease-in-out}
[data-ani="slideUp"].aniOn {opacity: 1;transform: translate3d(0, 0, 0)}
[data-ani="slideUp"].aniReverse {opacity: 0;transform: translate3d(0, -30px, 0)}
[data-ani="ajaxSlideUp"] {opacity: 0;transform: translate3d(0, 30px, 0);transition: opacity .55s linear, transform .55s ease-in-out}
[data-ani="ajaxSlideUp"].aniOn {opacity: 1;transform: translate3d(0, 0, 0)}
[data-ani="ajaxSlideUp"].aniReverse {opacity: 0;transform: translate3d(0, -30px, 0)}
[data-ani="slideDown"] {opacity: 0;transform: translate3d(0, -40px, 0);transition: opacity .55s linear, transform .55s ease-in-out}
[data-ani="slideDown"].aniOn {opacity: 1;transform: translate3d(0, 0, 0)}
[data-ani="slideDown"].aniOn.aniReverse {opacity: 0;transform: translate3d(0, -40px, 0)}
[data-ani="slideDown"].aniReverse {opacity: 1;transform: translate3d(0, 0, 0)}
[data-ani="scaleDown"] {transform: scale(1.1)}
[data-ani="fadeIn"] {opacity: 0;transition: opacity .55s linear}
[data-ani="fadeIn"].aniOn {opacity: 1}
[data-ani="fadeIn"].aniReverse {opacity: 0}
[data-ani="fadeOut"] {transition: opacity .55s linear}
[data-ani="fadeOut"].aniOn {opacity: 0}
[data-ani="fadeOut"].aniReverse {opacity: 1}
[data-ani="lineSet"]:after {opacity: 0;width: 0;transition: width .55s linear, transform .55s ease-in-out;}
[data-ani="lineSet"].aniOn:after {opacity: 1;width: 100%;}


#loading_spinner{display: none;position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0, 0, 0, .8);}
.cv_spinner{height: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: stretch;justify-content: center;align-items: baseline;position: relative;align-items: center;}
.spinner {width: 100px;height: 100px;border: 15px #ddd solid;border-top: 15px #2e93e6 solid;border-radius: 50%;animation: sp-anime 0.8s infinite linear;}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}


/* Slider */
.slick-slider{display: block;box-sizing: border-box;}
.slick-list{display: block;overflow: hidden;margin: 0;padding: 0;width: 100%;height: 100%;}
.slick-track{display: block;}
.slick-slide{display: none;float: left;min-height: 1px;}
.slick-initialized .slick-slide{display: block;}

.boxSize{width: 1160px;margin-inline: auto;}


header{position: fixed;left: 0;top: 0;width: 100%;background: #112255;z-index: 9;}
header>div{display: flex;align-items: center;justify-content: space-between;height: 80px;}
header>div ul{display: flex;}
header>div ul li{margin-left: 32px;}
header>div ul li a{font-size: 25px;position: relative;color: white;padding: 0 5px;font-weight: 300;font-family: var(--pretendard-font-family);}
header>div ul li a:hover,
header>div ul li.on a{color: #FF8800;}

footer{background: #FF8800;padding: 50px 0;position: relative;z-index: 2;}
footer>div{display: flex;align-items: center;justify-content: space-between;}
footer p{font-family: var(--notoSans-font-family);font-size: 15px;font-weight: 300;margin-top: 8px;}
footer>div>div:nth-child(1)>div:nth-child(1){margin-bottom: 20px;}
footer>div>div:nth-child(1)>div:nth-child(2){display: flex;}
footer>div>div:nth-child(1)>div:nth-child(2)>div{margin-right: 30px;}
footer>div>div:nth-child(2) h2{font-family: var(--pretendard-font-family);font-size: 42px;font-weight: 700;margin-bottom: 30px;}
footer>div>div:nth-child(2) ul{display: flex;align-items: center;justify-content: space-between;padding: 27px 24px;border-block: 1px solid white;width: 474px;}

body,main,article{background: #112255;}
main{padding-top: 80px;}
main section{padding: 50px 0;}
main .hiddenArea{display: block;height: 200px;width: 100%;background: rgba(17, 34, 85, 0.99);}

main .main_vi{width: 100%;max-width: 1920px;margin-inline: auto;position: relative;padding: 0;}
/* main .main_vi.on{position: fixed;left: 50%;top: 0;transform: translateX(-50%);} */
/* main .main_vi.on span{position: fixed;left: 0;top: 0;display: block;width: 100%;height: 100%;background: black;opacity: 0;} */
main .main_vi .visualImg img{width: 100%;}

main .main_vi .slisck_btnarea{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: space-between;padding: 0 30px;}
main .main_vi .slisck_btnarea a{display: block;width: 60px;height: 60px;}
main .main_vi .slisck_btnarea .sl_left{background: url(../images/arrowLeft.svg);background-size: cover;}
main .main_vi .slisck_btnarea .sl_right{background: url(../images/arrowRight.svg);background-size: cover;}
main .main_vi .slisck_btnarea .sl_left:hover{background: url(../images/arrowLeft_hover.png);background-size: cover;}
main .main_vi .slisck_btnarea .sl_right:hover{background: url(../images/arrowRight_hover.png);background-size: cover;}

main .main_vi .slick-dots{display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;bottom: 60px;transform: translateX(-50%);}
main .main_vi .slick-dots button{font-size: 0;display: block;width: 12px;height: 12px;border-radius: 100%;margin: 0 16px;transition: .1s;background: #D9D9D9;}
main .main_vi .slick-dots .slick-active button{border: 2px solid rgba(217, 217, 217, 1);background: transparent;}
main .main_vi + article{position: relative;z-index: 2;}
main section .tit{position: relative;margin-bottom: 40px;}
main section .tit::after{content: '';display: block;height: 1px;background: white;position: absolute;left: 0;top: 12px;}
main section .tit h1{font-family: var(--notoSans-font-family);font-weight: 600;font-size: 80px;background: #112255;width: fit-content;position: relative;z-index: 1;padding-right: 20px;line-height: 1;}

main section .des b,
main section .des p{font-family: var(--pretendard-font-family);margin-bottom: 30px;display: block;}
main section .des b{font-size: 35px;font-weight: 700;}
main section .des p{font-size: 25px;font-weight: 350;}
main section .des p:has(+ p){margin-bottom: 20px;}

main section .imgArea{text-align: center;position: relative;}

main section .con.building .imgArea{border: 10px solid white;position: relative;}
main section .con.building .imgArea::before{content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, .45);position: absolute;left: 0;top: 0;}
main section .con.building .imgArea>div{position: absolute;left: 55px;top: 55px;border-left: 1px solid white;padding-left: 20px;}
main section .con.building .imgArea>div p{text-align: left;font-family: var(--pretendard-font-family);}
main section .con.building .imgArea>div p:nth-of-type(1){font-size: 33px;font-weight: 400;letter-spacing: 0.09em;margin: 6px 0;}
main section .con.building .imgArea>div p:nth-of-type(2){font-size: 25px;font-weight: 300;letter-spacing: 0.1em;}

main section .con.contentsList>ul>li{display: flex;border-bottom: 1px solid white;padding: 30px 0;}
main section .con.contentsList>ul>li:first-child{padding-top: 10px;}
main section .con.contentsList>ul>li:last-child{border-bottom: none;}
main section .con.contentsList>ul>li>div:nth-child(1){width: 720px;flex-shrink: 0;margin-right: 16px;background: white;position: relative;}

main .subCommonSlider .slisck_btnarea{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
main .subCommonSlider .slisck_btnarea a{display: block;width: 50px;height: 50px;}
main .subCommonSlider .slisck_btnarea .sl_left1{background: url(../images/arrowLeft.svg);background-size: cover;}
main .subCommonSlider .slisck_btnarea .sl_right1{background: url(../images/arrowRight.svg);background-size: cover;}
main .subCommonSlider .slisck_btnarea .sl_left1:hover{background: url(../images/arrowLeft_hover.png);background-size: cover;}
main .subCommonSlider .slisck_btnarea .sl_right1:hover{background: url(../images/arrowRight_hover.png);background-size: cover;}
main .subCommonSlider .slick-dots{display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);}
main .subCommonSlider .slick-dots button{font-size: 0;display: block;width: 10px;height: 10px;border-radius: 100%;margin: 0 8px;transition: .1s;background: #D9D9D9;}
main .subCommonSlider .slick-dots .slick-active button{border: 2px solid rgba(217, 217, 217, 1);background: transparent;}
main .subCommonSlider.TBD::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(17, 34, 85, 0.8);}
main .subCommonSlider.TBD::after{content: 'TBD';font-family: var(--nanumSquareNeo-font-family);font-size: 300px;font-weight: 800;position: absolute;z-index: 2;left: 50%;top: 50%;color: rgba(255, 255, 255, 0.4);transform: translate(-50%,-50%);}

main section .con.contentsList>ul>li>div:nth-child(2){width: 100%;}
main section .con.contentsList>ul>li>div:nth-child(2) h2,
main section .con.contentsList>ul>li>div:nth-child(2) p{font-family: var(--nanumSquareNeo-font-family);}
main section .con.contentsList>ul>li>div:nth-child(2)>h2{font-size: 40px;font-weight: 800;padding-bottom: 20px;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.1);text-align: right;}
main section .con.contentsList>ul>li>div:nth-child(2)>div{padding: 20px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
main section .con.contentsList>ul>li>div:nth-child(2)>div:nth-of-type(1) p{font-size: 20px;font-weight: 700;}
main section .con.contentsList>ul>li>div:nth-child(2)>div:nth-of-type(1)>div{margin-top: 20px;display: flex;}
main section .con.contentsList>ul>li>div:nth-child(2)>div:nth-of-type(1)>div p:nth-child(1){margin-right: 30px;}
main section .con.contentsList>ul>li>div:nth-child(2)>div:nth-of-type(2) p{font-size: 18px;font-weight: 350;height: 124px;line-height: 30px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;}
main section .con.contentsList>ul>li>div:nth-child(2)>ul{display: flex;padding-top: 20px;justify-content: flex-end;}
main section .con.contentsList>ul>li>div:nth-child(2)>ul li{margin: 0 8px;}
main section .con.contentsList>ul>li>div:nth-child(2)>ul li:first-child{margin-left: 0;}
main section .con.contentsList>ul>li>div:nth-child(2)>ul li:last-child{margin-right: 0;}
main section .con.contentsList>ul>li>div:nth-child(2)>ul li a.TBD{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;font-size: 12px;font-weight: 700;font-family: var(--nanumSquareNeo-font-family);background: url(../images/linebox.svg);background-size: cover;}
main section .con.contentsList>ul>li:nth-child(2n-1){flex-direction: row-reverse;}
main section .con.contentsList>ul>li:nth-child(2n-1)>div:nth-child(1){margin: 0;margin-left: 16px;}
main section .con.contentsList>ul>li:nth-child(2n-1)>div:nth-child(2)>h2{text-align: left;}
main section .con.contentsList>ul>li:nth-child(2n-1)>div:nth-child(2)>ul{justify-content: flex-start;}

main section .con.map{display: flex;} 
main section .con.map>div:nth-child(1){flex-shrink: 0;}
main section .con.map>div:nth-child(1) iframe{width: 670px;height: 400px;}
main section .con.map>div:nth-child(2){width: 100%;padding-left: 12px;}
main section .con.map>div:nth-child(2) strong,
main section .con.map>div:nth-child(2) span,
main section .con.map>div:nth-child(2) input,
main section .con.map>div:nth-child(2) select,
main section .con.map>div:nth-child(2) textarea,
main section .con.map>div:nth-child(2) ul + a{font-family: var(--nanumSquareNeo-font-family);display: block;}
main section .con.map>div:nth-child(2) strong{display: block;border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 20px;font-size: 25px;font-weight: 700;}
main section .con.map>div:nth-child(2) ul li{display: flex;padding: 20px 0 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);flex-wrap: wrap;}
main section .con.map>div:nth-child(2) ul li span{font-size: 16px;font-weight: 700;width: 102px;display: flex;align-items: center;}
main section .con.map>div:nth-child(2) ul li span + div{width: calc(100% - 102px);}
main section .con.map>div:nth-child(2) ul li select{width: 100%;font-size: 14px;}
main section .con.map>div:nth-child(2) ul li select option{background: #112255;}
main section .con.map>div:nth-child(2) ul li:last-child div{width: 100%;}
main section .con.map>div:nth-child(2) ul li:last-child div textarea{margin-top: 10px;width: 100%;height: 76px;}
main section .con.map>div:nth-child(2) ul + a{width: 100%;height: 50px;background: rgba(255, 136, 0, 1);margin-top: 20px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;}

