@charset "utf-8";

@import url(font.css); /* 폰트 */

*, body {margin:0; padding:0; box-sizing: border-box; }
body {width:100%; height: 100vh; font-family: 'pretendard', 'agathiasstenchy', 'dealoras',  sans-serif;}

.main_section {width:100%; height:100vh; background-image: url(../image/main_img.jpg);}
.main_section .txt_wrap {width:100%; height:100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main_section .main_tit {font-size: 320px; height: 415px; color: #feeeb3; letter-spacing: -3px;}
.main_tit span {font-family: 'dealoras';}
.main_section .main_txt {color: #feeeb3;text-align: center;font-size: 26px;line-height: 40px;FONT-WEIGHT: 600;letter-spacing: -0.5px;}

.slide_section {height:870px;background-color:#ded2ba;}
.sec_txt_box {width: 100%;margin:0 auto;text-align: center;padding-top: 115px;}
.sec_txt_box h1 {font-family: 'dealoras';color: #3f250d;font-size: 53px;}
.sec_txt_box p {color: #664b33;font-weight: 500;font-size: 18px;}
.slide_wrap {width:100%;margin-top: 70px;overflow: hidden;}
.slide_con {text-align: center; cursor: pointer;}
.slide_con .imgbox {height:400px;border-radius: 15px;margin-bottom: 40px;}
.slide_con .img01 {background-image: url(../image/link_img_md.jpg);background-repeat: no-repeat;background-size: cover;}
.slide_con .img02 {background-image: url(../image/link_img_yy.jpg);background-repeat: no-repeat;background-size: cover;}
.slide_con .img03 {background-image: url(../image/link_img_oceanyy.jpg);background-repeat: no-repeat;background-size: cover;}
.slide_con .img04 {background-image: url(../image/link_img_us.jpg);background-repeat: no-repeat;background-size: cover;}
.slide_con .img05 {background-image: url(../image/link_img_ns.jpg);background-repeat: no-repeat;background-size: cover;}
.slide_con h2 {font-family: 'agathiasstenchy';color: #3f250d;font-weight: 500;font-size: 38px;margin-bottom: 15px;}
.slide_con p {color: #664b33;font-weight: 600;font-size: 18px;}

.section03 {height:967px;background-color: #ece2c9;}
.section03  .con_wrap {margin: 0 auto;display: flex;flex-direction: row;align-items: center;justify-content: space-between;max-width: 1560px;height: 100%;}
.section03 .txt_con {display: flex;flex-direction: column;gap: 250px;}
.section03 .txt_con .main_tit {font-size: 54px;color: #3c352f;FONT-WEIGHT: 700;letter-spacing: -1px;}
.section03 .txt_con .tit_box {display: flex;flex-direction: row;align-items: flex-end;gap: 52px;}
.section03 .txt_con .tit_box .tit_img {width: 280px; height: 220px; border-radius: 10px; background-image: url(../image/section03_img01.jpg);}
.section03 .txt_con .tit_box .txt_grp {margin-bottom: 25px;}
.section03 .txt_con .tit_box p {font-size: 18px;color: #3c352f;line-height: 29px;font-weight: 600;}
.section03 .img_con {position: relative;}
.section03 .img_con .sec03_img {width:613px; height: 613px; border-radius: 15px; background-image: url(../image/section03_img02.jpg);}
.section03 .img_con .img_txt {position: absolute;top: -33px;right: -47px;background-image: url(../image/section03_img01.png);width: 180px;height: 146px;display: flex;
    align-items: center;justify-content: center;text-align: center;font-weight: 600;color: #feeeb3;line-height: 26px;padding-top: 10px;}

.article_section {height: 557px; background-color: #462c13;}
.article_wrap {width: 1560px;height: 100%;margin: 0 auto;display: flex;flex-direction: row;align-items: center;color: #feeeb3;gap: 70px;}
.article_box {height: 370px;display: flex;flex-direction: column;align-items: flex-start;flex: 1;border-right: 1px solid #feeeb3;}
.article_box:last-child {border-right: 0;}
.article_box .article_num {font-family: 'agathiasstenchy';font-size: 18px;}
.article_box h2 {font-family: 'agathiasstenchy';font-size: 69px;FONT-WEIGHT: 400;margin-bottom: 70px;}
.art_tit{font-size: 28px; FONT-WEIGHT: 500; margin-bottom: 35px;}
.art_txt {font-size: 18px; letter-spacing: -0.5px; line-height: 28px;}

.service_section {width: 100%; height: 1064px; background-color: #ece2c9;}
.service_wrap {width: 1560px;height: 100%;margin: 0 auto;display: flex;flex-direction: row;align-items: flex-start;padding-top: 225px;justify-content: space-between;}
.service_wrap .txt_wrap h1{font-family: 'agathiasstenchy';color: #462914;font-size: 93px;font-weight: 300;letter-spacing: -2px;}
.service_wrap .txt_wrap .main_tit{color: #462914; font-weight: 500; letter-spacing: -1px; font-size: 16px; margin-top: 80px; margin-bottom: 30px;}
.service_wrap .txt_wrap .main_txt{color: #462914; font-size: 21px; font-weight: 600; letter-spacing: -0.5px; line-height: 31px;}
.service_wrap .box_wrap {width:890px;display: flex;flex-wrap: wrap;gap: 42px;}
.service_wrap .box_cont {width: 424px;height: 310px;border-radius: 15px;background-color: #fcf5e3;border:2px solid #b0a892;padding: 40px 0 0 45px;}
.service_wrap .box_cont .box_icon {width: 75px;height: 75px;background-size: contain;}
.service_wrap .box_cont .icon01 {background-image: url(../image/service_icon01.jpg);}
.service_wrap .box_cont .icon02 {background-image: url(../image/service_icon02.jpg);}
.service_wrap .box_cont .icon03 {background-image: url(../image/service_icon03.jpg);}
.service_wrap .box_cont .icon04 {background-image: url(../image/service_icon04.jpg);}
.service_wrap .box_cont .box_tit {color: #462914;font-size: 30px;letter-spacing: -1.3px;font-weight: 700;margin: 20px 0 15px 0;}
.service_wrap .box_cont .box_txt {color: #462914;font-size: 18px;font-weight: 600;letter-spacing: -0.5px;line-height: 25px;}

.main_banner01{width: 100%; background-color: #462c13; height:60px; display: flex; align-items: center;
    justify-content: center; color: #feeeb3; font-size: 31px; font-family: 'agathiasstenchy';    }
.main_banner01 span {font-size: 17px;font-family: 'pretendard';margin: 8px 0 0 10px;font-weight: 500;}   

.table_section{width: 100%;background: #feeeb3;height: 560px;}
.table_section .table_wrap{display: flex;flex-wrap: wrap;}
.table_section .table_wrap .table_con_box{width: 70%;text-align: left;}
.table_section .table_wrap .table_con{width: 25%;height: 280px;display: flex;align-items: center;flex-direction: column;justify-content: center;border-bottom: dotted 1px #8a7b51;border-right: dotted 1px #8a7b51;}
.table_section .table_wrap .table_con .table_num{color: #54451d;font-weight: 500;font-size: 34px;font-family: 'dealoras';}
.table_section .table_wrap .table_con .table_txt{color: #54451d;font-weight: bold;margin-top:30px;}

.platform_section {width:100%;height: 1065px;background-color: #ece2c9;margin-bottom: -65px;}
.platform_wrap {width:1560px;height: 95%;margin: 0 auto;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.platform_wrap .circle_con {width:580px; height:580px; border-radius: 50%; background-color: #e0d4bc; display: flex;
    flex-direction: column; align-items: center; justify-content: space-around; position: relative; gap: 110px; margin-left: 100px;}
.circle_con .circle_part01, .circle_part03 {color: #462c13; font-size: 16px; font-weight: 800; text-align: center; line-height: 25px; letter-spacing: -0.5px;}
.circle_con .circle_part02 {display: flex;flex-direction: row;align-items: center;position: absolute;color: #462c13;width: 845px;justify-content: space-between;padding-left: 30px;}
.circle_con .circle_part02 .txt_box {font-size: 30px;font-weight: 800;padding: 11px 23px;border: 1px solid #462c13;border-radius: 10px;background-color: #f2ecdc;letter-spacing: -0.5px;}
.circle_con .circle_part02 .arrow_box {display: flex;flex-direction: column;color: #462c13;align-items: center;font-size: 18px;FONT-WEIGHT: 600;letter-spacing: -0.5px;}
.circle_con .circle_part02 .arrow_icon01 {display: flex; flex-direction: row; align-items: center;width: 75px; justify-content: end; margin-bottom: 3px;}
.circle_con .circle_part02 .start {justify-content: start;}
.circle_con .circle_part02 .triangle_line {width: 55px;height:0.5px;border: 0;background-color: #462c13;}
.circle_con .circle_part02 .arrow_box .triangle {display: inline-block;border: 6px solid transparent;}
.circle_con .circle_part02 .arrow_box .triangle_left{border-left-color: #462c13;}
.circle_con .circle_part02 .arrow_box .triangle_right{border-right-color: #462c13;}
.circle_con .circle_part02 .circle_box {width:185px;height:185px;border-radius: 50%;background-color: #462c13;color: #feeeb3;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 11px;}
.platform_wrap .txt_con {display: flex;flex-direction: column;gap: 30px;}
.platform_wrap .txt_con h1 {font-family: 'agathiasstenchy';color: #462914;font-size: 93px;font-weight: 300;letter-spacing: -3px;}
.platform_wrap .txt_con .txt_con_tit {color: #462914;font-size: 29px;letter-spacing: -1px;font-weight: 600;}
.platform_wrap .txt_con .txt_con_txt {color: #3c352f;font-size: 15px;letter-spacing: -0.5px;line-height: 27px;}

.main_footer{position: relative;width:100%;background-color:#462c13;height:750px;padding-top: 130px;border-top-left-radius: 70px;display: flex;flex-direction: column;align-items: flex-start;}
.footer_wrap {width:1560px;height: 545px;margin:0 auto;display: flex;flex-direction: column;justify-content: space-between;}
.main_footer .top_box{/* margin-left: 10%; */}
.main_footer .top_box p {color: #feeeb3;font-size: 18px;font-weight: 400;letter-spacing: -0.5px;line-height: 30px;}
.bottom_box{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.bottom_box .left_box p{color: #feeeb3;font-size: 23px;line-height: 31px;}
.bottom_box .left_box a{text-decoration: none;color: #f1e2bf;}
.bottom_box .left_box .s_txt{font-size: 15px;}
.bottom_box .right_box {font-size: 145px;color: #feeeb3;font-weight: 500;}
.bottom_box .right_box span{font-family: 'dealoras';}
.top_button {position: absolute;width: 120px;height: 120px;border-radius: 50%;background-color: #feeeb3;border: 1px solid #462c13;right: 85px;top: -59px;cursor: pointer;}
.arrow-prev::after {position: absolute; left: 45px; top: 52px; content: '';width: 28px; height: 28px; border-top: 2px solid #462c13; border-right: 2px solid #462c13; transform: rotate(315deg);}

@media screen and (max-width: 1560px) {
    .main_section .main_tit{font-size: 270px; height: 380px;}
    .section03 .con_wrap {padding: 0 100px;  box-sizing: border-box;}
    .section03 .txt_con .main_tit {font-size: 45px;}
    .section03 .img_con .sec03_img {width: 580px; height: 580px;}
    .section03 .txt_con .tit_box {gap: 25px;}
    .article_wrap {padding: 0 100px;  box-sizing: border-box; width: 100%;}
    .platform_wrap {padding: 0 40px;  box-sizing: border-box; width: 100%;}
    .service_wrap{width:100%; padding: 0 100px;  box-sizing: border-box;padding-top: 225px;}
    .service_wrap .box_wrap {gap:30px;}
    .service_wrap .box_cont {width: 48%; padding: 40px 0 0 25px;}
    .platform_wrap .circle_con {width: 550px;height: 550px;}
    .circle_con .circle_part02 {width: 740px; padding-left: 0;}
    .main_footer {padding: 130px 100px 0; box-sizing: border-box;}
    .footer_wrap {width: 100%;}
}