@charset "utf-8";

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

.sec_info {background:#E56D32}
.sec_info .cont {color:#F3F3F3}

.sec_03 {padding:150px 0 300px}
.sec_03 .over_view {margin-top:120px}

.sec_system .title_box {margin-bottom:60px}
.sec_system .title_box p {color:#565656}
.sec_system .color {display:flex}
.sec_system .color .item {height:585px}
.sec_system .color .item_01 {width:50%;background:linear-gradient(to right, #FF5500, #FF7F01)}
.sec_system .color .item_02 {width:25%;background:#111111}
.sec_system .color .item_03 {width:25%;background:#F4F4F4;color:#595959}

.sec_05 {padding-top:var(--sec-padding);background:#000000;color:#ffffff}
.sec_05 .wrapper {max-width:1420px}
.sec_05 .title_box .sub {color:#FF5500}
.sec_05 .list {display:flex;gap:0 60px;margin-top:50px}
.sec_05 .list .item {width:100%;padding:4px;border-radius:15px;text-align:center}
.sec_05 .list .item:hover {background:linear-gradient(to right, #FF5500, #FF7F01)}
.sec_05 .list .item .inner1 {display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 20px;background:#ffffff;border-radius:12px;}
.sec_05 .list .item img {width:100%;max-width:130px}
.sec_05 .list .item .tit {display:block;font-size:34px;font-weight:700;color:#FF6501}
.sec_05 .list .item p {font-size:20px;font-weight:500;color:#565656;margin-top:20px}

.page_view {padding:320px 0 200px;background:url('img/page_view_bg.jpg') no-repeat center/cover;color:#ffffff}
.page_view .wrapper {max-width:1420px}
.page_view img {margin-right:-1px}
.page_view .title_box p {color:#ffffff}
.page_view .list > div:nth-child(2) {margin:0}

.sec_07 {padding:var(--sec-padding) 0}
.sec_07 .wrapper {max-width:1420px}
.sec_07 .list {margin-top:66px}
.sec_07 .item {display:flex;align-items:flex-start;gap:0 80px}
.sec_07 .item + .item {margin-top:70px}
.sec_07 .item > div {display:flex;flex-direction:column;align-items:center;gap:40px}
.sec_07 .item .tit {display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:500;padding:14px 55px;border:solid 1px #DADADA;border-radius:100px;}
.sec_07 .item .tit.orange {background:linear-gradient(to right, #FF5500, #FF7F01);border:0;color:#ffffff}
.sec_07 .item .img {box-shadow:0 4px 20px rgba(0,0,0,.25)}
.sec_07 .swiper {display:none}

.sec_08 {background:url('img/sec_08_bg.jpg') no-repeat center/cover;padding:60px 0 70px}
.sec_08 .txt_slide {opacity:.5;margin:0}
.sec_08 .txt_slide > div {display:flex;animation:txtSlide 16s linear infinite}
.sec_08 .txt_slide p {animation:none;color:#FF6501}
.sec_08 .txt_slide p::before {background:#FF6501}
.sec_08 .title_box {margin-top:68px}
.sec_08 .title_box .primary {color:#FF6501}
@keyframes desktopView {
    from {transform:translateY(0)}
    to {transform:translateY(-78%)}
}

@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .sec_hero .txt_wrap .logo {max-width:220px}

    .sec_03 {padding:120px 0 200px}
    .sec_03 .over_view {margin-top:80px}

    .sec_system .color .item {height:350px}

    .sec_05 .list {gap:30px}
    .sec_05 .list .item .inner1 {padding:60px 20px}
    .sec_05 .list .item img {max-width:90px}
    .sec_05 .list .item .tit {font-size:25px}
    .sec_05 .list .item p {font-size:16px}

    .sec_07 .item {gap:30px}
    .sec_07 .item > div {gap:25px}
    .sec_07 .item .tit {font-size:16px;padding:8px 30px}

    .sec_08 .title_box {margin-top:44px}

    .page_view {padding:200px 0 0 140px}
    .page_view .list {margin-top:40px}
    /*
    */
}

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

@media all and (max-width: 767px) {
    .sec_hero .txt_wrap .logo {max-width:140px}

    .sec_03 {padding:80px 0 100px}
    .sec_03 .over_view {margin-top:48px}

    .sec_system .color {flex-wrap:wrap}
    .sec_system .color .item {height:170px;width:50%}
    .sec_system .color .item_01 {width:100%}
    
    .sec_05 .list {gap:20px;flex-direction:column;}
    .sec_05 .list .item {border-radius:12px;padding:2px}
    .sec_05 .list .item .inner1 {padding:40px 20px;border-radius:10px}
    .sec_05 .list .item img {max-width:60px}
    .sec_05 .list .item .tit {font-size:16px;margin-top:8px}
    .sec_05 .list .item p {font-size:12px;margin-top:10px}

    .sec_07 {padding-bottom:0}
    .sec_07 .list {display:none}
    .sec_07 .swiper {display:block;margin-top:24px;width:calc(100% + 40px);margin-left:-20px;padding:0 20px var(--sec-padding)}
    .sec_07 .item {gap:20px;flex-direction:column;}
    .sec_07 .item > div {gap:10px}
    .sec_07 .item .tit {font-size:14px;padding:5px 10px}
    .sec_07 .swiper-pagination {position:initial;margin:20px 0 0 !important}
    .sec_07 .swiper-pagination-bullet-active {background:#FF6501}
    
    .sec_08 .title_box {margin-top:24px}

    .page_view {padding:80px 0}
    .page_view .list {margin-top:24px}
}