@charset "utf-8";
/* CSS Document */
body > img {display:none;}
html {
	/* Prevent font scaling in landscape */
	-webkit-text-size-adjust:none; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust:none; /*Firefox*/
	-ms-text-size-adjust:none;  /*Ie*/
	-o-text-size-adjust:none; /*old versions of Opera*/
}
html::-webkit-scrollbar {width:10px;}
html::-webkit-scrollbar-thumb {background-color:#005eb8; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
html::-webkit-scrollbar-thumb:hover {background-color:#005eb8;}
html::-webkit-scrollbar-track {background-color:#fff;}

body.open,
html.open {overflow:hidden;}

/* 영역구분 */
#wrap {position:relative; width:100%; margin:0 auto; text-align:center;}
#wrap:before {content:""; position:fixed; left:0; right:0; top:0; bottom:0; z-index:10; background-image:url("../images/bg_pattern.png"); background-repeat:repeat; background-position:center top; opacity:0.2; pointer-events:none;}
.wrap {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:83.3333%; height:100%; max-width:1600px;}
.height {min-height:650px; max-height:1200px;}

/* 컬러 */
.cm {color:#005eb8 !important;}
.cs {color:#ffd100 !important;}
.cr {color:#c93131 !important;}
.cg {color:#c5bdba !important;}
.cw {color:#ffffff !important;}
.cb {color:#1c1d1f !important;}
.op {opacity:0.65;}

.thin {font-weight:100 !important;}
.exlight {font-weight:200 !important;}
.light {font-weight:300 !important;}
.regular {font-weight:400 !important;}
.medium {font-weight:500 !important;}
.semibold {font-weight:600 !important;}
.bold {font-weight:700 !important;}


/* 헤더 */
#header {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; z-index:999; min-width:320px; transition:0.3s; -webkit-transition:0.3s;}
#header div {display:inline-block; vertical-align:middle;}
#header .h_logo {position:absolute; left:70px; top:70px; z-index:2; width:162px; height:60px; transition:0.3s; -webkit-transition:0.3s;}
#header .h_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; transition:0.3s; -webkit-transition:0.3s;}
#header .h_logo .hl_logo {display:inline-block; width:100%; height:auto; fill:#fff; fill-rule: evenodd;}
#header .h_slogan {position:absolute; right:70px; top:70px; z-index:2; font-size:16px; font-weight:600; color:#fff; line-height:60px;}


/* 사이드 */
#aside {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; bottom:0; z-index:9; word-break:keep-all; transition:0.3s; -webkit-transition:0.3s;}
#aside .a_support {display:inline-block; vertical-align:middle; position:absolute; right:70px; bottom:70px; transition:0.3s; -webkit-transition:0.3s;}
#aside .a_support button {display:inline-block; vertical-align:middle; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; width:200px; border-radius:100%; background:linear-gradient(135deg, rgba(0, 94, 184, 1) 0%, rgba(0, 94, 184, 1) 20%, rgba(0, 94, 184, 0.4) 100%); transform:scale(1); font-size:32px; font-weight:900; color:#fff; letter-spacing:-0.5px; line-height:50px; transition:0.3s; -webkit-transition:0.3s; aspect-ratio:1/1;}
#aside .a_support button:before {content:""; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border-radius:50%; border:#fff solid 1px; opacity:0.1;}
#aside .a_support button:hover {transform:scale(1.1);}
#aside .a_support span {overflow:hidden; text-overflow: ellipsis; display:inline-block; vertical-align:middle; position:absolute; left:30px; right:30px; top:25px; white-space:nowrap; transition:0.3s; -webkit-transition:0.3s;}
#aside .a_support mark {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:75px; z-index:1; width:160px; height:50px; margin-left:-80px; color:#005eb8; white-space:nowrap; transition:0.3s;}
#aside .a_support mark:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0;  z-index:-1; background-color:#fff; border-radius:25px; transition:0.3s;}
#aside .a_support i {position:absolute; left:50%; bottom:21px; width:40px; margin-left:-18px; background-image:url("../images/icon_support.png"); background-repeat:no-repeat; background-size:100% auto; aspect-ratio:1/1; transition:0.3s;}
#aside .a_support button:hover i {transform:rotate(15deg);}

/* 컬러변경 */
#header.section04 .h_logo .hl_logo,
#header.section06 .h_logo .hl_logo,
#header.section08 .h_logo .hl_logo,
#header.section09 .h_logo .hl_logo {fill:#005eb8;}
#header.section04 .h_slogan,
#header.section06 .h_slogan,
#header.section08 .h_slogan,
#header.section09 .h_slogan {color:#1c1d1f;}

/* on */
#aside.on .a_support button {width:120px;}
#aside.on .a_support button:before {left:3px; right:3px; top:3px; bottom:3px;}
#aside.on .a_support button:after {top:18px; width:20px; height:20px; margin-left:-10px;}
#aside.on .a_support span {top:35px; font-size:22px; color:transparent; transition:0s;}
#aside.on .a_support mark:before {background-color:transparent; transition:0s;}
#aside.on .a_support mark {position:absolute; top:35px; height:20px; width:100px; margin-left:-50px; font-size:22px; font-weight:900; line-height:20px;  color:#fff;  opacity:1;}
#aside.on .a_support button i {bottom:20px; width:32px; margin-left:-16px;}
#aside.off {opacity:0 !important; pointer-events:none !important;}


/* popup */
#pop {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:999;}
#pop.open {display:inline-block;}
#pop .p_bg {position:absolute; left:0; right:0; top:0; bottom:0; background-color:#1c1d1f; opacity:0.8;}
#pop .p_wrap {display:inline-block; position:absolute; left:50%; top:50%; width:1200px; height:1000px; margin-left:-600px; margin-top:-500px; cursor:pointer;}
#pop .p_content {position:absolute; border-radius:10px; left:0; right:0; top:0; bottom:0;}
#pop iframe {position:absolute; border-radius:10px; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
#pop .p_close {position:absolute; left:50%; top:-70px; width:50px; margin-left:-25px; border-radius:50%; background-color:#fff; aspect-ratio:1/1}
#pop .p_close i {position:absolute; width:30px; margin-left:-15px; margin-top:-15px; color:#0d64b7; aspect-ratio:1/1; transition:0.3s; transform:rotate(45deg)}
#pop .p_close:hover i {transform:rotate(135deg);}
#pop .p_close i:before {content:""; position:absolute; left:0; right:0; top:50%; height:4px; margin-top:-2px; border-radius:2px; background-color:currentColor;}
#pop .p_close i:after {content:""; position:absolute; left:50%; top:0; bottom:0; width:4px; margin-left:-2px; border-radius:2px; background-color:currentColor;}

	/* 콘텐츠 */
#contents {background-color:#005eb8;}
#contents .c_title {display:inline-block; position:relative; width:100%; font-size:clamp(50px,3.6458vw,70px); line-height:clamp(65px,4.6875vw,90px); letter-spacing:-1.5px; word-break:keep-all;}
#contents .c_title.t1 {font-size:clamp(35px,2.6042vw,50px); line-height:clamp(50px,3.6458vw,70px);}
#contents .c_title span {display:inline-block;}
#contents .c_title > span {width:100%;}
#contents .c_txt {display:inline-block; width:100%; font-size:clamp(20px,1.3021vw,25px); line-height:clamp(35px,2.0833vw,40px); letter-spacing:-1px; word-break:keep-all;}
#contents .c_txt.t1 {line-height:clamp(35px,2.6042vw,50px);}
#contents .c_txt.t1 .small {font-size:clamp(17px,1.0417vw,20px);}
#contents .c_txt.t2 {font-size:clamp(17px,1.0417vw,20px); line-height:clamp(27px,1.5625vw,30px); letter-spacing:-0.5px;}
#contents .c_txt.t3 {font-size:clamp(25px,1.5625vw,30px); line-height:clamp(40px,2.3438vw,45px);}
#contents .c_txt.t4 {font-size:clamp(17px,1.0417vw,20px); line-height:clamp(32px,1.8229vw,35px); letter-spacing:-0.5px;}
#contents .c_txt.t5 {font-size:clamp(17px,1.0417vw,20px); line-height:clamp(36px,2.0833vw,40px); letter-spacing:-0.5px;}
#contents .c_txt span {display:inline-block;}
#contents .c_txt > span {width:100%;}
#contents .c_case {display:inline-block; vertical-align:middle; position:relative; z-index:1; box-sizing:border-box; width:100%; padding:190px 0; padding-bottom:130px; background-color:#fff; background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents .c_case .cc_wrap {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_case .btn {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; min-width:300px; padding:0 30px; border-radius:30px; background-color:#1c1d1f; font-size:23px; font-weight:600; color:#fff; line-height:60px; letter-spacing:-1px; text-align:left;}
#contents .c_case .btn i {position:absolute; right:24px; top:50%; width:20px; margin-top:-10px; background-image:url("../images/icon_arrow.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s; aspect-ratio:1/1;}
#contents .c_case .btn span {display:inline-block;}
#contents .c_case .btn:hover i {right:20px;}
#contents .c_hero {overflow:hidden; z-index:2; padding:0 !important;}
#contents .c_hero .ch_bg {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; padding:0; background-repeat:no-repeat; background-size:cover; background-image:url("../images/bg_hero_w.jpg"); background-position:center;}
#contents .c_hero .ch_wrap {position:absolute; left:30px; top:50%; margin-top:-175px; text-align:left; font-size:0; line-height:0;}
#contents .c_hero .ch_title {display:inline-block; position:relative; width:580px; aspect-ratio:58/21; opacity:1;}
#contents .c_hero .ch_title img {width:100%; height:auto;}
#contents .c_hero .ch_title .cht_pic {position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .c_hero .ch_title .cht_pic.t2 {width:0; transition:2s; transition-delay:0.5s;}
#contents .c_hero .ch_title.aos-animate .cht_pic.t2 {width:77.5%;}
#contents .c_hero .ch_title .cht_pic.t2 img {display:none;}
#contents .c_hero .ch_title .cht_pic.t2:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-image:url("../images/title_hero_line.png"); background-repeat:no-repeat; background-position:left bottom; background-size:auto 100%;}
#contents .c_hero .ch_title .cht_pic.t3 {opacity:0.1; transition:2s; transition-delay:1s;}
#contents .c_hero .ch_title.aos-animate .cht_pic.t3 {opacity:1;}
#contents .c_hero .ch_title .cht_pic.t4 {opacity:1; transition:1s; transition-delay:1.5s;}
#contents .c_hero .ch_title.aos-animate .cht_pic.t4 {opacity:0;}
#contents .c_hero .c_txt {display:inline-block; box-sizing:border-box; width:100%; margin-top:40px; padding-left:20px; line-height:50px;}
#contents .c_hero .ch_scroll {display:inline-block; position:absolute; left:50%; bottom:70px; z-index:0; box-sizing:border-box; margin-left:-46px; cursor:pointer;}
#contents .c_hero .ch_scroll .chs_mouse {display:inline-block; position:relative; box-sizing:border-box; width:40px; height:40px; border-radius:50%; border:rgba(255, 255, 255, 0.1) solid 1px;}
#contents .c_hero .ch_scroll .chs_mouse:before {content:""; position:absolute; left:50%; top:50%; width:10%; border-radius:100%; background-color:#005eb8; aspect-ratio:1/1; transform:translate(-50%,-50%); transition:0.3s; opacity:0;}
#contents .c_hero .ch_scroll .chs_mouse > i {position:absolute; left:50%; top:50%; box-sizing:border-box; width:14px; height:20px; margin-left:-7px; margin-top:-10px; border-radius:7px; border:#fff solid 2px;}
#contents .c_hero .ch_scroll .chs_mouse > i > i {position:absolute; left:50%; top:4px; width:2px; height:4px; margin-left:-1px; border-radius:1px; background-color:#fff; animation-name:cc_mouse_ani; animation-duration:1.2s; animation-iteration-count:infinite; animation-timing-function:linear;}
#contents .c_hero .ch_scroll > strong {display:inline-block; width:100%; margin-bottom:10px; font-family:"Montserrat"; font-size:12px; font-weight:800; color:#fff; line-height:20px; letter-spacing:-0.2px; transition:0.3s;}
#contents .c_hero .ch_scroll:hover .chs_mouse:before {width:100%; opacity:1;}
#contents .c_hero .ch_scroll:hover > strong {color:#005eb8;}
@keyframes cc_mouse_ani {from {top:3px;} 50% {top:8px;} to {top:3px;}}
#contents .c_reason {padding:0 !important; background-color:#1c1d1f;}
#contents .c_reason .cr_stickwrap {display:inline-block; position:sticky; top:0; width:100%;}
#contents .c_reason .cr_sticky {position:absolute; left:0; right:0; top:50%; margin-top:-230px; height:460px; opacity:0; transition:0.3s;}
#contents .c_reason .cr_sticky .c_title {position:absolute; left:0; right:0; top:0;}
#contents .c_reason .cr_sticky .c_txt {position:absolute; left:0; right:0; bottom:0; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);}
#contents .c_reason .cr_bg {position:absolute; overflow:hidden; left:0; right:100%; top:calc(50% - 20px); bottom:calc(50% - 20px); transition:1s;}
#contents .c_reason .cr_bg > div {position:absolute; left:0; top:50%; width:100vw; background-image:url("../images/bg_reason.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; transform:translateY(-50%);}
#contents .c_reason.start .cr_sticky {opacity:1;}
#contents .c_reason.step01 .cr_bg {right:0;}
#contents .c_reason.step02 .cr_bg {top:0; bottom:0;}
#contents .c_change {overflow:hidden; background-color:#1c1d1f; padding-bottom:0 !important;}
#contents .c_change .cc_box {display:inline-block; position:relative; float:left; width:100%; padding-bottom:130px;}
#contents .c_change .cc_box:first-child {z-index:1;}
#contents .c_change .cc_box:nth-child(2) {z-index:2;}
#contents .c_change .cc_box:last-child:before {content:""; position:absolute; left:-10%; right:-10%; top:-55vw; aspect-ratio:1920/1657; background-image:url("../images/bg_change.png"); background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents .c_change .cc_box:last-child:after {content:""; position:absolute; left:0; right:0; top:45vw; bottom:0; z-index:-1; background-color:#005eb8;}
#contents .c_change .cc_box .wrap {text-align:right; max-width:1400px;}
#contents .c_change .cc_box:nth-child(1) .wrap {box-sizing:border-box; width:100%; max-width:1920px; padding:0 70px;}
#contents .c_change .cc_pic,
#contents .c_change .cc_content {display:inline-block; position:relative; float:left; box-sizing:border-box; width:50%;}
#contents .c_change .cc_content .txt {width:100%;}
#contents .c_change .cc_box.t1 .cc_pic {float:right;}
#contents .c_change .cc_box .cc_pic {padding-right:60px;}
#contents .c_change .cc_pic {opacity:1 !important;}
#contents .c_change .cc_pic img {width:100%; height:auto;}
#contents .c_change .cc_pic > img {opacity:0;}
#contents .c_change .cc_pic .ccp_wrap {position:absolute; left:0; right:60px; top:0; bottom:0; z-index:1; overflow:hidden; border-radius:20px;}
#contents .c_change .cc_box.t1 .cc_pic .cop_wrap {left:60px; right:0;}
#contents .c_change .cc_pic .ccp_box {position:absolute; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; transition:3s; transform:scale(1.2);}
#contents .c_change .cc_pic.aos-animate .ccp_box {transform:scale(1);}
#contents .c_change .cc_pic .ccp_box.t2 {opacity:0; transform:scale(1); transition:1s; transition-delay:3s;}
#contents .c_change .cc_pic.aos-animate .ccp_box.t2 {opacity:1;}
#contents .c_change .cc_pic .ccp_deco {position:absolute; bottom:-30%; right:-46%; width:58.428%; z-index:0; height:auto;}
#contents .c_change .cc_pic .ccp_deco img {border-radius:5px; box-shadow:40px 40px 80px rgba(21, 34, 36, 0.1);}
#contents .c_change .cc_content {max-width:700px; padding-left:60px; padding-top:80px; text-align:left;}
#contents .c_change .cc_content p {margin-top:60px;}
#contents .c_change .cc_content .title + p {margin-top:55px;}
#contents .c_change .cc_content p {margin-top:60px;}
#contents .c_change .cc_content p + span {margin-top:10px;}
#contents .c_change .cc_box.t1 .cc_content {float:none; padding-left:0; padding-top:330px;}
#contents .c_change .cc_box.t1 .cc_pic {padding-left:60px; padding-right:0;}
#contents .c_change .cc_box.t1 .cc_pic .ccp_wrap {left:60px; right:0;}
#contents .c_change .cc_box.t2 .cc_content {padding-top:160px;}
#contents .c_change .cc_box.t2 .cc_content p:nth-child(2) {margin-top:90px;}
#contents .c_result {padding:0 !important; background-image:url("../images/bg_result.jpg"); opacity:1 !important;}
#contents .c_result .wrap {max-width:1500px;}
#contents .c_result .cr_wrap {display:inline-block; position:relative; width:100%; height:100%;}
#contents .c_result .cr_pictures {display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; font-size:0; line-height:0;}
#contents .c_result .cr_pictures .crp_pic {position:absolute; overflow:hidden; border-radius:20px; filter:blur(10px); transform:scale(0.2); transition:0.5s; opacity:0;}
#contents .c_result.aos-animate .crp_pic {animation-name:cr_picture_ani; animation-duration:8s; animation-iteration-count:1; animation-timing-function:linear; animation-fill-mode:forwards;}
#contents .c_result .cr_pictures .crp_pic.t1 {left:4.66%; top:13%; width:11%;}
#contents .c_result .cr_pictures .crp_pic.t2 {left:43.75%; top:5%; width:12.5%; animation-delay:1.5s;}
#contents .c_result .cr_pictures .crp_pic.t3 {right:9.333%; top:18%; width:7.5%; border-radius:12px; animation-delay:3s;}
#contents .c_result .cr_pictures .crp_pic.t4 {left:0; bottom:13.42%; width:22.5%; animation-delay:4.5s;}
#contents .c_result .cr_pictures .crp_pic.t5 {right:10.6%; bottom:11.1%; width:17.5%; animation-delay:6s;}
#contents .c_result .cr_pictures .crp_pic img {width:100%; height:auto;}
@keyframes cr_picture_ani {from {transform:scale(0.2); filter:blur(10px); opacity:0;} 10% {transform:scale(1); filter:blur(0); opacity:1;} 100% {transform:scale(1); filter:blur(0); opacity:1;}}
#contents .c_result .cr_content {position:absolute; left:0; right:0; top:50%; height:450px; margin-top:-225px;}
#contents .c_result .cr_content .c_title {margin-bottom:15px;}
#contents .c_result .cr_content .c_txt {margin-top:35px;}
#contents .c_reward {overflow:hidden;}
#contents .c_reward .cr_content {display:inline-block; width:100%;}
#contents .c_reward .cr_content .crc_sopsor {display:inline-block; width:100%; height:90px; font-size:0; line-height:0;}
#contents .c_reward .cr_content .crc_sopsor img {width:auto; height:100%;}
#contents .c_reward .cr_content .c_txt {margin-top:40px;}
#contents .c_reward .cr_content .c_txt.t3 {margin-top:60px;}
#contents .c_reward .btn {margin-top:80px;}
#contents .c_reward .cr_pic {display:inline-block; position:relative; width:100%; margin-top:155px; font-size:0; line-height:0;}
#contents .c_reward .cr_pic img {width:100%; height:auto;}
#contents .c_reward .cr_pic .crp_box {display:inline-block; overflow:hidden; position:relative; float:left; z-index:1; box-sizing:border-box; width:28.125%; border-radius:20px; font-size:0; line-height:0;}
#contents .c_reward .cr_pic .crp_box.t1 {position:absolute; left:0; top:-270px; border-radius:0 20px 20px 0;}
#contents .c_reward .cr_pic .crp_box.t2 {width:23.4375%; margin-left:9.114%; margin-top:29.688vw;}
#contents .c_reward .cr_pic .crp_box.t3 {width:26.04%; margin-left:4.427%;}
#contents .c_reward .cr_pic .crp_box.t4 {width:23.4375%; margin-left:9.895%; margin-top:12.5vw;}
#contents .c_reward .cr_pic .crp_content {display:inline-block; position:relative; width:100%;}
#contents .c_reward .cr_pic .crp_deco {position:absolute; right:-7%; bottom:0; width:66.35%; font-size:0; line-height:0;}
#contents .c_reward .cr_pic .crp_deco img {width:100%; height:auto; opacity:0.04;}
#contents .c_reward .cr_pic p {position:absolute; font-family:"Montserrat", sans-serif; font-size:10px; font-weight:400; color:#525559; line-height:30px; letter-spacing:4px;}
#contents .c_reward .cr_pic .crp_box.t1 p {left:10px; right:5px; bottom:-40px;}
#contents .c_reward .cr_pic .crp_box.t2 p {right:-50px; top:0; bottom:0; width:50px;}
#contents .c_reward .cr_pic .crp_box.t2 strong {position:absolute; top:-4px; left:42px; transform-origin: bottom left; transform:rotate(-90deg);}
#contents .c_reward .cr_pic .crp_box.t2 span {position:absolute; bottom:10px; left:42px;transform-origin:bottom left; transform:rotate(-90deg); white-space:nowrap;}
#contents .c_reward .cr_pic .crp_box.t3 p {left:-50px; top:0; bottom:0; width:50px;}
#contents .c_reward .cr_pic .crp_box.t3 strong {position:absolute; top:-4px; left:44px; transform-origin: bottom left; transform:rotate(-90deg);}
#contents .c_reward .cr_pic .crp_box.t3 span {position:absolute; bottom:10px; left:44px;transform-origin:bottom left; transform:rotate(-90deg); white-space:nowrap;}
#contents .c_reward .cr_pic p strong {float:left; font-weight:700;}
#contents .c_reward .cr_pic p span {float:right;}
#contents .c_reward .cr_pic p span mark {font-weight:700;}
#contents .c_support {background-color:#005eb8;}
#contents .c_support .wrap {max-width:1200px;}
#contents .c_support .c_txt {margin-top:60px;}
#contents .c_support .c_txt mark {position:relative; transition:0.3s;}
#contents .c_support .c_txt mark > span {position:absolute; left:0; top:-4px; opacity:0; transition:0.3s; transition-delay:0s;}
#contents .c_support .c_txt mark:before {content:""; position:absolute; left:-1px; bottom:-2px; width:1%; height:3px; background-color:#fff; opacity:0; transition:0.3s;}
#contents .c_support .c_txt mark > span.t1 {position:relative; left:auto; top:auto;}
#contents .c_support .c_txt.type1 mark > span.t1,
#contents .c_support .c_txt.type2 mark > span.t2,
#contents .c_support .c_txt.type3 mark > span.t3 {opacity:1; transition-delay:0.3s;}
#contents .c_support .c_txt.type1 mark:before,
#contents .c_support .c_txt.type2 mark:before,
#contents .c_support .c_txt.type3 mark:before {width:calc(100% + 2px); opacity:1;}
#contents .c_support .cs_list {display:inline-block; width:calc(100% + 60px); margin-left:-30px; margin-top:40px;}
#contents .c_support .cs_list.mo {display:none;}
#contents .c_support .cs_list ul {display:flex; flex-wrap: wrap; width:100%;}
#contents .c_support .cs_list ul li {display:flex; width:33.333%;}
#contents .c_support .cs_list ul li .csl_box {display:inline-block; position:relative; box-sizing:border-box; width:calc(100% - 60px); margin:0 30px;}
#contents .c_support .cs_list ul li .csl_pic {display:inline-block; float:left; position:relative; overflow:hidden; width:100%; border-radius:20px; background-repeat:no-repeat; background-size:cover; background-position:top; aspect-ratio:3/4;}
#contents .c_support .cs_list ul li .csl_content {display:inline-block; float:left; position:relative; box-sizing:border-box; width:100%; padding-top:30px; text-align:left; word-break:keep-all;}
#contents .c_support .cs_list ul li .csl_content strong {display:inline-block; float:left; width:100%; min-height:80px; font-size:30px; font-weight:400; line-height:40px; letter-spacing:-0.5px;}
#contents .c_support .cs_list ul li .csl_content p {display:inline-block; float:left; width:100%; margin-top:10px; font-size:16px; font-weight:300; color:#fff; line-height:25px; letter-spacing:-0.5px;}
#contents .c_support .cs_list ul li .csl_content p > span{display:inline-block; width:100%;}
#contents .c_support .cs_list ul li .csl_content p mark {font-weight:600; color:#fff;}
#contents .c_support .cs_list ul li .support {display:inline-block; position:absolute; position:absolute; right:0; bottom:0; width:120px; border-radius:50%; background-color:#ffd100; aspect-ratio:1/1; transition:0.3s;}
#contents .c_support .cs_list ul li .support:before {content:""; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border-radius:50%; border:#005eb8 solid 1px; opacity:0.15;}
#contents .c_support .cs_list ul li .support mark {position:absolute; left:0; right:0; bottom:25px; font-size:25px; font-weight:700; color:#005eb8; line-height:35px; letter-spacing:-0.5px;}
#contents .c_support .cs_list ul li .support i {display:inline-block; position:relative; top:28px; width:30px; background-image:url('../images/icon_support_c.png'); background-repeat:no-repeat; background-size:100% auto; background-position:center; aspect-ratio:1/1; transition:0.3s;}
#contents .c_support .cs_list ul li .support:hover {transform:scale(1.1);}
#contents .c_support .cs_list ul li .support:hover i {top:25px; transform:rotate(-25deg);}
#contents .c_support .cs_btn {display:inline-block; position:relative; width:100%; padding:3px 0; margin-top:60px; max-width:200px; border:#fff solid 2px; border-radius:20px; font-size:0; line-height:0;}
#contents .c_support .cs_btn span {display:inline-block; position:relative; font-size:15px; font-weight:600; color:#fff; line-height:30px; letter-spacing:-0.5px;}
#contents .c_support .cs_btn span::before {content:""; position:absolute; left:0; bottom:3px; width:1px; height:1px; background-color:#fff; opacity:0; transition:0.3s;}
#contents .c_support .cs_btn:hover span::before {width:100%; opacity:1;}
#contents .c_support .cs_btn i {display:inline-block; position:relative; vertical-align:top; top:9px; width:12px; margin-right:3px; background-image:url("../images/icon_refresh.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;  aspect-ratio:1/1; transition:0.5s;}
#contents .c_youtube {padding-top:clamp(40px,3.6458vw,70px) !important; z-index:3;}
#contents .c_youtube h2 {z-index:10;}
#contents .c_youtube .cy_list {display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%;}
#contents .c_youtube .owl-carousel .owl-stage-outer,
#contents .c_youtube .owl-carousel .owl-stage,
#contents .c_youtube .owl-carousel .owl-item {height:100%;}
#contents .c_youtube .cy_list ul {display:inline-block; width:100%; height:100%;}
#contents .c_youtube .cy_list ul.mo {display:none;}
#contents .c_youtube .cy_list li {display:inline-block; position:relative; float:left; width:33.333%; height:100%;}
#contents .c_youtube .cy_list li .cyl_box {position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0; z-index:0; text-align:left; cursor:pointer;}
#contents .c_youtube .cy_list li .cyl_box:before {content:""; position: inherit; left:0; right:0; top:0; bottom:0; z-index:-1; background-repeat:no-repeat; background-size:cover; background-position:center; transition:7s;}
#contents .c_youtube .cy_list li .cyl_box.t1:before {background-image:url("../images/pic_youtube01.jpg");}
#contents .c_youtube .cy_list li .cyl_box.t2:before {background-image:url("../images/pic_youtube02.jpg");}
#contents .c_youtube .cy_list li .cyl_box.t3:before {background-image:url("../images/pic_youtube03.jpg");}
#contents .c_youtube .cy_list li .cyl_box:hover:before {transform:scale(1.1);}
#contents .c_youtube .cy_list li .cyl_box .cyl_txt {position:absolute; left:clamp(40px,3.6458vw,70px); bottom:clamp(40px,3.6458vw,70px);}
#contents .c_youtube .cy_list li .cyl_box.t2 .cyl_txt {left:clamp(27px,2.6042vw,50px);}
#contents .c_youtube .cy_list li .cyl_box .cyl_icon {position:absolute; left:50%; top:50%; width:72px; height:54px; margin-left:-36px; margin-top:-27px; background-image:url('../images/icon_youtube.svg'); background-repeat:no-repeat; background-size:100% auto; background-position:center; filter: drop-shadow(0 30px 60px rgba(33,30,29,0.6));}
#contents .c_youtube .cy_list li .cyl_box:hover .cyl_icon {background-image:url('../images/icon_youtube_c.svg');}
#contents .c_youtube .isMobile {display:none;}
#contents .c_youtube .cy_pop {position:absolute; left:0; width:33.333%; top:0; bottom:0; opacity:0; pointer-events:none; transition:0.3s;}
#contents .c_youtube .cy_pop#p_t2 {left:33.333%;}
#contents .c_youtube .cy_pop#p_t3 {left:66.666%;}
#contents .c_youtube .cy_pop iframe {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; width:100%; height:100%;}
#contents .c_youtube .cy_pop.on {opacity:1; pointer-events:auto;}
#contents .c_event {padding-bottom:190px;}
#contents .c_event .wrap {max-width:1400px;}
#contents .c_event .ce_content {display:inline-block; vertical-align:middle; float:left; position:relative; width:50%; margin-top:30px; text-align:left;}
#contents .c_event .ce_content p {margin-top:60px;}
#contents .c_event .ce_content ul {margin-top:60px;}
#contents .c_event .ce_content ul li {display:inline-block; position:relative; box-sizing:border-box; width:100%; padding-left:140px}
#contents .c_event .ce_content ul li strong {position:absolute; left:0; top:0; z-index:0; width:100px; color:#fff; font-weight:700; text-align:center;}
#contents .c_event .ce_content ul li strong:before {content:""; position:absolute; left:0; right:0; top:50%; z-index:-1; height:clamp(24px,1.5625vw,30px); margin-top:clamp(-15px,-0.7813vw,-12px); border-radius:15px; background-color:#161514;}
#contents .c_event .ce_content ul li span {display:inline-block;}
#contents .c_event .ce_content ul li mark {display:inline-block; width:100%; margin-top:30px; font-size:16px; font-weight:400; color:#1c1d1f; line-height:25px; letter-spacing:-0.5px; opacity:0.7;}
#contents .c_event .ce_content .btn {margin-top:110px;}
#contents .c_event .ce_pic {display:inline-block; vertical-align:middle; float:right; overflow:hidden; isolation:isolate; position:relative; width:50%; border-radius:20px; font-size:0; line-height:0;}
#contents .c_event .ce_pic img {width:100%; height:auto;}
#contents .c_event .ce_pic .owl-dots {display:inline-block; position:absolute; left:0; right:0; bottom:12px;}
#contents .c_event .ce_pic .owl-dot {display:inline-block; position:relative; margin:11px 6px; box-sizing:border-box; width:8px; height:8px; border-radius:4px; border:#005eb8 solid 1px; background-color:transparent; transition:0.3s;}
#contents .c_event .ce_pic .owl-dot:before {content:""; position:absolute; left:-6px; right:-6px; top:-11px; bottom:-11px;}
#contents .c_event .ce_pic .owl-dot.active {background-color:#005eb8; width:18px;}
#contents .c_event .ce_pic .owl-dot:hover {background-color:#005eb8;}
#contents .c_faq {z-index:0; overflow:hidden; background-color:#fcfaf4;}
#contents .c_faq:before {content:""; position:fixed; left:0; right:0; top:0; bottom:0; z-index:-1; background-image:url("../images/bg_faq.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents .c_faq .wrap {max-width:1400px;}
#contents .c_faq .cf_list {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-top:80px;}
#contents .c_faq .cf_list > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; overflow:hidden; box-sizing:border-box; width:100%; margin-bottom:10px; padding:0 20px; border-radius:20px; background-color:#fff; box-shadow:0 20px 40px rgba(48, 40, 109, 0.06);}
#contents .c_faq .cf_list > ul > li:last-child {margin-bottom:0;}
#contents .c_faq .cf_list .cfl_head {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:25px; padding-right:40px; padding-left:78px; font-size:25px; font-weight:600; color:#1c1d1f; line-height:50px; letter-spacing:-1px; text-align:left; cursor:pointer; word-break:keep-all;}
#contents .c_faq .cf_list .cfl_head:before {content:""; position:absolute; right:16px; top:50%; box-sizing:border-box; width:9px; height:9px; margin-top:-8px; border-top:#005eb8 solid 2px; border-right:#005eb8 solid 2px; transform:rotate(135deg); transition:0.2s; -webkit-transition:0.2s; pointer-events:none;}
#contents .c_faq .cf_list .cfl_head:after {content:""; display:none; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#1c1d1f; opacity:0.1;}
#contents .c_faq .cf_list mark {display:inline-block; vertical-align:middle; position:absolute; left:5px; top:25px; width:50px; border-radius:50%; background-color:#0c63b7; font-size:25px; font-weight:700; color:#fff; line-height:50px; text-align:center;}
#contents .c_faq .cf_list .cfl_body {display:none; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:30px; padding-left:78px; padding-right:75px; padding-bottom:40px; text-align:left;}
#contents .c_faq .cf_list .cfl_body > mark {background-color:#eaf0f5; color:#005eb8;}
#contents .c_faq .cf_list .cfl_body .cfl_txt {display:inline-block; vertical-align:middle; width:100%; font-size:25px; font-weight:400; color:#1c1d1f; line-height:35px; letter-spacing:-0.8px;}
#contents .c_faq .cf_list .cfl_body .cfl_txt > span {display:inline-block; vertical-align:middle; float:left; width:100%; word-break:keep-all;}
#contents .c_faq .cf_list .cfl_body .cfl_txt span > span {display:inline-block;}
#contents .c_faq .cf_list .cfl_body .cfl_txt span a {color:#005eb8; text-decoration:underline; text-underline-position:under}
#contents .c_faq .cf_list .cfl_head.on {color:#005eb8;}
#contents .c_faq .cf_list .cfl_head.on:before {transform:rotate(-45deg); margin-top:-1px;}
#contents .c_faq .cf_list .cfl_head.on:after {display:inline-block;}
#contents .c_faq .cf_list .cfl_body.on {display:inline-block;}
#contents .c_faq .cf_list .cfl_body .cfl_list {display:inline-block; width:100%; margin-top:35px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul {display:flex; flex-wrap:wrap; box-sizing:border-box; width:100%; padding:0 20px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li {display:flex; vertical-align:middle; position:relative; box-sizing:border-box; width:25%; padding:0 20px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; border:rgba(0, 94, 184, 0.2) solid 1px; padding-top:35px; padding-bottom:45px; border-radius:125px; text-align:center;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box i {display:inline-block; position:relative; width:80px; background-image:url("../images/icon_faq.png"); background-repeat:no-repeat; background-size:100% auto; aspect-ratio:1/1;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(2) .cfl_box i {background-position:0 -80px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(3) .cfl_box i {background-position:0 -160px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(4) .cfl_box i {background-position:0 -240px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box ul {display:inline-block; box-sizing:border-box; width:100%; margin-top:15px; padding-left:clamp(30px,3.125vw,60px);}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box li {display:inline-block; position:relative; box-sizing:border-box; width:100%; padding-left:10px; font-size:16px; font-weight:600; color:#005eb8; line-height:30px; letter-spacing:-0.5px; text-align:left;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box li:before {content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background-color:#005eb8;}
#contents .c_faq .cf_list .btn span {width:auto !important;}
#contents .c_faq .cf_list .btn span {margin-right:5px;}
#contents .c_faq .cf_list .btn span + span {margin-right:0;}
#contents .c_faq .mt40 {margin-top:clamp(25px,2.0833vw,40px);}


@media all and (max-height:1110px) {
#pop .p_wrap {top:90px; bottom:20px; margin-top:auto; height:auto;}
}



@media all and (max-width:1920px) {
/* 컨텐츠 */
#contents .c_hero .ch_bg {background-image:url("../images/bg_hero.jpg");}
}





@media all and (max-width:1600px) {
/* 헤더 */
#header .h_logo {left:50px; top:50px; width:135px; height:50px;}
#header .h_slogan {right:50px; top:50px; line-height:50px;}

/* 사이드 */
#aside .a_support {right:50px; bottom:50px;}

/* 콘텐츠 */
#contents .c_hero .ch_wrap {left:0; margin-top:-144px;}
#contents .c_hero .ch_title {width:464px;}
#contents .c_hero .c_txt {margin-top:30px; padding-left:15px; line-height:45px;}
#contents .c_hero .ch_scroll {bottom:50px;}
#contents .c_change .cc_box:nth-child(1) .wrap {padding:0 50px;}
}





@media all and (max-width:1440px) {
.height {min-height:650px;}

/* 헤더 */
#header .h_logo {left:40px; top:40px; width:108px; height:40px;}
#header .h_slogan {top:40px; right:40px; font-size:15px; line-height:40px;}

/* 사이드 */
#aside .a_support {right:40px; bottom:40px;}

/* 콘텐츠 */
#contents .c_case {padding:150px 0; padding-bottom:100px;}
#contents .c_hero .ch_txt {top:90px;}
#contents .c_hero .ch_txt > span {margin:13px 0; font-size:22px; letter-spacing:8px;}
#contents .c_hero .ch_scroll {bottom:40px;}
#contents .c_change .cc_content {padding-left:45px; padding-top:60px;}
#contents .c_change .cc_box {padding-bottom:100px;}
#contents .c_change .cc_box.t1 .cc_content {padding-top:230px;}
#contents .c_change .cc_box.t2 .cc_content {padding-top:120px;}
#contents .c_change .cc_box .cc_pic {padding-right:45px;}
#contents .c_change .cc_box.t1 .cc_pic {padding-left:45px;}
#contents .c_change .cc_pic .ccp_wrap {right:45px;}
#contents .c_change .cc_box.t1 .cc_pic .ccp_wrap {left:45px;}
#contents .c_change .cc_content p {margin-top:40px;}
#contents .c_change .cc_box.t2 .cc_content p:nth-child(2) {margin-top:70px;}
#contents .c_result .cr_content {height:auto; margin-top:-173px;}
#contents .c_result .cr_content .c_title {margin-bottom:10px;}
#contents .c_result .cr_content .c_txt {margin-top:25px;}
#contents .c_support .cs_btn {margin-top:45px;}
#contents .c_reward .cr_content .crc_sopsor {height:78px;}
#contents .c_event .ce_content {margin-top:20px;}
#contents .c_event .ce_content p {margin-top:40px;}
#contents .c_event .ce_content ul {margin-top:40px;}
#contents .c_event .ce_content .btn {margin-top:90px;}
#contents .c_faq .cf_list:before {top:-90px; font-size:110px; line-height:120px; letter-spacing:-10px;}
#contents .c_faq .cf_list mark {top:20px; width:40px; font-size:22px; line-height:40px;}
#contents .c_faq .cf_list .cfl_head {padding:25px; padding-left:60px; padding-right:40px; font-size:20px; line-height:30px; letter-spacing:-1.3px;}
#contents .c_faq .cf_list .cfl_body {padding:25px; padding-left:60px;}
#contents .c_faq .cf_list .cfl_body .cfl_txt {font-size:17px; line-height:35px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul {width:calc(100% + 30px); padding:0;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box {width:calc(100% - 30px);}
}





@media all and (max-width:1280px) {
.height {min-height:550px;}
.wrap {width:90%;}

/* 팝업 */
#pop .p_wrap {left:30px; right:30px; width:auto; margin-left:0;}

/* 콘텐츠 */
#contents .c_case {padding:120px 0; padding-bottom:80px;}
#contents .c_case .btn {min-width:250px; padding:0 25px; border-radius:25px; font-size:21px; line-height:50px;}
#contents .c_case .btn i {right:20px; width:18px; margin-top:-9px;}
#contents .c_case .btn:hover i {right:16px;}
#contents .c_title {font-size:45px; line-height:60px; letter-spacing:-1px;}
#contents .c_title.t1 {font-size:30px; line-height:45px;}
#contents .c_title span {display:inline-block;}
#contents .c_title > span {width:100%;}
#contents .c_txt {font-size:18px; line-height:28px; letter-spacing:-0.8px;}
#contents .c_txt.t1 {line-height:30px;}
#contents .c_txt.t1 .small {font-size:16px;}
#contents .c_txt.t2 {font-size:16px; line-height:26px;}
#contents .c_txt.t3 {font-size:22px; line-height:38px;}
#contents .c_txt.t4 {font-size:16px; line-height:30px;}
#contents .c_txt.t5 {font-size:16px; line-height:33px;}
#contents .c_hero .ch_title {width:415px;}
#contents .c_hero .c_txt {margin-top:20px; padding-left:10px; line-height:40px;}
#contents .c_change .cc_content {padding-left:40px; padding-top:50px;}
#contents .c_change .cc_box.t1 .cc_content {padding-top:150px;}
#contents .c_change .cc_box.t2 .cc_content {padding-top:100px;}
#contents .c_change .cc_box .cc_pic {padding-right:40px;}
#contents .c_change .cc_box.t1 .cc_pic {padding-left:40px;}
#contents .c_change .cc_pic .ccp_wrap {right:40px;}
#contents .c_change .cc_box.t1 .cc_pic .ccp_wrap {left:40px;}
#contents .c_result .cr_pictures .crp_pic.t1 {left:1.5%; width:16%;}
#contents .c_result .cr_pictures .crp_pic.t2 {left:41%; width:18%;}
#contents .c_result .cr_pictures .crp_pic.t3 {right:3.5%; top:12%; width:11.5%;}
#contents .c_result .cr_pictures .crp_pic.t4 {width:27%;}
#contents .c_result .cr_pictures .crp_pic.t5 {right:6.5%; width:23%;}
#contents .c_support .cs_list ul li .csl_box {width:calc(100% - 40px); margin:0 20px;}
#contents .c_support .cs_list ul li .support {right:-15px; bottom:-15px; transform:scale(0.75);}
#contents .c_support .cs_list ul li .support:hover {transform:scale(0.85);}
#contents .c_support .c_txt {margin-top:50px;}
#contents .c_reward .cr_content .crc_sopsor {height:72px;}
#contents .c_reward .cr_content .c_txt {margin-top:30px;}
#contents .c_reward .cr_content .c_txt.t3 {margin-top:45px;}
#contents .c_reward .cr_pic {margin-top:130px;}
#contents .c_reward .cr_pic .crp_box.t2 {margin-top:300px;}
#contents .c_reward .btn {margin-top:60px;}
#contents .c_event {padding-top:80px;}
#contents .c_event .ce_content ul li {padding-left:0;}
#contents .c_event .ce_content ul li strong {display:inline-block; position:relative;}
#contents .c_event .ce_content ul li span {width:100%;}
#contents .c_event .ce_content .btn {margin-top:70px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li {width:50%; padding:0;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(n + 3) {margin-top:30px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box {border-radius:50px;}
}





@media all and (max-width:1024px) {
.wrap {width:100%; padding:0 30px;}
/* 헤더 */
#header .h_logo {left:30px; top:30px;}
#header .h_slogan {right:30px; top:30px;}

/* 사이드 */
#aside .a_support {right:30px; bottom:30px;}
#aside .a_support button {width:160px; font-size:22px; line-height:35px;}
#aside .a_support span {top:20px;}
#aside .a_support mark {top:60px; width:120px; height:35px; margin-left:-60px;}
#aside .a_support i {width:36px; margin-left:-18px;}

#aside.on .a_support button {width:100px;}
#aside.on .a_support mark {top:29px; font-size:18px;}
#aside.on .a_support button i {bottom:13px; width:30px; margin-left:-15px;}

/* 콘텐츠 */
#contents .c_title {font-size:37px; line-height:52px;}
#contents .c_txt.t3 {font-size:20px; line-height:35px;}
#contents .c_hero .ch_bg {background-position:70% center;}
#contents .c_hero .ch_wrap {left:30px; margin-top:-200px;}
#contents .c_hero .ch_title {width:373px;}
#contents .c_hero .ch_scroll {bottom:30px;}
#contents .c_hero .c_txt {line-height:38px;}
#contents .c_change .cc_content {padding-left:20px; padding-top:40px;}
#contents .c_change .cc_box.t1 .cc_content {padding-top:100px;}
#contents .c_change .cc_box.t2 .cc_content {padding-top:70px;}
#contents .c_change .cc_content p {margin-top:30px;}
#contents .c_change .cc_box {padding-bottom:80px;}
#contents .c_change .cc_box .cc_pic {padding-right:20px;}
#contents .c_change .cc_box.t1 .cc_pic {padding-left:20px;}
#contents .c_change .cc_pic .ccp_wrap {right:20px; border-radius:15px;}
#contents .c_change .cc_box.t1 .cc_pic .ccp_wrap {left:20px;}
#contents .c_change .cc_box:nth-child(1) .wrap {padding:0 30px;}
#contents .c_change .cc_box.t2 .cc_content p:nth-child(2) {margin-top:50px;}
#contents .c_change .cc_content p br {display:none;}
#contents .c_result .cr_pictures .crp_pic.t1 {width:22%; top:7%;}
#contents .c_result .cr_pictures .crp_pic.t2 {left:37.5%; width:25%;}
#contents .c_result .cr_pictures .crp_pic.t3 {top:10%; width:15%;}
#contents .c_result .cr_pictures .crp_pic.t4 {bottom:10%; width:30%;}
#contents .c_result .cr_pictures .crp_pic.t5 {bottom:6%; width:26%;}
#contents .c_youtube {height:600px !important;}
#contents .c_youtube .cy_list li .cyl_box .cyl_icon {transform:scale(0.7);}
#contents .c_youtube .cy_list li .cyl_box .cyl_txt {left:25px; right:0; bottom:25px;}
#contents .c_youtube .cy_list li .cyl_box.t2 .cyl_txt {left:20px; right:20px;}
#contents .c_youtube .cy_list li .cyl_box .cyl_txt p {font-size:15px;}
#contents .c_support {overflow:hidden;}
#contents .c_support .cs_list {width:320px; margin-left:0; margin-top:30px;}
#contents .c_support .cs_list.pc {display:none;}
#contents .c_support .cs_list.mo {display:inline-block;}
#contents .c_support .cs_list ul li {width:100%;}
#contents .c_support .cs_list ul li .csl_box {width:100%; margin:0;}
#contents .c_support .cs_list .owl-dots {display:inline-block; position:relative; width:100%; margin-top:15px; white-space:nowrap;}
#contents .c_support .cs_list .owl-dot {display:inline-block; position:relative; margin:11px 6px; box-sizing:border-box; width:8px; height:8px; border-radius:4px; border:#fff solid 1px; background-color:transparent; transition:0.3s;}
#contents .c_support .cs_list .owl-dot:before {content:""; position:absolute; left:-6px; right:-6px; top:-11px; bottom:-11px;}
#contents .c_support .cs_list .owl-dot.active {background-color:#fff; width:18px;}
#contents .c_support .cs_list .owl-dot:hover {background-color:#fff;}
#contents .c_support .cs_list .owl-nav {display:inline-block; vertical-align:middle; position:absolute; left:50%; bottom:8px; width:130px; height:16px; margin-left:-65px; pointer-events:none;}
#contents .c_support .cs_list .owl-nav > div {position:absolute; top:0; bottom:0; z-index:10; width:12px; height:12px; border-right:#fff solid 2px; border-top:#fff solid 2px; font-size:0; pointer-events:auto; cursor:pointer; opacity:0.5;}
#contents .c_support .cs_list .owl-nav > div:before {content:""; position:absolute; left:-10px; right:-10px; top:-10px; bottom:-10px; transform:rotate(45deg);}
#contents .c_support .cs_list .owl-nav > div:hover {opacity:1;}
#contents .c_support .cs_list .owl-nav .owl-prev {left:0; transform:rotate(-135deg);}
#contents .c_support .cs_list .owl-nav .owl-next {right:0; transform:rotate(45deg);}
#contents .c_support .owl-carousel .owl-stage-outer {overflow:visible;}
#contents .c_support .c_txt {margin-top:40px;}
#contents .c_support .c_txt mark:before {left:0; bottom:0; height:2px;}
#contents .c_support .c_txt.type1 mark:before,
#contents .c_support .c_txt.type2 mark:before,
#contents .c_support .c_txt.type3 mark:before {width:100%;}
#contents .c_support .c_txt mark > span {top:-5px;}
#contents .c_support .cs_btn {margin-top:30px;}
#contents .c_reward .cr_content .crc_sopsor {height:57px;}
#contents .c_reward .cr_pic .crp_box {border-radius:15px;}
#contents .c_reward .cr_pic .crp_box.t1 {border-radius:0 15px 15px 0; top:-200px;}
#contents .c_reward .cr_pic .crp_box.t2 {width:26%; margin-left:30px; margin-top:170px;}
#contents .c_reward .cr_pic .crp_box.t3 {width:29%; margin-left:6%;}
#contents .c_reward .cr_pic .crp_box.t4 {float:right; margin-left:0; margin-right:30px;}
#contents .c_faq .cf_list {margin-top:50px;}
}





@media all and (max-width:768px) {
.height {min-height:500px;}
.decoline.t2 {margin-right:100%;}


/* 헤더 */
#header.youtubeon {opacity:0; pointer-events:none;}
#header .h_slogan {display:none;}

/* 사이드 */
#aside.youtubeon {opacity:0; pointer-events:none;}
#aside .a_support {right:30px; bottom:30px;}

/* 팝업 */
#pop .p_wrap {top:70px;}
#pop .p_close {top:-50px; width:30px; margin-left:-15px;}
#pop .p_close i {width:20px; margin-left:-10px; margin-top:-10px;}
#pop .p_close i:before {height:2px; margin-top:-1px;}
#pop .p_close i:after {width:2px; margin-left:-1px;}

/* 콘텐츠 */
#contents .c_case {padding:100px 0; padding-bottom:80px;}
#contents .c_case .btn {min-width:210px; padding:0 20px; font-size:18px; line-height:45px;}
#contents .c_case .btn i {width:16px; margin-top:-8px;}
#contents .c_title {font-size:36px; letter-spacing:-0.8px;}
#contents .c_hero {max-height:100%;}
#contents .c_hero .ch_bg {background-image:none; transform:scale(1) !important;}
#contents .c_hero .ch_bg:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; height:100%; min-height:140vw; padding:0; background-image:url("../images/bg_hero_m.jpg"); background-repeat:no-repeat; background-size:cover;  background-position:50% 100%;}
#contents .c_hero .ch_wrap {left:0; right:0; top:100px; bottom:auto; width:100%; margin-top:0; margin-left:0; text-align:center;}
#contents .c_hero .ch_scroll {opacity:1 !important;}
#contents .c_hero .ch_pc {display:none;}
#contents .c_hero .ch_mo {display:inline-block;}
#contents .c_hero .ch_title {width:300px; margin-top:15px;}
#contents .c_hero .ch_title:before {display:none;}
#contents .c_hero .ch_title img[src*="/title_hero_death.png"] {content:url(../images/title_hero_death_m.png);}
#contents .c_hero .ch_title img[src*="/title_hero_line.png"] {content:url(../images/title_hero_line_m.png);}
#contents .c_hero .ch_title img[src*="/title_hero_life.png"] {content:url(../images/title_hero_life_m.png);}
#contents .c_hero .ch_title img[src*="/title_hero_refresh01.png"] {content:url(../images/title_hero_refresh01_m.png);}
#contents .c_hero .ch_title img[src*="/title_hero_refresh02.png"] {content:url(../images/title_hero_refresh02_m.png);}
#contents .c_hero .ch_title img[src*="/title_hero_emty.png"] {content:url(../images/title_hero_emty_m.png);}
#contents .c_reason .cr_bg {transition:0.7s;}
#contents .c_reason .cr_bg > div {background-image:url("../images/bg_reason_m.jpg");}
#contents .c_change .cc_pic,
#contents .c_change .cc_content {width:100%;}
#contents .c_change .cc_content {padding-left:0; padding-top:40px !important;}
#contents .c_change .cc_box {padding-bottom:150px;}
#contents .c_change .cc_box:last-child {padding-bottom:80px;}
#contents .c_change .cc_box:nth-child(1):before,
#contents .c_change .cc_box:nth-child(2):before {content:""; position:absolute; left:30px; right:30px; bottom:75px; height:1px; background-color:#fff; opacity:0.3;}
#contents .c_change .cc_box:nth-child(2):before {opacity:0.1;}
#contents .c_change .cc_box .cc_pic {padding-right:0;}
#contents .c_change .cc_box.t1 .cc_pic {padding-left:0;}
#contents .c_change .cc_pic .ccp_wrap {right:0;}
#contents .c_change .cc_box.t1 .cc_pic .ccp_wrap {left:0;}
#contents .c_change .cc_content .ccc_br {display:block;}
#contents .c_change .cc_box:last-child:before {left:50%; top:-400px; width:800px; margin-left:-400px;}
#contents .c_change .cc_box:last-child:after {top:200px;}
#contents .c_result .wrap {min-height:123.69vw;}
#contents .c_result .cr_content {margin-top:-158px;}
#contents .c_result .cr_pictures .crp_pic.t1 {left:0; width:29%;}
#contents .c_result .cr_pictures .crp_pic.t2 {left:35%; width:30%}
#contents .c_result .cr_pictures .crp_pic.t3 {width:22%}
#contents .c_result .cr_pictures .crp_pic.t4 {width:40%}
#contents .c_result .cr_pictures .crp_pic.t5 {right:3.5%; width:38%;}
#contents .c_reward .cr_content .crc_sopsor {height:45px;}
#contents .c_reward .cr_content .c_txt {margin-top:25px;}
#contents .c_reward .cr_content .c_txt.t3 {margin-top:35px;}
#contents .c_reward .btn {margin-top:45px;}
#contents .c_reward .cr_pic {margin-top:50px;}
#contents .c_reward .cr_pic .crp_box.t1 {position:relative; top:0; width:60%;}
#contents .c_reward .cr_pic .crp_box.t2 {width:calc(40% - 50px); margin-left:20px; margin-right:30px; margin-top:70px;}
#contents .c_reward .cr_pic .crp_box.t3 {width:45%; margin-left:30px;}
#contents .c_reward .cr_pic .crp_box.t4 {width:calc(55% - 80px); margin-top:20px;}
#contents .c_reward .cr_pic .crp_deco {display:none;}
#contents .c_youtube {overflow:hidden; height:auto !important; background-color:#0f0f0f;}
#contents .c_youtube .owl-carousel .owl-stage-outer {overflow:visible;}
#contents .c_youtube .cy_list {position:relative; box-sizing:border-box; width:100%; padding:0 30px; margin-top:40px; margin-bottom:25px;}
#contents .c_youtube .cy_list ul {position:relative; width:320px;}
#contents .c_youtube .cy_list ul.pc {display:none;}
#contents .c_youtube .cy_list ul.mo {display:inline-block;}
#contents .c_youtube .cy_list li {overflow:hidden; width:100%; isolation: isolate; border-radius:20px; aspect-ratio:9/16;}
#contents .c_youtube .cy_list .owl-dots {display:inline-block; position:relative; position:absolute; left:0; right:0; margin-top:15px; white-space:nowrap;}
#contents .c_youtube .cy_list .owl-dot {display:inline-block; position:relative; margin:11px 6px; box-sizing:border-box; width:8px; height:8px; border-radius:4px; border:#fff solid 1px; background-color:transparent; transition:0.3s;}
#contents .c_youtube .cy_list .owl-dot:before {content:""; position:absolute; left:-6px; right:-6px; top:-11px; bottom:-11px;}
#contents .c_youtube .cy_list .owl-dot.active {background-color:#fff; width:18px;}
#contents .c_youtube .cy_list .owl-dot:hover {background-color:#fff;}
#contents .c_youtube .cy_list .owl-nav {display:inline-block; vertical-align:middle; position:absolute; left:50%; bottom:-38px; width:130px; height:16px; margin-left:-65px; pointer-events:none;}
#contents .c_youtube .cy_list .owl-nav > div {position:absolute; top:0; bottom:0; z-index:10; width:12px; height:12px; border-right:#fff solid 2px; border-top:#fff solid 2px; font-size:0; pointer-events:auto; cursor:pointer; opacity:0.5;}
#contents .c_youtube .cy_list .owl-nav > div:before {content:""; position:absolute; left:-10px; right:-10px; top:-10px; bottom:-10px; transform:rotate(45deg);}
#contents .c_youtube .cy_list .owl-nav > div:hover {opacity:1;}
#contents .c_youtube .cy_list .owl-nav .owl-prev {left:0; transform:rotate(-135deg);}
#contents .c_youtube .cy_list .owl-nav .owl-next {right:0; transform:rotate(45deg);}
#contents .c_youtube .isMobile {display:inline-block;}
#contents .c_youtube .isPC {display:none;}
#contents .c_youtube .cy_pop {position:fixed; left:0 !important; z-index:9999; width:100% !important;}
#contents .c_youtube .cy_pop i.cyp_close {display:inline-block; vertical-align:middle; position:absolute; right:20px; top:40px; z-index:100; width:50px; height:50px; border-radius:2px; background-color:currentColor; color:transparent;}
#contents .c_youtube .cy_pop i.cyp_close:before {content:""; position:absolute; left:0; top:0; width:100%; height:2px; border-radius:2px; background-color:#fff; transform:rotate(-45deg);}
#contents .c_youtube .cy_pop i.cyp_close:after {content:"";position:absolute; right:0; top:0; width:100%; height:2px; border-radius:2px;background-color:#fff; transform:rotate(45deg);}
#contents .c_youtube .cy_pop i.cyp_close i {position:absolute; left:-20px; right:-20px; top:-40px; bottom:0;}
#contents .c_event .ce_content {float:none; width:100%; margin-top:0;}
#contents .c_event .ce_content p {margin-top:30px;}
#contents .c_event .btn {margin-top:25px;}
#contents .c_event .c_txt.t3 {position:relative;}
#contents .c_event .c_txt.t3:after {content:""; display:inline-block; width:100%; margin-bottom:20px; aspect-ratio:3/2;}
#contents .c_event .ce_pic {position:absolute; left:30px; right:30px; top:180px; width:auto;}
#contents .c_event .ce_pic .item {display:inline-block; width:100%; aspect-ratio:3/2;}
#contents .c_event .ce_pic .cep_pic {position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0; background-image:url("../images/pic_section07_1.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover; filter:blur(17px);}
#contents .c_event .ce_pic .item.t1 .cep_pic {background-image:url("../images/pic_event01.jpg");}
#contents .c_event .ce_pic .item.t2 .cep_pic {background-image:url("../images/pic_event02.jpg");}
#contents .c_event .ce_pic .item.t3 .cep_pic {background-image:url("../images/pic_event03.jpg");}
#contents .c_event .ce_pic .cep_small {display:inline-block; position:absolute; left:50%; top:0; bottom:0; z-index:1; background-repeat:no-repeat; background-position:center; background-size:cover; transform:translateX(-50%); aspect-ratio:1/1;}
#contents .c_event .ce_pic .item.t1 .cep_small {background-image:url("../images/pic_event01.jpg");}
#contents .c_event .ce_pic .item.t2 .cep_small {background-image:url("../images/pic_event02.jpg");}
#contents .c_event .ce_pic .item.t3 .cep_small {background-image:url("../images/pic_event03.jpg");}
#contents .c_event .ce_content ul li {padding-left:120px;}
#contents .c_event .ce_content ul li strong {position:absolute;}
#contents .c_event .ce_content .cec_btnwrap {text-align:center;}
#contents .c_faq .cf_list .cfl_head {font-size:18px;}
#contents .c_faq .cf_list:before {top:-65px; font-size:75px; line-height:85px; letter-spacing:-8px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul {width:100%;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li {width:100%;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box {width:100%;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(n + 2) {margin-top:25px;}
}





@media all and (max-width:700px) {
/* 사이드 */
#aside .a_support {left:10px; right:10px; bottom:10px; width:calc(100% - 20px); max-width:100% !important; padding:0; transform:rotate(0);}
#aside .a_support button:hover  {transform:scale(1);}
#aside .a_support button {overflow:hidden; width:100% !important; padding:0; height:60px !important; background-color:#005eb8; border-radius:0;}
#aside .a_support button::before {border-radius:0;}
#aside .a_support button span,
#aside .a_support button mark {position:relative !important; left:auto; right:auto; top:auto !important; bottom:auto; display:inline; margin-left:0 !important; width:auto !important; font-size:20px !important; line-height:60px !important; color:#fff !important; letter-spacing:-0.5px;}
#aside .a_support button mark:before {display:none;}
#aside .a_support i {display:inline-block; vertical-align:middle; position:relative; left:auto; top:0 !important; bottom:auto !important; width:25px !important; height:25px; margin-left:4px !important;}

#contents .c_hero .ch_bg:before {min-height:150vw;}
#contents .c_hero .ch_scroll {bottom:100px;}
}




@media all and (max-width:540px) {
/* 사이드 */
#aside .a_support button {height:50px !important;}
#aside .a_support button span,
#aside .a_support button mark {line-height:50px !important;}

/* 콘텐츠 */
#contents .c_title {font-size:35px; line-height:48px;}
#contents .c_title.t1 {font-size:25px; line-height:40px;}
#contents .c_hero .ch_bg:before {min-height:198vw;}
#contents .c_hero .ch_scroll {bottom:90px;}
#contents .c_change .cc_content .ccc_br {display:none;}
#contents .c_result .height {height:auto !important; min-height:auto !important;}
#contents .c_result .cr_wrap {padding:45vw 0;}
#contents .c_result .cr_content .c_title span {display:inline;}
#contents .c_result .cr_content {position:relative; top:auto; margin-top:0;}
#contents .c_result .cr_pictures .crp_pic.t1 {left:-20px; top:7%; width:32%;}
#contents .c_result .cr_pictures .crp_pic.t2 {left:32%; top:3%; width:36%;}
#contents .c_result .cr_pictures .crp_pic.t3 {right:-10px; top:5%; width:27%;}
#contents .c_result .cr_pictures .crp_pic.t4 {bottom:5%; width:45%;}
#contents .c_result .cr_pictures .crp_pic.t5 {right:0; bottom:2%; width:40%;}
#contents .c_reward .cr_content .c_txt.t3 span {display:inline;}
#contents .c_reward .cr_content .c_txt.t3 mark span {display:inline-block;}
#contents .c_support .c_txt.t1 > span:last-child span {display:inline;}
#contents .c_event .ce_content ul li {padding-left:110px;}
#contents .c_event .ce_content ul li strong {width:90px;}
#contents .c_event .ce_content .btn {margin-top:50px;}
#contents .c_faq .cf_list .cfl_head:before {top:33px; margin-top:0;}
#contents .c_faq .cf_list .cfl_head.on:before {top:39px; margin-top:0;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box {padding:30px 0;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box i {width:50px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(2) .cfl_box i {background-position:0 -50px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(3) .cfl_box i {background-position:0 -100px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(4) .cfl_box i {background-position:0 -150px;}
}





@media all and (max-width:425px) {
/* 컨텐츠 */
#contents .c_case {padding:80px 0; padding-bottom:60px;}
#contents .c_title {font-size:30px; line-height:45px;}
#contents .c_txt {font-size:17px; line-height:27px;}
#contents .c_txt.t2 {font-size:14px; line-height:24px;}
#contents .c_txt.t3 {font-size:17px; line-height:32px;}
#contents .c_txt.t4 {font-size:14px; line-height:28px;}
#contents .c_txt.t5 {font-size:14px; line-height:30px;}
#contents .c_hero .ch_title {width:80%;}
#contents .c_hero .c_txt {line-height:34px;}
#contents .c_change .cc_box {padding-bottom:100px;}
#contents .c_change .cc_box:nth-child(1):before,
#contents .c_change .cc_box:nth-child(2):before {bottom:50px;}
#contents .c_change .cc_box.t2 .cc_content p:nth-child(2) {margin-top:40px;}
#contents .c_result .cr_pictures .crp_pic {border-radius:10px !important;}
#contents .c_result .cr_content .c_txt br {display:none;}
#contents .c_reward .cr_pic .crp_box {border-radius:10px}
#contents .c_reward .cr_pic .crp_box.t1 {border-radius:0 10px 10px 0;}
#contents .c_reward .cr_pic .crp_box.t2 {width:calc(40% - 45px); margin-left:15px; margin-right:30px; margin-top:60px;}
#contents .c_reward .cr_pic .crp_box.t3 {margin-left:30px;}
#contents .c_reward .cr_pic .crp_box.t4 {min-width:calc(55% - 75px); margin-right:30px; margin-top:15px;}
#contents .c_support .c_txt.t1 {margin-top:20px;}
#contents .c_support .c_txt > span > span {display:inline;}
#contents .c_support .cs_list {width:260px;}
#contents .c_support .cs_list ul li .csl_content strong {min-height:74px; font-size:27px; line-height:37px;}
#contents .c_support .cs_list ul li .csl_content p {font-size:14px; line-height:24px;}
#contents .c_support .cs_list ul li .support {right:-20px; bottom:-20px; transform:scale(0.65);}
#contents .c_support .cs_list ul li .support:hover {transform:scale(0.75);}
#contents .c_support .c_txt mark:before {bottom:-1px;}
#contents .c_youtube .cy_list ul {width:240px;}
#contents .c_event .c_txt.t3:after {aspect-ratio:1/1;}
#contents .c_event .ce_content ul li {padding-left:0; padding-top:30px;}
#contents .c_event .ce_content ul li + li {margin-top:10px;}
#contents .c_event .ce_content p {margin-top:20px;}
#contents .c_event .ce_pic {top:155px;}
#contents .c_event .ce_pic .item {aspect-ratio:1/1;}
#contents .c_event .ce_pic .cep_pic {filter:none}
#contents .c_event .ce_pic .cep_small {display:none;}
#contents .c_event .ce_content ul {margin-top:25px;}
#contents .c_event .ce_pic .owl-dots {bottom:5px;}
#contents .c_event .ce_content ul li mark {margin-top:20px; font-size:14px; line-height:24px;}
#contents .c_faq .cf_list {margin-top:40px;}
#contents .c_faq .cf_list > ul > li {padding:0 15px; border-radius:15px;}
#contents .c_faq .cf_list mark {top:15px; width:30px; font-size:18px; line-height:30px;}
#contents .c_faq .cf_list .cfl_head {padding:15px; font-size:17px; padding-left:45px; padding-right:30px;}
#contents .c_faq .cf_list .cfl_head:before {right:15px; top:23px;}
#contents .c_faq .cf_list .cfl_head.on:before {top:29px;}
#contents .c_faq .cf_list .cfl_body {padding:15px; padding-left:45px;}
#contents .c_faq .cf_list .cfl_body .cfl_txt {font-size:16px; line-height:30px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(n + 2) {margin-top:20px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box {border-radius:30px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box li {font-size:13px; line-height:28px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li .cfl_box i {width:40px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(2) .cfl_box i {background-position:0 -40px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(3) .cfl_box i {background-position:0 -80px;}
#contents .c_faq .cf_list .cfl_body .cfl_list > ul > li:nth-child(4) .cfl_box i {background-position:0 -120px;}
}





@media all and (max-width:339px) {
.wrap {padding:0 25px;}
/* 헤더 */
#header .h_logo {left:25px; top:25px;}
#header .h_slogan {right:25px; top:25px;}

/* 콘텐츠 */
#contents .c_title {font-size:29px; line-height:44px;}
#contents .c_title.t1 {font-size:24px; line-height:39px;}
#contents .c_txt {font-size:16px;}
#contents .c_txt.t3 {font-size:16px;}
#contents .c_reward .cr_content .crc_sopsor {height:39px;}
#contents .c_reward .cr_pic .crp_box.t2 {width:calc(40% - 40px); margin-left:15px; margin-right:25px;}
#contents .c_reward .cr_pic .crp_box.t3 {margin-left:25px;}
#contents .c_reward .cr_pic .crp_box.t4 {min-width:calc(55% - 65px); margin-right:25px; margin-top:15px;}
}
/* 사이드 */
#aside {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; bottom:0; z-index:9; word-break:keep-all; transition:0.1s; -webkit-transition:0.1s;}
#aside .a_support_v2 {display:inline-block; vertical-align:middle; position:absolute; right:70px; bottom:70px; transition:0.3s; -webkit-transition:0.1s;}
#aside .a_support_v2 button {display:inline-block; vertical-align:middle; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; width:230px; border-radius:0%; background:url('http://www.compassion.or.kr/upload/2025/04/mosery_cta_bg.png');  background-repeat: no-repeat; background-size:100%; background-position:center;transform:scale(1); font-size:26px; font-weight:900; color:#fff; letter-spacing:-0.5px; line-height:50px; transition:0.1s; -webkit-transition:0.1s; aspect-ratio:1/1;}
#aside .a_support_v2 button:hover {transform:scale(1.1);}
#aside .a_support_v2 mark {display:inline-block; vertical-align:middle; position:absolute; left:35%; top:76%; z-index:1; width:220px; height:50px; margin-left:-80px; color:#fff; white-space:nowrap; transition:0;}
#aside .a_support_v2 mark:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0;  z-index:-1; background-color:#005eb8; border-radius:25px; transition:0;}
#aside .a_support_v2 span {display:none;width:120px;overflow:hidden; text-overflow: ellipsis; vertical-align:middle; position:absolute; left:0px; right:0px; top:150px; white-space:nowrap; transition:0s; -webkit-transition:0s;opacity:0;}
/* on */
#aside.on .a_support_v2 button {width:120px;}
#aside.on .a_support_v2 button:after {top:18px; width:20px; height:20px; margin-left:-10px;}
#aside.on .a_support_v2 mark:before {background-color:transparent; color:transparent; transition:0s;}
#aside.on .a_support_v2 mark {position:absolute; top:35px; height:20px; width:100px; margin-left:-50px; font-size:22px; font-weight:900; line-height:20px;  color:#fff;  opacity:0;}
#aside.on .a_support_v2 button i {bottom:20px; width:32px; margin-left:-16px;}
#aside.on .a_support_v2 span {display:inline-block;top:55px; font-size:22px; color:#fff; transition:0s;opacity:1;}
#aside.off {opacity:0 !important; pointer-events:none !important;}


@media all and (max-width:1600px) {
/* 사이드 */
	#aside .a_support_v2 {right:50px; bottom:50px;}
}

@media all and (max-width:1440px) {
/* 사이드 */
	#aside .a_support_v2 {right:40px; bottom:40px;}
}

@media all and (max-width:1024px) {
/* 사이드 */
	#aside .a_support_v2 {right:40px; bottom:40px;}
	#aside .a_support_v2 button {width:160px; font-size:22px; line-height:35px;}
	#aside .a_support_v2 span {top:20px;}
	#aside .a_support_v2 mark {top:60px; width:120px; height:35px; margin-left:-60px;}
	#aside .a_support_v2 i {width:36px; margin-left:-18px;}
	#aside.on .a_support_v2 button {width:100px;}
	#aside.on .a_support_v2 mark {top:29px; font-size:18px;}
	#aside.on .a_support_v2 button i {bottom:13px; width:30px; margin-left:-15px;}
}

@media all and (max-width:1020px) {
/* 사이드 */
	#aside .a_support_v2 {left:10px; right:10px; bottom:10px; width:calc(100% - 20px); max-width:100% !important; padding:0; transform:rotate(0);}
	#aside .a_support_v2 button:hover  {transform:scale(1);}
	#aside .a_support_v2 button {overflow:hidden; width:100% !important; padding:0; background:url('http://www.compassion.or.kr/upload/2025/04/mosery_cta_v2.1_mo.png');  background-position:center;background-size:60%; background-repeat: no-repeat;  background-position:50% 100%; background-color:transparent; border-radius:0;}
	#aside .a_support_v2 button {height:120px !important;}
	#aside .a_support_v2 button::before {border-radius:0;}
	#aside .a_support_v2 button span {display:none;}
	#aside.on .a_support_v2 span {display:none;}
	#aside .a_support_v2 button mark {display:none;}

}

@media all and (max-width:900px) {
/* 사이드 */
	#aside .a_support_v2 {left:10px; right:10px; bottom:10px; width:calc(100% - 20px); max-width:100% !important; padding:0; transform:rotate(0);}
	#aside .a_support_v2 button:hover  {transform:scale(1);}
	#aside .a_support_v2 button {overflow:hidden; width:100% !important; padding:0; background:url('http://www.compassion.or.kr/upload/2025/04/mosery_cta_v2.1_mo.png');  background-position:center;background-size:70%; background-repeat: no-repeat;  background-position:50% 100%; background-color:transparent; border-radius:0;}
	#aside .a_support_v2 button {height:120px !important;}
	#aside .a_support_v2 button::before {border-radius:0;}
	#aside .a_support_v2 button span {display:none;}
	#aside.on .a_support_v2 span {display:none;}
	#aside .a_support_v2 button mark {display:none;}

}

@media all and (max-width:440px) {
/* 사이드 */
	#aside .a_support_v2 button {overflow:hidden; width:100% !important; padding:0; background:url('http://www.compassion.or.kr/upload/2025/04/mosery_cta_v2.1_mo.png');  background-position:center;background-size:93%; background-repeat: no-repeat;  background-position:50% 130%; background-color:transparent; border-radius:0;}
	#aside .a_support_v2 button {height:80px !important;}
	#aside .a_support_v2 button span{display:none;}
	#aside .a_support_v2 button mark {display:none;line-height:50px !important;}
	#aside.on .a_support_v2 mark {display:none;position:absolute; top:35px; height:20px; width:100px; margin-left:-50px; font-size:22px; font-weight:900; line-height:20px;  color:#fff;  opacity:0;}

}