@charset "utf-8";

.wrapper {max-width:1440px;}
.green {color:#83FE00}
.title_box {margin-bottom:60px}
.title_box .sub {color:#83FE00}
.title_box p {color:#565656}

.sec_hero .txt_wrap .logo {max-width:465px}
.sec_hero .txt_wrap .tit .color {color:#83FE00}
.sec_hero .view_more .round {background:#6DD300}

.sec_info {background:#91F12B;color:#343434}
.sec_info .cont {color:#343434}

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

.sec_04 {padding-top:calc(var(--sec-padding)/2)}
.sec_system .cont {display:flex;margin-top:60px}
.sec_system .cont > div {width:100%}
.sec_system .font {display:flex;align-items:center;justify-content:center;background:#181818;color:#fff;text-align:center}
.sec_system .font .inner1 {display:flex;align-items:flex-start;justify-content:center;gap:0 100px}
.sec_system .font .sub {display:block;color:#696969;font-size:16px;font-weight:700}
.sec_system .font .name {display:block;color:#83FE00;font-size:20px;font-weight:700;margin-top:10px}
.sec_system .font strong {font-size:200px}
.sec_system .color {display:grid;grid-template-columns:repeat(2, 1fr);}
.sec_system .color .item {width:100%;height:320px}
.sec_system .color .item_01 {background:#85EF13;color:#000000}
.sec_system .color .item_02 {background:#09F9BF;color:#000000}
.sec_system .color .item_03 {background:#049784}
.sec_system .color .item_04 {background:#000000}

.sec_05 {padding:var(--sec-padding) 0;background:#111111;color:#ffffff}
.sec_05 .wrapper {display:flex;align-items:flex-start;justify-content:space-between;gap:40px;}
.sec_05 .title_box p {color:#ffffff;font-weight:300;max-width:485px}
.sec_05 .title_box p strong {font-weight:700}
.sec_05 .list {width:65%;max-width:740px;display:grid;grid-template-columns:repeat(2, 1fr);gap:44px 60px}
.sec_05 .list .item:nth-child(even) {transform:translateY(100px)}
.sec_05 .list .item .img_wrap {border-radius:20px;overflow:hidden}
.sec_05 .list .item span {display:block;font-size:20px;font-weight:600;margin-top:20px}

.sec_06 {padding:calc(var(--sec-padding)/2) 0;background:#111111 url('img/sec_06_bg.png') no-repeat center bottom/100%;color:#ffffff}
.sec_06 .point {display:block;color:#83FE00;font-size:24px;font-weight:700;margin-bottom:50px}
.sec_06 .title_box p {color:#ffffff}
.sec_06 .list {display:flex;position:relative;width:100%;max-width:1230px;margin:0 auto}
.sec_06 .list::before,
.sec_06 .list::after {content:'';display:block;width:50vw;height:1px;background:#83FE00;position:absolute;top:50%;left:100%;transform:translateY(-50%)}
.sec_06 .list::after {left:auto;right:100%}
.sec_06 .list .item {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;width:410px;height:410px;border:solid 1px #83FE00;border-radius:400px;color:#83FE00;text-align:center;}
.sec_06 .list .item span {display:block;font-size:34px;font-weight:700}
.sec_06 .list .item p {font-size:20px;font-weight:700;line-height:1.5}

.sec_08 {background:#34F1C3}

.sec_10 {background:#111111;color:#ffffff}
.sec_10 .title_box p {color:#ffffff;font-weight:300}
.sec_10.sub_page_view .list {justify-content:space-between;gap:135px}
.sec_10.sub_page_view .list > div:nth-child(2) {margin-top:60px;}
.sec_10.sub_page_view .list > div:nth-child(3) {margin-top:120px;}

.sec_11 {background:#111111}



@media (hover: hover) {}

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

    .sec_03 .over_view {margin-top:80px}
    
    .sec_system .cont {margin-top:40px}
    .sec_system .color .item {height:150px}
    .sec_system .font .inner1 {gap:0 60px}
    .sec_system .font .sub {font-size:14px}
    .sec_system .font .name {font-size:17px}
    .sec_system .font strong {font-size:150px}
    
    .sec_05 .list {gap:20px}
    .sec_05 .list .item .img_wrap {border-radius:12px}
    .sec_05 .list .item span {font-size:16px}

    .sec_06 .list {max-width:960px}
    .sec_06 .list .item {width:320px;height:320px}
    .sec_06 .list .item span {font-size:25px}
    .sec_06 .list .item p {font-size:16px}
    .sec_06 .point {font-size:20px;margin-bottom:35px}

    .sec_10.sub_page_view .list {gap:64px}
    /*
    */
}

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

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px}
    
    .sec_03 .over_view {margin-top:48px}
    
    .sec_system .cont {flex-direction:column;margin-top:24px}
    .sec_system .color .item {height:120px;font-size:14px;padding:20px}
    .sec_system .font {padding:40px 20px 24px}
    .sec_system .font .sub {font-size:12px}
    .sec_system .font .name {font-size:14px}
    .sec_system .font strong {font-size:100px}

    .sec_05 .wrapper {flex-direction:column;gap:24px;}
    .sec_05 .list {gap:16px;width:100%;max-width:100%}
    .sec_05 .list .item:nth-child(even) {transform:translateY(50px)}
    .sec_05 .list .item .img_wrap {border-radius:5px}
    .sec_05 .list .item span {font-size:12px;margin-top:16px}

    .sec_06 .list {flex-direction:column;align-items:center;}
    .sec_06 .list::before,
    .sec_06 .list::after {display:none;}
    .sec_06 .list .item span {font-size:18px}
    .sec_06 .list .item p {font-size:13px}
    .sec_06 .point {font-size:15px;margin-bottom:20px}

    .sec_10.sub_page_view .list {gap:14px}
    .sec_10.sub_page_view .list > div:nth-child(2) {margin-top:30px}
    .sec_10.sub_page_view .list > div:nth-child(3) {margin-top:60px}

}

@media all and (max-width: 499px) {
    .sec_05 .list {display:flex;flex-direction:column;}
    .sec_05 .list .item:nth-child(even) {transform:translateY(0)}
    .sec_06 .list .item {width:245px;height:245px}
}