@charset "utf-8";

:root {
    --primary: #FFAE00;
}
.sec_hero .txt_wrap .logo {max-width:590px}
.sec_hero .txt_wrap .tit .color {color:var(--primary)}
.sec_hero .view_more .round {background:var(--primary)}

.sec_info {color:#111111;background:var(--primary)}
.sec_info .cont {color:#343434}

.sec_03 {padding:var(--sec-padding) 0}

.sec_04 {padding:var(--sec-padding) 0;background:url('img/sec_04_bg.png') no-repeat center/cover}
.sec_04 .wrapper {max-width:1420px;display:flex;align-items:flex-start;justify-content:space-between;}
.sec_04 .list {display:flex;align-items:flex-start;justify-content:space-between;gap:0 30px}
.sec_04 .list .item {width:100%;max-width:300px;height:330px;display:flex;flex-direction:column;justify-content:flex-end;padding:45px 30px;color:#ffffff;background:#FF6A00}
.sec_04 .list .item .tit {display:block;font-size:24px;font-weight:700}
.sec_04 .list .item p {font-size:18px;margin-top:10px;line-height:1.4}
.sec_04 .list .item:nth-child(2) {background:#FCAA00}
.sec_04 .list .item:nth-child(3) {background:#FFF1D2;color:#111111}

.sec_06 {padding:var(--sec-padding) 0;background:#FFF1D2}

.sec_08 {padding:var(--sec-padding) 0}
.sec_08 .wrapper {max-width:1420px}
.sec_08 .list {display:flex;align-items:flex-start;justify-content:space-between;}
.sec_08 .list > div {width:100%;max-width:375px;}
.sec_08 .list > div img {display:block;width:100%;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:20px}
.sec_08 .list > div img + img {margin-top:60px}



@media (hover: hover) {}

@media all and (max-width: 1349px) {
    .sec_04 .list .item {max-width:250px}
}

@media all and (max-width: 1199px) {
    .sec_03 .over_view {margin-top:80px}
    
    .sec_04 .wrapper {flex-direction:column;gap:40px 0;}
    .sec_04 .title_box .tit br {display:none}
    .sec_04 .list .item {max-width:initial;width:100%}

    .sec_08 .list {gap:0 20px}
    .sec_08 .list > div {max-width:initial;width:100%}
}

@media all and (max-width: 1023px) {
}

@media all and (max-width: 767px) {
    .sec_03 .over_view {margin-top:48px}
    
    .sec_04 .wrapper {gap:24px 0}
    .sec_04 .list {flex-direction:column;gap:20px;width:100%}
    .sec_04 .list .item {height:180px;padding:30px}
    .sec_04 .list .item .tit {font-size:16px}
    .sec_04 .list .item p {font-size:14px;margin-top:10px}
    
    .sec_08 .title_box {text-align:left}
    .sec_08 .list {gap:0 13px}
    .sec_08 .list > div img {border-radius:5px}
    .sec_08 .list > div img + img {margin-top:15px}
    
    .sec_09 .banner_img {overflow:hidden}
    .sec_09 .banner_img img {transform:scale(1.15)}
}