/* 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("/campaign/img/sub/select_arrow.svg"); background-repeat:no-repeat; background-position:right 4.44vw center; background-size:3.33vw; width:100%; } /* 헤더 */ #header > .contents_con {padding:8.33vw 5.56vw 0;} #header > .contents_con > .logo_con > a {width:39.44vw;} /* 메인 컨텐츠 */ #landing_con > .info01_con > .contents_con {background:url("/campaign/img/main/m_landing_info01_con_bg.png")no-repeat center/cover;} #landing_con > .info01_con > .contents_con > .txt_con {padding:116.67vw 5.56vw 8.33vw;} #landing_con > .info01_con > .contents_con > .txt_con > .text01_con {width:max-content;} #landing_con > .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:5.00vw; letter-spacing:-0.15vw;} #landing_con > .info01_con > .contents_con > .txt_con > .text01_con > .bar {height:4.44vw; left:0;} #landing_con > .info01_con > .contents_con > .txt_con > .text02_con {margin:2.78vw 0 0;} #landing_con > .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:12.22vw; letter-spacing:-0.49vw;} #landing_con > .info01_con > .contents_con > .txt_con > .text03_con {margin:4.44vw 0 0;} #landing_con > .info01_con > .contents_con > .txt_con > .text03_con > span {font-size:5.00vw; letter-spacing:-0.10vw;} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con {display:none;} #landing_con > .info02_con {background:url("/campaign/img/main/m_landing_info02_con_bg.png")no-repeat center/cover;} #landing_con > .info02_con > .contents_con {max-width:100%; padding:22.22vw 5.56vw 20.00vw;} #landing_con > .info02_con > .contents_con > .txt_con > .title_con > span {font-size:10.56vw; line-height:120%; letter-spacing:-0.42vw;} #landing_con > .info02_con > .contents_con > .txt_con > .title_con > span .color_text {line-height:120%; letter-spacing:-0.42vw;} #landing_con > .info02_con > .contents_con > .txt_con > .text_con {margin:5.56vw 0 0;} #landing_con > .info02_con > .contents_con > .txt_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.10vw;} #landing_con > .info02_con > .contents_con > .list_con {margin:11.11vw 0 0;} #landing_con > .info02_con > .contents_con > .list_con > ul {flex-direction:column;} #landing_con > .info02_con > .contents_con > .list_con > ul > li {flex-direction:column;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .bar {width:0.28vw; height:5.56vw; position:relative; top:unset; left:11.11vw;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:5.56vw;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:22.22vw; height:22.22vw;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:9.44vw;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .text_con {width:16.11vw; margin:0; text-align:left;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:4.44vw; font-weight:700; line-height:120%; letter-spacing:-0.09vw;} #landing_con > .info03_con > .contents_con {flex-direction:column; align-items:unset;} #landing_con > .info03_con > .contents_con > .left_con {width:100%; height:83.33vw;} #landing_con > .info03_con > .contents_con > .left_con > .contents_con > .img_con {border-radius:4.17vw; box-shadow:0 0 4.17vw 0 rgba(0,0,0,0.3);} #landing_con > .info03_con > .contents_con > .left_con > .contents_con > .img_con.img01 {width:55.56vw; top:22.22vw; left:5.56vw;} #landing_con > .info03_con > .contents_con > .left_con > .contents_con > .img_con.img02 {width:77.78vw; top:47.22vw; left:16.67vw;} #landing_con > .info03_con > .contents_con > .right_con {width:100%;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con {width:100%; padding:28.33vw 5.56vw 18.06vw;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .title_con > span {font-size:9.44vw; line-height:120%; letter-spacing:-0.38vw;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .title_con > span .color_text {line-height:120%;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .text_con {margin:5.56vw 0 0;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .text_con > span {font-size:5.00vw; line-height:140%; letter-spacing:-0.10vw;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .text_con > span .color_text {line-height:140%;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con {margin:8.33vw 0 0;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul {gap:2.22vw;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div {padding:5.56vw; border-radius:4.44vw; box-shadow:0 0 5.56vw 0 rgba(166,141,82,0.16);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:5.56vw; letter-spacing:-0.11vw;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con {margin:4.44vw 0 0;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:4.44vw; letter-spacing:-0.09vw;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:15.56vw;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .info_con {flex-direction:column; align-items:unset; gap:1.11vw; margin:8.33vw 0 0; position:unset;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .info_con > .text01_con > span {font-size:4.17vw; color:rgba(34, 34, 34, 0.60); letter-spacing:-0.08vw;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .info_con > .text02_con > span {font-size:4.17vw; color:rgba(34, 34, 34, 0.60); letter-spacing:-0.08vw;} #landing_con > .info04_con {background:url("/campaign/img/main/m_landing_info04_con_bg.png")no-repeat center/cover;} #landing_con > .info04_con > .contents_con {padding:16.67vw 5.56vw 92.50vw;} #landing_con > .info04_con > .contents_con > .img_con {width:8.33vw;} #landing_con > .info04_con > .contents_con > .text_con {margin:3.89vw 0 0;} #landing_con > .info04_con > .contents_con > .text_con > span {font-size:9.44vw; line-height:120%; letter-spacing:-0.28vw;} #landing_con > .info04_con > .contents_con > .text_con > span .point_text {line-height:120%;} #landing_con > .info04_con > .contents_con > .text_con > span .point_text > .bar {width:0; height:10.00vw; left:0;} #landing_con > .info05_con {background:url("/campaign/img/main/m_landing_info05_con_bg.png")no-repeat center/cover;} #landing_con > .info05_con > .contents_con {padding:27.78vw 5.56vw 46.67vw;} #landing_con > .info05_con > .contents_con > .txt_con > .title_con > span {font-size:10.56vw; line-height:120%; letter-spacing:-0.42vw;} #landing_con > .info05_con > .contents_con > .txt_con > .title_con > span .color_text {line-height:120%; letter-spacing:-0.42vw;} #landing_con > .info05_con > .contents_con > .txt_con > .text_con {margin:5.56vw 0 0;} #landing_con > .info05_con > .contents_con > .txt_con > .text_con > span {font-size:5.00vw; line-height:140%; letter-spacing:-0.10vw;} #landing_con > .info05_con > .img_con {width:77.78vw; bottom:-9.72vw;} #landing_con > .info05_con > .img_con > img {width:100%; filter:drop-shadow(0 1.11vw 5.56vw rgba(0,0,0,0.2));} #landing_con > .info06_con > .contents_con {max-width:100%; padding:23.61vw 5.56vw 19.44vw;} #landing_con > .info06_con > .contents_con > .list_con > ul {display:flex; flex-wrap:wrap; gap:2.78vw;} #landing_con > .info06_con > .contents_con > .list_con > ul > li {width:42.96vw; border-radius:3.89vw;} #landing_con > .info06_con > .contents_con > .list_con > ul > li:last-child {width:100%;} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .donation_con {min-height:20.00vw; padding:2.78vw 0; border-radius:3.89vw 3.89vw 0 0;} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .donation_con > .text01_con > span {font-size:4.44vw; letter-spacing:-0.09vw; text-shadow:0 0 2.78vw rgba(0,0,0,0.08);} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .donation_con > .text02_con > span {font-size:6.11vw; letter-spacing:-0.12vw; text-shadow:0 0 2.78vw rgba(0,0,0,0.08);} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .text_con {min-height:13.33vw; border:1.11vw solid transparent; padding:2.78vw 0; border-radius:0 0 3.89vw 3.89vw;} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:5.00vw; line-height:120%; letter-spacing:-0.10vw;} #landing_con > .info06_con > .contents_con > .text_con {margin:5.56vw 0 0;} #landing_con > .info06_con > .contents_con > .text_con > span {font-size:3.89vw; letter-spacing:-0.08vw;} #landing_con > .info07_con {background:url("/campaign/img/main/m_landing_info07_con_bg.png")no-repeat center/cover;} #landing_con > .info07_con > .contents_con {flex-direction:column; justify-content:unset; align-items:unset; gap:11.11vw; max-width:100%; padding:22.22vw 5.56vw 41.11vw;} #landing_con > .info07_con > .contents_con > .title_con > span {font-size:10.56vw; letter-spacing:-0.42vw;} #landing_con > .info07_con > .contents_con > .title_con > span .char {font-size:10.56vw; letter-spacing:-0.42vw;} #landing_con > .info07_con > .contents_con > .title_con > span .point_text {letter-spacing:-0.42vw;} #landing_con > .info07_con > .contents_con > .title_con > span .point_text > .bar {height:11.11vw;} #landing_con > .info07_con > .contents_con > .box_con {padding:0;} #landing_con > .info07_con > .contents_con > .box_con > .text_con {gap:2.78vw;} #landing_con > .info07_con > .contents_con > .box_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.10vw;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con {margin:11.11vw 0 0;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul {flex-direction:column; align-items:unset; gap:2.78vw;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li {width:100%;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li > a {width:100%; height:13.89vw; padding:0 5.56vw; border-radius:27.78vw;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li > a > span {font-size:5.00vw; letter-spacing:-0.20vw;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li > a > img {width:6.67vw} /* 푸터 */ #footer > .quick_banner {bottom:2.78vw; left:2.78vw; right:2.78vw;} #footer > .quick_banner.scroll {bottom:2.78vw;} #footer > .quick_banner.scroll_end {position:fixed; top:unset; bottom:2.78vw;} #footer > .quick_banner > .btn_con {width:100%; height:13.89vw; background:linear-gradient(0deg, rgba(185, 146, 77, 0.20) 0%, rgba(185, 146, 77, 0.20) 100%), linear-gradient(86deg, #B88D37 5.01%, #E3C177 40.16%, #EBDD9A 77.69%, #B88D37 115.77%); border-radius:2.78vw;} #footer > .quick_banner > .btn_con:after {width:10.00vw; height:8.33vw; background:url("/campaign/img/main/m_quick_btn_icon.svg")no-repeat center/cover; top:3.06vw; left:unset; right:16.67vw;} #footer > .quick_banner > .btn_con > a {justify-content:unset; padding:0 16.67vw; text-align:unset;} #footer > .quick_banner > .btn_con > a > span {font-size:5.56vw;} #footer > .contents_con {flex-direction:column; align-items:unset; gap:8.33vw; padding:11.11vw 5.56vw 19.44vw;} #footer > .contents_con > .logo_con {width:39.44vw;} #footer > .contents_con > .txt_con > .info_con {width:100%;} #footer > .contents_con > .txt_con > .info_con > ul {gap:1.67vw 3.61vw;} #footer > .contents_con > .txt_con > .info_con > ul > li:before {height:2.78vw; left:-1.94vw;} #footer > .contents_con > .txt_con > .info_con > ul > li > span {font-size:3.33vw;} #footer > .contents_con > .txt_con > .info_con > ul > li > span a {font-size:3.33vw;} #footer > .contents_con > .txt_con > .info_con > ul > li:first-child:before {content:none;} #footer > .contents_con > .txt_con > .info_con > ul > li:nth-child(3):before {content:none;} #footer > .contents_con > .txt_con > .info_con > ul > li:nth-child(4):before {content:'';} #footer > .contents_con > .txt_con > .info_con > ul > li:nth-child(5):before {content:none;} #footer > .contents_con > .txt_con > .copy_con {margin:5.56vw 0 0;} #footer > .contents_con > .txt_con > .copy_con > span {font-size:3.33vw;} } @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;} }