/* vw 계산기준 360 */ @media all and (max-width: 1024px) { .w_con {display:none;} .m_con {display:block;} .w_img {display:none;} .m_img {display:inline-block; width:100%;} .w_br {display:none;} .m_br {display:inline;} .w_bar {display:none;} .m_bar {display:inline;} 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 {display:inline-block; width:6.94vw; height:6.94vw; background-image:url("/img/sub/checkbox_icon_off.svg"); background-size:6.94vw; background-repeat:no-repeat; 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 {display:inline-block; width:6.94vw; height:6.94vw; background-image:url("/img/sub/radio_icon_off.svg"); background-size:6.94vw; background-repeat:no-repeat; 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");} /* 버튼 아이콘 모션 */ .btn_con > a {gap:4px; width:60.56vw; height:12.22vw;border-radius:13.89vw;} .btn_con > a > span {display:inline-block; width:49.44vw;} .btn_con > a > span:before {content:''; width:6.67vw; height:6.67vw; top:-0.58vw; right:0;} .btn_con > a > span:after {content:none;} .btn_con.bk > a > span:before {content:''; width:6.67vw; height:6.67vw; top:-0.25vw; right:0;} .btn_con.bk > a > span:after {content:none;} .btn_con > a:hover > span:before {transform:unset;} .btn_con > a:hover > span:after {top:unset;} /* 헤더 */ #header {width:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; z-index:200;} #header > .contents_con {display:flex; justify-content:space-between; align-items:center; padding:2.78vw 4.17vw;} #header > .contents_con > .logo_con {} #header > .contents_con > .logo_con > a {display:block; width:43.89vw;} #header > .contents_con > .logo_con > a > img {width:100%;} #header > .contents_con > .list_con {display:none;} #header > .contents_con > .m_menu_btn {} #header > .contents_con > .m_menu_btn > a {} #header > .contents_con > .m_menu_btn > a > .contents_con {} #header > .contents_con > .m_menu_btn > a > .contents_con > .bar_con {} #header > .contents_con > .m_menu_btn > a > .contents_con > .bar_con > .bar {width:6.67vw; height:0.56vw; background-color:#121212; margin-top:1.94vw; border-radius:2.78vw; transition:all 0.5s ease;} #header > .contents_con > .m_menu_btn > a > .contents_con > .bar_con > .bar01 {margin-top:0;} #header > .contents_con > .m_menu_btn > a > .contents_con > .bar_con > .bar02 {} #header > .contents_con > .m_menu_btn > a > .contents_con > .bar_con > .bar03 {} #header > .contents_con > .m_menu_btn > a.off {} #header > .contents_con > .m_menu_btn > a.off > .contents_con > .bar_con > .bar01 {transform:rotate(0deg);} #header > .contents_con > .m_menu_btn > a.off > .contents_con > .bar_con > .bar02 {opacity:1;} #header > .contents_con > .m_menu_btn > a.off > .contents_con > .bar_con > .bar03 {transform:rotate(0deg);} #header > .contents_con > .m_menu_btn > a.on {} #header > .contents_con > .m_menu_btn > a.on > .contents_con > .bar_con > .bar01 {transform:translateY(1.94vw) rotate(45deg);} #header > .contents_con > .m_menu_btn > a.on > .contents_con > .bar_con > .bar02 {opacity:0;} #header > .contents_con > .m_menu_btn > a.on > .contents_con > .bar_con > .bar03 {transform:translateY(-3.06vw) rotate(-45deg);} #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 {border-top:0.28vw solid #EFEFEF; margin:14.17vw 0 0; padding:6.39vw 5.56vw 0;} #header > .m_main_nav > .contents_con > .list_con {} #header > .m_main_nav > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:4.17vw;} #header > .m_main_nav > .contents_con > .list_con > ul:after {content:none;} #header > .m_main_nav > .contents_con > .list_con > ul > li {} #header > .m_main_nav > .contents_con > .list_con > ul > li > a {display:flex; align-items:center; width:100%; height:18.33vw; border:0.28vw solid #EBEBEB; padding:0 8.33vw; border-radius:138.89vw; position:relative; font-size:6.11vw; color:#7C7C7C; font-weight:500; line-height:120%;} #header > .m_main_nav > .contents_con > .list_con > ul > li > a.on {color:#121212;} #header > .m_main_nav > .contents_con > .list_con > ul > li > a > img {display:block; width:4.44vw; position:absolute; top:50%; right:8.33vw; transform:translateY(-50%) rotate(180deg); transition:all 0.3s ease;} #header > .m_main_nav > .contents_con > .list_con > ul > li.show > a > img {transform:translateY(-50%) rotate(0); transition:all 0.3s ease;} #header > .m_main_nav > .contents_con > .list_con > ul > li > .menu_list {display:none; margin:1.39vw 0 0;} #header > .m_main_nav > .contents_con > .list_con > ul > li > .menu_list > ul {display:flex; flex-direction:column; justify-content:center; gap:4.17vw; width:100%; height:27.50vw; background:#F5F5F5; padding:0 8.33vw; border-radius:6.94vw;} #header > .m_main_nav > .contents_con > .list_con > ul > li > .menu_list > ul:after {content:none;} #header > .m_main_nav > .contents_con > .list_con > ul > li > .menu_list > ul > li {} #header > .m_main_nav > .contents_con > .list_con > ul > li > .menu_list > ul > li > a {font-size:5.00vw; color:#121212; font-weight:400; line-height:120%;} #header > .m_main_nav > .contents_con > .list_con > ul > li > .menu_list > ul > li > a.on {color:#5608C3;} /* visual */ .visual_con > .contents_con {width:91%; margin:0 auto; flex-direction:column; justify-content:unset; padding:27.78vw 0 0;} .visual_con > .contents_con > .title_con {order:1; margin:0; right:0;} .visual_con > .contents_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .visual_con > .contents_con > .img_list {order:3;} .visual_con > .contents_con > .img_list > .img_con {width:100%;} .visual_con > .contents_con > .img_list > ul > li:nth-child(1) {top:11.94vw; right:1.39vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(1) > img {width:24.17vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(2) {top:17.78vw; right:14.17vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(2) > img {width:24.17vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(3) {top:35.56vw; right:-1.94vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(3) > img {width:24.17vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(4) {top:49.44vw; left:5.83vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(4) > img {width:20.00vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(5) {top:61.11vw; left:16.11vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(5) > img {width:20.00vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(6) {top:-9.44vw; left:-4.44vw;} .visual_con > .contents_con > .img_list > ul > li:nth-child(6) > img {width:44.44vw;} .visual_con > .contents_con > .txt_con {order:2; margin:4.17vw 0 0;} .visual_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .visual_con > .contents_con > .txt_con > .btn_list {margin:8.33vw 0 0;} .visual_con > .contents_con > .txt_con > .btn_list > ul {align-items:flex-end; gap:1.67vw;} .visual_con > .contents_con > .txt_con > .btn_list > ul > li > .btn_con > a > span {font-size:4.44vw;} /* info01 */ .info01_con .contents_con {max-width:91%; height:188.33vw; background:url("/img/main/m_info01_con_bg.png")no-repeat center/cover; padding:16.67vw 0; border-radius:5.56vw;} .info01_con .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info01_con .contents_con > .txt_con > .text_con {margin:5.56vw 0 0;} .info01_con .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info01_con .contents_con > .img_con {width:85.56vw; margin:0 auto; margin-top:21.94vw;} .info01_con .contents_con > .img_con > img {width:100%;} .info01_con .contents_con > .list_con {margin:0; position:absolute; top:75.18vw; left:50%; transform:translateX(-50%);} .info01_con .contents_con > .list_con > ul {flex-direction:column; align-items:center; gap:2.78vw;} .info01_con .contents_con > .list_con > ul > li {} .info01_con .contents_con > .list_con > ul > li > .list_div {flex-direction:row; justify-content:unset; gap:5.56vw; width:77.78vw; height:30.28vw; padding:0 0 0 8.33vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0, 0, 0, 0.25); border-radius:3.06vw;} .info01_con .contents_con > .list_con > ul > li > .list_div > .img_con {width:18.06vw; margin:unset;} .info01_con .contents_con > .list_con > ul > li > .list_div > .txt_con {margin:0; text-align:left;} .info01_con .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:4.44vw;} .info01_con .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {margin:0.56vw 0 0;} .info01_con .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:6.11vw;} /* info02 */ .info02_con > .contents_con {width:91%; margin:0 auto; padding:16.67vw 0;} .info02_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info02_con > .contents_con > .txt_con > .text_con {margin:5.56vw 0 0;} .info02_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info02_con > .contents_con > .list_con {margin:11.11vw 0 0;} .info02_con > .contents_con > .list_con > ul {flex-direction:column; justify-content:unset; align-items:unset; gap:9.72vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .q_con {gap:8.33vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .img_con {width:14.72vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .img_con > img {filter:drop-shadow(0 0 2.78vw rgba(0,0,0,0.1));} .info02_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .text_con {justify-content:unset; width:65.83vw; height:22.50vw; padding:0 0 0 5.56vw; border-radius:2.78vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .text_con:after {width:8.33vw; height:9.72vw; top:7.78vw; left:-4.17vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .q_con > .text_con > span {font-size:4.44vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con {gap:8.61vw; margin:5.56vw 0 0;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .img_con {width:14.44vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con {width:65.83vw; height:56.39vw; padding:0 5.56vw; border-radius:5.56vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con:after {width:8.33vw; height:9.72vw; top:3.07vw; right:-4.17vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con > .text01_con {border-bottom:0.28vw solid rgba(18, 18, 18, 0.20); padding:0 0 4.17vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con > .text01_con > span {font-size:5.56vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con > .text02_con {margin:4.17vw 0 0;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con > .text02_con > span {font-size:4.44vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con > .btn_con {margin:6.11vw 0 0;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con > .btn_con > a {float:unset; width:39.17vw; height:12.22vw;} .info02_con > .contents_con > .list_con > ul > li > .list_div > .a_con > .txt_con > .btn_con > a > span {width:28.06vw; font-size:4.44vw;} .info02_con > .contents_con > .list_con > ul > li:nth-child(2) > .list_div > .a_con > .txt_con {height:62.22vw;} .info02_con > .contents_con > .list_con > ul > li:nth-child(2) > .list_div > .a_con > .txt_con > .text01_con {border-bottom:0.28vw solid rgba(255, 255, 255, 0.30);} /* info03 */ .info03_con {max-width:91%; border-radius:5.56vw; overflow:hidden;} .info03_con > .contents_con {flex-direction:column; justify-content:unset; max-width:100%; padding:16.67vw 0;} .info03_con > .contents_con > .title_con {margin:0; text-align:center;} .info03_con > .contents_con > .title_con > span {position:static; top:unset; left:unset; font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info03_con > .contents_con > .list_con {display:flex; gap:5.56vw; margin:13.89vw 0 0; padding:0 0 0 5.56vw;} .info03_con > .contents_con > .list_con > ul {display:flex; flex-direction:row; gap:5.56vw;} .info03_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:69.17vw; border-radius:5.56vw; box-shadow:0 0 6.94vw 0 rgba(0,0,0,0.08);} .info03_con > .contents_con > .list_con > ul > li > .list_div > .text_con {margin:4.17vw 0 0; text-align:center;} .info03_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:5.00vw;} .info03_con > .contents_con > .list_con > ul.ul01 {margin:0;} .info03_con > .contents_con > .list_con > ul.ul03 {margin:0;} /* info04 */ .info04_con > .contents_con {width:91%; margin:0 auto; flex-direction:column; justify-content:unset; padding:27.78vw 0 0;} .info04_con > .contents_con > .title_con {order:1; margin:0; right:0;} .info04_con > .contents_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info04_con > .contents_con > .title_con > span .color_text {display:flex; width:21.11vw; height:9.17vw; margin:2.78vw 0 0; position:unset; border-radius:2.78vw; font-size:5.00vw;} .info04_con > .contents_con > .img_list {order:3;} .info04_con > .contents_con > .img_list > .img_con {width:100%;} .info04_con > .contents_con > .img_list > ul > li:nth-child(1) {top:11.94vw; right:1.39vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(1) > img {width:24.17vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(2) {top:17.78vw; right:14.17vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(2) > img {width:24.17vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(3) {top:35.56vw; right:-1.94vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(3) > img {width:24.17vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(4) {top:49.44vw; left:5.83vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(4) > img {width:20.00vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(5) {top:61.11vw; left:16.11vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(5) > img {width:20.00vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(6) {top:-9.44vw; left:-4.44vw;} .info04_con > .contents_con > .img_list > ul > li:nth-child(6) > img {width:44.44vw;} .info04_con > .contents_con > .txt_con {order:2; margin:4.17vw 0 0;} .info04_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info04_con > .contents_con > .txt_con > .btn_list {margin:8.33vw 0 0;} .info04_con > .contents_con > .txt_con > .btn_list > ul {align-items:flex-end; gap:1.67vw;} .info04_con > .contents_con > .txt_con > .btn_list > ul > li > .btn_con > a > span {font-size:4.44vw;} /* info05 */ .info05_con .contents_con {max-width:91%; height:188.33vw; background:url("/img/main/m_info01_con_bg.png")no-repeat center/cover; padding:16.67vw 0; border-radius:5.56vw;} .info05_con .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info05_con .contents_con > .txt_con > .text_con {margin:5.56vw 0 0;} .info05_con .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info05_con .contents_con > .img_con {width:85.56vw; margin:0 auto; margin-top:21.94vw;} .info05_con .contents_con > .img_con > img {width:100%;} .info05_con .contents_con > .list_con {margin:0; position:absolute; top:75.18vw; left:50%; transform:translateX(-50%);} .info05_con .contents_con > .list_con > ul {flex-direction:column; align-items:center; gap:2.78vw;} .info05_con .contents_con > .list_con > ul > li {} .info05_con .contents_con > .list_con > ul > li > .list_div {flex-direction:row; justify-content:unset; gap:5.56vw; width:77.78vw; height:30.28vw; padding:0 0 0 8.33vw; box-shadow:0 1.11vw 1.11vw 0 rgba(0, 0, 0, 0.25); border-radius:3.06vw;} .info05_con .contents_con > .list_con > ul > li > .list_div > .img_con {width:18.06vw; margin:unset;} .info05_con .contents_con > .list_con > ul > li > .list_div > .txt_con {margin:0; text-align:left;} .info05_con .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:4.44vw;} .info05_con .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {margin:0.56vw 0 0;} .info05_con .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:6.11vw;} /* info06 */ .info06_con {background:url("/img/main/m_info06_con_bg.png")no-repeat center/cover;} .info06_con > .contents_con {flex-direction:column; align-items:center; gap:13.89vw; max-width:91%; padding:16.67vw 0;} .info06_con > .contents_con > .txt_con > .text01_con > span {font-size:4.44vw;} .info06_con > .contents_con > .txt_con > .text02_con {margin:2.78vw 0 0;} .info06_con > .contents_con > .txt_con > .text02_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0,0,0,0.06);} .info06_con > .contents_con > .txt_con > .text03_con {margin:13.89vw 0 0;} .info06_con > .contents_con > .txt_con > .text03_con > span {font-size:5.00vw;} .info06_con > .contents_con > .txt_con > .text04_con {margin:4.17vw 0 0;} .info06_con > .contents_con > .txt_con > .text04_con > span {font-size:4.44vw;} .info06_con > .contents_con > .txt_con > .text05_con {margin:4.17vw 0 0;} .info06_con > .contents_con > .txt_con > .text05_con > span {font-size:4.44vw;} .info06_con > .contents_con > .img_con {width:51.39vw; border-radius:5.56vw; box-shadow:0 0 6.94vw 0 rgba(0, 0, 0, 0.15);} /* info07 */ .info07_con {max-width:91%; background:url("/img/main/m_info07_con_bg.png")no-repeat center/cover; border-radius:5.56vw;} .info07_con > .contents_con {flex-direction:column; align-items:center; gap:11.11vw; max-width:100%; padding:13.89vw 0 11.11vw;} .info07_con > .contents_con > .txt_con {margin:0; text-align:center;} .info07_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info07_con > .contents_con > .txt_con > .text_con {margin:3.33vw 0 0;} .info07_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info07_con > .contents_con > .list_con > ul {gap:2.78vw;} .info07_con > .contents_con > .list_con > ul > li > .list_div {gap:0.83vw; width:40.28vw; height:51.39vw;} .info07_con > .contents_con > .list_con > ul > li > .list_div > .text01_con {padding:29.22vw 0 0;} .info07_con > .contents_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:3.89vw;} .info07_con > .contents_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:7.22vw;} .info07_con > .contents_con > .list_con > ul > li:first-child > .list_div {background:url("/img/main/m_info07_con_list_con_li_bg01.png")no-repeat center/cover;} .info07_con > .contents_con > .list_con > ul > li:nth-child(2) > .list_div {height:48.89vw; background:url("/img/main/m_info07_con_list_con_li_bg02.png")no-repeat center/cover;} .info07_con > .contents_con > .list_con > ul > li:nth-child(2) > .list_div > .text01_con {padding:26.72vw 0 0;} /* info08 */ .info08_con {background:url("/img/main/m_info08_con_bg.png")no-repeat center/cover;} .info08_con > .contents_con {flex-direction:column; justify-content:unset; align-items:unset; gap:18.06vw; padding:16.67vw 0 0;} .info08_con > .contents_con > .img_con {order:2; width:81.11vw; margin:0 0 0 13.89vw;} .info08_con > .contents_con > .txt_con {order:1; text-align:center;} .info08_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info08_con > .contents_con > .txt_con > .text_con {margin:4.17vw 0 0;} .info08_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} /* info09 */ .info09_con {width:91%; height:250.83vw; background:url("/img/main/m_info09_con_bg.png")no-repeat center/cover; border-radius:5.56vw;} .info09_con > .contents_con {max-width:100%; padding:16.67vw 0;} .info09_con > .contents_con > .title_con {text-align:center;} .info09_con > .contents_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info09_con > .contents_con > .slide_con {display:flex; flex-direction:column; align-items:center; margin:8.33vw 0 0;} .info09_con > .contents_con > .slide_con > .swiper {order:2; width:55.28vw; margin:11.11vw 0 0; transform:unset;} .info09_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {margin:0 5.56vw 0 0;} .info09_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con {width:55.28vw;} .info09_con > .contents_con > .slide_con > .control_con {position:unset;} .info09_con > .contents_con > .slide_con > .control_con > .contents_con {display:block;} .info09_con > .contents_con > .slide_con > .control_con > .contents_con > .text_con {display:none;} .info09_con > .contents_con > .slide_con > .control_con > .contents_con > .slide_btn {display:block;} .info09_con > .contents_con > .slide_con > .control_con > .contents_con > .slide_btn > button {width:9.72vw; position:absolute; top:60%; box-shadow:0 0 2.78vw 0 rgba(0, 0, 0, 0.10); cursor:pointer;} .info09_con > .contents_con > .slide_con > .control_con > .contents_con > .slide_btn > button.prev {left:5.56vw;} .info09_con > .contents_con > .slide_con > .control_con > .contents_con > .slide_btn > button.next {right:5.56vw;} .info09_con > .contents_con > .slide_con > .tab_con {order:1; display:flex; flex-direction:row; flex-wrap:wrap; gap:2.22vw; width:71.67vw; margin:0 auto; position:unset;} .info09_con > .contents_con > .slide_con > .tab_con > .swiper-pagination-bullet {justify-content:center; width:34.17vw; height:10.83vw; margin:0; padding:0; border-radius:13.89vw; font-size:4.44vw;} .info09_con > .contents_con > .slide_con > .tab_con > .swiper-pagination-bullet .txt_con {width:77.78vw; margin:0 auto; top:140.28vw; left:0; right:0;} .info09_con > .contents_con > .slide_con > .tab_con > .swiper-pagination-bullet .txt_con > .title_con > span {padding:0 0 0 4.44vw; font-size:5.00vw;} .info09_con > .contents_con > .slide_con > .tab_con > .swiper-pagination-bullet .txt_con > .title_con > span:after {width:1.67vw; height:1.67vw;} .info09_con > .contents_con > .slide_con > .tab_con > .swiper-pagination-bullet .txt_con > .text_con {margin:2.78vw 0 0;} .info09_con > .contents_con > .slide_con > .tab_con > .swiper-pagination-bullet .txt_con > .text_con > span {font-size:4.44vw;} .info09_con > .contents_con > .thumb_slide_con {display:none;} /* info10 */ .info10_con > .contents_con {max-width:91%; padding:16.67vw 0 26.94vw;} .info10_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info10_con > .contents_con > .txt_con > .text_con {margin:4.17vw 0 0;} .info10_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info10_con > .contents_con > .list_con {margin:23.61vw 0 0;} .info10_con > .contents_con > .list_con:after {width:31.94vw; height:205.67vw; border-radius:5.56vw; bottom:unset; top:-8.33vw; left:0; transform:unset;} .info10_con > .contents_con > .list_con > ul {flex-direction:column; justify-content:unset; align-items:unset; gap:5.56vw; margin:0 0 0 5.56vw} .info10_con > .contents_con > .list_con > ul > li > .list_div {align-items:flex-start; gap:1.39vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar {width:unset; margin:0; background:linear-gradient(-90deg, #5608C3 44.71%, rgba(246, 182, 22, 0.80) 100%); border-radius:138.89vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:4.44vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar01 {width:43.33vw; height:8.33vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar02 {width:60.00vw; height:8.33vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar03 {width:43.33vw; height:8.33vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar04 {width:35.28vw; height:8.33vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar05 {width:60.00vw; height:8.33vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar06 {width:78.33vw; height:8.33vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar07 {width:50.00vw; height:8.33vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar08 {width:65.28vw; height:8.33vw;} .info10_con > .contents_con > .list_con > ul > li > .list_div > .bar09 {width:71.11vw; height:8.33vw;} /* info11 */ .info11_con {max-width:91%; background:url("/img/main/m_info11_con_bg.png")no-repeat center/cover; border-radius:5.56vw;} .info11_con > .contents_con {flex-direction:column; align-items:center; gap:7.22vw; max-width:100%; padding:13.89vw 0 11.11vw;} .info11_con > .contents_con > .txt_con {margin:0; text-align:center;} .info11_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info11_con > .contents_con > .txt_con > .text_con {margin:3.33vw 0 0;} .info11_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info11_con > .contents_con > .list_con > ul {gap:0;} .info11_con > .contents_con > .list_con > ul > li > .list_div {gap:0.83vw; width:40.28vw; height:55.28vw; background:url("/img/main/m_info11_con_list_con_li_bg01.png")no-repeat center/cover; background-size:contain;} .info11_con > .contents_con > .list_con > ul > li > .list_div > .text01_con {padding:33.31vw 0 0;} .info11_con > .contents_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:3.89vw;} .info11_con > .contents_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:7.22vw;} /* info12 */ .info12_con > .contents_con {width:91%; margin:0 auto; padding:19.44vw 0 0;} .info12_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info12_con > .contents_con > .txt_con > .text_con {margin:4.17vw 0 0;} .info12_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info12_con > .contents_con > .list_con {margin:12.50vw 0 0;} .info12_con > .contents_con > .list_con > ul {flex-direction:column; gap:2.78vw;} .info12_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:100%;} .info12_con > .contents_con > .list_con > ul > li:nth-child(2) > .list_div > .img_con {width:100%;} .info12_con > .contents_con > .text_con {width:100%; height:41.67vw; margin-top:8.33vw; border-radius:2.78vw;} .info12_con > .contents_con > .text_con > span {font-size:4.44vw} /* info13 */ .info13_con > .contents_con {height:198.76vw; padding:22.22vw 0 0;} .info13_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info13_con > .contents_con > .txt_con > .text_con {margin:4.17vw 0 0;} .info13_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info13_con > .contents_con > .list_con {margin:17.22vw 0 0;} .info13_con > .contents_con > .list_con > ul {display:flex; gap:0 6.39vw;} .info13_con > .contents_con > .list_con > ul > li {height:71.11vw; border-radius:5.56vw; box-shadow:0 0 6.94vw 0 rgba(0, 0, 0, 0.15);} .info13_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:40.58vw; height:71.11vw;} .info13_con > .contents_con > .list_con > ul > li:first-child {margin:14.44vw 0 0; opacity:0.9;} .info13_con > .contents_con > .list_con > ul > li:nth-child(2) {margin:0; opacity:1;} .info13_con > .contents_con > .list_con > ul > li:nth-child(3) {margin:8.61vw 0 0; opacity:0.9;} .info13_con > .contents_con > .list_con > ul:nth-child(2) > li:nth-child(1) {margin:13.33vw 0 0; opacity:0.4;} .info13_con > .contents_con > .list_con > ul:nth-child(2) > li:nth-child(2) {margin:-5.83vw 0 0; opacity:0.4;} .info13_con > .contents_con > .list_con > ul:nth-child(2) > li:nth-child(3) {margin:3.89vw 0 0; opacity:0.4;} /* info14 */ .info14_con {background:url("/img/main/m_info14_con_bg.png")no-repeat center/cover;;} .info14_con > .contents_con {padding:22.22vw 0;} .info14_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; text-shadow:0 0 8.33vw rgba(0, 0, 0, 0.06);} .info14_con > .contents_con > .txt_con > .text_con {margin:5.56vw 0 0;} .info14_con > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .info14_con > .contents_con > .list_con {margin:16.67vw 0 0;} .info14_con > .contents_con > .list_con > ul {flex-direction:column; justify-content:center; gap:16.67vw;} .info14_con > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:5.56vw;} .info14_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:81.94vw;} .info14_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:6.11vw;} .info14_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {margin:2.78vw 0 0;} .info14_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:4.44vw;} /* 상담신청 form */ .form_con {max-width:91%; border-radius:5.56vw;} .form_con > form > .contents_con {max-width:77.78vw; padding:16.67vw 0;} .form_con > form > .contents_con > .txt_con > .title_con > span {font-size:5.33vw;} .form_con > form > .contents_con > .txt_con > .text_con {margin:4.17vw 0 0;} .form_con > form > .contents_con > .txt_con > .text_con > span {font-size:4.44vw;} .form_con > form > .contents_con > .input_list {flex-direction:column; align-items:unset; gap:5.56vw; margin:11.11vw 0 0;} .form_con > form > .contents_con > .input_list > ul {gap:5.56vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .input_con > .title_con > span {font-size:4.44vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .input_con > .input_con {margin:2.78vw 0 0;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .input_con > .input_con > input {width:100%; height:12.50vw; border:0.28vw solid #F5F5F5; padding:0 5.00vw; font-size:4.44vw; border-radius:1.39vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .input_con > .input_con > textarea {width:100%; height:52.78vw; border:0.28vw solid #F5F5F5; padding:3.89vw 5.00vw; font-size:4.44vw; border-radius:1.39vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .input_con > .list_con {margin:4.44vw 0 0;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .input_con > .list_con > ul {gap:11.11vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .input_con > .list_con > ul > li > label {gap:2.78vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .input_con > .list_con > ul > li > label > span {font-size:4.44vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .mix_con > .title_con > span {font-size:4.44vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .mix_con > .select_con {width:100%; height:12.50vw; border:0.28vw solid #F5F5F5; margin:2.78vw 0 0; border-radius:1.39vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .mix_con > .select_con > input {width:50%; height:12.50vw; padding:0 5.00vw; font-size:4.44vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .mix_con > .select_con > span {font-size:4.44vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .mix_con > .select_con > select {width:45%; height:12.50vw; padding:0 1.39vw; font-size:4.44vw; line-height:normal; border-radius:1.39vw; background-size:3.33vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .check_con {justify-content:unset; gap:1.67vw; margin:5.56vw 0 0;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .check_con > label {gap:2.78vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .check_con > label > span {font-size:4.17vw;} .form_con > form > .contents_con > .input_list > ul > li > .list_div > .check_con > a {width:21.11vw; height:7.22vw; border:0.28vw solid #7E7E7E; font-size:3.61vw; border-radius:0.56vw;} .form_con > form > .contents_con > .btn_con {margin:8.33vw 0 0;} .form_con > form > .contents_con > .btn_con > a {width:40.28vw; height:12.50vw;} .form_con > form > .contents_con > .btn_con > a > span {width:23.61vw; font-size:5.00vw;} .form_con > form > .contents_con > .input_list > ul:nth-child(2) {gap:5.56vw;} /* 개인정보처리방침 팝업 */ .privacy_popup_con {width:88.89vw; padding:8.33vw 8.33vw 11.94vw; border-radius:2.78vw; box-shadow:0 0 8.33vw 0 rgba(0, 0, 0, 0.04);} .privacy_popup_con > .btn_con {top:3.33vw; right:2.78vw;} .privacy_popup_con > .btn_con > a {width:10.00vw;} .privacy_popup_con > .contents_con > .top_con > .title_con > span {font-size:5.56vw;} .privacy_popup_con > .contents_con > .contents_con {margin:5.56vw 0 0;} .privacy_popup_con > .contents_con > .contents_con > .text_con > span {font-size:4.44vw;} .privacy_popup_con > .contents_con > .contents_con > .list_con {margin:4.17vw 0 0;} .privacy_popup_con > .contents_con > .contents_con > .list_con > ul > li {margin:0.56vw 0 0;} .privacy_popup_con > .contents_con > .contents_con > .list_con > ul > li:after {width:0.83vw; height:0.83vw; top:2.27vw; left:1.47vw; transform:unset;} .privacy_popup_con > .contents_con > .contents_con > .list_con > ul > li > span {padding:0 0 0 4.17vw; font-size:4.44vw;} /* 이용약관 팝업 */ .use_popup_con {width:88.89vw; padding:8.33vw 8.33vw 11.94vw; border-radius:2.78vw; box-shadow:0 0 8.33vw 0 rgba(0, 0, 0, 0.04);} .use_popup_con > .btn_con {top:3.33vw; right:2.78vw;} .use_popup_con > .btn_con > a {width:10.00vw;} .use_popup_con > .contents_con > .top_con > .title_con > span {font-size:5.56vw;} .use_popup_con > .contents_con > .contents_con {height:83.33vw; margin:5.56vw 0 0;} .use_popup_con > .contents_con > .contents_con > .text_con > span {font-size:4.44vw;} /* 푸터 */ #footer > .contents_con {width:91%; margin:0 auto; padding:6.94vw 0 5.56vw;} #footer > .contents_con > .top_con > .list_con > ul {gap:5.56vw;} #footer > .contents_con > .top_con > .list_con > ul > li > a {font-size:3.89vw;} #footer > .contents_con > .top_con > .scroll_top > a {gap:0.56vw;} #footer > .contents_con > .top_con > .scroll_top > a > span {font-size:5.56vw;} #footer > .contents_con > .top_con > .scroll_top > a > img {width:7.50vw;} #footer > .contents_con > .bottom_con {flex-direction:column; justify-content:unset; align-items:unset; margin:11.11vw 0 0;} #footer > .contents_con > .bottom_con > .info_con > .title_con > span {font-size:4.44vw;} #footer > .contents_con > .bottom_con > .info_con > ul {gap:2.22vw 8.33vw; width:100%; margin:3.89vw 0 0;} #footer > .contents_con > .bottom_con > .info_con > ul > li:after {content:''; width:0.28vw; height:2.22vw; right:-4.17vw;} #footer > .contents_con > .bottom_con > .info_con > ul > li:nth-child(2):after {content:none;} #footer > .contents_con > .bottom_con > .info_con > ul > li:nth-child(5):after {content:none;} #footer > .contents_con > .bottom_con > .info_con > ul > li > span {font-size:3.89vw;} #footer > .contents_con > .bottom_con > .info_con > ul > li > span .color_text {padding:0 2.78vw 0 0;} #footer > .contents_con > .bottom_con > .info_con > .copy_con {margin:11.11vw 0 0;} #footer > .contents_con > .bottom_con > .info_con > .copy_con > span {font-size:3.89vw; font-weight:400;} #footer > .contents_con > .bottom_con > .logo_con {width:46.11vw; 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;} }