@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --primary: #053EFB;
}
.title_box {margin-bottom:60px}
.sec:not(.sec_info) .title_box .tit {font-family: "Playfair Display", serif}

.sec_hero .txt_wrap .logo {max-width:465px}
.sec_hero .txt_wrap .tit .color {color:#D8BE9F}
.sec_hero .view_more .round {background:#111111}

.sec_info {background:#EEEEEE;color:#111111}
.sec_info .cont {color:#343434}

.sec_03 {padding:var(--sec-padding) 0}
.sec_03 .over_view {margin-top:120px}

.sec_05 {background:#111111;color:#ffffff}
.sec_05 .marquee {display:flex;align-items:center;gap:48px;padding:15px}
.sec_05 .marquee img {width:500px;animation:txtSlide 10s linear infinite}
.sec_05 .txt_slide {margin:0 0 80px}
.sec_05 .txt_slide p {color:#ffffff}
.sec_05 .wrapper {max-width:1700px;padding:var(--sec-padding) 20px}
.sec_05 .title_box p {color:#919191}
.sec_05 .list_top .list {display:flex;align-items:flex-start;justify-content:center;gap:50px;}
.sec_05 .list_bottom .list {display:flex;justify-content:center;gap:50px;}
.sec_05 .list_bottom .list .item {width:100%;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:75px 20px}
.sec_05 .list_bottom .list .item .sub {display:block;font-size:24px;font-weight:600;font-family: "Playfair Display", serif;margin-bottom:15px}
.sec_05 .list_bottom .list .item p {font-size:18px;max-width:385px;margin:0 auto}
.sec_05 .list_bottom .list .item_01 {background:url('img/sec_05_05.png') no-repeat center/cover}
.sec_05 .list_bottom .list .item_02 {background:url('img/sec_05_06.png') no-repeat center/cover}
.sec_05 .list_bottom .list .item_03 {background:url('img/sec_05_07.png') no-repeat center/cover}

.sec_06 {padding:var(--sec-padding) 0 35px}
.sec_06 .cont {display:flex;align-items:flex-start;gap:82px;}
.sec_06 .cont > div {display:flex;flex-direction:column;gap:35px;}
.sec_06 .cont > div:last-child {margin-top:120px}
.sec_06 .cont img {box-shadow:0 4px 20px rgba(0,0,0,.15)}

.txt_slide {opacity:.04}
.txt_slide p {font-family: "Playfair Display", serif;font-weight:normal;font-size:200px;animation:txtSlide 14s linear infinite}
.sec_07 {padding-bottom:var(--sec-padding)}
.sec_07 .wrapper,
.sec_06 .wrapper {max-width:1420px}
.sec_07 .title_box {margin-top:100px}
.sec_07 .title_box p,
.sec_06 .title_box p {text-align:right;color:#565656}
.sec_07 .list {display:grid;grid-template-columns:repeat(3, 1fr);gap:126px}
.sec_07 .list .item {border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden}
.sec_07 .list .item:nth-child(3n - 1) {transform:translateY(100px)}
.sec_07 .list .item img {width:100%}

.sec_08 {background:url('img/sec_08_bg.jpg') no-repeat center/cover;text-align:center;padding:var(--sec-padding) 0}
.sec_08 .sub {display:block;font-size:18px;font-family: "Playfair Display", serif;margin-bottom:16px}
.sec_08 .tit {display:block;font-size:54px;font-weight:700;line-height:1.4}
.sec_08 p {font-size:18px;line-height:1.6;color:#686868;margin-top:30px}


@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:40px}
    .sec_03 .over_view {margin-top:80px}

    .sec_05 .list_top .list {gap:35px}
    .sec_05 .list_bottom .list {gap:35px}
    .sec_05 .list_bottom .list .item .sub {font-size:20px}
    .sec_05 .list_bottom .list .item p {font-size:15px}

    .sec_06 .cont {gap:40px}
    .sec_06 .cont > div:last-child {margin-top:80px}

    .txt_slide p {font-size:80px}
    .sec_07 .title_box {margin-top:80px}
    .sec_07 .list {gap:40px}
    .sec_07 .list .item:nth-child(3n - 1) {transform:translateY(50px)}

    .sec_08 .sub {font-size:16px}
    .sec_08 .tit {font-size:40px}
    .sec_08 p {font-size:16px}
}

@media all and (max-width: 1023px) {
    .sec_05 .list_bottom .list {flex-direction:column;gap:20px}
    .sec_05 .list_bottom .list .item {padding:50px 24px}

    .sec_07 .title_box p,
    .sec_06 .title_box p {text-align:left}
}

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px}

    .sec_03 .over_view {margin-top:48px}

    .sec_05 .marquee {gap:24px}
    .sec_05 .marquee img {width:305px}
    .sec_05 .list_top .list {flex-direction:column;gap:20px;max-width:400px;margin:0 auto}
    .sec_05 .list_bottom .list .item .sub {font-size:18px}
    .sec_05 .list_bottom .list .item p {font-size:13px}
    
    .sec_06 .cont {gap:15px}
    .sec_06 .cont > div:last-child {margin-top:40px}

    .sec_07 {padding-bottom:130px}
    .sec_07 .list {gap:15px}
    .sec_07 .list .item {border-radius:5px}
    .txt_slide p {font-size:66px}

    .sec_08 {text-align:left}
    .sec_08 .sub {font-size:14px;margin-bottom:10px}
    .sec_08 .tit {font-size:24px}
    .sec_08 p {font-size:14px;margin-top:20px}
}