@charset "utf-8";
/* CSS Document */
:root {--CompassionCoreBlue:#2A5EEC; --CompassionHighBlue:#AABFF7; --CompassionMidBlue:#6A8EF2; --CompassionLowBlue:#1D42A5; --CompassionDarkBlue:#11265E; --CompassionHightGray:#D2D5DF; --CompassionMidGray:#7C8399; --CompassionLowGray:#494F61; --CompassionPureWhite:#fff; --CompassionHeighEggshell:#FCF8F4; --CompassionMidEggshell:#F7F0EB; --CompassionLowEggshell:#EAE4DF;}
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*/
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
html,
body {background-color:var(--CompassionHeighEggshell); overflow:hidden;}
html::-webkit-scrollbar {display: none; width:10px;}
html::-webkit-scrollbar-thumb {background-color:var(--CompassionCoreBlue); border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
html::-webkit-scrollbar-thumb:hover {background-color:var(--CompassionCoreBlue);}
html::-webkit-scrollbar-track {background-color:var(--CompassionPureWhite);}


body.open {overflow:hidden;}

/* 영역구분 */
#wrap {position:relative; width:100%; overflow:auto; background-color:var(--CompassionHeighEggshell); margin:0 auto; text-align:center;}
/* 컬러 */
.cm {color:var(--CompassionCoreBlue) !important;}
.cs {color:#fec70c !important;}
.cr {color:#c93131 !important;}
.cg {color:#121A1A !important; opacity:0.4;}
.ch {color:#121A1A !important; opacity:0.5;}
.cj {color:#121A1A !important; opacity:0.7;}
.ct {color:var(--CompassionCoreBlue) !important;}
.cw {color:var(--CompassionPureWhite) !important;}
.cb {color:#121A1A !important;}
.cq {color:#19345b !important;}
.ce {color:#003c71 !important;}
.cmg {color:var(--CompassionMidGray) !important; opacity:0.5;}

.w100p {width:100%;}
.op0 {opacity:0 !important;}

.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;}
.exbold {font-weight:800 !important;}
.black {font-weight:900 !important;}

.font {font-family:"Gotham";}
/*.font2 {font-family:"SBAggro";}*/


.title {display:inline-block; font-size:30px; line-height:40px; word-break:keep-all; letter-spacing:-0.5px;}
.title.t1 {font-size:40px; line-height:50px;}
.title.t2 {font-size:60px; line-height:70px;}
.title.t3 {font-size:110px; line-height:110px;}
.title.t4 {font-size:25px; line-height:35px}
.title.t5 {font-size:35px;}
.title span {display:inline-block; width:100%;}

.txt {display:inline-block; font-size:18px; line-height:30px; letter-spacing:-0.5px; word-break:keep-all;}
.txt.huge {font-size:25px; line-height:40px; letter-spacing:-1px;}
.txt.big {font-size:20px; line-height:30px;}
.txt.big.t1 {font-size:20px; line-height:30px;}
.txt.normal {font-size:16px; line-height:25px;}
.txt.mini {font-size:14px; line-height:25px;}
.txt.mini.t1 {line-height:25px;}
.txt.mini.t2 {line-height:20px;}
.txt.small {font-size:12px; line-height:25px;}
.txt.small.t1 {line-height:20px;}
.txt span {display:inline-block; width:100%;}

.fade {position:relative; opacity:0; transition:0.3s;}
.fade.f_left {margin-right:-50px;}
.fade.f_right {margin-left:-50px;}
.fade.f_up {margin-bottom:-50px;}
.fade.f_delay03 {transition-delay:0.3s !important;}
.fade.f_delay06 {transition-delay:0.6s !important;}
.fade.f_delay09 {transition-delay:0.9s !important;}
.fade.f_delay12 {transition-delay:1.2s !important;}
.fade.f_delay15 {transition-delay:1.5s !important;}
.fade.f_delay18 {transition-delay:1.8s !important;}

section.on .fade,
.popup.on .fade {opacity:1;}
section.on .fade.f_left,
.popup.on .fade.f_left {margin-right:0;}
section.on .fade.f_right,
.popup.on .fade.f_right {margin-left:0;}
section.on .fade.f_up,
.popup.on .fade.f_up {margin-bottom:0;}
section.on .fade.f_scale,
.popup.on .fade.f_scale {animation-name:f_scale; animation:f_scale 0.5s linear forwards 1;}
section.on .fade.f_scale.f_delay03,
.popup.on .fade.f_scale.f_delay03 {animation-delay:0.3s;}
section.on .fade.f_scale.f_delay06,
.popup.on .fade.f_scale.f_delay06 {animation-delay:0.6s;}
section.on .fade.f_scale.f_delay09,
.popup.on .fade.f_scale.f_delay09 {animation-delay:0.9s;}
section.on .fade.f_scale.f_delay12,
.popup.on .fade.f_scale.f_delay12 {animation-delay:1.2s;}
section.on .fade.f_scale.f_delay15,
.popup.on .fade.f_scale.f_delay15 {animation-delay:1.5s;}
section.on .fade.f_scale.f_delay18,
.popup.on .fade.f_scale.f_delay18 {animation-delay:1.8s;}

@keyframes f_scale {from {transform:scale(0.8); opacity:0;} 50% {transform:scale(1.1);} to {transform:scale(1); opacity:1;}}
@keyframes k_scale {from {transform:scale(0.8);} 50% {transform:scale(1.1);} to {transform:scale(1);}}
@keyframes k_scale02 {from {transform:scale(0.8);} 50% {transform:scale(1.3);} to {transform:scale(1);}}

.circle {display:inline-block; position:relative; box-sizing:border-box; border:var(--CompassionPureWhite) solid 3px; width:12px; border-radius:50%; background-color:transparent; aspect-ratio:1/1;}
.circle.cm {border-color:var(--CompassionCoreBlue)}
.circle.cs {border-color:#fec70c}
.circle.mini {width:8px; border-width:2px;}


.pie-chart {position:relative; display:inline-block; z-index:0; width:320px; height:320px;}
.pie-chart.t1 {width:100%; max-width:300px; height:auto; aspect-ratio:1/1;}
.pie-chart.t2 {width:100%; max-width:180px; height:auto; aspect-ratio:1/1; border-radius:50%; background-color:var(--CompassionPureWhite);}
/* .pie-chart {position:relative; display:inline-block; z-index:0; width:320px; height:320px; background-color:var(--CompassionPureWhite); border-radius:50%; transition:0.3s;} */
.pie-chart > img {display:inline-block; width:100%; aspect-ratio:1/1;}
.pie-chart > svg {position:absolute; left:-7px; top:-7px;}
.pie-chart.t1 > svg {position:absolute; left:0; top:0;}
.pie-chart.t2 > svg {position:absolute; left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px);}
.pie-outter {display:block; position:absolute; top:50%; left:50%; z-index:0; width:300px; height:300px; border:rgba(255,255,255, 0.3) solid 1px; background-color:rgba(255,255,255,0.2); backdrop-filter:blur(20px); border-radius:50%; text-align:center; transform:translate(-50%, -50%);}
.pie-chart p {position:absolute; left:0; right:0; top:50%; margin-top:-50px;}
.pie-chart p > span {display:inline-block; position:relative; width:100%; font-size:40px; font-weight:400; line-height:85px;}
.pie-chart p > span > span {display:inline-block; vertical-align:bottom; font-size:70px; font-weight:800; letter-spacing:-1px;}
.pie-chart p > span > mark {position:absolute; font-weight:800;}
.pie-chart strong {display:inline-block; width:100%; font-size:14px; line-height:25px;}

.path {stroke-dasharray: 496; stroke-dashoffset: 496; transform:rotate(-90deg); opacity:0;}
section.on .path {animation: dash 1s linear forwards 1; opacity:1;}
.popup.on .path {animation: dash 1s linear forwards 1; opacity:1;}
.popup.on .pp_wrap.t1 .path {animation: dash2 1s linear forwards 1; opacity:1;}
.popup.on .income .path {animation: dash2 1s linear forwards 1; opacity:1;}
.popup.on .path.t1 {animation: dash3 1s linear forwards 1; opacity:1;}
.popup.on .path.t2 {animation: dash4 1s linear forwards 1; opacity:1;}
.popup.on .path.t3 {animation: dash5 1s linear forwards 1; opacity:1;}
.popup.on .path.t4 {animation: dash6 1s linear forwards 1; opacity:1;}
.popup.on .path.t5 {animation: dash7 1s linear forwards 1; opacity:1;}
.popup.on .path.t6 {animation: dash8 1s linear forwards 1; opacity:1;}
@keyframes dash { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 85; }}
@keyframes dash2 { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 10; }}
@keyframes dash3 { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 50; }}
@keyframes dash4 { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 140; }}
@keyframes dash5 { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 175; }}
@keyframes dash6 { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 240; }}
@keyframes dash7 { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 5; }}
@keyframes dash8 { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 255; }}

/* 헤더 */
#header {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; min-width:320px; z-index:999; transition:0.3s;}
#header div {display:inline-block; vertical-align:middle;}
#header .h_title {position:fixed; left:0; right:0; top:15px; font-size:clamp(10px, 5.4688vw, 105px); font-weight:900; color:var(--CompassionCoreBlue); line-height:120px; letter-spacing:0.031vw; white-space:nowrap; text-align:center; opacity:0; pointer-events:none; transition:0.3s; cursor:pointer;}
#header .h_title span.t1 {color:transparent; -webkit-text-stroke:1px var(--CompassionCoreBlue);}
#header .h_logo {position:fixed; left:50px; top:50px; z-index:3; width:190px; height:70px; transition:0.3s;}
#header .h_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; transition:0.3s;}
#header .h_logo .hl_logo {display:inline-block; width:100%; height:auto; fill:var(--CompassionCoreBlue); fill-rule:evenodd;}
#header .h_menu {position:fixed; right:50px; top:45px; width:70px; z-index:2; font-size:0; line-height:0; aspect-ratio:1/1;}
#header .h_menu .hm_button {position:absolute; left:50%; top:50%; z-index:1; width:40px; height:40px; margin-left:-20px; margin-top:-20px;}
#header .h_menu .hm_button i {position:absolute; left:0; top:50%; right:0; height:4px; background-color:var(--CompassionCoreBlue); border-radius:2px; transition:0.3s;}
#header .h_menu .hm_button i:first-child {transform:translateY(-14px);}
#header .h_menu .hm_button i:nth-child(2) {margin-top:-2px;}
#header .h_menu .hm_button i:last-child {transform:translateY(10px);}
#header .h_menu .hm_wrap {display:inline-block; position:fixed; left:0; right:0; top:0; bottom:0; background-color:var(--CompassionCoreBlue); opacity:0; pointer-events:none; transition:0.3s;}
/* 2025 renewal S */
#header .h_menu .hm_list {position:absolute; left:50px; right:50px; top:50%; box-sizing:border-box; width:auto; margin-left:0; transform:translateY(-50%);}
#header .h_menu .hm_list ul {display:flex; flex-wrap:wrap; justify-content:center; gap:60px; width:100%; max-width:1720px; margin:0 auto;}
#header .h_menu .hm_list ul li {display:inline-block; box-sizing:border-box; width:520px; height:270px; background-color:var(--CompassionHeighEggshell);}
#header .h_menu .hm_list ul li .hml_btn {display:flex; flex-direction:column; box-sizing:border-box; width:100%; height:100%; padding:50px; gap:30px; text-align:left; transition:0.3s;}
#header .h_menu .hm_list ul li .hml_btn .hml_top {display:flex; align-items:center; gap:15px; width:100%;}
#header .h_menu .hm_list ul li .hml_btn .hml_icon {display:inline-block; flex-shrink:0; width:50px; height:50px; background-color:var(--CompassionCoreBlue); border-radius:4px; background-image:url("../images/icon_menu.svg"); background-repeat:no-repeat; background-position:center 0; background-size:50px auto;}
#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -50px;}
#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -100px;}
#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -150px;}
#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -200px;}
#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -250px;}
#header .h_menu .hm_list ul li .hml_btn strong {flex:1; font-family:"Pretendard"; font-size:40px; font-weight:700; color:var(--CompassionCoreBlue); line-height:50px; letter-spacing:-0.8px;}
#header .h_menu .hm_list ul li .hml_btn .hml_arrow {display:inline-block; flex-shrink:0; width:40px; height:40px; background-image:url("../images/icon_menuarrow.svg"); background-repeat:no-repeat; background-position:center; background-size:30px auto; transition:0.3s;}
#header .h_menu .hm_list ul li .hml_btn:hover .hml_arrow {transform:translateX(8px);}
#header .h_menu .hm_list ul li .hml_btn .hml_line {display:block; flex-shrink:0; align-self:stretch; width:100%; min-height:1px; background-color:var(--CompassionHighBlue);}
#header .h_menu .hm_list ul li .hml_btn .hml_desc {display:inline-block; width:100%; font-family:"Pretendard"; font-size:20px; font-weight:500; color:var(--CompassionCoreBlue); line-height:30px; letter-spacing:-0.4px;}
#header .h_menu .hm_list ul li .hml_btn .hml_desc span {display:inline-block; width:100%;}
/* 2025 renewal E */

#header.on .h_logo,
#header.on .h_menu {opacity:0; pointer-events:none;}
#header.on .h_title {opacity:1; pointer-events:auto;}


/* open */
#header.open .h_logo .hl_logo {fill:var(--CompassionPureWhite);}
#header.open .h_menu .hm_button i {background-color:var(--CompassionPureWhite);}
#header.open .h_menu .hm_button i:nth-child(2) {display:none;}
#header.open .h_menu .hm_button i:first-child {transform:translateY(-2px) rotate(45deg);}
#header.open .h_menu .hm_button i:last-child {transform:translateY(-2px) rotate(-45deg);}
#header.open .h_menu .hm_wrap {opacity:1; pointer-events:auto;}

/* 2025 renewal S */
#aside {position:fixed; left:50px; right:50px; bottom:30px; z-index:10; opacity:0; pointer-events:none; transition:0.3s;}
#aside:before {content:""; position:fixed; left:0; right:0; bottom:0; height:290px; background:linear-gradient(to top,#121a1a,rgba(18,26,26,0) 100%); pointer-events:none; opacity:0.6;}
#aside.on {opacity:1;}
#aside .a_list {display:inline-block; float:right; width:calc(100% - 100px); pointer-events:none;}
#aside .a_list li {display:inline-block; float:left; box-sizing:border-box; width:16.6666%; padding:0 15px; font-size:18px; font-weight:700; color:var(--CompassionPureWhite); line-height:70px; pointer-events:none;}
#aside .a_list li:nth-child(1) {position:absolute; left:0; top:0; width:100px;}
#aside .a_list li a,
#aside .a_list li button {display:inline-block; position:relative; float:left; width:100%; color:rgba(255, 255, 255, 0.5); text-align:left; pointer-events:auto; touch-action:manipulation; -webkit-tap-highlight-color:transparent;}
#aside .a_list li.on a,
#aside .a_list li.on button {color:var(--CompassionPureWhite);}
#aside .a_list li a:hover,
#aside .a_list li button:hover {color:var(--CompassionPureWhite); animation:a_bounce 0.5s linear forwards 1;}
@keyframes a_bounce {from {transform:translateY(0);} 50% {transform:translateY(-5px);} to {transform:translateY(0px);}}
#aside .a_list li a:hover:before,
#aside .a_list li button:hover:before {animation:a_reverse 0.5s linear forwards 1;}
#aside .a_list li a:hover .al_line,
#aside .a_list li button:hover .al_line {animation:a_reverse 0.5s linear forwards 1;}
@keyframes a_reverse {from {transform:translateY(0);} 50% {transform:translateY(5px);} to {transform:translateY(0px);}}
#aside .a_list li a:before,
#aside .a_list li button:before  {content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background-color:var(--CompassionPureWhite); opacity:0.2;}
#aside .a_list li a .al_icon,
#aside .a_list li button .al_icon {display:inline-block; position:relative; top:3px; width:20px; height:20px; margin-right:5px; background-image:url("../images/icon_download_w.svg"); background-repeat:no-repeat; background-size:100% auto; }
#aside .a_list li a .al_line,
#aside .a_list li button .al_line {position:absolute; left:0; bottom:0; width:0; height:2px; background-color:var(--CompassionPureWhite);}
#aside .a_list li:nth-child(1) a .al_line {width:100%;}
/* #aside.color .a_list li button {color:rgba(42, 94, 236, 0.5);}
#aside.color .a_list li.on button,
#aside.color .a_list li button:hover {color:var(--CompassionCoreBlue);}
#aside.color .a_list li button:before {background-color:var(--CompassionCoreBlue);}
#aside.color .a_list li button .al_icon {filter: invert(17%) sepia(73%) saturate(3780%) hue-rotate(198deg) brightness(100%) contrast(101%);}
#aside.color .a_list li button .al_line {background-color:var(--CompassionCoreBlue);} */

/* popup */
.popup,
.minipop {opacity:0; pointer-events:none;}
.minipop {position:absolute; left:50%; top:50%; z-index:1000; box-sizing:border-box; width:480px; height:530px; margin-left:-240px; margin-top:-265px; padding:30px; padding-right:20px; background-color:var(--CompassionCoreBlue); border-radius:4px; box-shadow:0 30px 60px rgba(42, 94, 236, 0.6);}
.minipop .m_wrap {display:inline-block; position:relative; box-sizing:border-box; width:100%; height:100%; padding:0 5px 0 5px; overflow:auto;}
.minipop .m_wrap::-webkit-scrollbar {width:10px;}
.minipop .m_wrap::-webkit-scrollbar-thumb {background-color:var(--CompassionPureWhite); border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
.minipop .m_wrap::-webkit-scrollbar-thumb:hover {background-color:var(--CompassionPureWhite);}
.minipop .m_wrap::-webkit-scrollbar-track {background-color:var(--CompassionCoreBlue);}
.minipop.on {opacity:1; pointer-events:auto;}
.minipop .m_close {position:absolute; left:50%; top:-60px; width:50px; margin-left:-25px; background-color:var(--CompassionCoreBlue); border-radius:50%; aspect-ratio:1/1; cursor:pointer; transition:0.3s;}
.minipop .m_close::before {content:""; position:absolute; left:50%; top:50%; width:20px; margin-left:-10px; margin-top:-10px; background-image:url("../images/icon_close.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center; aspect-ratio:1/1;}
.minipop .m_close:hover {transform:rotate(90deg);}
.minipop .m_bg {position:fixed; left:0; right:0; top:0; bottom:0;}
.minipop .m_wrap > strong {display:inline-block; width:100%; font-size:16px; line-height:30px; letter-spacing:-0.5px;}
.minipop .m_wrap > strong span {display:inline-block; float:left; word-break:keep-all}
.minipop .m_wrap > strong span:nth-child(1) {width:50%; font-weight:900 !important; text-align:left;}
.minipop .m_wrap > strong span:nth-child(2) {width:33.333%; font-weight:600 !important; text-align:right;}
.minipop .m_wrap > strong span:nth-child(3) {width:16.666%; font-weight:600 !important; text-align:right;}
.minipop .m_wrap > ul {display:inline-block; width:100%; margin-top:15px; font-size:16px; line-height:30px; letter-spacing:-0.5px;}
.minipop .m_wrap > ul li {display:inline-block; position:relative; float:left; width:100%; padding:7px 0; padding-bottom:13px;}
.minipop.t1 .m_wrap > ul li:nth-child(n + 2),
.minipop.t3 .m_wrap > ul li:nth-child(n + 2) {width:calc(100% - 40px); float:right; font-size:14px;}
.minipop .m_wrap > ul li:before {content:""; position:absolute; left:0; right:0; top:0; height:1px; background-color:var(--CompassionPureWhite);}
.minipop .m_wrap > ul li span {display:inline-block; float:left; text-align:left;}
.minipop .m_wrap > ul li span:nth-child(1) {position:relative; box-sizing:border-box; width:50%; padding-left:10px; font-weight:500 !important;}
.minipop .m_wrap > ul li span:nth-child(1) i {position:absolute; left:0; top:11px; width:4px; height:4px; background-color:var(--CompassionPureWhite); border-radius:50%;}
.minipop .m_wrap > ul li span:nth-child(2) {width:33.333%; font-weight:400 !important; text-align:right;}
.minipop .m_wrap > ul li span:nth-child(3) {width:16.666%; font-weight:400 !important; text-align:right;}
.minipop.t1 .m_wrap .txt,
.minipop.t3 .m_wrap .txt {float:right; width:calc(100% - 40px); margin-bottom:15px;}
.minipop .m_wrap > .txt {float:left; text-align:left; line-height:20px;}
.minipop .m_wrap > .txt span {width:auto;}
.minipop .txt.small.cw {opacity:0.7;}

.popup {position:fixed; left:0; right:0; top:0; bottom:0; padding-top:150px; z-index:1000;}
.popup.on {opacity:1; pointer-events:auto;}
.popup .p_bg {position:fixed; left:0; right:0; top:0; bottom:0; background-color:#121A1A; opacity:0.9; cursor:pointer;}
.popup .p_close {position:fixed; left:50%; top:35px; box-sizing:border-box; width:80px; margin-left:-40px; border-radius:50%; border:var(--CompassionPureWhite) solid 1px; aspect-ratio:1/1; transition:0.3s;}
.popup .p_close::before {content:""; position:absolute; left:50%; top:50%; width:30px; margin-left:-15px; margin-top:-15px; background-image:url("../images/icon_close.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center; aspect-ratio:1/1;}
.popup .p_close:hover {transform:rotate(90deg);}
.popup .p_wrap {display:inline-block; position:relative; overflow:hidden !important; box-sizing:border-box; width:calc(100% - 40px); max-width:1880px; height:100%; background-color:var(--CompassionPureWhite); border-radius:4px 4px 0 0; background-repeat:no-repeat; background-size:cover; background-position:center; isolation:isolate !important; transform:translateY(100%); transition:0.5s;}
.popup.rule .p_wrap {background-color:var(--CompassionMidEggshell)}
.popup.story .p_wrap {background-color:var(--CompassionMidEggshell)}
.popup.on .p_wrap {transform:translateY(0);}
.popup .p_aotuscroll {display:inline-block; position:relative; float:left;  overflow-y:auto; width:3000px; height:100%;}
.popup .p_scrollHeight {display:inline-block; width:100%;}
.popup .p_movecontent {position:sticky; overflow:hidden; left:0; top:0; bottom:0; white-space:nowrap;}
.popup .p_openbtn {display:flex; justify-content:space-between; align-items:center; gap:10px; box-sizing:border-box; position:relative; width:100%; margin-top:0; padding:15px 20px 15px 30px; border-radius:4px; background-color:var(--CompassionCoreBlue); border:var(--CompassionCoreBlue) solid 2px; font-family:"Pretendard"; font-size:18px; font-weight:700; color:var(--CompassionPureWhite); line-height:30px; letter-spacing:-0.3px; text-align:left; transition:0.3s; pointer-events:auto; cursor:pointer;}
.popup .p_openbtn span {display:inline-block; flex:1; word-break:keep-all; color:var(--CompassionPureWhite);}
.popup .p_openbtn i {display:inline-block; flex-shrink:0; width:24px; height:24px; background-image:url("../images/icon_btnarrow_w.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; filter:none; transition:0.3s;}
.popup .p_openbtn:hover i {transform:translateX(4px);}

.popup .p_openbtn + .p_openbtn {margin-top:10px;}
.popup.situation .mo {display:none;}
/* 2025 renewal S - popup.situation 시안 적용 */
.popup.situation .p_wrap {background-color:var(--CompassionMidEggshell);}
.popup.situation .p_wrap:before {display:none;}
.popup.situation .ps_area {display:flex; flex-direction:column; gap:35px; position:absolute; left:0; top:0; bottom:0; box-sizing:border-box; width:600px; height:auto; margin-top:0; background-color:var(--CompassionPureWhite); white-space:normal; text-align:left;}
.popup.situation .ps_box {position:absolute; display:flex; align-items:center; left:0; top:50%; box-sizing:border-box; width:100%; height:710px; padding:0 100px; flex-wrap:wrap; margin-top:-355px;}
.popup.situation .ps_area .title {position:relative; left:auto; top:auto; display:flex; flex-direction:column; gap:5px; text-align:left; font-family:"Pretendard"; color:var(--CompassionCoreBlue);}
.popup.situation .ps_area .title p {display:inline-block; width:100%;}
.popup.situation .ps_area .title p span {display:inline-block; width:100%; color:var(--CompassionCoreBlue) !important;}
.popup.situation .ps_area .title > span {display:inline-block; width:100%; font-weight:400;}
.popup.situation .ps_area .title strong,
.popup.situation .psc_wrap > .title strong {font-size:60px; font-weight:900; line-height:70px; color:var(--CompassionCoreBlue);}
.popup.situation .ps_area .psl_list {display:flex; flex-direction:column; gap:15px; position:relative; left:auto; right:auto; top:auto; max-width:none; text-align:left;}
.popup.situation .ps_area .psl_list li {float:none; width:100%; margin-bottom:0;}
.popup.situation .ps_area .psl_list li .psl_box {display:flex; flex-direction:column; align-items:flex-start; gap:0; width:100%; text-align:left;}
.popup.situation .ps_area .psl_list li strong {display:inline-block; width:100%; font-size:16px; font-weight:700; line-height:25px; letter-spacing:-0.3px;}
.popup.situation .ps_area .psl_list li mark {display:flex; flex-direction:row; gap:0; width:auto; font-size:30px; font-weight:900; line-height:40px; letter-spacing:-0.6px; background:transparent;}
.popup.situation .ps_area .psl_list li mark span {display:block; width:auto;}
.popup.situation .ps_area .psl_list li > span {display:inline-block; width:100%;}
.popup.situation .ps_area .psl_list li strong.cm {color:var(--CompassionCoreBlue) !important;}
.popup.situation .ps_area .psl_list li mark.cb {color:var(--CompassionCoreBlue) !important;}
.popup.situation .ps_area .psl_list li mark .p_count {color:var(--CompassionCoreBlue); font-size:30px;}
.popup.situation .ps_area .psl_list li mark .txt.big {color:var(--CompassionCoreBlue) !important; font-size:20px; font-weight:400; line-height:30px;}
.popup.situation .ps_area .psl_list li span.cg {color:var(--CompassionCoreBlue) !important; opacity:0.5; font-size:12px; font-weight:600; line-height:20px;}
.popup.situation .ps_area .ps_note {display:flex; flex-direction:column; font-family:"Pretendard"; color:var(--CompassionCoreBlue); opacity:0.5; text-align:left;}
.popup.situation .ps_area .ps_note p {display:inline-block; width:100%; padding-left:8px; position:relative; font-size:12px; font-weight:600; line-height:20px; letter-spacing:-0.3px; word-break:keep-all;}
.popup.situation .ps_area .ps_note p:before {content:"*"; position:absolute; left:0; top:0;}
.popup.situation .ps_area .ps_note p span {display:inline-block; white-space:nowrap;}
.popup.situation .ps_area .ps_note p > span:nth-child(1) {width:100%;}
/* 2025 renewal E */
.popup.situation .ps_support {position:absolute; left:min(5.2083vw, 100px); bottom:0; text-align:left; width:100%; max-width:300px; text-align:left; white-space:normal;}
.popup.situation .ps_support > p {display:inline-block; width:100%; font-size:16px; font-weight:700; color:var(--CompassionPureWhite); line-height:25px; letter-spacing:-0.5px;}
.popup.situation .ps_support > p > span {display:inline-block; width:100%; white-space:nowrap;}
.popup.situation .ps_support ul {display:inline-block; width:100%; margin-top:50px;}
.popup.situation .ps_support ul li {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding-left:60px; text-align:left; color:var(--CompassionPureWhite);}
.popup.situation .ps_support ul li:before {content:""; position:absolute; left:-2px; top:-10px; width:40px; background-image:url("../images/icon_situation.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0; aspect-ratio:1/1;}
.popup.situation .ps_support ul li + li {margin-top:20px;}
.popup.situation .ps_support ul li:nth-child(2):before {background-position:center -40px;}
.popup.situation .ps_support ul li:nth-child(3):before {background-position:center -80px;}
.popup.situation .ps_support ul li:nth-child(4):before {background-position:center -120px;}
.popup.situation .ps_support ul li strong {display:inline-block; vertical-align:middle; width:100%; font-size:14px; font-weight:900; line-height:20px; letter-spacing:-0.5px;}
.popup.situation .ps_support ul li p {display:inline-block; vertical-align:middle; width:100%; font-size:12px; font-weight:500; line-height:20px; letter-spacing:-0.5px;}
.popup.situation .ps_support ul li p span {display:inline-block; width:100%;}
.popup.situation .ps_content .psc_info {position:absolute; display:inline-block; left:min(5.2083vw, 100px); bottom:0; width:100%; max-width:300px; text-align:left;  white-space:normal;}
.popup.situation .ps_content .psc_info ul {display:inline-block; width:100%;}
.popup.situation .ps_content .psc_info li {display:inline-block; float:left; width:100%; padding-bottom:5px;}
.popup.situation .ps_content .psc_info li:last-child {padding-bottom:5px;}
.popup.situation .ps_content .psc_info li:nth-child(2) .txt.small {margin-top:-10px;}
.popup.situation .ps_content .psc_info li:last-child .txt.small {margin-top:1.5625vh}
.popup.situation .ps_content .psc_info li .title {margin-top:-5px;}
.popup.situation .ps_content .psc_info li .title span {float:left; width:auto;}
.popup.situation .ps_content .psc_info li .title .txt {float:left; line-height:40px;}
.popup.situation .ps_content .psc_info li strong,
.popup.situation .ps_content .psc_info li span {display:inline-block; width:100%;}
.popup.situation .ps_content .psc_info > p {display:inline-block; position:relative; box-sizing:border-box; padding-left:8px; font-size:12px; line-height:20px; letter-spacing:-0.5px; color:#121A1A !important; opacity:0.4; word-break:keep-all;}
.popup.situation .ps_content .psc_info > p + p {margin-bottom:25px;}
.popup.situation .ps_content .psc_info > p:before {content:"*"; position:absolute; left:0; top:0; }
.popup.situation .ps_content .psc_info > p span {display:inline-block; width:100%;}
.popup.situation .ps_content {position:absolute; left:26.59%; top:0; bottom:0; width:39.84%; background-color:var(--CompassionMidEggshell);}
.popup.situation .ps_content.t2 {left:auto; right:39.84%; width:26.56%;}
.popup.situation .ps_content.t3 {left:auto; right:0; width:26.59%;}
.popup.situation .ps_content.t4 {left:calc(600px + max(5.2vw, 100px)); right:max(5.2vw, 100px); width:auto; background-color:transparent;}
.popup.situation .ps_content img {width:100%; height:auto;}
.popup.situation .ps_content .psc_box {position:absolute; display:flex; align-items:flex-end; gap:20px; left:0; right:0; top:50%; height:630px; margin-top:-315px;}
.popup.situation .ps_content .psc_list {display:flex; flex-wrap:wrap; position:relative; box-sizing:border-box; width:calc(25% - 60px/4); padding:15px 20px; background-color:var(--CompassionPureWhite); opacity:0; font-family:"Pretendard"; white-space:normal;}
.popup.situation .ps_content .psc_list > strong {display:inline-block; width:100%; font-size:20px; font-weight:900; color:var(--CompassionCoreBlue); line-height:30px; letter-spacing:-0.5px; white-space:nowrap; text-align:left}
.popup.situation .ps_content .psc_list ul {display:inline-block; width:100%; border-top:var(--CompassionCoreBlue) solid 1px; margin-top:10px; padding-top:10px;}
.popup.situation .ps_content .psc_list li {display:inline-block; position:relative; float:left; width:100%; font-size:16px; font-weight:700; line-height:30px; letter-spacing:-0.5px;}
.popup.situation .ps_content .psc_list li > strong {display:inline-block; position:absolute; left:0; top:0; font-weight:600; color:var(--CompassionCoreBlue);}
.popup.situation .ps_content .psc_list li > span {display:inline-block; float:right; color:#121A1A;}
.popup.situation .p_wrap.pc .ps_area {display:block; width:600px; padding:0; background-color:var(--CompassionPureWhite);}
.popup.situation .p_wrap.pc .ps_area > .title,
.popup.situation .p_wrap.pc .ps_area .psl_list,
.popup.situation .p_wrap.pc .ps_note,
.popup.situation .p_wrap.pc .p_openbtn {position:relative}

.popup.situation .p_wrap.pc .ps_area .title > span {display:flex; align-items:flex-end; width:auto; color:var(--CompassionCoreBlue);}
.popup.situation .p_wrap.pc .ps_area .title > span strong {flex:none;}
.popup.situation .p_wrap.pc .ps_area .title > span .unit {display:block; flex:none; font-size:30px; font-weight:400; line-height:40px; color:var(--CompassionCoreBlue);}
.popup.situation .p_wrap.pc .ps_area .psl_list { gap:15px; width:100%;}
.popup.situation .p_wrap.pc .ps_area .psl_list li,
.popup.situation .p_wrap.pc .ps_area .psl_list li .psl_box,
.popup.situation .p_wrap.pc .p_openbtn {width:400px;}
.popup.situation .p_wrap.pc .ps_area .psl_list li:last-child span.cg {margin-top:13px;}
.popup.situation .p_wrap.pc .ps_note p {padding-left:7px;}
.popup.situation .p_wrap.pc .p_openbtn {display:flex; align-items:center; height:60px; padding:0 20px 0 30px; border-width:0; border-radius:4px; font-size:18px; line-height:30px;}
.popup.situation .p_wrap.pc .ps_content {background-color:transparent;}
.popup.situation .p_wrap.pc .ps_content.t1 {left:600px; width:510px;}
.popup.situation .p_wrap.pc .ps_content.t2 {left:1110px; right:auto; width:340px;}
.popup.situation .p_wrap.pc .ps_content.t3 {left:1450px; right:auto; width:430px;}
.popup.situation .p_wrap.pc .ps_content img {display:block; width:100%; height:auto;}
.popup.situation .p_wrap.pc .ps_cards {display:flex; align-items:flex-end; gap:20px; position:absolute; left:700px; bottom:80px; z-index:3;}
.popup.situation .p_wrap.pc .ps_cards .psc_list {display:flex; flex-direction:column; justify-content:flex-start; box-sizing:border-box; width:255px; padding:15px 20px; background-color:var(--CompassionPureWhite); font-family:"Pretendard"; white-space:normal; opacity:1;}
.popup.situation .p_wrap.pc .ps_cards .psc_list.tall {min-height:291px;}
.popup.situation .p_wrap.pc .ps_cards .psc_list.short {min-height:231px;}
.popup.situation .p_wrap.pc .ps_cards .psc_list > strong {display:inline-block; width:100%; font-size:20px; font-weight:900; color:var(--CompassionCoreBlue); line-height:30px; letter-spacing:-0.4px; white-space:nowrap;}
.popup.situation .p_wrap.pc .ps_cards .psc_list ul {display:inline-block; width:100%; margin-top:10px; padding-top:10px; border-top:rgba(42, 94, 236, 0.3) solid 1px;}
.popup.situation .p_wrap.pc .ps_cards .psc_list li {display:flex; align-items:flex-start; justify-content:space-between; float:none; width:100%; font-size:16px; font-weight:700; line-height:30px; letter-spacing:-0.3px;}
.popup.situation .p_wrap.pc .ps_cards .psc_list li > strong {position:static; flex:1; color:var(--CompassionCoreBlue); font-weight:700; text-align:left;}
.popup.situation .p_wrap.pc .ps_cards .psc_list li > span {display:inline-block; flex-shrink:0; float:none; margin-left:20px; color:#121A1A; font-weight:800; text-align:right;}
.popup.report .p_wrap:before {content:""; position:absolute; left:600px; right:0; top:0; bottom:0; background-color:var(--CompassionMidEggshell);}
.popup.report .pr_area {position:absolute; left:0; top:0; bottom:0; z-index:1; width:600px; border-radius:50px 0 0 0; background-color:var(--CompassionPureWhite);}
.popup.report .pr_data {display:inline-block; position:relative; position:absolute; left:100px; right:100px; top:50%; margin-top:-315px; height:630px; white-space:normal; text-align:left; font-size:0; line-height:0;}
.popup.report .pr_data > .title > span {position:relative; margin-top:10px; font-weight:400;}
.popup.report .pr_data > .title strong {font-weight:800;}
.popup.report .pr_data > .title > span > span {display:inline; position:relative; top:5px;}
.popup.report .pr_data .title,
.popup.report .pr_data .txt {display:inline-block; float:left; width:100%;}
.popup.report .pr_data .txt.small {margin-top:-5px; line-height:20px; text-align:center; letter-spacing:0;}
.popup.report .pr_data .prd_sex {display:inline-block; width:100%; margin-top:65px;}
.popup.report .pr_data .prd_sex ul {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; width:100%; margin-top:7px; border-radius:10px;}
.popup.report .pr_data .prd_sex ul li {display:inline-block; float:left; vertical-align:middle; width:51%; height:40px; background-color:var(--CompassionCoreBlue); text-align:center;}
.popup.report .pr_data .prd_sex ul li:last-child {width:49%; background-color:#aad1df;}
.popup.report .pr_data .prd_sex ul li i {display:inline-block; vertical-align:middle; position:relative; top:-5px; width:16px; margin-right:10px; background-image:url("../images/icon_gender.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0; aspect-ratio:1/1;}
.popup.report .pr_data .prd_sex ul li:last-child i {background-position:center -16px;}
.popup.report .pr_data .prd_sex ul li strong {font-size:20px; line-height:45px;}
.popup.report .pr_data .prd_sex ul li span {font-size:10px; line-height:40px;}
.popup.report .pr_data .prd_top3 {display:inline-block; float:left; width:100%; margin-top:25px;}
.popup.report .pr_data .prd_top3 ul {display:inline-block; float:left; width:100%;}
.popup.report .pr_data .prd_top3 ul li {display:inline-block; float:left; box-sizing:border-box; position:relative; width:100%; margin:5px 0; padding-left:80px; white-space:nowrap;}
.popup.report .pr_data .prd_top3 ul li mark {display:inline-block; vertical-align:middle; margin-left:10px; font-size:14px; font-weight:800; color:#121A1A; line-height:15px; letter-spacing:-0.5px;}
.popup.report .pr_data .prd_top3 ul li strong {position:absolute; left:0; top:0; font-size:14px; font-weight:800; line-height:15px;}
.popup.report .pr_data strong.big {position:relative; box-sizing:border-box; padding-left:15px; margin-bottom:20px;}
.popup.report .pr_data strong.big:before {content:""; position:absolute; left:0; top:5px; width:3px; height:20px; background-color:var(--CompassionCoreBlue);}
.popup.report .pr_data .prd_chartwrap {display:inline-block; float:left; width:100%; margin-top:25px; text-align:center;}
.popup.report .pr_data .prd_chartwrap > strong {display:inline-block; width:100%; text-align:left;}
.popup.report .pr_data .prdc_chart_box {display:inline-flex; flex-direction:column; align-items:center; position:relative; width:400px; max-width:400px; margin-top:45px;}
.popup.report .pr_data .prdc_chart_stage {position:relative; width:400px; height:246px; overflow:visible;}
.popup.report .pr_data .prdc_chart_stage:before {content:""; position:absolute; left:159px; top:-21px; width:21px; height:23px; z-index:1; border-top:#9497A1 solid 1.5px; border-right:#9497A1 solid 1.5px;}
.popup.report .pr_data .prdc_chart {position:absolute; left:100px; top:0; width:200px; height:200px; border-radius:50%;}
.popup.report .pr_data .prdc_chart.use-fallback {background:conic-gradient(from 0deg, #294CB4 0 41%, #2F5FEA 41% 68%, #5F83F4 68% 78%, #A9BDF8 78% 87%, #D7E2FE 87% 94%, #F7F0EB 94% 100%);}
.popup.report .pr_data .prdc_label {position:absolute; z-index:2; white-space:nowrap; pointer-events:none;}
.popup.report .pr_data .prdc_label.in {font-size:14px; font-weight:800; color:var(--CompassionPureWhite); line-height:25px; letter-spacing:-0.28px;}
.popup.report .pr_data .prdc_label.in.t1 {left:137px; top:-33px; font-size:10px; font-weight:600; color:#9497A1; line-height:25px; letter-spacing:-0.2px; text-align:center;}
.popup.report .pr_data .prdc_label.in.t2 {left:147px; top:26px; font-size:10px; font-weight:600; line-height:25px; letter-spacing:-0.2px;}
.popup.report .pr_data .prdc_label.in.t3 {left:124px; top:56px; font-size:10px; font-weight:600; line-height:25px; letter-spacing:-0.2px;}
.popup.report .pr_data .prdc_label.in.t4 {left:119px; top:97px;}
.popup.report .pr_data .prdc_label.in.t5 {left:169px; top:146px;}
.popup.report .pr_data .prdc_label.in.t6 {left:235px; top:79px;}
.popup.report .pr_data .prdc_label.out {font-size:14px; font-weight:800; line-height:25px; letter-spacing:-0.28px;}
.popup.report .pr_data .prdc_label.out.t1 {left:119px; top:-8px; color:var(--CompassionHighBlue);}
.popup.report .pr_data .prdc_label.out.t2 {left:79px; top:38px; color:var(--CompassionMidBlue);}
.popup.report .pr_data .prdc_label.out.t3 {left:60px; top:104px; color:var(--CompassionMidBlue);}
.popup.report .pr_data .prdc_label.out.t4 {left:150px; top:200px; color:var(--CompassionCoreBlue);}
.popup.report .pr_data .prdc_label.out.t5 {left:311px; top:47px; color:var(--CompassionLowBlue);}
.popup.report .pr_data > p {display:inline-block; box-sizing:border-box; width:100%; padding:10px; margin-top:25px; border-radius:10px; background-color:#e8f4fc; text-align:center;}
.popup.report .pr_data > p > span + span {margin-top:5px;}
.popup.report .pr_data .p_openbtn {position:absolute; left:0; bottom:0;}
.popup.report .pr_data > span {display:inline-block; margin-top:5px; font-size:12px; line-height:20px;}
.popup.report .p_percent {display:inline-block; float:left; position:relative; box-sizing:border-box; z-index:0; width:85%; height:15px; margin-bottom:5px; padding-left:15px; font-size:14px; font-weight:800; color:var(--CompassionPureWhite); line-height:20px; text-align:left;}
.popup.report .p_percent:before {content:""; position:absolute; left:0; top:0; bottom:0; z-index:-1; width:1px; border-radius:4px; background-color:var(--CompassionHighBlue); transition:0.8s; transition-delay:0.3s;}
.popup.report .p_percent.t2 {width:58%;}
.popup.report .p_percent.t2:before {background-color:var(--CompassionMidBlue);}
.popup.report .p_percent.t3 {width:56.8%;}
.popup.report .p_percent.t3:before {background-color:var(--CompassionCoreBlue);}
.popup.report .p_percent.on::before {width:100%;}
.popup.report .p_percent strong {font-size:14px;}
.popup.report .pr_content {display:inline-block; position:relative; position:absolute; left:500px; top:50%; margin-top:-315px; height:630px; white-space:normal;}
.popup.report .pr_content.t1 {padding-left:100px; padding-right:100px;}
.popup.report .pr_content .title.t5 {position:relative; width:100%; margin-bottom:30px; padding-bottom:30px;}
.popup.report .pr_content .title.t5:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:var(--CompassionHighBlue);}
.popup.report .pr_content .title.t5 i {display:inline-block; position:absolute; right:0; top:10px; width:80px; height:60px; background-image:url("../images/icon_report.svg"); background-size:100% auto; background-position:center 0; background-repeat:no-repeat; aspect-ratio:4/3;}
.popup.report .pr_content .title.t5 i.t2 {background-position:center 50%;}
.popup.report .pr_content .title.t5 i.t3 {background-position:center 100%;}
.popup.report .pr_content .prc_wrap {display:flex; gap:80px; position:relative; box-sizing:border-box; width:1840px; height:100%; text-align:center; flex-wrap:wrap; align-content:space-between;}
.popup.report .pr_content .prc_box {display:flex; flex-wrap:wrap; align-content:flex-start; width:400px; text-align:left;}
.popup.report .pr_content .prc_box.t3 {width:880px;}
.popup.report .pr_content .prc_list {display:flex; flex-wrap:wrap; gap:30px; width:100%;}
.popup.report .pr_content .prc_list li {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.popup.report .pr_content .prc_letter {display:flex; gap:80px; position:relative; box-sizing:border-box;}
.popup.report .pr_content .prc_letter .prcl_wrap {display:flex; flex-wrap:wrap; align-content:flex-start; gap:10px; width:calc(50% - 40px);}
.popup.report .pr_content .prc_letter .prcl_box {display:flex; gap:15px; flex-wrap:wrap; box-sizing:border-box; padding:25px 30px; background-color:var(--CompassionPureWhite); text-align:left;}
.popup.report .pr_content .prc_letter .prcl_box p {display:inline-block; vertical-align:middle; width:100%; font-size:14px; font-weight:600; line-height:25px; letter-spacing:-0.2px; text-align:left; word-break:keep-all;}
.popup.report .pr_content .prc_letter .prcl_box p span {display:inline-block;}
.popup.calender .pt_area {position:absolute; left:0; top:0; bottom:0; z-index:1; width:500px; background-color:var(--CompassionPureWhite);}
.popup.calender .pt_area.mo {display:none;}
.popup.calender .pt_area .pt_txt {position:absolute; left:100px; right:50px; top:50%; height:630px; margin-top:-315px;}
.popup.calender .pt_area .pt_txt .title {position:absolute; left:0; top:0; text-align:left;}
.popup.calender .pt_area .pt_txt .txt {position:absolute; left:0; bottom:0; text-align:left;}
.popup.calender .pt_area .pt_txt .txt.mo {display:none;}
.popup.calender .pt_area .pt_txt .txt.pc {display:inline-block;}
.popup.calender .pt_content {display:inline-block; position:relative; position:absolute; left:0; top:50%; margin-top:-315px; height:630px; white-space:normal;}
.popup.calender .pt_content.t2 {left:0;}
.popup.calender .pt_content .ptc_box {display:inline-block; float:left; position:relative; box-sizing:border-box; width:2290px; padding-left:100px; top:50%; transform:translateY(-50%); background-color:var(--CompassionMidEggshell); text-align:left;}
.popup.calender .pt_content .ptc_box.t1 {z-index:4;}
.popup.calender .pt_content .ptc_box.t2 {z-index:3; width:1650px;}
.popup.calender .pt_content .ptc_box.t3 {z-index:2; width:1330px;}
.popup.calender .pt_content .ptc_box.t4 {z-index:1; width:1455px; padding-right:125px;}
.popup.calender .pt_content .ptc_box .ptc_wrap {display:inline-block; float:left; position:relative; top:50%; width:100%; height:630px; margin-top:-315px;}
.popup.calender .pt_content .ptc_top {position:absolute; left:25px; top:0;}
.popup.calender .pt_content .ptc_top .ptct_pic {display:inline-block; overflow:hidden; width:300px; border-radius:10px; box-shadow:0 10px 20px rgba(28, 29, 31, 0.1);}
.popup.calender .pt_content .ptc_top .ptct_pic img {float:left; width:100%; height:auto;}
.popup.calender .pt_content .ptc_top .ptct_content {position:absolute; left:360px; top:13px; width:300px; font-size:14px; font-weight:600; color:#bbbbbc; line-height:20px; letter-spacing:-0.5px; text-align:left; }
.popup.calender .pt_content .ptc_top .ptct_content.t1 {left:0; top:315px;}
.popup.calender .pt_content .ptc_top .ptct_content.t2 {left:0; top:147px;}
.popup.calender .pt_content .ptc_top .ptct_content span {display:inline-block; width:100%; word-break:keep-all;}
.popup.calender .pt_content .ptc_top .ptct_content > mark {display:inline-block; width:100%; color:#8bbbdb; line-height:25px; text-decoration:underline; text-underline-position:under;}
.popup.calender .pt_content .ptc_top .ptct_content > p {display: inline-block; width:100%; font-size:16px; font-weight:900; color:var(--CompassionCoreBlue); line-height:25px;}
.popup.calender .pt_content .ptc_top .ptct_content > strong {font-weight:600; color:#121A1A;}
.popup.calender .pt_content .ptc_top .ptct_content > .p_openbtn {margin-top:13px;}
.popup.calender .pt_content .ptc_history {position:absolute; left:0; bottom:0; height:100%;}
.popup.calender .pt_content .ptc_history > ul {display:flex; flex-wrap:nowrap; align-items:flex-end; width:calc(100% + 50px); height:100%; margin-left:-25px;}
.popup.calender .pt_content .ptc_history > ul > li {display:flex; position:relative; flex-wrap:wrap; align-items:flex-end; align-content:flex-end; float:left; box-sizing:border-box; width:25%; height:100%; padding:0 20px;}
.popup.calender .pt_content .ptc_box.t2 .ptc_history > ul > li {width:20%;}
.popup.calender .pt_content.t4 .ptc_history > ul > li {width:20%;}
.popup.calender .pt_content .ptc_history > ul > li .ptchl_pic {display:block; overflow:hidden; width:100%; margin:5px 0 15px; border-radius:4px;}
.popup.calender .pt_content .ptc_history > ul > li .ptchl_pic img {display:block; float:left; width:100%;}
.popup.calender .pt_content .ptc_history > ul > li > strong {display:inline-block; position:relative; width:100%; padding-bottom:5px; font-size:16px; color:var(--CompassionCoreBlue); font-weight:900; line-height:32px; letter-spacing:-0.5px;}
.popup.calender .pt_content .ptc_history > ul > li > strong:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:var(--CompassionCoreBlue);}
.popup.calender .pt_content .ptc_history > ul > li > strong mark {margin-right:8px; font-size:30px; color:var(--CompassionCoreBlue);}
.popup.calender .pt_content .ptc_history > ul > li ul {display:inline-block; position:relative; width:100%; padding-top:15px;}
.popup.calender .pt_content .ptc_history > ul > li ul > li {display:inline-block; position:relative; box-sizing:border-box; width:100%; padding:15px 20px; background-color:var(--CompassionPureWhite); font-size:14px; font-weight:600; color:var(--CompassionHightGray); line-height:20px; letter-spacing:-0.5px; text-align:left;}
.popup.calender .pt_content .ptc_history > ul > li ul > li + li {margin-top:5px;}
.popup.calender .pt_content .ptc_history > ul > li ul > li span {display:inline-block; width:100%; font-weight:900; word-break:keep-all;}
.popup.calender .pt_content .ptc_history > ul > li ul > li span b {font-weight:400;}
.popup.calender .pt_content .ptc_history > ul > li ul > li mark {display:inline-block; width:100%; font-weight:900; color:var(--CompassionCoreBlue); word-break:keep-all;}
.popup.calender .pt_content .ptc_history > ul > li ul > li mark span {width:auto;}
.popup.calender .pt_content .ptc_history > ul > li ul > li strong {display:inline-block; width:100%; font-weight:700; color:#121A1A; word-break:keep-all;}
.popup.calender .pt_content .ptc_history > ul > li ul > li p {display:block; width:100%; margin-top:5px; font-weight:800; color:#121A1A; word-break:keep-all;}
.popup.calender .pt_content .ptc_history > ul > li ul > li p span {display:block;}
.popup.calender .pt_content .ptc_history > ul > li ul > li button,
.popup.calender .pt_content .ptc_history > ul > li ul > li a {display:flex; flex-direction:row; justify-content:space-between; align-items:center; box-sizing:border-box; width:100%; padding:0 10px 0 15px; margin-top:10px; border-radius:4px; border:0; outline:0; background-color:var(--CompassionCoreBlue); font-size:14px; font-weight:700; line-height:34px; color:var(--CompassionPureWhite); text-align:left; word-break:keep-all;}
.popup.calender .pt_content .ptc_history > ul > li ul > li button .icon,
.popup.calender .pt_content .ptc_history > ul > li ul > li a .icon {width:16px; height:16px; background-image:url("../images/icon_calmore.svg"); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.popup.calender .pt_content .ptc_history > ul > li ul > li button:hover,
.popup.calender .pt_content .ptc_history > ul > li ul > li a:hover {text-decoration:underline; text-underline-position:under;}
.popup.performancefee .p_wrap.mo {display:none;}
.popup.performancefee .p_wrap:before {content:""; position:absolute; left:0; right:50%; top:0; bottom:0; background-color:var(--CompassionPureWhite);}
.popup.performancefee .p_wrap:after {content:""; position:absolute; left:50%; right:0; top:0; bottom:0; z-index:-1; background-color:var(--CompassionMidEggshell);}
.popup.performancefee .p_box {position:absolute; overflow:hidden; left:100px; right:100px; top:50%; height:630px; margin-top:-315px;}
.popup.performancefee .pp_wrap {position:absolute; left:0; right:0; top:0; bottom:0;}
.popup.performancefee .pp_wrap.t1 {right:calc(50% + 100px);}
.popup.performancefee .pp_wrap.t2 {left:calc(50% + 100px);}
.popup.performancefee .pp_content {position:absolute; left:0; right:50%; top:0; bottom:0; box-sizing:border-box; padding-right:2vw;}
.popup.performancefee .pp_content .title {text-align:left;}
.popup.performancefee .pp_content .title > span > mark {font-size:35px; line-height:45px; font-weight:900;}
.popup.performancefee .pp_content .title > span > span {position:relative;top:-2px; display:inline; vertical-align:bottom; font-size:25px; font-weight:800;}
.popup.performancefee .pp_content .title > span ~ span.cm { margin-top:10px;}
.popup.performancefee .pp_content .title > .small {margin-top:25px; line-height:20px;}
.popup.performancefee .pp_list {position:absolute; left:50%; right:0; top:0; bottom:0; padding-bottom:260px; font-family:"Pretendard";}
.popup.performancefee .pp_circle {position: absolute; left:0; right:3.125vw; bottom:0; font-size:0; line-height:0;}
.popup.performancefee .pp_circle .ppc_etc {position: absolute; left:-3%; top:-17%; z-index: 1; width:40%;}
.popup.performancefee .pp_circle svg {width:100%; height:auto; aspect-ratio:1/1;}
.popup.performancefee .pp_wrap.t1 .pp_circle .ppc_etc {left:11%; top:-15.5%; width:36.2%;}
.popup.performancefee .pp_circle .ppc_etc img {float:left; width:100%; height:auto;}
.popup.performancefee .pp_list > ul,
.popup.performancefee .pp_list > ul > li {display:inline-block; float:left; width:100%;}
.popup.performancefee .pp_list > .txt {letter-spacing:-1px; word-break:keep-all; text-align:left;}
.popup.performancefee .pp_list > ul > li + li {position:absolute; left:0; right:0; bottom:0;}
.popup.performancefee .pp_list > ul > li > strong {display:inline-block; position:relative; box-sizing:border-box; width:100%; margin-bottom:5px; padding-left:15px; font-size:20px; font-weight:900; color:var(--CompassionCoreBlue); line-height:30px; letter-spacing:-0.5px; text-align:left;}
.popup.performancefee .pp_list > ul > li > strong:before {content:""; position:absolute; left:0; top:5px; width:3px; height:20px; background-color:var(--CompassionCoreBlue);}
.popup.performancefee .pp_list > ul > li > strong i {position:absolute; left:0; top:0;}
.popup.performancefee .pp_list > ul > li > ul > li {display:inline-block; float:left; position:relative; width:100%; padding:7px 0; padding-bottom:13px; word-break:break-all;}
.popup.performancefee .pp_list > ul > li > ul > li::before {content:""; position:absolute; left:0; right:0; top:0; height:1px; background-color:var(--CompassionCoreBlue);}
.popup.performancefee .pp_list > ul > li > ul > li:nth-child(1) { padding-top:0; padding-bottom:20px;}
.popup.performancefee .pp_list > ul > li > ul > li:nth-child(1)::before {display:none;}
.popup.performancefee .pp_list > ul > li > ul > li:nth-child(1) strong {display:inline-block; float:left; width:calc(100% - 60px); font-size:20px; color:var(--CompassionCoreBlue); line-height:30px; letter-spacing:-0.5px; text-align:left;}
.popup.performancefee .pp_list > ul > li > ul > li:nth-child(1) strong:last-child {width:60px; text-align:right;}
.popup.performancefee .pp_list > ul > li > ul > li span {display:inline-block; float:left; font-size:16px; font-weight:500 !important; color:#121A1A; line-height:30px; letter-spacing:-0.5px; text-align:left; word-break:keep-all;}
.popup.performancefee .pp_list > ul > li > ul > li span:nth-child(1) {width:calc(100% - 170px); font-weight:900 !important;}
.popup.performancefee .pp_list > ul > li > ul > li span:nth-child(1) b {width:100%; float:left; font-weight:900 !important;}
.popup.performancefee .pp_list > ul > li > ul > li span:nth-child(2) {width:120px; text-align:right;}
.popup.performancefee .pp_list > ul > li > ul > li span:nth-child(3) {width:50px; text-align:right;}
.popup.performancefee .pp_list > ul > li > ul > li span .ppl_btn {display:flex; align-items:center; float:left; z-index:1; cursor:pointer; padding:0 6px 0 12px; margin-top:5px; border-radius:4px; background-color:var(--CompassionCoreBlue); font-size:14px; color:var(--CompassionPureWhite) !important; font-weight:600 !important; line-height:24px;}
.popup.performancefee .pp_list > ul > li > ul > li span .ppl_btn:hover {text-decoration:underline;}
.popup.performancefee .pp_list > ul > li > ul > li span .ppl_btn .icon {display:inline-block; width:12px; height:12px; margin-left:2px; background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.popup.performancefee .pp_list > ul > li > ul > li span .ppl_btn .icon.detail {background-image:url("../images/icon_detail.svg");}
.popup.performancefee .pp_list .ppl_comment {display:inline-block; float:left; width:100%; max-width:330px; margin-top:30px; font-size:12px; font-weight:600; color:#121A1A; text-align:left; opacity:0.5; word-break:keep-all}
.popup.performancefee .pie-chart p {margin-top:max(-2.6042vw,-40px);}
.popup.performancefee .pp_wrap.t2 .pie-chart p {margin-top:max(-2.6042vw,-50px);}
.popup.performancefee .pie-chart p > span {font-size:min(1.56vw,30px); line-height:min(3.64vw,70px);}
.popup.performancefee .pie-chart p > span > span {font-size:min(3.125vw,60px);}
.popup.performancefee .pie-chart p > span > mark {position:relative; bottom:-7px;}
.popup.performancefee .pp_content .title {font-size:min(1.5625vw,30px); line-height:min(1.8229vw,35px);}
.popup.rule .pr_content {display:inline-block; position:relative; position:absolute; left:0; top:50%; margin-top:-335px; height:670px; white-space:normal; text-align:left;}
.popup.rule .pr_content.t1 {width:880px; padding-left:100px; padding-right:80px;}
.popup.rule .pr_content.t2 {left:1060px; width:880px; padding-right:80px;}
.popup.rule .pr_content.t3 {left:1060px; width:880px; padding-right:100px;}
.popup.rule .pr_content .txt {font-family:"Pretendard"; text-align:left;}
.popup.rule .pr_content .txt.small {line-height:20px; letter-spacing:-0.3px;}
.popup.rule .pr_content .txt.normal {line-height:30px; letter-spacing:-0.3px;}
.popup.rule .pr_content .txt.normal .mo {display:none;}
.popup.rule .pr_content .txt.normal b {font-weight:500;}
.popup.rule .pr_content .title {display:inline-block; position:relative; width:100%; text-align:left;}
.popup.rule .pr_content .title:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:var(--CompassionHighBlue);}
.popup.rule .pr_content .title.t1 {padding-bottom:20px;}
.popup.rule .pr_content .cpc_wrap {display:flex; width:100%; padding-top:30px; gap:80px;}
.popup.rule .pr_content .cpc_box {display:flex; flex-wrap:wrap; align-content:flex-start; position:relative; gap:30px; width:calc(50% - 40px);}
.popup.rule .pr_content p br {display:none;}
.popup.rule .pr_content .cpc_subtitle {display:flex; gap:5px; flex-wrap:wrap; align-content:flex-start; width:100%;}
.popup.rule .pr_content .cpc_subtitle + .cpc_subtitle {margin-top:-10px;}
.popup.rule .pr_content .cpc_lsit {display:flex; flex-wrap:wrap; align-content:flex-start; gap:10px;}
.popup.rule .pr_content .cpc_lsit li {display:inline-block; position:relative; box-sizing:border-box; width:100%; padding-left:8px; text-align:left;}
.popup.rule .pr_content .cpc_lsit li:before {content:""; position:absolute; left:0; top:11px; width:3px; height:3px; border-radius:50%; background-color:#121A1A; opacity:0.4;}
.popup.rule .pr_content .cpc_step {display:flex; flex-wrap:wrap; gap:20px; width:100%;}
.popup.rule .pr_content .cpc_step li {display:flex; flex-wrap:wrap; justify-content:center; align-content:center; align-items:center; gap:10px; position:relative; width:calc(50% - 10px); height:130px; background-color:var(--CompassionPureWhite);}
.popup.rule .pr_content .cpc_step li.t1 {background-color:var(--CompassionCoreBlue);}
.popup.rule .pr_content .cpc_step li.t2 {background-color:var(--CompassionDarkBlue);}
.popup.rule .pr_content .cpc_step li mark {display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:30px; height:30px; background-color:#E8EEFF; font-size:14px; font-weight:700; color:var(--CompassionCoreBlue);}
.popup.rule .pr_content .cpc_step li.t1 mark {background-color:#5681F9; color:var(--CompassionPureWhite);}
.popup.rule .pr_content .cpc_step li.t2 mark {background-color:#2C4587; color:var(--CompassionPureWhite);}
.popup.rule .pr_content .cpc_step li i {display:inline-block; width:32px; height:32px; background-image:url("../images/icon_rule01.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0;}
.popup.rule .pr_content .cpc_step li i.t2 {background-position:center 25%;}
.popup.rule .pr_content .cpc_step li i.t3 {background-position:center 50%;}
.popup.rule .pr_content .cpc_step li i.t4 {background-position:center 75%;}
.popup.rule .pr_content .cpc_step li i.t5 {background-position:center 100%;}
.popup.rule .pr_content .cpc_step li > span {display:inline-block; width:100%; text-align:center;}
.popup.rule .pr_content .cpc_btnwrap {display:flex; flex-wrap:wrap; gap:10px; position:absolute; left:0; right:0; bottom:0; width:100%;}
.popup.rule .pr_content .cpc_btnwrap li {width:100%;}
.popup.rule .pr_content.t2 .p_openbtn {padding:13px 20px 13px 30px; border-radius:4px;}
.popup.rule .pr_content .cpc_nurture {display:flex; flex-wrap:wrap; gap:30px; width:100%;}
.popup.rule .pr_content .cpc_nurture > li {display:flex; align-content:flex-start; gap:25px; width:100%;}
.popup.rule .pr_content .cpc_nurture > li i {flex-shrink:0; display:inline-block; width:80px; height:80px; background-image:url("../images/icon_rule02.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0;}
.popup.rule .pr_content .cpc_nurture > li i.t2 {background-position:center 33.333%;}
.popup.rule .pr_content .cpc_nurture > li i.t3 {background-position:center 66.666%;}
.popup.rule .pr_content .cpc_nurture > li i.t4 {background-position:center 100%;}
.popup.rule .pr_content .cpc_nurture > li .cpcn_box {display:flex; flex-wrap:wrap; gap:5px; text-align:left;}
.popup.rule .pr_content .cpc_nurture > li ul {display:flex; flex-wrap:wrap; align-content:flex-start; margin-top:10px;}
.popup.rule .pr_content .cpc_nurture > li li {display:inline-block; position:relative; box-sizing:border-box; width:100%; padding-left:8px; text-align:left; color:var(--CompassionMidGray);}
.popup.rule .pr_content .cpc_nurture > li li:before {content:""; position:absolute; left:0; top:11px; width:3px; height:3px; border-radius:50%; background-color:var(--CompassionMidGray); opacity:0.4;}
.popup.rule .pr_content .cpc_nurture > li p {display:inline-block; width:100%;}

.popup.story .ps_content {display:inline-block; position:relative; position:absolute; left:0; top:50%; margin-top:-315px; height:630px; padding-left:100px; padding-right:100px; white-space:normal; text-align:left;}
.popup.story .ps_content .psc_list {display:inline-block; width:100%; height:100%;}
.popup.story .ps_content .psc_list > ul {display:flex; width:100%; height:100%; flex-wrap:nowrap;}
.popup.story .ps_content .psc_list > ul > li {display:inline-block; position:relative; float:left; box-sizing:border-box; width:360px; margin:0 40px; font-size:0; line-height:0;}
.popup.story .ps_content .psc_list > ul > li:first-child {margin-left:0;}
.popup.story .ps_content .psc_list > ul > li:last-child {margin-right:0;}
.popup.story .ps_content .psc_list > ul > li > strong {display:inline-block; position:relative; box-sizing:border-box; width:100%; padding-left:13px; font-size:20px !important; font-weight:900; line-height:30px !important; text-align:left;}
.popup.story .ps_content .psc_list > ul > li > strong:before {content:""; position:absolute; left:0; top:5px; width:3px; height:20px; background-color:var(--CompassionCoreBlue);}
.popup.story .ps_content .psc_list > ul > li > .pscl_pic {display:inline-block; overflow:hidden; position:relative; width:100%; margin-top:20px; margin-bottom:20px; border-radius:4px; font-size:0; line-height:0;}
.popup.story .ps_content .psc_list > ul > li > .pscl_pic img {width:100%; height:auto;}
.popup.story .ps_content .psc_list > ul > li > mark {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding-bottom:20px; font-size:25px; font-weight:900; color:var(--CompassionCoreBlue); line-height:35px; letter-spacing:0; text-align:left;}
.popup.story .ps_content .psc_list > ul > li > mark:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:var(--CompassionCoreBlue); opacity:0.4;}
.popup.story .ps_content .psc_list > ul > li > p {min-height:200px; margin-top:20px; font-weight:600; line-height:25px; letter-spacing:-0.4px;}
.popup.story .ps_content .psc_list > ul > li > p span {display:inline-block; float:left; vertical-align:middle; width:100%}
.popup.story .ps_content .psc_list > ul > li > p br {display:none;}
.popup.story .ps_content .psc_list > ul > li > a {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; height:40px; border:var(--CompassionCoreBlue) solid 1px; border-radius:20px; font-size:16px; font-weight:800; color:var(--CompassionCoreBlue); line-height:40px; letter-spacing:-0.5px; text-align:center;}
.popup.story .ps_content .psc_list > ul > li > a:hover {text-decoration:underline; text-underline-position:under;}
.popup.story .ps_content .psc_list > ul > li > a i {display:inline-block; vertical-align:middle; position:relative; left:5px; top:-1px; width:20px; height:20px; margin-left:15px; background-image:url("../images/icon_btnarrow02.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0; aspect-ratio:1/1; transition:0.3s;}
.popup.story .ps_content .psc_list > ul > li > a:hover i {left:8px;}

.popscroll {position:absolute; left:50%; top:50%; z-index:100; box-sizing:border-box; width:450px; margin-left:-225px; margin-top:-60px; padding:10px 47px; padding-bottom:20px; background-color:var(--CompassionPureWhite); border-radius:60px; box-shadow:0 16px 50px rgba(28, 29, 31, 0.15); opacity:0; pointer-events:none;}
.popup.on .popscroll {animation:p_scale 3.5s linear forwards 1; animation-delay:0.5s;}
.popscroll .p_scroll {display:inline-block; position:relative; box-sizing:border-box; top:10px; width:20px; height:30px; border-radius:10px; border:var(--CompassionCoreBlue) solid 2px;}
.popscroll .p_scroll i {position:absolute; left:50%; top:4px; width:6px; height:6px; margin-left:-3px; border-radius:50%; background-color:var(--CompassionCoreBlue); animation-name:cr_scroll; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;}
.popscroll span .mo {display:none;}
.popscroll > span {vertical-align:middle; position:relative; width:100%; margin-top:20px; padding:5px 0; font-size:18px; font-weight:800; color:#121A1A; line-height:30px; letter-spacing:-0.5px;}
.popscroll span {display:inline-block;}
.popscroll span > i {position:absolute; left:0; top:50%; width:22px; height:2px; margin-top:-2px;}
.popscroll span > i.p_right {left:auto; right:0;}
.popscroll span > i::before {content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background-color:#3c84c9;}
.popscroll span > i::after {content:""; position:absolute; right:0; top:0; bottom:0; width:2px; background-color:#3c84c9;}
.popscroll span > i > i {position:absolute; left:50%; top:0; bottom:0; width:2px; margin-left:-1px; background-color:#3c84c9;}

@keyframes p_scale {from {transform:scale(0.8); opacity:0;} 5% {transform:scale(1.1); opacity:0.7;} 10% {transform:scale(1); opacity:1;} 95% {transform:scale(1); opacity:1;} to {transform:scale(0.8); opacity:0;}}

.mouse {position: fixed; top:0; left:0; z-index:100; width:150px; height:150px; transform:translate(-50%, -50%); pointer-events:none;}
.mouse .m_pic {position:absolute; left:0; right:0; top:0; bottom:0; transition:0.5s; opacity:0; transform:scale(0.3);}
.mouse.on .m_pic {opacity:1; transform:scale(1);}
.mouse.off .m_pic {opacity:0 !important; transform:scale(0.3) !important;}
.mouse .m_pic .mp_arrow {position:absolute; left:0; right:0; top:0; bottom:0; background-image:url("../images/deco_mouse_arrow_m.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transform:scale(0.8); filter:drop-shadow(0 15px 30px rgba(0, 0, 0, 1));}
.mouse .m_pic .mp_round {position:absolute; left:0; right:0; top:0; bottom:0; background-image:url("../images/deco_mouse_round.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; animation-name:mp_rotate; animation-duration:8s; animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes mp_rotate {from {transform:rotate(0);} to {transform:rotate(-360deg);}}

/* 콘텐츠 */
#contents {display:flex; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; flex-direction:column; overflow:auto; opacity:0; background-color:var(--CompassionHeighEggshell); isolation:isolate; overscroll-behavior-y:none; transition:0.5s;}
#contents.on {opacity:1;}
#contents::-webkit-scrollbar {display: none; width:10px;}
#contents > section {display:inline-block; width:100%; border-radius:4px 4px 0 0; flex-shrink:0; position:sticky; top:150px; margin-top:800px; object-fit:cover; background-color:transparent; isolation:isolate; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
#section01 {z-index:1;}
#section02 {z-index:2;}
#section03 {z-index:3;}
#section04 {z-index:4;}
#section05 {z-index:5;}
#section06 {z-index:6;}
#section07 {z-index:7;}
#section08 {z-index:8;}
#contents .c_wrap {display:inline-block; position:relative; overflow:hidden !important; isolation: isolate !important; width:calc(100% - 40px); max-width:1880px; height:100%; border-radius:4px 4px 0 0; background-repeat:no-repeat; background-size:cover; background-position:center; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
/*#contents section.situation .c_wrap {box-shadow:0 0 60px rgba(32, 34, 36, 0.1);}*/
#contents .c_wrap:before {content:""; position:absolute; left:50%; right:0; top:0; bottom:0; border-radius:4px 0 0 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents section.report .c_wrap {background-color:var(--CompassionPureWhite);}
#contents section.calender .c_wrap {background-color:var(--CompassionPureWhite);}
#contents section.footer .c_wrap {background-color:var(--CompassionCoreBlue); pointer-events:none;}
#contents.step02 #section02 .c_wrap,
#contents.step03 #section03 .c_wrap,
#contents.step04 #section04 .c_wrap,
#contents.step05 #section05 .c_wrap,
#contents.step06 #section06 .c_wrap,
#contents.step07 #section07 .c_wrap {border-radius:4px 4px 0 0;}
#contents section.active .c_wrap {pointer-events:auto;}
#contents section .c_pic {position:absolute; overflow:hidden; isolation:isolate !important; left:0; right:0; top:0; bottom:0; border-radius:4px 4px 0 0; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
#contents section .c_pic .cp_cover {position:absolute; overflow:hidden; isolation:isolate !important; left:0; right:0; top:0; bottom:0; background-image:url("../images/pic_situation.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:translateZ(0) scale(1.2); will-change:transform; transition:5s;}
#contents section.on .c_pic .cp_cover {transform:translateZ(0) scale(1);}

#contents section.report .c_pic .cp_cover {background-image:url("../images/pic_report.jpg");}
#contents section.story .c_pic .cp_cover {background-image:url("../images/pic_story.jpg"); }
#contents section.calender .c_pic .cp_cover {background-image:none; background-color:var(--CompassionMidEggshell);}
#contents section.performancefee .c_pic .cp_cover {background-image:url("../images/pic_performancefee.jpg");}
#contents section.rule .c_pic .cp_cover {background-image:url("../images/pic_rule.jpg")}
#contents section.footer .c_pic {left:50%; border-radius:0 !important; box-shadow:0 0 60px rgba(32, 34, 36, 0.1);}
#contents section.footer .c_pic .cp_cover {background-image:url("../images/pic_footer.jpg");}

#contents section .c_box {position:absolute; left:100px; right:100px; top:50%; height:580px; margin-top:-290px;}
#contents section .c_title {position:absolute; left:0; top:0; z-index:1; text-align:left; text-shadow:1px 1px 8px rgba(18, 26, 26, 0.20); font-family:"Pretendard";}
#contents section .c_title .txt {width:100%; margin-top:30px; text-align:left;}
#contents section .c_youtube {display:flex; align-items:center; position:relative; float:right; width:63%; height:100%;}
#contents section .c_youtube .cy_pic {display:flex; justify-content:center; align-items:center; overflow:hidden; position:relative; width:100%; border-radius:4px; aspect-ratio:16/9;}
#contents section .c_youtube .cy_pic:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-image:url("../images/pic_calender.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents section .c_youtube .cy_frame {display:inline-block; overflow:hidden; position:relative; width:auto; height:90%; max-height:540px; border-radius:20px; aspect-ratio:9/16;}
#contents section .c_youtube .cy_frame iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
#contents section .c_youtube .btn_mute {position:absolute; right:20px; top:70px; box-sizing:border-box; width:54px; height:54px; border:var(--CompassionPureWhite) solid 2px; border-radius:50%; background-image:url("../images/icon_sound_off.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.3s;}
#contents section .c_youtube .btn_mute.on {background-image:url("../images/icon_sound_on.png");}

/* intro */
#contents section .c_info {position:absolute; right:0; top:105px; width:350px; text-align:right;}
#contents section .c_info li {display:inline-block; box-sizing:border-box; width:100%; margin:0; padding:15px 30px; border: 1px solid rgba(255, 255, 255, 0.30); background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.25); box-shadow: 0 5px 10px 0 rgba(18, 26, 26, 0.10); backdrop-filter: blur(20px);}
#contents section .c_info li strong {font-family:"Pretendard"; font-size:14px; font-weight:700; line-height:30px; letter-spacing:-0.3px;}
#contents section .c_info li .title {font-family:"Pretendard"; font-size:30px; font-weight:900; line-height:40px; color:#121a1a;}
#contents section .c_info li .title .txt.big {font-size:20px; font-weight:400; color:#121a1a;}
#contents section .c_info li + li {margin-top:10px;}
#contents section .c_info li span {display:inline;}
#contents section .c_info strong {display:inline-block; width:100%;}
#contents section .c_info > span {margin:0 30px; margin-top:15px; text-shadow: 0 0 5px rgba(18, 26, 26, 0.30);}
#contents section .c_info li .txt.small {display:inline-block; width:100%; margin-top:-4px; letter-spacing:-0.3px;}
#contents section.intro {top:0; margin-top:0;}
/* 2025 renewal S */
#contents section.intro .ci_wrap {position:fixed; left:0; right:0; top:0; bottom:0; background-color:var(--CompassionHeighEggshell); pointer-events:none; transition:0.5s;}
#contents.step01 section.intro .ci_wrap {opacity:0;}
#contents section.intro .ci_content {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:20px; right:20px; top:50%; height:480px; margin-top:-240px; text-align:center;}
#contents section.intro .ci_content > strong {display:block; width:100%; margin-bottom:10px; font-size:30px; font-weight:300; line-height:40px; letter-spacing:-0.6px;}
#contents section.intro .ci_content > strong mark {font-weight:800; letter-spacing:0; background:transparent;}
#contents section.intro .ci_content > strong .light {font-weight:300;}
#contents section.intro .ci_content > h2 {display:block; position:relative; width:100%; font-size:min(7.8125vw,150px); line-height:min(8.3333vw,160px); white-space:nowrap; letter-spacing:-0.16vw; transition:0.15s; font-family:"Pretendard";}
#contents section.intro .ci_content > h2 span {display:inline-block; position:relative; top:min(4.15vw,80px); color:var(--CompassionHeighEggshell); transition:0.4s;}
#contents section.intro.start .ci_content > h2 span {top:0; color:var(--CompassionCoreBlue);}
#contents section.intro.start .ci_content > h2 span:nth-child(1) {transition-delay:0.3s;}
#contents section.intro.start .ci_content > h2 span:nth-child(2) {transition-delay:0.6s;}
#contents section.intro.start .ci_content > h2 span:nth-child(3) {transition-delay:0.9s;}
#contents section.intro .ci_content > p {display:block; position:relative; box-sizing:border-box; width:100%; max-width:322px; margin:50px auto 0; font-family:"Pretendard"; font-size:20px; font-weight:500; line-height:30px; letter-spacing:-0.4px; word-break:keep-all; text-align:center;}
#contents section.intro .ci_content > p span {display:inline-block; width:100%;}
#contents section.intro .ci_content > a {display:flex; justify-content:center; align-items:center; gap:10px; box-sizing:border-box; width:260px; height:60px; margin:50px auto 0; background-color:var(--CompassionCoreBlue); border-radius:4px; font-family:"Pretendard"; font-size:20px; font-weight:600; color:var(--CompassionMidEggshell); letter-spacing:-0.4px; pointer-events:auto; transition:0.3s; word-break:keep-all;}
#contents section.intro .ci_content > a:hover {text-decoration:underline; text-underline-position:under;}
#contents section.intro .ci_content > a i {display:inline-block; width:24px; height:24px; background-image:url("../images/icon_download_w.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s;}
/*#contents section.intro .cr_scroll {display:flex; justify-content:center; align-items:center; gap:15px; position:absolute; left:20px; right:20px; bottom:0; box-sizing:border-box; height:100px; background-color:var(--CompassionCoreBlue); border-radius:4px 4px 0 0; pointer-events:auto;}*/
/*#contents section.intro .cr_scroll b {display:inline-block; position:relative; box-sizing:border-box; width:20px; height:30px; border:var(--CompassionMidEggshell) solid 2px; border-radius:10px;}*/
/*#contents section.intro .cr_scroll b i {position:absolute; left:50%; top:6px; width:6px; height:6px; margin-left:-3px; border-radius:50%; background-color:var(--CompassionMidEggshell); animation-name:cr_scroll; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;}*/
/*#contents section.intro .cr_scroll span {display:inline-block; font-family:"Gotham"; font-size:16px; font-weight:700; color:var(--CompassionMidEggshell); line-height:30px; letter-spacing:-0.3px;}*/
/* 2025 renewal E */

/* situation  */
#contents section.situation {margin-top:0;}
#contents section.situation .c_wrap {background-color:var(--CompassionCoreBlue);}
#contents section.situation .c_area {position:absolute; overflow:hidden; isolation:isolate !important; left:0; right:0; top:0; bottom:0; opacity:0; border-radius:4px 4px 0 0; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity;}
#contents section.situation .c_area .cp_cover {background-image:url("../images/pic_situation.jpg");}

#contents section.situation .cr_scroll {display:inline-block; width:100%;}
#contents section.situation .cr_scroll span {display:inline-block; font-size:16px; font-weight:700; color:var(--CompassionPureWhite); line-height:100px;}
#contents section.situation .cr_scroll b {display:inline-block; position:relative; box-sizing:border-box; top:10px; width:20px; height:30px; margin-right:15px; border-radius:10px; border:var(--CompassionPureWhite) solid 2px; }
#contents section.situation .cr_scroll b i {position:absolute; left:50%; top:4px; width:6px; height:6px; margin-left:-3px; border-radius:50%; background-color:var(--CompassionPureWhite); animation-name:cr_scroll; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes cr_scroll {from {top:4px;} 50% {top:10px;} to {top:4px;}}

#contents section.report .cc_content {position:absolute; left:0; top:0; text-align:left; width:210px;}
#contents section.report .cc_content.t2 {left:auto; right:0; top:50%; margin-top:-115px;}
#contents section.report .cc_content.t3 {top:auto; bottom:0;}

#contents section.story .cs_content {position:absolute; left:0; top:0;}

#contents section.calender .c_title {text-shadow:none;}

#contents section.performancefee .c_title {text-shadow: 1px 1px 8px rgba(18, 26, 26, 0.20);}
#contents section.performancefee .c_title .txt {text-shadow: 1px 1px 8px rgba(18, 26, 26, 0.20);}
#contents section.performancefee .cp_content {display:inline-block; position:absolute; left:0; bottom:0;}
#contents section.performancefee .cp_content .cpc_circle {display:inline-block; position:relative; float:left;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart {width:300px; height:300px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart svg {top:0; left:0; width:100%; height:auto;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p {position:relative; left:0; margin-top:-40px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span {display:flex; justify-content:center; font-size:30px; line-height:70px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span > span {font-size:60px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span > mark {position:relative; align-items:flex-end; display:flex; line-height:45px;}
#contents section.performancefee .cp_content .cpc_txt {display:inline-block; float:left; width:100%;}
#contents section.performancefee .cp_content .cpc_txt .cpct_box {display:inline-block; float:left; box-sizing:border-box; width:340px; margin-top:25px; padding:15px; border-radius:20px; background-color:rgba(28,29,31,0.2); backdrop-filter:blur(20px);}
#contents section.performancefee .c_info {top:50%; margin-top:-200px;}
#contents section.performancefee .c_info .ci_count.t5 {letter-spacing:0.9px;}

#contents section.footer .c_box {height:630px; margin-top:-290px}
#contents section.footer .title {position:absolute; left:0; top:0; text-align:left; font-family:"Pretendard";}
#contents section.footer .f_pdfbutton {display:flex; justify-content:center; align-items:center; gap:10px; box-sizing:border-box; width:260px; height:60px; margin-top:30px; background-color:var(--CompassionPureWhite); border-radius:4px; font-family:"Pretendard"; font-size:20px; font-weight:600; color:var(--CompassionCoreBlue); letter-spacing:-0.4px; pointer-events:auto; transition:0.3s; word-break:keep-all;}
#contents section.footer .f_pdfbutton:hover {text-decoration:underline; text-underline-position:under;}
#contents section.footer .f_pdfbutton i {display:inline-block; width:24px; height:24px; background-image:url("../images/icon_download.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s;}
#contents section.footer .cf_box {position:absolute; left:0; bottom:0; text-align:left;}
#contents section.footer .cf_logo {position:absolute; left:0; top:-90px;}
#contents section.footer .cf_list {display:inline-block; float:left; width:100%; letter-spacing:0;}
#contents section.footer .cf_list li {display:inline-block; box-sizing:border-box; position:relative; width:100%; padding-left:113px; text-align:left; font-weight:400; word-break:keep-all;}
#contents section.footer .cf_list li strong {position:absolute; left:0; top:0; padding-left:8px;}
#contents section.footer .cf_list li strong:before {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; border-radius:1px; background-color:var(--CompassionMidEggshell); opacity:0.4; transform:translateY(-50%);}
#contents section.footer .cf_list li a {pointer-events:auto;}
#contents section.footer .cf_list li a:hover {text-decoration:underline;}
#contents section.footer .cf_copyright {display:inline-block; margin-top:40px; pointer-events:auto; font-weight:500; letter-spacing:0;}
#contents section.footer .cf_copyright span {display:inline-block; width:auto;}

#contents .cf_logo {display:inline-block; width:136px; height:50px; transition:0.3s;}
#contents .cf_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; transition:0.3s; pointer-events:auto;}
#contents .cf_logo .cfl_img {display:inline-block; width:100%; height:auto; fill:var(--CompassionPureWhite); fill-rule:evenodd;}






@media all and (min-width:1880px) {
	.popup.story .p_movecontent {transform:translateX(0) !important;}
	.popup.story .popscroll {display:none;}
}




@media all and (max-width:1800px) {
	.popup .p_openbtn {gap:8px; padding:12px 17px 12px 25px; font-size:16px;}

	.popup.situation .pc {display:none;}
	.popup.situation .mo.t1 {display:inline-block;}
	.popup.situation .p_wrap:before {width:500px;}
	.popup.situation .ps_area {width:500px;}
	.popup.situation .ps_box {padding:0 70px;}
	.popup.situation .ps_content {width:auto; height:100%;}
	.popup.situation .ps_content.t1 {left:500px; width:510px;}
	.popup.situation .ps_content.t2 {left:1010px; width:340px;}
	.popup.situation .ps_content.t3 {left:1350px; width:430px;}
	.popup.situation .ps_content .psc_list {transform:scale(0.8);}
	.popup.situation .ps_content.t2 .psc_list.t1 {left:-80px;}
	.popup.situation .ps_content.t2 .psc_list.t2 {left:140px;}
	.popup.situation .ps_content.t3 .psc_list.t1 {right:270px;}
	.popup.situation .ps_content.t3 .psc_list.t2 {right:50px;}
	.popup.situation .ps_content .psc_list.on {animation-name:f_scale; animation:f_scale 0.5s linear forwards 1; opacity:1;}
	.popup.situation .ps_content.t4 {left:calc(500px + max(5.2vw, 100px)); right:max(5.2vw, 100px);}

	.popup.rule .pr_content {height:635px; margin-top:-317px;}
	.popup.rule .pr_content .cpc_step li {height:118px;}
	.popup.rule .pr_content .cpc_step li .txt.big.t1 {font-size:18px; line-height:28px;}
	.popup.rule .pr_content.t2 .p_openbtn {padding:10px 17px 10px 25px;}

	#header .h_logo {left:45px; top:45px; width:150px; height:55px;}
	#header .h_menu {right:45px; top:40px;}
	#header .h_menu .hm_list {left:45px; right:45px; width:auto; margin-left:0;}
	#header .h_menu .hm_list ul {width:100%; max-width:1500px; margin:0 auto; gap:40px;}
	#header .h_menu .hm_list ul li {width:460px; height:250px; padding:0;}
	#header .h_menu .hm_list ul li .hml_btn {padding:40px; gap:25px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_top {gap:14px;}
	#header .h_menu .hm_list ul li .hml_btn strong {font-size:32px; line-height:42px; letter-spacing:-0.6px; white-space:nowrap;}
	#header .h_menu .hm_list ul li .hml_btn .hml_icon {width:46px; height:46px; background-size:46px auto;}
	#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
	#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -46px;}
	#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -92px;}
	#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -138px;}
	#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -184px;}
	#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -230px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_arrow {width:38px; height:38px; background-size:28px auto;}
	#header .h_menu .hm_list ul li .hml_btn .hml_desc {font-size:18px; line-height:28px;}
	#contents section.intro .cr_scroll {height:90px;}
	#contents section.situation .c_box {bottom:120px;}
	#aside {left:45px; right:45px; bottom:25px;}
	.popup.situation .ps_storybtn {bottom:0; max-width:280px; padding:11px 16px;}
	/* 2025 renewal E */
}


@media all and (max-width:1600px) {
	/* 헤더 */
	#header .h_logo {left:40px; top:40px; width:135px; height:50px;}
	#header .h_title {top:0; font-size:5.4vw;}
	#header .h_menu {right:40px; top:35px;}
	/* 2025 renewal S */
	#header .h_menu .hm_list {left:40px; right:40px; width:auto; margin-left:0;}
	#header .h_menu .hm_list ul {width:100%; max-width:1440px; margin:0 auto; gap:30px;}
	#header .h_menu .hm_list ul li {width:425px; height:240px; padding:0;}
	#header .h_menu .hm_list ul li .hml_btn {padding:35px; gap:22px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_top {gap:14px;}
	#header .h_menu .hm_list ul li .hml_btn strong {font-size:28px; line-height:38px; letter-spacing:-0.6px; white-space:nowrap;}
	#header .h_menu .hm_list ul li .hml_btn .hml_icon {width:44px; height:44px; background-size:44px auto;}
	#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
	#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -44px;}
	#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -88px;}
	#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -132px;}
	#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -176px;}
	#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -220px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_arrow {width:36px; height:36px; background-size:26px auto;}
	#header .h_menu .hm_list ul li .hml_btn .hml_desc {font-size:18px; line-height:28px;}
	/* 2025 renewal E */
	.popup {padding-top:120px;}
	.popup .p_close {width:70px; margin-left:-35px;}
	.popup.situation .ps_content.t1 .psc_list.t2 {left:20vw;}
	.popup.situation .ps_content.t2 .psc_list {right:-3vw;}
	.popup.calender .pt_content .ptc_box {width:2260px; padding-left:70px;}
	.popup.calender .pt_content .ptc_box.t2 {width:1620px;}
	.popup.calender .pt_content .ptc_box.t3 {width:1300px;}
	.popup.calender .pt_content .ptc_box.t4 {width:1370px; padding-right:70px;}
	.popup.calender .pt_area .pt_txt .txt.mo {display:inline-block;}
	.popup.calender .pt_area .pt_txt .txt.pc {display:none}
	.popup.performancefee .p_box {left:70px; right:70px;}
	.popup.rule .pr_content.t1 {padding-left:70px;}
	.popup.rule .pr_content.t3 {padding-right:70px;}
	.popup.performancefee .p_wrap.pc {display:none;}
	.popup.performancefee .p_wrap.mo.t1 {display:inline-block;}
	/* .popup.performancefee .pp_wrap.t1 {right:calc(50% + 70px);}
    .popup.performancefee .pp_wrap.t2 {left:calc(50% + 70px);}
    .popup.performancefee .pp_content {right:0;}
    .popup.performancefee .pp_content .title {float:left; font-size:22px; line-height:32px;}
    .popup.performancefee .pp_content .title > .small {margin-bottom:5px;}
    .popup.performancefee .pp_content .title > span ~ span.cm {margin-top:10px;}
    .popup.performancefee .pp_list {left:0; top:340px;}
    .popup.performancefee .pp_circle {left:auto; top:150px; bottom:auto; right:0; width:180px;}
    .popup.performancefee .pp_wrap.t1 .pp_circle .ppc_etc {top:-4%}
    .popup.performancefee .pp_circle .ppc_etc {top:-5%;}
    .popup.performancefee .pie-chart p {margin-top:-25px;}
    .popup.performancefee .pie-chart p > span {font-size:20px; line-height:45px;}
    .popup.performancefee .pie-chart p > span > span {font-size:40px;}
    .popup.performancefee .pp_list > .txt {float:left;} */
	.popup.performancefee .pp_content .title {float:left; font-size:22px; line-height:32px;}
	.popup.performancefee .pp_content .title > .small {margin-bottom:5px;}
	.popup.performancefee .pp_content .title > span ~ span.cm {margin-top:10px;}
	.popup.performancefee .pie-chart p {margin-top:-50px;}
	.popup.performancefee .pie-chart p > span {font-size:40px; line-height:85px;}
	.popup.performancefee .pie-chart p > span > span {font-size:63px;}
	.popup.performancefee .p_wrap:before,
	.popup.performancefee .p_wrap:after {display:none;}
	.popup.performancefee .p_area {display:inline-block; position:absolute; left:0; top:50%; box-sizing:border-box; width:900px; height:630px; margin-top:-315px; white-space:normal;}
	.popup.performancefee .p_area.t2 {left:900px;}
	.popup.performancefee .pp_wrap {position:relative; top:50%; bottom:auto; box-sizing:border-box; width:100%; transform:translateY(-50%);}
	.popup.performancefee .p_area.t2 .pp_wrap {background-color:var(--CompassionMidEggshell);}
	.popup.performancefee .pp_area {position:absolute; left:70px; right:70px; top:50%; height:630px; margin-top:-315px;}
	.popup.performancefee .pp_circle .ppc_etc {left:-2%; top:-19%;}
	.popup.performancefee .pp_wrap.t1 .pp_circle .ppc_etc {left:11.5%; top:-17.5%;}
	.popup.story .ps_content {padding-left:70px; padding-right:70px;}
	.popup.story .ps_content .psc_list {width:calc(100% + 70px); margin-left:-35px;}
	.popup.story .ps_content .psc_list > ul > li {margin:0 35px;}
	.popup.report .pr_area {width:500px;}
	.popup.report .pr_data {left:70px; right:70px;}
	.popup.report .p_wrap:before {left:500px;}
	.popup.report .pr_content.t1 {padding:0 70px;}
	.popup.report .pr_data .prdc_chart_box {left:-22px;}


	/* aside */
	#aside:before {height:260px;}
	#aside .a_list li {font-size:16px; line-height:60px;}
	/* 2025 renewal S - aside */
	#aside {left:40px; right:40px; bottom:20px;}
	/* 2025 renewal E */

	/* 콘텐츠 */
	#contents > section {top:120px;}
	#contents section .c_box {left:70px; right:70px;}

	#contents section.footer .cf_logo {top:-60px; width:108px; height:40px;}
	#contents section.footer .cf_copyright {margin-top:20px;}
}





@media all and (max-width:1440px) {

	.title {font-size:25px; line-height:35px;}
	.title.t2 {font-size:50px; line-height:60px;}
	.title.t3 {font-size:90px; line-height:90px;}
	.title.t5 {font-size:30px;}

	.txt.huge {font-size:23px; line-height:35px; letter-spacing:-0.5px;}

	.pie-chart.t1 .txt.normal {font-size:14px; line-height:20px;}
	/* 헤더 */
	#header .h_title {font-size:5.3vw;}
	#header .h_menu .hm_list {width:1100px; margin-left:-550px;}
	#header .h_menu .hm_list ul {width:calc(100% + 160px); margin-left:-80px;}

	/* 콘텐츠 */
	#contents section .c_info li {padding:15px 25px;}
	#contents section .c_info > span {margin:0 25px; margin-top:10px;}
	#contents section.intro .ci_content > h2 {letter-spacing:-0.18vw;}
	#contents section.intro .ci_content > strong {margin-bottom:25px; font-size:25px; line-height:35px;}
	#contents section.intro .ci_content > p {margin-top:45px; font-size:18px; line-height:28px;}
	#contents section.report .cc_content {width:180px;}
	#contents section.report .cc_content .txt {margin-top:5px; font-size:16px; line-height:28px;}
	#contents section.intro .ci_content > a {margin-top:60px;}
	#contents section .c_title .txt {margin-top:20px;}
	/* 2025 renewal S - 1440 보완 */
	#header .h_menu .hm_list {left:40px; right:40px; width:auto; margin-left:0;}
	#header .h_menu .hm_list ul {width:100%; max-width:1280px; margin:0 auto; gap:25px;}
	#header .h_menu .hm_list ul li {width:380px; height:230px; padding:0;}
	#header .h_menu .hm_list ul li .hml_btn {padding:30px; gap:18px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_top {gap:12px;}
	#header .h_menu .hm_list ul li .hml_btn strong {font-size:24px; line-height:34px; letter-spacing:-0.5px; white-space:nowrap;}
	#header .h_menu .hm_list ul li .hml_btn .hml_icon {width:40px; height:40px; background-size:40px auto;}
	#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
	#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -40px;}
	#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -80px;}
	#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -120px;}
	#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -160px;}
	#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -200px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_arrow {width:32px; height:32px; background-size:24px auto;}
	#contents section.intro .ci_content {height:380px; margin-top:-190px;}
	#contents section.intro .ci_content > a {margin-top:35px; width:220px; height:50px; font-size:17px;}
	#contents section.intro .cr_scroll {height:70px;}
	#contents section.situation .c_box {bottom:100px;}
	#contents section.situation .c_info {width:280px;}
	#contents section.situation .c_info li {padding:12px 22px;}
	#contents section.situation .c_info li .title {font-size:24px; line-height:34px;}
	#contents section.situation .c_info li .title .txt.big {font-size:16px;}
	#contents section.footer .f_pdfbutton {margin-top:20px; width:220px; height:50px; font-size:17px;}
	#aside {left:30px; right:30px; bottom:10px;}
	.popup.situation .ps_storybtn {max-width:260px; padding:10px 14px; font-size:13px;}
	/* 2025 renewal E */

}





@media all and (max-width:1280px) {
	.title {font-size:22px; line-height:32px;}
	.title.t2 {font-size:45px; line-height:55px;}
	.title.t3 {font-size:80px; line-height:80px;}
	.title.t5 {font-size:25px;}
	.txt {font-size:17px; line-height:28px;}
	.txt.huge {font-size:20px; line-height:30px;}
	.txt.big {font-size:18px; line-height:28px;}
	.txt.normal {font-size:15px;}
	.popup {padding-top:100px;}
	.popup .p_close {top:25px; width:50px; margin-left:-25px}
	.popup .p_close::before {width:24px; height:24px; margin-left:-12px; margin-top:-12px;}
	.popup.rule .pr_content,
	.popup.performancefee .p_box,
	.popup.calender .pt_area .pt_txt,
	.popup.calender .pt_content .ptc_box .ptc_wrap,
	.popup.report .pr_content,
	.popup.report .pr_content .prc_post,
	.popup.report .pr_content.t2 .prc_box.t2 > strong,
	.popup.report .pr_content.t3 .prc_box.t2 > strong,
	.popup.performancefee .p_area,
	.popup.performancefee .pp_area,
	.popup.situation .ps_content .psc_box {height:600px; margin-top:-300px;}
	.popup.situation .ps_box {padding:0 50px;}
	.popup.situation .p_wrap:before {width:450px;}
	.popup.situation .ps_area {width:450px;}
	.popup.situation .ps_content.t1 {left:450px;}
	.popup.situation .ps_content.t2 {left:960px;}
	.popup.situation .ps_content.t3 {left:1300px;}
	.popup.situation .ps_area .title strong, .popup.situation .psc_wrap > .title strong {font-size:50px; line-height:60px;}

	.popup.calender .pt_content.t1 .ptc_box .ptc_youtube {top:50%; bottom:0; margin-top:0; height:auto;}
	.popup.performancefee .pp_wrap.t1 {right:calc(50% + 50px);}
	.popup.performancefee .pp_wrap.t2 {left:calc(50% + 50px);}
	.popup.performancefee .p_box {left:50px; right:50px;}
	.popup.performancefee .pp_circle .ppc_etc {left:0; top:-22%;}
	.popup.performancefee .pp_wrap.t1 .pp_circle .ppc_etc {top:-18.5%;}
	.popup.situation .ps_area > .title,
	.popup.situation .ps_content .psc_info,
	.popup.situation .ps_area .ps_support {left:50px;}
	.popup.performancefee .pp_area {left:50px; right:50px;}
	.popup.rule .pr_content.t1 {padding-left:50px; padding-right:40px;}
	.popup.rule .pr_content.t2 {padding-right:40px;}
	.popup.rule .pr_content.t3 {padding-right:50px;}
	.popup.calender .pt_content .ptc_box {width:2240px; padding-left:50px;}
	.popup.calender .pt_content .ptc_box.t2 {width:1600px;}
	.popup.calender .pt_content .ptc_box.t3 {width:1280px;}
	.popup.calender .pt_content .ptc_box.t4 {width:1330px; padding-right:50px;}
	.popup.story .ps_content {padding-left:50px; padding-right:50px;}
	.popup.story .ps_content .psc_list {width:calc(100% + 50px); margin-left:-25px;}
	.popup.story .ps_content .psc_list > ul > li {margin:0 25px;}

	.popup.report .pr_area {width:450px;}
	.popup.report .pr_data .prdc_chart_box {left:-25px;}
	.popup.report .pr_data {left:50px; right:50px;}
	.popup.report .p_wrap:before {left:450px;}
	.popup.report .pr_content.t1 {padding:0 50px;}

	.popup.report .pr_data {height:580px; margin-top:-290px;}

	.popup.rule .pr_content .txt span {width:auto;}
	.popup.rule .pr_content .cpc_step li {height:110px;}
	.popup.rule .pr_content .cpc_step li .txt.big {font-size:18px; line-height:28px;}
	.popup.rule .pr_content .cpc_step li .txt.big span {width:100%;}
	.popup.rule .pr_content.t2 .p_openbtn {padding:8px 17px 8px 25px;}

	/* 헤더 */
	#header .h_logo {left:35px; top:35px; width:108px; height:40px;}
	#header .h_menu {right:35px; top:30px; width:60px; font-size:0; line-height:0;}
	#header .h_menu .hm_button {width:36px; height:36px; margin-left:-18px; margin-top:-18px;}
	#header .h_menu .hm_list {width:900px; margin-left:-450px;}
	#header .h_menu .hm_list ul {width:calc(100% + 100px); margin-left:-50px;}
	#header .h_menu .hm_list ul li {padding:0 50px;}
	#header .h_menu .hm_list ul li .hml_btn {font-size:30px; line-height:80px;}
	#header .h_menu .hm_list ul li .hml_btn i {width:22px;}
	#header .h_menu .hm_list ul li p {padding:15px 0; font-size:18px; line-height:28px;}
	#header .h_slogan img {width:100%; height:auto;}
	#header .h_title {line-height:100px;}

	/* aside */
	#aside:before {height:230px;}
	#aside .a_list li {padding:0 10px; font-size:15px; line-height:50px;}

	/* 컨텐츠 */
	#contents > section {top:100px;}
	#contents section .c_title .txt {margin-top:15px;}
	#contents section .c_box {left:50px; right:50px; height:500px; margin-top:-250px;}
	#contents section .c_youtube {width:60%;}
	#contents section.report .cc_content {width:165px;}
	#contents section.footer .c_box {height:500px; margin-top:-250px;}
	#contents section.footer .cf_box {width:calc(50% - 50px);}
	/* 2025 renewal S - 1280 보완 */
	#header .h_menu .hm_list {left:30px; right:30px; width:auto; margin-left:0;}
	#header .h_menu .hm_list ul {width:100%; max-width:1140px; margin:0 auto; gap:20px;}
	#header .h_menu .hm_list ul li {width:360px; height:200px; padding:0;}
	#header .h_menu .hm_list ul li .hml_btn {padding:30px; gap:18px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_top {gap:12px;}
	#header .h_menu .hm_list ul li .hml_btn strong {display:flex; align-items:center; flex:1; min-height:40px; font-size:24px; line-height:30px; letter-spacing:-0.5px; white-space:nowrap;}
	#header .h_menu .hm_list ul li .hml_btn .hml_icon {width:40px; height:40px; background-size:40px auto;}
	#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
	#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -40px;}
	#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -80px;}
	#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -120px;}
	#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -160px;}
	#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -200px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_arrow {width:32px; height:32px; background-size:24px auto;}
	#header .h_menu .hm_list ul li .hml_btn .hml_desc {font-size:16px; line-height:26px;}
	.popup.situation .ps_storybtn {max-width:240px; padding:9px 12px; font-size:12px; line-height:18px;}
	.popup.situation .ps_storybtn i {width:14px; height:14px;}
	/* 2025 renewal E */
}





@media all and (max-width:1024px) {
	.mouse {display:none !important;}

	.popup.calender .pt_area {width:250px;}
	.popup.calender .pt_content.t1 {padding-left:250px;}
	.popup.calender .pt_area .pt_txt {left:30px;}
	.popup.calender .pt_content.t1 .ptc_box {padding: 0 50px;}
	.popup.calender .pt_area .pt_txt {right:30px;}
	.popup.performancefee .p_box {left:30px; right:30px;}
	.popup.performancefee .pp_wrap.t1 {right:calc(50% + 30px);}
	.popup.performancefee .pp_wrap.t2 {left:calc(50% + 30px);}
	.popup.rule .pr_content.t1 {padding-left:30px; padding-right:50px;}
	.popup.rule .pr_content.t3,
	.popup.rule .pr_content.t4,
	.popup.rule .pr_content.t5 {padding-right:70px;}
	.popup.rule .pr_content.t6 {padding-right:30px;}
	.popup.performancefee .p_area {width:760px;}
	.popup.performancefee .p_area.t2 {left:760px;}
	.popup.report .pr_data > .title strong {font-size:40px; line-height:50px;}
	.popup.report .p_wrap {background-color:transparent;}
	.popup.report .p_wrap.pc {display:none;}
	.popup.report .p_wrap.mo.t1 {display:inline-block;}
	.popup.report .pr_area {width:400px;}
	.popup.report .pr_data .prdc_chart_box {left:-50px;}
	.popup.report .pr_content.t1:before {content:""; position:absolute; left:-1px; right:0; top:-100px; bottom:-100px; background-color:var(--CompassionMidEggshell);}
	.popup.report .pr_content.t3 {left:0; width:400px;}
	.popup.report .pr_content.t3 .prc_box:before {content:""; position:absolute; left:0; right:0; top:-100%; bottom:-100%; background-color:var(--CompassionPureWhite);}
	.popup.report .p_wrap:before {display:none;}
	.popup.report .pr_content .prc_wrap {width:1620px; gap:60px;}
	.popup.report .pr_content .prc_box {width:360px;}
	.popup.report .pr_content .prc_box.t3 {width:780px;}
	.popup.report .pr_content .prc_letter {gap:60px;}
	.popup.report .pr_content .prc_letter .prcl_box {gap:10px; padding:20px 25px;}
	.popup.report .pr_content .prc_letter .prcl_wrap {width:calc(50% - 30px);}
	.popup.report .pr_content .title.t5 {margin-bottom:20px; padding-bottom:20px;}
	.popup.report .pr_content .title.t5 i {width:64px; height:48px;}

	.popup.performancefee .pp_circle .ppc_etc {left:0; top:-19%;}
	.popup.performancefee .pp_wrap.t1 .pp_circle .ppc_etc {left:11%; top:-15.5%;}
	/* 헤더 */
	#header .h_logo {left:30px; top:30px;}
	#header .h_menu {right:30px; top:25px;}
	#header .h_menu .hm_list {left:30px; right:30px; top:110px; bottom:30px; width:auto; transform:none;}

	/* 사이드 */
	#aside .a_list li {font-size:14px;}

	/* 콘텐츠 */
	#contents section .c_box,
	#contents section.footer .c_box {left:30px; right:30px; top:50px; bottom:50px; height:auto; margin-top:0;}
	#contents section.footer .title {display:flex; flex-direction:column; justify-content:flex-end; right:0; bottom:50%; padding-bottom:30px;}
	#contents section.footer .title span {text-shadow:1px 1px 8px rgba(18, 26, 26, 0.20);}
	#contents section.situation .c_box {bottom:50px;}
	#contents section.footer .c_pic {left:0; bottom:50%;}
	#contents section.footer .c_pic .cp_cover {background-image:url("../images/pic_footer_m.jpg"); background-position:top 20% center;}
	#contents section .c_youtube {position:absolute; left:-30px; right:-30px; top:-50px; bottom:-50px; width:calc(100% + 60px); height:auto; border-radius:0; align-items:flex-start}
	#contents section .c_youtube .cy_pic {align-items:flex-end; height:100%; aspect-ratio:unset;}
	#contents section .c_youtube .cy_frame {height:calc(100% - 235px); margin-bottom:70px; border-radius:20px;}
	#contents section .c_info {left:auto; right:0; top:auto; bottom:20px; width:300px; text-align:left;}
	#contents section .c_info li {text-align:right;}
	#contents section .c_info > span {float:right;}
	#contents section.report .c_info,
	#contents section.performancefee .c_info {bottom:55px;}
	#contents section.situation .cr_scroll span {line-height:70px;}
	#contents section.performancefee .c_info {top:auto; left:auto; right:0; margin-top:0; text-align:right;}
	#contents section.performancefee .cp_content {bottom:20px; margin-top:0;}
	#contents section.performancefee .cp_content .pie-outter {width:260px; height:260px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart {width:260px; height:260px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p {left:0; margin-top:-50px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span {font-size:30px; line-height:60px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span > span {font-size:50px;}
	#contents section.performancefee .cp_content .cpc_circle .txt.normal {font-size:14px;}
	#contents section.performancefee .cp_content .cpc_txt {font-size:13px; line-height:28px;}
	#contents section.performancefee .cp_content .cpc_txt .cpct_box {width:310px; margin-top:20px; padding:10px;}
	#contents section.footer .cf_box {width:100%;}
	#contents section .c_mouse {position: absolute; right:30px; top:50px; z-index:100; width:150px; height:150px; pointer-events:none;}
	#contents section .c_mouse .cm_pic {position:absolute; left:0; right:0; top:0; bottom:0; transition:0.5s; opacity:0; transform:scale(0.3);}
	#contents section.active .c_mouse .cm_pic {opacity:1; transform:scale(1);}
	#contents section .c_mouse .cm_pic .cmp_arrow {position:absolute; left:0; right:0; top:0; bottom:0; background-image:url("../images/deco_mouse_arrow_m.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transform:scale(0.8); filter:drop-shadow(0 15px 30px rgba(0, 0, 0, 1));}
	#contents section .c_mouse .cm_pic .cmp_round {position:absolute; left:0; right:0; top:0; bottom:0; background-image:url("../images/deco_mouse_round_m.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; animation-name:mp_rotate; animation-duration:8s; animation-iteration-count:infinite; animation-timing-function:linear; filter:drop-shadow(0 15px 30px rgba(0, 0, 0, 1));}
	#contents section.calender .c_mouse .cm_pic .cmp_arrow {background-image:url("../images/deco_mouse_arrow_m_b.svg")}
	#contents section.calender .c_mouse .cm_pic .cmp_round {background-image:url("../images/deco_mouse_round_m_b.svg");}
	#contents section.footer .cf_box {top:50%; margin-top:30px;}
	#contents section.footer .cf_logo {position:relative; top:0; display:none;}
	#contents section.footer .cf_list {margin-top:0;}
}





@media all and (max-width:768px) {

	.title.t2 {font-size:40px; line-height:50px;}
	.title.t4 {font-size:20px; line-height:30px;}

	.txt.huge {font-size:18px; line-height:28px;}
	.txt.big {font-size:16px ;line-height:26px;}

	.pie-outter {background-color:rgba(255, 255, 255, 0.6); backdrop-filter:none;}
	.popup .p_openbtn {gap:6px; padding:7px 13px 7px 17px; font-size:15px;}

	.popup .p_wrap {width:100%;}
	.kakao .popup .p_wrap {position:absolute; left:0; right:0; top:0; height:750px !important; border-radius:30px !important;}
	.kakao .popup .sectionheight {height:750px !important;}
	.kakao .popup.on .p_wrap {transform:translateY(100px);}
	.kakao .popup.report .p_wrap > .pc_line strong:last-child {border-radius:0 0 0 30px;}
	.popscroll > span {margin-top:11px;}
	.popup .p_scroll {display:inline-block; vertical-align:middle; position:absolute; right:-40px; bottom:80px; padding-left:20px; z-index:10; width:140px;  background-color:var(--CompassionPureWhite); border-radius:20px; text-align:left; transition:0.3s; -webkit-transition:0.3s; box-shadow:0 20px 40px rgba(0,0,0,0.1); opacity:0; transform:rotate(90deg); pointer-events:none;}
	.popup.on .p_scroll {animation:p_scale2 3.5s linear forwards 1; animation-delay:0.5s;}
	@keyframes p_scale2 {from {transform:scale(0.8) rotate(90deg); opacity:0;} 5% {transform:scale(1.1) rotate(90deg); opacity:0.7;} 10% {transform:scale(1) rotate(90deg); opacity:1;} 95% {transform:scale(1) rotate(90deg); opacity:1;} to {transform:scale(0.8) rotate(90deg); opacity:0;}}
	.popup .p_scroll i {display:inline-block; position:absolute; right:0; width:50px; height:1px; top:50%; background-color:var(--CompassionCoreBlue); animation-name:as_scroll_before; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;}
	@keyframes as_scroll_before {from {right:10px;} 50% {right:20px;} to {right:10px;}}
	.popup .p_scroll i:before {content:""; position:absolute; right:1px; top:-4px; width:9px; height:9px; border-right:var(--CompassionCoreBlue) solid 1px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
	.popup .p_scroll span {display:inline-block; vertical-align:middle; position:relative; width:100%; outline:none; font-size:14px; font-weight:900; color:var(--CompassionCoreBlue); line-height:40px; transition:0.3s; -webkit-transition:0.3s;}
	.popup .swiper-nav {position:fixed; left:20px; right:20px; top:calc(50% + 50px); height:30px; margin-top:-15px; pointer-events:none;}
	.popup .swiper-nav > div {display:flex; justify-content:center; align-items:center; top:0; right:0; width:30px; height:30px; margin-top:0; color:var(--CompassionCoreBlue);}
	.popup.on .swiper-nav > div {pointer-events:auto;}
	.popup .swiper-nav > div:after {display:none;}
	.popup .swiper-nav > div:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:50%; background-color:var(--CompassionPureWhite); opacity:0.3;}
	.popup .swiper-nav > div.t1:before {background-color:var(--CompassionMidEggshell)}
	.popup .swiper-nav > div.t4:before {background-color:var(--CompassionMidEggshell)}
	.popup .swiper-nav > div.swiper-button-prev {left:0; right:auto; transform:rotate(180deg);}
	.popup .swiper-nav > div svg {transform:scale(0.8);}

	.popup.performancefee.minipopopen .swiper-nav {display:none;}
	.popup.rule .pr_content,
	.popup.performancefee .p_box,
	.popup.calender .pt_area .pt_txt,
	.pt_content .ptc_box .ptc_wrap, .popup.report .pr_content,
	.popup.report .pr_content .prc_post, .popup.situation .ps_area,
	.popup.report .pr_content.t2 .prc_box.t2 > strong,
	.popup.report .pr_content.t3 .prc_box.t2 > strong,
	.popup.performancefee .p_area,
	.popup.performancefee .pp_area,
	.popup.situation .ps_content .psc_box,
	.popup.calender .pt_content .ptc_box .ptc_wrap {top:auto; height:auto; margin-top:0;}

	.minipop .m_wrap > strong p {float:right; width:50%; min-width:155px;}
	.minipop .m_wrap > strong p span:nth-child(1) {width:66.666%;text-align:right}
	.minipop .m_wrap > strong p span:nth-child(2) {width:33.333%;}

	.minipop .m_wrap > ul li p {float:right; width:50%; min-width:155px;}
	.minipop .m_wrap > ul li p span:nth-child(1) {width:66.666%;text-align:right}
	.minipop .m_wrap > ul li p span:nth-child(2) {width:33.333%;}


	.popup .p_overflow {position:absolute; left:0; right:0; top:0; z-index:0; height:100%; overflow:auto;}
	.popup.situation .p_overflow {background-color:var(--CompassionPureWhite); overflow-x:hidden; transition:0.3s;}
	.popup.situation.color .p_overflow {background-color:var(--CompassionMidEggshell);}
	.popup.situation .mo.t1 {display:none;}
	.popup.situation .mo.t2 {display:inline-block;}
	.popup.situation .ps_area,
	.popup.situation .ps_content,
	.popup.situation .ps_area > .title,
	.popup.situation .ps_content .psc_info {position:relative !important; float:left; left:auto !important; right:auto !important; top:auto !important; box-sizing:border-box; width:100% !important; height:auto !important; margin-top:0 !important; padding:0 !important; transform:none !important}
	.popup.situation .ps_content {display:flex !important; height:100% !important; align-items:center !important; background-color:transparent;}
	.popup.situation .ps_content > ul {display:flex; height:auto !important; align-items:center;}
	.popup.situation .ps_content > ul > li {width:320px; transition:0.3s; opacity:0;}
	.popup.situation .ps_content > ul > li.t1 {height:560px !important;}
	.popup.situation .ps_content > ul > li.t2 {width:411px;}
	.popup.situation .ps_content > ul > li.t2,
	.popup.situation .ps_content > ul > li.t3,
	.popup.situation .ps_content > ul > li.t4 {padding-top:0;}
	.popup.situation .ps_content > ul > li.t2 img {position:relative; left:-80px;}
	.popup.situation .ps_content > ul > li.t4 img {position:relative; left:50px;}
	.popup.situation .ps_content > ul > li.swiper-slide-active {opacity:1;}
	.popup.situation .ps_content > ul > li > .psc_wrap > .title {width:100%; margin-bottom:20px; text-align:left; font-size:20px; line-height:30px;}
	.popup.situation .ps_content .psc_info > p + p {margin-bottom:20px;}
	.popup.situation .ps_area {padding:50px 20px !important; background-color:var(--CompassionPureWhite);}
	.popup.situation .ps_area > .title {margin-bottom:30px !important;}
	.popup.situation .ps_content .psc_box {align-items:flex-end; justify-content:space-between;}
	.popup.situation .ps_content .psc_list {width:190px; background-color:rgba(255,255,255,0.6);}
	.popup.situation .ps_content > ul > li > .psc_wrap > .title,
	.popup.situation .ps_content .psc_info {width:calc(100% + 20px) !important; margin-left:-10px; max-width:120%;}
	.popup.situation .ps_content .psc_info ul {display:inline-block; position:relative; width:100%; margin-bottom:15px; padding-bottom:20px;}
	.popup.situation .ps_content .psc_info li {box-sizing:border-box; width:100%; padding-top:5px; border-top:var(--CompassionCoreBlue) solid 1px;}
	.popup.situation .ps_content .psc_info li .psl_box {display:inline-block; width:100%;}
	.popup.situation .ps_area .txt.mini {height:60px; margin-bottom:20px;}
	.popup.situation .ps_content .psc_info li .txt.mini {color:var(--CompassionCoreBlue) !important; opacity:0.5;}
	.popup.situation .ps_content .psc_info li:nth-child(1) .txt.mini {margin-bottom:0;}
	.popup.situation .ps_content .psc_info li:last-child .txt.small {position:absolute; left:0; bottom:0; margin-top:0;}
	.popup.situation .ps_content .psc_info > p {width:100%; margin-left:10px;}
	.popup.situation .ps_content .psc_info .psci_note {display:flex; flex-direction:column; margin-top:20px; font-family:"Pretendard"; color:var(--CompassionCoreBlue); opacity:0.5; text-align:left;}
	.popup.situation .ps_content .psc_info .psci_note p {display:inline-block; width:100%; padding-left:8px; position:relative; font-size:12px; font-weight:600; line-height:20px; letter-spacing:-0.3px; word-break:keep-all;}
	.popup.situation .ps_content .psc_info .psci_note p:before {content:"*"; position:absolute; left:0; top:0;}
	.popup.situation .ps_content .psc_info .psci_note p span {display:inline-block; white-space:nowrap;}
	.popup.situation .ps_content .psc_info .psci_note p > span:nth-child(1) {width:100%;}
	@keyframes f_rescale {from {transform:scale(1); opacity:1;} 50% {transform:scale(1.1);} to {transform:scale(0.5); opacity:0;}}
	.popup.situation .ps_map .psm_sticky {display: inline-block; width:100%; position:sticky; top:0;}
	.popup.situation .ps_content > ul > li.swiper-slide-active .psc_list{animation-name:f_scale; animation:f_scale 0.5s linear forwards 1; opacity:1;}
	.popup.situation .ps_content > ul > li.t2 .psc_box,
	.popup.situation .ps_content > ul > li.t3 .psc_box,
	.popup.situation .ps_content > ul > li.t4 .psc_box {position:absolute; left:0; right:0; top:0; bottom:20px; height:auto; margin-top:0;}
	.popup.situation .ps_content > ul > li.t2 .psc_list.t1 {left:0; bottom:0; margin-left:0;}
	.popup.situation .ps_content > ul > li.t2 .psc_list.t2 {left:auto; right:0; bottom:0; margin-left:0;}
	.popup.situation .ps_content > ul > li.t3 .psc_list.t3,
	.popup.situation .ps_content > ul > li.t4 .psc_list.t4 {left:50%; right:auto; bottom:0; margin-left:-95px;}
	.popup.situation .ps_support {position:relative;}
	.popup.situation .psc_wrap > .title strong {font-size:45px; line-height:55px;}
	.popup.situation .ps_content .psc_list > strong {font-size:16px; line-height:26px;}
	.popup.situation .ps_content > ul > li.t2 {width:500px;}
	.popup.situation .ps_content > ul > li.t4 {width:500px;}
	.popup.situation .ps_content > ul > li.t2 .psc_list {position:absolute;}
	.popup.situation .ps_content > ul > li.t2 .psc_list.t1 {left:auto; right:calc(50% + 10px);}
	.popup.situation .ps_content > ul > li.t2 .psc_list.t2 {left:calc(50% + 10px); right:auto;}
	.popup.situation .ps_content > ul > li.t4 img {left:100px;}



	.popup.report .p_overflow {background-color:var(--CompassionPureWhite); transition:0.3s;}
	.popup.report.color .p_overflow {background-color:var(--CompassionMidEggshell);}
	.popup.report .p_wrap:before {display:none;}
	.popup.report .sectionheight {height:auto !important;}
	.popup.report .p_wrap.mo.t1 {display:none;}
	.popup.report .p_wrap.mo.t2 {display:inline-block; background-color:var(--CompassionPureWhite);}
	.popup.report .pr_content {display:flex !important; left:auto; width:100% !important; height:100% !important; align-items:center !important; background-color:transparent;}
	.popup.report .pr_content > ul {display:flex; align-items:center; height:100% !important;}
	.popup.report .pr_content > ul > li {width:320px !important; height:580px; margin:0 15px; transition:0.3s;}
	.popup.report .pr_content > ul > li.t2,
	.popup.report .pr_content > ul > li.t3,
	.popup.report .pr_content > ul > li.t4,
	.popup.report .pr_content > ul > li.t5 {opacity:0;}
	.popup.report.color .pr_content > ul > li {opacity:0;}
	.popup.report.color .pr_content > ul > li.t2,
	.popup.report.color .pr_content > ul > li.t3,
	.popup.report.color .pr_content > ul > li.t4,
	.popup.report.color .pr_content > ul > li.t5 {opacity:1;}
	.popup.report .pr_content .prc_list ul li {width:100%;}
	.popup.report .pr_data {left:0; right:0; top:0; margin-top:0;}
	.popup.report .pr_content .prc_box,
	.popup.report .pr_content .prc_box.t3 {width:100%;}
	.popup.report .pr_content .prc_letter .prcl_wrap {width:100%;}
	.popup.report .pr_content > ul > li.t4 .title.t5 i {display:none;}
	.popup.report .pr_content > ul > li.t5 .title.t5 span {opacity:0;}
	.popup.report .pr_content > ul > li.t5 .title.t5:before {left:-30px;}
	.popup.report .pr_content .prc_list {gap:20px;}
	.popup.report .pr_content .prc_letter .prcl_box p {font-size:13px; line-height:24px;}
	.popup.report .pr_data .prdc_chart_box {left:calc(-13% + 1px); transform:scale(0.8); transform-origin:center top; margin-top:25px;}
	.popup.report .pr_data .txt.small {margin-top:-45px;}
	/* .popup.calender START */
	.popup.calender .p_close {right:50%; margin-right:-25px;}
	.popup.calender .pt_area.pc {display:none;}
	.popup.calender .pt_area.mo {display:inline-block; margin-top:30px !important; white-space:normal;}
	.popup.calender .p_wrap.pc {display:none;}
	.popup.calender .p_wrap.mo {display:inline-block;}
	.popup.calender .pt_content {overflow:hidden;}
	.popup.calender .pt_area,
	.popup.calender .pt_content,
	.popup.calender .pt_content .ptc_box {position:relative !important; float:left; left:auto !important; right:auto !important; top:auto !important; box-sizing:border-box; width:100% !important; height:auto !important; margin-top:0 !important; padding:0 20px !important; transform:none !important}
	.popup.calender .pt_content.t1 {width:100%; min-width:0;}
	.popup.calender .pt_content.t4 .ptc_box.t3 {padding-bottom:30px !important;}
	.popup.calender .pt_content .ptc_box.t4 {padding-bottom:50px !important;}
	.popup.calender .pt_content {padding:0 !important;}
	.popup.calender .pt_content .ptc_top,
	.popup.calender .pt_content .ptc_history {position:relative; left:auto; right:auto; top:auto; margin-top:0;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li button,
	.popup.calender .pt_content .ptc_history > ul > li ul > li a {min-width:240px; max-width:calc(50% - 7.5px);}
	.popup.calender .pt_content .ptc_history > ul > li ul > li mark span {width:auto;}
	.popup.calender .pt_content .ptc_top {margin-top:30px;}
	.popup.calender .pt_content .ptc_box.t1 .ptc_history {margin-top:20px;}
	.popup.calender .pt_area .pt_txt,
	.popup.calender .pt_area .pt_txt .title,
	.popup.calender .pt_area .pt_txt .txt {position:relative; left:auto; right:auto; width:100%;}
	.popup.calender .pt_area .pt_txt .title .cm {width:auto;}
	.popup.calender .pt_area .pt_txt .txt.mo {display:none;}
	.popup.calender .pt_area .pt_txt .txt.pc {display:inline-block; margin-top:30px; margin-bottom:30px;}
	.popup.calender .pt_content .ptc_top {display:block; width:100%;}
	.popup.calender .pt_content .ptc_box.t1 .ptc_top {margin-top:0;}
	.popup.calender .pt_content .ptc_box.t2 .ptc_history > ul > li {width:100%;}
	.popup.calender .pt_content .ptc_top + .ptc_top {margin-top:25px !important;}
	.popup.calender .pt_content .ptc_top .ptct_content {position:relative; left:10px !important; top:auto !important; width:290px; margin-top:10px;}
	.popup.calender .pt_content .ptc_history > ul {flex-wrap:wrap;}
	.popup.calender .pt_content .ptc_history > ul > li {width:100%;}
	.popup.calender .pt_content .ptc_history > ul > li.ptch_month {margin-top:30px;}
	.popup.calender .pt_content .ptc_history > ul > li + li {margin-top:0;}
	.popup.calender .pt_content .ptc_top + strong {margin-top:40px;}
	.popup.calender .pt_content.t2 .ptc_box .ptc_history > ul > li ul > li {display:flex; flex-wrap:wrap; float:left; align-content:flex-start; width:calc(50% - 7.5px);}
	.popup.calender .pt_content .ptc_history > ul > li .ptchl_picwrap {width:100% !important;}
	.popup.calender .pt_content .ptc_history > ul > li .ptchl_pic img {width:calc(50% - 7.5px);}
	.popup.calender .pt_content .ptc_history > ul > li ul {display:flex; flex-wrap:wrap; margin-top:0;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li:nth-child(n+2) {margin-top:15px; margin-left:15px;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li:nth-child(2) {margin-top:0;}
	.popup.calender .pt_content .ptc_history > ul > li .ptchl_picwrap + li,
	.popup.calender .pt_content .ptc_history > ul > li ul > li + .ptchl_picwrap {margin-top:15px !important; margin-left:0 !important;}
	.popup.calender .pt_content .ptc_history > ul > li .ptchl_picwrap + li {margin-top:15px !important; margin-left:0 !important;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li:nth-child(odd) {margin-left:0 !important;}
	.popup.calender .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(1) ul > li:nth-child(3),
	.popup.calender .pt_content.t2 .ptc_box.t3 .ptc_history > ul > li:nth-child(1) ul > li:nth-child(3),
	.popup.calender .pt_content.t2 .ptc_box.t4 .ptc_history > ul > li:nth-child(3) ul > li:nth-child(3) {margin-left:15px !important;}

	.popup.calender .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(2) ul > li:nth-child(1),
	.popup.calender .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(4) ul > li:nth-child(1),
	.popup.calender .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(5) ul > li:nth-child(3),
	.popup.calender .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(6) ul > li:nth-child(2),
	.popup.calender .pt_content.t2 .ptc_box.t2 .ptc_history > ul > li:nth-child(1) ul > li:nth-child(1),
	.popup.calender .pt_content.t2 .ptc_box.t3 .ptc_history > ul > li:nth-child(3) ul > li:nth-child(1),

	.popup.calender .pt_content.t2 .ptc_box.t3 .ptc_history > ul > li:nth-child(4) ul > li:nth-child(5),
	.popup.calender .pt_content.t2 .ptc_box.t4 .ptc_history > ul > li:nth-child(2) ul > li:nth-child(3) {width:100%;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li p {margin-top:0;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li p span {display:inline-block !important;}


	.popup.performancefee .p_wrap.mo.t1 {display:none;}
	.popup.performancefee .p_wrap.mo.t2 {display:inline-block;}
	.popup.performancefee .pp_content {width:300px;}
	.popup.performancefee .p_area,
	.popup.performancefee .pp_wrap,
	.popup.performancefee .pp_area,
	.popup.performancefee .pp_content,
	.popup.performancefee .pp_list {position:relative !important; float:left; left:auto !important; right:auto !important; top:auto !important; box-sizing:border-box; width:100% !important; height:auto !important; margin-top:0 !important; padding:0px !important; transform:none !important}
	.popup.performancefee .p_area .pp_wrap {padding:50px 20px !important}
	.popup.performancefee .pp_list {margin-top:80px !important;}
	.popup.performancefee .p_area.t1 .pp_list {margin-top:120px !important;}
	.popup.performancefee .pp_circle {top:30px; bottom:auto; left:auto; right:0; width:200px;}
	.popup.performancefee .pie-chart p {margin-top:-45px;}
	.popup.performancefee .pie-chart p > span {margin-left:8px; font-size:30px; line-height:70px;}
	.popup.performancefee .pie-chart p > span > span {font-size:45px; margin-left:-10px;}
	.popup.performancefee .pie-chart p > span > mark {bottom:-5px;}
	.popup.performancefee .pie-chart.t1 .txt.normal {margin-top:-5px; font-size:13px;}
	.popup.performancefee .pp_fixed .pp_circle .pie-chart p strong {position:relative; top:0;}
	.popup.performancefee .pp_fixed.income .pp_circle .pie-chart p strong {top:-7px;}
	.popup.performancefee .pp_list > ul > li + li {position:relative; margin-top:20px;}
	.popup.performancefee .pp_box,
	.popup.performancefee .p_area,
	.popup.performancefee .p_area .pp_wrap,
	.popup.performancefee .pp_area {overflow-y:auto; height:100% !important;}
	.popup.performancefee .pp_area {display:flex; flex-wrap:wrap; align-content:space-between;}
	.popup.performancefee .pp_box > ul > li.t1.swiper-slide-active .pp_circle p,
	.popup.performancefee .pp_box > ul > li.t3.swiper-slide-active .pp_circle p  {animation-name:k_scale; animation:k_scale 0.8s linear forwards 1;}
	.popup.performancefee .pp_box > ul > li.t2.swiper-slide-active .pp_circle .ppc_etc,
	.popup.performancefee .pp_box > ul > li.t4.swiper-slide-active .pp_circle .ppc_etc  {animation-name:k_scale02; animation:k_scale02 0.8s linear forwards 1;}
	/*.popup.performancefee .pp_area {display:flex !important; left:auto; width:100% !important; height:100% !important; align-items:center !important; background-color:transparent;}*/
	/*.popup.performancefee .pp_area > ul {display:flex; align-items:center; height:100% !important; align-items:top;}*/
	.popup.performancefee .pp_wrap.t1 .pp_circle .ppc_etc {left:4%; top:-17%;}
	.popup.performancefee .p_wrap.mo.t2 {position:relative;}
	.popup.performancefee .p_wrap.mo.t2 .pp_fixed_box {display:grid; position:absolute; left:0; right:0; top:0; z-index:2; box-sizing:border-box; padding:50px 20px 0; pointer-events:none;}
	.popup.performancefee .p_wrap.mo.t2 .pp_fixed {grid-area:1 / 1; visibility:hidden; opacity:0;}
	.popup.performancefee .p_wrap.mo.t2 .pp_fixed.is-active {visibility:visible; opacity:1;}
	.popup.performancefee .p_wrap.mo.t2 .pp_fixed_box .pp_content {float:none; margin-bottom:0 !important; visibility:visible;}
	.popup.performancefee .p_wrap.mo.t2 .swiper-slide .pp_content {visibility:hidden;}
	.popup.performancefee .pp_fixed.expense .pp_circle .ppc_etc {left:-28%; top:-5%; width:58%;}
	.popup.performancefee .pp_fixed.income .pp_circle .ppc_etc {left:7%; top:-17%;}
	.popup.performancefee .pp_content .title > span ~ span.cm {margin-top:5px;}
	.popup.performancefee .pp_content .title > .small {margin-top:10px;}
	.popup.performancefee .pp_content .title > span > mark {font-size:32px; line-height:42px;}
	.popup.performancefee .pp_content .title > span > span {top:-4px;}


	.popup.rule .p_wrap.pc {display:none;}
	.popup.rule .p_wrap.mo {display:inline-block;}

	.popup.rule .pr_content {position:relative !important; float:left; left:auto !important; right:auto !important; top:auto !important; box-sizing:border-box; width:100% !important; height:auto !important; margin-top:0 !important; padding:0 !important; transform:none !important}
	.popup.rule .p_percent {max-width:300px; margin-top:20px;}
	.popup.rule .p_percent.t2 {margin-top:30px;}
	.popup.rule .pr_content .txt {width:100%;}
	.popup.rule .pr_content .txt.normal {font-size:14px; line-height:24px;}

	.popup.rule .pr_list {display:inline-block; width:100%; height:100%;}
	.popup.rule .pr_list {display:flex !important; height:100% !important; align-items:center !important; background-color:transparent;}
	.popup.rule .pr_list > ul {display:flex; height:auto !important;}
	.popup.rule .pr_list > ul > li {width:320px; margin:0 15px; height:540px !important; transition:0.3s;}
	.popup.rule .pr_content .title.t1 {padding-bottom:10px; font-size:25px; line-height:35px;}
	.popup.rule .pr_content .cpc_wrap {padding-top:20px;}
	.popup.rule .pr_content .cpc_box {gap:20px; width:100%;}
	.popup.rule .pr_content .txt {font-size:15px; line-height:25px;}
	.popup.rule .pr_list > ul > li:nth-child(2) .title.t1 span,
	.popup.rule .pr_list > ul > li:nth-child(4) .title.t1 span,
	.popup.rule .pr_list > ul > li:nth-child(6) .title.t1 span {opacity:0;}
	.popup.rule .pr_list > ul > li:nth-child(2) .title.t1:before,
	.popup.rule .pr_list > ul > li:nth-child(4) .title.t1:before,
	.popup.rule .pr_list > ul > li:nth-child(6) .title.t1:before {left:-35px;}
	.popup.rule .pr_content .cpc_step li .txt.big {font-size:16px; line-height:25px;}
	.popup.rule .pr_content .cpc_lsit li span span {display:inline;}
	.popup.rule .pr_content .cpc_btnwrap {position:relative; bottom:1px;}
	.popup.rule .pr_content .cpc_nurture > li i {width:60px; height:60px;}
	.popup.rule .pr_content .cpc_nurture > li {gap:20px;}
	.popup.rule .pr_content .txt.mini {font-size:14px;}
	.popup.rule .pr_content .cpc_nurture > li ul {margin-top:0;}
	.popup.rule .pr_content .cpc_step li {height:112px;}
	.popup.rule .pr_content .cpc_step li .txt.big.t1 {font-size:16px; line-height:25px;}
	.popup.rule .pr_content .p_openbtn {padding:10px 13px 10px 17px; font-size:15px; line-height:31px;}

	.popup.story .p_wrap.pc {display:none;}
	.popup.story .p_wrap.mo {display:inline-block;}
	.popup .p_close {left:auto; right:25px; margin-left:0;}
	.popup.story .ps_content {display:inline-block; position:relative; left:auto; top:auto; top:auto; min-height:100%; box-sizing:border-box; width:100%; height:100%; margin-top:0; padding:0;}
	.popup.story .ps_content .psc_list {width:100%; overflow:hidden; margin-left:0;}
	.popup.story .ps_content .psc_list > ul {align-items:center;}
	.popup.story .ps_content .psc_list > ul > li {width:100%; height:630px; max-width:300px;}
	.popup.story .ps_content .psc_list > ul > li > a {line-height:38px;}
	.popup.story .ps_content .psc_list > ul > li > mark {font-size:24px; line-height:34px;}

	.swiper-pagination {display:flex !important; align-items:center; position:fixed; left:25px !important; top:0; bottom:auto !important; height:100px; text-align:left; pointer-events:none;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {position:relative; box-sizing:border-box; width:10px;height:10px; border:var(--CompassionPureWhite) solid 1px; border-radius:5px; background-color:transparent; opacity:0.3; transition:0.3s;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {content:""; position:absolute; left:-5px; right:-5px; top:-10px; bottom:-10px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width:30px; background-color:var(--CompassionPureWhite); opacity:1;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {content:""; position:absolute; left:0; right:0; top:-20px; bottom:-20px;}
	.popup.on .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.popup.on .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {pointer-events:auto;}
	.popup.story .ps_btn {position:fixed; left:50%; bottom:30px; box-sizing:border-box; width:300px; height:40px; margin-left:-150px; background-color:var(--CompassionPureWhite); border:var(--CompassionCoreBlue) solid 1px; border-radius:20px; font-size:16px; font-weight:800; color:var(--CompassionCoreBlue); line-height:38px; letter-spacing:-0.5px; text-align:center; pointer-events:none; opacity:0;}
	.popup.story.t1 .ps_btn.t1,
	.popup.story.t2 .ps_btn.t2,
	.popup.story.t3 .ps_btn.t3,
	.popup.story.t4 .ps_btn.t4,
	.popup.story.t5 .ps_btn.t5,
	.popup.story.t6 .ps_btn.t6 {opacity:1; pointer-events:auto;}
	.popup.story .ps_btn:hover {text-decoration:underline; text-underline-position:under;}
	.popup.story .ps_btn i {display:inline-block; vertical-align:middle; position:relative; left:5px; top:-1px; width:20px; height:20px; margin-left:15px; background-image:url("../images/icon_btnarrow02.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0; aspect-ratio:1/1; transition:0.3s;}
	.popup.story .ps_btn:hover i {left:8px;}


	.popscroll span .pc {display:none;}
	.popscroll span .mo {display:inline-block;}
	.popscroll span {width:100%;}

	@keyframes p_scale {from {transform:scale(0.8); opacity:0;} 5% {transform:scale(1.1); opacity:0.7;} 10% {transform:scale(1); opacity:1;} 45% {transform:scale(1); opacity:1;} 50% {transform:scale(0.8); opacity:0;}  to {transform:scale(0.8); opacity:0;}}
	.poparrow {position:absolute; left:50%; top:50%; z-index:10; width:50px; margin-left:-25px; margin-top:120px; height:100px; opacity:1; transition:0.3s;}
	.poparrow .p_arrow {display:inline-block; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:50px; border-radius:50%; background-color:var(--CompassionCoreBlue); opacity:0; transform:scale(1.2);}
	.poparrow .p_arrow:before {content:""; position:absolute; left:50%; top:50%; width:20px; height:20px; margin-left:-10px; margin-top:-10px; background-image:url("../images/icon_arrowtop.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;}
	.popup.on .poparrow {transition-delay:3.5s; opacity:0;}
	.popup.on .poparrow .p_arrow {animation:p_scroll 1.5s linear forwards; animation-iteration-count:3; animation-delay:0.5s;}
	@keyframes p_scroll {from {bottom:0; opacity:1; transform:scale(1.2);} 15% {bottom:0; transform:scale(1.2);} 20% {bottom:0; transform:scale(1);} 30% {bottom:50px; transform:scale(1);} 45% {bottom:50px; transform:scale(1.2);} 75% {bottom:50px; transform:scale(1.2); opacity:1;} 80% {bottom:0; transform:scale(1.2); opacity:1;} 95% {bottom:0; transform:scale(1.2); opacity:1;} 95% {bottom:0; transform:scale(1.2); opacity:1;} 100% {bottom:0; transform:scale(1.2); opacity:1;}}
	/* .poparrow .p_shadow {position:absolute; left:0; right:0; bottom:0; height:50px; border-radius:50%; background-color:var(--CompassionCoreBlue);}
    .poparrow .p_shadow.t2 {bottom:10px;}
    .poparrow .p_shadow.t3 {bottom:20px;}
    .poparrow .p_shadow.t4 {bottom:30px;}
    .poparrow .p_shadow.t5 {bottom:40px;}
    .poparrow .p_shadow.t6 {bottom:50px;} */


	/* header */
	#header .h_menu .hm_list {left:20px; right:20px; top:90px; bottom:20px; box-sizing:border-box; width:auto; height:auto; margin-left:0; margin-top:0;}
	#header .h_menu .hm_list ul {display:flex; flex-wrap:wrap; justify-content:center; overflow-y:auto; align-content:center; box-sizing:border-box; width:100%; height:100%; margin-left:0; padding:0 0 20px; gap:14px;}
	#header .h_menu .hm_list ul li {padding:0; width:100%; max-width:520px; min-height:80px; height:80px;}
	#header .h_menu .hm_list ul li:nth-child(n + 1) {margin-top:0;}
	#header .h_menu .hm_list ul li .hml_btn {align-items:stretch; justify-content:center; min-height:80px; height:80px; padding:0 20px; gap:0; text-align:left;}
	#header .h_menu .hm_list ul li .hml_btn .hml_top {justify-content:flex-start; align-items:center; flex-wrap:nowrap; gap:12px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_icon {width:38px; height:38px; background-size:38px auto;}
	#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
	#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -38px;}
	#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -76px;}
	#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -114px;}
	#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -152px;}
	#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -190px;}
	#header .h_menu .hm_list ul li .hml_btn strong {display:flex; align-items:center; flex:1; min-width:0; font-size:22px; line-height:30px; text-align:left; white-space:normal;}
	#header .h_menu .hm_list ul li .hml_btn .hml_arrow {width:28px; height:28px; margin-left:auto; background-size:20px auto;}
	#header .h_menu .hm_list ul li .hml_btn .hml_line,
	#header .h_menu .hm_list ul li .hml_btn .hml_desc {display:none;}


	/* aside */
	#aside {left:15px; right:15px; bottom:20px;}
	#aside .a_list {width:calc(100% - 30px);}
	#aside .a_list li {padding:0 5px; font-size:14px; line-height:40px;}
	#aside .a_list li a span {display:none;}
	#aside .a_list li a .al_icon {margin-right:0;}
	#aside .a_list li:nth-child(1) {width:30px;}


	/* 콘텐츠 */
	#contents .c_wrap,
	.popup .p_wrap,
	#contents section.situation .c_area,
	#contents section .c_pic {border-radius:4px 4px 0 0;}
	#contents section .c_mouse {top:58px; right:38px; width:135px; height:135px;}
	.popup.report .p_wrap > .pc_line strong:first-child {border-radius:4px 0 0 0;}
	#contents section .c_pic .cp_cover {transform:translateZ(0) scale(1) !important; transition:0s !important;}
	#contents.step02 #section02 .c_wrap,
	#contents.step03 #section03 .c_wrap,
	#contents.step04 #section04 .c_wrap,
	#contents.step05 #section05 .c_wrap,
	#contents.step06 #section06 .c_wrap,
	#contents.step07 #section07 .c_wrap {border-radius:5px 5px 0 0;}
	#contents .c_wrap {width:100%;}
	#contents section .c_info,
	#contents section.situation .c_info {bottom:0; width:300px;}
	#contents section.report .c_info,
	#contents section.performancefee .c_info {bottom:35px; width:300px;}
	#contents section .c_info li {padding:10px 20px;}
	#contents section .c_info li .title {font-size:24px;}
	#contents section .c_info strong {line-height:25px;}
	#contents section .c_info li {background-color:rgba(255, 255, 255, 0.6); backdrop-filter:none;}
	#contents section .c_box {top:60px; bottom:130px; left:40px; right:40px;}
	#contents section.situation .c_box {bottom:130px;}
	#contents section.footer .c_box {top:30px; bottom:30px;}
	#contents section.footer .c_pic .cp_cover {background-position:center;}
	#contents section .c_title .txt {margin-top:10px;}
	#contents section .c_youtube {left:-40px; right:-40px; top:-60px; bottom:-130px; width:auto;}
	#contents section .c_youtube .cy_frame {height:calc(100% - 240px); margin-bottom:80px;}
	#contents section .c_youtube .btn_mute {width:40px; height:40px;}
	#contents section.intro .ci_content > strong {margin-bottom:10px; font-size:20px; line-height:30px;}
	#contents section.intro .ci_content > h2 {font-size:70px; line-height:85px; white-space:normal; letter-spacing:-1px;}
	#contents section.intro .ci_content > h2 span {top:40px;}
	#contents section.intro .ci_content > p {margin-top:25px; font-size:16px;}
	#contents section.intro .ci_content > a {width:200px; height:40px; margin-top:30px; font-size:16px; line-height:40px;}
	#contents section.situation .c_area .cp_cover:before,
	#contents section.rule .c_pic .cp_cover:before,
	#contents section.report .c_pic .cp_cover:before,
	#contents section.story .c_pic .cp_cover:before,
	#contents section.performancefee .c_pic .cp_cover:before {content:""; position:absolute; overflow:hidden; isolation:isolate !important; left:0; right:0; top:0; bottom:0;  background-image:url("../images/pic_situation.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; transform:scale(1);}
	/*#contents section.situation.on .c_area .cp_cover:before,
	#contents section.rule.on .c_pic .cp_cover:before,
	#contents section.report.on .c_pic .cp_cover:before,
	#contents section.story.on .c_pic .cp_cover:before,
	#contents section.performancefee.on .c_pic .cp_cover:before {transform:scale(1);}*/
	#contents section .c_youtube .cy_pic:before {background-image:url("../images/pic_calender_m.jpg");}
	#contents section.situation .c_area .cp_cover:before {background-image:url("../images/pic_situation_m.jpg");}
	#contents section.rule .c_pic .cp_cover:before {background-image:url("../images/pic_rule_m.jpg");}
	#contents section.report .c_pic .cp_cover:before {background-image:url("../images/pic_report_m.jpg");}
	#contents section.story .c_pic .cp_cover:before {background-image:url("../images/pic_story_m.jpg");}
	#contents section.performancefee .c_pic .cp_cover:before {background-image:url("../images/pic_performancefee_m.jpg");}
	#contents section.situation .cr_scroll span {font-size:15px; line-height:60px;}
	#contents section.situation .cr_scroll b {width:18px; height:28px; margin-right:13px;}
	#contents section.performancefee .cp_content {top:0;}
	#contents section.performancefee .cp_content .cpc_circle {position:absolute; left:0; top:180px;}
	#contents section.performancefee .cp_content .pie-outter {width:200px; height:200px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart {width:200px; height:200px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p {margin-top:-48px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span {font-size:25px; line-height:50px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span > span {font-size:45px;}
	#contents section.performancefee .cp_content .cpc_circle .txt.normal mark {display:inline-block; width:100%;}
	#contents section.performancefee .cp_content .cpc_txt {line-height:25px;}
	#contents section.performancefee .cp_content .cpc_txt .cpct_box {width:300px; margin-top:15px; background-color:rgba(28,29,31,0.3); backdrop-filter:none;}
	#contents section.performancefee .c_info .ci_count.t5 {letter-spacing:0.7px;}
	#contents section.footer .f_pdfbutton {width:200px; height:40px; margin-top:20px; font-size:16px; line-height:40px;}
	#contents section.footer .cf_logo {position:absolute; top:-90px;}
	#contents section.footer .cf_box {margin-left:0 !important; opacity:1 !important;}
}

@media all and (min-width:768px) and (max-width:1024px) {
	/* header menu 2-column keep */
	#header .h_menu .hm_list {left:24px; right:24px;}
	#header .h_menu .hm_list ul {display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; max-width:none; height:100%; margin:0; padding:0 0 20px; gap:16px; overflow-y:auto;}
	#header .h_menu .hm_list ul li {width:calc(50% - 8px); max-width:none; min-height:170px; height:auto;}
	#header .h_menu .hm_list ul li .hml_btn {align-items:stretch; justify-content:flex-start; min-height:170px; padding:22px 20px; gap:14px; text-align:left;}
	#header .h_menu .hm_list ul li .hml_btn .hml_top {justify-content:flex-start; flex-wrap:nowrap; gap:10px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_icon {width:36px; height:36px; background-size:36px auto;}
	#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
	#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -36px;}
	#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -72px;}
	#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -108px;}
	#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -144px;}
	#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -180px;}
	#header .h_menu .hm_list ul li .hml_btn strong {display:flex; align-items:center; flex:1; min-height:36px; font-size:20px; line-height:26px; text-align:left; white-space:normal;}
	#header .h_menu .hm_list ul li .hml_btn .hml_arrow {width:26px; height:26px; background-size:18px auto;}
	#header .h_menu .hm_list ul li .hml_btn .hml_line {display:block;}
	#header .h_menu .hm_list ul li .hml_btn .hml_desc {display:inline-block; font-size:14px; line-height:22px; text-align:left;}
	#header .h_menu .hm_list ul li .hml_btn .hml_desc span {display:inline-block; width:100%;}
}





@media all and (max-width:600px) {
	/* 공통 */
	.title.t2 {font-size:35px; line-height:40px;}
	.title.t3 {font-size:60px; line-height:60px;}
	.txt.huge {font-size:16px; line-height:26px;}

	.popup {padding-top:60px;}
	.popup .p_close {top:10px; width:40px;}
	.popup .p_close::before {width:18px; height:18px; margin-left:-9px; margin-top:-9px;}
	.kakao .popup.on .p_wrap {transform:translateY(60px);}
	.minipop {left:15px; right:15px; width:auto; height:450px; margin-top:-225px; margin-left:auto; padding:25px;}
	.minipop .m_close {top:-55px; width:40px; margin-left:-20px;}
	.minipop .m_close::before {width:18px; height:18px; margin-left:-9px; margin-top:-9px;}
	.minipop.t1 .m_wrap > ul li:nth-child(n + 2),
	.minipop.t3 .m_wrap > ul li:nth-child(n + 2) {width:calc(100% - 20px); font-size:12px;}
	.minipop .m_wrap > strong,
	.minipop .m_wrap > ul {font-size:15px; line-height:25px;}
	.minipop .m_wrap > ul li {padding:5px 0; padding-bottom:10px;}
	.minipop.t1 .m_wrap .txt,
	.minipop.t3 .m_wrap .txt {width:calc(100% - 20px);}


	.popup.report .pr_line strong {font-size:28px;}
	.popup.report .pr_content.t1 .prc_box.t1,
	.popup.report .pr_content.t1 .prc_box.t2 {width:100% !important;}
	.popup.report .pr_content.t1 .prc_box.t2 {margin-top:30px;}
	.popup.report .pr_content .prc_list li p {min-height:auto}
	.popup.report .pr_content .prc_list li p span {display:inline; width:auto}
	.popup.report .pr_content.t1 .prc_box .txt > span > span {width:auto}
	.popup.report .pr_content .prc_step li {width:calc(50% - 15px);}
	.popup.report .pr_content .prc_step li:nth-child(2n) {margin-left:30px !important;}
	.popup.report .pr_content .prc_step li p span {display:inline; word-break:keep-all}
	.popup.report .pr_content .prc_content {margin-top:30px;}
	.popup.report .pr_content .prc_content li {width:100%;}
	.popup.report .pr_content .prc_content li p.black {height:auto;}
	.popup.report .pr_content .prc_post li .txt.normal {font-size:14px;}
	.popup.report .pr_content .prc_post li strong {font-size:14px;}
	.popup.report .pr_content .prc_post li .txt.mini {font-size:13px}
	.popup.report .pr_content .prc_post li .pccp_box .txt span > span {display:inline}
	.popup.report .pr_content .prc_list {padding:0 !important;}
	.popup.report .pr_content.t3 .prc_box.t1 .txt span > span {display:inline;}

	/* .popup.calender START */
	.popup.calender .p_close {margin-right:-20px;}
	.popup.calender .pt_content .ptc_box.t1 .ptc_history {margin-top:0;}
	.popup.calender .pt_content .ptc_box.t4 {padding-bottom:30px !important;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li {padding:15px;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li button,
	.popup.calender .pt_content .ptc_history > ul > li ul > li a {padding:7px 5px 7px 10px; line-height:20px;}
	.popup.calender .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(7) ul > li:nth-child(1) {width:100%;}
	.popup.calender .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(7) ul > li:nth-child(2) {width:100%; margin-top:15px !important; margin-left:0 !important;}
	.popup.calender .pt_content .ptc_history > ul > li .ptchl_pic {margin-top:0;}

	.popup.performancefee .pp_content .title > .small {margin-top:5px;}
	.popup.performancefee .p_area .pp_wrap {padding:30px 20px !important;}
	.popup.performancefee .pp_content {margin-bottom:100px !important;}
	.popup.performancefee .pp_circle {left:50%; top:120px; right:auto; width:180px; margin-left:-90px;}
	.popup.performancefee .p_area.t2 .pp_circle {top:170px;}
	.popup.performancefee .pie-chart p > span {font-size:25px; line-height:65px;}
	.popup.performancefee .pie-chart p > span > span {font-size:40px; margin-left:-7px;}
	.popup.performancefee .p_wrap.mo.t2 .pp_fixed .pp_circle {top:140px;}

	.popup.story .ps_content .psc_list > ul > li {margin:0 15px; opacity:0; transition:0.3s;}
	.popup.story .ps_content .psc_list > ul > li.swiper-slide-active {opacity:1;}
	.swiper-pagination {height:60px;}
	/* 헤더 */
	#header .h_title {line-height:60px;}
	#header .h_logo {left:20px; top:20px;}
	#header .h_menu {right:20px; top:15px;}
	#header .h_menu .hm_button {width:30px; height:30px; margin-left:-15px; margin-top:-15px;}
	#header .h_menu .hm_button i:first-child {transform:translateY(-12px);}
	#header .h_menu .hm_button i:last-child {transform:translateY(8px);}
	#header .h_menu .hm_list {top:60px; left:15px; right:15px; bottom:15px;}
	#header .h_menu .hm_list ul {gap:12px; padding-bottom:15px;}
	#header .h_menu .hm_list ul li {min-height:60px; height:60px;}
	#header .h_menu .hm_list ul li .hml_btn {min-height:60px; height:60px; padding:0 16px; gap:0;}
	#header .h_menu .hm_list ul li .hml_btn .hml_top {gap:8px 10px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_icon {width:34px; height:34px; background-size:34px auto;}
	#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
	#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -34px;}
	#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -68px;}
	#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -102px;}
	#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -136px;}
	#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -170px;}
	#header .h_menu .hm_list ul li .hml_btn strong {font-size:18px; line-height:26px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_arrow {width:24px; height:24px; background-size:18px auto;}

	/* 사이드 */
	#aside .a_list {white-space:nowrap;}
	#aside .a_list li {font-size:13px; white-space:nowrap;}
	#aside .a_list li span {display:inline-block; position:relative; top:4px; transform:rotate(-45deg); transform-origin:center left;}


	/* 컨텐츠 */
	#contents > section {top:60px;}
	#contents section.intro .ci_content > strong {font-size:18px; line-height:26px;}
	#contents section.intro .ci_content > h2 {font-size:45px; line-height:60px;}
	#contents section.intro .ci_content > h2 span {top:30px;}
	#contents section.intro .ci_content > p {font-size:15px; line-height:25px;}
	#contents section.intro .ci_content {margin-top:-200px;}
	#contents section .c_youtube {left:-25px; right:-25px; top:-25px; bottom:-100px;}
	#contents section .c_youtube .cy_frame {height:calc(100% - 220px); margin-bottom:100px;}
	#contents section .c_info,
	#contents section.situation .c_info,
	#contents section.report .c_info,
	#contents section.performancefee .c_info {width:230px;}
	#contents section .c_info li {padding:10px 15px;}
	#contents section .c_info li strong {font-size:13px; line-height:26px;}
	#contents section .c_info li .title {font-size:22px; line-height:26px;}
	#contents section .c_info li .title .txt.big {font-size:16px;}
	#contents section.situation .c_info li .title {font-size:22px; line-height:26px;}
	#contents section .c_box,
	#contents section.footer .c_box {left:25px; right:25px; top:25px; bottom:100px;}
	#contents section.situation .c_box {bottom:100px;}
	#contents section .c_mouse {right:23px; top:23px; width:105px; height:105px;}

	#contents section.report .cc_content {width:152px;}
	#contents section.report .cc_content.t2 {top:20%; margin-top:0;}
	#contents section.report .cc_content .txt {padding-left:5px; font-size:15px; line-height:25px;}

	#contents section.performancefee .cp_content .pie-outter,
	#contents section.performancefee .cp_content .cpc_circle .pie-chart {width:140px; height:140px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p {margin-top:-36px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span {font-size:16px; line-height:35px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span > span {font-size:25px;}
	#contents section.performancefee .cp_content .cpc_circle .pie-chart p > strong {position:relative; top:-10px; font-size:12px; line-height:18px;}
	#contents section.performancefee .cp_content .cpc_circle .txt.normal {font-size:11px; line-height:17px;}
	#contents section.performancefee .cp_content .cpc_txt {font-size:12px; line-height:23px;}
	#contents section.performancefee .cp_content .cpc_txt .cpct_box {width:100%; max-width:300px; margin-top:10px; border-radius:15px;}
	#contents section.performancefee .cp_content .cpc_circle {top:150px;}
	#contents section.performancefee .c_info .ci_count.t5 {letter-spacing:0.5px;}
	#contents section.footer .title {padding-bottom:15px;}
	#contents section.footer .cf_logo {top:-65px;}
	#contents section.footer .cf_list li {padding-left:80px;}
	#contents section.footer .cf_copyright {margin-top:10px;}
	#contents section.footer .c_box {bottom:30px;}
	#contents section.footer .cf_box {margin-top:15px;}
}





@media all and (max-width:425px) {
	/* 공통 */
	.minipop .m_wrap > strong,
	.minipop .m_wrap > ul {font-size:14px;}
	.popup .p_openbtn {gap:5px; padding:8px 10px 8px 13px; font-size:14px;}
	.popup .p_openbtn i {width:20px; height:20px;}

	.popup .swiper-nav.t1 {top:232px;}
	.popup.situation .psc_wrap > .title strong {font-size:35px; line-height:45px;}
	.popup.situation .ps_content .psc_info > p {width:100%; max-width:100%; font-size:11px;}
	.popup.situation .ps_content .psc_info li .title .txt {font-size:16px !important; line-height:30px;}
	.popup.situation .ps_content > ul > li > .psc_wrap > .title,
	.popup.situation .ps_content .psc_info {max-width:100%; margin-left:0;}
	.popup.situation .ps_content .psc_info li {width:100%; }
	.popup.situation .ps_content .psc_info > p {margin-left:0;}
	.popup.situation .ps_content .psc_info li + li {margin-top:5px;}
	.popup.situation .ps_content > ul > li {height:538px;}
	.popup.situation .ps_content .psc_list {padding:10px;}
	.popup.situation .ps_content > ul > li.t2 .psc_list {width:165px;}
	.popup.situation .ps_content > ul > li.t2 .psc_list.t1 {left:auto;}
	.popup.situation .ps_content > ul > li.t2 .psc_list.t2 {right:auto;}
	.popup.situation .ps_content .psc_box {gap:10px;}
	.popup.situation .ps_content .psc_list li {font-size:15px; line-height:28px;}
	.popup.situation .ps_content .psc_info .psci_note p span {white-space:normal;}

	/* .popup.calender START */
	.popup.calender .pt_area .pt_txt .txt.pc {display:none;}
	.popup.calender .pt_area .pt_txt .txt.mo {display:inline-block; margin-top:30px; margin-bottom:30px;}
	.popup.calender .pt_content.t1 .ptc_box .ptc_youtube {margin:30px 0;}
	.popup.calender .pt_content .ptc_history > ul > li .ptchl_pic img {width:100%;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li button,
	.popup.calender .pt_content .ptc_history > ul > li ul > li a {min-width:250px;}
	.popup.calender .pt_content .ptc_history > ul {width:calc(100% + 30px); margin-left:-15px;}
	.popup.calender .pt_content .ptc_history > ul > li {padding:0 15px;}
	.popup.calender .pt_content .ptc_history > ul > li ul > li {word-break:keep-all}

	.popup.performancefee .pp_content .title {font-size:20px; line-height:30px;}
	.popup.performancefee .pp_list > ul > li > strong {font-size:18px; line-height:28px;}
	.popup.performancefee .pp_list > ul > li > ul > li {padding:5px 0; padding-bottom:10px;}
	.popup.performancefee .pp_list > ul > li > ul > li:nth-child(1){padding-bottom:15px;}
	.popup.performancefee .pp_list > ul > li > ul > li span {font-size:15px; line-height:28px;}
	.popup.performancefee .pp_list > ul > li + li {margin-top:10px;}
	.popup.performancefee .pie-chart.t1 .txt.normal {margin-top:-5px;}
	.popup.performancefee .pp_content {margin-bottom:120px !important}
	.popup.performancefee .p_area.t2 .pp_content {margin-bottom:170px !important;}
	.popup.performancefee .p_wrap.mo.t2 .pp_fixed_box {padding-top:30px;}



	.popup.rule .pr_content .txt.normal {font-size:14px; line-height:28px;}
	.popup.rule .pr_content.t2 .prc_partner li img {height:50px;}
	.popup.rule .pr_content.t2  .prc_partner li:nth-child(2) img {height:40px;}
	.popup.rule .pr_content.t1 .txt.small > span {display:inline;}

	.popup.story .ps_content .ptc_top .ptct_pic {width:280px;}
	.popup.story .ps_content.t3 .ptc_top .ptct_pic,
	.popup.story .ps_content.t4 .ptc_top .ptct_pic {width:220px;}
	.popup.story .ps_content.t2 .ptc_box.t2 .ptc_top {top:300px;}
	.popup.story .ps_content.t4 .ptc_box.t2 .ptc_top.mo {top:860px;}
	.popup.story .ps_content.t4 .ptc_box.t2 .ptc_history > ul > li:nth-child(2) {margin-top:820px !important;}
	.popup.story .swiper-nav.t1 {top:calc(50% + 30px);}
	.popscroll {width:auto; left:15px; right:15px; width:auto; margin-left:0; margin-top:-61px; border-radius:30px; padding-left:25px; padding-right:25px;}
	.popscroll span {width:100%; font-size:16px; line-height:25px;}
	.minipop {left:5px; right:5px;}
	.minipop .m_wrap > .txt {line-height:20px;}

	/* 헤더 */
	#header .h_menu .hm_list ul li .hml_btn {padding:0 14px; gap:0;}
	#header .h_menu .hm_list ul li .hml_btn .hml_top {gap:8px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_icon {width:32px; height:32px; background-size:32px auto;}
	#header .h_menu .hm_list ul li:nth-child(1) .hml_btn .hml_icon {background-position:center 0;}
	#header .h_menu .hm_list ul li:nth-child(2) .hml_btn .hml_icon {background-position:center -32px;}
	#header .h_menu .hm_list ul li:nth-child(3) .hml_btn .hml_icon {background-position:center -64px;}
	#header .h_menu .hm_list ul li:nth-child(4) .hml_btn .hml_icon {background-position:center -96px;}
	#header .h_menu .hm_list ul li:nth-child(5) .hml_btn .hml_icon {background-position:center -128px;}
	#header .h_menu .hm_list ul li:nth-child(6) .hml_btn .hml_icon {background-position:center -160px;}
	#header .h_menu .hm_list ul li .hml_btn strong {font-size:17px; line-height:24px;}
	#header .h_menu .hm_list ul li .hml_btn .hml_arrow {width:22px; height:22px; background-size:16px auto;}



	/* 사이드 */
	#aside .a_list li {font-size:12px;}

	/* 콘텐츠 */
	.title {font-size:17px; line-height:27px;}
	.title.t2 {font-size:28px; line-height:33px;}
	.title.t5 {font-size:22px;}
	#contents > section.sectionheight {height:calc(100lvh - 60px) !important;}
	#contents > section.footer {position:relative !important;}
	#contents section .c_mouse {right:20px; top:20px; width:100px; height:100px;}
	#contents section .c_title .txt  {width:calc(100% - 110px); margin-top:7px; font-size:15px;}
	#contents section .c_info,
	#contents section.situation .c_info,
	#contents section.report .c_info,
	#contents section.performancefee .c_info {width:210px;}

	#contents section .c_info,
	#contents section.situation .c_info {bottom:50px;}
	#contents section.report .c_info,
	#contents section.performancefee .c_info {bottom:85px;}

	#contents section .c_info li {padding:6px 10px;}
	#contents section .c_info li + li {margin-top:5px;}
	#contents section .c_info strong  {font-size:13px; line-height:20px;}
	#contents section .c_info > span {margin:0 15px; margin-top:8px;}
	#contents section .c_youtube .cy_frame {height:calc(100lvh - 235px); margin-bottom:100px;}
	#contents section.performancefee .c_info strong {width:auto;}
	#contents section.performancefee .c_info > ul > li:last-child strong {width:100%;}
	#contents section.performancefee .c_info li:nth-child(1) .title,
	#contents section.performancefee .c_info li:nth-child(2) .title {margin-left:5px;}
	/*#contents section.performancefee .c_box {top:50%; margin-top:-205px;}*/
	#contents section.performancefee .cp_content .cpc_circle {top:135px;}
	#contents section.performancefee .cp_content .pie-outter,
	#contents section.performancefee .cp_content .cpc_circle .pie-chart {width:130px; height:130px;}

	#contents section.footer .c_wrap {display:flex; flex-direction:column;}
	#contents section.footer .c_pic {position:relative; bottom:auto; aspect-ratio:16/9;}
	#contents section.footer .c_box {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:20px; box-sizing:border-box; position:unset; flex:1; min-height:0; padding:25px 25px 30px;}
	#contents section.footer .title {display:block; position:unset; padding:0;}
	#contents section.footer .title span {text-shadow:none;}
	#contents section.footer .cf_box {position:unset; margin-top:15px;}
	#contents section.footer .cf_copyright {line-height:18px;}
}





/*@media all and (max-width:375px) {*/
/*!* 타이틀 *!*/
/*.title.t3 {font-size:50px; line-height:50px;}*/

/*.popup {padding-top:0;}*/
/*.popup .p_close {top:10px; left:auto; right:10px; z-index:10; margin-left:0; background-color:var(--CompassionPureWhite); border-color:var(--CompassionPureWhite);  box-shadow:0 20px 40px rgba(0, 0, 0, 0.3);}*/
/*.popup .p_close::before {filter: invert(100%);}*/
/*#contents section .c_box, */
/*#contents section.footer .c_box {left:20px; right:20px; top:20px; bottom:100px;}*/

/*#contents section.report .c_pic, */
/*#contents section.story .c_pic, */
/*#contents section.footer .c_pic {bottom:60%;}*/
/*#contents section.intro .ci_content > strong {font-size:16px; line-height:26px;}*/
/*#contents section.story .c_box {top:20%;}*/
/*#contents section.report .cc_content {width:140px;}*/
/*#contents section.report .cc_content .txt {font-size:14px; line-height:24px;}*/
/*!* #contents section.report .cc_content .title {font-size:17px; line-height:27px;} *!*/
/*#contents section.story .cs_history ul {font-size:13px; line-height:28px;}*/
/*#contents section.story .cs_history ul li {padding-left:55px;}*/
/*#contents section.story .cs_title {width:55px;}*/
/*#contents section.story .cs_slogan {width:100px;}*/
/*#contents section .c_info li {padding:7px 14px; border-radius:15px;}*/
/*#contents section .c_info li + li {margin-top:5px;}*/
/*#contents section .c_info strong {font-size:12px; line-height:22px;}*/
/*#contents section .c_info > span {margin:0 15px; margin-top:5px;}*/
/*#contents section.footer .cf_box {margin-top:0;}*/
/*#contents section.report .cc_content.t2 {top:17%;}*/
/*#contents section.story .cs_title {top:35%;}*/
/*#contents section.performancefee .cp_content .cpc_txt .cpct_box {width:100%;}*/
/*}*/


@media all and (max-width:360px) {
	.popup.report .pr_content > ul > li {width:300px !important; height:580px; margin:0 15px;}
	.popup.situation .ps_content > ul > li.t2 .psc_list.t1 {left:auto; right:calc(50% + 5px);}
	.popup.situation .ps_content > ul > li.t2 .psc_list.t2 {left:calc(50% + 5px);}
	.popup.situation .ps_content > ul > li {width:calc(100% - 20px); max-width:100%; opacity:0;}
	.popup.situation .ps_content > ul > li.swiper-slide-active {opacity:1;}
	.popup.situation .ps_content > ul > li.t4 img {left:21%;}
	.popup.situation .ps_content > ul > li.t2 {width:140%; max-width:140%;}
	.popup.situation .ps_content > ul > li.t4 {width:140%; max-width:140%;}
	.popup.situation .ps_support > p {font-size:15px;}
	.popup.situation .ps_support ul li {padding-left:55px;}
	.popup.situation .ps_content .psc_list {padding:10px;}
	.popup.situation .ps_content .psc_box {justify-content:space-between;}
	.popup.situation .ps_content > ul > li.t2 .psc_list {width:155px;}
	.popup.situation .ps_content .psc_list > strong {font-size:14px; line-height:25px;}
	.popup.performancefee .pp_list > ul > li > ul > li span {font-size:14px;}
	.popup.performancefee .pp_list > ul > li > ul > li span:nth-child(1) {width:calc(100% - 145px);}
	.popup.performancefee .pp_list > ul > li > ul > li span:nth-child(2) {width:100px;}
	.popup.performancefee .pp_list > ul > li > ul > li span:nth-child(3) {width:45px;}
	.popup.rule .pr_list > ul > li {width:300px;}
	.popup .swiper-nav {left:10px; right:10px;}

	.popup.rule .pr_content.t1 .txt.small > span {display:inline;}
	.popup.rule .pr_content.t2 .prc_box em {font-size:13px; line-height:26px;}
}




@media all and (max-width:340px) {
	.txt.huge {font-size:15px;}

	#contents section.intro .ci_content > strong {font-size:16px;}
}




/* 높이기반 예외처리 */

@media (max-width: 768px) and (max-height:710px) {
	.popup.performancefee .p_area .pp_wrap {padding:20px !important;}
	.popup.performancefee .p_wrap.mo.t2 .pp_fixed_box {padding-top:20px;}
}




@media (max-width: 768px) and (max-height:690px) {
	.popup.performancefee .p_area .pp_wrap {padding:10px 20px !important;}
	.popup.performancefee .p_wrap.mo.t2 .pp_fixed_box {padding-top:10px;}
}




@media (max-width: 768px) and (max-height: 730px) {
	.popup .swiper-nav.t1 {top:220px;}
	.popup.story .ps_content .psc_list > ul {align-items:flex-start !important;}
	.popup.story .ps_content .psc_list > ul > li {height:550px; margin-top:20px;}
	.popup.story .ps_content .psc_list > ul > li > mark {padding-bottom:8px; font-size:16px; line-height:23px;}
	.popup.story .ps_content .psc_list > ul > li > p {margin-top:8px; font-size:13px; line-height:24px; text-align:left;}
	.popup.story .ps_content .psc_list > ul > li > a {top:0; left:auto; top:256px; width:100px; height:35px; font-size:14px; line-height:33px;}
	.popup.story .ps_content .psc_list > ul > li > a i {width:18px; height:18px; margin-left:0;}
}




@media (max-width: 768px) and (max-height: 640px) {
	.popup .swiper-nav.t1 {top:192px;}
	.popup.story .ps_content .psc_list > ul > li {height:510px; text-align:center;}
	.popup.story .ps_content .psc_list > ul > li > .pscl_pic {width:80%; margin-top:10px; margin-bottom:8px;}
	.popup.story .ps_content .psc_list > ul > li > a {top:208px;}
}





@media (max-width: 768px) and (max-height: 700px) {
	.popup.report .pr_data,
	.popup.report .pr_content > ul > li {height:540px;}
	.pie-chart.t2 {margin-top:-5px; transform:scale(0.9);}
	.popup.report .pr_content .prc_list > strong,
	.popup.report .pr_content .prc_post > strong {font-size:16px; margin-bottom:10px;}
	.popup.report .pr_content .prc_list ul li > p {margin-top:0; font-size:13px; line-height:23px;}
	.popup.report .pr_content ul > li.t2 ul li:last-child .pie-chart.t2,
	.popup.report .pr_content ul > li.t3 ul li:last-child .pie-chart.t2,
	.popup.report .pr_content ul > li.t4 ul li:last-child .pie-chart.t2  {margin-top:15px;}
	.popup.report .pr_content .prc_post li .pccp_box {padding-top:10px;}
	.popup.report .pr_content .prc_post li .txt.normal {font-size:13px; line-height:23px;}
	.popup.report .pr_content .prc_post li .txt.semibold {max-height:130px;}
	.popup.report .pr_content .prc_post li .txt.mini {margin-top:5px;}
	.popup.performancefee .pp_content {margin-bottom:90px !important;}
	.popup.performancefee .p_area.t2 .pp_content {margin-bottom:120px !important;}
	.popup.performancefee .pp_circle {top:100px; transform:scale(0.9)}
	.popup.performancefee .p_area.t2 .pp_circle {top:150px;}
	.popup.performancefee .p_area.t1 .pp_list {margin-top:100px !important;}
}





/* 높이예외처리 */
@media (min-width: 769px) and (max-height: 820px) {
	.popup.situation .ps_box {height:600px; margin-top:-300px;}
}




/* 높이예외처리 */
@media (min-width: 769px) and (max-height:750px) {
	.popup .p_movecontent {overflow:initial; transform:scale(0.8); transform-origin:left;}
	.popup.situation .ps_area:before {content:""; position:absolute; left:0; right:0; top:-200px; bottom:-200px; background-color:var(--CompassionPureWhite);}
	.popup.situation .ps_content img {position:relative; top:-68px;}
	.popup.performancefee .p_area.t2 .pp_wrap:before {content:""; position:absolute; left:0; right:0; top:-200px; bottom:-200px; background-color:var(--CompassionMidEggshell);}
	.popup.calender .pt_content .ptc_box:before {content:""; position:absolute; left:0; right:0; top:-200px; bottom:-200px; background-color:var(--CompassionMidEggshell);}
	.popup.report .pr_area {width:500px; transform:scale(0.8); transform-origin:left;}
	.popup.report .pr_area:before {content:""; position:absolute; left:0; right:0; top:-200px; bottom:-200px; background-color:var(--CompassionPureWhite);}
	.popup.report .p_wrap:before {left:400px;}
	.popup.report .pr_data .prdc_chart_box {left:-50px;}
	#contents section .c_box  {left:0; right:0; transform:scale(0.8);}
	.popup.performancefee .p_box {transform:scale(0.8);}
	.minipop {transform:scale(0.8);}
}

@media (min-width: 769px) and (max-width: 1024px) and (max-height:750px) {
	.popup.report .pr_content.t1 {left:400px !important;}

}



@media all and (min-width:1880px) and (max-height:750px) {
	.popup.story .p_movecontent {transform:translateX(0) scale(0.8) !important;}
}