/*font-family: "GamtanRoadGamtan"; font-family: "Cafe24Shiningstar"; font-family: "Pretendard";*/ * {font-family: "Pretendard"; line-height:normal; box-sizing:border-box;} html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none;} body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;} body.main {overflow:hidden;} img {border:none; margin:0; padding:0; outline:none;} a {border:none; margin:0; padding:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} ul {list-style:none; margin:0; padding:0;} ul > li {display:block;} img.fx{max-width:100%;} td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input, select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; outline:none; font-size:13px; color:#000000; line-height:21px; } input::placeholder {color:#000000; opacity:1;} input::-webkit-input-placeholder {color:#000000;} input:-ms-input-placeholder {color:#000000;} input:-moz-input-placeholder {color:#000000;} textarea {overflow-y:scroll; resize:none;} textarea::placeholder {color:#000000; opacity:1;} textarea::-webkit-input-placeholder {color:#000000;} textarea:-ms-input-placeholder {color:#000000;} textarea:-moz-input-placeholder {color:#000000;} input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:100%; } select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#ffffff; background-image:url("/campaign/sub/select_arrow.svg"); background-repeat:no-repeat; background-position:right min(16px, 0.83vw) center; background-size:min(12px, 0.63vw); padding:0 min(30px, 1.56vw) 0 min(16px, 0.83vw); } select::-ms-expand {display:none;} .w_con {} .m_con {display:none;} .w_img {display:inline-block; width:100%;} .m_img {display:none;} .w_br {} .m_br {display:none;} .w_bar {} .m_bar {display:none;} #wrap {width:100%; min-width:min(280px, 14.58vw); margin:0 auto;} /* 폰트 */ .gamtan {font-family: "GamtanRoadGamtan";} .shine {font-family: "Cafe24Shiningstar";} /* 헤더 */ #header {width:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; transform:translateY(0); z-index:200; transition:all 0.3s ease;} #header > .contents_con {width:100%; margin:0 auto; padding:min(60px, 3.13vw) min(80px, 4.17vw) 0; position:relative;} #header > .contents_con > .logo_con {} #header > .contents_con > .logo_con > a {display:inline-block; width:min(224px, 11.67vw);} #header > .contents_con > .logo_con > a > img {width:100%;} /* 메인 컨텐츠 */ #landing_con {width:100%; margin:0 auto; overflow:hidden;} #landing_con > .info01_con {width:100%; margin:0 auto;} #landing_con > .info01_con > .contents_con {background:url("/campaign/img/main/landing_info01_con_bg.png")no-repeat center/cover;} #landing_con > .info01_con > .contents_con > .txt_con {padding:min(399px, 20.78vw) 0 min(100px, 5.21vw) min(180px, 9.38vw);} #landing_con > .info01_con > .contents_con > .txt_con > .text01_con {width:max-content; position:relative; z-index:0;} #landing_con > .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:min(30px, 1.56vw); color:#FFF; font-weight:400; line-height:140%; letter-spacing:max(-0.6px, -0.03vw);} #landing_con > .info01_con > .contents_con > .txt_con > .text01_con > .bar {width:0; height:min(20px, 1.04vw); background:rgba(249, 231, 192, 0.40); position:absolute; bottom:0; left:max(-6px, -0.03vw); z-index:-1;} #landing_con > .info01_con > .contents_con > .txt_con > .text02_con {margin:min(12px, 0.63vw) 0 0;} #landing_con > .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:min(80px, 4.17vw); color:#FFF; font-weight:400; line-height:120%; letter-spacing:max(-3.2px, -0.17vw);} #landing_con > .info01_con > .contents_con > .txt_con > .text02_con > span .color_text {color:#F9E7C0; line-height:120%; letter-spacing:max(-3.2px, );} #landing_con > .info01_con > .contents_con > .txt_con > .text03_con {margin:min(40px, 2.08vw) 0 0;} #landing_con > .info01_con > .contents_con > .txt_con > .text03_con > span {font-size:min(30px, 1.56vw); color:#FFF; font-weight:500; line-height:150%; letter-spacing:max(-0.6px, -0.03vw);} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con {margin:min(40px, 2.08vw) 0 0;} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; gap:min(29px, 1.51vw); height:min(70px, 3.65vw); background:linear-gradient(86deg, #B88D37 5.01%, #E3C177 40.16%, #EBDD9A 77.69%, #B88D37 115.77%); padding:0 min(30px, 1.56vw); position:relative; border-radius:min(100px, 5.21vw);} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:400; line-height:140%; letter-spacing:max(-0.96px, -0.05vw); transition:all 0.35s ease;} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a > img {display:block; width:min(30px, 1.56vw); transform:translate(0,0); transition:0.3s ease-out;} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a > img.wh {opacity:1;} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a > img.gold {opacity:0; position:absolute; top:50%; right:min(30px, 1.56vw); transform:translateY(-50%);} #landing_con > .info02_con {width:100%; margin:0 auto; background:url("/campaign/img/main/landing_info02_con_bg.png")no-repeat center/cover;} #landing_con > .info02_con > .contents_con {width:100%; max-width:min(1000px, 52.08vw); margin:0 auto; padding:min(170px, 8.85vw) 0;} #landing_con > .info02_con > .contents_con > .txt_con {text-align:center;} #landing_con > .info02_con > .contents_con > .txt_con > .title_con {} #landing_con > .info02_con > .contents_con > .txt_con > .title_con > span {font-size:min(70px, 3.65vw); color:#FFF; font-weight:400; line-height:130%; letter-spacing:max(-2.8px, -0.15vw);} #landing_con > .info02_con > .contents_con > .txt_con > .title_con > span .color_text {color:#F9E7C0; line-height:130%;} #landing_con > .info02_con > .contents_con > .txt_con > .text_con {margin:min(30px, 1.56vw) 0 0;} #landing_con > .info02_con > .contents_con > .txt_con > .text_con > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:400; line-height:150%; letter-spacing:max(-0.48px, -0.03vw);} #landing_con > .info02_con > .contents_con > .list_con {margin:min(100px, 5.21vw) 0 0;} #landing_con > .info02_con > .contents_con > .list_con > ul {display:flex; align-items:center;} #landing_con > .info02_con > .contents_con > .list_con > ul > li {display:flex;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .bar {width:min(100px, 5.21vw); height:1px; background:rgba(255, 255, 255, 0.30); position:relative; top:min(60px, 3.13vw);} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div {} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .img_con {display:flex; justify-content:center; align-items:center; width:min(120px, 6.25vw); height:min(120px, 6.25vw); border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.1); border-radius:100%; transition:background 0.5s ease;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:min(50px, 2.60vw);} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .text_con {width:min(120px, 6.25vw); margin:min(30px, 1.56vw) 0 0; text-align:center;} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:800; line-height:125%; letter-spacing:max(-0.48px, -0.03vw);} #landing_con > .info02_con > .contents_con > .list_con > ul > li > .list_div.is-on > .img_con {background:rgba(255,255,255,0.18); animation:info02-pulse 1.8s ease-out;} #landing_con > .info03_con {} #landing_con > .info03_con > .contents_con {display:flex; align-items:stretch; position:relative;} #landing_con > .info03_con > .contents_con > .left_con {width:min(900px, 46.88vw); background:url("/campaign/img/main/landing_info03_con_left_bg.png"); position:relative;} #landing_con > .info03_con > .contents_con > .left_con > .contents_con {} #landing_con > .info03_con > .contents_con > .left_con > .contents_con > .img_con {border-radius:min(40px, 2.08vw); box-shadow:0 0 min(40px, 2.08vw) 0 rgba(0,0,0,0.14); overflow:hidden;} #landing_con > .info03_con > .contents_con > .left_con > .contents_con > .img_con > img {width:100%;} #landing_con > .info03_con > .contents_con > .left_con > .contents_con > .img_con.img01 {width:min(560px, 29.17vw); position:absolute; top:min(225px, 11.72vw); left:min(140px, 7.29vw);} #landing_con > .info03_con > .contents_con > .left_con > .contents_con > .img_con.img02 {width:min(720px, 37.50vw); position:absolute; top:min(485px, 25.26vw); left:min(240px, 12.50vw);} #landing_con > .info03_con > .contents_con > .right_con {flex:1; background:url("/campaign/img/main/landing_info03_con_right_bg.png");} #landing_con > .info03_con > .contents_con > .right_con > .contents_con {width:min(640px, 33.33vw); margin:0 auto; padding:min(105px, 5.47vw) 0;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con {} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .title_con {} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .title_con > span {font-size:min(60px, 3.13vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-2.4px, -0.13vw);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .title_con > span .color_text {color:#A68D52; line-height:130%;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .text_con {margin:min(30px, 1.56vw) 0 0;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .text_con > span {font-size:min(24px, 1.25vw); color:#222; font-weight:400; line-height:150%; letter-spacing:max(-0.48px, -0.03vw);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .txt_con > .text_con > span .color_text {font-weight:700; line-height:150%;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con {margin:min(60px, 3.13vw) 0 0;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(12px, 0.63vw);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li {width:100%;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div {display:flex; justify-content:space-between; align-items:flex-end; background:#FFF; padding:min(25px, 1.30vw) min(30px, 1.56vw); border-radius:min(20px, 1.04vw); box-shadow:0 0 min(20px, 1.04vw) 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 {} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:120%; letter-spacing:max(-0.6px, -0.03vw);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con {margin:min(20px, 1.04vw) 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:min(20px, 1.04vw); color:#555; font-weight:400; line-height:150%; letter-spacing:max(-0.4px, -0.02vw);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:min(78px, 4.06vw);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:100%;} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .info_con {display:flex; align-items:flex-start; gap:min(10px, 0.52vw); position:absolute; left:min(80px, 4.17vw); bottom:min(35px, 1.82vw);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .info_con > .text01_con {} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .info_con > .text01_con > span {font-size:min(18px, 0.94vw); color:rgba(255, 255, 255, 0.60); font-weight:700; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .info_con > .text02_con {} #landing_con > .info03_con > .contents_con > .right_con > .contents_con > .info_con > .text02_con > span {font-size:min(18px, 0.94vw); color:rgba(255, 255, 255, 0.60); font-weight:500; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} #landing_con > .info04_con {width:100%; margin:0 auto; background:url("/campaign/img/main/landing_info04_con_bg.png")no-repeat center/cover;} #landing_con > .info04_con > .contents_con {padding:min(200px, 10.42vw) 0 min(372px, 19.38vw) min(180px, 9.38vw);} #landing_con > .info04_con > .contents_con > .img_con {width:min(40px, 2.08vw);} #landing_con > .info04_con > .contents_con > .img_con > img {width:100%;} #landing_con > .info04_con > .contents_con > .text_con {margin:min(20px, 1.04vw) 0 0;} #landing_con > .info04_con > .contents_con > .text_con > span {font-size:min(60px, 3.13vw); color:#FFF; font-weight:400; line-height:130%; letter-spacing:max(-1.2px, -0.06vw);} #landing_con > .info04_con > .contents_con > .text_con > span .point_text {display:inline-block; width:max-content; line-height:130%; position:relative; z-index:0;} #landing_con > .info04_con > .contents_con > .text_con > span .point_text > .bar {width:0; height:min(64px, 3.33vw); background:#C4AB70; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:-1;} #landing_con > .info05_con {width:100%; margin:0 auto; background:url("/campaign/img/main/landing_info05_con_bg.png")no-repeat center/cover; position:relative;} #landing_con > .info05_con > .contents_con {width:100%; margin:0 auto; padding:min(120px, 6.25vw) 0 min(316px, 16.46vw); position:relative; overflow:hidden;} #landing_con > .info05_con > .contents_con > .txt_con {text-align:center;} #landing_con > .info05_con > .contents_con > .txt_con > .title_con {} #landing_con > .info05_con > .contents_con > .txt_con > .title_con > span {font-size:min(70px, 3.65vw); color:#FFF; font-weight:400; line-height:130%; letter-spacing:max(-2.8px, -0.15vw);} #landing_con > .info05_con > .contents_con > .txt_con > .title_con > span .color_text {color:#F9E7C0; line-height:130%;} #landing_con > .info05_con > .contents_con > .txt_con > .text_con {margin:min(30px, 1.56vw) 0 0;} #landing_con > .info05_con > .contents_con > .txt_con > .text_con > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:400; line-height:150%; letter-spacing:max(-0.48px, -0.03vw);} #landing_con > .info05_con > .contents_con > .bg_con {width:100%; position:absolute; bottom:0; left:0; right:0;} #landing_con > .info05_con > .contents_con > .bg_con > img {width:100%;} #landing_con > .info05_con > .img_con {width:min(720px, 37.50vw); position:absolute; bottom:max(-44px, -2.29vw); left:50%; transform:translateX(-50%);} #landing_con > .info05_con > .img_con > img {width:100%; filter:drop-shadow(0 min(4px, 0.21vw) min(20px, 1.04vw) rgba(0,0,0,0.3));} #landing_con > .info06_con {width:100%; margin:0 auto;} #landing_con > .info06_con > .contents_con {width:100%; max-width:min(1190px, 61.98vw); margin:0 auto; padding:min(140px, 7.29vw) 0;} #landing_con > .info06_con > .contents_con > .list_con {} #landing_con > .info06_con > .contents_con > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(30px, 1.56vw);} #landing_con > .info06_con > .contents_con > .list_con > ul > li {width:min(580px, 30.21vw); border-radius:min(20px, 1.04vw); overflow:hidden;} #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 {} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .donation_con {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; min-height:min(160px, 8.33vw); 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%); background-blend-mode: overlay, normal; padding:min(20px, 1.04vw) 0; text-align:center; border-radius:min(20px, 1.04vw) min(20px, 1.04vw) 0 0;} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .donation_con > .text01_con {} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .donation_con > .text01_con > span {font-size:min(30px, 1.56vw); color:rgba(255,255,255,0.8); font-weight:400; line-height:120%; letter-spacing:max(-0.6px, -0.03vw); text-shadow:0 0 min(10px, 0.52vw) rgba(0,0,0,0.12);} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .donation_con > .text02_con {} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .donation_con > .text02_con > span {font-size:min(48px, 2.08vw); color:#FFF; font-weight:400; line-height:125%; letter-spacing:max(-0.96px, -0.05vw); text-shadow:0 0 min(10px, 0.52vw) rgba(0,0,0,0.12);} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .text_con {display:flex; justify-content:center; align-items:center; border:min(4px, 0.21vw) solid transparent; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(86deg, #B88D37 5.01%, #E3C177 40.16%, #EBDD9A 77.69%, #B88D37 115.77%) border-box; padding:min(30px, 1.56vw) 0; border-radius:0 0 min(20px, 1.04vw) min(20px, 1.04vw);} #landing_con > .info06_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(36px, 1.88vw); color:#999; font-weight:400; line-height:125%; letter-spacing:max(-0.72px, -0.04vw);} #landing_con > .info06_con > .contents_con > .text_con {margin:min(40px, 2.08vw) 0 0; text-align:center;} #landing_con > .info06_con > .contents_con > .text_con > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.4); font-weight:500; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} #landing_con > .info07_con {width:100%; margin:0 auto; background:url("/campaign/img/main/landing_info07_con_bg.png")no-repeat center/cover;} #landing_con > .info07_con > .contents_con {display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:min(1400px, 72.92vw); margin:0 auto; padding:min(170px, 8.85vw) 0 min(322px, 16.77vw);} #landing_con > .info07_con > .contents_con > .title_con {} #landing_con > .info07_con > .contents_con > .title_con > span {font-size:min(70px, 3.65vw); color:#FFF; font-weight:400; line-height:130%; letter-spacing:max(-2.8px, -0.15vw);} #landing_con > .info07_con > .contents_con > .title_con > span .char {font-family: "GamtanRoadGamtan"; font-size:min(70px, 3.65vw); color:#FFF; font-weight:400; line-height:130%;} #landing_con > .info07_con > .contents_con > .title_con > span .point_text {line-height:130%; position:relative; z-index:0;} #landing_con > .info07_con > .contents_con > .title_con > span .point_text > .bar {width:0; height:min(84px, 4.38vw); background:#C4AB70; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:-1;} #landing_con > .info07_con > .contents_con > .box_con {padding:min(60px, 3.13vw) 0 0;} #landing_con > .info07_con > .contents_con > .box_con > .text_con {display:flex; flex-direction:column; gap:min(14px, 0.73vw);} #landing_con > .info07_con > .contents_con > .box_con > .text_con > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:500; line-height:140%; letter-spacing:max(-0.48px, -0.03vw);} #landing_con > .info07_con > .contents_con > .box_con > .btn_con {margin:min(60px, 3.13vw) 0 0;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul {display:flex; align-items:center; gap:min(20px, 1.04vw);} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li {} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li > a {display:flex; justify-content:space-between; align-items:center; width:min(340px, 17.71vw); height:min(70px, 3.65vw); border:1px solid #FFF; background:linear-gradient(45deg, transparent, transparent); padding:0 min(30px, 1.56vw); position:relative; border-radius:min(100px, 5.21vw); transition:background 0.35s ease;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li > a > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:400; line-height:140%; letter-spacing:max(-0.96px, -0.05vw); transition:all 0.35s ease;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li > a > img {display:block; width:min(30px, 1.56vw); transform:translate(0,0); transition:0.3s ease-out;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li > a > img.wh {opacity:1;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li > a > img.gold {opacity:0; position:absolute; top:50%; right:min(30px, 1.56vw); transform:translateY(-50%);} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li:first-child > a {border:1px solid transparent; 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%);} @keyframes info02-pulse { 0%{box-shadow:0 0 0 0 rgba(249,231,192,.45);} 70%{box-shadow:0 0 0 16px rgba(249,231,192,0);} 100%{box-shadow:0 0 0 0 rgba(249,231,192,0);} } @keyframes info06-pulse { 0%{box-shadow:0 0 0 0 rgba(196, 171, 112, .45);} 70%{box-shadow:0 0 0 12px rgba(196, 171, 112, 0);} 100%{box-shadow:0 0 0 0 rgba(196, 171, 112, 0);} } @keyframes quick-pulse { 0%{box-shadow:0 0 0 0 rgba(227, 193, 119, .45);} 70%{box-shadow:0 0 0 16px rgba(227, 193, 119, 0);} 100%{box-shadow:0 0 0 0 rgba(227, 193, 119, 0);} } /* 푸터 */ #footer {width:100%; margin:0 auto; background:url("/campaign/img/main/footer_con_bg.png"); position:relative;} #footer > .quick_banner {display:none; position:absolute; bottom:min(60px, 3.13vw); right:min(60px, 3.13vw); z-index:100;} #footer > .quick_banner.scroll {position:fixed; bottom:min(60px, 3.13vw);} #footer > .quick_banner.scroll_end {position:absolute; top:max(-220px, -11.46vw); bottom:unset;} #footer > .quick_banner > .btn_con {width:min(160px, 8.33vw); height:min(160px, 8.33vw); background:linear-gradient(0deg, rgba(185, 146, 77, 0.40) 0%, rgba(185, 146, 77, 0.40) 100%), linear-gradient(71deg, #B88D37 5.6%, #E3C177 31.42%, #EBDD9A 58.97%, #B88D37 86.94%); background-blend-mode:overlay, normal; position:relative; border-radius:100%; overflow:hidden; transition:all 0.35s ease;} #footer > .quick_banner > .btn_con:after {content:''; width:100%; height:100%; background:url("/campaign/img/main/quick_btn_bg.png")no-repeat center/cover; position:absolute; top:0; left:0; right:0; pointer-events:none;} #footer > .quick_banner > .btn_con > a {display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center;} #footer > .quick_banner > .btn_con > a > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:400; line-height:120%;} #footer > .contents_con {display:flex; align-items:flex-start; gap:min(160px, 8.33vw); padding:min(50px, 2.60vw) 0 min(70px, 3.65vw) min(260px, 13.54vw);} #footer > .contents_con > .logo_con {width:min(224px, 11.67vw);} #footer > .contents_con > .logo_con > img {width:100%;} #footer > .contents_con > .txt_con {} #footer > .contents_con > .txt_con > .info_con {width:min(480px, 25.00vw);} #footer > .contents_con > .txt_con > .info_con > ul {display:flex; flex-wrap:wrap; gap:min(10px, 0.52vw) min(21px, 1.09vw);} #footer > .contents_con > .txt_con > .info_con > ul > li {position:relative;} #footer > .contents_con > .txt_con > .info_con > ul > li:before {content:''; width:1px; height:min(12px, 0.63vw); background:rgba(255,255,255,0.4); position:absolute; top:50%; left:max(-11px, -0.57vw); transform:translateY(-50%);} #footer > .contents_con > .txt_con > .info_con > ul > li > span {font-size:min(14px, 0.73vw); color:rgba(255,255,255,0.4); font-weight:500; line-height:140%;} #footer > .contents_con > .txt_con > .info_con > ul > li > span a {font-size:min(14px, 0.73vw); color:rgba(255,255,255,0.4); font-weight:500; line-height:140%;} #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(4):before {content:none;} #footer > .contents_con > .txt_con > .copy_con {margin:min(40px, 2.08vw) 0 0;} #footer > .contents_con > .txt_con > .copy_con > span {font-size:min(14px, 0.73vw); color:rgba(255,255,255,0.4); font-weight:500; line-height:140%;} /* PC만 마우스 오버 효과 적용 */ @media (hover: hover) and (pointer: fine) { #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a:hover {background:linear-gradient(45deg, #FFF, #FFF);} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a:hover > span {color:#A68D52;} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a:hover > img.wh {opacity:0; transform:translate(min(3px, 0.16vw), max(-3px, -0.16vw));} #landing_con > .info01_con > .contents_con > .txt_con > .btn_con > a:hover > img.gold {opacity:1; transform:translate(min(3px, 0.16vw), calc(-50% - min(3px, 0.16vw)));} #landing_con > .info06_con > .contents_con > .list_con > ul > li:hover {animation:info06-pulse 1.4s ease;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li:hover > a {background:linear-gradient(45deg, #FFF, #FFF);} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li:hover > a > span {color:#A68D52;} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li:hover > a > img.wh {opacity:0; transform:translate(min(3px, 0.16vw), max(-3px, -0.16vw));} #landing_con > .info07_con > .contents_con > .box_con > .btn_con > ul > li:hover > a > img.gold {opacity:1; transform:translate(min(3px, 0.16vw), calc(-50% - min(3px, 0.16vw)));} #footer > .quick_banner > .btn_con:hover {animation:quick-pulse 1.2s ease;} }