/* vw 계산 기준 1920px */ @import url(//cdn.design-factory.co.kr/_font/pretendard/fonts.css); @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); @font-face {font-family:'ChosunIlboMyungjo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff'); font-weight:normal; font-display:swap;} /* font-family:"Pretendard", sans-serif; */ * {font-style:normal; line-height:normal; font-family:"Pretendard", sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none;} body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll;} img {border:none; padding:0; margin:0; outline:none;} a {border:none; padding:0; margin:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} ul {list-style:none; padding:0; margin:0;} ul:after {content:""; display:block; clear:both;} ul > li {display:block;} p {padding:0; margin:0;} img.fx{max-width:100%;} td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input, select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; outline:none; font-size:13px; color:#000000; line-height:21px; } input::placeholder {color:#000000; opacity:1;} input::-webkit-input-placeholder {color:#000000;} input:-ms-input-placeholder {color:#000000;} input:-moz-input-placeholder {color:#000000;} textarea {overflow-y:scroll; resize:none;} textarea::placeholder {color:#000000; opacity:1;} textarea::-webkit-input-placeholder {color:#000000;} textarea:-ms-input-placeholder {color:#000000;} textarea:-moz-input-placeholder {color:#000000;} input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:100%; } select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#ffffff; background-image:url("/img/sub/select_arrow.png"); background-repeat:no-repeat; background-size:9px; background-position:right 10px center; width:100%; padding:0 29px 0 10px; } select::-ms-expand {display:none;} .w_con {} .m_con {display:none;} .w_img {display:inline-block; width:100%;} .m_img {display:none;} .w_br {} .m_br {display:none;} .w_bar {} .m_bar {display:none;} #wrap {width:100%; min-width:280px; margin:0 auto;} /*모바일 플로팅바*/ #container > .floating_con {display:none;} /*팝업*/ .blind {position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0, 0, 0, 0); overflow:hidden;} body.popup_open {overflow:hidden;} #container > .diagnosis_popup {display:none; position:fixed; top:0; left:0; z-index:999; width:100%; height:100%;} #container > .diagnosis_popup.on {display:block;} #container > .diagnosis_popup > .popup_dim {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);} #container > .diagnosis_popup > .popup_inner {position:absolute; top:50%; left:50%; width:32.34vw; max-width:calc(100% - 40px); transform:translate(-50%, -50%);} #container > .diagnosis_popup > .popup_inner > .popup_close {position:absolute; top:-2.71vw; right:0; width:1.88vw; height:1.88vw; background:none; border:none; cursor:pointer;} #container > .diagnosis_popup > .popup_inner > .popup_close::before, #container > .diagnosis_popup > .popup_inner > .popup_close::after {content:''; position:absolute; top:50%; left:50%; width:2.29vw; height:2px; background:#fff;} #container > .diagnosis_popup > .popup_inner > .popup_close::before {transform:translate(-50%, -50%) rotate(45deg);} #container > .diagnosis_popup > .popup_inner > .popup_close::after {transform:translate(-50%, -50%) rotate(-45deg);} #container > .diagnosis_popup > .popup_inner > .popup_box {display:flex; flex-direction:column; width:100%; max-height:calc(100vh - 120px); background:#fff; border-radius:30px; overflow:hidden;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_head {flex-shrink:0; padding:0.89vw; background:#0F2744; text-align:center;} #container > .diagnosis_popup > .popup_inner > .popup_box.done > .popup_head {display:none;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_head > span {font-size:1.56vw; font-weight:700; line-height:165%; color:#fff;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body {display:flex; flex-direction:column; flex:1; padding:2.08vw; overflow-y:auto;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con {display:none; flex-direction:column; justify-content:space-between; flex:1; gap:2.92vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.on {display:flex;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_num {display:block; margin-bottom:2.14vw; font-family:Plus Jakarta Sans; font-size:1.35vw; font-weight:700; color:#C6C6C6;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_num > .step_text {font-family:Plus Jakarta Sans;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_title {display:block; margin-bottom:1.56vw; font-size:2.66vw; font-weight:700; line-height:120%; color:#262626; letter-spacing:-2.3%;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_desc {margin-bottom:2.14vw; font-size:1.15vw; font-weight:300; line-height:110%; color:#000; letter-spacing:-2.3%;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_list {display:flex; flex-direction:column; gap:0.78vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_list::after {display:none;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_list > li > .option_btn {display:block; width:100%; padding:1.51vw 0.99vw; background:#FAFAFA; border:2px solid #fff; border-radius:30px; box-shadow:inset 6px 6px 12px rgba(0, 0, 0, 0.04), inset -6px -6px 12px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1); text-align:left; cursor:pointer;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_list > li > .option_btn > span {font-size:1.35vw; font-weight:700; color:#464646; letter-spacing:-2.3%;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .step_list > li > .option_btn.on {background-image:linear-gradient(#FAFAFA, #FAFAFA), linear-gradient(90deg, #CCA04B 0%, #F9E495 100%); background-origin:border-box; background-clip:padding-box, border-box; border-color:transparent;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con {display:flex; flex-direction:column; gap:0.78vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row {display:flex; align-items:center; gap:0.78vw; padding:1.51vw 0.99vw; background:#FAFAFA; border:2px solid #fff; border-radius:30px; box-shadow:inset 6px 6px 12px rgba(0, 0, 0, 0.04), inset -6px -6px 12px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1);} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row.form_row_area {align-items:flex-start;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_label {flex-shrink:0; width:7.34vw; font-size:1.04vw; font-weight:700; color:#373737;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input {display:flex; align-items:center; gap:0.42vw; flex:1;} #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 {width:100%; padding:0; background:none; border:none; font-family:inherit; font-size:1.04vw; font-weight:400; color:#464646; letter-spacing:-2.3%; outline:none;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > input::placeholder, #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > textarea::placeholder {color:#C6C6C6;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > textarea {height:5.73vw; line-height:150%; resize:none;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > select {padding-right:1.25vw; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23767676' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right center; appearance:none; -webkit-appearance:none; cursor:pointer;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input.row_time > select {width:auto; min-width:3.12vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .form_con > .form_row > .row_input > .unit_text {flex-shrink:0; font-size:1.04vw; color:#464646;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con {display:flex; flex-direction:column; gap:0.78vw; margin-top:1.30vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row {display:flex; align-items:center; gap:0.52vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > .agree_check {flex-shrink:0; width:1.35vw; height:1.35vw; margin:0; background:#D9D9D9; border:none; border-radius:10.4px; appearance:none; -webkit-appearance:none; cursor:pointer;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > .agree_check:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9'%3E%3Cpath d='M1 4.5l3.5 3.5L11 1' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(0deg, #012A5A); background-repeat:no-repeat; background-position:center, center;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > label {font-size:1.02vw; font-weight:400; color:#222; letter-spacing:-5%; cursor:pointer;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > .agree_view {position:relative; width:1.04vw; height:1.04vw; margin-left:auto;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .question_con > .agree_con > .agree_row > .agree_view::before {content:''; position:absolute; top:50%; left:50%; width:0.36vw; height:0.36vw; margin-left:-0.21vw; border-top:1.5px solid #222; border-right:1.5px solid #222; transform:translate(-50%, -50%) rotate(45deg);} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done {justify-content:center;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con {text-align:center;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con > .done_logo {margin-bottom:2.08vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con > .done_logo img {max-width:10.99vw;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con > .done_title {display:block; margin-bottom:1.56vw; font-size:2.66vw; font-weight:700; line-height:120%; color:#262626; letter-spacing:-2.3%;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .done_con > .done_desc {font-size:1.15vw; font-weight:300; line-height:110%; color:#000; letter-spacing:-2.3%;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con.step_done > .popup_btn_con {flex-grow:0;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con {flex-shrink:0;} #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 {display:block; width:100%; padding:0.94vw 0; background:linear-gradient(83.95deg, #CCA04B 12.84%, #F9E495 116.1%); border:none; border-radius:30px; cursor:pointer;} #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:1.56vw; font-weight:700; line-height:165%; color:#fff; letter-spacing:-2.3%;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body > .step_con > .popup_btn_con > .next_btn:disabled {opacity:0.4; cursor:default;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body::-webkit-scrollbar-track {background-color:transparent;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body::-webkit-scrollbar {width:5px; background-color:transparent;} #container > .diagnosis_popup > .popup_inner > .popup_box > .popup_body::-webkit-scrollbar-thumb {background-color:#0F2744; border-radius:5px;} #diagMemo::-webkit-scrollbar-track {background-color:transparent;} #diagMemo::-webkit-scrollbar {width:5px; background-color:transparent;} #diagMemo::-webkit-scrollbar-thumb {background-color:#0F2744; border-radius:5px;} /*헤더*/ #header {width:100%; margin:0 auto; background-color:rgba(0,0,0,0.70); position:fixed; top:0; left:0; right:0; z-index:100; backdrop-filter:blur(11.5px);} #header > .contents_con {width:100%; max-width:min(1520px, 79.17vw); margin:0 auto;} #header > .contents_con > table {width:100%; margin:0 auto;} #header > .contents_con > table > tbody > tr > td {height:4.90vw} #header > .contents_con > table > tbody > tr > td > a {display:block;} #header > .contents_con > table > tbody > tr > td > a img {width:100%;} #header > .contents_con > table > tbody > tr > .logo_td {width:12.03vw;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con {display:inline-block; text-align:center;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul {display:flex; gap:0.52vw;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul::after {display:none;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li {} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > a {display:block; width:7.81vw; font-size:1.04vw; font-weight:600; color:#fff;} #header > .contents_con > table > tbody > tr > .menu_btn_td {display:none;} #header > .contents_con > table > tbody > tr > .blank_td {display:none;} /*컨텐츠*/ #container {width:100%; margin:0 auto;} /*info01*/ #main_con > .info01_con {position:relative; width:100%; min-height:54.53vw; background-image:url("/img/main_info01_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:right;} #main_con > .info01_con > .contents_con {position:absolute; left:0px; bottom:0; width:100%;} #main_con > .info01_con > .contents_con > .title_con {margin:0 0 2.14vw 10.26vw;} #main_con > .info01_con > .contents_con > .title_con > .title_small {margin-bottom:0.52vw;} #main_con > .info01_con > .contents_con > .title_con > .title_small > span {font-size:1.56vw; font-weight:300; line-height:110%; letter-spacing:-2.3%; color:#fff;} #main_con > .info01_con > .contents_con > .title_con > span {font-size:3.65vw; font-weight:700; line-height:130%; letter-spacing:-2.3%; color:#fff;} #main_con > .info01_con > .contents_con > .contents_con {margin:0 0 5.42vw 10.26vw;} #main_con > .info01_con > .contents_con > .contents_con > .text_con {display:flex; gap:3.12vw; margin-bottom:2.14vw;} #main_con > .info01_con > .contents_con > .contents_con > .text_con > span {position:relative; font-size:1.25vw; font-weight:300; line-height:110%; letter-spacing:-2.3%; color:rgba(255, 255, 255, 0.7);} #main_con > .info01_con > .contents_con > .contents_con > .text_con > span::after {content:''; position:absolute; top:50%; right:-1.56vw; transform:translateY(-50%); width:1px; height:1.35vw; background-color:rgba(255, 255, 255, 0.7);} #main_con > .info01_con > .contents_con > .contents_con > .text_con > span:last-child::after {display:none;} #main_con > .info01_con > .contents_con > .contents_con > .btn_con {} #main_con > .info01_con > .contents_con > .contents_con > .btn_con > a {display:inline-flex; align-items:center; gap:3.91vw; padding:0.81vw 1.30vw; background:linear-gradient(60deg, #C6943B 12.02%, #F7E293 75.04%, #BE8F3A 103.49%); border-radius:50px;} #main_con > .info01_con > .contents_con > .contents_con > .btn_con > a > span {font-size:1.15vw; font-weight:700; line-height:165%; color:#000;} #main_con > .info01_con > .contents_con > .bottom_con {position:relative; display:flex; align-items:center; width:100%; padding:2.14vw 10.26vw 2.08vw; background-color:rgba(10, 37, 69, 0.9); border-radius:50px 50px 0 0; box-shadow:0 -5px 14px rgba(0, 0, 0, 0.25); backdrop-filter:blur(4px); overflow:hidden;} #main_con > .info01_con > .contents_con > .bottom_con::before {content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:linear-gradient(90deg, #CCA04B 0%, #F9E495 100%);} #main_con > .info01_con > .contents_con > .bottom_con > .left_title {position:relative; padding-right:4.11vw;} #main_con > .info01_con > .contents_con > .bottom_con > .left_title::after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:3.02vw; background:#fff;} #main_con > .info01_con > .contents_con > .bottom_con > .left_title > span {font-size:1.25vw; font-weight:700; letter-spacing:-2.3%; line-height:120%; color:#fff;} #main_con > .info01_con > .contents_con > .bottom_con > .center_text {flex:1; padding:0 4.11vw;} #main_con > .info01_con > .contents_con > .bottom_con > .center_text > span {font-size:1.04vw; font-weight:300; letter-spacing:-2.3%; line-height:130%; color:#BDBDBD;} #main_con > .info01_con > .contents_con > .bottom_con > .right_btn > a {display:inline-flex; align-items:center; gap:4.43vw; padding:0.81vw 1.04vw; background:linear-gradient(60deg, #C6943B 12.02%, #F7E293 75.04%, #BE8F3A 103.49%); border-radius:50px;} #main_con > .info01_con > .contents_con > .bottom_con > .right_btn > a > span {font-size:1.15vw; font-weight:700; line-height:165%; color:#000;} /* 화살표 SVG 는 흰 선(main_btn_arrow_white.svg)이다. 배경이 금색으로 바뀌면서 흰 화살표가 안 보인다. 검은 선 파일(main_btn_arrow_black.svg)이 따로 있지만 그걸 쓰려면 index_tmp.html 을 고쳐야 하고, 그 파일은 본서버와 include 경로가 달라 그대로 올릴 수 없다. 순백 단색 선이라 반전하면 정확히 순검정이 된다. ※ 오버할 때 버튼에 걸리는 brightness(1.06)는 검정(0)에 곱해도 검정이라 화살표 색을 흐트러뜨리지 않는다. */ #main_con > .info01_con > .contents_con > .bottom_con > .right_btn > a > img {filter:invert(1);} #main_con > .info01_con > .contents_con > .bottom_con.fixed {position:fixed; bottom:0; left:0; z-index:50;} /*info02*/ #main_con > .info02_con {position:relative; width:100%; padding:7.81vw 0 11.46vw; background-color:#05142a; overflow:hidden;} #main_con > .info02_con > .bg_box {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-image:url("/img/main_info05_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} #main_con > .info02_con > .bg_box::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(0deg, rgba(9, 35, 65, 0.7)); mix-blend-mode:normal;} #main_con > .info02_con > .bg_box::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(9, 35, 65, 0.85); mix-blend-mode:hard-light;} #main_con > .info02_con > .contents_con {position:relative; z-index:2; width:100%; max-width:min(1520px, 79.17vw); margin:0 auto;} #main_con > .info02_con > .contents_con > .first_con {position:relative; width:100%; margin-bottom:18.91vw;} #main_con > .info02_con > .contents_con > .first_con::after {content:''; position:absolute; bottom:-17.34vw; left:50%; transform:translateX(-50%); width:1px; height:15.78vw; background:rgba(255, 255, 255, 0.2);} #main_con > .info02_con > .contents_con > .first_con > .title_con {margin-bottom:4.69vw; text-align:center;} #main_con > .info02_con > .contents_con > .first_con > .title_con > .title_small {margin-bottom:1.56vw;} #main_con > .info02_con > .contents_con > .first_con > .title_con > .title_small > span {font-size:1.15vw; font-weight:700; line-height:110%; color:#CCA04B;} #main_con > .info02_con > .contents_con > .first_con > .title_con > span {font-family:ChosunIlboMyungjo; font-size:3.12vw; line-height:150%; letter-spacing:-2.3%; color:#fff;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul {display:flex; justify-content:space-between; gap:1.30vw;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul::after {display:none;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; text-align:center; width:18.80vw; height:16.77vw; background:rgba(10, 37, 69, 0.2); border:none; border-radius:30px; backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); box-shadow:inset 6px 6px 30px rgba(0, 0, 0, 0.25), inset -6px -6px 20px rgba(255, 255, 255, 0.1), 0px 4px 15px rgba(0, 0, 0, 0.1);} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li::before {content:''; position:absolute; inset:0; padding:1px; background:linear-gradient(150deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2)); border-radius:inherit; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude; pointer-events:none;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li > .icon_box {display:flex; justify-content:center; align-items:center; width:5.73vw; height:5.73vw; margin-bottom:1.56vw;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li > .icon_box img {max-width:100%; max-height:100%;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li > .card_title {display:block; font-size:1.56vw; font-weight:700; color:#fff; margin-bottom:1.04vw; letter-spacing:-2.3%;} #main_con > .info02_con > .contents_con > .first_con > .contents_con > ul > li > .card_desc {font-size:1.15vw; font-weight:300; line-height:120%; color:rgba(255, 255, 255, 0.7); letter-spacing:-2.3%;} #main_con > .info02_con > .contents_con > .second_con {position:relative; left:50%; width:100vw; margin-left:-50vw; padding:5.16vw 0 11.35vw;} #main_con > .info02_con > .contents_con > .second_con .slide_wrap {position:relative; width:100%; overflow:visible;} #main_con > .info02_con > .contents_con > .second_con .swiper-wrapper {display:flex; align-items:center;} #main_con > .info02_con > .contents_con > .second_con .swiper-slide {display:flex; justify-content:center; align-items:center; text-align:center; position:relative; width:41vw; opacity:var(--slide_opacity, 1); transition-property:opacity;} /* 2026-09-04 — iOS 에서 가운데 슬라이드가 뿌옇게 나온다는 신고. 원인은 blur 값이 아니라 filter/mask 가 **모든 슬라이드에 항상 걸려 있다**는 것이었다. 가운데 슬라이드도 progress 가 정확히 0 은 아니라 blur(0.004px) 정도가 남는데, WebKit 은 filter·mask 가 붙은 요소를 별도 버퍼에 그린 뒤 합성하면서 그 버퍼가 레티나 배율을 따라가지 못한다. 그래서 사실상 0 인 흐림에도 글자가 한 겹 뭉개진다. 크로미움은 같은 값을 그냥 무시하기 때문에 PC 에서는 이 증상이 안 나온다 — 값을 더 낮춰도 소용없고, 규칙 자체를 떼어야 한다. 그래서 흐림은 가운데가 **아닌** 슬라이드에만 건다. Swiper 가 이미 붙여 주는 .swiper-slide-active 를 쓰므로 JS 를 따로 건드리지 않는다. (index_tmp.html 은 본서버와 include 경로가 달라 올릴 수 없는 파일이다 — 이 조건을 JS 클래스로 만들면 배포가 그 파일에 묶인다.) */ #main_con > .info02_con > .contents_con > .second_con .swiper-slide .slide_box {transition-property:filter; transition-duration:inherit;} #main_con > .info02_con > .contents_con > .second_con .swiper-slide:not(.swiper-slide-active) .slide_box {filter:blur(calc(var(--slide_fade, 0) * 4px)); -webkit-mask-image:linear-gradient(var(--slide_dir, to left), rgba(0, 0, 0, calc(1 - var(--slide_fade, 0) * 0.8)) 0%, #000 10%); mask-image:linear-gradient(var(--slide_dir, to left), rgba(0, 0, 0, calc(1 - var(--slide_fade, 0) * 0.8)) 0%, #000 10%);} #main_con > .info02_con > .contents_con > .second_con .slide_box > .title_con {margin-bottom:1.93vw;} #main_con > .info02_con > .contents_con > .second_con .slide_box > .title_con > span {font-family:ChosunIlboMyungjo; font-size:3.65vw; line-height:120%; letter-spacing:-2.3%; background:linear-gradient(243.98deg, #C6943B 9.37%, #F7E293 69.62%, #BE8F3A 96.82%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;} #main_con > .info02_con > .contents_con > .second_con .slide_box > .sub_con {font-size:1.56vw; font-weight:300; line-height:130%; color:#fff; letter-spacing:-2.3%;} #main_con > .info02_con > .contents_con > .third_con {position:relative; display:flex; justify-content:space-between; align-items:end; min-height:28.65vw;} #main_con > .info02_con > .contents_con > .third_con::before {content:''; position:absolute; top:0; bottom:-11.46vw; left:50%; transform:translateX(-50%); z-index:2; width:100vw; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0.7) 100%); pointer-events:none;} #main_con > .info02_con > .contents_con > .third_con > .left_con {position:relative; z-index:3; max-width:31.25vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .title_con {margin-bottom:4.22vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .title_con > .title_small {margin-bottom:1.61vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .title_con > .title_small > span {font-size:1.15vw; font-weight:700; line-height:110%; color:#CCA04B;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .title_con > span {font-family:ChosunIlboMyungjo; font-size:3.12vw; line-height:150%; letter-spacing:-2.3%; color:#fff;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .desc_con {margin-bottom:4.22vw;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .desc_con > p {font-size:1.15vw; line-height:140%; letter-spacing:-2.3%; color:#fff;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .btn_con > a {display:inline-flex; align-items:center; gap:3.91vw; padding:0.81vw 1.30vw; background:linear-gradient(60deg, #C6943B 12.02%, #F7E293 75.04%, #BE8F3A 103.49%); border-radius:50px;} #main_con > .info02_con > .contents_con > .third_con > .left_con > .btn_con > a > span {font-size:1.15vw; font-weight:700; line-height:165%; color:#000;} #main_con > .info02_con > .contents_con > .third_con > .right_con {position:absolute; right:-5.21vw; bottom:-11.46vw; z-index:1;} #main_con > .info02_con > .contents_con > .third_con > .right_con img {display:block; max-width:43.96vw; height:auto;} /*info03*/ #main_con > .info03_con {position:relative; width:100%; padding:5.21vw 0; background-color:#0C2F55; background-image:conic-gradient(at 4px 4px, transparent 75%, rgba(255, 255, 255, 0.03) 0); background-size:20px 20px; overflow:hidden;} #main_con > .info03_con > .bg_box {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;} #main_con > .info03_con > .bg_box::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(0deg, rgba(9, 35, 65, 0.7)); mix-blend-mode:normal;} #main_con > .info03_con > .bg_box::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(9, 35, 65, 0.85); mix-blend-mode:hard-light;} #main_con > .info03_con > .contents_con {position:relative; z-index:2; width:100%; max-width:min(1520px, 79.17vw); margin:0 auto;} #main_con > .info03_con > .contents_con > .title_con {margin-bottom:2.29vw;} #main_con > .info03_con > .contents_con > .title_con > .title_small {margin-bottom:1.30vw;} #main_con > .info03_con > .contents_con > .title_con > .title_small > span {font-size:1.15vw; font-weight:700; line-height:110%; color:#CCA04B;} #main_con > .info03_con > .contents_con > .title_con > span {font-family:ChosunIlboMyungjo; font-size:3.12vw; line-height:150%; letter-spacing:-2.3%; color:#fff;} #main_con > .info03_con > .contents_con > .first_con {margin-bottom:2.29vw;} #main_con > .info03_con > .contents_con > .first_con > ul {display:flex; justify-content:space-between; gap:2.08vw;} #main_con > .info03_con > .contents_con > .first_con > ul::after {display:none;} #main_con > .info03_con > .contents_con > .first_con > ul > li {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; text-align:center; width:25.05vw; height:25.00vw; background:rgba(10, 37, 69, 0.2); border:none; border-radius:30px; backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); box-shadow:inset 6px 6px 30px rgba(0, 0, 0, 0.25), inset -6px -6px 20px rgba(255, 255, 255, 0.1), 0px 4px 15px rgba(0, 0, 0, 0.1);} #main_con > .info03_con > .contents_con > .first_con > ul > li::before {content:''; position:absolute; inset:0; padding:1px; background:linear-gradient(150deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2)); border-radius:inherit; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude; pointer-events:none;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .card_title {display:block; font-family:Plus Jakarta Sans; font-size:2.08vw; font-weight:700; color:rgba(255, 255, 255, 0.5); margin-bottom:1.56vw;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .icon_box {display:flex; justify-content:center; align-items:center; width:5.21vw; height:5.21vw; margin-bottom:1.56vw;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .icon_box img {max-width:100%; max-height:100%;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .card_sub_title {display:block; font-size:1.56vw; font-weight:700; line-height:155%; color:#fff; margin-bottom:1.41vw;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .card_desc {font-size:1.04vw; font-weight:300; line-height:155%; color:rgba(255, 255, 255, 0.7); word-break:keep-all;} #main_con > .info03_con > .contents_con > .first_con > ul > li > .card_desc strong {color:#fff; font-weight:600;} #main_con > .info03_con > .contents_con > .first_con > .sub_info_text {margin-top:1.56vw; font-size:1.15vw; font-weight:300; color:rgba(255, 255, 255, 0.5); text-align:left; letter-spacing:-2.3%;} #main_con > .info03_con > .contents_con > .first_con > .info03_page {display:none;} #main_con > .info03_con > .contents_con > .second_con {width:100%;} #main_con > .info03_con > .contents_con > .second_con > .title_con {margin-bottom:1.56vw; text-align:center;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .main_title {margin-bottom:1.30vw;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .main_title > span {font-size:3.12vw; font-weight:700; line-height:140%; color:#fff; letter-spacing:-2.3%;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .sub_area {display:flex; justify-content:center; align-items:center; gap:0.62vw;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .sub_area > .badge {display:inline-flex; align-items:center; padding:0.52vw 0.78vw; border-radius:30px; font-size:1.15vw;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .sub_area > .badge_std {background:#021428; color:#fff;} #main_con > .info03_con > .contents_con > .second_con > .title_con > .sub_area > .badge_min {background: linear-gradient(243.98deg, #C6943B 9.37%, #F7E293 69.62%, #BE8F3A 96.82%); font-weight:500; color:#000;} #main_con > .info03_con > .contents_con > .second_con > .contents_con {width:100%;} #main_con > .info03_con > .contents_con > .second_con .chart_wrap {--axis_left:17.04%; --axis_bottom:2.76vw; --plot_h:28.65vw; position:relative; width:100%;} #main_con > .info03_con > .contents_con > .second_con .chart_box {position:relative; width:100%; height:31.41vw; background-image:url("/img/main_info03_second_chartBox.svg"); background-repeat:no-repeat; background-size:100% 100%; background-position:center;} #main_con > .info03_con > .contents_con > .second_con .y_axis {position:absolute; left:0; bottom:var(--axis_bottom); z-index:5; width:100%; height:var(--plot_h);} #main_con > .info03_con > .contents_con > .second_con .y_val {display:flex; align-items:center; position:absolute; left:0; bottom:var(--val_h); width:var(--line_w); transform:translateY(50%);} #main_con > .info03_con > .contents_con > .second_con .y_val_04 {--val_h:91.5%; --line_w:85.5%;} #main_con > .info03_con > .contents_con > .second_con .y_val_03 {--val_h:69.5%; --line_w:65%;} #main_con > .info03_con > .contents_con > .second_con .y_val_02 {--val_h:48%; --line_w:45.2%;} #main_con > .info03_con > .contents_con > .second_con .y_val_01 {--val_h:24.4%; --line_w:24.6%;} #main_con > .info03_con > .contents_con > .second_con .y_val > .val_text {order:1; flex:none; font-size:1.15vw; font-weight:300; color:#fff; letter-spacing:-2.3%; white-space:nowrap;} #main_con > .info03_con > .contents_con > .second_con .y_val > .val_text strong {font-size:1.56vw; font-weight:700;} #main_con > .info03_con > .contents_con > .second_con .y_val::before {content:''; order:2; flex:1; height:1px; margin-left:1.04vw; border-top:1px dashed rgba(255, 255, 255, 0.25);} #main_con > .info03_con > .contents_con > .second_con .y_val::after {content:''; order:3; flex:none; width:0.26vw; height:0.26vw; background:rgba(255, 255, 255, 0.6); border-radius:50%;} #main_con > .info03_con > .contents_con > .second_con .bars_group {display:flex; align-items:flex-end; position:absolute; left:var(--axis_left); bottom:0.36vw; z-index:2; width:calc(100% - var(--axis_left)); height:var(--plot_h);} #main_con > .info03_con > .contents_con > .second_con .bar_item {display:flex; justify-content:center; align-items:flex-end; flex:1; height:100%;} #main_con > .info03_con > .contents_con > .second_con .bars {display:flex; justify-content:center; align-items:flex-end; gap:0.83vw; height:100%;} #main_con > .info03_con > .contents_con > .second_con .bar {width:var(--bar_w, 4.11vw); height:var(--bar_h); border-radius:20px 20px 0 0; transition:height 1s ease-out;} #main_con > .info03_con > .contents_con > .second_con .bar_item:nth-child(1), #main_con > .info03_con > .contents_con > .second_con .bar_item:nth-child(2) {--bar_w:4.11vw;} #main_con > .info03_con > .contents_con > .second_con .bar_item:nth-child(3), #main_con > .info03_con > .contents_con > .second_con .bar_item:nth-child(4) {--bar_w:5.83vw;} #main_con > .info03_con > .contents_con > .second_con .bar_std {background:#10213B;} #main_con > .info03_con > .contents_con > .second_con .bar_min {background:linear-gradient(243.98deg, #C6943B 9.37%, #F7E293 69.62%, #BE8F3A 96.82%);} #main_con > .info03_con > .contents_con > .second_con .x_axis {display:flex; width:calc(100% - var(--axis_left)); margin-left:var(--axis_left); padding-top:1.46vw;} #main_con > .info03_con > .contents_con > .second_con .x_item {display:flex; flex-direction:column; align-items:center; flex:1; text-align:center; white-space:nowrap;} #main_con > .info03_con > .contents_con > .second_con .x_item > .household {display:inline-block; margin-bottom:0.83vw; padding:0.42vw 1.20vw; background:#021F3F; border-radius:30px; font-size:1.15vw; font-weight:700; color:#fff;} #main_con > .info03_con > .contents_con > .second_con .x_item > .guarantee {font-size:1.15vw; color:#F6E191;} #main_con > .info03_con > .contents_con > .second_con .x_item > .guarantee strong {font-size:1.56vw; font-weight:700;} /*info04*/ #main_con > .info04_con {position:relative; width:100%; padding:5.21vw 0;} #main_con > .info04_con > .bg_box {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-image:url("/img/main_info04_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} #main_con > .info04_con > .bg_box::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(0deg, rgba(9, 35, 65, 0.7)); mix-blend-mode:normal;} #main_con > .info04_con > .bg_box::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(9, 35, 65, 0.85); mix-blend-mode:hard-light;} #main_con > .info04_con > .contents_con {position:relative; z-index:2; width:100%; max-width:min(1520px, 79.17vw); margin:0 auto;} #main_con > .info04_con > .contents_con > .title_con {margin-bottom:3.65vw; text-align:center;} #main_con > .info04_con > .contents_con > .title_con > .title_small {margin-bottom:1.56vw;} #main_con > .info04_con > .contents_con > .title_con > .title_small > span {font-size:1.15vw; font-weight:700; line-height:110%; color:#CCA04B;} #main_con > .info04_con > .contents_con > .title_con > span {font-family:ChosunIlboMyungjo; font-size:3.12vw; line-height:150%; letter-spacing:-2.3%; color:#fff;} #main_con > .info04_con > .contents_con > .contents_con {position:relative; display:flex; justify-content:space-between; gap:5.21vw;} #main_con > .info04_con > .contents_con > .contents_con::after {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:100%; border-left:1px dashed rgba(255, 255, 255, 0.5);} #main_con > .info04_con > .contents_con > .contents_con > .left_con, #main_con > .info04_con > .contents_con > .contents_con > .right_con {flex:1;} #main_con > .info04_con > .contents_con > .contents_con .title_con {margin-bottom:2.08vw;} #main_con > .info04_con > .contents_con > .contents_con .title_con > .sub_title {display:inline-block; font-size:1.25vw; font-weight:700; color:#707070; margin-bottom:1.04vw;} #main_con > .info04_con > .contents_con > .contents_con .right_con .title_con > .sub_title, #main_con > .info04_con > .contents_con > .contents_con .right_con .title_con > .main_title, #main_con > .info04_con > .contents_con > .contents_con .right_con .list_con .item_title {background:linear-gradient(243.98deg, #C6943B 9.37%, #F7E293 69.62%, #BE8F3A 96.82%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;} #main_con > .info04_con > .contents_con > .contents_con .title_con > .main_title {display:table; font-size:2.08vw; font-weight:700; line-height:120%; color:#fff;} #main_con > .info04_con > .contents_con > .contents_con .list_con > ul {display:flex; flex-direction:column; gap:0.78vw;} #main_con > .info04_con > .contents_con > .contents_con .list_con > ul::after {display:none;} #main_con > .info04_con > .contents_con > .contents_con .list_con > ul > li {padding:1.30vw 1.56vw; background:rgba(10, 37, 69, 0.2); border:1px solid #285581; border-radius:30px;} #main_con > .info04_con > .contents_con > .contents_con .right_con .list_con > ul > li {position:relative; background:rgba(10, 37, 69, 0.2); border:none; border-radius:30px; backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); box-shadow:inset 6px 6px 30px rgba(0, 0, 0, 0.25), inset -6px -6px 20px rgba(255, 255, 255, 0.1), 0px 4px 15px rgba(0, 0, 0, 0.1);} #main_con > .info04_con > .contents_con > .contents_con .right_con .list_con > ul > li::before {content:''; position:absolute; inset:0; padding:1px; background:linear-gradient(150deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2)); border-radius:inherit; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude; pointer-events:none;} #main_con > .info04_con > .contents_con > .contents_con .list_con .item_title {display:table; font-size:1.30vw; font-weight:700; letter-spacing:-2.3%; color:rgba(255, 255, 255, 0.9); margin-bottom:0.78vw;} #main_con > .info04_con > .contents_con > .contents_con .list_con .item_desc {font-size:0.94vw; line-height:140%; color:#6F6F6F; letter-spacing:-2.3%;} #main_con > .info04_con > .contents_con > .contents_con > .right_con > .list_con .item_desc {color:#fff;} /*info05*/ #main_con > .info05_con {position:relative; width:100%; padding:5.21vw 0;} #main_con > .info05_con > .bg_box {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-image:url("/img/main_info05_bg.png"); background-repeat:no-repeat; background-position:center; opacity:0.5;} #main_con > .info05_con > .contents_con {position:relative; z-index:2; width:100%; max-width:min(1520px, 79.17vw); margin:0 auto;} #main_con > .info05_con > .contents_con > .title_con {margin-bottom:2.76vw; text-align:center;} #main_con > .info05_con > .contents_con > .title_con > .title_small {margin-bottom:1.56vw;} #main_con > .info05_con > .contents_con > .title_con > .title_small > span {font-size:1.15vw; font-weight:700; line-height:110%; color:#CCA04B;} #main_con > .info05_con > .contents_con > .title_con > span {font-family:ChosunIlboMyungjo; font-size:3.12vw; line-height:150%; letter-spacing:-2.3%; color:#262626;} #main_con > .info05_con > .contents_con > .list_con {} #main_con > .info05_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:1.56vw;} #main_con > .info05_con > .contents_con > .list_con > ul::after {display:none;} #main_con > .info05_con > .contents_con > .list_con > ul > li {padding:1.56vw; background:#FAFAFA; border:1px solid #fff; border-radius:30px; box-shadow:inset 6px 6px 12px rgba(0, 0, 0, 0.04), inset -6px -6px 12px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1);} #main_con > .info05_con > .contents_con > .list_con > ul > li > .title_con {display:flex; align-items:center; gap:1.04vw; margin-bottom:1.51vw;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .title_con > .num {display:inline-flex; justify-content:center; align-items:center; width:2.40vw; height:2.40vw; background: linear-gradient(82.77deg, #C6943B 12.02%, #F7E293 75.04%, #BE8F3A 103.49%); border-radius:50%; font-size:1.56vw; font-weight:600; color:#fff;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .title_con > .txt {font-size:1.46vw; font-weight:600; letter-spacing:-2.3%; color:#C6943B; text-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con {display:flex; flex-direction:column; gap:0.26vw; padding-left:6.25vw;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con > p {position:relative; display:flex; gap:0.42vw; font-size:1.15vw; letter-spacing:-2.3%; opacity:0.7; word-break:keep-all;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con > p::before {content:''; position:absolute; top:0.68vw; left:-0.94vw; width:0.26vw; height:0.26vw; background-color:#333; border-radius:50%;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con > p > strong {flex-shrink:0; font-weight:700; line-height:150%;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .text_con > p > .text_box {display:block; flex:1; line-height:150%;} #main_con > .info05_con > .contents_con > .list_con > .info05_page {display:none;} /*info06*/ #main_con > .info06_con {position:relative; width:100%; padding:3.70vw 0 2.50vw; background-color:#F7F7F7;} #main_con > .info06_con > .contents_con {position:relative; width:100%;} #main_con > .info06_con > .contents_con > .title_con {max-width:min(1520px, 79.17vw); margin:0 auto;} #main_con > .info06_con > .contents_con > .title_con > .title_small {margin-bottom:1.56vw;} #main_con > .info06_con > .contents_con > .title_con > .title_small > span {font-size:1.15vw; font-weight:700; line-height:110%; color:#CCA04B;} #main_con > .info06_con > .contents_con > .title_con > span {font-family:ChosunIlboMyungjo; font-size:3.12vw; line-height:155%; letter-spacing:-2.3%; color:#262626;} #main_con > .info06_con .step_wrap {position:relative; width:100%; height:38.18vw;} #main_con > .info06_con .line_bg {position:absolute; top:5.73vw; left:0; width:100%; height:100%; pointer-events:none; z-index:1;} #main_con > .info06_con .line_bg > .pc_line {width:100%; height:auto; overflow:visible;} #main_con > .info06_con .line_bg > .pc_line > svg {display:block; width:90.52vw; height:auto;} #main_con > .info06_con .line_bg > .mo_line {display:none;} #main_con > .info06_con .list_con {position:relative; z-index:2; width:100%;} #main_con > .info06_con .list_con > ul {position:relative; width:100%; height:35.57vw;} #main_con > .info06_con .list_con > ul > li {position:absolute; display:flex; flex-direction:column; align-items:center; text-align:center;} #main_con > .info06_con .list_con > ul > li.step01 {top:1.98vw; left:11.98vw;} #main_con > .info06_con .list_con > ul > li.step02 {top:1.98vw; left:38.49vw;} #main_con > .info06_con .list_con > ul > li.step03 {top:1.98vw; left:65.05vw;} #main_con > .info06_con .list_con > ul > li.step04 {top:20.36vw; left:54.48vw;} #main_con > .info06_con .list_con > ul > li.step05 {top:20.36vw; left:22.45vw;} #main_con > .info06_con .step_item {width:23.23vw;} #main_con > .info06_con .step_item > .icon_box {display:flex; justify-content:center; align-items:center; width:6.25vw; height:6.25vw; background:#fff; border-radius:50%; box-shadow:0 8px 20px rgba(0,0,0,0.01); margin-bottom:1.56vw;} #main_con > .info06_con .step_item > .icon_box img {width:3.44vw; height:3.44vw;} #main_con > .info06_con .step_item > .text_box {} #main_con > .info06_con .step_item > .text_box > .step_num {display:block; font-family:Plus Jakarta Sans; font-size:2.08vw; font-weight:600; color:#CCA04B; margin-bottom:0.52vw;} #main_con > .info06_con .step_item.step02 .step_num, #main_con > .info06_con .step_item.step04 .step_num {color:#1453AE;} #main_con > .info06_con .step_item > .text_box > .step_title {display:block; font-size:1.56vw; font-weight:700; color:#242424; margin-bottom:0.52vw;} #main_con > .info06_con .step_item > .text_box > .step_desc {font-size:1.15vw; line-height:140%; color:rgba(34, 34, 34, 0.7); word-break:keep-all;} #main_con > .info06_con .step_item > .text_box > .step_desc strong {font-weight:700;} /*info07*/ #main_con > .info07_con {position:relative; width:100%;} #main_con > .info07_con > .bg_box {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-image:url("/img/main_info07_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} #main_con > .info07_con > .bg_box::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(0deg, rgba(204, 160, 75, 1)); opacity:0.5; mix-blend-mode:hard-light;} #main_con > .info07_con > .bg_box::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(82.77deg, #C6943B 12.02%, #F7E293 75.04%, #BE8F3A 103.49%); opacity:0.9;} #main_con > .info07_con > .contents_con {position:relative; z-index:2; text-align:center;} #main_con > .info07_con > .contents_con > .title_con {padding:5.21vw 0 2.60vw;} #main_con > .info07_con > .contents_con > .title_con > span {font-family:ChosunIlboMyungjo; font-weight:400; font-size:3.12vw; line-height:120%; letter-spacing:-2.3%; text-align:center; color:#262626;} #main_con > .info07_con > .contents_con > .contents_con > .text_con {padding-bottom:2.60vw;} #main_con > .info07_con > .contents_con > .contents_con > .text_con > span {font-weight:500; font-size:1.25vw; line-height:150%; letter-spacing:-2.3%; text-align:center; color:#222;} #main_con > .info07_con > .contents_con > .contents_con > .btn_con {padding-bottom:5.21vw;} /* 2026-09-04 — iOS 신고 두 가지를 여기서 같이 고쳤다 (info10 CTA 도 같은 몸이다). ① 정렬 — 원래 justify-self:center 로 가운데 놓고 있었다. 블록 레이아웃의 justify-self 는 크로미움 133+ 만 구현했고 **사파리는 무시한다**. 그래서 아이폰에서만 버튼이 왼쪽에 붙었다. margin 좌우 auto 로 바꾼다 — width:fit-content 인 블록 요소라 이쪽이 원래 어법이고 어디서나 같다. ② 화살표 — align-items 가 없어 기본값 stretch 였다. 11×18 짜리 꺾쇠 SVG 가 줄 높이만큼 세로로 늘어나 있었다(1600 폭에서 11×30.36, 69% 초과). 선 굵기 2px 가 세로로만 1.7배 늘어나니 획이 뭉개져 "뿌옇게" 보인다. info01·info02 CTA 는 처음부터 align-items:center 라 멀쩡했다 — 맞춘다. */ #main_con > .info07_con > .contents_con > .contents_con > .btn_con > a {display:flex; align-items:center; gap:0.52vw; width:fit-content; margin-left:auto; margin-right:auto; border-radius:50px; padding:1.22vw 3.59vw; background:#08223F;} #main_con > .info07_con > .contents_con > .contents_con > .btn_con > a > span {font-weight:600; font-size:1.15vw; line-height:165%; text-align:center; color:#fff;} /*info08*/ #main_con > .info08_con {position:relative; width:100%; overflow:hidden;} #main_con > .info08_con > .bg_grad {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:linear-gradient(270deg, rgba(9, 33, 62, 0) 40%, #09213E 89.24%); pointer-events:none; z-index:2;} #main_con > .info08_con > .bg_box {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-image:url("/img/main_info08_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:bottom;} #main_con > .info08_con > .bg_box::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(0deg, rgba(5, 20, 42, 0.5)); mix-blend-mode:multiply;} #main_con > .info08_con > .bg_box::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(5, 20, 42, 0.9); mix-blend-mode:normal;} #main_con > .info08_con > .contents_con {position:relative; z-index:3; width:100%; max-width:min(1520px, 79.17vw); margin:0 auto; padding:3.65vw 0 3.28vw;} #main_con > .info08_con > .contents_con > .left01_con {} #main_con > .info08_con > .contents_con > .left01_con > .title_con {margin-bottom:2.08vw;} #main_con > .info08_con > .contents_con > .left01_con > .title_con > .title_small {margin-bottom:1.56vw;} #main_con > .info08_con > .contents_con > .left01_con > .title_con > .title_small > span {font-size:1.25vw; font-weight:700; line-height:110%; color:#CCA04B;} #main_con > .info08_con > .contents_con > .left01_con > .title_con > span {font-family:ChosunIlboMyungjo; font-size:3.12vw; line-height:150%; letter-spacing:-2.3%; color:#fff;} #main_con > .info08_con > .contents_con > .left01_con > .name_con {margin-bottom:1.30vw;} #main_con > .info08_con > .contents_con > .left01_con > .name_con > span {font-size:2.08vw; font-weight:200; line-height:120%; letter-spacing:-2.3%; color:#fff;} #main_con > .info08_con > .contents_con > .left01_con > .spec_con {margin-bottom:3.65vw; opacity:0.8;} #main_con > .info08_con > .contents_con > .left01_con > .spec_con > ul {display:flex; flex-direction:column; gap:0.52vw;} #main_con > .info08_con > .contents_con > .left01_con > .spec_con > ul > li > span {font-size:1.15vw; line-height:130%; letter-spacing:-2.3%; color:#fff;} #main_con > .info08_con > .contents_con > .right_con {position:absolute; right:0; bottom:0;} #main_con > .info08_con > .contents_con > .right_con img {display:block; width:39.17vw;} #main_con > .info08_icon > .contents_con > .left02_con {} #main_con > .info08_con > .contents_con > .left02_con > .history_con {display:flex; gap:3.65vw; opacity: 0.5;} #main_con > .info08_con > .contents_con > .left02_con > .history_con > .history_box {display:flex; flex-direction:column; gap:0.52vw;} #main_con > .info08_con > .contents_con > .left02_con > .history_con > .history_box > li > span {font-size:0.94vw; font-weight:300; line-height:130%; letter-spacing:0%; color:#fff;} /*info09*/ #main_con > .info09_con {width:100%; padding:5.21vw 0; background-color:#091D35;} #main_con > .info09_con > .contents_con {width:100%; max-width:min(1520px, 79.17vw); margin:0 auto;} #main_con > .info09_con > .contents_con > .title_con {margin-bottom:2.08vw;} #main_con > .info09_con > .contents_con > .title_con > .title_small {margin-bottom:1.56vw;} #main_con > .info09_con > .contents_con > .title_con > .title_small > span {font-size:1.25vw; font-weight:700; line-height:110%; color:#CCA04B;} #main_con > .info09_con > .contents_con > .title_con > span {font-size:3.12vw; font-weight:700; line-height:150%; letter-spacing:-2.3%; color:#fff;} #main_con > .info09_con > .contents_con > .list_con {} #main_con > .info09_con > .contents_con > .list_con > ul {} #main_con > .info09_con > .contents_con > .list_con > ul > li {position:relative; display:block; border-bottom:1px solid rgba(255, 255, 255, 0.3); cursor:pointer; overflow:hidden;} #main_con > .info09_con > .contents_con > .list_con > ul > li.title_list {padding:2.60vw; background-color:rgba(10, 42, 82, 0.8); border:1px solid rgba(77, 146, 240, 0.38); border-radius:24px; cursor:default;} #main_con > .info09_con > .contents_con > .list_con > ul > li > .faq_q {display:flex; justify-content:space-between; align-items:center; gap:1.04vw; padding:2.08vw 0.52vw;} #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 {content:''; flex-shrink:0; width:1.04vw; height:1.04vw; background-image:url("/img/main_info09_list_after.svg"); background-repeat:no-repeat; background-position:center; background-size:contain; transition:transform 0.35s ease;} #main_con > .info09_con > .contents_con > .list_con > ul > li.title_list > .faq_q::after {display:none;} #main_con > .info09_con > .contents_con > .list_con > ul > li.on > .faq_q::after {transform:rotate(180deg);} #main_con > .info09_con > .contents_con > .list_con > ul > li > .faq_q > span {font-size:1.04vw; line-height:120%; color:rgba(255, 255, 255, 0.82);} #main_con > .info09_con > .contents_con > .list_con > ul > li.title_list > .faq_q > span {font-size:1.15vw; font-weight:700;} #main_con > .info09_con > .contents_con > .list_con > ul > li > .faq_a {max-height:0; overflow:hidden; transition:max-height 0.35s ease, margin-top 0.35s ease;} #main_con > .info09_con > .contents_con > .list_con > ul > li:not(.title_list) > .faq_a {background-color:rgba(10, 42, 82, 0.8);} #main_con > .info09_con > .contents_con > .list_con > ul > li.on > .faq_a {max-height:10vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li.title_list > .faq_a {max-height:none; margin-top:0.52vw;} #main_con > .info09_con > .contents_con > .list_con > ul > li > .faq_a > span {display:block; font-size:1.04vw; line-height:120%; color:rgba(255, 255, 255, 0.82);} #main_con > .info09_con > .contents_con > .list_con > ul > li:not(.title_list) > .faq_a > span {padding:2.60vw; line-height:120%; color:#fff;} /*info10*/ #main_con > .info10_con {position:relative; width:100%;} #main_con > .info10_con > .bg_box {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-image:url("/img/main_info10_bg.png"); background-repeat:no-repeat; background-size:cover;} #main_con > .info10_con > .bg_box::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(0deg, rgba(5, 20, 42, 0.5)); mix-blend-mode:multiply;} #main_con > .info10_con > .bg_box::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(5, 20, 42, 0.9); mix-blend-mode:normal;} #main_con > .info10_con > .contents_con {position:relative; z-index:2; text-align:center;} #main_con > .info10_con > .contents_con > .img_con {padding:5.21vw 0 3.44vw;} #main_con > .info10_con > .contents_con > .img_con img {} #main_con > .info10_con > .contents_con > .contents_con > .text_con {padding-bottom:3.02vw;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .title_con {padding-bottom:1.72vw;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .title_con span {position:relative; display:inline-block; font-size:1.35vw; line-height:130%; letter-spacing:-2.3%; color:#fff;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .title_con span::before {content:''; position:absolute; top:0; left:-1.30vw; display:block; width:1.04vw; height:1.04vw; background-image:url("/img/main_info10_title_before.svg"); background-repeat:no-repeat; background-size:contain;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .title_con span::after {content:''; position:absolute; top:0; right:-1.30vw; display:block; width:1.04vw; height:1.04vw; background-image:url("/img/main_info10_title_after.svg"); background-repeat:no-repeat; background-size:contain;} #main_con > .info10_con > .contents_con > .contents_con > .text_con > .sub_con span {font-size:1.04vw; line-height:130%; letter-spacing:-2.3%; color:#fff; opacity:0.5;} #main_con > .info10_con > .contents_con > .contents_con > .btn_con {padding-bottom:5.21vw;} #main_con > .info10_con > .contents_con > .contents_con > .btn_con > a {display:flex; align-items:center; gap:0.52vw; width:fit-content; margin-left:auto; margin-right:auto; border-radius:50px; padding:1.22vw 3.59vw; background:linear-gradient(60deg, #C6943B 12.02%, #F7E293 75.04%, #BE8F3A 103.49%);} #main_con > .info10_con > .contents_con > .contents_con > .btn_con > a > span {font-weight:600; font-size:1.15vw; line-height:165%; text-align:center; color:#000;} /* 위 하단 고정바와 같은 이유로 흰 화살표를 반전한다 */ #main_con > .info10_con > .contents_con > .contents_con > .btn_con > a > img {filter:invert(1);} /*푸터*/ #footer {width:100%; margin:0 auto; padding-bottom:7.71vw; background-color:#1F1F1F;} #footer > .contents_con > .info01_con > .contents_con {width:100%; max-width:87.50vw; margin:0 auto; padding:2.60vw 0;} #footer > .contents_con > .info01_con > .contents_con > .title_con {margin-bottom:1.67vw; padding:1.04vw 0; font-weight:600; font-size:2.50vw; line-height: 110%; letter-spacing:-2.3%; color: #F8F8F8;} #footer > .contents_con > .info01_con > .contents_con > .contents_con {} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con {margin-bottom:1.67vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul {display:flex; gap:1.67vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li {display:flex; flex-direction:column; justify-content:center; height:4.69vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li > .title_text {margin-bottom:0.52vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li > .title_text > span {font-weight:600; font-size:0.94vw; line-height:110%; letter-spacing:-2.3%; color: #F8F8F8;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li > .sub_text {} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li > .sub_text > a {padding:0 1.04vw; font-size:0.94vw; color:#A8A8A8; line-height:110%; letter-spacing:-2.3%;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text01_con > ul > li > .sub_text > a:first-child {padding-left:0;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap {display:flex; justify-content:space-between;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con {} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul {display:flex; gap:1.67vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul > li {display:flex; flex-direction:column; justify-content:center; height:4.69vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul > li > .title_text {margin-bottom:0.52vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul > li > .title_text > span {font-weight:600; font-size:0.94vw; line-height:110%; letter-spacing:-2.3%; color: #F8F8F8;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .text02_con > ul > li > .sub_text > span {font-size:0.94vw; color:#A8A8A8; line-height:110%; letter-spacing:-2.3%;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .btn_con {display:flex; align-items:end;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .btn_con > a {padding:1.04vw 0.38vw;} #footer > .contents_con > .info01_con > .contents_con > .contents_con > .text02_wrap > .btn_con > a > img {} #footer > .contents_con > .info02_con {border-top:1px solid rgba(239,239,239,0.5);} #footer > .contents_con > .info02_con > .text_con {width:fit-content; margin:0 auto; padding:1.98vw 0;} #footer > .contents_con > .info02_con > .text_con > span {font-weight:300; font-size:0.83vw; line-height:150%; letter-spacing:-2.4%; color:#999;}