/* ----------------------- 공통 */
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-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;}
.main_color { color: #0163a8; }
.sub_color { color: #0263a8; }
.required { color: #ff4b4b; }
.mobile_hidden { display: none; }
.p_hidden { display: none; }
.main-index { width: 100%; }
/* -----공통 헤더 */
.header {text-align: center; position: sticky; top: 0; background-color: #fff; 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: #0f172b; line-height: 20px; letter-spacing: -0.32px; padding: 0px 12px; cursor: pointer; }
.header .header-item.on { color: #3c83f6; }
.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: url("../img/cont1_bg.png"); background-size: cover; padding: 150px 32px; }
.cont1 .speech-bubble { position: absolute; background: #0163a8; border-radius: 33554400px; padding: 8px 16px; color: #fff; font-size: 15px; line-height: 18px; letter-spacing: -0.3px; font-weight: 600; width: 122px; left: 50%; margin-left: 175px; }
.cont1 .speech-bubble:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 7px solid transparent; border-top-color: #0163a8; border-bottom: 0; margin-left: -30px; margin-bottom: -7px; }
.cont1 .speech-bubble2 { position: absolute; background: #4ead31; border-radius: 33554400px; padding: 8px 16px; color: #fff; font-size: 15px; line-height: 18px; letter-spacing: -0.3px; font-weight: 600; width: 132px; left: 50%; top: 12%; margin-left: -152px; }
.cont1 .speech-bubble2:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 7px solid transparent; border-top-color: #4ead31; border-bottom: 0; margin-left: 4px; margin-bottom: -7px; }
.cont1 .txt1 { font-size: 60px; color: #020618; line-height: 69px; letter-spacing: -1.5px; font-weight: 700; }
.cont1 .txt2 { font-size: 48px; color: #020618; line-height: 48px; letter-spacing: -1.2px; font-weight: 700; }
.cont1 .txt3 { font-size: 96px; color: #020618; line-height: 96px; letter-spacing: -4.8px; font-weight: 700; margin-bottom: 28px; }
.cont1 .txt3 .gradient { background: linear-gradient(180deg,rgba(34, 193, 195, 1) 0%, rgba(87, 181, 34, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; }
.cont1 .txt4 { font-size: 16px; color: #45556c; line-height: 26px; letter-spacing: -0.32px; margin-bottom: 28px; font-weight: 600; }
.cont1 .btn1 { background: #0163a8; color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.32px; border-radius: 8px; margin-bottom: 34px; padding: 12px 32px; }
.cont1 .btn1 img { width: 8%; }
.cont1 .circle-area { gap: 16px; }
.cont1 .circle-area .circle { background: rgba(255, 255, 255, 0.7); box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.04); border-radius: 999px; width: 130px; height: 130px; flex-flow: row wrap; align-content: center; }
.cont1 .circle-area .circle .icon { width: 100%; font-size: 17px; line-height: 24px; letter-spacing: -0.32px; color: #3db827; font-weight: 900; margin-bottom: 6px; }
.cont1 .circle-area .circle .icon img { width: 17px; height: 17px; }
.cont1 .circle-area .circle .sub_txt1 { width: 100%; font-size: 15px; color: #0f172b; line-height: 20px; letter-spacing: -0.32px; font-weight: 700; }
.cont1 .circle-area .circle .sub_txt2 { width: 100%; font-size: 13px; color: #45556c; line-height: 16px; letter-spacing: -0.32px; font-weight: 500; }
.cont2 { background-image: url("../img/cont2_bg.png"); background-size: cover; padding: 120px 11vw; }
.cont2 .txt1 { font-size: 34px; color: #fff; line-height: 42px; letter-spacing: -0.75px; font-weight: 600; }
.cont2 .txt2 { font-size: 34px; color: #fff; line-height: 42px; letter-spacing: -0.75px; font-weight: 900; margin-bottom: 8px; }
.cont2 .txt3 { font-size: 16px; color: #fff; line-height: 24px; letter-spacing: -0.32px; font-weight: 500; }
.cont2 .box-area { margin: 24px 0px; }
.cont2 .box-area .box { width: 24.5%; padding: 24px; background: #fff; text-align: left; }
.cont2 .box-area .box .step_txt { font-size: 12px; color: #0263a8; line-height: 16px; letter-spacing: -0.32px; font-weight: 600; margin-bottom: 7.4px; }
.cont2 .box-area .box .ti { font-size: 16px; color: #0f172b; line-height: 24px; letter-spacing: -0.4px; font-weight: 700; margin-bottom: 7.4px; }
.cont2 .box-area .box .ti img { width: 24px; height: 24px; }
.cont2 .box-area .box .cont { font-size: 14px; color: #45556c; line-height: 22.8px; letter-spacing: -0.32px; font-weight: 600; margin-bottom: 16px; }
.cont2 .box-area .box .point { border-top: 1px solid #f1f5f9; padding-top: 12px; font-size: 12px; line-height: 16px; letter-spacing: -0.32px; color: #0263a8; font-weight: 600; }
.cont2 .box-area .box .point img { width: 14px; height: 14px; }
.cont2 .sub-box { border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; background: rgba(248, 250, 252, 0.7); padding: 22.5px; margin: auto; width: 75%; }
.cont2 .sub-box .s_txt1 { font-size: 12px; line-height: 16px; letter-spacing: 0.3px; font-weight: 700;}
.cont2 .sub-box .s_txt2 { font-size: 20px; color: #0f172b; line-height: 25px; letter-spacing: -0.32px; font-weight: 700;}
.cont3 { background-image: url("../img/cont3_bg.png"); background-size: cover; padding: 140px 17vw; }
.cont3 .txt1 { font-size: 20px; color: #111827; background: #fee500; line-height: 28px; letter-spacing: -0.4px; padding: 5px 20px; font-weight: 700; }
.cont3 .txt2 { font-size: 24px; color: #cad5e2; line-height: 32px; letter-spacing: -0.6px; margin-bottom: 8px; margin-top: 24px; font-weight: 600; }
.cont3 .txt3 { font-size: 60px; color: #fff; line-height: 75px; letter-spacing: -1.5px; margin-bottom: 8px; font-weight: 700; }
.cont3 .txt4 { font-size: 20px; color: #cad5e2; line-height: 28px; letter-spacing: -0.32px; margin-bottom: 24px; font-weight: 600; }
.cont3 .point { color: #fee500; }
.cont3 .circle-area {}
.cont3 .circle-area .circle { width: 200px; height: 200px; border-radius: 50%; border: 1px solid #bdbdbd; flex-flow: row wrap; align-content: center;}
.cont3 .circle-area .circle .icon { width: 48px; height: 48px; }
.cont3 .circle-area .circle .c_txt1 { width: 100%; font-size: 12px; color: #51a2ff; line-height: 16px; letter-spacing: -0.32px; font-weight: 700; }
.cont3 .circle-area .circle .c_txt2 { width: 100%; font-size: 18px; color: #fff; line-height: 28px; letter-spacing: -0.32px; font-weight: 700; }
.cont3 .circle-area .circle .c_txt2.point { font-size: 22px; color: #fee500; line-height: 32px; }
.cont3 .circle-area .circle .c_txt3 { width: 100%; font-size: 12px; color: #fff; line-height: 16px; letter-spacing: -0.32px; font-weight: 500; }
.cont3 .circle-area .right_icon { padding: 0px 12px; }
.cont3 .circle-area .right_icon img { width: 24px; height: 24px; }
.cont3 .circle-area .circle2 { width: 200px; height: 200px; border-radius: 50%; background: #fcfcfc; flex-flow: row wrap; align-content: center;}
.cont3 .circle-area .circle2 .c_txt1 { width: 100%; font-size: 12px; color: #020618; line-height: 16px; letter-spacing: -0.32px; font-weight: 700; }
.cont3 .circle-area .circle2 .c_txt2 { width: 100%; font-size: 11px; color: #020618; line-height: 17px; letter-spacing: -0.32px; font-weight: 700; }
.cont3 .circle-area .circle2 .c_txt3 { width: 100%; font-size: 12px; color: #0263a8; line-height: 16px; letter-spacing: -0.32px; font-weight: 500; }
.cont4 { background-image: url("../img/cont4_bg.png"); background-size: cover; padding: 80px 17vw; }
.cont4 .txt1 { font-size: 34px; color: #fff; line-height: 42px; letter-spacing: -0.75px; font-weight: 900; margin-bottom: 8px; }
.cont4 .txt2 { font-size: 16px; color: #fff; line-height: 24px; letter-spacing: -0.32px; font-weight: 600; margin-bottom: 32px; }
.cont4 .table { border: 1px solid #e2e8f0; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; font-weight: 700; border-collapse : collapse; width: 100%; }
.cont4 .table tr,td { border: 1px solid #e2e8f0; }
.cont4 .table td { padding: 14px 0; }
.cont4 .table tr { background: #fff; }
.cont4 .table tr td:nth-child(3) { color: #0263a8; }
.cont4 .table tr.point { background: #eff6ff; }
.cont4 .table tr:nth-child(1) { background: #1d293d; color: #fff; }
.cont4 .table tr:nth-child(1) td:nth-child(3) { background: #0263a8; color: #fff; }
.cont4 .table tr td .recommend { font-size: 12px; color: #020618; background: #fee500; line-height: 16px; letter-spacing: -0.32px; padding: 2px 8px; }
.cont5 { background-image: url("../img/cont5_bg.png"); background-size: cover; padding: 80px 17vw; }
.cont5 .txt1 { font-size: 34px; color: #fff; line-height: 42px; letter-spacing: -0.75px; font-weight: 900; margin-bottom: 8px; }
.cont5 .txt2 { font-size: 16px; color: #fff; line-height: 24px; letter-spacing: -0.32px; font-weight: 600; margin-bottom: 32px; }
.cont5 .box-area { flex-wrap: wrap; }
.cont5 .box-area .box { width: 25%; border: 1px solid #e2e8f0; background: #fff; padding: 16px; font-weight: 700; }
.cont5 .box-area .box .b_txt1 { font-size: 16px; color: #0263a8; line-height: 24px; letter-spacing: -0.32px; margin-bottom: 35px; }
.cont5 .box-area .box .b_txt1 .sub { font-size: 12px; line-height: 16px; }
.cont5 .box-area .box .b_txt1 .sub img { width: 14px; height: 14px; }
.cont5 .box-area .box .icon { width: 32px; height: 32px; margin-bottom: 6px; }
.cont5 .box-area .box .b_txt2 { font-size: 23px; color: #0f172b; line-height: 24px; letter-spacing: -0.45px; text-align: left; }
.cont5 .box-area .box2 { width: 25%; border: 1px solid #e2e8f0; background: #020618; padding: 16px; font-weight: 700; }
.cont5 .box-area .box2 .b_txt1 { font-size: 12px; color: #fee500; line-height: 16px; letter-spacing: 0.6px; margin-bottom: 14px; }
.cont5 .box-area .box2 .b_txt1 img { width: 24px; height: 24px; }
.cont5 .box-area .box2 .b_txt2 { font-size: 20px; color: #fff; line-height: 27.5px; letter-spacing: -0.5px; text-align: left; margin-bottom: 12px; }
.cont5 .box-area .box2 .b_txt2 .point { color: #fee500; }
.cont5 .box-area .btn { width: 100%; font-size: 14px; color: #020618; background: #fee500; padding: 10px 12px; line-height: 20px; letter-spacing: -0.32px; border-radius: 8px; font-weight: 700; }
.cont5 .box-area .btn img { width: 14px; height: 14px; }
.cont6 { background-image: url("../img/cont6_bg.png"); background-size: cover; padding: 80px 17vw; }
.cont6 .txt1 { font-size: 34px; color: #fff; line-height: 42px; letter-spacing: -0.75px; font-weight: 900; margin-bottom: 8px; }
.cont6 .txt2 { font-size: 16px; color: #fff; line-height: 24px; letter-spacing: -0.32px; font-weight: 600; margin-bottom: 32px; }
.cont6 .table { border: 1px solid #e2e8f0; font-size: 14px; line-height: 20px; letter-spacing: -0.32px; font-weight: 700; border-collapse : collapse; width: 100%; margin-bottom: 16px; table-layout: fixed; }
.cont6 .table tr,td { border: 1px solid #e2e8f0; }
.cont6 .table td { padding: 13px 16px; }
.cont6 .table tr { background: #fff; }
.cont6 .table tr td:nth-child(6) { text-align: left; }
.cont6 .table tr td:nth-child(6) { color: #1c398e; width: 30%; }
.cont6 .table tr td:nth-child(1) { width: 7%; }
.cont6 .table tr td:nth-child(2) { width: 7%; }
.cont6 .table tr td:nth-child(4) { width: 20%; }
.cont6 .table tr td:nth-child(7) { width: 14%; }
.cont6 .table tr:nth-child(1) td:nth-child(6) { color: #fff; }
.cont6 .table tr:nth-child(1) { background: #1d293d; color: #fff; }
.cont6 .table tr:nth-child(1) td:nth-child(7) { background: #0263a8; color: #fff; }
.cont6 .table .link_btn { font-size: 12px; color: #0263a8; background: #eff6ff; border: 1px solid #bedbff; border-radius: 8px; line-height: 16px; letter-spacing: -0.32px; font-weight: 700; padding: 4px 10px; }
.cont6 .table .link_btn img { width: 12px; height: 12px; }
.cont6 .all_btn { font-size: 14px; color: #314158; background: #f1f5f9; border: 1px solid #cad5e2; padding: 8px 20px; line-height: 20px; letter-spacing: -0.32px; font-weight: 600; margin: auto; }
.cont6 .all_btn img { width: 16px; height: 16px; }
.cont6 .table tr:nth-child(n+12) { display: none; }
.cont7 { background-image: url("../img/cont7_bg.png"); background-size: cover; padding: 80px 4vw; }
.cont7 .txt1 { font-size: 14px; color: #51a2ff; line-height: 20px; letter-spacing: -0.32px; font-weight: 900; margin-bottom: 12px; }
.cont7 .txt2 { font-size: 36px; color: #fff; line-height: 49px; letter-spacing: -0.9px; font-weight: 700; margin-bottom: 12px; }
.cont7 .txt2 .point { color: #fee500; }
.cont7 .txt3 { font-size: 20px; color: #fff; line-height: 32px; letter-spacing: -0.32px; font-weight: 700; margin-bottom: 24px; }
.cont7 .txt3 .point { font-size: 24px; color: #fee500; }
.cont7 .btn { font-size: 16px; color: #020618; background: #fee500; line-height: 24px; letter-spacing: -0.32px; padding: 12px 28px; border-radius: 8px; font-weight: 800; margin: auto; }
.cont7 .btn img { width: 16px; height: 16px; }
.cont8 { padding: 80px 17vw; }
.cont8 .txt1 { font-size: 34px; color: #0f172b; line-height: 42px; letter-spacing: -0.75px; font-weight: 700; margin-bottom: 8px; }
.cont8 .txt1 .gradient { background: linear-gradient(180deg,rgba(34, 193, 195, 1) 0%, rgba(87, 181, 34, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; }
.cont8 .txt2 { font-size: 14px; color: #45556c; line-height: 20px; letter-spacing: -0.32px; font-weight: 600; margin-bottom: 44px; }
.cont8 .sub_title { font-size: 16px; color: #0263a8; line-height: 24px; letter-spacing: -0.32px; font-weight: 700; padding: 12px 16px; text-align: left; }
.cont8 .table { border: 1px solid #cad5e2; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; font-weight: 700; border-collapse : collapse; width: 100%; margin-bottom: 12px; }
.cont8 .table tr,td { border: 1px solid #cad5e2; }
.cont8 .table td { padding: 18px 16px; }
.cont8 .table caption { caption-side: top; text-align: right; color: #0f172b; font-size: 10px; line-height: 14px; letter-spacing: -0.32px; }
.cont8 .table tr td:nth-child(1) { font-size: 18px; line-height: 28px; letter-spacing: -0.32px; }
.cont8 .table tr td:nth-child(3) { text-align: left; }
.cont8 .table .sub_txt { color: #45556c; font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: -0.32px; }
.cont8 .table .point td:nth-child(1) { color: #162456; }
.cont8 .table .point td:nth-child(2) { color: #1c398e; }
.cont8 .table .point td:nth-child(3) { color: #0263a8; }
.cont8 .table .point .col1 { color: #1447e6; font-size: 10px; line-height: 15px; letter-spacing: -0.32px; }
.cont8 .box-area { margin-bottom: 32px; }
.cont8 .box-area .box { border: 1px solid #cad5e2; background: fff; border-radius: 8px; padding: 16px; width: 48%; }
.cont8 .box-area .box.on { border: 1px solid #8cbaf0; background: rgba(239, 246, 255, 0.7); }
.cont8 .box-area .box .box_txt1 { font-size: 14px; color: #0f172b; line-height: 20px; letter-spacing: -0.32px; margin-bottom: 8px; font-weight: 700; text-align: left; }
.cont8 .box-area .box .box_txt2 { font-size: 12px; color: #62748e; line-height: 16px; letter-spacing: -0.32px; font-weight: 500; text-align: left; }
.cont8 .box-area .box .box_txt3 { font-size: 12px; color: #0f172b; line-height: 16px; letter-spacing: -0.32px; text-align: right; font-weight: 600; }
.cont8 .box-area .box .box_txt3.color { color: #0263a8; }
.cont8 .btn-area .btn { border-radius: 8px; padding: 16px; font-size: 18px; line-height: 28px; letter-spacing: -0.32px; width: 49%; font-weight: 700; }
.cont8 .btn-area .btn.btn1 { background: #0263a8; color: #fff; }
.cont8 .btn-area .btn.btn2 { background: #fee500; }
.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: #020618; color: rgba(255, 255, 255, 0.72); padding: 49px 17vw; }
.footer-area .company { margin-bottom: 32px; }
.footer-area .company .name { font-size: 16px; color: #fff; line-height: 24px; letter-spacing: -0.4px; font-weight: 700; }
.footer-area .company .description { font-size: 11px; color: #90a1b9; line-height: 15px; letter-spacing: -0.32px; }
.footer-area .company .contract_us { font-size: 12px; color: #cad5e2; line-height: 16px; letter-spacing: -0.32px; font-weight: 600; }
.footer-area .info { padding: 24px 0px; border-top: 1px solid #1d293d; border-bottom: 1px solid #0f172b; margin-bottom: 24px; }
.footer-area .info .txt1 { font-size: 12px; color: #90a1b9; line-height: 20px; letter-spacing: -0.32px; font-weight: 500; margin-bottom: 8px; }
.footer-area .info .txt2 { font-size: 11px; color: #90a1b9; line-height: 18px; letter-spacing: -0.32px; font-weight: 500; margin-top: 8px; }
.footer-area .copylight { font-size: 11px; color: #90a1b9; line-height: 18px; letter-spacing: -0.32px; font-weight: 500; }
.text_masking { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1400px) {
.cont2 { padding: 120px 4vw; }
.cont3 { padding: 140px 4vw; }
.cont6 { padding: 80px 4vw; }
.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%; }
.cont5 { padding: 64px 4vw; }
.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; }
.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 { padding: 140px 20px 80px 20px; }
.cont2 { background-image: url("../img/cont2_bg.png"); padding: 80px 20px; }
.cont2 .sub-box .s_txt2 { font-size: 19px; }
.cont3 { background-image: url("../img/cont3_bg.png"); padding: 64px 20px; }
.cont3 .circle-area { flex-wrap: wrap; padding: 0px 50px; }
.cont3 .circle-area .right_icon { padding: 0px 24px; }
.cont3 .circle-area .circle { margin-bottom: 20px; }
.cont3 .circle-area .circle2 { margin-bottom: 20px; }
.cont4 { background-image: url("../img/cont4_bg.png"); padding: 64px 20px; }
.cont5 { background-image: url("../img/cont5_bg.png"); padding: 64px 20px; }
.cont5 .box-area .box .b_txt2 { font-size: 19px; }
.cont6 { background-image: url("../img/cont6_bg.png"); padding: 64px 20px; }
.cont6 .table td:nth-child(1) { display: none; }
.cont6 .table td:nth-child(5) { display: none; }
.cont6 .table td:nth-child(6) { width: 35%; }
.cont6 .table td:nth-child(7) { width: 20%; }
.cont7 { background-image: url("../img/cont7_bg.png"); padding: 64px 20px; }
.cont8 { padding: 64px 32px; }
.floating-box { bottom: 30px; right: 7%; }
.footer-area { padding: 56px 20px; }
}
@media (max-width: 600px) {
.header .header-logo { width: 40%; }
.cont1 .speech-bubble { font-size: 12.2px; width: 108px; margin-left: 5px; top: 9.5%; }
.cont1 .speech-bubble2 { font-size: 12.2px; width: 113px; margin-left: -105px; top: 5.5%; }
.cont1 .txt1 { font-size: 33.8px; line-height: 40.7px; letter-spacing: -0.97px; }
.cont1 .txt2 { font-size: 26.1px; line-height: 27.1px; letter-spacing: -0.78px; }
.cont1 .txt3 { font-size: 57.1px; line-height: 58.1px; letter-spacing: -3.11px; }
.cont1 .circle-area { flex-wrap: wrap; }
.cont2 .box-area .box { width: 100%; padding: 24px 120px 24px 24px; }
.cont2 .sub-box { width: 100%; }
.cont3 .txt1 { font-size: 17px; line-height: 28px; letter-spacing: -0.4px; }
.cont3 .txt2 { font-size: 24px; line-height: 32px; letter-spacing: -0.6px; }
.cont3 .txt3 { font-size: 34px; line-height: 34px; letter-spacing: -1.5px; }
.cont3 .txt4 { font-size: 18px; line-height: 28px; letter-spacing: -0.32px; }
.cont3 .circle-area { justify-content: center; }
.cont3 .circle-area .right_icon { width: 100%; margin-bottom: 20px; }
.cont3 .circle-area .right_icon img { content: url("../img/cont3_icon2_m.png"); }
.cont4 .txt1 { font-size: 28px; line-height: 34px; letter-spacing: -0.75px; }
.cont4 .txt2 { font-size: 14px; line-height: 24px; letter-spacing: -0.32px; }
.cont5 .box-area .box { width: 100%; }
.cont5 .box-area .box2 { width: 100%; }
.cont6 .txt1 { font-size: 28px; line-height: 34px; letter-spacing: -0.75px; }
.cont6 .txt2 { font-size: 14px; line-height: 28px; letter-spacing: -0.32px; }
.cont6 .table { font-size: 12px; }
.cont6 .table td { padding: 5px 4px; }
.cont6 .table td:nth-child(3) { display: none; }
.cont6 .table td:nth-child(7) { display: none; }
.cont6 .table td:nth-child(2) { width: 8%; }
.cont6 .table td:nth-child(4) { width: 12%; }
.cont6 .table td:nth-child(6) { width: 80%; }
.cont6 .table td:nth-child(6) .brand_txt { width: 87%; }
.cont6 .table .link_btn { border-radius: 99px; padding: 2px 4px; }
.cont7 .txt2 { font-size: 32px; line-height: 39.5px; letter-spacing: -0.9px; }
.cont8 .box-area .box { flex-wrap: wrap; }
.cont8 .box-area .box .box_txt3 { width: 100%; }
.cont8 .btn-area .btn { font-size: 14px; line-height: 28px; letter-spacing: -0.32px; padding: 8px 16px; }
.cont8 .btn-area .btn.btn1 img { width: 13%; }
.cont8 .btn-area .btn.btn2 img { width: 13%; }
.footer-area .company .contract_us { display: none; }
}
.animate__animated {
animation-duration: 2s;
}