@charset "utf-8";


@media screen and (max-width:1800px) {
    .inner {padding:0 20px;}
}
@media screen and (max-width:1200px) {
    .inner {padding:0 40px;}
}
@media screen and (max-width:768px) {
    .inner {padding:0 20px}
}

/* section1 */
.section1 {padding:120px 0 150px 0; position: relative; overflow:hidden;}
.wrap-intro {position: relative; padding-bottom:125px;}
.wrap-intro::before {content:''; width:569px; height:273px; background:url('../../images/main/section1-obj.png') no-repeat center; position: absolute; left:-71px; bottom:0; opacity:0.1}
.wrap-intro .inner {display: flex;}
.wrap-intro .text {padding-right: 90px;}
.wrap-intro h1 {font-family: 'SUITE Bold'; font-size: 50px; color: #222;}
.wrap-intro .text p {font-size: 20px; line-height: 30px; font-family: 'SUITE Regular'; color:#aaa;}
.wrap-intro .link-box > ul {display: flex; gap:44px;}
.wrap-intro li {width:380px; height:340px; position: relative; background:#F1F1F1;}
.wrap-intro li::after {position: absolute; left:40px; top:40px;content:''; width: 80px; height:80px; }
.wrap-intro li:nth-child(1)::after {background:url('../../images/main/intro1.png') no-repeat center;}
.wrap-intro li:nth-child(2)::after {background:url('../../images/main/intro2.png') no-repeat center;}
.wrap-intro li:nth-child(3)::after {background:url('../../images/main/intro3.png') no-repeat center;}
.wrap-intro .img-box {width: 100%; height: 100%;}
.wrap-intro .img-box img {width:100%; height:100%; object-fit:cover; opacity:0.1; filter: grayscale(1);}
.wrap-intro .box strong {font-family: 'SUITE Medium'; font-size: 26px; color:#222; position: absolute; right:40px; bottom:-20px; transition:bottom .3s;}
.wrap-intro li:hover {box-shadow: 10px 10px 21px rgba(0,0,0,0.2); background:#000;}
.wrap-intro li:hover::after {filter:invert(1)}
.wrap-intro li:hover .img-box::after {content:''; width:100%; height:100%; background:linear-gradient(to bottom, transparent 30%, rgba(0,91,172, 0.7) 130% 0) no-repeat center; position: absolute; left:0; top:0;}
.wrap-intro li:hover .img-box img {filter: grayscale(0); opacity:0.6;}
.wrap-intro li:hover .box strong {bottom:40px; color:#fff; font-family: 'SUITE Bold';}
@media screen and (min-width:1921px) {
    .wrap-intro {max-width:1720px; width:100%; margin:0 auto; position: relative;}
    .wrap-intro::before {top:-80px; left:-280px;}
}
@media screen and (max-width:1800px) {
    .wrap-intro li {width:33.3333%;}
}
@media screen and (max-width:1200px) {    
    .section1 {padding:68px 0 50px;}
    .wrap-intro .inner {flex-direction: column;}
    .wrap-intro h1 {font-size: 40px;}
    .wrap-intro .text {padding-right: 0; margin-bottom: 35px;}
    .wrap-intro .link-box > ul { gap:10px;}
    .wrap-intro li {height:270px;}
    .wrap-intro li::after {left:30px; top:30px;}
}
@media screen and (max-width:768px) {
    .section1 {padding:42px 0 50px;}
    .wrap-intro {padding-bottom:34px;}
    .wrap-intro::before {width:194px; height:93px; left:unset; bottom:unset; right:-10px; top:-67px; background-size: cover;}
    .wrap-intro h1 {font-size: 30px;}
    .wrap-intro .text p {font-size: 16px;}
    .wrap-intro .link-box > ul {flex-direction: column;}
    .wrap-intro li {width:100%; height:120px;}
    .wrap-intro li::after {width:60px; height:60px; background-size:cover !important;}
    .wrap-intro .box strong {bottom:40px;}
}

/* section2 */
.section2 {background:url('../../images/main/section2-bg.png') no-repeat center / cover; background-attachment: fixed; padding:100px 0 120px 0;}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:768px) {
    .section2 {padding: 47px 0 50px 0}
}
/* section3 */
.section3 {background:url('../../images/main/section3-bg.png') no-repeat center / cover; padding:120px 0;}
.galllery-title h1{font-size: 50px; line-height: 48px; color:#222; font-family: 'SUITE Bold'; text-align: center;}
.galllery-title {margin-bottom: 60px;}
@media screen and (max-width:1200px) {
    .galllery-title h1 {font-size: 40px;}
}
@media screen and (max-width:1200px) {
    .galllery-title h1 {font-size: 30px; line-height: 30px;}
}
@media screen and (max-width:768px) {
    .section3 {padding:50px 0;}
    .galllery-title {margin-bottom: 25px;}
}


/* section4 */
.section4 {background:url('../../images/main/section4-bg.png') no-repeat center / cover; position: relative;}
.section4::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.6); position: absolute; left:0; top:0;}
.hallym-future {position: relative; min-height:500px; display: flex; align-items: center;}
.hallym-future .inner {display: flex; justify-content: space-between; align-items: center; width:100%; margin-top:27px;}
.hallym-future .text-box1 strong {font-size: 50px; font-family: 'SUITE Bold'; color:#fff; line-height: 1; margin-bottom: 20px; display: block; position: relative;}
.hallym-future .text-box1 strong::after {content:''; width:130%; height:1px; background:rgba(255,255,255,0.3); position: absolute; top:-60px; left:-130px;}
.hallym-future .text-box1 p {font-size: 26px; color:rgba(255,255,255,0.5); font-family: 'SUITE Regular';}
.hallym-future .text-box2 ul {display: flex; gap:15px;}
.hallym-future .text-box2 a {display: flex; align-items: center; justify-content: center; width:250px; min-height:70px; font-family: 'SUITE Medium'; font-size: 20px; color:#fff; background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.35); transition:.3s; transition-property:background, color; text-align: center;}
.hallym-future .text-box2 a:hover {background:#fff; color:#000}
@media screen and (max-width:1200px) {
    .hallym-future {min-height:400px;}
    .hallym-future .inner {flex-direction: column; align-items: start;}
    .hallym-future .text-box1 strong {font-size: 40px;}
    .hallym-future .text-box1 p {font-size: 24px;}
    .hallym-future .text-box2 ul {margin-top: 36px;}
    .hallym-future .text-box2 a {font-size: 18px; width: 200px;min-height: 60px;}
}
@media screen and (max-width:768px) {
    .hallym-future {min-height:unset; padding:50px 0;}
    .hallym-future .text-box1 strong {font-size: 30px;}
    .hallym-future .text-box1 p {font-size: 22px;}
    .hallym-future .text-box2 a {font-size: 17px; width: 160px; min-height: 50px;}
    .hallym-future .text-box1 strong::after {top:-20px; left:-90px;}
}


/* tween */
/* header */
header {top:-150px;}
/* visual */
.slogan {position: relative; left:50px; opacity:0;}
.wrap-visual .control {opacity:0;}
/* section1 */
.wrap-intro .text  {position: relative; left:50px; opacity:0;}
.wrap-intro li {position: relative;}
.wrap-intro li:nth-child(1) {top:50px; opacity:0;}
.wrap-intro li:nth-child(2) {top:50px; opacity:0;}
.wrap-intro li:nth-child(3) {top:50px; opacity:0;}
/* notice */
.wrap-notice .btn-list {top:50px; opacity:0;}
.wrap-notice .row {top:50px; opacity:0;}
/* Schedule */
.wrap-schedule .title {left:-50px; opacity:0;}
.wrap-schedule .scheduleMain {top:50px; opacity:0;}
/* link */
.wrap-link .slider {top:50px; opacity:0;}
.wrap-link .control {position: relative; top:50px; opacity:0;}
/* photo */
.galllery-title {top:-50px; position: relative; opacity:0;}
.wrap-photo .inner {filter: blur(10px); opacity:0;}
.wrap-photo .shadowImg_1 {filter: blur(10px); opacity:0;}
.wrap-photo .shadowImg_2 {filter: blur(10px); opacity:0;}
.wrap-photo .shadowImg_3 {filter: blur(10px); opacity:0;}
.wrap-photo .shadowImg_4 {filter: blur(10px); opacity:0;}
.wrap-photo .control {top:50px; opacity:0;}
/* future */
.hallym-future .text-box1 strong {filter: blur(10px); opacity:0;}
.hallym-future .text-box1 p {top:50px; opacity:0; position: relative;}
.hallym-future .text-box2 ul {top:50px; opacity:0;}