@charset "utf-8";

:root {
    --primary: #FF6E00;
}
.wrapper {max-width:1420px}
.title_box {margin-bottom:60px}
.title_box p {color:#565656}

.sec_hero .txt_wrap .logo {max-width:608px}
.sec_hero .txt_wrap .tit .color {color:var(--primary)}
.sec_hero .view_more .round {background:var(--primary)}

.sec_info {background:linear-gradient(135deg, #FF6E00, #F8B700)}
.sec_info .cont {color:#ffffff}

.sec_03 {padding:var(--sec-padding) 0;background:linear-gradient(#FFFFFF, #FFFFFF 60%, #FFF3E6)}
.sec_03 .over_view {margin-top:120px}

.sec_04 {background:linear-gradient(#914D00, #914D00 60%, #C77901);color:#ffffff;padding:var(--sec-padding) 0}
.sec_04 .title_box .sub {color:#ffffff}
.sec_04 .img_wrap {margin:0 auto;width:fit-content;position:relative}
.sec_04 .img_wrap::before,
.sec_04 .img_wrap::after {content:'';display:block;width:50vw;height:1px;background:rgba(255,255,255,.3);position:absolute;top:50%;left:100%;transform:translateY(-50%)}
.sec_04 .img_wrap::after {left:auto;right:100%}

.sec_05 {padding-top:var(--sec-padding)}
.sec_05 .color {display:flex}
.sec_05 .color .item {width:25%;height:480px}
.sec_05 .color .item_01 {background:#FF6E00;width:50%}
.sec_05 .color .item_02 {background:#FF9F1C}
.sec_05 .color .item_03 {background:#111111;color:#595959}

.sec_06 {padding:var(--sec-padding) 0;background:url('img/sec_06_bg.jpg') no-repeat center/cover}
.sec_06 .item {display:flex;align-items:center;justify-content:space-between;gap:0 80px}
.sec_06 .item .img_wrap {width:44%;box-shadow:0 30px 60px rgba(0,0,0,.2)}
.sec_06 .item .txt_wrap {flex:1;display:flex;align-items:flex-start;gap:0 15px;}
.sec_06 .item .txt_wrap > img {margin-top:12px}
.sec_06 .item .txt_wrap .tit {display:block;font-size:38px;font-weight:700;line-height:1.2}
.sec_06 .item .txt_wrap .tit_ko {display:block;font-size:22px;font-weight:700;margin-top:12px;color:#FF6E00;line-height:1.3}
.sec_06 .item .txt_wrap ul {font-size:18px;margin-top:30px;color:#343434}
.sec_06 .item_01 {align-items:flex-start;}
.sec_06 .item_01 .txt_wrap {margin-top:200px}
.sec_06 .item_02 {flex-direction:row-reverse;align-items:flex-end;margin-top:-40%}
.sec_06 .item_03 {padding:160px 0}
.sec_06 .item_04 {flex-direction:row-reverse;align-items:flex-start}
.sec_06 .item_05 {align-items:flex-end;margin-top:-30%}

.sec_08 {background:url('img/sec_08_bg.jpg') no-repeat center bottom/cover}
.sec_08 .cont {width:calc(100% + 80px);margin-left:-40px}



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

    .sec_03 .over_view {margin-top:80px}
    .sec_05 .color .item {height:320px}

    .sec_06 .item {gap:0 40px}
    .sec_06 .item .txt_wrap .tit {font-size:30px}
    .sec_06 .item .txt_wrap .tit_ko {font-size:18px;margin-top:10px}
    .sec_06 .item .txt_wrap ul {font-size:15px;margin-top:24px}
    .sec_06 .item .img_wrap {width:46%}
    .sec_06 .item_03 {padding:100px 0}

    .sec_08 .cont {width:calc(100% + 40px);margin-left:-20px}
}

@media all and (max-width: 1023px) {
    .sec_06 .list {display:flex;flex-direction:column;gap:40px 0;}
    .sec_06 .item_02,
    .sec_06 .item_05 {margin:0}
    .sec_06 .item_03 {padding:0}
    .sec_06 .item {align-items:center !important;}
    .sec_06 .item .txt_wrap {flex-direction:column;gap:10px 0;margin:0 !important}
}

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px}
    
    .sec_03 .over_view {margin-top:48px}
    .sec_04 .img_wrap::before, .sec_04 .img_wrap::after {display:none}

    .sec_05 .color {flex-wrap:wrap}
    .sec_05 .color .item {height:170px;width:50%}
    .sec_05 .color .item_01 {width:100%}

    .sec_06 .item {gap:20px}
    .sec_06 .item .txt_wrap > img {margin:0;width:16px}
    .sec_06 .item .txt_wrap {gap:6px}
    .sec_06 .item .txt_wrap .tit {font-size:24px}
    .sec_06 .item .txt_wrap .tit_ko {font-size:14px;margin-top:6px}
    .sec_06 .item .txt_wrap ul {font-size:12px;margin-top:16px}
}