/* vw 계산 기준 360px */ @media all and (max-width: 1024px) { .w_con {display:none;} .m_con {display:block;} .w_img {display:none;} .m_img {display:inline-block; width:100%;} .w_br {display:none;} .m_br {display:inline;} .w_bar {display:none;} .m_bar {display:inline;} /*모바일 플로팅바*/ /* ── 모바일 퀵 바 — 하단 고정 3칸 + TOP 분리 (2026-09-03) ───────── 세로 원형 플로팅에서 하단 가로 바로 바꿨다. **마크업은 그대로 두고 CSS 로만 형태를 바꾼다** — index_tmp.html 의 스크립트가 `.float_diag > a`(진단 팝업 열기)와 `.float_top > a`(맨 위로)를 클래스로 잡고 있어서, li 를 옮기거나 클래스를 갈면 두 기능이 조용히 죽는다. 색은 지금 퀵이 쓰던 그대로다 — 바탕은 남색(#031B36), 주 CTA 한 칸만 금색. (금색 칸을 남색으로 바꾸려면 아이콘도 같이 바꿔야 한다. 1분진단 아이콘은 fill="black" 이라 남색 위에서는 보이지 않는다) */ #container > .floating_con {display:block; position:fixed; left:0; right:0; bottom:0; z-index:90;} #container > .floating_con > ul {display:flex; flex-direction:row; gap:0; background-color:#123C6E; box-shadow:0 -0.28vw 2.78vw rgba(0, 0, 0, 0.30); padding-bottom:env(safe-area-inset-bottom, 0px);} #container > .floating_con > ul::after {display:none;} #container > .floating_con > ul > li {flex:1 1 0; min-width:0; width:auto; height:auto;} /* 칸 사이 구분선 — 첫 칸 왼쪽에는 긋지 않는다 */ #container > .floating_con > ul > li + li {border-left:1px solid rgba(255, 255, 255, 0.14);} #container > .floating_con > ul > li > a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.11vw; width:100%; height:100%; padding:2.78vw 1.11vw; background-color:transparent; border-radius:0; box-shadow:none;} #container > .floating_con > ul > li > a > .icon_box {display:flex; justify-content:center; align-items:center; width:5.56vw; height:5.56vw;} #container > .floating_con > ul > li > a > .icon_box img {width:100%; height:100%; object-fit:contain;} #container > .floating_con > ul > li > a > .text_box > span {display:block; font-size:3.06vw; font-weight:600; line-height:120%; letter-spacing:-2.3%; color:#fff; text-align:center; white-space:nowrap;} /* 1분 무료진단 — 주 CTA 한 칸만 금색으로 남긴다 */ #container > .floating_con > ul > li.float_diag {height:auto;} #container > .floating_con > ul > li.float_diag > a {padding:2.78vw 1.11vw; background:linear-gradient(82.77deg, #C6943B 12.02%, #F7E293 75.04%, #BE8F3A 103.49%); border-radius:0;} #container > .floating_con > ul > li.float_diag > a > .text_box > span {font-weight:700; color:#000;} /* TOP — 바 위 오른쪽에 원형으로 떼어 놓는다 (바 안에 넣으면 칸이 좁아진다) */ #container > .floating_con > ul > li.float_top {position:absolute; right:4.17vw; bottom:calc(100% + 3.33vw); flex:0 0 auto; width:11.67vw; height:11.67vw; border-left:none;} #container > .floating_con > ul > li.float_top > a {gap:0.28vw; padding:0; background-color:rgba(18, 60, 110, 0.94); border-radius:50%; box-shadow:0 0.83vw 2.50vw rgba(0, 0, 0, 0.30);} #container > .floating_con > ul > li.float_top > a > .icon_box {width:4.17vw; height:4.17vw;} #container > .floating_con > ul > li.float_top > a > .text_box > span {font-size:2.50vw; font-weight:600;} /*팝업*/ #container > .diagnosis_popup > .popup_inner {width:88.89vw;} #container > .diagnosis_popup > .popup_inner > .popup_close {top:-12.78vw; width:8.89vw; height:8.89vw;} #container > .diagnosis_popup > .popup_inner > .popup_close::before, #container > .diagnosis_popup > .popup_inner > .popup_close::after {width:6.67vw;} #container > .diagnosis_popup > .popup_inner > .popup_box {max-height:calc(100vh - 140px);} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_head {padding:2.78vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_head > span {font-size:6.67vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body {padding:4.17vw 5.56vw 11.11vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con {gap:7.50vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_num {margin-bottom:4.72vw; font-size:6.67vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_title {margin-bottom:8.33vw; font-size:10.56vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_desc {margin-bottom:4.72vw; font-size:5.00vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_list {gap:4.17vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_list > li > .option_btn {padding:5.28vw; border-radius:15px;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_list > li > .option_btn > span {font-size:5.00vw; font-weight:600;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con {gap:4.17vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con {gap:4.17vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row {gap:2.78vw; padding:5.28vw; border-radius:15px;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_label {width:20.28vw; font-size:5.00vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > input, #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > select, #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > textarea {font-size:5.00vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > textarea {height:25.00vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > .unit_text {font-size:5.00vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row.form_row_area {flex-direction:column;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input.row_time > select {min-width:16.67vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con {gap:3.33vw; margin-top:5.56vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row {gap:2.78vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > .agree_check {width:7.22vw; height:7.22vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > .agree_view {width:7.22vw; height:7.22vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > .agree_view::before {width:1.94vw; height:1.94vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > label {font-size:4.44vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con > .done_logo {margin:6.94vw 0 8.33vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con > .done_logo img {max-width:46.83vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con > .done_title {margin-bottom:8.33vw; font-size:8.33vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con > .done_desc {font-size:5.00vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .popup_btn_con {} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con {} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con > .next_btn, #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con > .submit_btn, #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con > .confirm_btn {padding:3.19vw; border-radius:15px;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con > .next_btn > span, #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con > .submit_btn > span, #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con > .confirm_btn > span {font-size:6.67vw; font-weight:600;} #header > .contents_con, #main_con > .info02_con > .contents_con, #main_con > .info03_con > .contents_con, #main_con > .info04_con > .contents_con, #main_con > .info05_con > .contents_con, #main_con > .info06_con > .contents_con > .title_con, #main_con > .info08_con > .contents_con, #main_con > .info09_con > .contents_con {max-width:none;} /*헤더*/ #header > .contents_con > table > tbody > tr > td {height:16.67vw;} #header > .contents_con > table > tbody > tr > .blank_td {display:table-cell; width:5.56vw;} #header > .contents_con > table > tbody > tr > .logo_td {width:37.50vw;} #header > .contents_con > table > tbody > tr > .logo_td img {max-width:38.89vw;} #header > .contents_con > table > tbody > tr > .menu_btn_td {display:table-cell; width:11.11vw;} #header > .contents_con > table > tbody > tr > .menu_btn_td a img {width:11.11vw; height:auto;} #header > .contents_con > table > tbody > tr > .nav_td {display:table-cell; width:0; padding:0; border:none;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con {display:none; position:fixed; top:16.67vw; left:0; width:100%; height:calc(100vh - 17.22vw); background-color:#0F0E0D; z-index:99; text-align:left; overflow-y:auto;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con.on {display:block;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul {display:block;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li {border-bottom:1px solid rgba(255,255,255,0.1);} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > a {width:100%; padding:8.33vw 6.94vw; font-size:6.11vw; color:#C9C9C9; text-align:left;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li:first-child > a {padding:11.11vw 6.94vw 8.33vw;} /*info01*/ #main_con > .info01_con {min-height:202.22vw; background-position:-233.33vw;} #main_con > .info01_con > .contents_con {padding:0 5.56vw 12.22vw;} #main_con > .info01_con > .contents_con > .title_con {margin:0 0 8.33vw 0;} #main_con > .info01_con > .contents_con > .title_con > .title_small {margin-bottom:2.78vw;} #main_con > .info01_con > .contents_con > .title_con > .title_small > span {font-size:5.56vw;} #main_con > .info01_con > .contents_con > .title_con > span {font-size:9.17vw;} #main_con > .info01_con > .contents_con > .contents_con {margin:0;} #main_con > .info01_con > .contents_con > .contents_con > .text_con {flex-direction:column; gap:5.56vw; margin-bottom:11.39vw;} #main_con > .info01_con > .contents_con > .contents_con > .text_con > span {font-size:5.00vw;} #main_con > .info01_con > .contents_con > .contents_con > .text_con > span::after {top:auto; bottom:-2.78vw; right:auto; left:0; width:36.39vw; height:1px;} #main_con > .info01_con > .contents_con > .contents_con > .btn_con > a {justify-content:center; width:100%; gap:5.56vw; padding:4.72vw 0px;} #main_con > .info01_con > .contents_con > .contents_con > .btn_con > a > span {font-size:5.56vw;} #main_con > .info01_con > .contents_con > .bottom_con {display:none;} /*info02*/ #main_con > .info02_con {padding:19.44vw 0 0px;} #main_con > .info02_con > .contents_con > .first_con {margin-bottom:46.11vw; padding:0 5.56vw;} #main_con > .info02_con > .contents_con > .first_con::after {bottom:-37.50vw; height:29.44vw;} #main_con > .info02_con > .contents_con > .first_con > .title_con {margin-bottom:9.72vw;} #main_con > .info02_con > .contents_con > .first_con > .title_con > .title_small {margin-bottom:4.17vw;} #main_con > .info02_con > .contents_con > .first_con > .title_con > .title_small > span {font-size:3.89vw;} #main_con > .info02_con > .contents_con > .first_con > .title_con > span {font-size:8.33vw;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul {flex-direction:column; gap:4.17vw;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li {width:100%; height:64.17vw;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li > .icon_box {width:18.06vw; height:18.06vw; margin-bottom:8.33vw;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li > .card_title {font-size:5.00vw; margin-bottom:5.56vw;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li > .card_desc {font-size:4.44vw;} #main_con > .info02_con > .contents_con > .second_con {padding:11.11vw 0 27.78vw;} #main_con > .info02_con > .contents_con > .second_con .swiper-slide {width:88.89vw;} #main_con > .info02_con > .contents_con > .second_con .slide_box > .title_con {margin-bottom:4.10vw;} #main_con > .info02_con > .contents_con > .second_con .slide_box > .title_con > span {font-size:8.89vw;} #main_con > .info02_con > .contents_con > .second_con .slide_box > .sub_con {font-size:4.44vw;} #main_con > .info02_con > .contents_con > .third_con {flex-direction:column; align-items:center; min-height:auto; padding:0 5.56vw;} #main_con > .info02_con > .contents_con > .third_con::before {background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,0.7) 100%); pointer-events:none;} #main_con > .info02_con > .contents_con > .third_con > .left_con {max-width:100%; width:100%;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .title_con {margin-bottom:9.17vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .title_con > .title_small {margin-bottom:4.17vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .title_con > .title_small > span {font-size:3.89vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .title_con > span {font-size:8.33vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .desc_con {margin-bottom:81.94vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .desc_con > p {font-size:4.44vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .btn_con {margin-bottom:12.22vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .btn_con > a {justify-content:center; width:100%; gap:5.56vw; padding:4.72vw 0;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .btn_con > a > span {font-size:5.56vw;} #main_con > .info02_con > .contents_con > .third_con > .right_con {position:absolute; right:-16.67vw; bottom:0; width:130%;} #main_con > .info02_con > .contents_con > .third_con > .right_con img {max-width:100%; width:100%; height:auto; margin:0 auto;} /*info03*/ #main_con > .info03_con {padding:19.44vw 0;} #main_con > .info03_con > .contents_con > .title_con {margin-bottom:12.22vw; padding:0 5.56vw;} #main_con > .info03_con > .contents_con > .title_con > .title_small {margin-bottom:4.17vw;} #main_con > .info03_con > .contents_con > .title_con > .title_small > span {font-size:3.89vw;} #main_con > .info03_con > .contents_con > .title_con > span {font-size:8.33vw;} #main_con > .info03_con > .contents_con > .first_con {position:relative; margin:0 1.39vw 13.89vw; padding:0 4.17vw; overflow:hidden;} #main_con > .info03_con > .contents_con > .first_con > ul {display:flex; flex-direction:row; justify-content:flex-start; gap:0; transition-property:transform;} #main_con > .info03_con > .contents_con > .first_con > ul > li {flex-shrink:0; width:100%; height:128.61vw;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .card_title {font-size:11.11vw; margin-bottom:5.56vw;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .icon_box {width:25.00vw; height:25.00vw; margin-bottom:5.56vw;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .card_sub_title {line-height:120%; font-size:8.33vw; margin-bottom:7.50vw;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .card_desc {font-size:4.44vw;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .card_desc strong {line-height:155%;} #main_con > .info03_con > .contents_con > .first_con > .info03_page {display:flex; justify-content:center; align-items:center; margin-top:5.56vw;} #main_con > .info03_con > .contents_con > .first_con > .info03_page > span {display:inline-block; width:2.78vw; height:2.78vw; background-color:#041529; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.3s ease;} #main_con > .info03_con > .contents_con > .first_con > .info03_page > span.active {width:8.33vw; background-color:#EDD282; border-radius:10px;} #main_con > .info03_con > .contents_con > .first_con > .sub_info_text {margin-top:5.56vw; font-size:5.00vw;} #main_con > .info03_con > .contents_con > .second_con > .title_con {margin-bottom:12.22vw; padding:0 5.56vw;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .main_title {margin-bottom:8.33vw;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .main_title > span {font-size:6.67vw;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .sub_area {gap:3.33vw;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .sub_area > .badge {padding:2.78vw; font-size:3.33vw;} #main_con > .info03_con > .contents_con > .second_con > .contents_con {padding:0 5.56vw;} #main_con > .info03_con > .contents_con > .second_con .chart_wrap {--axis_bottom:3.06vw; --plot_h:32.22vw; --chart_scale:0.21;} #main_con > .info03_con > .contents_con > .second_con .chart_box {height:auto; aspect-ratio:1520 / 790; background-image:url("/img/m_main_info03_second_chartBox.svg");} #main_con > .info03_con > .contents_con > .second_con .y_val > .val_text {font-size:2.50vw;} #main_con > .info03_con > .contents_con > .second_con .y_val::before {margin-left:1.67vw;} #main_con > .info03_con > .contents_con > .second_con .y_val::after {width:0.83vw; height:0.83vw;} #main_con > .info03_con > .contents_con > .second_con .y_val_04 {--val_h:91.5%; --line_w:86%;} #main_con > .info03_con > .contents_con > .second_con .y_val_03 {--val_h:69%; --line_w:67%;} #main_con > .info03_con > .contents_con > .second_con .y_val_02 {--val_h:48%; --line_w:47.5%;} #main_con > .info03_con > .contents_con > .second_con .y_val_01 {--val_h:24.4%; --line_w:28%;} #main_con > .info03_con > .contents_con > .second_con .y_val > .val_text {font-size:1.83vw;} #main_con > .info03_con > .contents_con > .second_con .y_val > .val_text strong {font-size:2.29vw;} #main_con > .info03_con > .contents_con > .second_con .bars {gap:1.83vw;} #main_con > .info03_con > .contents_con > .second_con .bar {border-radius:12px 12px 0 0;} #main_con > .info03_con > .contents_con > .second_con .bars_group {left:19.44vw; bottom:2px; width:68.89vw;} #main_con > .info03_con > .contents_con > .second_con .bar_item .bar {width:5.56vw;} #main_con > .info03_con > .contents_con > .second_con .x_axis {padding-top:2.50vw;} #main_con > .info03_con > .contents_con > .second_con .x_item > .household {margin-bottom:1.14vw; padding:0.83vw 1.11vw; font-size:1.60vw;} #main_con > .info03_con > .contents_con > .second_con .x_item > .guarantee { text-align:left; font-size:1.83vw; line-height:100%; white-space:normal;} #main_con > .info03_con > .contents_con > .second_con .x_item > .guarantee strong {display:block; margin:2px 0; font-size:2.29vw;} /*info04*/ #main_con > .info04_con {padding:13.89vw 5.56vw;} #main_con > .info04_con > .contents_con > .title_con {margin-bottom:8.33vw;} #main_con > .info04_con > .contents_con > .title_con > .title_small {margin-bottom:4.17vw;} #main_con > .info04_con > .contents_con > .title_con > .title_small > span {font-size:3.89vw;} #main_con > .info04_con > .contents_con > .title_con > span {font-size:8.33vw;} #main_con > .info04_con > .contents_con > .contents_con {flex-direction:column; gap:13.89vw;} #main_con > .info04_con > .contents_con > .contents_con::after {display:none;} #main_con > .info04_con > .contents_con > .contents_con .title_con {margin-bottom:11.11vw;} #main_con > .info04_con > .contents_con > .contents_con .title_con > .sub_title {margin-bottom:5.56vw; font-size:6.67vw;} #main_con > .info04_con > .contents_con > .contents_con .title_con > .main_title {font-size:6.94vw;} #main_con > .info04_con > .contents_con > .contents_con .list_con > ul {gap:4.17vw;} #main_con > .info04_con > .contents_con > .contents_con .list_con > ul > li {padding:6.94vw 5.56vw;} #main_con > .info04_con > .contents_con > .contents_con .list_con .item_title {font-size:6.11vw; margin-bottom:4.17vw;} #main_con > .info04_con > .contents_con > .contents_con .list_con .item_desc {font-size:5.00vw;} /* info05 */ #main_con > .info05_con {padding:13.89vw 0 8.33vw;} #main_con > .info05_con > .contents_con > .title_con {margin-bottom:0px;} #main_con > .info05_con > .contents_con > .title_con > .title_small {margin-bottom:8.33vw;} #main_con > .info05_con > .contents_con > .title_con > .title_small > span {font-size:3.89vw;} #main_con > .info05_con > .contents_con > .title_con > span {font-size:8.33vw; line-height:150%;} #main_con > .info05_con > .contents_con > .list_con {position:relative; width:auto; margin:0 1.39vw; padding:5.56vw 4.17vw; overflow:hidden;} #main_con > .info05_con > .contents_con > .list_con > ul {display:flex; flex-direction:row; gap:0px; align-items:flex-start; transition-property:transform;} #main_con > .info05_con > .contents_con > .list_con > ul > li {flex-shrink:0; width:100%; padding:8.33vw 5.56vw; text-align:center;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .title_con {flex-direction:column; gap:5.56vw; margin-bottom:11.11vw;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .title_con > .num {width:12.78vw; height:12.78vw; font-size:9.17vw;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .title_con > .txt {font-size:6.94vw; line-height:120%;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con {padding-left:0; gap:2.78vw; text-align:left;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con > p {display:block; font-size:5.00vw; line-height:150%; word-break:normal;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con > p::before {display:none;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con > p > strong {display:inline;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con > p > .text_box {display:inline;} #main_con > .info05_con > .contents_con > .list_con > .info05_page {display:flex; justify-content:center; align-items:center; margin-top:6.94vw;} #main_con > .info05_con > .contents_con > .list_con > .info05_page > span {display:inline-block; width:2.78vw; height:2.78vw; background-color:#0A1C30; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.3s ease;} #main_con > .info05_con > .contents_con > .list_con > .info05_page > span.active {width:8.33vw; background-color:#E3C065; border-radius:10px;} /*info06*/ #main_con > .info06_con {padding:13.89vw 0;} #main_con > .info06_con > .contents_con > .title_con {margin-bottom:8.33vw; padding:0 5.56vw;} #main_con > .info06_con > .contents_con > .title_con > .title_small {margin-bottom:4.17vw;} #main_con > .info06_con > .contents_con > .title_con > .title_small > span {font-size:3.89vw;} #main_con > .info06_con > .contents_con > .title_con > span {font-size:8.33vw; line-height:155%;} #main_con > .info06_con > .contents_con > .step_wrap {overflow:hidden; height:91.67vw;} #main_con > .info06_con > .contents_con > .step_wrap > .line_bg {position:absolute; top:0px; left:0; width:100%; height:100%; pointer-events:none; z-index:1;} #main_con > .info06_con > .contents_con > .step_wrap > .line_bg > .pc_line {display:none;} #main_con > .info06_con > .contents_con > .step_wrap > .line_bg > .mo_line {display:block; position:absolute; top:13.89vw; left:50%; width:400%; height:5.83vw; background:#EFEFEF; z-index:1; transition-property:transform;} #main_con > .info06_con > .contents_con > .step_wrap > .list_con {overflow:hidden;} #main_con > .info06_con > .contents_con > .step_wrap > .list_con > ul {display:flex; flex-direction:row; width:100%; height:auto; position:relative; transition-property:transform;} #main_con > .info06_con > .contents_con > .step_wrap > .list_con > ul > li {position:relative; top:auto; left:auto; flex-shrink:0; width:100%; box-sizing:border-box; padding:0 5.56vw; align-items:center;} #main_con > .info06_con .step_item > .icon_box {position:relative; z-index:2; margin-bottom:8.33vw; width:33.33vw; height:33.33vw;} #main_con > .info06_con .step_item > .icon_box > img {width:18.33vw; height:18.33vw;} #main_con > .info06_con .step_item > .text_box > .step_num {margin-bottom:2.78vw; font-size:8.33vw;} #main_con > .info06_con .step_item > .text_box > .step_title {margin-bottom:2.78vw; font-size:5.56vw;} #main_con > .info06_con .step_item > .text_box > .step_desc {font-size:5.00vw;} .info06_page {display:flex; justify-content:center; align-items:center; margin-top:8.33vw;} .info06_page > span {display:inline-block; width:2.78vw; height:2.78vw; background-color:#0A1C30; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.3s ease;} .info06_page > span.active {width:8.33vw; background-color:#E3C065; border-radius:10px;} /*info07*/ #main_con > .info07_con > .bg_box {background-position:right;} #main_con > .info07_con > .bg_box::after {background-image:linear-gradient(82.77deg, #C6943B 12.02%, #F7E293 75.04%, #BE8F3A 103.49%);} #main_con > .info07_con > .contents_con > .title_con {padding:19.58vw 0 13.89vw;} #main_con > .info07_con > .contents_con > .title_con > span {font-size:8.33vw;} #main_con > .info07_con > .contents_con > .contents_con > .text_con {padding:0 5.56vw 13.89vw;} #main_con > .info07_con > .contents_con > .contents_con > .text_con > span {font-size:5.00vw;} #main_con > .info07_con > .contents_con > .contents_con > .btn_con {padding-bottom:19.58vw;} #main_con > .info07_con > .contents_con > .contents_con > .btn_con > a {gap:5.56vw; padding:6.53vw 16.25vw;} #main_con > .info07_con > .contents_con > .contents_con > .btn_con > a > span {font-size:5.56vw; line-height:100%;} /*info08*/ #main_con > .info08_con {padding:19.44vw 0 0px;} #main_con > .info08_con > .bg_grad {background:linear-gradient(270deg, rgba(9, 33, 62, 0) 50%, #09213E 100%);} #main_con > .info08_con > .contents_con {padding:0px;} #main_con > .info08_con > .contents_con > .left01_con {padding:0 5.56vw;} #main_con > .info08_con > .contents_con > .left01_con > .title_con > .title_small {margin-bottom:4.17vw;} #main_con > .info08_con > .contents_con > .left01_con > .title_con > .title_small > span {font-size:3.89vw;} #main_con > .info08_con > .contents_con > .left01_con > .title_con > span {font-size:8.33vw; line-height:150%;} #main_con > .info08_con > .contents_con > .left01_con > .name_con > span {font-size:6.94vw;} #main_con > .info08_con > .contents_con > .left01_con > .spec_con {margin-bottom:0px;} #main_con > .info08_con > .contents_con > .left01_con > .spec_con > ul {gap:2.78vw;} #main_con > .info08_con > .contents_con > .left01_con > .spec_con > ul > li > span {font-size:5.00vw;} #main_con > .info08_con > .contents_con > .right_con {position:relative; right:12.50vw; bottom:0;} #main_con > .info08_con > .contents_con > .right_con img {display:block; width:150%;} #main_con > .info08_con > .contents_con > .left02_con {padding:8.33vw 5.56vw; background:#08192C;} #main_con > .info08_con > .contents_con > .left02_con > .history_con {flex-direction:column; gap:0px;} #main_con > .info08_con > .contents_con > .left02_con > .history_con > .history_box {gap:2.78vw;} #main_con > .info08_con > .contents_con > .left02_con > .history_con > .history_box > li > span {font-size:4.44vw;} /*info09*/ #main_con > .info09_con {padding:13.89vw 0;} #main_con > .info09_con > .contents_con {padding:0 5.56vw;} #main_con > .info09_con > .contents_con > .title_con {margin-bottom:11.11vw;} #main_con > .info09_con > .contents_con > .title_con > .title_small {margin-bottom:4.17vw;} #main_con > .info09_con > .contents_con > .title_con > .title_small > span {font-size:3.89vw;} #main_con > .info09_con > .contents_con > .title_con > span {font-size:8.33vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li.title_list {padding:5.56vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li > .faq_q {padding:5.56vw 2.78vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li.title_list > .faq_q {padding:0;} #main_con > .info09_con > .contents_con > .list_con > ul > li > .faq_q::after {width:5.56vw; height:5.56vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li > .faq_q > span {font-size:5.00vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li.title_list > .faq_q > span {font-size:5.56vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li.on > .faq_a {max-height:60vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li.title_list > .faq_a {margin-top:5.56vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li > .faq_a > span {font-size:5.00vw; line-height:165%;} #main_con > .info09_con > .contents_con > .list_con > ul > li:not(.title_list) > .faq_a > span {padding:5.56vw 2.78vw;} /*info10*/ #main_con > .info10_con > .contents_con > .img_con {padding:13.89vw 0 19.72vw;} #main_con > .info10_con > .contents_con > .img_con img {width:31.11vw;} #main_con > .info10_con > .contents_con > .contents_con > .text_con {padding-bottom:16.11vw;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .title_con {padding-bottom:9.17vw;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .title_con span {font-size:6.11vw;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .title_con span::before {top:-1.94vw; left:-6.94vw; width:3.33vw; height:3.33vw;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .title_con span::after {top:-1.94vw; right:-6.94vw; width:3.33vw; height:3.33vw;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .sub_con span {font-size:4.44vw;} #main_con > .info10_con > .contents_con > .contents_con > .btn_con {padding-bottom:13.89vw;} #main_con > .info10_con > .contents_con > .contents_con > .btn_con > a {gap:5.56vw; padding:6.53vw 16.25vw;} #main_con > .info10_con > .contents_con > .contents_con > .btn_con > a > span {font-size:5.56vw; line-height:105%;} /*푸터*/ /* 하단 고정 퀵 바(#container > .floating_con)가 푸터 마지막 줄을 가리지 않도록 **바의 실제 높이만큼** 자리를 비워 둔다. --quick_h 는 index_tmp.html 의 스크립트가 바를 실측해 넣는다 — 바의 padding·아이콘·글자 크기를 바꿔도 이 값을 따로 고칠 필요가 없다. 뒤의 19.00vw 는 스크립트가 못 돌았을 때를 위한 폴백이다(대략 같은 높이). */ #footer {padding-bottom:var(--quick_h, 19.00vw);} #footer > .contents_con > .info01_con > .contents_con {padding:13.89vw 0;} #footer > .contents_con > .info01_con > .contents_con > .title_con {margin-bottom:8.89vw; padding:0; font-size:8.33vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con {margin-bottom:0;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul {display:block;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li {height:auto; margin-bottom:8.89vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li > .title_text {margin-bottom:2.78vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li > .title_text > span {font-size:5vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li > .sub_text > a {padding:0 11.11vw 0 0; font-size:5vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap {display:block;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul {display:block;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul > li {height:auto; margin-bottom:4.17vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul > li > .title_text {margin-bottom:2.78vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul > li > .title_text > span {font-size:4.44vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul > li > .sub_text > span {font-size:4.44vw; word-break:keep-all;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .btn_con {margin-top:8.89vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .btn_con > a {padding:4.17vw 2.16vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .btn_con > a:first-child {padding-left:0;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .btn_con > a > img {width:5.28vw; height:6.67vw;} #footer > .contents_con > .info02_con {border-top:1px solid rgba(255,255,255,0.1);} #footer > .contents_con > .info02_con > .text_con {width:100%; padding:5.56vw; text-align:center;} #footer > .contents_con > .info02_con > .text_con > span {display:block; font-size:3.89vw; text-align:center;} }