:root { --select-bg: url(/security/img/sub/select_arrow.svg); --checkbox-off-bg: url(/security/img/sub/checkbox_icon_off.svg); --checkbox-on-bg: url(/security/img/sub/checkbox_icon_on.svg); --info06-bg: url(/security/img/main/m_info06_con_bg.png); --info11-bg: url(/security/img/main/m_info11_con_bg.png); } /* vw 계산기준 360 */ @media all and (max-width: 1024px) { body.main {overflow:unset;} .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;} 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:var(--select-bg); background-repeat:no-repeat; background-position:right 2.78vw center; background-size:3.61vw; width:100%; padding:0 5.2vw 0 2.8vw; } /* 체크박스 버튼 */ .checkbox_label {display:inline-block; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label .check_icon {width:7.22vw; height:7.22vw; background-image:var(--checkbox-off-bg); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .checkbox_label span {vertical-align:middle;} .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:var(--checkbox-on-bg);} /* 헤더 */ #header > .contents_con {max-width:91%; height:15.56vw;} #header > .contents_con > .logo_con > a {width:21.94vw;} #header > .contents_con > .btn_con {gap:2.22vw;} #header > .contents_con > .btn_con > a {padding:0 4.17vw; height:10.00vw; border:0.28vw solid #FFF; border-radius:138.89vw; box-shadow:0 2.22vw 2.78vw 0 rgba(0, 123, 238, 0.10), 0 2.22vw 8.33vw 0 rgba(0, 0, 0, 0.10);} #header > .contents_con > .btn_con > a > span {font-size:4.17vw;} #header > .contents_con > .btn_con > a.a_btn01 {display:none;} #header > .contents_con > .btn_con > a.a_btn02 > span:before {font-size:4.17vw;} #header > .contents_con > .btn_con > a.a_btn02 > span:after {font-size:4.17vw;} #header > .contents_con > .btn_con > .m_menu_btn {} #header > .contents_con > .btn_con > .m_menu_btn > a {display:inline-block; width:10.00vw;} #header > .contents_con > .btn_con > .m_menu_btn > a > img {width:100%;} #header > .contents_con > .btn_con > .m_menu_btn > a > img.open {} #header > .contents_con > .btn_con > .m_menu_btn > a > img.closed {display:none;} #header > .contents_con > .btn_con > .m_menu_btn > a.on > img.open {display:none;} #header > .contents_con > .btn_con > .m_menu_btn > a.on > img.closed {display:block;} #header > .m_main_nav {display:none; width:100%; height:100vh; background:#FFF; position:fixed; top:0; left:0; right:0; z-index:-1;} #header > .m_main_nav > .contents_con {margin:15.56vw 0 0; padding:13.89vw 5.56vw;} #header > .m_main_nav > .contents_con > .list_con {} #header > .m_main_nav > .contents_con > .list_con > ul {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:13.89vw;} #header > .m_main_nav > .contents_con > .list_con > ul > li {} #header > .m_main_nav > .contents_con > .list_con > ul > li > a {font-size:7.22vw; color:#121212; font-weight:700; line-height:130%;} #header > .m_main_nav > .contents_con > .list_con > ul > li > a.on {color:#0084FF;} /* 메인 공통 */ #main_con div > .contents_con > .txt_con > .text01_con > span {font-size:8.89vw;} #main_con div > .contents_con > .txt_con > .text02_con {margin:4.17vw 0 0;} #main_con div > .contents_con > .txt_con > .text02_con > span {font-size:4.44vw;} /* 메인 컨텐츠 */ #main_con {margin:15.56vw 0 0;} #main_con .info01_con > .contents_con {flex-direction:column; justify-content:unset; align-items:unset; gap:14.17vw; width:91%; margin:0 auto; padding:5.56vw 0 13.89vw;} #main_con .info01_con > .contents_con > .txt_con {order:2;} #main_con .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:10.00vw;} #main_con .info01_con > .contents_con > .txt_con > .text02_con {margin:5.56vw 0 0;} #main_con .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:4.44vw;} #main_con .info01_con > .contents_con > .txt_con > .text03_con {margin:4.17vw 0 0;} #main_con .info01_con > .contents_con > .txt_con > .text03_con > span {font-size:4.44vw;} #main_con .info01_con > .contents_con > .txt_con > .btn_con {justify-content:center; gap:2.78vw; margin:16.67vw 0 0;} #main_con .info01_con > .contents_con > .txt_con > .btn_con > a {width:43.06vw; height:15.28vw; border:0.28vw solid #FFF; padding:0; border-radius:138.89vw; box-shadow:0 2.22vw 2.78vw 0 rgba(0, 123, 238, 0.10), 0 2.22vw 8.33vw 0 rgba(0, 0, 0, 0.10);} #main_con .info01_con > .contents_con > .txt_con > .btn_con > a > span {font-size:5.00vw;} #main_con .info01_con > .contents_con > .txt_con > .btn_con > a.a_btn01 > span:before {font-size:5.00vw;} #main_con .info01_con > .contents_con > .txt_con > .btn_con > a.a_btn01 > span:after {font-size:5.00vw;} #main_con .info01_con > .contents_con > .txt_con > .btn_con > a.a_btn02 > span:before {font-size:5.00vw;} #main_con .info01_con > .contents_con > .txt_con > .btn_con > a.a_btn02 > span:after {font-size:5.00vw;} #main_con .info01_con > .contents_con > .img_list {order:1;} #main_con .info01_con > .contents_con > .img_list > .img_con.img01 {width:100%;} #main_con .info01_con > .contents_con > .img_list > .img_con.img02 {width:82.22vw; bottom:-5.56vw; right:-2.78vw; border-radius:2.78vw; box-shadow:0 0 2.78vw 0 rgba(144, 159, 173, 0.55);} #main_con .info01_con > .contents_con > .img_list > .img_con.img03 > img.img01 {width:17.22vw; top:7.22vw; right:8.89vw;} #main_con .info01_con > .contents_con > .img_list > .img_con.img03 > img.img02 {width:11.11vw; top:6.11vw; right:-2.22vw;} #main_con .info01_con > .contents_con > .img_list > .img_con.img03 > img.img03 {width:8.33vw; top:18.06vw; right:1.67vw;} #main_con .info01_con > .contents_con > .img_list > .img_con.img02:after {backdrop-filter:blur(1.11vw); border-radius:2.78vw;} #main_con .info01_con > .contents_con > .img_list > .img_con > img.shield {width:39.44vw; left:20.28vw;} #main_con .info02_con > .contents_con {padding:22.22vw 0;} #main_con .info02_con > .contents_con > .table_con {display:flex; flex-direction:column; gap:2.22vw; width:91%; margin-top:12.50vw;} #main_con .info02_con > .contents_con > .table_con > table {border-spacing:1.67vw;} #main_con .info02_con > .contents_con > .table_con > table > tbody > tr > td {height:14.44vw; font-size:4.44vw; border-radius:2.78vw;} #main_con .info02_con > .contents_con > .table_con > table > tbody > tr > .type_td {width:29.17vw;} #main_con .info02_con > .contents_con > .table_con > table > tbody > tr > .text_td {width:58.06vw; border-bottom:0.28vw solid #E2E8F0;} #main_con .info02_con > .contents_con > .text_con {width:83.61vw; height:15.00vw; margin-top:11.11vw; border-radius:13.89vw; box-shadow:0 3.33vw 2.78vw 0 rgba(0, 123, 238, 0.10), 0 0 8.33vw 0 rgba(204, 216, 233, 0.80);} #main_con .info02_con > .contents_con > .text_con > span {font-size:5.00vw;} #main_con .info03_con > .contents_con {max-width:91%; padding:22.22vw 0;} #main_con .info03_con > .contents_con > .list_con {margin:11.11vw 0 0;} #main_con .info03_con > .contents_con > .list_con > ul {flex-direction:column; justify-content:unset; align-items:unset; gap:2.78vw;} #main_con .info03_con > .contents_con > .list_con > ul > li {width:100%;} #main_con .info03_con > .contents_con > .list_con > ul > li > .list_div {flex-direction:row; gap:5.56vw; height:36.11vw; padding:0 0 0 6.94vw; border-radius:4.17vw;} #main_con .info03_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:19.44vw;} #main_con .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {text-align:left;} #main_con .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:5.56vw;} #main_con .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {margin:1.39vw 0 0;} #main_con .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:4.44vw;} #main_con .info03_con > .contents_con > .arrow_con {gap:2.22vw; margin:6.94vw 0 0;} #main_con .info03_con > .contents_con > .arrow_con > img {width:10.00vw;} #main_con .info03_con > .contents_con > .txt02_con {margin:6.67vw 0 0;} #main_con .info03_con > .contents_con > .txt02_con > .text01_con > span {font-size:5.00vw; } #main_con .info03_con > .contents_con > .txt02_con > .text02_con {margin:1.39vw 0 0;} #main_con .info03_con > .contents_con > .txt02_con > .text02_con > span {font-size:6.94vw;} #main_con .info04_con > .contents_con {padding:22.22vw 0;} #main_con .info04_con > .contents_con > .txt_con {max-width:91%; text-align:center;} #main_con .info04_con > .contents_con > .etc_list {max-width:91%; margin-top:18.61vw;} #main_con .info04_con > .contents_con > .etc_list > ul {flex-direction:column; justify-content:unset;} #main_con .info04_con > .contents_con > .etc_list > ul > li {position:relative;} #main_con .info04_con > .contents_con > .etc_list > ul > li > .list_div {gap:0;} #main_con .info04_con > .contents_con > .etc_list > ul > li > .list_div > .img_con {width:21.11vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li > .list_div > .text_con {position:relative; top:0;} #main_con .info04_con > .contents_con > .etc_list > ul > li > .list_div > .text_con > span {font-size:5.00vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li > .list_div > .text_con > span .color_text {font-size:4.44vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li:nth-child(odd) {left:-25.00vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li:nth-child(even) {right:-25.00vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li:first-child {top:-2.78vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li:nth-child(2) {top:10.22vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li:nth-child(3) {top:15.56vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li:nth-child(4) {top:24.89vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li:nth-child(5) {top:31.44vw;} #main_con .info04_con > .contents_con > .etc_list > ul > li:nth-child(6) {top:35.22vw;} #main_con .info04_con > .contents_con > .list_con {top:81.94vw;} #main_con .info04_con > .contents_con > .list_con > ul {flex-direction:column; justify-content:center; align-items:center; gap:25.00vw;} #main_con .info04_con > .contents_con > .list_con > ul > li {width:13.89vw; height:13.89vw;} #main_con .info04_con > .contents_con > .list_con > ul > li > .list_div > .num_con > span {width:13.89vw; height:13.89vw; font-size:6.94vw;} #main_con .info04_con > .contents_con > .list_con > .bar {width:2.22vw; height:100%; top:0; left:50%; right:unset; transform:translateX(-50%);} #main_con .info04_con > .contents_con > .list_con > .bar .progress {width:2.22vw; height:15%; border-radius:138.89vw;} #main_con .info04_con > .contents_con > .text_con {width:78.33vw; margin:0 auto; height:21.67vw; margin-top:44.11vw; position:unset; left:unset; text-align:center; border-radius:138.89vw; box-shadow:0 3.33vw 2.78vw 0 rgba(0, 123, 238, 0.10), 0 0 8.33vw 0 rgba(204, 216, 233, 0.80);} #main_con .info04_con > .contents_con > .text_con > span {font-size:5.00vw;} #main_con .info05_con > .contents_con {max-width:91%; padding:22.22vw 0;} #main_con .info05_con > .contents_con > .table_con {display:flex; flex-direction:column; gap:2.22vw; margin:9.72vw 0 0;} #main_con .info05_con > .contents_con > .table_con > table {border-spacing:1.67vw;} #main_con .info05_con > .contents_con > .table_con > table > tbody > tr > td {height:14.44vw; font-size:4.44vw; border-radius:2.78vw;} #main_con .info05_con > .contents_con > .table_con > table > tbody > tr > .type_td {width:29.17vw;} #main_con .info05_con > .contents_con > .table_con > table > tbody > tr > .text_td {width:58.06vw; border-bottom:0.28vw solid #E2E8F0; border-radius:0;} #main_con .info05_con > .contents_con > .table_con > table > tbody > tr > .text_td.blue > span {color:#0084FF;} #main_con .info05_con > .contents_con > .txt02_con {margin:11.11vw 0 0;} #main_con .info05_con > .contents_con > .txt02_con > .text01_con > span {font-size:5.00vw;} #main_con .info05_con > .contents_con > .txt02_con > .text02_con {margin:1.39vw 0 0;} #main_con .info05_con > .contents_con > .txt02_con > .text02_con > span {font-size:6.94vw;} #main_con .info06_con {background:var(--info06-bg) no-repeat center/cover;} #main_con .info06_con > .contents_con {padding:22.22vw 0;} #main_con .info06_con > .contents_con > .slide_con {margin:13.89vw 0 0;} #main_con .info06_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:69.44vw; margin:0 5.56vw 0 0;} #main_con .info06_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {height:69.44vw; padding:8.33vw 6.94vw; border-radius:4.17vw;} #main_con .info06_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text_con > span {font-size:4.44vw;} #main_con .info06_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .name_con > span {font-size:4.44vw;} #main_con .info07_con > .contents_con {max-width:91%; padding:22.22vw 0;} #main_con .info07_con > .contents_con > .list_con {margin:13.89vw 0 0;} #main_con .info07_con > .contents_con > .list_con > ul {flex-direction:column; gap:4.17vw;} #main_con .info07_con > .contents_con > .list_con > ul > li {width:100%;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con {height:auto; border:0.83vw solid #ddd; padding:8.33vw; border-radius:4.17vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .point_con {width:14.44vw; height:10.56vw; top:-0.83vw; right:5.56vw; border-radius:0 0 2.78vw 2.78vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .point_con > span {font-size:4.44vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con {border-bottom:0.28vw dashed #AAB3BF; margin:0 0 5.56vw; padding:0 0 8.33vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .type_con {height:8.89vw; padding:0 4.17vw; border-radius:1.67vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .type_con > span {font-size:5.00vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .line_text {margin:4.17vw 0 0;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .line_text > span {font-size:5.00vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con {gap:2.22vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text01_con > span {font-size:7.22vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text02_con > span {font-size:4.44vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .text_con {margin:1.11vw 0 0;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .text_con > span {font-size:4.44vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .list_con > ul > li {padding:0 0 0 6.67vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .list_con > ul > li:before {width:0.83vw; height:0.83vw; left:3.06vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .list_con > ul > li > span {font-size:4.44vw; line-height:180%;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .btn_con {gap:2.78vw; height:13.33vw; margin:6.67vw 0 0; border-radius:2.78vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .btn_con > img {width:4.72vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .btn_con > span {font-size:5.00vw;} #main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > input:checked + .inner_con {border:0.83vw solid #0084FF;} #main_con .info07_con > .contents_con > .text_con {margin:5.56vw 0 0;} #main_con .info07_con > .contents_con > .text_con > ul {flex-direction:column; gap:0;} #main_con .info07_con > .contents_con > .text_con > ul > li {gap:1.11vw;} #main_con .info07_con > .contents_con > .text_con > ul > li > span {font-size:3.89vw;} #main_con .info07_con > .contents_con > .btn_con {gap:2.78vw; margin:11.11vw 0 0;} #main_con .info07_con > .contents_con > .btn_con > a {width:43.06vw; height:15.28vw; border:0.28vw solid #FFF; padding:0; border-radius:138.89vw; box-shadow:0 2.22vw 2.78vw 0 rgba(0, 123, 238, 0.10), 0 2.22vw 8.33vw 0 rgba(0, 0, 0, 0.10);} #main_con .info07_con > .contents_con > .btn_con > a > span {font-size:5.00vw;} #main_con .info07_con > .contents_con > .btn_con > a.a_btn01 > span:before {font-size:5.00vw;} #main_con .info07_con > .contents_con > .btn_con > a.a_btn01 > span:after {font-size:5.00vw;} #main_con .info07_con > .contents_con > .btn_con > a.a_btn02 > span:before {font-size:5.00vw;} #main_con .info07_con > .contents_con > .btn_con > a.a_btn02 > span:after {font-size:5.00vw;} #main_con .info08_con > .contents_con {max-width:91%; padding:22.22vw 0;} #main_con .info08_con > .contents_con > .slide_con > .swiper {padding:11.11vw 0;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:100%; height:191.67vw; margin:0 5.56vw 0 0; border-radius:4.17vw; box-shadow:0 0 8.33vw 0 rgba(204, 216, 233, 0.60);} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {padding:4.17vw 4.17vw 0 4.17vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con {flex-wrap:wrap; gap:1.67vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text01_con {height:19.44vw; padding:0 4.17vw; border-radius:2.78vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text01_con > span {font-size:4.44vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text02_con {justify-content:unset; width:59.72vw; height:19.44vw; border:0.28vw solid #E2E8F0; padding:0 4.17vw; border-radius:2.78vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text02_con > span {font-size:5.00vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text03_con {gap:1.67vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text03_con > span {font-size:3.89vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text03_con > span.example {height:8.33vw; padding:0 2.78vw; border-radius:13.89vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con {margin:5.56vw 0 0;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li {margin:4.17vw 0 0;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div {gap:2.78vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .profile_con {gap:1.11vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .profile_con > .img_con {width:10.56vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .profile_con > .text_con > span {font-size:3.89vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .text_con {gap:3.33vw; padding:3.33vw 4.17vw; border-radius:0 4.17vw 4.17vw 4.17vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:4.44vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li.customer > .list_div > .text_con {border-radius:4.17vw 0 4.17vw 4.17vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide:nth-child(2) > .contents_con > .list_con > ul > li.customer {margin:4.17vw 0 0;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-scrollbar {height:1.11vw;} #main_con .info08_con > .contents_con > .slide_con > .swiper .swiper-scrollbar .swiper-scrollbar-drag {height:1.11vw;} #main_con .info08_con > .contents_con > .text_con {margin:13.89vw 0 0;} #main_con .info08_con > .contents_con > .text_con > span {margin:0 0 4.44vw; font-size:4.44vw; } #main_con .info08_con > .contents_con > .text_con > span.color_text {margin:0 0 1.39vw; font-size:6.11vw;} #main_con .info09_con > .contents_con {max-width:91%; padding:22.22vw 0 26.11vw;} #main_con .info09_con > .contents_con > .list_con {margin:8.33vw 0 0;} #main_con .info09_con > .contents_con > .list_con > ul > li > .list_div > .q_con {gap:5.00vw; height:20.56vw; border-bottom:0.28vw solid #E2E8F0; padding:0;} #main_con .info09_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .txt_con {gap:3.33vw;} #main_con .info09_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .txt_con > .icon_con {flex-shrink:0; width:8.33vw; height:8.33vw;} #main_con .info09_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .txt_con > .icon_con > span {font-size:4.44vw;} #main_con .info09_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .txt_con > .title_con > span {font-size:4.44vw;} #main_con .info09_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .arrow_con {flex-shrink:0; width:4.72vw;} #main_con .info09_con > .contents_con > .list_con > ul > li > .list_div > .a_con {padding:5.56vw;} #main_con .info09_con > .contents_con > .list_con > ul > li > .list_div > .a_con > span {font-size:4.44vw;} #main_con .info10_con > .contents_con {max-width:91%; padding:22.22vw 0;} #main_con .info10_con > .contents_con > .form_con {margin:11.11vw 0 0;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul {gap:4.17vw;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul > li > .list_div {flex-direction:column; gap:4.17vw;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul > li > .list_div > .input_con {gap:1.11vw; width:100%;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul > li > .list_div > .input_con > .title_con > span {font-size:4.44vw;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul > li > .list_div > .input_con > .input_div {gap:2%;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul > li > .list_div > .input_con > .input_div > input {height:14.44vw; border:0.28vw solid #E2E8F0; padding:0 4.17vw; font-size:4.44vw; border-radius:2.78vw;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul > li > .list_div > .input_con > .input_div > select {width:49%; height:14.44vw; border:0.28vw solid #E2E8F0; padding:0 4.17vw; font-size:4.44vw; border-radius:2.78vw;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul > li > .list_div > .input_con > .input_div.flex_div > input {width:49%;} #main_con .info10_con > .contents_con > .form_con > .list_con > ul > li > .list_div > .input_con > .input_div > textarea {height:41.67vw; border:0.28vw solid #E2E8F0; padding:2.78vw 4.17vw; font-size:4.44vw; border-radius:2.78vw;} #main_con .info10_con > .contents_con > .form_con > .check_list {margin:8.33vw 0 0;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul {gap:4.17vw;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .check_con > label {gap:2.78vw; width:77.39vw;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .check_con > label > .check_icon {flex-shrink:0;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .check_con > label > span {font-size:3.89vw;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .check_con > .arrow_con {padding:3.89vw 0;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .check_con > .arrow_con > img {width:5.28vw;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .text_con {margin:2.78vw 0 0; padding:5.56vw 1.39vw 5.56vw 0; border-radius:2.78vw;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .text_con > .scroll_con {height:61.11vw; padding:0 4.17vw 0 5.56vw;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .text_con > .scroll_con > span {font-size:3.89vw;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .text_con > .scroll_con::-webkit-scrollbar {width:0.56vw;} #main_con .info10_con > .contents_con > .form_con > .check_list > ul > li > .list_div > .text_con > .scroll_con::-webkit-scrollbar-thumb {border-radius:13.89vw;} #main_con .info10_con > .contents_con > .form_con > .btn_con {margin:11.11vw 0 0;} #main_con .info10_con > .contents_con > .form_con > .btn_con > a {width:43.06vw; margin:0 auto; height:15.28vw; border:0.28vw solid #FFF; padding:0; border-radius:138.89vw; box-shadow:0 2.22vw 2.78vw 0 rgba(0, 123, 238, 0.10), 0 2.22vw 8.33vw 0 rgba(0, 0, 0, 0.10);} #main_con .info10_con > .contents_con > .form_con > .btn_con > a > span {font-size:5.00vw;} #main_con .info10_con > .contents_con > .form_con > .btn_con > a > span:before {font-size:5.00vw;} #main_con .info10_con > .contents_con > .form_con > .btn_con > a > span:after {font-size:5.00vw;} #main_con .info11_con {background:var(--info11-bg) no-repeat center/cover;} #main_con .info11_con > .contents_con {padding:22.22vw 0;} #main_con .info11_con > .contents_con > .text_con > .text01 > span {font-size:6.11vw;} #main_con .info11_con > .contents_con > .text_con > .text02 > span {font-size:6.11vw;} #main_con .info11_con > .contents_con > .text_con > .text02 > span .color_text {font-size:8.33vw; line-height:135%;} #main_con .info11_con > .contents_con > .btn_con {margin:11.11vw 0 0;} #main_con .info11_con > .contents_con > .btn_con > a {gap:2.22vw; width:70.00vw; height:15.28vw; border:0.28vw solid #FFF; border-radius:138.89vw; box-shadow:0 2.22vw 2.78vw 0 rgba(3, 42, 78, 0.10), 0 2.22vw 8.33vw 0 rgba(0, 0, 0, 0.10);} #main_con .info11_con > .contents_con > .btn_con > a > span {font-size:5.00vw} #main_con .info11_con > .contents_con > .btn_con > a > span:before {font-size:5.00vw;} #main_con .info11_con > .contents_con > .btn_con > a > span:after {font-size:5.00vw;} #main_con .info11_con > .contents_con > .btn_con > a > img {width:5.56vw;} #main_con .info12_con > .contents_con {width:91%;padding:22.22vw 0 0;} #main_con .info12_con > .contents_con > .title_con {text-align:center;} #main_con .info12_con > .contents_con > .title_con > span {font-size:8.89vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper {padding:8.33vw 0 22.22vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:100%; margin:0 6.67vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {border-radius:5.56vw; box-shadow:unset;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con {height:117.78vw; padding:8.33vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con {border-bottom:0.28vw dashed #F8FAFD; margin:0 0 4.17vw; padding:0 0 4.17vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con > .text01_con {height:9.44vw; border:0.28vw solid #0084FF; padding:0 3.33vw; border-radius:2.78vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con > .text01_con > span {font-size:5.00vw; letter-spacing:-0.14vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con > .text02_con {margin:4.44vw 0 0;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con > .text02_con > span {font-size:6.11vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .list_con > ul > li:before {width:0.83vw; height:0.83vw; top:3.89vw; left:3.33vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .list_con > ul > li > span {padding-left:6.67vw; font-size:4.44vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bottom_con {height:58.33vw; padding:5.56vw 8.33vw 8.33vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bottom_con > ul > li:before {width:0.83vw; height:0.83vw; top:3.89vw; left:3.33vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bottom_con > ul > li > span {padding-left:6.67vw; font-size:4.44vw;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-scrollbar {width:100%; height:1.11vw; background:#CED6E0; position:absolute; bottom:12.78vw; left:0; right:0; border-radius:unset;} #main_con .info12_con > .contents_con > .slide_con > .swiper .swiper-scrollbar .swiper-scrollbar-drag {height:1.11vw; background:#0084FF; border-radius:unset;} /* 팝업 - 1분자가진단 */ .popup_con {width:91%; border:0.28vw solid #E2E8F0; border-radius:2.78vw; box-shadow:0 0 8.33vw 0 rgba(128,128,128,0.2);} .popup_con .contents_con {gap:5.56vw; padding:8.33vw 2.78vw;} .popup_con .contents_con > .txt_con > .title_con > span {font-size:7.78vw;} .popup_con .contents_con > .txt_con > .text_con {margin:3.61vw 0 0;} .popup_con .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .popup_con .contents_con > .list_con {padding:5.56vw 2.78vw 0 4.44vw; border-radius:2.78vw;} .popup_con .contents_con > .list_con > .category_con {} .popup_con .contents_con > .list_con > .category_con > ul {gap:12.50vw; height:69.44vw; padding:0 1.67vw 5.56vw 0;} .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div {gap:4.17vw;} .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .title_con > span {font-size:5.56vw;} .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul {gap:2.78vw;} .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul > li > label {gap:4.17vw;} .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul > li > label > .check_icon {flex-shrink:0;} .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul > li > label > span {font-size:4.44vw;} .popup_con .contents_con > .btn_con > ul {gap:3.33vw;} .popup_con .contents_con > .btn_con > ul > li > a {width:37.50vw; height:12.78vw; border:0.28vw solid #FFF; font-size:4.44vw; border-radius:138.89vw; box-shadow:0 2.22vw 2.78vw 0 rgba(0, 123, 238, 0.10), 0 2.22vw 8.33vw 0 rgba(0, 0, 0, 0.10);} .popup_con .contents_con > .info_div {height:97.22vw; padding:8.33vw 4.44vw; border-radius:2.78vw; overflow-y:auto;} .popup_con .contents_con > .info_div::-webkit-scrollbar {width:0.56vw; background-color:transparent;} .popup_con .contents_con > .info_div::-webkit-scrollbar-thumb {background-color:#AAB3BF; border-radius:0.83vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con {gap:6.94vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .img_con {width:19.44vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text01_con {margin:2.22vw 0 0;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text01_con > span {font-size:5.56vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text02_con {margin:0.56vw 0 0;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text02_con > span {font-size:4.44vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text03_con {margin:2.78vw 0 0;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text03_con > span {font-size:5.00vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con {padding:5.56vw 4.17vw; border-radius:2.78vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con {flex-direction:column; justify-content:center; align-items:center; gap:5.83vw; border-bottom:0.28vw dashed #808A97; margin:0 0 4.17vw; padding:0 0 4.17vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con > .text01:after {width:1.67vw; height:1.67vw; top:8.06vw; right:50%; transform:translateX(-50%);} .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con > .text01 > span {font-size:5.00vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con > .text02 > span {font-size:5.00vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .list_con > ul {flex-wrap:wrap; gap:0.56vw 4.17vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .list_con > ul > li > span {font-size:4.44vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .btn_con > ul {display:flex; flex-direction:column; gap:2.78vw;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .btn_con > ul > li {width:100%;} .popup_con .contents_con > .info_div > .result_con > .contents_con > .btn_con > ul > li > a {width:100%;} /* 푸터 */ #footer > .top_btn {bottom:2.78vw; right:2.78vw;} #footer > .top_btn.scroll {bottom:2.78vw;} #footer > .top_btn.scroll_end {top:-12.50vw;} #footer > .top_btn > a {width:9.72vw;} #footer > .contents_con {max-width:91%; padding:5.56vw 0;} #footer > .contents_con > .top_con {border-bottom:none; margin:0 0 13.89vw; padding:0;} #footer > .contents_con > .top_con > .list_con {display:none;} #footer > .contents_con > .top_con > .logo_con {width:34.44vw;} #footer > .contents_con > .top_con > .logo_con > img {width:100%;} #footer > .contents_con > .top_con > .sns_con > ul {gap:2.22vw;} #footer > .contents_con > .top_con > .sns_con > ul > li > a {width:8.33vw;} #footer > .contents_con > .bottom_con {display:block;} #footer > .contents_con > .bottom_con > .txt_con > .info_con > span {font-size:3.89vw;} #footer > .contents_con > .bottom_con > .txt_con > .info_con > span .bar {font-size:3.33vw;} #footer > .contents_con > .bottom_con > .txt_con > .copy_con {margin:8.33vw 0 0;} #footer > .contents_con > .bottom_con > .txt_con > .copy_con > span {font-size:3.33vw;} #footer > .contents_con > .bottom_con > .logo_con {display:none;} #footer > .contents_con > .m_con {margin:5.56vw 0 0;} #footer > .contents_con > .m_con > ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:2.78vw;} #footer > .contents_con > .m_con > ul > li {width:44.04vw;} #footer > .contents_con > .m_con > ul > li > a {display:flex; justify-content:center; align-items:center; height:12.50vw; border:0.28vw solid #D2D7E2; font-size:3.89vw; color:#333; font-weight:500; line-height:150%;} #footer > .contents_con > .m_con > ul > li.width_100 {width:100%;} } @media all and (max-width: 768px) { .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;} }