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

body.open {overflow:hidden;}

/* 영역구분 */
#wrap {position:relative; width:100%; background-color:#f6f8f9; margin:0 auto; text-align:center;}

/* 컬러 */
.cm {color:#005eb8 !important;}
.cs {color:#fec70c !important;}
.cr {color:#c93131 !important;}
.cg {color:#1c1d1f !important; opacity:0.4;}
.cw {color:#ffffff !important;}
.cb {color:#1c1d1f !important;}
.cq {color:#19345b !important;} 

.w100p {width:100%;}

.thin {font-weight:100 !important;}
.exlight {font-weight:200 !important;}
.light {font-weight:300 !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;}
.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 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.big {font-size:20px; line-height:30px;}
.txt.normal {font-size:16px; line-height:25px;}
.txt.mini {font-size:14px; line-height:30px;}
.txt.small {font-size:12px; line-height:25px;}
.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;}}

.circle {display:inline-block; position:relative; box-sizing:border-box; border:#fff solid 3px; width:12px; border-radius:50%; background-color:transparent; aspect-ratio:1/1;}
.circle.cm {border-color:#005eb8}
.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 {position:relative; display:inline-block; z-index:0; width:320px; height:320px; background-color:#fff; 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-outter {display:block; position:absolute; top:50%; left:50%; z-index:0; width:340px; height:340px; 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:900; letter-spacing:-1px;}
.pie-chart p > span > mark {position:absolute;}
.pie-chart strong {display:inline-block; width:100%; line-height:30px;}

.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;}
@keyframes dash { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 85; }}
@keyframes dash2 { 0% { stroke-dashoffset: 496; } 100% { stroke-dashoffset: 30; }}

/* 헤더 */
#header {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; 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:800; color:#005eb8; 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:#fff; -webkit-text-stroke: #005eb8 1px;}
#header .h_logo {position:fixed; left:50px; top:50px; z-index:2; width:162px; height:60px; 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:#005eb8; fill-rule:evenodd;}
#header .h_slogan {position:fixed; right:50px; top:45px; z-index:2; font-size:0; line-height:0;}
#header.on .h_logo,
#header.on .h_slogan {opacity:0; pointer-events:none;}
#header.on .h_title {opacity:1; pointer-events:auto;}

#aside {position:fixed; left:35px; right:35px; bottom:2.778vh; 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,#1b1c1e,rgba(27, 28, 30, 0) 100%); pointer-events:none; opacity:0.6;}
#aside.on {opacity:1; pointer-events:auto;}
#aside .a_list {display:inline-block; float:right; width:calc(100% - 100px);}
#aside .a_list li {display:inline-block; float:left; box-sizing:border-box; width:20%; padding:0 15px; font-size:18px; font-weight:700; color:#fff; line-height:70px;}
#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;}
#aside .a_list li.on a,
#aside .a_list li.on button {color:#fff;}
#aside .a_list li a:hover,
#aside .a_list li button:hover {color:#fff; 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:#fff; 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.svg"); background-repeat:no-repeat; background-size:100% auto; filter: invert(100%) sepia(6%) saturate(3%) hue-rotate(359deg) brightness(118%) contrast(100%);}
#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:#fff;}
#aside .a_list li:nth-child(1) a .al_line {width:100%;}
/* #aside.color .a_list li button {color:rgba(0, 94, 184, 0.5);}
#aside.color .a_list li.on button,
#aside.color .a_list li button:hover {color:#005eb8;}
#aside.color .a_list li button:before {background-color:#005eb8;}
#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:#005eb8;} */

/* 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:#005eb8; border-radius:30px; box-shadow:0 30px 60px rgba(0, 94, 184, 0.6);}
.minipop .m_wrap {display:inline-block; position:relative; box-sizing:border-box; width:100%; height:100%; padding-right:10px; overflow:auto;}
.minipop .m_wrap::-webkit-scrollbar {width:10px;}
.minipop .m_wrap::-webkit-scrollbar-thumb {background-color:#fff; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
.minipop .m_wrap::-webkit-scrollbar-thumb:hover {background-color:#fff;}
.minipop .m_wrap::-webkit-scrollbar-track {background-color:#005eb8;}
.minipop.on {opacity:1; pointer-events:auto;}
.minipop .m_close {position:absolute; left:50%; top:-60px; width:50px; margin-left:-25px; background-color:#005eb8; 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) {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:#fff;}
.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:#fff; 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 {float:right; width:calc(100% - 40px);}
.minipop .m_wrap > .txt {float:left; text-align:left; line-height:20px;}
.minipop .m_wrap > .txt span {width:auto;}


.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:#1c1d1f; 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:#fff 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:#fff; border-radius:50px 50px 0 0; background-repeat:no-repeat; background-size:cover; background-position:center; isolation:isolate !important; transform:translateY(100%); transition:0.5s;}
.popup.on .p_wrap {transform:translateY(0);}
.popup .p_aotuscroll {display:inline-block; position:relative;  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.situation .mo {display:none;}
.popup.situation .ps_area {display:inline-block; position:absolute; left:0; top:50%; box-sizing:border-box; width:26.59%; height:630px; margin-top:-315px; padding-right:50px; white-space:normal;}
.popup.situation .ps_area > .title {position:absolute; left:min(5.2083vw, 100px); top:0; text-align:left;}
.popup.situation .ps_area > .title strong {font-size:60px; font-weight:900; line-height:70px;}
.popup.situation .ps_area > .title > span {font-weight:400;}
.popup.situation .ps_area .title,
.popup.situation .ps_area .txt {display:inline-block; float:left; width:100%;}
.popup.situation .ps_area .txt.small {line-height:20px;}
.popup.situation .ps_list {position:absolute; display:inline-block; left:min(5.2083vw, 100px); bottom:0; width:100%; max-width:210px; text-align:left;  white-space:normal;}
.popup.situation .ps_list li {display:inline-block; float:left; width:100%; border-top:#005eb8 solid 1px; padding-top:10px; padding-bottom:15px;}
.popup.situation .ps_list li:last-child {padding-bottom:5px;}
.popup.situation .ps_list li:last-child .txt.small {margin-top:1.8519vh}
.popup.situation .ps_list li .title span {float:left; width:auto;}
.popup.situation .ps_list li .title .txt {float:left; line-height:40px;}
.popup.situation .ps_list > p {display:inline-block; position:relative; box-sizing:border-box; width:230px; padding-left:10px; font-size:12px; line-height:20px; letter-spacing:-0.5px; color:#1c1d1f !important; opacity:0.4; word-break:keep-all;}
.popup.situation .ps_list > p:before {content:"*"; position:absolute; left:0; top:0; }
.popup.situation .ps_content {position:absolute; left:26.59%; top:0; bottom:0; width:26.59%; background-color:#d8ecfa;}
.popup.situation .ps_content.t2 {left:auto; right:21.8%; width:25%;}
.popup.situation .ps_content.t3 {left:auto; right:0; width:21.8%;}
.popup.situation .ps_content img {width:100%; height:auto;}
.popup.situation .ps_content .psc_box {position:absolute; left:0; right:0; top:50%; height:630px; margin-top:-315px;}
.popup.situation .ps_content .psc_list {position:absolute; bottom:0; box-sizing:border-box; width:190px; padding:10px 20px; background-color:rgba(255, 255, 255, 0.7); border-radius:20px; border:#fff solid 1px; opacity:0; font-family:"Pretendard"; white-space:normal;}
.popup.situation .ps_content.t1 .psc_list {z-index:2;}
.popup.situation .ps_content.t1 .psc_list.t1 {left:min(5.2083vw, 100px);}
.popup.situation .ps_content.t1 .psc_list.t2 {left:min(18.2292vw,350px);}
.popup.situation .ps_content.t2 .psc_list {right:max(-18.2292vw,-110px); z-index:1;}
.popup.situation .ps_content.t3 .psc_list {right:min(2.6042vw,50px);}
.popup.situation .ps_content .psc_list > strong {display:inline-block; width:100%; font-size:16px; font-weight:900; color:#005eb8; line-height:30px; letter-spacing:-0.5px; white-space:nowrap;}
.popup.situation .ps_content .psc_list ul {display:inline-block; width:100%; border-top:#005eb8 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:14px; 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:700; color:#005eb8;}
.popup.situation .ps_content .psc_list li > span {display:inline-block; float:right; color:#1c1d1f;}
.popup.child .p_wrap {padding-left:100px;}
.popup.child .pc_line {position:absolute; left:0; top:0; bottom:0; width:100px;}
.popup.child .pc_line strong {position:absolute; left:0; top:0; right:0; box-sizing:border-box; height:33.333%; padding:28px 0; border:#fec70c solid 2px; background-color:#fff; border-bottom-width:0px; font-size:40px; font-weight:300; color:#fec70c; line-height:50px; letter-spacing:-0.5px; transition:0.5s;}
.popup.child .pc_line strong:last-child {border-bottom-width:2px;}
.popup.child .pc_line strong.on {background-color:#fec70c; color:#fff; font-weight:600;}
.popup.child .pc_line strong span {display:inline-block; width:100%;}
.popup.child .pc_line strong:nth-child(2) {top:33.333%;}
.popup.child .pc_line strong:nth-child(3) {top:66.666%; border-bottom:#fec70c solid 2px;}
.popup.child .p_wrap > .pc_line strong:first-child {border-radius:50px 0 0 0;}
.popup.child .pc_content .pc_line {top:50%; transform:translateY(-50%);}
.popup.child .pc_content .pc_line .pcl_pic {position:absolute; left:100px; top:33.333%; bottom:calc(33.333% - 2px);}
.popup.child .pc_content.t2 .pc_line .pcl_pic {max-width:400px; background-image:url("../images/pic_popchild02.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; }
.popup.child .pc_content.t3 .pc_line .pcl_pic {top:66.666%; bottom:0;}
.popup.child .pc_content.t3 .pc_line .pcl_pic {max-width:400px; background-image:url("../images/pic_popchild03.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; }
.popup.child .pc_content .pc_line .pcl_pic img {width:auto; height:100%; opacity:0;}
.popup.child .pc_content {display:inline-block; position:relative; position:absolute; left:0; top:50%; margin-top:-315px; height:630px; white-space:normal;}
.popup.child .pc_content.t1 { width:1850px; padding-left:100px; padding-right:50px;}
.popup.child .pc_content.t2 {left:2000px; width:2325px; padding-left:200px;}
.popup.child .pc_content.t3 {left:4525px; width:2070px; padding-left:200px;}
.popup.child .pc_content .pcc_box {display:inline-block; float:left; position:relative; box-sizing:border-box; width:300px; height:100%; text-align:left;}
.popup.child .pc_content .pcc_box.t2 {width:350px;}
.popup.child .pc_content .pcc_box.t3 {width:250px;}
.popup.child .pc_content .pcc_box.t4 {width:650px; padding-left:50px; padding-right:50px;}
.popup.child .pc_content.t2 .pcc_box {box-sizing: initial; width:1200px; padding-right:75px;}
.popup.child .pc_content.t2 .pcc_box.t2 {box-sizing:border-box; width:1400px; top:50%; padding-left:175px; padding-right:75px; transform:translateY(-50%); background-color:#fec70c;}
.popup.child .pc_content.t3 .pcc_box {width:1020px;}
.popup.child .pc_content.t3 .pcc_box.t2 {box-sizing:border-box; width:1400px; top:50%; padding-left:175px; padding-right:75px; transform:translateY(-50%); background-color:#fec70c;}
.popup.child .pc_content.t2 .pcc_box.t2 > strong,
.popup.child .pc_content.t3 .pcc_box.t2 > strong {display:inline-block; position:absolute; left:0; top:50%; height:630px; margin-top:-295px; width:100px; font-size:40px; line-height:50px; word-break: break-all; text-align:center;}
.popup.child .pc_content .pcc_list {display:inline-block; position:absolute; left:0; right:0; bottom:0;}
.popup.child .pc_content.t3 .pcc_list {left:320px; right:120px;}
.popup.child .pc_content .pcc_list li {display:inline-block; position:relative; float:left; box-sizing:border-box; width:100%; padding-left:60px;}
.popup.child .pc_content.t3 .pcc_list li {width:calc(50% - 5px);}
.popup.child .pc_content .pcc_list li + li {margin-top:60px;}
.popup.child .pc_content.t3 .pcc_list li + li {margin-top:0;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(2n) {margin-left:10px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(n + 3) {margin-top:55px;}
.popup.child .pc_content .pcc_list li i {display:inline-block; position:absolute; left:-5px; top:-5px; width:40px; background-image:url("../images/icon_popchild01.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0; aspect-ratio:1/1;}
.popup.child .pc_content.t3 .pcc_list li i {background-image:url("../images/icon_popchild03.svg");}
.popup.child .pc_content .pcc_box.t2 .pcc_list li:nth-child(1) i {background-position:center -40px;}
.popup.child .pc_content .pcc_list li:nth-child(2) i {background-position:center -80px;}
.popup.child .pc_content .pcc_box.t2 .pcc_list li:nth-child(2) i {background-position:center -120px;}
.popup.child .pc_content .pcc_list li:nth-child(3) i {background-position:center -160px;}
.popup.child .pc_content .pcc_box.t2 .pcc_list li:nth-child(3) i {background-position:center -200px;}
.popup.child .pc_content .pcc_list li:nth-child(4) i {background-position:center -240px;}
.popup.child .pc_content .pcc_box.t2 .pcc_list li:nth-child(4) i {background-position:center -280px;}
.popup.child .pc_content .pcc_list li:nth-child(5) i {background-position:center -320px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(2) i {background-position:center -40px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(3) i {background-position:center -80px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(4) i {background-position:center -120px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(5) i {background-position:center -160px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(6) i {background-position:center -200px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(7) i {background-position:center -240px;}
.popup.child .pc_content .pcc_list li strong {display:inline-block; float:left; width:100%; font-size:16px; font-weight:900; color:#1c1d1f; line-height:25px; letter-spacing:-0.5px;}
.popup.child .pc_content .pcc_list li p {display:inline-block; float:left; width:100%; height:50px; font-size:14px; font-weight:600; color:#1c1d1f; line-height:25px; letter-spacing:-0.5px;}
.popup.child .pc_content .pcc_list li p span {display:inline-block; width:100%;}
.popup.child .pc_content .pcc_comment {position:absolute; left:0; bottom:0; box-sizing:border-box; padding-left:8px; line-height:20px;}
.popup.child .pc_content .pcc_comment i {position:absolute; left:0; top:0;}
.popup.child .pc_content .pcc_pic {display:inline-block; float:left; position:relative; top:50%; width:300px; height:100%; background-image:url("../images/pic_popchild.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; transform:translateY(-50%);}
.popup.child .pc_content .pcc_step {display:inline-block; position:absolute; left:50px; right:50px; bottom:0;}
.popup.child .pc_content .pcc_step li {display:inline-block; float:left; width:calc(50% - 25px); border-top:#fec70c solid 1px; padding-top:20px; padding-bottom:20px; text-align:center;}
.popup.child .pc_content .pcc_step li:nth-child(2n) {margin-left:50px;}
.popup.child .pc_content .pcc_step li strong {display:inline-block; width:30px; margin-bottom:10px; background-color:#fec70c; border-radius:50%; font-size:16px; font-weight:700; color:#fff; line-height:30px; aspect-ratio:1/1;}
.popup.child .pc_content .pcc_step li p {display:inline-block; width:100%; height:40px; font-size:14px; font-weight:600; color:#1c1d1f; line-height:20px; letter-spacing:-0.5px;}
.popup.child .pc_content .pcc_step li p span {display:inline-block;}
.popup.child .pc_content .pcc_content {display:inline-block; box-sizing:border-box; width:100%; padding-left:300px; margin-top:100px;}
.popup.child .pc_content .pcc_content li {display:inline-block; float:left; box-sizing:border-box; width:33.333%; padding:0 25px;}
.popup.child .pc_content .pcc_content li .pccc_content {display:inline-block; width:100%;}
.popup.child .pc_content .pcc_content li i {display:inline-block; position:relative; top:20px; height:70px; margin-right:15px; background-image:url("../images/icon_popchild02.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center -140px; aspect-ratio:22/35;}
.popup.child .pc_content .pcc_content li:nth-child(2) i {background-position:center 0;}
.popup.child .pc_content .pcc_content li:nth-child(3) i {background-position:center -70px;}
.popup.child .pc_content .pcc_content li strong {display:inline-block; width:100%; border-bottom:#fec70c solid 2px; font-size:20px; font-weight:900; color:#fec70c; line-height:70px;}
.popup.child .pc_content .pcc_content li p {margin-top:35px;}
.popup.child .pc_content .pcc_content li p.black {height:75px;}
.popup.child .pc_content .pcc_content li p.mini {letter-spacing:-0.6px; line-height:25px;}
.popup.child .pc_content .pcc_post {display:inline-block; position:relative; top:50%; width:100%; height:630px; margin-top:-315px;}
.popup.child .pc_content .pcc_post li {display:inline-block; float:left; box-sizing:border-box; width:25%; padding:0 25px; text-align:left;}
.popup.child .pc_content .pcc_post li:nth-child(n + 5) {margin-top:50px;}
.popup.child .pc_content.t3 .pcc_box.t2 .pcc_post li:nth-child(n + 5) {margin-top:105px}
.popup.child .pc_content .pcc_post li .pccp_box {display:inline-block; width:100%; border-top:#fff solid 1px; padding-top:25px;}
.popup.child .pc_content .pcc_post li .txt {display:inline-block; width:100%;}
.popup.child .pc_content .pcc_post li .txt.normal {height:125px; font-size:17px;}
.popup.child .pc_content .pcc_post li .txt.mini {line-height:25px;}
.popup.child .pc_content .pcc_post li .txt.mini + .txt.mini {height:50px; margin-top:5px;}
.popup.child .pc_content .pcc_post li .circle {position:absolute; left:0; top:0; width:8px; border-width:2px; border-color:#fff;}
.popup.child .pc_content .pcc_post li .txt.normal + .txt.mini {margin-top:60px;}
.popup.child .pc_content .pcc_post li .circle::before {width:4px;}
.popup.child .pc_content .pcc_post li strong {display:inline-block; position:relative; width:100%; padding-top:15px; margin-top:20px; font-size:16px; font-weight:900; color:#1c1d1f; line-height:25px;}
.popup.child .pc_content .pcc_post li strong span {display:inline-block; vertical-align:top; font-size:10px;}
.popup.together .pt_area {position:absolute; left:0; top:0; bottom:0; z-index:1; width:500px; background-color:#fff;}
.popup.together .pt_area.mo {display:none;}
.popup.together .pt_area .pt_txt {position:absolute; left:100px; right:50px; top:50%; height:630px; margin-top:-315px;} 
.popup.together .pt_area .pt_txt .title {position:absolute; left:0; top:0; text-align:left;}
.popup.together .pt_area .pt_txt .txt {position:absolute; left:0; bottom:0; text-align:left;}
.popup.together .pt_area .pt_txt .txt.mo {display:none;}
.popup.together .pt_area .pt_txt .txt.pc {display:inline-block;}
.popup.together .pt_content {display:inline-block; position:relative; position:absolute; left:0; top:50%; margin-top:-315px; height:630px; white-space:normal;}
.popup.together .pt_content.t1 {width:calc(100vw - 40px); max-width:1820px; box-sizing:border-box; padding-left:500px;}
.popup.together .pt_content.t2 {left:2000px; width:2325px;}
.popup.together .pt_content.t3 {left:4525px; width:2070px;}
.popup.together .pt_content.t4 {left:4525px; width:2070px;}
.popup.together .pt_content .ptc_box {display:inline-block; float:left; position:relative; box-sizing:border-box; width:850px; padding-left:100px; padding-right:50px; top:50%; transform:translateY(-50%); background-color:#f6f8f9; text-align:left;}
.popup.together .pt_content.t1 .ptc_box {width:100%; padding:0 100px; background-color:#005eb8;}
.popup.together .pt_content.t2 .ptc_box.t2 {width:1100px;}
.popup.together .pt_content.t3 .ptc_box.t1 {z-index:3; width:300px; padding-right:0;}
.popup.together .pt_content.t3 .ptc_box.t2 {z-index:2; width:510px; padding-left:50px; padding-right:0;}
.popup.together .pt_content.t3 .ptc_box.t3 {z-index:1; width:510px; padding-left:50px; padding-right:50px;}
.popup.together .pt_content.t4 .ptc_box.t1 {z-index:1; width:550px; padding-right:0;}
.popup.together .pt_content.t4 .ptc_box.t2 {z-index:3; width:500px; padding-left:50px; padding-right:0;}
.popup.together .pt_content.t4 .ptc_box.t3 {z-index:3; width:350px; padding-left:50px; padding-right:100px;}
.popup.together .pt_content.t1 .ptc_box .ptc_youtube {display:inline-block; position:relative; top:50%; width:100%; height:630px; margin-top:-315px;}
.popup.together .pt_content.t1 .ptc_box .ptc_youtube iframe {display:inline-block; position:relative; top:50%; width:100%; height:auto; max-height:630px; aspect-ratio:16/9; transform:translateY(-50%);}
.popup.together .pt_content .ptc_box .ptc_wrap {display:inline-block; float:left; position:relative; top:50%; width:100%; height:630px; margin-top:-315px;}
.popup.together .pt_content .ptc_top {position:absolute; left:0; top:0;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_top {left:240px;}
.popup.together .pt_content.t4 .ptc_box .ptc_top {left:-240px;}
.popup.together .pt_content .ptc_top .ptct_pic {display:inline-block; overflow:hidden; width:320px; border-radius:5px; box-shadow:0 30px 60px rgba(28, 29, 31, 0.3);}
.popup.together .pt_content.t3 .ptc_top .ptct_pic,
.popup.together .pt_content.t4 .ptc_top .ptct_pic {width:200px; box-shadow:0 20px 40px rgba(28, 29, 31, 0.3);}
.popup.together .pt_content .ptc_top .ptct_pic img {float:left; width:100%; height:auto;}
.popup.together .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.together .pt_content.t3 .ptc_top .ptct_content {left:240px;}
.popup.together .pt_content.t4 .ptc_top .ptct_content {left:240px;}
.popup.together .pt_content .ptc_top .ptct_content.t1 {left:0; top:225px;}
.popup.together .pt_content.t3 .ptc_box.t1 .ptc_top .ptct_content.t1 {left:0; top:315px;}

.popup.together .pt_content .ptc_top .ptct_content .circle {border-width:2px; border-color:#8bbbdb; width:8px; margin-bottom:5px;}
.popup.together .pt_content .ptc_top .ptct_content span {display:inline-block; width:100%;}
.popup.together .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.together .pt_content .ptc_top .ptct_content > p {display: inline-block; width:100%; font-size:16px; font-weight:900; color:#005eb8; line-height:25px;}
.popup.together .pt_content .ptc_top .ptct_content > strong {font-weight:600; color:#1c1d1f;}
.popup.together .pt_content .ptc_history {position:absolute; left:0; bottom:0;}
.popup.together .pt_content .ptc_history > ul {display:inline-block; width:calc(100% + 50px); margin-left:-25px;}
.popup.together .pt_content .ptc_history > ul > li {display:inline-block; float:left; box-sizing:border-box; width:33.333%; padding:0 25px;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_history > ul > li {width:25%;}
.popup.together .pt_content.t3 .ptc_box .ptc_history > ul > li {width:100%; max-width:250px;}
.popup.together .pt_content.t3 .ptc_box.t2 .ptc_history > ul > li {width:50%;}
.popup.together .pt_content.t3 .ptc_box.t2 .ptc_history > ul > li + li {margin-top:40px;}
.popup.together .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(1) {margin-top:90px;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_history > ul > li:nth-child(1) {margin-top:160px;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_history > ul > li:nth-child(2),
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_history > ul > li:nth-child(3) {margin-top:70px;}
.popup.together .pt_content.t4 .ptc_box.t1 .ptc_history > ul > li:nth-child(2) {margin-top:220px;}
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li:nth-child(2) {margin-top:20px;}
.popup.together .pt_content.t4 .ptc_box .ptc_history > ul > li {width:100%; max-width:250px;}
.popup.together .pt_content.t4 .ptc_box.t1 .ptc_history > ul > li {width:50%;}
.popup.together .pt_content .ptc_history > ul > li > strong {display:inline-block; width:100%; margin-bottom:4px; font-size:16px; color:#005eb8; font-weight:900; line-height:30px; letter-spacing:-0.5px;}
.popup.together .pt_content .ptc_history > ul > li > strong mark {margin-right:3px; font-size:30px; color:#005eb8;}
.popup.together .pt_content .ptc_history > ul > li ul {display:inline-block; width:100%;}
.popup.together .pt_content .ptc_history > ul > li ul > li {display:inline-block; position:relative; width:100%; padding-top:10px; font-size:14px; font-weight:600; color:#bbbbbc; line-height:20px; letter-spacing:-0.5px; text-align:left;}
.popup.together .pt_content .ptc_history > ul > li ul > li:before {content:""; position:absolute; left:0; right:0; top:0; height:1px; background-color:#005eb8;}
.popup.together .pt_content .ptc_history > ul > li ul > li + li {margin-top:20px;}
.popup.together .pt_content .ptc_history > ul > li ul > li span {display:inline-block; width:100%;}
.popup.together .pt_content .ptc_history > ul > li ul > li span b {font-weight:400;}
.popup.together .pt_content .ptc_history > ul > li ul > li mark {display:inline-block; width:100%; font-weight:900; color:#005eb8;}
.popup.together .pt_content .ptc_history > ul > li ul > li strong {display:inline-block; width:100%; font-weight:600; color:#1c1d1f;}
.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:#fff;}
.popup.performancefee .p_wrap:after {content:""; position:absolute; left:50%; right:0; top:0; bottom:0; z-index:-1; background-color:#d8ecfa;}
.popup.performancefee .p_box {position:absolute; overflow:auto; 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 > span {display:inline; vertical-align:bottom; font-size:25px; font-weight:400;}
.popup.performancefee .pp_content .title > span ~ span.cm { margin-top:20px;}
.popup.performancefee .pp_content .title > .small {margin-top:5px; margin-bottom:10px; line-height:20px;}
.popup.performancefee .pp_list {position:absolute; left:50%; right:0; top:0; bottom:0; 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:2%; top:-11%; 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:-1%; top:-10%; width:43.333%;}
.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 {margin-top:20px;}
.popup.performancefee .pp_list > ul > li > strong {display:inline-block; position:relative; width:100%; padding-top:10px; font-size:20px; font-weight:900; color:#005eb8; line-height:30px; letter-spacing:-0.5px; text-align:left;}
.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:#005eb8;}
.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; font-weight:600 !important; color:#005eb8; 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:#1c1d1f; line-height:30px; letter-spacing:-0.5px; text-align:left;}
.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 {float:left; font-weight:900 !important; margin-right:10px;}
.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:inline-block; float:left; z-index:1; cursor:pointer; padding:0 10px; margin-top:5px; border-radius:10px; border:rgba(28, 29, 31, 0.1) solid 1px; font-size:12px; color:#1c1d1f !important; font-weight:600 !important; line-height:18px;}
.popup.performancefee .pp_list > ul > li > ul > li span .ppl_btn:hover {text-decoration:underline;}
.popup.performancefee .pie-chart p {margin-top:max(-2.6042vw,-50px);}
.popup.performancefee .pie-chart p > span {font-size:min(2.0833vw,40px); line-height:min(4.4271vw,85px);}
.popup.performancefee .pie-chart p > span > span {font-size:min(3.3vw,63px);}
.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:-315px; height:630px; white-space:normal; text-align:left;}
.popup.rule .pr_content.t1 {width:400px; padding-left:100px; padding-right:100px;}
.popup.rule .pr_content.t2 {left:2000px; width:2325px; padding-right:50px;}
.popup.rule .pr_content.t3 {left:4525px; width:400px; padding-right:100px;}
.popup.rule .pr_content.t4 {left:4525px; width:400px; padding-right:100px;}
.popup.rule .pr_content.t5 {left:4525px; width:500px; padding-right:100px;}
.popup.rule .pr_content.t6 {left:4525px; width:400px; 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.t1 .title {display:inline-block; width:100%; text-align:left;}
.popup.rule .pr_content.t1 .title.t1 {margin-bottom:10px;}
.popup.rule .pr_content.t1 .txt.small {margin-top:25px;}
.popup.rule .pr_content.t1 .txt.normal + .txt.normal {margin-top:15px;}
.popup.rule .pr_content.t1 .txt.normal + .txt.normal {box-sizing:border-box; width:100%; padding-left:10px;}
.popup.rule .pr_content.t1 .txt.normal + .txt.normal > span > span {display:inline-block; width:auto;}
.popup.rule .pr_content.t1 .txt.normal strong {display:inline-block; position:relative; font-weight:500;}
.popup.rule .pr_content.t1 .txt.normal strong::before {content:"|"; position:absolute; top:0; left:-10px;}
.popup.rule .p_percent {display:inline-block; float:left; position:relative; box-sizing:border-box; z-index:0; width:100%; height:30px; margin-top:45px; margin-bottom:15px; padding-left:10px; font-size:14px; font-weight:300; color:#fff; line-height:32px; text-align:left;}
.popup.rule .p_percent:before {content:""; position:absolute; left:0; top:0; bottom:0; z-index:-1; width:1px; background-color:#005eb8; transition:0.8s; transition-delay:0.3s;}
.popup.rule .p_percent.t2 {width:60px;}
.popup.rule .p_percent.t2:before {background-color:#8bbbdb;}
.popup.rule .p_percent.on::before {width:100%;}
.popup.rule .p_percent strong {font-size:20px; font-weight:700;}
.popup.rule .pr_content.t2 .prc_pic {display:inline-block; position:relative; top:50%; width:450px; transform:translateY(-50%);}
.popup.rule .pr_content.t2 .prc_pic img {float:left; width:100%; height:auto;}
.popup.rule .pr_content.t3 .txt.small {margin-top:55px; margin-bottom:70px;}
.popup.rule .pr_content.t3 .txt.big {margin-bottom:15px;}
.popup.rule .pr_content.t3 .txt.normal + .txt.big {margin-top:40px;} 
.popup.rule .pr_content.t4 .title {margin-bottom:20px;}
.popup.rule .pr_content.t4 .txt.normal + .txt.normal {margin-top:30px;}
.popup.rule .pr_content.t4 .prc_partner {display:inline-block; width:calc(100% + 20px); margin-left:-10px; margin-top:20px;}
.popup.rule .pr_content.t4 .prc_partner li {display:inline-block; float:left; width:auto; padding:0 10px; font-size:0; line-height:0;}
.popup.rule .pr_content.t4 .prc_partner li img {width:auto; height:60px;}
.popup.rule .pr_content.t4 .prc_partner li:nth-child(2) img {margin-top:5px; height:50px;}
.popup.rule .pr_content.t5 .title {margin-bottom:20px;}
.popup.rule .pr_content.t5 .prc_step {display:inline-block; width:calc(100% + 60px); margin-left:-30px; margin-top:30px;}
.popup.rule .pr_content.t5 .prc_step li {display:inline-block; float:left; position:relative; box-sizing:border-box; width:33.333%; padding:30px; opacity:0; transition:0.3s; transform:scale(1.2);}
.popup.rule .pr_content.t5 .prc_step li:nth-child(2) {transition-delay:0.3s;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(3) {transition-delay:0.6s;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(4) {transition-delay:0.9s;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(5) {transition-delay:1.2s;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(6) {transition-delay:1.5s;}
.popup.rule .pr_content.t5 .prc_step.on li {opacity:1; transform:scale(1);}
.popup.rule .pr_content.t5 .prc_step li:nth-child(n + 3) {float:right;}
.popup.rule .pr_content.t5 .prc_step li i {display:inline-block; position:absolute; left:50%; top:15px; width:60px; height:60px; margin-left:-30px; background-image:url("../images/icon_poprule.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0;}
.popup.rule .pr_content.t5 .prc_step li:last-child i {top:10px; background-position:center -60px;}
.popup.rule .pr_content.t5 .prc_step li:before {content:""; position:absolute; right:-15px; top:50%; width:40px; height:8px; margin-top:-4px; background-image:url("../images/icon_arrow.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(n + 4):before  {transform:rotateY(180deg);}
.popup.rule .pr_content.t5 .prc_step li:nth-child(4):before {display:none;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(3):before {right:50%; top:auto; bottom:-5px; margin-right:-14px; margin-top:0; transform:rotate(90deg);}
.popup.rule .pr_content.t5 .prc_step li .prcs_box {display:inline-block; position:relative; width:118px; border:#005eb8 solid 1px; border-radius:50%; aspect-ratio:1/1;}
.popup.rule .pr_content.t5 .prc_step li .prcs_box span {display:inline-block; width:100%; font-size:16px; font-weight:900; color:#005eb8; line-height:20px; letter-spacing:-0.3px; text-align:center;}
.popup.rule .pr_content.t5 .prc_step li .prcs_box > span {position:absolute; top:50%; margin-top:-10px;}
.popup.rule .pr_content.t5 .prc_step li:first-child .prcs_box > span {margin-top:20px;}
.popup.rule .pr_content.t5 .prc_step li .prcs_box > p {display:inline-block; position:absolute; top:50%; margin-top:-20px; width:100%;}
.popup.rule .pr_content.t5 .prc_step li:last-child .prcs_box > p {margin-top:10px;}
.popup.rule .pr_content.t6 .title {margin-bottom:20px;}
.popup.rule .pr_content.t6 .txt.normal +.txt.normal {margin-top:30px;}
.popscroll {position:absolute; left:50%; top:50%; z-index:10; box-sizing:border-box; width:450px; margin-left:-225px; margin-top:-60px; padding:10px 47px; padding-bottom:20px; background-color:#fff; 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:#005eb8 solid 2px;}
.popscroll .p_scroll i {position:absolute; left:50%; top:4px; width:6px; height:6px; margin-left:-3px; border-radius:50%; background-color:#005eb8; 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:#1c1d1f; 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: absolute; 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.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;}
.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; transition:0.5s;}
#contents.on {opacity:1;}
#contents::-webkit-scrollbar {display: none; width:10px;}
#contents > section {display:inline-block; width:100%; flex-shrink:0; position:sticky; top:150px; margin-top:800px; object-fit:cover;}
#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:50px 50px 0 0; background-repeat:no-repeat; background-size:cover; background-position:center;  pointer-events:none;}
#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:50px 0 0 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents section.child .c_wrap {background-color:#fec70c;}
#contents section.together .c_wrap {background-color:#fff;}
#contents section.footer .c_wrap {background-color:#005eb8; 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:60px 60px 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:50px 50px 0 0;}
#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; transform:scale(1.2); transition:5s;}
#contents section.on .c_pic .cp_cover {transform:scale(1);}

#contents section.child .c_pic {left:50%; box-shadow:0 0 60px rgba(32, 34, 36, 0.1); }
#contents section.child .c_pic .cp_cover {background-image:url("../images/pic_child.jpg");}
#contents section.together .c_pic {left:50%; box-shadow:0 0 60px rgba(32, 34, 36, 0.1);}
#contents section.together .c_pic .cp_cover {background-image:url("../images/pic_together.jpg"); }
#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%; 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.child .c_box,
#contents section.together .c_box {right:calc(50% + 100px);}


/* intro */
#contents section .c_info {position:absolute; right:0; top:100px; width:340px; text-align:right;}
#contents section .c_info li {display:inline-block; box-sizing:border-box; width:100%; padding:15px 30px; border-radius:20px; border:rgba(255,255,255, 0.3) solid 1px; background-color:rgba(255,255,255,0.2); backdrop-filter:blur(20px); transition-delay:0.3s;}
#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;}
#contents section.intro {top:0; margin-top:0;}
#contents section.intro .ci_wrap {position:fixed; left:0; right:0; top:0; bottom:0; pointer-events:none; transition:0.5s;}
#contents.step01 section.intro .ci_wrap {opacity:0;}
#contents section.intro .ci_content {position:absolute; left:20px; right:20px; top:50%; height:480px; margin-top:-240px;}
#contents section.intro .ci_content > strong {display:inline-block; width:100%; margin-bottom:35px; font-size:30px; line-height:40px; letter-spacing:-0.6px;}
#contents section.intro .ci_content > strong mark {letter-spacing:1px;}
#contents section.intro .ci_content > h2 {display:inline-block; position:relative; font-size:min(8.3333vw,160px); line-height:min(8.3333vw,160px); white-space:nowrap; letter-spacing:-0.13vw; transition:0.15s; font-family:"Pretendard";}
#contents section.intro .ci_content > h2 span {display:inline-block; position:relative; top:min(4.15vw,80px); opacity:0; transition:0.4s;}
#contents section.intro.start .ci_content > h2 span {top:0; opacity:1;}
#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:inline-block; position:relative; width:100%; margin-top:75px; font-size:20px; font-weight:400; line-height:30px; letter-spacing:-1px;}
#contents section.intro .ci_content > p span {display:inline-block;}
#contents section.intro .ci_content > p > span {width:100%;}
#contents section.intro .ci_content > a {display:inline-block; width:260px; height:60px; margin-top:30px; background-color:#005eb8; border-radius:30px; font-size:20px; font-weight:600; color:#fff; line-height:60px; letter-spacing:-0.5px; pointer-events:auto; transition:0.3s;}
#contents section.intro .ci_content > a:hover {background-color:#fec70c; color:#005eb8;}
#contents section.intro .ci_content > a i {display:inline-block; position:relative; top:3px; width:20px; height:20px; margin-right:19px; background-image:url("../images/icon_download.svg"); background-repeat:no-repeat; background-size:100% auto; filter: invert(100%) sepia(6%) saturate(3%) hue-rotate(359deg) brightness(118%) contrast(100%); transition:0.3s;}
#contents section.intro .ci_content > a:hover i {filter: invert(23%) sepia(99%) saturate(1776%) hue-rotate(193deg) brightness(93%) contrast(107%);}

/* situation  */
#contents section.situation {margin-top:0;}
#contents section.situation .c_wrap {background-color:#005eb8;}
#contents section.situation .c_area {position:absolute; overflow:hidden; isolation:isolate !important;  left:0; right:0; top:0; bottom:0; opacity:0; border-radius:50px 50px 0 0;}
#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:#fff; 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:#fff 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:#fff; 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.situation h2 {position:absolute; left:0; top:0; text-align:left; text-shadow: 0px 0px 4px rgba(28, 29, 31, 0.3); font-family:"Pretendard";}


#contents section.child .cc_content {position:absolute; left:0; top:0; text-align:left; width:210px;}
#contents section.child .cc_content.t2 {left:auto; right:0; top:50%; margin-top:-115px;}
#contents section.child .cc_content.t3 {top:auto; bottom:0;}
#contents section.child .cc_content .title {position:relative; white-space:nowrap;}
#contents section.child .cc_content .title .circle {position:absolute; right:5px; top:-25px;}
#contents section.child .cc_content .txt {padding-left:10px; margin-top:20px;}

#contents section.together .ct_content {position:absolute; left:0; top:0;} 
#contents section.together .ct_title {left:auto; right:0; top:50%; margin-top:-115px;}
#contents section.together .ct_history {top:auto; bottom:0;}
#contents section.together .ct_history .cth_deco .circle {float:left;}
#contents section.together .ct_history .cth_deco .cthd_line {display:inline-block; float:left; width:1px; height:2px; margin-top:5px; margin-right:5px; background-color:#005eb8; transition:0.3s; transition-delay:0.9s; opacity:0;}
#contents section.together.on .ct_history .cth_deco .cthd_line {width:35px; opacity:1;}
#contents section.together .ct_history ul {display:inline-block; width:100%; margin-top:13px; text-align:left;}
#contents section.together .ct_history ul li {display:inline-block; float:left; position:relative; box-sizing:border-box; width:100%; padding-left:60px;}
#contents section.together .ct_history ul li strong {position:absolute; left:0; top:0;}
#contents section.together .ct_slogan {filter: invert(20%) sepia(98%) saturate(1982%) hue-rotate(195deg) brightness(98%) contrast(104%);}

#contents section.performancefee .cp_content {display:inline-block; position:absolute; left:0; top:50%; margin-top:-225px;}
#contents section.performancefee .cp_content .cpc_circle {display:inline-block; position:relative; float:left;}
#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:30px; 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:-210px;}

#contents section.rule .title {position:absolute; left:0; top:0; text-align:left; text-shadow: 0px 0px 4px rgba(28, 29, 31, 0.3); font-family:"Pretendard";}

#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 .cf_box {position:absolute; left:0; bottom:0; text-align:left;}
#contents section.footer .cf_logo {position:absolute; left:0; top:-100px;}
#contents section.footer .cf_list {display:inline-block; float:left; width:100%;}
#contents section.footer .cf_list li {display:inline-block; box-sizing:border-box; position:relative; width:100%; padding-left:100px; text-align:left; font-weight:400; word-break:keep-all;}
#contents section.footer .cf_list li strong {position:absolute; left:0; top:0;}
#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:20px; pointer-events:auto;}

#contents .cf_logo {display:inline-block; width:162px; height:60px; transition:0.3s;}
#contents .cf_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; transition:0.3s;}
#contents .cf_logo .cfl_img {display:inline-block; width:100%; height:auto; fill:#fff; fill-rule:evenodd;}






@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_slogan {right:40px; top:25px;}
.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.situation .ps_area > .title,
.popup.situation .ps_list {left:70px;}
.popup.together .pt_area .pt_txt .txt.mo {display:inline-block;}
.popup.together .pt_area .pt_txt .txt.pc {display:none}
.popup.together .pt_area {width:400px;}
.popup.together .pt_area .pt_txt {left:70px; right:50px;}
.popup.together .pt_content.t1 {padding-left:400px;}
.popup.together .pt_content.t1 .ptc_box {padding:0 70px;}
.popup.together .pt_area .pt_txt .txt span {word-break:keep-all;}
.popup.performancefee .p_box {left:70px; right:70px;}
.popup.rule .pr_content.t1 {padding-left: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:#d8ecfa;}
.popup.performancefee .pp_area {position:absolute; left:70px; right:70px; top:50%; height:630px; margin-top:-315px;}

/* aside */
#aside:before {height:260px;}
#aside .a_list li {font-size:16px; line-height:60px;}

/* 콘텐츠 */
#contents > section {top:120px;}
#contents section .c_box {left:70px; right:70px;}
#contents section.child .c_box, 
#contents section.together .c_box {right:calc(50% + 70px);}

#contents section.footer .cf_logo {width:135px; height:50px;}
}





@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;}

.popup.situation .ps_area > .title strong {font-size:50px; line-height:60px;}
.popup.situation .ps_content.t1 .psc_list.t2 {left:21vw;}
.popup.situation .ps_content.t2 .psc_list {right:-2.5vw;}

.pie-chart.t1 .txt.normal {font-size:14px; line-height:20px;}
/* 헤더 */
#header .h_title {font-size:5.3vw;}


/* 콘텐츠 */
#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.child .cc_content {width:180px;}
#contents section.child .cc_content .txt {margin-top:5px; font-size:16px; line-height:28px;}
#contents section.intro .ci_content > a {margin-top:25px;}
#contents section.together .ct_slogan {width:140px; font-size:0; line-height:0;}
#contents section.together .ct_slogan img {width:100%; height:auto;}
#contents section.together .ct_title {width:90px; font-size:0; line-height:0;}
#contents section.together .ct_title img {width:100%; height:auto;}
#contents section.performancefee .cp_content .pie-outter {width:300px; height:300px;}
#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 {margin-top:-40px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span {font-size:35px; line-height:70px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span > span {font-size:60px;}
#contents section.performancefee .cp_content .cpc_txt .cpct_box {margin-top:25px;}
}





@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;}
.txt {font-size:17px; line-height:28px;}
.txt.big {font-size:18px; line-height:28px;}
.txt.normal {font-size:15px;}
.popup {padding-top:100px;}
.popup .p_close {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.together .pt_area .pt_txt,
.popup.together .pt_content .ptc_box .ptc_wrap,
.popup.child .pc_content,
.popup.child .pc_content .pcc_post,
.popup.situation .ps_area,
.popup.child .pc_content.t2 .pcc_box.t2 > strong, 
.popup.child .pc_content.t3 .pcc_box.t2 > strong,
.popup.performancefee .p_area,
.popup.performancefee .pp_area,
.popup.situation .ps_content .psc_box {height:600px; margin-top:-300px;}

.popup.together .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.situation .pc {display:none;}
.popup.situation .mo.t1 {display:inline-block;}
.popup.situation .ps_area {width:350px; padding-right:0;}
.popup.situation .ps_content {width:auto; height:100%;}
.popup.situation .ps_content.t1 {left:350px; width:500px;}
.popup.situation .ps_content.t2 {left:850px; width:470px;}
.popup.situation .ps_content.t3 {left:1320px; width:410px;}
.popup.situation .ps_content .psc_list {transform:scale(0.8);}
.popup.situation .ps_content.t1 .psc_list.t1 {left:100px;}
.popup.situation .ps_content.t1 .psc_list.t2 {left:350px;}
.popup.situation .ps_content.t2 .psc_list {right:-110px;}
.popup.situation .ps_content.t3 .psc_list {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_list li .title .txt {line-height:32px;} 
.popup.child .p_wrap {padding-left:80px;}
.popup.child .pc_content.t1 {padding-left:80px;}
.popup.child .pc_line {width:80px;}
.popup.child .pc_line strong {font-size:35px; line-height:45px;}
.popup.child .pc_content.t2 {padding-left:180px;}
.popup.child .pc_content .pc_line .pcl_pic {left:80px;}
.popup.child .pc_content .pcc_content {margin-top:70px; padding-left:260px;}
.popup.child .pc_content .pcc_list li {padding-left:55px;}
.popup.child .pc_content .pcc_list li strong {font-size:15px;}
.popup.child .pc_content .pcc_list li + li {margin-top:50px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(n + 3) {margin-top:40px;}
.popup.child .pc_content .pcc_step li {padding-top:15px; padding-bottom:15px;}
.popup.child .pc_content .pcc_step li strong {width:28px; font-size:15px; line-height:28px;}
.popup.child .pc_content .pcc_content li strong {font-size:18px; line-height:60px;}
.popup.child .pc_content .pcc_content li i {height:60px; margin-right:12px; background-position:center -120px;}
.popup.child .pc_content .pcc_content li:nth-child(3) i {background-position:center -60px;}
.popup.child .pc_content .pcc_content li p.black {margin-top:25px;}
.popup.child .pc_content .pcc_content li p.mini {margin-top:30px;}
.popup.child .pc_content .pcc_post li:nth-child(n + 5) {margin-top:35px;}
.popup.child .pc_content.t3 .pcc_box.t2 .pcc_post li:nth-child(n + 5) {margin-top:85px}
.popup.child .pc_content.t3 .pcc_box {width:1000px;}
.popup.child .pc_content.t2 .pcc_box.t2,
.popup.child .pc_content.t3 .pcc_box.t2 {padding-left:150px; padding-right:50px;}
.popup.child .pc_content.t2 .pcc_box.t2 > strong, 
.popup.child .pc_content.t3 .pcc_box.t2 > strong {width:80px; margin-top:-255px; font-size:35px; line-height:45px;}
.popup.child .pc_content.t3 .pcc_list {left:270px;}
.popup.child .pc_content .pcc_box.t4 {width:975px;}
.popup.child .pc_content .pcc_step li {width:calc(33.333% - 33.333px);}
.popup.child .pc_content .pcc_list li + li {margin-top:20px;}
.popup.child .pc_content .pcc_step li:nth-child(2n) {margin-left:0;}
.popup.child .pc_content .pcc_step li:nth-child(3n) {margin-left:49px;} 
.popup.child .pc_content .pcc_step li:nth-child(3n + 2) {margin-left:49px;} 
.popup.child .pc_content .pcc_post li .pccp_box {padding-top:15px}
.popup.child .pc_content .pcc_post li .txt.normal {font-size:16px;}
.popup.child .pc_content .pcc_post li:nth-child(n + 5) {margin-top:20px;}
.popup.child .pc_content .pcc_content li p.black {margin-top:20px;}
.popup.child .pc_content .pcc_content li p.mini {margin-top:20px;}
.popup.child .pc_content .pcc_post li strong {margin-top:10px;}
.popup.child .pc_content.t3 .pcc_box.t2 .pcc_post li:nth-child(n + 5) {margin-top:50px;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(n + 3) {margin-top:20px;}
.popup.together .pt_area .pt_txt {left:50px;}
.popup.together .pt_content .ptc_top .ptct_content.t1 {top:212px;}
.popup.together .pt_content.t3 .ptc_box.t1 .ptc_top .ptct_content.t1 {top:300px;}
.popup.performancefee .p_box {left:50px; right:50px;}
.popup.situation .ps_area > .title, 
.popup.situation .ps_list {left:50px;}
.popup.performancefee .pp_area {left:50px; right:50px;}
.popup.rule .pr_content.t1 {width:350px; padding-left:50px; padding-right:70px;}
.popup.rule .pr_content.t1 .txt.small {margin-top:20px;}
.popup.rule .p_percent {margin-top:30px;}
.popup.rule .pr_content.t2 .prc_pic {width:350px;}
.popup.rule .pr_content.t3 .txt.small {margin-top:40px; margin-bottom:60px;}
.popup.rule .pr_content.t3 .txt.big {margin-bottom:10px;}
.popup.rule .pr_content.t3 .txt.normal + .txt.big {margin-top:30px;}
.popup.rule .pr_content.t4 .title,
.popup.rule .pr_content.t5 .title,
.popup.rule .pr_content.t6 .title {margin-bottom:15px;}
.popup.rule .pr_content.t4 .txt.normal + .txt.normal,
.popup.rule .pr_content.t6 .txt.normal +.txt.normal {margin-top:25px;}
.popup.rule .pr_content.t6 {padding-right:50px;}
.popup.rule .pr_content.t5 .prc_step {margin-top:15px;}

/* 헤더 */
#header .h_logo {left:35px; top:35px; width:108px; height:40px;}
#header .h_slogan {right:35px; top:25px; width:60px; font-size:0; line-height:0;}
#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_box {left:50px; right:50px; height:500px; margin-top:-250px;}
#contents section.child .c_box, 
#contents section.together .c_box {right:calc(50% + 50px);}
#contents section.child .cc_content {width:165px;}
#contents section.footer .c_box {height:500px; margin-top:-250px;}
#contents section.footer .cf_box {width:calc(50% - 50px);}
}





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

.popup.together .pt_area {width:250px;}
.popup.together .pt_content.t1 {padding-left:250px;}
.popup.together .pt_area .pt_txt {left:30px;}
.popup.together .pt_content.t1 .ptc_box {padding: 0 50px;}
.popup.together .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;}



/* 헤더 */
#header .h_logo {left:30px; top:30px;}
#header .h_slogan {right:30px; top:20px;}

/* 콘텐츠 */
#contents section .c_box,
#contents section.footer .c_box {left:30px; right:30px; top:50px; bottom:50px; height:auto; margin-top:0;}
#contents section .c_info {left:0; right:auto; top:140px; text-align:left;}
#contents section.child .c_pic,
#contents section.together .c_pic,
#contents section.footer .c_pic {left:0; bottom:50%;}
#contents section.situation .cr_scroll span {line-height:70px;}
#contents section.child .c_box, 
#contents section.together .c_box {top:30%; right:30px;}
#contents section.together .ct_slogan {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(104%) contrast(104%);}
#contents section.together .ct_title {top:35%; margin-top:0;}
#contents section.performancefee .c_info {top:120px; left:auto; right:0; margin-top:0; text-align:right;}
#contents section.performancefee .cp_content {top:30px; 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 > 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:30px; z-index:100; width:120px; height:120px; 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.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;}
#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.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;}
#contents section.footer .cf_box {top:50%; margin-top:30px;}

#contents section.situation .c_box {top:50%; margin-top:-200px}
#contents section.rule .title {top:50%; margin-top:-200px;}
}





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

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

.pie-outter {background-color:rgba(255, 255, 255, 0.6); backdrop-filter:none;}

.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.child .p_wrap > .pc_line strong:last-child {border-radius:0 0 0 30px;}
.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:#fff; 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:#005eb8; 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:#005eb8 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:#005eb8; line-height:40px; transition:0.3s; -webkit-transition:0.3s;}

.popup.rule .pr_content,
.popup.performancefee .p_box,
.popup.together .pt_area .pt_txt,
.pt_content .ptc_box .ptc_wrap, .popup.child .pc_content,
.popup.child .pc_content .pcc_post, .popup.situation .ps_area,
.popup.child .pc_content.t2 .pcc_box.t2 > strong,
.popup.child .pc_content.t3 .pcc_box.t2 > strong,
.popup.performancefee .p_area,
.popup.performancefee .pp_area,
.popup.situation .ps_content .psc_box,
.popup.together .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:#d8ecfa; overflow-x:hidden}
.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_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:0 !important; transform:none !important}
.popup.situation .ps_slide {overflow:visible; display:flex; width:100%; max-width:400px; padding-bottom:50px; justify-content: center; justify-content: center; align-items: center; text-align: center; background-color:#d8ecfa;}
.popup.situation .ps_slide img {display:block; width:100%; height:100%; object-fit:cover; }
.popup.situation .ps_content {background-color:transparent;}
.popup.situation .ps_area {padding:50px 20px !important; background-color:#fff;}
.popup.situation .ps_area > .title {margin-bottom:30px !important;}
.popup.situation .ps_list {width:calc(100% + 20px) !important; margin-left:-10px; max-width:120%;}
.popup.situation .ps_list ul {display:inline-block; position:relative; width:100%; margin-bottom:20px; padding-bottom:20px;}
.popup.situation .ps_list li {box-sizing:border-box; width:33.333%; padding-left:10px; padding-right:10px; border-top:none;}
.popup.situation .ps_list li .psl_box {display:inline-block; width:100%; border-top:#005eb8 solid 1px;}
.popup.situation .ps_area .txt.mini {height:60px; margin-bottom:20px;}
.popup.situation .ps_list li:nth-child(1) .txt.mini {margin-bottom:0;}
.popup.situation .ps_list li:last-child .txt.small {position:absolute; left:10px; bottom:0; margin-top:0;}
.popup.situation .ps_list > p {width:100%; margin-left:10px;}
.popup.situation .ps_content.t1 .psc_list.t1 {left:-40px;}
.popup.situation .ps_content.t1 .psc_list.t2 {left:auto; right:0;}
.popup.situation .ps_content.t2 .psc_list {left:50%; right:auto; width:400px; margin-left:-200px;}
.popup.situation .ps_content.t2 .psc_list li {float:left; width:calc(50% - 10px);}
.popup.situation .ps_content.t2 .psc_list li:nth-child(2n) {margin-left:20px;}
.popup.situation .ps_content.t3 .psc_list {bottom:0;}
.popup.situation .ps_map {display:inline-block; width:80%; max-width:400px;}
.popup.situation .ps_slide .swiper-slide {opacity:0.3}
.popup.situation .ps_slide .swiper-slide.swiper-slide-active {opacity:1;}
.popup.situation .ps_slide .swiper-slide.swiper-slide-active .psc_list {animation-name:f_scale; animation:f_scale 0.5s linear forwards 1; opacity:1;}
.popup.situation .ps_slide .swiper-slide.swiper-slide-prev .psc_list,
.popup.situation .ps_slide .swiper-slide.swiper-slide-next .psc_list {animation-name:f_rescale; animation:f_rescale 0.5s linear forwards 1; opacity:0;}
@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 {position:absolute !important; left:0 !important; top:0 !important; opacity:0; transition:0.3s;}
.popup.situation .ps_content.t2 {left:3% !important; width:94% !important;}
.popup.situation .ps_content.t3 {left:9% !important; width:82% !important;}
.popup.situation .ps_map .ps_content.t1 {opacity:1;}
.popup.situation .ps_map.step02 .ps_content.t1,
.popup.situation .ps_map.step03 .ps_content.t1 {opacity:0;}
.popup.situation .ps_map.step02 .ps_content.t2,
.popup.situation .ps_map.step03 .ps_content.t3 {opacity:1;}
.popup.situation .ps_map.step01 .ps_content.t1 .psc_list,
.popup.situation .ps_map.step02 .ps_content.t2 .psc_list,
.popup.situation .ps_map.step03 .ps_content.t3 .psc_list {animation-name:f_scale; animation:f_scale 0.5s linear forwards 1; opacity:1;}
.popup.situation .ps_content .psc_box {bottom:20px;}
.popup.situation .ps_slide .swiper-pagination {display:block; bottom:20px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width:10px;height:10px; background-color:#005eb8;}

.popup.child .p_overflow {top:50px; height:calc(100% - 50px);}
.popup.child .sectionheight {height:auto !important;}
.popup.child .pc {display:none;}
.popup.child .mo {display:inline-block;}
.popup.child .pc_line {left:0; right:0; top:0; bottom:auto; width:100%;}
.popup.child .p_wrap > .pc_line {z-index:100;}
.popup.child .pc_line strong {left:0; top:0 !important; bottom:auto !important; right:66.66%; z-index:10; height:50px; padding:0; border-width:1px !important; font-size:30px; line-height:52px;}
.popup.child .pc_line strong + strong {border-left:none;}
.popup.child .pc_line strong span {width:auto;}
.popup.child .pc_line strong:nth-child(2) {left:33.333%; right:33.33%;}
.popup.child .pc_line strong:nth-child(3) {left:66.66%; right:0;}
.popup.child .pc_content .pc_line {top:0; transform:none;}
.popup.child .pc_content .pcc_box {top:auto !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; transform:none !important;}
.popup.child .pc_content.t1 {z-index:0;}
.popup.child .pc_content.t1 .pcc_box.t1,
.popup.child .pc_content.t1 .pcc_box.t2 {float:left; width:50% !important;}
.popup.child .pc_content.t1 .pcc_box.t3 {margin-top:20px;}
.popup.child .pc_content.t2 .pcc_box.t2,
.popup.child .pc_content.t3 .pcc_box.t2 {padding-left:0; padding-right:0; width:calc(100% + 40px) !important; margin-left:-20px; padding:30px 0;}
.popup.child .pc_content .pcc_box.t4 {padding:0; margin-top:50px;}
.popup.child .p_wrap > .pc_line strong:first-child {border-radius:30px 0 0 0;}
.popup.child .p_wrap > .pc_line strong:nth-child(3) {border-radius:0 30px 0 0;}
.popup.child .p_wrap {padding-left:25px; padding-right:25px;}
.popup.child .pc_content,
.popup.child .pc_content .pcc_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:0 20px !important;}
.popup.child .pc_content {overflow:hidden; margin-top:0 !important; padding-top:30px !important;}
.popup.child .pc_content + .pc_content {margin-top:50px !important}
.popup.child .pc_content.t3 {margin-top:0 !important;}
.popup.child .pc_content .pcc_list {margin-top:30px !important;}
.popup.child .pc_content .pcc_list li p {height:auto; min-height:50px; word-break:keep-all}
.popup.child .pc_content .pcc_pic {top:auto; bottom:auto; width:calc(100% + 40px); max-width:200%; margin-left:-20px; margin-top:30px; background-image:url("../images/pic_popchild_m.jpg"); aspect-ratio:320/277; transform:none;}
.popup.child .pc_content .pcc_step,
.popup.child .pc_content .pcc_comment {position:relative; left:auto; right:auto; bottom:auto;}
.popup.child .pc_content .pcc_comment span {width:auto;}
.popup.child .pc_content .pcc_step {display:flex; flex-wrap:wrap; margin-top:30px;}
.popup.child .pc_content .pcc_step li {display:flex; width:calc(50% - 25px); margin-left:0 !important;}
.popup.child .pc_content .pcc_step li:nth-child(2n) {margin-left:50px !important;}
.popup.child .pc_content .pcc_step li .pccs_box {display:inline-block; width:100%;}
.popup.child .pc_content .pcc_step li p span {width:100%}
.popup.child .pc_content .pcc_content {width:calc(100% + 50px); margin-left:-25px; margin-top:50px; padding-left:0;}
.popup.child .pc_content .pcc_content li {width:50%;}
.popup.child .pc_content.t2 .pc_line .pcl_pic,
.popup.child .pc_content.t3 .pc_line .pcl_pic {position:absolute; left:0; right:0; top:50px; width:100%; max-width:100%; bottom:auto; aspect-ratio:320/277;}
.popup.child .pc_content.t2 .pcc_box.t1,
.popup.child .pc_content.t3 .pcc_box.t1 {margin-top:calc(85vw + 50px) !important;}
.popup.child .pc_content.t2 .pcc_box.t2,
.popup.child .pc_content.t3 .pcc_box.t2 {margin-top:50px;}
.popup.child .pc_content.t2 .pcc_box.t2 > strong,
.popup.child .pc_content.t3 .pcc_box.t2 > strong {position:relative; left:auto; top:auto; margin-bottom:40px; height:auto !important; width:100%;}
.popup.child .pc_content .pcc_post li:nth-child(1) .pccp_box,
.popup.child .pc_content .pcc_post li:nth-child(2) .pccp_box {border-top-color:transparent;}
.popup.child .pc_content .pcc_box.t2 > strong br {display:none;}
.popup.child .pc_content .pcc_post li {width:50%;}
.popup.child .pc_content .pcc_post li:nth-child(n + 3),
.popup.child .pc_content.t3 .pcc_box.t2 .pcc_post li:nth-child(n + 3){margin-top:20px;}


.popup.together .pt_area.pc {display:none;}
.popup.together .pt_area.mo {display:inline-block; margin-top:30px !important; white-space:normal;}
.popup.together .p_wrap.pc {display:none;}
.popup.together .p_wrap.mo {display:inline-block;}
.popup.together .pt_content {overflow:hidden;}
.popup.together .pt_area,
.popup.together .pt_content,
.popup.together .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.together .pt_content.t1 {width:100%; min-width:0;}
.popup.together .pt_content.t4 .ptc_box.t3 {padding-bottom:30px !important;}
.popup.together .pt_content {padding:0 !important;}
.popup.together .pt_content .ptc_top,
.popup.together .pt_content .ptc_history {position:relative; left:auto; right:auto; top:auto; margin-top:50px;}
.popup.together .pt_area .pt_txt,
.popup.together .pt_area .pt_txt .title,
.popup.together .pt_area .pt_txt .txt {position:relative; left:auto; right:auto; width:100%;}
.popup.together .pt_area .pt_txt .title .cm {width:auto;}
.popup.together .pt_area .pt_txt .txt.mo {display:none;}
.popup.together .pt_area .pt_txt .txt.pc {display:inline-block; margin-top:30px; margin-bottom:30px;}
.popup.together .pt_content.t1 .ptc_box .ptc_youtube {top:auto; margin:50px 0}
.popup.together .pt_content.t1 .ptc_box .ptc_youtube iframe {top:auto;  max-height:100%; transform:none;}
.popup.together .pt_content .ptc_top .ptct_pic {width:300px;}
.popup.together .pt_content .ptc_top .ptct_content {left:330px;}
.popup.together .pt_content .ptc_history > ul {width:calc(100% + 40px); margin-left:-20px;}
.popup.together .pt_content .ptc_history > ul > li {padding:0 20px;}
.popup.together .pt_content .ptc_history > ul > li ul > li {font-size:13px;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_top {left:0;}
.popup.together .pt_content .ptc_box .ptc_history > ul > li {margin-top:0 !important;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_history > ul > li {width:33.333%;}
.popup.together .pt_content .ptc_top .ptct_content.t1,
.popup.together .pt_content.t3 .ptc_box.t1 .ptc_top .ptct_content.t1 {top:13px; left:220px;}
.popup.together .pt_content.t3 .ptc_box.t2 .ptc_history > ul > li + li {margin-top:40px !important;}
.popup.together .pt_content.t3 .ptc_box.t1 .ptc_history > ul > li,
.popup.together .pt_content.t3 .ptc_box.t2 .ptc_history > ul > li {width:33.333%}
.popup.together .pt_content.t4 .ptc_box .ptc_history > ul > li {width:33.333%;}
.popup.together .pt_content.t4 .ptc_box .ptc_top {left:0;}
.popup.together .pt_content .ptc_history > ul > li ul > li strong.t1 {min-height:40px;}
.popup.together .pt_content.t4 .ptc_box .ptc_top.mo {display:none;}

.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:0; bottom:auto; left:auto; right:0; width:200px;}
.popup.performancefee .pie-chart p {margin-top:-35px;}
.popup.performancefee .pie-chart p > span {font-size:30px; line-height:70px;}
.popup.performancefee .pie-chart p > span > span {font-size:45px; margin-left:-10px;}
.popup.performancefee .pie-chart.t1 .txt.normal {font-size:13px;}


.popup.rule .p_wrap.pc {display:none;}
.popup.rule .p_wrap.mo {display:inline-block;}
.popup.rule .pr_content {overflow:hidden; 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:25px 20px !important; transform:none !important}
.popup.rule .pr_content.t1 {padding-top:50px !important;}
.popup.rule .pr_content.t6 {padding-bottom:50px !important;}
.popup.rule .pr_content.t2 {text-align:center}
.popup.rule .pr_content.t2 .prc_pic {top:auto; transform:none;}
.popup.rule .pr_content .txt {width:100%;}
.popup.rule .p_percent {max-width:300px;}
.popup.rule .pr_content.t5 .prc_step {max-width:560px}
.popup.rule .pr_content.t5 .prc_step li {opacity:1; transform:scale(1); transition:0s; transition-delay:0s !important;}
.popup.rule .txt span > span {display:inline;}

.popscroll span .pc {display:none;}
.popscroll span .mo {display:inline-block;}
.popscroll span {width:100%;}
.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:#005eb8; 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:#005eb8;}
.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;} */



/* 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.step01::before {content:""; position:fixed; left:0; right:0; bottom:0; top:200px; z-index:-1; background-color:#005eb8;}
#contents .c_wrap,
.popup .p_wrap,
#contents section.situation .c_area,
#contents section .c_pic {border-radius:30px 30px 0 0;}
.popup.child .p_wrap > .pc_line strong:first-child {border-radius:30px 0 0 0;}
#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:35px 35px 0 0;}
#contents .c_wrap {width:100%;}
#contents section .c_info {top:120px; width:300px;}
#contents section .c_info li {padding:10px 20px;}
#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, 
#contents section.footer .c_box {top:30px; bottom:90px;}
#contents section.footer .c_box {bottom:30px;}
#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:240px; height:50px; margin-top:20px; font-size:18px; line-height:50px;}
#contents section.intro .ci_content > a i {margin-right:14px;}
#contents section.situation .cr_scroll {padding-bottom:50px;}
#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 .pie-outter {width:200px; height:200px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart {width:200px; height:200px;}
#contents section.performancefee .cp_content {top:0;}
#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 {left:0; top:300px; text-align:left;}
}




@media all and (max-width:600px) {
/* 공통 */
.title.t2 {font-size:35px; line-height:40px;}
.title.t3 {font-size:60px; line-height:60px;}
.popup {padding-top:60px;}
.popup .p_close {top:10px; width:40px; margin-left:-20px;}
.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) {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 {width:calc(100% - 20px);}
.popup.situation .ps_list li {width:50%;}
.popup.situation .ps_area .txt.mini {height:auto; margin-bottom:0}
.popup.situation .ps_list li:nth-child(2) .txt.mini {height:60px;}
.popup.situation .ps_content.t1 .psc_list.t1 {left:auto; right:calc(50% + 1.4706vw);}
.popup.situation .ps_content.t1 .psc_list.t2 {left:calc(50% + 1.4706vw); right:auto;}

.popup.child .pc_line strong {font-size:28px;}
.popup.child .pc_content.t1 .pcc_box.t1,
.popup.child .pc_content.t1 .pcc_box.t2 {width:100% !important;}
.popup.child .pc_content.t1 .pcc_box.t2 {margin-top:30px;}
.popup.child .pc_content .pcc_list li p {min-height:auto}
.popup.child .pc_content .pcc_list li p span {display:inline; width:auto}
.popup.child .pc_content.t1 .pcc_box .txt > span > span {width:auto}
.popup.child .pc_content .pcc_step li {width:calc(50% - 15px);}
.popup.child .pc_content .pcc_step li:nth-child(2n) {margin-left:30px !important;}
.popup.child .pc_content .pcc_step li p span {display:inline; word-break:keep-all}
.popup.child .pc_content .pcc_content {margin-top:30px;}
.popup.child .pc_content .pcc_content li {width:100%;}
.popup.child .pc_content .pcc_content li p.black {height:auto;}
.popup.child .pc_content .pcc_post {box-sizing:border-box; padding-left:20px; padding-right:20px;}
.popup.child .pc_content .pcc_post li {width:calc(50% - 15px); padding-left:0; padding-right:0;}
.popup.child .pc_content .pcc_post li:nth-child(2n) {margin-left:30px;}
.popup.child .pc_content .pcc_post li .txt.normal {font-size:14px;}
.popup.child .pc_content .pcc_post li strong {font-size:14px;}
.popup.child .pc_content .pcc_post li .txt.mini {font-size:13px}
.popup.child .pc_content .pcc_post li .pccp_box .txt span > span {display:inline}
.popup.child .pc_content .pcc_list {padding:0 !important;}
.popup.child .pc_content.t3 .pcc_box.t1 .txt span > span {display:inline;}


.popup.together .pt_content .ptc_top .ptct_content {position:relative; left:10px;}
.popup.together .pt_content .ptc_top .ptct_content.t1,
.popup.together .pt_content.t3 .ptc_box.t1 .ptc_top .ptct_content.t1,
.popup.together .pt_content.t4 .ptc_top .ptct_content {left:0;}
.popup.together .pt_content .ptc_box .ptc_history > ul > li {width:50% !important;}
.popup.together .pt_content.t3 .ptc_top .ptct_pic,
.popup.together .pt_content.t4 .ptc_top .ptct_pic {width:250px;}
.popup.together .pt_content.t2 .ptc_box .ptc_history > ul > li,
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li {width:100% !important; max-width:100%; margin-top:30px !important;}
.popup.together .pt_content.t2 .ptc_box .ptc_history > ul > li ul > li,
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li ul > li {float: left; width:calc(50% - 20px);}
.popup.together .pt_content.t2 .ptc_box .ptc_history > ul > li ul > li:nth-child(2),
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li ul > li:nth-child(2){margin-top:0;}
.popup.together .pt_content.t2 .ptc_box .ptc_history > ul > li ul > li:nth-child(2n),
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li ul > li:nth-child(2n) {margin-left:40px;}
.popup.together .pt_content.t2 .ptc_box.t1 .ptc_history > ul > li:nth-child(1) {margin-top:0 !important;}
.popup.together .pt_content .ptc_history > ul > li ul > li strong.t1 {min-height:auto;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_history {margin-top:0 !important}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_top {position:absolute; top:270px; margin-top:0 !important;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_history > ul > li:nth-child(2) {margin-top:395px !important;}
.popup.together .pt_content.t4 .ptc_box.t3 .ptc_top {display:none;}
.popup.together .pt_content.t4 .ptc_box .ptc_top.mo {display:inline-block}
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history {margin-top:0 !important}
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_top {position:absolute; top:465px; margin-top:0 !important;}
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_top.mo {top:900px;}
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li:nth-child(2) {margin-top:900px !important;}


.popup.performancefee .p_area .pp_wrap {padding:30px 20px !important;}
.popup.performancefee .pp_content {margin-bottom:100px !important;}
.popup.performancefee .pp_circle {top:100px; width:180px;}
.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.rule .pr_content.t5 .txt > span > .cq {display:inline-block; width:100%}
.popup.rule .pr_content.t5 .txt span {display:inline; width:auto;}
.popup.rule .pr_content.t5 .prc_step {max-width:400px}
.popup.rule .pr_content.t5 .prc_step li {padding:25px;}
.popup.rule .pr_content.t5 .prc_step li i {width:40px; height:40px; margin-left:-20px;}
.popup.rule .pr_content.t5 .prc_step li:first-child .prcs_box > span {margin-top:12px;}
.popup.rule .pr_content.t5 .prc_step li:last-child i {background-position:center -40px;}
.popup.rule .pr_content.t5 .prc_step li:last-child .prcs_box > p {margin-top:2px;}
.popup.rule .pr_content.t5 .prc_step li .prcs_box {width:90px;}
.popup.rule .pr_content.t5 .prc_step li .prcs_box span {font-size:13px;}
.popup.rule .pr_content.t5 .prc_step li:before {right:-20px; width:30px; aspect-ratio:40/8;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(3):before {margin-right:-24px;}
.popup.rule .pr_content.t4 .prc_partner li {padding:0 5px;}
.popup.rule .pr_content.t2 .prc_pic {width:300px;}

/* 헤더 */
#header .h_title {line-height:60px;}

/* 사이드 */
#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 .c_info {top:100px;}
#contents section.intro .ci_content > h2 {font-size:60px; line-height:75px;}
#contents section.intro .ci_content > h2 span {top:35px;}
#contents section.child .cc_content {width:152px;}
#contents section.child .cc_content .txt {padding-left:5px; font-size:15px; line-height:25px;}

}





@media all and (max-width:425px) {
/* 공통 */
.title {font-size:20px; line-height:30px;}
.minipop .m_wrap > strong,
.minipop .m_wrap > ul {font-size:14px;}
.popup.situation .ps_area > .title strong {font-size:40px; line-height:50px;}
.popup.situation .ps_list > p {width:100%; max-width:100%; font-size:11px;}
.popup.situation .ps_list li .title .txt {font-size:16px !important; line-height:30px;}
.popup.situation .ps_list {max-width:100%; margin-left:0;}
.popup.situation .ps_list li {width:100%; padding-left:0; padding-right:0; border-top:#005eb8 solid 1px;}
.popup.situation .ps_list li .psl_box {border-top:none;}
.popup.situation .ps_list > p {margin-left:0;}
.popup.situation .ps_content .psc_list {width:165px; padding:5px 10px; border-radius:15px;}
.popup.situation .ps_content .psc_list > strong {font-size:14px; line-height:25px;}
.popup.situation .ps_content .psc_list ul {margin-top:7px; padding-top:7px;}
.popup.situation .ps_content .psc_list li {font-size:13px; line-height:28px;}
.popup.situation .ps_content.t1 .psc_list.t1 {left:auto; right:calc(50% + 1.4706vw);}
.popup.situation .ps_content.t1 .psc_list.t2 {left:calc(50% + 1.4706vw); right:auto;}
.popup.situation .ps_content.t2 .psc_list {width:340px; margin-left:-170px;}
.popup.situation .ps_list li:nth-child(2) .txt.mini {height:auto;}
.popup.situation .ps_list li:last-child .txt.small {left:0;}

.popup.child .pc_content.t2 .pcc_box.t1,
.popup.child .pc_content.t3 .pcc_box.t1 {margin-top:calc(85vw + 50px) !important;}
.popup.child .pc_content.t2 .pcc_box.t1 .txt span > span {display:inline;}
.popup.child .pc_content.t2 .pcc_box.t2 > strong,
.popup.child .pc_content.t3 .pcc_box.t2 > strong {margin-bottom:30px; font-size:30px; line-height:40px;}
.popup.child .pc_content .pcc_post li {width:100%;}
.popup.child .pc_content .pcc_post li:nth-child(n + 2),
.popup.child .pc_content.t3 .pcc_box.t2 .pcc_post li:nth-child(n + 2){margin-top:20px;}
.popup.child .pc_content .pcc_post li:nth-child(2n) {margin-left:0;}
.popup.child .pc_content .pcc_post li:nth-child(2) .pccp_box {border-top-color:#fff;}
.popup.child .pc_content .pcc_post li .txt.normal {height:auto; margin-bottom:10px;}
.popup.child .pc_content .pcc_post li .txt.mini + .txt.mini {height:auto;}
.popup.child .pc_content.t3 .pcc_list li {width:100%;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(2n) {margin-left:0;}
.popup.child .pc_content.t3 .pcc_list li:nth-child(n + 2) {margin-top:20px;}
.popup.child .pc_content.t3 .pcc_post li:nth-child(3) p span,
.popup.child .pc_content.t3 .pcc_post li:nth-child(4) p span {display:inline;}


.popup.together .pt_area .pt_txt .txt.pc {display:none;}
.popup.together .pt_area .pt_txt .txt.mo {display:inline-block; margin-top:30px; margin-bottom:30px;}
.popup.together .pt_content.t1 .ptc_box .ptc_youtube {margin:30px 0;}
.popup.together .pt_content .ptc_history > ul {width:calc(100% + 30px); margin-left:-15px;}
.popup.together .pt_content .ptc_history > ul > li {padding:0 15px;}
.popup.together .pt_content .ptc_history > ul > li ul > li {word-break:keep-all}
.popup.together .pt_content.t2 .ptc_box .ptc_history > ul > li ul > li,
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li ul > li {width:calc(50% - 15px);}
.popup.together .pt_content.t2 .ptc_box .ptc_history > ul > li ul > li:nth-child(2n),
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li ul > li:nth-child(2n) {margin-left:30px;}

.popup.together .pt_content .ptc_history > ul > li ul > li strong.t2,
.popup.together .pt_content .ptc_history > ul > li ul > li mark.t2 {min-height:40px;}

.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_circle {left:50%; top:120px; right:auto; margin-left:-90px;}
.popup.performancefee .p_area.t2 .pp_circle {top:170px;}
.popup.performancefee .pp_content {margin-bottom:120px !important}
.popup.performancefee .p_area.t2 .pp_content {margin-bottom:170px !important;}

.popup.rule .pr_content .txt.normal {font-size:14px; line-height:28px;}
.popup.rule .pr_content.t2 .prc_pic {width:300px;}
.popup.rule .pr_content.t3, 
.popup.rule .pr_content.t4,
.popup.rule .pr_content.t5 {padding-right:50px;}
.popup.rule .pr_content.t5 .txt.normal span {display:inline;}
.popup.rule .pr_content .txt.normal .mo {display:inline-block;}
.popup.rule .pr_content .txt.normal .pc {display:none;}
.popup.rule .pr_content .txt span > span {display:inline; width:auto;}
.popup.rule .pr_content.t6 .txt span.exbold {display:inline-block;}
.popup.rule .pr_content.t6 .txt span {display:inline;}
.popup.rule .pr_content.t6 .txt.normal .mo {display:none;}
.popup.rule .pr_content.t6 .txt.normal .pc {display:inline-block;}
.popup.rule .pr_content.t5 .prc_step li {width:50%; text-align:center}
.popup.rule .pr_content.t5 .prc_step li:nth-child(5) {float:left;}
.popup.rule .pr_content.t5 .prc_step li:before {right:-15px;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(2):before {transform:rotate(90deg); bottom:-5px; right:50%; margin-right:-16px; top:auto;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(3):before {transform:rotateY(180deg); top:50%; bottom:auto; left:-15px; right:auto; margin-right:0;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(4):before {display:inline-block; transform:rotate(90deg); bottom:-5px; right:50%; margin-right:-16px; top:auto;}
.popup.rule .pr_content.t5 .prc_step li:nth-child(5):before {transform:rotateY(0deg);}
.popup.rule .pr_content.t5 .prc_step li:nth-child(6):before {display:none;}
.popup.rule .pr_content.t5 .prc_step li .prcs_box span,
.popup.rule .pr_content.t5 .prc_step li .prcs_box > p {left:0;}

.popup.rule .pr_content.t4 .prc_partner li img {height:50px;}
.popup.rule .pr_content.t4 .prc_partner li:nth-child(2) img {height:40px;}


.popup.together .pt_content .ptc_top .ptct_pic {width:280px;}
.popup.together .pt_content.t3 .ptc_top .ptct_pic, 
.popup.together .pt_content.t4 .ptc_top .ptct_pic {width:220px;}
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_top {top:300px;}
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_top.mo {top:860px;}
.popup.together .pt_content.t4 .ptc_box.t2 .ptc_history > ul > li:nth-child(2) {margin-top:820px !important;}
.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_logo {left:20px; top:10px;}
#header .h_slogan {right:20px; top:5px;}

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

/* 컨텐츠 */
#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.situation .cr_scroll {padding-bottom:30px;}
#contents section .c_info {top:100px; width:230px;}
#contents section .c_box, 
#contents section.footer .c_box {top:25px; right:25px; top:25px; bottom:100px;}
#contents section .c_mouse {right:20px; top:20px; width:100px; height:100px;}
#contents section.together .ct_slogan {width:120px;}
#contents section.together .ct_title {width:70px;}
#contents section.performancefee .cp_content .pie-outter,
#contents section.performancefee .cp_content .cpc_circle .pie-chart {width:160px; height:160px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span {font-size:20px; line-height:40px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p > span > span {font-size:35px;}
#contents section.performancefee .cp_content .cpc_circle .txt.normal {font-size:13px; line-height:23px;}
#contents section.performancefee .c_info {top:260px; width:100%; max-width:300px;}
#contents section.footer .cf_logo {top:-80px;}
#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;}

#contents section.child .cc_content.t2 {top:20%; margin-top:0;}
#contents section.together .ct_title {top:40%;}
#contents section.performancefee .cp_content .pie-outter, 
#contents section.performancefee .cp_content .cpc_circle .pie-chart {width:120px; height:120px;}
#contents section.performancefee .cp_content .cpc_circle .pie-chart p {margin-top:-30px;}
#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; margin-left:-5px;}
#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 .c_info {top:210px;}
}





/*@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:#fff; border-color:#fff;  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.child .c_pic, */
/*#contents section.together .c_pic, */
/*#contents section.footer .c_pic {bottom:60%;}*/
/*#contents section.intro .ci_content > strong {font-size:16px; line-height:26px;}*/
/*#contents section.child .c_box, */
/*#contents section.together .c_box {top:20%;}*/
/*#contents section.child .cc_content {width:140px;}*/
/*#contents section.child .cc_content .txt {font-size:14px; line-height:24px;}*/
/*!* #contents section.child .cc_content .title {font-size:17px; line-height:27px;} *!*/
/*#contents section.together .ct_history ul {font-size:13px; line-height:28px;}*/
/*#contents section.together .ct_history ul li {padding-left:55px;}*/
/*#contents section.together .ct_title {width:55px;}*/
/*#contents section.together .ct_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.child .cc_content.t2 {top:17%;}*/
/*#contents section.together .ct_title {top:35%;}*/
/*#contents section.performancefee .cp_content .cpc_txt .cpct_box {width:100%;}*/
/*}*/


@media all and (max-width:355px) {
.popup.together .pt_content.t2 .ptc_box.t2 .ptc_history > ul > li:nth-child(3) ul > li {min-height:90px;}
.popup.together .pt_content.t3 .ptc_box.t1 .ptc_top.t1 {margin-top:20px !important;}
.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;}
}