/* 
font-family:"Pretendard Variable"
font-family: 'Noto Sans KR';
font-family: "Lato", sans-serif;
rgb(229, 229, 229) = #e5e5e5
rgb(221, 221, 221); = #ddd
rgb(248, 248, 248); = #f8f8f8
rgb(125, 125, 125); = #7d7d7d
*/

/* ani */
.fade-up01 {position: relative; opacity: 0; top: 130px; transition: all 700ms; transition-delay: 0.0s;}
.fade-up02 {position: relative; opacity: 0; top: 130px; transition: all 700ms; transition-delay: 0.2s;}
.fade-up03 {position: relative; opacity: 0; top: 130px; transition: all 700ms; transition-delay: 0.3s;}
.fade-up04 {position: relative; opacity: 0; top: 130px; transition: all 700ms; transition-delay: 0.4s;}
.fade-up05 {position: relative; opacity: 0; top: 130px; transition: all 700ms; transition-delay: 0.5s;}
.fade-up06 {position: relative; opacity: 0; top: 130px; transition: all 700ms; transition-delay: 0.6s;}
.fade-up07 {position: relative; opacity: 0; top: 130px; transition: all 700ms; transition-delay: 0.7s;}
.fade-up08 {position: relative; opacity: 0; top: 130px; transition: all 700ms; transition-delay: 0.8s;}

.active .fade-up01,
.active .fade-up02,
.active .fade-up03,
.active .fade-up04,
.active .fade-up05,
.active .fade-up06,
.active .fade-up07,
.active .fade-up08 {top: 0px !important; opacity: 1 !important;}

.fade-up01.active,
.fade-up02.active,
.fade-up03.active,
.fade-up04.active,
.fade-up05.active,
.fade-up06.active,
.fade-up07.active,
.fade-up08.active {top: 0px !important; opacity: 1 !important;}



/* ―――――――――――――― HOME MAIN  ―――――――――――――― */
img {max-width: 100%}
main * {box-sizing: border-box;}
.main_top {position: relative; width: 100%; height: 100vh; overflow: auto;}
.main_inner {background: #fff;box-sizing: border-box;margin: 0 auto;padding-top: 75px;}
.main_inner {padding-bottom: 100px;}
header:not(.scroll) {border-bottom: 0; box-sizing: border-box;}
footer {margin-top: 0;} 

/* ―――――――――――――― HOME MAIN HEADER ―――――――――――――― */
header{position: fixed; width: 100%;}
header .header__inner {transition: background 0.2s linear;}
header:not(.scroll) .header__inner {background: transparent;}
header:not(.scroll) .header__inner .menu_btn button {background: url('/assets/images/home/header/ham-w.png')no-repeat center / 23px;}
header:not(.scroll) .header__inner .logo span {background: url('/assets/images/home/header/logo-w.png')no-repeat center / 100%;}

/* ―――――――――――――― HOME MAIN VIDEO ―――――――――――――― */
#videoTrigger {position: absolute; margin-top: 100px;}
.main_top {display: block;width: 100%;height: calc(100vh - 105px);}
.video_box {position: fixed;left: 0;top: 0;padding: 0;margin: 0;z-index: -1;width: 100%;height: calc(100vh - 105px);}
.video_box #video { padding: 0; margin: 0; width: 100%; height: 100%; object-fit: cover;}
.ic_scroll {position: absolute;bottom: 45px;left: 50%;margin-left: -20px;width: 40px;height: auto;z-index: 1;animation: dungdung 1s ease-in-out infinite;}
@keyframes dungdung {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-3px);}
}
/* ―――――――――――――― HOME INTRODUCE ―――――――――――――― */
.main_introduce {position: relative;width: 100%;height: auto;margin-top: 100px;padding-top: 100px;}
.main_introduce * {box-sizing: border-box;}
.main_introduce__inner {position: relative;display: block;width: 100%;margin: 0 auto;}

.main_introduce__inner .story {margin-top: 100px; padding-top: 100px;}

.main_introduce__inner .info {position: relative;width: 100%;padding-left: 30px;padding-right: 30px;padding-bottom: 100px;}
.main_introduce__inner .info h3 {display: block;line-height: 1;font-family: "Lato", sans-serif;font-weight: 700;color: #000;font-size: 70px;margin-top: -10px;}
.main_introduce__inner .info span.bar {display: block;background: #02060f;width: 120px;height: 2px;margin: 52px 0 49px;}
.main_introduce__inner .info p {display: block;font-weight: 500;line-height: 1.588;color: #000;letter-spacing: -0.025em;font-size: 34px;}
.main_introduce__inner .info a {position: relative;display: flex;align-items: center;line-height: 1;font-weight: 400;letter-spacing: -0.025em;color: #000;margin-top: 85px;font-size: 30px;}
.main_introduce__inner .info a span {position: relative;display: block;width: 25px;height: 25px;margin-left: 18px;}
.main_introduce__inner .info a span:before {content: "";position: absolute;left: 0;display: block;width: 100%;background: #000;height: 2px;top: 11px;}
.main_introduce__inner .info a span:after {content: "";position: absolute;top: 0;display: block;height: 100%;background: #000;width: 2px;left: 12px;}

.main_introduce__inner .img {position: relative;display: flex;align-items: center;justify-content: center;width: 100%;overflow: hidden;}
.main_introduce__inner .img img {display: block; width: 100%;transform: scale(1.4); transition: all 700ms;}

.main_introduce__inner .active2 .img img {transform: scale(1);transition: all 700ms;}


/* ―――――――――――――― HOME TILE ―――――――――――――― */
.main_tile {margin-top: 100px;padding-top: 100px;}
.main_tile * {box-sizing: border-box;}
.main_tile__inner {position: relative;display: block;width: 100%;}
.main_tile__inner .tile {position: relative; margin-right: 30px; width: 100%; overflow: hidden;}
.main_tile__inner .tile + .tile {margin-top: 100px;}
.main_tile__inner .tile > img {display: block; width: 100%;transform: scale(1.4); transition: all 700ms;}
.main_tile__inner .tile.active > img {transform: scale(1);transition: all 700ms;}
.main_tile__inner .tile:last-child {margin-right: 0 !important;}
.main_tile__inner .tile:last-child {margin-right: 0 !important;}
.main_tile__inner .tile .text {position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: auto;/* min-height: 370px; */padding: 87px 30px 93px;}
.main_tile__inner .tile .text.text01 {background: rgb(102, 103, 63, 0.9);}
.main_tile__inner .tile .text.text02 {background: rgb(95, 74, 71, 0.9);}
.main_tile__inner .tile .text.text03 {background: rgb(64, 75, 65, 0.95);}
.main_tile__inner .tile .text.text04 {background: rgb(108, 92, 72, 0.9);}

.main_tile__inner .tile .text h3 {position: relative;/* display: flex; *//* justify-content: space-between; *//* align-items: center; */font-weight: 600;line-height: 1.167;color: #fff;font-size: 60px;}
.main_tile__inner .tile .text p {display: block;color: #fff;line-height: 1.667;font-weight: 500;font-size: 30px;margin-top: 24px;}
.main_tile__inner .tile .text a {position: relative;/* display: flex; *//* align-items: center; *//* justify-content: center; *//* line-height: 1; *//* background: transparent; */font-size: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.main_tile__inner .tile .text a img {width: 94px;/* position: absolute; *//* right: 0; *//* top: 50%; *//* transform: translateY(-50%); */}


/* ―――――――――――――― HOME LATEST ―――――――――――――― */
.borad_latest {position: relative;display: block;width: 100%;height: auto;box-sizing: border-box;background: #fff;margin-top: 200px;padding: 110px 0px 120px 0px;}
.borad_latest * {box-sizing: border-box;}
.borad_latest__inner {position: relative;display: block;margin: 0 auto;}
.borad_latest .tit {position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;height: auto;margin-bottom: 22px;padding: 0 30px;}
.borad_latest .tit h3 {font-weight: 600;color: #000;width: fit-content;line-height: 1;font-size: 60px;}
.borad_latest .tit a {display: flex;align-items: center;line-height: 1;width: fit-content;font-weight: 400;color: #000;font-size: 30px;}
.borad_latest .tit a img {display: block;margin-left: 17px;width: 33px;}

.borad_latest .latest_con {overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;scrollbar-width: none;font-size: 0;}
.borad_latest .latest_con::-webkit-scrollbar { display: none; }

.borad_latest .latest_con > ul li {position: relative;width: 600px;border-top: 4px solid #000;margin-left: 30px;display: inline-block;}
.borad_latest .latest_con > ul li:last-child {margin-right: 60px !important;}
.borad_latest .latest_con > ul li > div {padding: 43px 0 0 0;}
.borad_latest .latest_con > ul li .type {display: block;line-height: 1;font-weight: 600;color: #000;min-height: 30px;font-size: 30px;}
.borad_latest .latest_con > ul li .title {margin-top: 17px;}
.borad_latest .latest_con > ul li .title a {position: relative;line-height: 1.467;font-weight: 500;color: #000;overflow:hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-width: 100%;word-break: keep-all;min-height: 88px;font-size: 30px;}
.borad_latest .latest_con > ul li .title a span{white-space: normal;}
.borad_latest .latest_con > ul li .date {display: block;line-height: 1;font-weight: 500;color: #888;margin-top: 36px;min-height: 30px;font-size: 30px;}
.borad_latest .latest_con > ul li .thumb {position: relative;display: block;width: 100%;height: auto;margin-top: 37px;min-height: 340px;}
.borad_latest .latest_con > ul li .thumb img {display: block;object-fit: cover;width: 100%;height: 448px;}

.borad_latest {transition: all 700ms;}
.borad_latest.active { background: #f8f8f8;}

.borad_latest .tit {transition: all 700ms; top: 50px; opacity: 0;}
.borad_latest.active .tit {top: 0; opacity: 1;}
.borad_latest .latest_con > ul {transition: all 700ms; top: 130px; opacity: 0; position: relative;}
.borad_latest.active .latest_con > ul {top: 0; opacity: 1;}

.borad_latest .latest_con > ul li .thumb {overflow: hidden;}
.borad_latest .latest_con > ul li .thumb img {transform: scale(1.2); transition: all 700ms;}
.borad_latest.active .latest_con > ul li .thumb img {transform: scale(1); transition-delay: 0.3s;}


/* ―――――――――――――― HOME BOTTOM BANNER ―――――――――――――― */
.bottom_banner {position: relative; display: block; width: 100%; height: auto; box-sizing: border-box; margin-top: 100px; padding-top: 100px; padding-bottom: 100px;}
.bottom_banner * {box-sizing: border-box;}
.bottom_banner__inner {position: relative;display: block;width: 100%;margin: 0 auto;padding-left: 30px;padding-right: 30px;}
.bottom_banner__inner .banner {position: relative; display: block; width: 100%; height: auto; overflow: hidden;}
.bottom_banner__inner .banner > a > img {display: block; width: 100%;}
.bottom_banner__inner .banner > a > div {position: absolute;left: 0;top: 0;display: flex;align-items: center;width: 100%;height: 100%;padding-bottom: 27px;}
.bottom_banner__inner .banner > a > div > div {padding-left: 60px;}
.bottom_banner__inner .banner > a > div strong {display: block;font-weight: 600;color: #fff;line-height: 1.364;font-size: 44px;}

.bottom_banner__inner .banner > a > div span {position: relative;display: flex;align-items: center;justify-content: center;line-height: 1;background: transparent;font-weight: 500;letter-spacing: -0.025em;color: #fff;margin-top: 28px;width: 346px;height: 59px;border-radius: 30px;border: 2px solid #fff;font-size: 30px;width: fit-content;padding: 0 40px 0 37px;}
.bottom_banner__inner .banner > a > div span img {margin-left: 18px;width: 33px;}

.bottom_banner__inner .banner > a > img {transform: scale(1.4); transition: all 700ms;}
.active .bottom_banner__inner .banner > a > img {transform: scale(1);}
.bottom_banner__inner .banner .text {position: relative; top: 70px; opacity: 0; transition: all 700ms; transition-delay: 0.1s;}
.active .bottom_banner__inner .banner .text {top: 0; opacity: 1;}

    @media all and (max-width: 750px) {
        /* ani */
        .fade-up01 {top: 17.3333vw;}
        .fade-up02 {top: 17.3333vw;}
        .fade-up03 {top: 17.3333vw;}
        .fade-up04 {top: 17.3333vw;}
        .fade-up05 {top: 17.3333vw;}
        .fade-up06 {top: 17.3333vw;}
        .fade-up07 {top: 17.3333vw;}
        .fade-up08 {top: 17.3333vw;}

        /* ―――――――――――――― HOME MAIN  ―――――――――――――― */
        .main_inner {padding-top: 10.0000vw;}
        .main_inner {padding-bottom: 13.3333vw;}

        /* ―――――――――――――― HOME MAIN HEADER ―――――――――――――― */

        /* ―――――――――――――― HOME MAIN VIDEO ―――――――――――――― */
        #videoTrigger {margin-top: 13.3333vw;}
        /* .ic_scroll {bottom: 5.8667vw;  margin-left: -2.6667vw; width: 5.3333vw;} */

        /* ―――――――――――――― HOME INTRODUCE ―――――――――――――― */
        .main_introduce {margin-top: 13.3333vw;padding-top: 13.3333vw;}

        .main_introduce__inner .story {margin-top: 13.3333vw; padding-top: 13.3333vw;}

        .main_introduce__inner .info {padding-left: 4.0000vw;padding-right: 4.0000vw;padding-bottom: 13.3333vw;}
        .main_introduce__inner .info h3 {font-size: 9.3333vw;margin-top: -1.3333vw;}
        .main_introduce__inner .info span.bar {width: 16.0000vw;height: 0.2667vw;margin: 6.9333vw 0 6.5333vw;}
        .main_introduce__inner .info p {font-size: 4.5333vw;}
        .main_introduce__inner .info a {margin-top: 11.3333vw;font-size: 4.0000vw;}
        .main_introduce__inner .info a span {width: 3.3333vw;height: 3.3333vw;margin-left: 2.4000vw;}
        .main_introduce__inner .info a span:before {height: 0.2667vw;top: 1.4667vw;}
        .main_introduce__inner .info a span:after {width: 0.2667vw;left: 1.6000vw;}


        /* ―――――――――――――― HOME TILE ―――――――――――――― */
        .main_tile {margin-top: 13.3333vw;padding-top: 13.3333vw;}
        .main_tile__inner .tile {margin-right: 4.0000vw;}
        .main_tile__inner .tile + .tile {margin-top: 13.3333vw;}
        .main_tile__inner .tile .text {/* min-height: 49.3333vw; */padding: 11.6000vw 4.0000vw 12.4000vw;}

        .main_tile__inner .tile .text h3 {font-size: 8.0000vw;}
        .main_tile__inner .tile .text p {font-size: 4.0000vw;margin-top: 3.2000vw;}
        .main_tile__inner .tile .text a img {width: 12.5333vw;}


        /* ―――――――――――――― HOME LATEST ―――――――――――――― */
        .borad_latest {margin-top: 26.6667vw;padding: 14.6667vw 0.0000vw 16.0000vw 0.0000vw;}
        .borad_latest .tit {margin-bottom: 2.9333vw;padding: 0 4.0000vw;}
        .borad_latest .tit h3 {font-size: 8.0000vw;}
        .borad_latest .tit a {font-size: 4.0000vw;}
        .borad_latest .tit a img {margin-left: 2.2667vw;width: 4.4000vw;}

        .borad_latest .latest_con > ul li {width: 80.0000vw;border-top: 0.5333vw solid #000;margin-left: 4.0000vw;}
        .borad_latest .latest_con > ul li:last-child {margin-right: 8.0000vw !important;}
        .borad_latest .latest_con > ul li > div {padding: 5.7333vw 0 0 0;}
        .borad_latest .latest_con > ul li .type {min-height: 4.0000vw;font-size: 4.0000vw;}
        .borad_latest .latest_con > ul li .title {margin-top: 2.2667vw;}
        .borad_latest .latest_con > ul li .title a {min-height: 11.7333vw;font-size: 4.0000vw;}
        .borad_latest .latest_con > ul li .date {margin-top: 4.8000vw;min-height: 4.0000vw;font-size: 4.0000vw;}
        .borad_latest .latest_con > ul li .thumb {margin-top: 4.9333vw;min-height: 45.3333vw;}
        .borad_latest .latest_con > ul li .thumb img {height: 59.7333vw;}

        .borad_latest .tit {top: 6.6667vw;}
        .borad_latest .latest_con > ul {top: 17.3333vw;}

        /* ―――――――――――――― HOME BOTTOM BANNER ―――――――――――――― */
        .bottom_banner {margin-top: 13.3333vw; padding-top: 13.3333vw; padding-bottom: 13.3333vw;}
        .bottom_banner__inner {padding-left: 4.0000vw;padding-right: 4.0000vw;}
        .bottom_banner__inner .banner > a > div {padding-bottom: 3.6000vw;}
        .bottom_banner__inner .banner > a > div > div {padding-left: 8.0000vw;}
        .bottom_banner__inner .banner > a > div strong {font-size: 5.8667vw;}

        .bottom_banner__inner .banner > a > div span {margin-top: 3.7333vw;/* width: 46.1333vw; */height: 7.8667vw;border-radius: 4.0000vw;border: 0.2667vw solid #fff;font-size: 4.0000vw;padding: 0 5.3333vw 0 4.9333vw;}
        .bottom_banner__inner .banner > a > div span img {margin-left: 2.4000vw;width: 4.4000vw;}

        .bottom_banner__inner .banner .text {top: 9.3333vw;}

    }/* 750 */

    @media all and (max-width: 425px) {
        /* ani */
        .fade-up01 {top: 65px;}
        .fade-up02 {top: 65px;}
        .fade-up03 {top: 65px;}
        .fade-up04 {top: 65px;}
        .fade-up05 {top: 65px;}
        .fade-up06 {top: 65px;}
        .fade-up07 {top: 65px;}
        .fade-up08 {top: 65px;}

        /* ―――――――――――――― HOME MAIN  ―――――――――――――― */
        .main_inner {padding-top: 38px;}
        .main_inner {padding-bottom: 50px;}

        /* ―――――――――――――― HOME MAIN HEADER ―――――――――――――― */

        /* ―――――――――――――― HOME MAIN VIDEO ―――――――――――――― */
        #videoTrigger {margin-top: 50px;}
        /*.ic_scroll {bottom: 22px;margin-left: -10px; width: 20px; }*/

        /* ―――――――――――――― HOME INTRODUCE ―――――――――――――― */
        .main_introduce {margin-top: 50px;padding-top: 50px;}

        .main_introduce__inner .story {margin-top: 50px; padding-top: 50px;}

        .main_introduce__inner .info {padding-left: 15px;padding-right: 15px;padding-bottom: 50px;}
        .main_introduce__inner .info h3 {font-size: 35px;margin-top: -5px;}
        .main_introduce__inner .info span.bar {width: 60px;height: 1px;margin: 26px 0 24px;}
        .main_introduce__inner .info p {font-size: 17px;}
        .main_introduce__inner .info a {margin-top: 42px;font-size: 15px;}
        .main_introduce__inner .info a span {width: 12px;height: 12px;margin-left: 9px;}
        .main_introduce__inner .info a span:before {height: 1px;top: 6px;}
        .main_introduce__inner .info a span:after {width: 1px;left: 6px;}


        /* ―――――――――――――― HOME TILE ―――――――――――――― */
        .main_tile {margin-top: 50px;padding-top: 50px;}
        .main_tile__inner .tile {margin-right: 15px;}
        .main_tile__inner .tile + .tile {margin-top: 50px;}
        .main_tile__inner .tile .text {/* min-height: 185px; */padding: 41px 15px 46px;}

        .main_tile__inner .tile .text h3 {font-size: 30px;}
        .main_tile__inner .tile .text p {font-size: 15px;margin-top: 12px;}
        .main_tile__inner .tile .text a img {width: 47px;}


        /* ―――――――――――――― HOME LATEST ―――――――――――――― */
        .borad_latest {margin-top: 100px;padding: 55px 0px 60px 0px;}
        .borad_latest .tit {margin-bottom: 11px;padding: 0 15px;}
        .borad_latest .tit h3 {font-size: 30px;}
        .borad_latest .tit a {font-size: 15px;}
        .borad_latest .tit a img {margin-left: 9px;width: 17px;}

        .borad_latest .latest_con > ul li {width: 300px;border-top: 2px solid #000;margin-left: 15px;}
        .borad_latest .latest_con > ul li:last-child {margin-right: 30px !important;}
        .borad_latest .latest_con > ul li > div {padding: 21px 0 0 0;}
        .borad_latest .latest_con > ul li .type {min-height: 15px;font-size: 15px;}
        /* .borad_latest .latest_con > ul li .title {margin-top: 9px;} */
        .borad_latest .latest_con > ul li .title a {min-height: 44px;font-size: 15px;}
        
        .borad_latest .latest_con > ul li .date {margin-top: 18px;min-height: 15px;font-size: 15px;}
        .borad_latest .latest_con > ul li .thumb {margin-top: 18px;min-height: 170px;}
        .borad_latest .latest_con > ul li .thumb img {height: 224px;}

        .borad_latest .tit {top: 25px;}
        .borad_latest .latest_con > ul {top: 65px;}

        /* ―――――――――――――― HOME BOTTOM BANNER ―――――――――――――― */
        .bottom_banner {margin-top: 50px; padding-top: 50px; padding-bottom: 50px;}
        .bottom_banner__inner {padding-left: 15px;padding-right: 15px;}
        .bottom_banner__inner .banner > a > div {padding-bottom: 14px;}
        .bottom_banner__inner .banner > a > div > div {padding-left: 30px;}
        .bottom_banner__inner .banner > a > div strong {font-size: 22px;}

        .bottom_banner__inner .banner > a > div span {margin-top: 14px;/* width: 173px; */height: 30px;border-radius: 15px;border: 1px solid #fff;font-size: 15px;padding: 0 20px 0 18px;}
        .bottom_banner__inner .banner > a > div span img {margin-left: 9px;width: 17px;}

        .bottom_banner__inner .banner .text {top: 35px;}
    }/* 425px */

    @media all and (max-width: 320px) {
        .bottom_banner__inner .banner > a > div strong {
            font-size: 19px;
        }
    }/* 320px */