/* 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:url("/img/sub/select_arrow.svg"); background-repeat:no-repeat; background-position:right 4.72vw center; background-size:4.17vw; 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 {flex-shrink:0; display:inline-block; width:7.22vw; height:7.22vw; background-image:url("/img/sub/checkbox_icon_off.svg"); 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:url("/img/sub/checkbox_icon_on.svg");} /*라디오 버튼*/ .radio_label {display:inline-block; cursor:pointer;} .radio_label input[type=radio] {display:none;} .radio_label .check_icon {flex-shrink:0; display:inline-block; width:7.22vw; height:7.22vw; background-image:url("/img/sub/radio_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .radio_label span {vertical-align:middle;} .radio_label input[type=radio]:checked + .check_icon {background-image:url("/img/sub/radio_icon_on.svg");} /*라디오 버튼 02*/ .radio_label02 {display:inline-block; cursor:pointer;} .radio_label02 input[type=radio] {display:none;} .radio_label02 .check_icon {display:inline-block; width:13.89vw; height:13.89vw; background-image:url("/img/sub/radio_icon_off02.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .radio_label02 span {vertical-align:middle;} .radio_label02 input[type=radio]:checked + .check_icon {background-image:url("/img/sub/radio_icon_on02.svg");} /* 메인 컨텐츠 */ #main_con {background:url("/img/main/m_main_con_bg.png")no-repeat center/cover;} #main_con > .contents_con {width:100%; padding:26.94vw 0 13.33vw;} #main_con > .contents_con > .txt_con > .text01_con > span {font-size:9.56vw; letter-spacing:-0.24vw;} #main_con > .contents_con > .txt_con > .text02_con {margin:11.11vw 0 0;} #main_con > .contents_con > .txt_con > .text02_con > span {font-size:5.56vw; line-height:130%; letter-spacing:-0.14vw;} #main_con > .contents_con > .txt_con > .text02_con > span .color_text.m_con {display:inline-block; line-height:130%;} #main_con > .contents_con > .txt_con > .text02_con > span .w_con {display:none;} #main_con > .contents_con > .txt_con > .text02_con > span .color_text:after {height:6.94vw;} #main_con > .contents_con > .info_con {margin:76.39vw 0 0;} #main_con > .contents_con > .info_con > .contents_con {width:90%; margin:0 auto; position:relative;} #main_con > .contents_con > .info_con > .contents_con > .list_con {width:100%; border:2px solid #FFF; padding:8.33vw 5.56vw; border-radius:5.56vw;} #main_con > .contents_con > .info_con > .contents_con > .list_con > ul {gap:2.78vw;} #main_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > .list_div {gap:1.94vw;} #main_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > .list_div > .num_con {width:9.44vw; height:9.44vw;} #main_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > .list_div > .num_con > span {font-size:4.72vw; letter-spacing:-0.12vw;} #main_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > .list_div > .text_con {padding:1.94vw 0 0;} #main_con > .contents_con > .info_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:4.72vw; letter-spacing:-0.12vw;} #main_con > .contents_con > .info_con > .contents_con > .img_con {width:75.56vw; position:absolute; top:103.61vw; right:-5.56vw;} #main_con > .contents_con > .info_con > .contents_con > .img_con > img {width:100%;} #main_con > .contents_con > .info_con > .contents_con > .btn_con {flex-direction:column; justify-content:unset; gap:2.78vw; margin:56.94vw 0 0; position:relative; z-index:10;} #main_con > .contents_con > .info_con > .contents_con > .btn_con > a {width:100%; height:16.67vw; font-size:8.33vw; letter-spacing:-0.19vw; border-radius:13.89vw;} #main_con > .contents_con > .info_con > .contents_con > .btn_con > a.a_btn02 {border:0.83vw solid #3C97F3; font-size:8.33vw; letter-spacing:-0.19vw;} /* 설문조사 */ .survey_con > .contents_con > .top_con {background:url("/img/main/m_survey_con_top_con_bg.png")no-repeat center/cover; background-color:#FCFAFA; padding:16.67vw 0 38.06vw;} .survey_con > .contents_con > .top_con > .text_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} .survey_con > .contents_con > .contents_con {padding:8.33vw 0 69.44vw;} .survey_con > .contents_con > .contents_con > .list_con {max-width:90%;} .survey_con > .contents_con > .contents_con > .list_con > ul {gap:11.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .category_con {width:100%; height:14.44vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .category_con > span {font-size:6.11vw; letter-spacing:-0.14vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .title_con {display:flex; align-items:flex-start; gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .num_con {} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .num_con > span {font-size:6.11vw; letter-spacing:-0.14vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .title_con {display:inline-block;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .title_con > span {font-size:6.11vw; letter-spacing:-0.14vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .title_con > span .color_text {font-size:4.72vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .title_con > .color_text {font-size:5.00vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .title_con > .color_text02 {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con.flex_con {gap:15.83vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(7) > .list_div > .contents_con.flex_con {justify-content:unset; gap:15.83vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con {gap:2.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > span {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > input {height:17.22vw; border:1px solid #FFF; padding:0 3.56vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > input.short_input {width:18.89vw; height:13.89vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > textarea {height:25.00vw; border:1px solid #FFF; padding:2.78vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > textarea.long_textarea {height:55.56vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li {flex-wrap:wrap; gap:0 2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > span {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > span.mo_w100 {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > input {height:8.89vw; padding:0 2.78vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > input.text_s {width:29.17vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > input.text_l01 {width:54.17vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > input.text_l02 {width:61.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li.flex_d {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > ul {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > ul > li > label {flex-wrap:wrap; gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > ul > li > label > span {font-size:4.44vw; letter-spacing:-0.25vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > ul > li > label > span.mo_w100 {width:80%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con > ul > li > ul > li > label > input.input_text {width:100%; height:8.89vw; margin-left:9.44vw; padding:0 2.78vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_b_14 {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_b_14 > ul > li {flex-wrap:nowrap;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .example_con {width:auto; padding:2.78vw 5.56vw; border-radius:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .example_con > span {font-size:4.44vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con > ul {gap:5.56vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con > ul > li > label {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con > ul > li > label > span {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul {gap:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li {flex-wrap:wrap; gap:0.56vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label {align-items:flex-start; gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label > span {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label > .text_con {flex-wrap:wrap; gap:0 2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label > .text_con > span {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label > .text_con > span.mo_w100 {width:90%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label > .text_con > input[type=text] {width:29.17vw; height:8.89vw; padding:0 2.78vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label.type_b_15 {align-items:flex-start; width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label.type_b_15 > .text_con {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label.type_b_15 > .text_con > input {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label.type_b_11 > .text_con {gap:1.39vw 2.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > label.type_b_11 > .text_con > input[type=text] {height:8.89vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > .text_con {gap:2.22vw; margin-left:9.47vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > .text_con > span {font-size:4.44vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li > .text_con > input {width:14.44vw; height:8.89vw; border:1px solid #FFF; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li.flex_d {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c > ul > li.flex_d > textarea {height:25.00vw; padding:2.78vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info {border:1px solid #DFDFDF; margin:6.67vw 0 0; padding:5.56vw 2.78vw; border-radius:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .title_con > span {font-size:5.00vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .title_con > span .color_text {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .list_con {margin:2.78vw 0 0;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .list_con > ul {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .list_con > ul > li {gap:2.22vw; padding-left:6.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .list_con > ul > li:before {width:1.11vw; height:1.11vw; top:3.61vw; left:2.50vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .list_con > ul > li > span {font-size:3.89vw; letter-spacing:-0.10vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .list_con > ul > li > input {width:36.11vw; height:8.89vw; border:1px solid #FFF; padding:0 2.78vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .more_info > .list_con > ul > li > input.short_input {width:13.89vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .check_con > .title_con > span {font-size:4.44vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .check_con > .text_con {margin:2.50vw 0 0;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .check_con > .text_con > span {font-size:4.44vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .check_con > .text_con > span.dot {font-size:4.44vw; letter-spacing:-0.4;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .check_con > .list_con {margin:5.28vw 0 0;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .check_con > .list_con > ul {gap:3.89vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .check_con > .list_con > ul > li > label {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .check_con > .list_con > ul > li > label > span {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .title_con {flex-direction:column; align-items:center; gap:2.78vw; height:auto; padding:2.78vw 5.56vw; position:sticky; top:0; left:0; right:0; border-radius:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .title_con > .text_con {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .title_con > .text_con > span {font-size:6.11vw; letter-spacing:-0.15vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .title_con > .list_con {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .title_con > .list_con > ul {justify-content:space-between; gap:0;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .title_con > .list_con > ul > li {width:13.89vw; height:13.89vw; border:1px solid #E2E2E2; border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .title_con > .list_con > ul > li > span {font-size:6.11vw; letter-spacing:-0.15vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con {margin:3.61vw 0 0;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul {gap:2.78vw; padding:5.56vw; border-radius:1.39vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0, 0, 0, 0.10);} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul > li {border-bottom:1px dashed #F3F3F3; padding-bottom:5.56vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul > li > .list_div {flex-direction:column; gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul > li > .list_div > .q_con {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul > li > .list_div > .q_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul > li > .list_div > .input_con {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul > li > .list_div > .input_con > ul {justify-content:space-between; gap:0;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul > li > .list_div > .input_con > ul > li {} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .survey_con > .list_con > ul > li > .list_div > .input_con > ul > li > label {} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > ul {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > ul > li > .list_div {gap:3.06vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > ul > li > .list_div > .text_con {height:17.22vw; border:1px solid #FFF; padding:0 5.56vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > ul > li > .list_div > .text_con > span {font-size:4.44vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > ul > li > .list_div > .btn_con {width:17.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > ul > li > .list_div > .btn_con > a {height:17.22vw; border:1px solid #FFF; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > ul > li > .list_div > .btn_con > a > img {width:6.67vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > .btn_con {margin:2.78vw 0 0;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > .btn_con > label {gap:1.39vw; width:100%; height:17.22vw; border-radius:1.39vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1);} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > .btn_con > label > img {width:5.56vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .file_con > .btn_con > label > span {font-size:4.44vw; letter-spacing:-0.11vw;} .survey_con > .contents_con > .contents_con > .btn_con {margin:20.00vw 0 0;} .survey_con > .contents_con > .contents_con > .btn_con a {width:66.11vw; height:14.17vw; font-size:6.11vw; letter-spacing:-0.14vw;} /* C유형 */ .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_10 > ul > li > input.text_01 {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_10 > ul > li > input.text_02 {width:30.56vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_10 > ul > li > input.text_03 {width:30.56vw; text-align:center;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_12 > ul > li {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_14 {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_14 > ul > li {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_14 > ul > li > img {width:3.89vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_14 > ul > li > input {flex:1;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_14 > ul > li > ul > li > label > .text_con {gap:2.78vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_14 > ul > li > ul > li > label > .text_con > span {display:inline-block; width:max-content; font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .input_con.type_c_14 > ul > li > ul > li > label > .text_con > input[type=text] {width:43.06vw; height:8.89vw; padding:0 2.78vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c.type_c_15 > ul > li > label > .text_con > input.input_w01 {flex:1; width:auto;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c.type_c_15 > ul > li > label > .text_con > span.mo_w100 {width:100%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.fd_c.type_c_15 > ul > li:nth-child(2) > label > .text_con > input {flex:1; width:auto;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.type_c_15 > ul > li.text_li {gap:0;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.type_c_15 > ul > li.text_li > span {font-size:4.44vw; letter-spacing:-0.22vw;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.type_c_15 > ul > li.text_li > span.mo_w100 {width:90%;} .survey_con > .contents_con > .contents_con > .list_con > ul > li > .list_div > .contents_con > .list_con.type_c_15 > ul > li.text_li > input {flex:1; width:auto; height:8.89vw; padding:0 2.78vw; font-size:4.44vw; letter-spacing:-0.11vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0,0,0,0.1); border-radius:1.39vw;} /* 결과페이지 */ .result_con {background:url("/img/main/m_result_con_bg.png")no-repeat center/cover;} .result_con > .contents_con {padding:88.33vw 0 26.39vw;} .result_con > .contents_con > .img_con {width:94.44vw;} .result_con > .contents_con > .list_con {margin:10.00vw 0 0;} .result_con > .contents_con > .list_con > ul {flex-direction:column; justify-content:unset; align-items:center;; gap:3.61vw;} .result_con > .contents_con > .list_con > ul > li {width:88.89vw; border:2px solid #FFF; border-radius:5.56vw;} .result_con > .contents_con > .list_con > ul > li > .list_div {gap:2.78vw; height:auto; padding:8.33vw 5.56vw;} .result_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {gap:1.39vw; height:auto;} .result_con > .contents_con > .list_con > ul > li:first-child > .list_div > .txt_con {height:40.00vw;} .result_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:6.67vw; letter-spacing:-0.22vw;} .result_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span .color_text {letter-spacing:-0.17vw;} .result_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:5.56vw; letter-spacing:-0.14vw;} .result_con > .contents_con > .list_con > ul > li > .list_div > .btn_con > a {height:14.44vw; padding:0 8.33vw; font-size:6.94vw; letter-spacing:-0.16vw; border-radius:13.89vw;} .result_con > .contents_con > .list_con > ul > li:last-child > .list_div > .btn_con {margin:5.56vw 0 0;} } @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;} }