/* ----------------------- 공통 */
html {
    scroll-behavior: smooth;	/* 부드로운 스크롤 이동 효과 */
}

/* 공통들 */
.main_color { color: #0B5ACE; }
.red { color: #E01818; }
.at-container{padding: 0 4.1667vw;}
.flex {display: flex; align-items: normal; justify-content: normal;}
.flex-cc {display: flex; align-items: center; justify-content: normal;}
.flex-c {display: flex; align-items: center; justify-content: center;}
.flex-sp {display: flex; align-items: center; justify-content: space-between;}
.flex-nsp {display: flex; align-items: normal; justify-content: space-between;}
.flex-r {display: flex; align-items: center; justify-content: flex-end;}
.flex-a {display: flex; align-items: center; justify-content: space-around;}
.fz9{font-size: 2.0556vw;}
.fz10{font-size: 2.7778vw;}
.fz11{font-size: 3.0556vw;}
.fz12{font-size: 3.3333vw;}
.fz13{font-size: 3.4999vw;}
.fz14{font-size: 3.6889vw;}
.fz14_2{font-size: 15px;}
.fz14RB{font-size: 3.8889vw; color: #000; font-weight: 400;}
.fz16{font-size: 4.0444vw;}
.fz17{font-size: 4.5222vw;}
.fz18{font-size: 5.0000vw;}
.fw3{font-weight: 300;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 500;}
.fw7{font-weight: 700;}
.p5{padding: 1.3889vw; box-sizing: border-box;}
.p10{padding: 2.7778vw;box-sizing: border-box;}
.p15{padding: 4.1667vw;box-sizing: border-box;}
.p1015{padding: 2.7778vw 4.1667vw;box-sizing: border-box;}
.pt10 {padding-top: 2.7778vw;}
.pt20 {padding-top: 5.5556vw;}
.pt30 {padding-top: 8.3333vw;}
.pb10 {padding-bottom: 2.7778vw;}
.pb20 {padding-bottom: 5.5556vw;}
.pb30 {padding-bottom: 8.3333vw;}
.ptb15 {padding: 4.1667vw 0;}
.plr15 {padding: 0 4.1667vw; box-sizing: border-box;}
.allm15 {margin: 4.1667vw;}
.mt5 {margin-top: 1.3889vw;}
.mt10 {margin-top: 2.7778vw;}
.mt15 {margin-top: 4.1667vw;}
.mt20 {margin-top: 5.5556vw;}
.mt30 {margin-top: 8.3333vw;}
.mb2 {margin-bottom: 0.4556vw;}
.mb5 {margin-bottom: 0.8889vw;}
.mb7 {margin-bottom: 1.9444vw;}
.mb10 {margin-bottom: 2.7778vw;}
.mb15 {margin-bottom: 4.1667vw;}
.mb20 {margin-bottom: 5.5556vw;}
.mb30 {margin-bottom: 8.3333vw;}
.mb50 {margin-bottom: 13.8889vw;}
.mb100 {margin-bottom: 27.7778vw;}
.mtb15 {margin: 4.1667vw 0;}
.mr5 {margin-right: 1.3889vw;}
.mr8 {margin-right: 2.2222vw;}
.mr10 {margin-right: 2.7778vw;}
.mr15 {margin-right: 4.1667vw;}
.db {display: block;}
.bdc1 {border:0.2778vw solid #C4C4C4;}
.bd5 {border:0.2778vw solid #E4E4E4; border-radius: 1.3889vw;}
.cob {color: #0B5ACE;}
.cof {color: #fff;}
.bgf {background: #fff;}
.bgb{background: #0B5ACE;}
.por{position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%);}
.pol{position: absolute; top: 50%;left: 4.1667vw;transform: translateY(-50%);}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.m0a{display: block;margin: 0 auto;}
.w100{width: 100%;}
.w90{width: 90%;}
.w80{width: 80%;}
.w75{width: 75%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w25{width: 25%;}
.w20{width: 20%;}
.w15{width: 15%;}
.w10{width: 10%;}
.w5{width: 5%;}
.op1{ opacity: 0.1; }
.op2{ opacity: 0.2; }
.op3{ opacity: 0.3; }
.op4{ opacity: 0.4; }
.op5{ opacity: 0.5; }
.op6{ opacity: 0.6; }
.op7{ opacity: 0.7; }
.op8{ opacity: 0.8; }
.op9{ opacity: 0.9; }

.bb1e4 {border-bottom: 0.2778vw solid #e4e4e4;}

.swiper-wrapper{ transition-timing-function: linear; }

.main_color { color: #0163a8; }
.sub_color { color: #0263a8; }
.required { color: #ff4b4b; }
.mobile_hidden { display: none; }
.p_hidden { display: none; }
.m_hidden { display: inline-block; }

.main-index { width: 100%; }
.btn_black { filter: brightness(0) invert(0); }

/* -----공통 헤더 */
.header {text-align: center; position: sticky; top: 0; background-color: #191715; padding: 18px 4.1667vw; z-index: 999; }
.header .header-logo-box { cursor: pointer; }
.header .header-menu { width: 65%; }
.header .header-item { font-size: 14px; color: #e3e3e3; line-height: 20px; letter-spacing: -0.32px; padding: 0px 12px; cursor: pointer; font-weight: 400; }
.header .header-item.on { color: #3c83f6; }
.header .header-item .point_circle { width: 6px; height: 6px; background-color: #fe9a00; border-radius: 99999px; margin-right: 6px; }
.header .header-item.header-btn { color: #bb4d00; background: #fee685; border-radius: 8px; padding: 8px 16px; font-weight: 600; line-height: 20px; letter-spacing: -0.2px; }
.header .header-btn { gap: 8px; }
.header .header-btn .header-item-btn { font-size: 14px; color: #0f172b; border-radius: 8px; padding: 8px 12px; border: 1px solid #314158; cursor: pointer; }
.header .header-btn .header-item-btn.resv { color: #fff; background: #0f172b; }
.header .header-btn .header-item-btn .icon { width: 18%; }

.cont1 { position: relative; background-image: linear-gradient(180deg,rgba(16, 14, 12, 0) 85%, rgba(16, 14, 12, 1) 100%), url("../img/cont1_bg.png"); background-size: cover; padding: 90px 17vw; }
.cont1 .txt1 { font-size: 79px; color: #fff; line-height: 93px; letter-spacing: -1.11px; font-weight: 700; margin-bottom: 27px; }
.cont1 .txt1 .point { color: #17e4ff; }
.cont1 .txt2 { font-size: 19px; color: #fff; line-height: 29.3px; letter-spacing: -0.27px; font-weight: 400; margin-bottom: 107px; }
.cont1 .box_area {  }
.cont1 .box_area .box { color: #fff; font-size: 16px; line-height: 28px; letter-spacing: -0.22px; font-weight: 600; border-right: 1px solid rgba(255, 255, 255, 0.15); padding: 0px 20px; }
.cont1 .box_area .box:last-child { border-right: 0px; }
.cont1 .box_area .box .sub { color: #cad5e2; font-size: 12px; line-height: 20px; letter-spacing: -0.17px; font-weight: 300; }

.cont1_1 { background: linear-gradient(180deg,rgba(19, 17, 15, 1) 0%, rgba(25, 23, 21, 1) 100%); padding: 80px 17vw; }
.cont1_1 .txt1 { font-size: 48px; color: #fff; line-height: 60px; letter-spacing: -0.67px; font-weight: 700; margin-bottom: 16px; }
.cont1_1 .txt1 .point { color: #17e4ff; }
.cont1_1 .txt2 { font-size: 15px; color: #fff; line-height: 31px; letter-spacing: -0.21px; font-weight: 400; margin-bottom: 16px; }
.cont1_1 .btn { color: #fff; background: #12cde6; font-size: 16px; line-height: 24px; letter-spacing: -0.22px; font-weight: 700; padding: 16px 32px; border-radius: 12px; margin-bottom: 40px; }
.cont1_1 .box_area { gap: 20px; margin-bottom: 20px; flex-wrap: wrap; }
.cont1_1 .box_area .box { width: calc(33% - 20px); background: rgba(255, 255, 255, 0.31); color: #fff; font-size: 20px; line-height: 21.5px; letter-spacing: -0.34px; border-radius: 16px; padding: 45px 32px;  }
.cont1_1 .box_area .box img { margin-bottom: 16px; }

.cont1_2 { background: linear-gradient(180deg,#03319e 0%, #020409 100%); padding: 150px 17vw; }
.cont1_2 .txt1 { font-size: 48px; color: #fff; line-height: 60px; letter-spacing: -0.67px; font-weight: 700; margin-bottom: 16px; }
.cont1_2 .txt1 .point { color: #17e4ff; }
.cont1_2 .txt2 { font-size: 21px; color: #fff; line-height: 29.3px; letter-spacing: -0.29px; font-weight: 400; margin-bottom: 40px; }
.cont1_2 .txt2 .point { color: #17e4ff; }
.cont1_2 .btn { color: #191715; background: #12cde6; font-size: 16px; line-height: 24px; letter-spacing: -0.22px; font-weight: 700; padding: 16px 32px; border-radius: 12px; margin-bottom: 40px; }
.cont1_2 .box_area { gap: 20px; margin-bottom: 20px; flex-wrap: wrap; }
.cont1_2 .box_area .box { width: calc(33% - 20px); background: rgba(255, 255, 255, 0.31); color: #fff; font-size: 20px; line-height: 21.5px; letter-spacing: -0.34px; border-radius: 16px; padding: 45px 32px;  }
.cont1_2 .box_area .box img { margin-bottom: 16px; }

.cont2 { background-image: url("../img/cont2_bg.png"); background-size: cover; padding: 80px 17vw; }
.cont2 .txt1 { font-size: 48px; color: #fff; line-height: 60px; letter-spacing: -0.67px; font-weight: 700; margin-bottom: 16px; }
.cont2 .txt1 .point { color: #ffb900; }
.cont2 .txt2 { font-size: 20px; color: #fff; line-height: 28px; letter-spacing: -0.28px; font-weight: 700; margin-bottom: 16px; }
.cont2 .txt3 { font-size: 20px; color: #fff; line-height: 28px; letter-spacing: -0.28px; font-weight: 400; margin-bottom: 16px; }
.cont2 .txt3 .point { color: #ffb900; font-weight: 700; }
.cont2 .btn { color: #191715; background: #ffb900; font-size: 16px; line-height: 24px; letter-spacing: -0.22px; font-weight: 700; padding: 16px 32px; border-radius: 12px; }

.cont3 { background-image: url("../img/cont3_bg.png"); background-size: cover; padding: 140px 17vw; }
.cont3 .area1 { margin-bottom: 140px; }
.cont3 .area1 .txt1 { font-size: 60px; color: #fff; line-height: 75px; letter-spacing: -0.84px; font-weight: 700; }
.cont3 .area1 .txt1 .point { color: #17e4ff; }
.cont3 .area1 .txt2 { font-size: 21px; color: #fff; line-height: 29.3px; letter-spacing: -0.29px; margin-bottom: 24px; margin-top: 24px; font-weight: 400; }
.cont3 .area1 .txt2 .point { color: #17e4ff; font-weight: 700; }
.cont3 .area1 .btn { color: #191715; background: #17e4ff; font-size: 16px; line-height: 24px; letter-spacing: -0.22px; font-weight: 700; padding: 16px 32px; border-radius: 12px; }
.cont3 .area1 .circle_area { gap: 20px; }
.cont3 .area1 .circle_area .box { color: #e2e8f0; font-size: 17px; line-height: 24px; letter-spacing: -0.24px; font-weight: 700; text-align: center;  }
/* .cont3 .area1 .circle_area .box .circle { border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(15, 23, 43, 0.6); border-radius: 50%; padding: 24px 27px; margin-bottom: 10px; } */
.cont3 .area1 .circle_area .box .circle { margin-bottom: 10px; }
.cont3 .area1 .circle_area .tmp_circle { background: #62748e; width: 4px; height: 4px; border-radius: 50%; margin-bottom: 30px; }
.cont3 .area2 { text-align: center; }
.cont3 .area2 .txt1 { color: #fff; font-size: 36px; line-height: 49.5px; letter-spacing: -0.5px; font-weight: 700; margin-bottom: 12px; }
.cont3 .area2 .txt2 { color: #fff; font-size: 22px; line-height: 33px; letter-spacing: -0.31px; font-weight: 500; margin-bottom: 40px; }
.cont3 .area2 .box_area { text-align: left; gap: 20px; margin-bottom: 20px; flex-wrap: wrap; }
.cont3 .area2 .box_area .box { width: calc(33% - 20px); background: rgba(255, 255, 255, 0.31); color: #fff; font-size: 20px; line-height: 21.5px; letter-spacing: -0.34px; border-radius: 16px; padding: 45px 32px;  }
.cont3 .area2 .box_area .box img { margin-bottom: 16px; }

.cont4 { background-image: url("../img/cont4_bg.png"); background-size: cover; padding: 80px 17vw; }
.cont4 .txt1 { font-size: 48px; color: #fff; line-height: 60px; letter-spacing: -0.67px; font-weight: 700; margin-bottom: 48px; }
.cont4 .txt1 .point { color: #ffb900; }
.cont4 .box_area { text-align: left; gap: 20px; margin-bottom: 20px; }
.cont4 .box_area .box { width: calc(25% - 20px); background: rgba(255, 255, 255, 0.17); color: #fff; font-size: 12px; line-height: 16px; letter-spacing: -0.17px; border-radius: 16px; padding: 24px; text-align: center; font-weight: 600; }
.cont4 .box_area .box img { margin-bottom: 12px; }
.cont4 .box_area .box .point { font-size: 30px; line-height: 36px; letter-spacing: -0.42px;  margin-top: 12px; font-weight: 700; }

.cont5 { background-image: linear-gradient(180deg,#020409 0%, #03319e 100%); background-size: cover; padding: 150px 0px; }
.cont5 .cont5_pd { padding: 0px 17vw; }.cont5 .cont5_pd .txt1 { font-size: 60px; color: #fff; line-height: 75px; letter-spacing: -0.84px; font-weight: 700; margin-bottom: 16px; }
.cont5 .cont5_pd .txt1 .point { color: #17e4ff; }
.cont5 .cont5_pd .txt2 { font-size: 20px; color: #fff; line-height: 28px; letter-spacing: -0.28px; font-weight: 400; margin-bottom: 48px; }
.cont5 .cont5_pd .txt2 .point { color: #155dfc; }
.cont5 .box { width: calc(33% - 24px); background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 24px; margin-left: 24px; }
.cont5 .box .tag { font-size: 12px; color: #62748e; line-height: 16px; letter-spacing: -0.17px; margin-bottom: 24px; font-weight: 600; }
.cont5 .box .area1 { width: 56%; }
.cont5 .box .area1 .title { font-size: 18px; color: #0f172b; line-height: 24.8px; letter-spacing: -0.25px; font-weight: 700; margin-bottom: 24px; }
.cont5 .box .area1 .contents { font-size: 14px; color: #45556c; line-height: 22.8px; letter-spacing: -0.2px; font-weight: 400; }
.cont5 .box .area2 { width: 40%; background: #f8f8f8; border: 1px solid #e2e8f0; border-radius: 16px; padding: 16px; }
.cont5 .box .area2 .line { gap: 10px; }
.cont5 .box .area2 .line img { width: 16px; height: 16px; }
.cont5 .box .area2 .line .txt1 { color: #62748e; font-size: 11px; line-height: 16.5px; letter-spacing: -0.15px; font-weight: 600; }
.cont5 .box .area2 .line .txt2 { color: #0f172b; font-size: 12px; line-height: 16px; letter-spacing: -0.17px; font-weight: 400; }
.cont5 .box .area2 .line .txt3 { color: #62748e; font-size: 11px; line-height: 16.5px; letter-spacing: -0.15px; font-weight: 600; }
.cont5 .box .area2 .line .txt4 { color: #314158; font-size: 12px; line-height: 16px; letter-spacing: -0.17px; font-weight: 400; }
.cont5 .box .area2 .line .txt5 { color: #155dfc; font-size: 11px; line-height: 16.5px; letter-spacing: -0.15px; font-weight: 600; }
.cont5 .box .area2 .line .txt6 { color: #1447e6; font-size: 12px; line-height: 16px; letter-spacing: -0.17px; font-weight: 400; }
.cont5 .box .area2 .line .txt7 { color: #bb4d00; font-size: 11px; line-height: 16.5px; letter-spacing: -0.15px; font-weight: 600; }
.cont5 .box .area2 .line .txt8 { color: #973c00; font-size: 12px; line-height: 16px; letter-spacing: -0.17px; font-weight: 400; }

.cont6 { background: #0f172b; padding: 40px 17vw; }
.cont6 .tag { background: rgba(43, 127, 255, 0.2); color: #8ec5ff; font-size: 12px; line-height: 16px; letter-spacing: -0.17px; font-weight: 700; padding: 4px 12px; border-radius: 99999px; }
.cont6 .txt1 { font-size: 30px; color: #fff; line-height: 36px; letter-spacing: -0.42px; font-weight: 700; margin: 8px 0; }
.cont6 .txt1 .point { color: #51a2ff; }
.cont6 .txt2 { font-size: 16px; color: #cad5e2; line-height: 24px; letter-spacing: -0.32px; font-weight: 400; }
.cont6 .btn { color: #fff; background: #155dfc; border-radius: 12px; font-size: 16px; line-height: 24px; letter-spacing: -0.22px; font-weight: 700; padding: 17px 28px; gap: 8px; }

.floating-box { position: fixed; font-size: 15px; bottom: 100px; right: 13%; }
.floating-box .kakao { background: #fee500; padding: 10px 15px; border-radius: 24px; font-size: 13px; font-weight: 600; }

.footer-area { background: #f8fafc; padding: 24px 17vw; }
.footer-area .txt1 { color: #45556c; font-size: 14px; line-height: 22.8px; letter-spacing: -0.2px; margin-bottom: 24px; }
.footer-area .info { padding: 24px 0px; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; margin-bottom: 24px; }
.footer-area .info .txt1 { font-size: 12px; color: #62748e; line-height: 20px; letter-spacing: -0.32px; font-weight: 400; margin-bottom: 8px; }
.footer-area .info .txt2 { font-size: 12px; color: #62748e; line-height: 18px; letter-spacing: -0.32px; font-weight: 400; margin-top: 8px; }
.footer-area .copylight { font-size: 12px; color: #62748e; line-height: 16px; letter-spacing: -0.17px; font-weight: 400; }

.text_masking { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.form-cont { color: #fff; background: #151311; padding: 50px 260px; }
.form-cont .under_line { border-bottom: 1px solid #1d293d; }
.form-cont .required { color: #51a2ff; }

.form-cont .title_head { padding-bottom: 32px; margin-bottom: 16px; }
.form-cont .title_head .area1 .txt1 { font-size: 30px; line-height: 36px; letter-spacing: -0.75px; font-weight: 800; margin-bottom: 4px; }
.form-cont .title_head .area1 .txt2 { color: #90a1b9; font-size: 14px; line-height: 20px; letter-spacing: -0.32px; font-weight: 500; }
.form-cont .title_head .area2 { gap: 4px;}
.form-cont .title_head .area2 .line { border: 1px solid #314158; width: 32px; height: 1px; }
.form-cont .title_head .area2 .group { color: #90a1b9; font-size: 12px; line-height: 16px; letter-spacing: -0.32px; font-weight: 600; }
.form-cont .title_head .area2 .group .circle { background: #1d293d; border: 1px solid #314158; border-radius: 50%; width: 32px; height: 32px; font-weight: 700; }
.form-cont .title_head .area2 .group.on { color: #51a2ff; }
.form-cont .title_head .area2 .group.on .circle { color: #fff; background: #155dfc; border: 1px solid #155dfc;}
.form-cont .title { margin-top: 16px; padding-bottom: 12px; gap: 8px; }
.form-cont .title .number { color: #51a2ff; font-size: 12px; line-height: 16px; letter-spacing: -0.32px; background: rgba(21, 93, 252, 0.2); border-radius: 6px; font-weight: 700; padding: 4px 8.5px; }
.form-cont .title .txt { font-size: 18px; line-height: 28px; letter-spacing: -0.32px; font-weight: 700; }
.form-cont .input_area .ti { color: #cad5e2; font-size: 12px; line-height: 16px; letter-spacing: -0.32px; font-weight: 600; }
.form-cont .input_area input { width: 100%; font-size: 14px; letter-spacing: -0.32px; background: #0f172b; border: 1px solid #314158; border-radius: 12px; padding: 12px 16px; font-weight: 400; }
.form-cont .input_area input::placeholder { color: #62748e; }
.form-cont .info_area { margin-top: 16px; }
.form-cont .info_area .input_area { width: 32.5%; }

.form-cont input[type=radio] { display: none; }
.category_area .frm-label {
    color: #94a3b8;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px;
    margin-bottom: 18px;
}
.category_area input[id="dal"]:checked + label {
    color: #9333ea;
    border: 1px solid #dbb2ff;
    background: #f8f1ff;
    font-weight: 800;
}


@media (max-width: 1400px) {
    .cont1 { padding: 90px 4vw; }
    .cont1_1 { padding: 80px 4vw; }
    .cont1_2 { padding: 150px 4vw; }
    .cont2 { padding: 80px 4vw; }
    .cont3 { padding: 140px 4vw; }
    .cont4 { padding: 80px 4vw; }
    .cont5 { padding: 150px 0vw; }
    .cont5 .cont5_pd { padding: 0px 4vw; }
    .cont6 { padding: 80px 4vw; }

    .cont5 .box { width: calc(50% - 24px); }

    .cont6 .table tr td:nth-child(1) { width: 7%; }
    .cont6 .table tr td:nth-child(2) { width: 10%; }
    .cont6 .table tr td:nth-child(4) { width: 20%; }
    .cont6 .table tr td:nth-child(6) { color: #1c398e; width: 25%; }
    .cont6 .table tr td:nth-child(7) { width: 16%; }
}

@media (max-width: 1200px) {
    .cont2 .box-area { flex-wrap: wrap; }
    .cont2 .box-area .box { width: 49.5%; margin-bottom: 1%; }

    .cont3 .area1 { flex-wrap: wrap; }
    .cont3 .area1 .text_area { width: 100%; margin-bottom: 36px; }

    .cont5 { padding: 64px 0vw; }
    .cont6 { padding: 64px 4vw; }
    .cont8 { padding: 64px 4vw; }
    .footer-area { padding: 49px 4vw; }
}

@media (max-width: 800px) {
    .mb2 {margin-bottom: 1.3889vw;}
    .mb5 {margin-bottom: 1.5889vw;}

    .p_hidden { display: block; }
    .m_hidden { display: none; }

    .header { flex-wrap: wrap; padding: 3.1667vw;  }
    .header .header-logo-box { width: 100%; text-align: center; }
    .header .header-logo { width: 20%; }
    .header .header-menu { width: 100%; }
    .header .header-item { display: none; font-size: 15px; font-weight: 600; margin-top: 5vw; padding: 0px 10px; }
    .header .header-item-btn { display: none; }

    .cont1 { background-image: url("../img/cont1_bg_m.png"); padding: 206px 20px }
    .cont1_1 { padding: 80px 20px }
    .cont1_2 { padding: 80px 20px }
    .cont2 { background-image: url("../img/cont2_bg_m.png"); padding: 80px 20px; }
    .cont3 { background-image: url("../img/cont3_bg_m.png"); padding: 64px 20px; }
    .cont4 { background-image: url("../img/cont4_bg_m.png"); padding: 120px 20px; }
    .cont5 { padding: 64px 20px; }
    .cont6 { padding: 64px 20px; }
    .cont7 { padding: 64px 20px; }

    .cont5 .box { width: calc(90% - 24px); }

    .floating-box { bottom: 30px; right: 7%; }

    .footer-area { padding: 56px 20px; }
}

@media (max-width: 600px) {
    .header .header-logo { width: 40%; }

    .cont1 .txt1 { font-size: 33px; line-height: 42.7px; letter-spacing: -0.46px; } 
    .cont1 .txt2 { font-size: 15px; line-height: 31px; letter-spacing: -0.21px; } 
    .cont1 .box_area { flex-wrap: wrap; }
    .cont1 .box_area .box { width: calc(50%); border: 0px; padding: 0px; }

    .cont1_1 .txt1 { font-size: 29px; line-height: 42px; letter-spacing: -0.41px; } 
    .cont1_1 .txt2 { font-size: 14px; line-height: 24.3px; letter-spacing: -0.2px; } 
    .cont1_1 .btn { padding: 14px 32px; } 
    .cont1_1 .box_area .box { width: calc(50% - 10px); padding: 24px 16px; font-size: 14px; line-height: 21.5px; letter-spacing: -0.2px; }
    
    .cont1_2 .txt1 { font-size: 29px; line-height: 42px; letter-spacing: -0.41px; } 
    .cont1_2 .txt2 { font-size: 14px; line-height: 24.3px; letter-spacing: -0.2px; } 
    .cont1_2 .btn { padding: 14px 32px; } 
    .cont1_2 .box_area .box { width: calc(50% - 10px); padding: 24px 16px; font-size: 14px; line-height: 21.5px; letter-spacing: -0.2px; }

    .cont2 .txt1 { font-size: 29px; line-height: 42px; letter-spacing: -0.41px; } 
    .cont2 .txt2 { font-size: 15px; line-height: 24px; letter-spacing: -0.21px; } 
    .cont2 .txt3 { font-size: 15px; line-height: 24px; letter-spacing: -0.21px; } 

    .cont3 .area1 .txt1 { font-size: 29px; line-height: 42px; letter-spacing: -0.41px; } 
    .cont3 .area1 .txt2 { font-size: 15px; line-height: 24px; letter-spacing: -0.21px; } 
    .cont3 .area1 .circle_area { gap: 10px; width: 100%; }
    .cont3 .area1 .circle_area .box { font-size: 11.5px; line-height: 16.4px; letter-spacing: -0.16px; }
    .cont3 .area1 .circle_area .box .circle { width: 52px; height: 52px; }
    .cont3 .area1 .circle_area .box .circle img { width: 100%; }
    .cont3 .area2 .txt1 { font-size: 36px; line-height: 49.5px; letter-spacing: -0.5px; } 
    .cont3 .area2 .txt2 { font-size: 15px; line-height: 24px; letter-spacing: -0.21px; } 
    .cont3 .area2 .box_area .box { width: calc(50% - 10px); padding: 24px 16px; font-size: 14px; line-height: 21.5px; letter-spacing: -0.2px; }

    .cont4 .txt1 { font-size: 25px; line-height: 35px; letter-spacing: -0.35px; } 
    .cont4 .box_area { flex-wrap: wrap; justify-content: center; }
    .cont4 .box_area .box { width: calc(100% - 32px); }

    .cont5 .cont5_pd .txt1 { font-size: 29px; line-height: 42px; letter-spacing: -0.41px; } 
    .cont5 .cont5_pd .txt2 { font-size: 20px; line-height: 28px; letter-spacing: -0.28px; } 
    .cont5 .box .box_cont { flex-wrap: wrap; }
    .cont5 .box .box_cont .area1 { width: 100%; margin-bottom: 16px; }
    .cont5 .box .box_cont .area2 { width: 100%; }
    .cont5 .box .area2 .line { margin-bottom: 12px; }

    .cont6 .flex-cont { flex-wrap: wrap; }
    .cont6 .flex-cont .area1 { width: 100%; margin-bottom: 20px; }

    .footer-area .company .contract_us { display: none; }
}
.animate__animated {
    animation-duration: 2s;
}