@charset "utf-8";
@import url(../earlyaccess/notosanskr.css);


._h {opacity: 0; transition: all 1000ms;}

._h._h__t {transform: translateY(-50px);}
._h._h__r {transform: translateX(50px);}
._h._h__b {transform: translateY(50px);}
._h._h__l {transform: translateX(-50px);}

._h._h__d_50 {transition-delay: 50ms;}
._h._h__d_100 {transition-delay: 100ms;}
._h._h__d_150 {transition-delay: 150ms;}
._h._h__d_200 {transition-delay: 200ms;}
._h._h__d_250 {transition-delay: 250ms;}
._h._h__d_300 {transition-delay: 300ms;}
._h._h__d_400 {transition-delay: 400ms;}
._h._h__d_450 {transition-delay: 450ms;}
._h._h__d_500 {transition-delay: 500ms;}
._h._h__d_600 {transition-delay: 600ms;}
._h._h__d_700 {transition-delay: 700ms;}
._h._h__d_800 {transition-delay: 800ms;}
._h._h__d_900 {transition-delay: 900ms;}
._h._h__d_1000 {transition-delay: 1000ms;}
._h._h__d_1100 {transition-delay: 1100ms;}
._h._h__d_1200 {transition-delay: 1200ms;}
._h._h__d_2000 {transition-delay: 2000ms;}
._h._h__d_3000 {transition-delay: 3000ms;}
._h._v {opacity: 1;}
._h._h__t._v {transform: translateY(0);}
._h._h__r._v {transform: translateX(0);}
._h._h__b._v {transform: translateY(0);}
._h._h__l._v {transform: translateX(0);}
._h._v._y{transform: rotateY(0deg) !important;}

body {font-family:'Spoqa Han Sans','Dotum','Sans-serif',sans-serif;}
#wrap {overflow: hidden; min-width: 1000px; min-height: 100vh;}
#lnb {position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; width: 160px; padding-top: 95px; background: #fff; border-right: 1px solid #e6e6e6; text-align: center;}
#lnb .matching_list {width: 130px; margin: 160px auto 137px; text-align: left;}
#lnb .matching_list > li {display: inline-block; position: relative; padding: 0 5px; margin-bottom: 5px;}
#lnb .matching_list > li.list_v5{margin-bottom: 60px;}
#lnb .matching_list > li.list_v1:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v2:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v3:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v4:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v5:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v1:hover a{color: #782fff;}
#lnb .matching_list > li.list_v2:hover a{color: #782fff;}
#lnb .matching_list > li.list_v3:hover a{color: #782fff;}
#lnb .matching_list > li.list_v4:hover a{color: #782fff;}
#lnb .matching_list > li.list_v5:hover a{color: #782fff;}
#lnb .matching_list > li.list_v1:hover:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v2:hover:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v3:hover:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v4:hover:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v5:hover:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v1.active a{color: #782fff;}
#lnb .matching_list > li.list_v2.active a{color: #782fff;}
#lnb .matching_list > li.list_v3.active a{color: #782fff;}
#lnb .matching_list > li.list_v4.active a{color: #782fff;}
#lnb .matching_list > li.list_v5.active a{color: #782fff;}
#lnb .matching_list > li.list_v1.active:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v2.active:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v3.active:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v4.active:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v5.active:after {background-color: #edfb21;}
#lnb .matching_list > li.list_v6.active:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v7.active:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v8.active:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v6:hover:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v7:hover:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li.list_v8:hover:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}
#lnb .matching_list > li a {display: inline-block; position: relative;  z-index: 10; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #555555;}
#lnb .partner_menu {font-size: 14px; color: #555555; text-align: center;}
#lnb .partner_menu a {position: relative; z-index: 10; margin-left: 15px;}
#lnb .partner_menu a:before {position: absolute; top: 0; left: -17px; content: ''; width: 18px; height: 16px; background: url(../investfly/partner_menu_icon.png) no-repeat;}
#lnb .partner_menu a span {display: inline-block; position: relative; z-index: 10; padding: 0 5px;}
#lnb .partner_menu a:hover:after {content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 8px; padding: 0 10px; background: rgba(235, 224, 255, 0.85); border-radius: 5px;}


.fp-tableCell {vertical-align: baseline;}
#fullpage {padding-left: 160px;}
.notice_btn {position: absolute; top: 55px; right: 92px; z-index: 100;}
.notice_btn > a {display: inline-block;}
.ico_notice {display: inline-block;}
.ico_notice_new {display: none;}
.ico_data_lab {display: inline-block;}
.ico_data_lab_new {display: none;}


/* index1 */
.count{font-size: 32px; font-weight: 700; height: 45px; line-height: 55px}
.count{overflow-y: hidden}
.count > div {}
.count > span, .count .rol{width: 12px;}
.count > span, .count .dot{width: 0px; line-height: 45px;}
.count > span, .count .dot{vertical-align: top}
.count > div{display: inline-block;}
.count > div:not(.dot){position: relative}
.count span{display: block;  height: 45px; height: 45px; line-height: 45px; font-size: 32px; font-weight: 700;
-webkit-transition:all 2s ease;
-moz-transition:all 2s ease;
-ms-transition:all 2s ease;
-o-transition:all 2s ease;
transition:all 2s ease;
transition-delay:0.3s;
-webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
-ms-transition-delay:0.3s;
}
/*
.gg .count0 span { transform: translateY(0)}
.gg .count1 span { transform: translateY(-45px)}
.gg .count2 span { transform: translateY(-90px)}
.gg .count3 span { transform: translateY(-135px)}
.gg .count4 span { transform: translateY(-180px)}
.gg .count5 span { transform: translateY(-225px)}
.gg .count6 span { transform: translateY(-270px)}
.gg .count7 span { transform: translateY(-315px)}
.gg .count8 span { transform: translateY(-360px)}
.gg .count9 span { transform: translateY(-405px)}
*/
.active.gg .count0 span { transform: translateY(0)}
.active.gg .count1 span { transform: translateY(-45px)}
.active.gg .count2 span { transform: translateY(-90px)}
.active.gg .count3 span { transform: translateY(-135px)}
.active.gg .count4 span { transform: translateY(-180px)}
.active.gg .count5 span { transform: translateY(-225px)}
.active.gg .count6 span { transform: translateY(-270px)}
.active.gg .count7 span { transform: translateY(-315px)}
.active.gg .count8 span { transform: translateY(-360px)}
.active.gg .count9 span { transform: translateY(-405px)}

/* 모션 */


.sct01_tit{
	opacity: 0;
    transform: translate3d(0px,50px,0);
    -webkit-transform: translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    -o-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
}

.active.gg .sct01_tit{
    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.motion{
	opacity: 0;
    transform: translate3d(0px,50px,0);
    -webkit-transform: translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    -o-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
}

.active .motion{
    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}



.active .d50 {transition-delay: 50ms;}
.active .d100 {transition-delay: 100ms;}
.active .d150 {transition-delay: 150ms;}
.active .d200 {transition-delay: 200ms;}
.active .d250 {transition-delay: 250ms;}
.active .d300 {transition-delay: 300ms;}
.active .d400 {transition-delay: 400ms;}
.active .d450 {transition-delay: 450ms;}
.active .d500 {transition-delay: 500ms;}
.active .d600 {transition-delay: 600ms;}
.active .d700 {transition-delay: 700ms;}
.active .d800 {transition-delay: 800ms;}
.active .d900 {transition-delay: 900ms;}
.active .d1000 {transition-delay: 1000ms;}
.active .d1100 {transition-delay: 1100ms;}
.active .d1200 {transition-delay: 1200ms;}
.active .d2000 {transition-delay: 2000ms;}
.active .d3000 {transition-delay: 3000ms;}
/* 모션 */


.sct01 {position: relative; background: url(../investfly/sct01_bg.jpg) no-repeat 100% 50% / cover;}
.sct01 .tit {position: absolute; top: 270px; width: 100%; text-align: center; opacity: 0;}
.sct01 .sub_tit {position: absolute; top: 95px; left: 92px;}
.analyst_list {text-align:center; overflow:hidden; width:780px;min-width:780px;height:116px;margin-left:calc(50% - 410px);}




.sct01 .tit {position: absolute; top: 185px; width: 100%; padding-right: 210px; opacity: 0;}
/* 191219 visual 작업 */
.main_view_box .visual_tit {text-align: left;}
.estimate_list_wrap {position: absolute; top: 420px; left: 0; width: 100%; text-align: center;}
.estimate_list_wrap ul {display: inline-block; width: 990px; text-align: left;}
.estimate_list_wrap ul li {float: left; width: 269px; margin-bottom: 45px; opacity: 0; transform: translateY(50px); transition-delay: 0.4s;}
.estimate_list_wrap ul li:nth-child(1) {margin-right: 79px;}
.estimate_list_wrap ul li:nth-child(1) h2 {font-weight: 400; overflow: hidden; padding-bottom: 9px; border-bottom: 1px solid rgba(193, 160, 254, .49);}
.estimate_list_wrap ul li:nth-child(1) h2 p {float: left; font-weight: 400; font-size: 19px; color: #b877ff; vertical-align: middle;}
.estimate_list_wrap ul li:nth-child(1) h2 .cross {float: right; font-size: 14px; color: #fff;  vertical-align: middle; margin-top: 4px; padding-right: 11px;}
.estimate_list_wrap ul li:nth-child(1) .btm {margin-top: 5px; font-weight: 700; font-size: 32px; color: #fff;}
.estimate_list_wrap ul li:nth-child(2) {margin-right: 99px;}
.estimate_list_wrap ul li:nth-child(2) h2 {font-weight: 400; overflow: hidden; padding-bottom: 9px; border-bottom: 1px solid rgba(112, 178, 253, .49);}
.estimate_list_wrap ul li:nth-child(2) h2 p {float: left; font-weight: 400; font-size: 19px; color: #70b2fd; vertical-align: middle;}
.estimate_list_wrap ul li:nth-child(2) h2 .cross {float: right; font-size: 14px; color: #fff;  vertical-align: middle; margin-top: 4px;}
.estimate_list_wrap ul li:nth-child(2) .btm {margin-top: 5px; font-weight: 700; font-size: 32px; color: #fff;}
.estimate_list_wrap ul li:nth-child(3) {}
.estimate_list_wrap ul li:nth-child(3) h2 {font-weight: 400; overflow: hidden; padding-bottom: 9px; border-bottom: 1px solid rgba(112, 178, 253, .49);}
.estimate_list_wrap ul li:nth-child(3) {margin-right: 0;}
.estimate_list_wrap ul li:nth-child(3) h2 p {float: left; font-weight: 400; font-size: 19px; color: #849af9; vertical-align: middle;}
.estimate_list_wrap ul li:nth-child(3) h2 .cross {float: right; font-size: 14px; color: #fff;  vertical-align: middle; margin-top: 4px;}
.estimate_list_wrap ul li:nth-child(3) .btm {margin-top: 5px; font-weight: 700; font-size: 32px; color: #fff;}
.estimate_list_wrap ul li:nth-child(4) {margin-right: 79px; margin-bottom: 0;}
.estimate_list_wrap ul li:nth-child(4) h2 {font-weight: 400; overflow: hidden; padding-bottom: 9px; border-bottom: 1px solid rgba(1, 252, 201, .49);}
.estimate_list_wrap ul li:nth-child(4) h2 p {float: left; font-weight: 400; font-size: 19px; color: #01fcc9; vertical-align: middle;}
.estimate_list_wrap ul li:nth-child(4) h2 .cross {float: right; font-size: 14px; color: #fff;  vertical-align: middle; margin-top: 4px;}
.estimate_list_wrap ul li:nth-child(4) .btm {margin-top: 5px; font-weight: 700; font-size: 32px; color: #fff;}
.estimate_list_wrap ul li:nth-child(5) {margin-bottom: 0;}
.estimate_list_wrap ul li:nth-child(5) h2 {font-weight: 400; overflow: hidden; padding-bottom: 9px; border-bottom: 1px solid rgba(237, 251, 33, .49);}
.estimate_list_wrap ul li:nth-child(5) h2 p {float: left; font-weight: 400; font-size: 19px; color: #edfb21; vertical-align: middle;}
.estimate_list_wrap ul li:nth-child(5) h2 .cross {float: right; font-size: 14px; color: #fff;  vertical-align: middle; margin-top: 4px;}
.estimate_list_wrap ul li:nth-child(5) .btm {margin-top: 5px; font-weight: 700; font-size: 32px; color: #fff;}
.active.gg .estimate_list_wrap ul li {opacity: 1; transition-duration:1000ms; transform: translateY(0);}
.active.gg .estimate_list_wrap ul li:nth-child(1) {transition-delay: 700ms;}
.active.gg .estimate_list_wrap ul li:nth-child(2) {transition-delay: 850ms;}
.active.gg .estimate_list_wrap ul li:nth-child(3) {transition-delay: 1000ms;}
.active.gg .estimate_list_wrap ul li:nth-child(4) {transition-delay: 1150ms;}
.active.gg .estimate_list_wrap ul li:nth-child(5) {transition-delay: 1300ms;}
.sct01 .bottom_info_wrap {position: absolute; top: 720px; width: 100%; text-align: center;}





-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.sct01 .circle_list ul li.list_v2{background: #2044e2; color: #ffffff;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.sct01 .circle_list ul li.list_v3{background: #782fff; color: #ffffff;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-delay:0.8s;
animation-delay:0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.sct01 .circle_list ul li.list_v4{background: #28ed8d; color: #000000;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-delay:1.2s;
animation-delay:1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.sct01 .circle_list ul li.list_v5{background: #d8ff00; color: #000000;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-delay:1.6s;
animation-delay:1.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
  50% {-webkit-transform: translateY(-16px);}
}
@keyframes bounce {
  0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}
  50% {transform: translateY(-16px);}
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
.sct01 .bottom_info_wrap {position: absolute; top:720px; width: 100%; text-align: center;}
.sct01 .bottom_info {display: inline-block;}
.sct01 .bottom_info:after {display: block; content: ''; clear: both;}
.sct01 .bottom_info > div {float: left; width: 300px; color: #ffffff; padding-top: 32px;}
.sct01 .bottom_info .visitant {background: url(../investfly/sct01_visitant.png) no-repeat center 0;}
.sct01 .bottom_info .visitant strong {font-weight: 700; font-size: 32px;}
.sct01 .bottom_info .visitant p {font-size: 15px; opacity: 0.50;}
.sct01 .bottom_info .today_portfolio {background: url(../investfly/today_portfolio.png) no-repeat center 0;}
.sct01 .bottom_info .today_portfolio strong {font-weight: 700; font-size: 32px;}
.sct01 .bottom_info .today_portfolio p {font-size: 15px; opacity: 0.50;}
.sct01 .bottom_info .total_portfolio {background: url(../investfly/total_portfolio.png) no-repeat center 0;}
.sct01 .bottom_info .total_portfolio strong {font-weight: 700; font-size: 32px;}
.sct01 .bottom_info .total_portfolio p {font-size: 15px; opacity: 0.50;}
.scroll_img {position:absolute;bottom:40px;width:19px;height:46px;left:calc(50% - 12px);
animation: verical-slow 1.2s linear 0s infinite normal none;
-webkit-animation: verical-slow 1.2s linear 0s infinite normal none;
-moz-animation: verical-slow 1.2s linear 0s infinite normal none;
-o-animation: verical-slow 1.2s linear 0s infinite normal none;
-ms-animation: verical-slow 1.2s linear 0s infinite normal none;
}
@-webkit-keyframes verical-slow {
  0%{-webkit-transform: translate3d(0, 0, 0);}
  40%{-webkit-transform: translate3d(0, 16px, 0);}
  100%{-webkit-transform: translate3d(0, 0, 0);}
}
@-moz-keyframes verical-slow {
  0%{-moz-transform: translate3d(0, 0, 0);}
  40%{-moz-transform: translate3d(0, 16px, 0);}
  100%{-moz-transform: translate3d(0, 0, 0);}
}
@-ms-keyframes verical-slow {
  0%{-ms-transform: translate3d(0, 0, 0);}
  40%{-ms-transform: translate3d(0, 16px, 0);}
  100%{-ms-transform: translate3d(0, 0, 0);}
}
@-o-keyframes verical-slow {
  0%{-o-transform: translate3d(0, 0, 0);}
  40%{-o-transform: translate3d(0, 16px, 0);}
  100%{-o-transform: translate3d(0, 0, 0);}
}
@keyframes verical-slow {
  0%{transform: translate3d(0, 0, 0);}
  40%{transform: translate3d(0, 16px, 0);}
  100%{transform: translate3d(0, 0, 0);}
}

.sct02 {position: relative; background: url(../investfly/220819/sct02_bg.jpg) no-repeat 100% 50% / cover;}
.sct02 .tit {position: absolute; top: 178px; left: 0; width: 100%; text-align: center;}
.sct02 .tit > div {display: inline-block; position: relative;}
.sct02 .tit > div strong {position: absolute; top: -10px; left: -38px; width: 140px; text-align: right; font-weight: 700; font-size: 33px; color: #edfb21; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sct02 .quick {position: absolute; top: 321px; right: 92px; z-index: 100; width: 201px; height: 201px; background: url(../investfly/sct02_quick.png) no-repeat;}


.quick {
	animation: verical-slow 1s linear 0s infinite normal none;
	-webkit-animation: verical-slow 1s linear 0s infinite normal none;
	-moz-animation: verical-slow 1s linear 0s infinite normal none;
}


.sct02 .quick a{display: block; width: 100%; height: 100%; border-radius: 100%;}
.sct02 .quick strong{position: absolute; top: 79px; left: 35px; font-weight: 700; font-size: 32px; color: #ffffff;}
.sct02 .item_wrap {position: absolute; top: 415px; width: 100%; text-align: center;}
.sct02 .item_wrap ul {display: inline-block;}
.sct02 .item_wrap ul:after {display: block; content: ''; clear: both;}
.sct02 .item_wrap ul li {float: left; margin-left: 120px;}
.sct02 .item_wrap ul li:first-child {margin-left: 0;}
.sct02 .addition {position: absolute; top: 668px; width: 100%; text-align: center;}
.sct02 .btn {position: absolute; top: 708px; width: 100%; text-align: center;}

.sct03 {position: relative; background: url(../investfly/sct03_bg.jpg) no-repeat 100% 50% / cover;}
.sct03 .tit {position: absolute; top: 137px; left: 0; width: 100%; text-align: center;}
.sct03 .tit > div {display: inline-block; position: relative;}
.sct03 .tit > div strong {position: absolute; top: -10px; left: -38px; width: 140px; text-align: right; font-weight: 700; font-size: 33px; color: #edfb21; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sct03 .quick {position: absolute; top: 321px; right: 92px; z-index: 100; width: 201px; height: 201px; background: url(../investfly/sct03_quick.png) no-repeat;}
.sct03 .quick a{display: block; width: 100%; height: 100%; border-radius: 100%;}
.sct03 .quick strong{position: absolute; top: 79px; left: 35px; font-weight: 700; font-size: 32px; color: #ffffff;}
.sct03 .item {position: absolute; top: 362px; left: 0; width: 100%; text-align: center;}
.sct03 .addition {position: absolute; top: 688px; left: 0; width: 100%; text-align: center;}
.sct03 .btn {position: absolute; top: 728px; left: 0; width: 100%; text-align: center;}

.sct04 {position: relative; background: url(../investfly/220819/sct04_bg.jpg) no-repeat 100% 50% / cover;}
.sct04 .tit {position: absolute; top: 137px; left: 0; width: 100%; text-align: center;}
.sct04 .tit > div {display: inline-block; position: relative;}
.sct04 .tit > div strong {position: absolute; top: -10px; left: -38px; width: 140px; text-align: right; font-weight: 700; font-size: 33px; color: #edfb21; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sct04 .quick {position: absolute; top: 321px; right: 92px; z-index: 100; width: 201px; height: 201px; background: url(../investfly/sct04_quick.png) no-repeat;}
.sct04 .quick a{display: block; width: 100%; height: 100%; border-radius: 100%;}
.sct04 .quick strong{position: absolute; top: 79px; left: 35px; font-weight: 700; font-size: 32px; color: #ffffff;}
.sct04 .item {position: absolute; top: 362px; left: 0; width: 100%; text-align: center;}
.sct04 .addition {position: absolute; top: 688px; left: 0; width: 100%; text-align: center;}
.sct04 .btn {position: absolute; top: 728px; left: 0; width: 100%; text-align: center;}

.sct05 {position: relative; background: url(../investfly/sct05_bg.jpg) no-repeat 100% 50% / cover;}
.sct05 .tit {position: absolute; top: 137px; left: 0; width: 100%; text-align: center;}
.sct05 .tit > div {display: inline-block; position: relative;}
.sct05 .tit > div strong {position: absolute; top: -10px; left: -38px; width: 140px; text-align: right; font-weight: 700; font-size: 33px; color: #edfb21; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sct05 .quick {position: absolute; top: 321px; right: 92px; z-index: 100; width: 201px; height: 201px; background: url(../investfly/sct05_quick.png) no-repeat;}
.sct05 .quick a{display: block; width: 100%; height: 100%; border-radius: 100%;}
.sct05 .quick strong{position: absolute; top: 79px; left: 35px; font-weight: 700; font-size: 32px; color: #000000;}
.sct05 .item {position: absolute; top: 362px; left: 0; width: 100%; text-align: center;}
.sct05 .addition {position: absolute; top: 688px; left: 0; width: 100%; text-align: center;}
.sct05 .btn {position: absolute; top: 728px; left: 0; width: 100%; text-align: center;}

.sct06 {position: relative; background: url(../investfly/220819/sct06_bg.jpg) no-repeat 100% 50% / cover;}
.sct06 .tit {position: absolute; top: 137px; left: 0; width: 100%; text-align: center;}
.sct06 .tit > div {display: inline-block; position: relative;}
.sct06 .tit > div strong {position: absolute; top: -10px; left: -38px; width: 140px; text-align: right; font-weight: 700; font-size: 33px; color: #edfb21; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sct06 .quick {position: absolute; top: 321px; right: 92px; z-index: 100; width: 201px; height: 201px; background: url(../investfly/sct06_quick.png) no-repeat;}
.sct06 .quick a{display: block; width: 100%; height: 100%; border-radius: 100%;}
.sct06 .quick strong{position: absolute; top: 79px; left: 35px; font-weight: 700; font-size: 32px; color: #000000;}
.sct06 .item {position: absolute; top: 408px; left: 0; width: 100%; text-align: center;}
.sct06 .addition {position: absolute; top: 688px; left: 0; width: 100%; text-align: center;}
.sct06 .btn {position: absolute; top: 728px; left: 0; width: 100%; text-align: center;}

.sct07 {position: relative; background-color: #6f5aae;}
.sct07 .tit {position: absolute; top: 148px; left: 0; width: 100%; text-align: center;}
.sct07 .item {position: absolute; top: 426px; left: 0; width: 100%; text-align: center;}
.quick_list > li {margin-top: 11px;}
.quick_list > li a{position: relative; display:block; width:192px; height:63px; border-radius:15px; color:#fff; font-size:16px; padding:8px 0 0 24px}
.quick_list > .q1 a{background-color:#531ad4}
.quick_list > .q2 a{background-color:#2044e2}
.quick_list > .q3 a{background-color:#18abc5}
.quick_list > .q4 a{background-color:#28ed8d; color:#000}
.quick_list > .q5 a{background-color:#edfb21; color:#000}
.quick_list > li a span {font-weight: 700}
.quick_list > li a .cross{display:inline-block; line-height:14px; margin-left:8px; width:14px; height:14px; border-radius:7px; background:#fff; font-size:12px; font-weight:700; text-align:center}
.quick_list > .q1 a .cross{color: #531ad4;}
.quick_list > .q2 a .cross{color: #2044e2;}
.quick_list > .q3 a .cross {color: #18abc5;}
.quick_list > .q4 a .cross{color: #28ed8d; background:#000}
.quick_list > .q5 a .cross{color: #edfb21; background:#000}

.active .quick_list > li {animation: up-n-down 8s infinite ease-in-out;}
.quick_list > li:first-child{margin-top: 0; animation-delay: 1s;}
.quick_list > li:nth-child(2){animation-delay: 2s;}
.quick_list > li:nth-child(3){animation-delay: 3s;}
.quick_list > li:nth-child(4){animation-delay: 4s;}
.quick_list > li:nth-child(5){animation-delay: 5s;}
@keyframes up-n-down {
  0%, 12.5%, 100% {
    transform: translate(0, 0);
  }
  6.25% {
    transform: translate(0, -5px);
  }
}

.sct08 {position: relative; background-color: #d8d7d7;}
.sct08 .tit {position: absolute; top: 148px; left: 0; width: 100%; text-align: center;}
.sct08 .item {position: absolute; top: 426px; left: 0; width: 100%; text-align: center;}
.quick_list {position: absolute; top: 274px; right: 92px;}
.sct08 .video_wrap {position: absolute; top: 274px; width: 100%; text-align: center;}
.sct08 .video {display: inline-block; width: 797px; height: 448px; background: url(../investfly/sct08_video.png) no-repeat;}
.sct08 .video a {line-height: 448px; vertical-align: middle;}
.sct08 .video a img {vertical-align: middle;}

.sct09 {position: relative; }
.sct09 .tit {margin-bottom: 90px; width: 100%; text-align: center;}
.list_wrap #eclipse4 {width: 867px; height: 470px; margin: 0 auto;}
.list_wrap #eclipse4 .eclipse-active-2 {opacity: 1;}
.list_wrap #eclipse4 .eclipse-slides{opacity: 1; background: none;}
.list_wrap #eclipse4 .sct09_slide{height: 470px !important;}
.list_wrap #eclipse4 .eclipse-controls{display: none;}
.list_wrap .eclipse-arrow{top: 33% !important; background: url(../investfly/next_btn.png) no-repeat !important; width: 42px !important; height: 83px !important;}
.list_wrap .eclipse-arrow.eclipse-next{right: -90px !important;}
.list_wrap .eclipse-arrow.eclipse-prev{left: -90px !important;}

/*
.sct09 .list_wrap {position: absolute; top: 338px; width: 100%; text-align: center;}
.sct09 .list {display: inline-block; position: relative;}
.sct09 .list .prev_btn {position: absolute; top: 127px; left: -107px;}
.sct09 .list .next_btn {position: absolute; top: 127px; right: -107px;}
*/
/*
.sct09 .list ul {overflow: hidden;}
.sct09 .list ul li {float: left; margin-left: 37px;}
.sct09 .list ul li:first-child {margin-left: 0;}
*/


/* footer Str */
.footer_top{height:48px;min-width:1200px;width:100%; border-bottom:1px solid #dddddd;background-color:#fff;box-sizing:border-box;padding-left:88px;}
.footer_top a{font-size:14px;color:#000;font-weight:400;letter-spacing:-0.7px;line-height:48px;margin-right:50px;}
.footer_bottom{height:182px;min-width:1200px;width:100%;background-color:#fff;box-sizing:border-box;padding-left:88px;}
.footer_info{font-size:13px;font-weight:400;color:#959595;line-height:21px;letter-spacing:-0.7px;padding-top:30px;}
.footer_icon_box{width:190px;height:40px;position:absolute;z-index:100;top:65px;right:95px;}
.footer_icon_box li{float:left;margin-right:10px;}
.footer_icon_box li:last-child{margin-right:0px;}
.footer_icon_box li a{display:block;width:100%;height:100%;}
/* 서브 페이지 css */
#footer_sub{position:relative; width:100%; padding:119px 0 30px; box-sizing:border-box;}

.company_sub{bottom:135px !important; margin-left:-325px !important;}
/* 서브 페이지 css */
.footer-dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .8); z-index:1000;}
.sct09 #footer{bottom: 30px;}
#footer {position:absolute;width:100%; bottom:30px; z-index: 100;}
.footer-wrap{position:relative; width:391px; margin:0 auto;}
.footer-ul::after{display:block; clear:both; content:"";}
.footer-li{float:left; line-height:1; color:#464646; font-size:15px; margin-left:47px; font-family: 'Spoqa Han Sans', 'Sans-serif';}
.footer-li a{line-height:1; color:#464646; font-size:15px; font-family: 'Spoqa Han Sans', 'Sans-serif';}
.footer-li:first-child{margin-left:0;}
.company-info-wrap{display:none; position:absolute; bottom:204px; left:50%; margin-left:-245px; z-index:1000; width:650px; height:385px; background:url(../carfly.me/company_Introduce.png) no-repeat; text-indent:-9999em;}
.footer-close{position:absolute; top:23px; right:18px; cursor:pointer;}
.copyright{width:100%; line-height:1; margin-top:25px; text-align:center; font-size:14px; font-weight:500;  color:#969696; font-family: 'Spoqa Han Sans', 'Sans-serif';}
.foot_caption{position:absolute; left:75px; bottom:30px; width:500px; text-indent:0; z-index:10; color:#7d7b7b; line-height:20px}
/* footer End */






/* 공지사항 Str */

#notice_wrap {position: relative; padding-left: 160px;}
#notice_wrap .tit {padding-top: 90px; text-align: center;}
.div_page {width: 950px; padding-top: 51px; margin: 0 auto;}
.div_page table {border-top: 2px solid #000000; border-bottom: 1px solid #7f7f7f;}
.div_page table td {height: 58px; border-top: 1px solid #e6e6e6; text-align: center; font-size: 14px;}
.div_page table tr:first-child td {border-top: none;}
.div_page table td:nth-child(2) {padding-left: 70px; text-align: left;}
.div_page table .numb {color: #959595;}
.div_page table .tb_tit {color: #000000;}
.div_page table .date {color: #959595;}
.div_page .paging {margin-top: 57px; text-align: center;}
.div_page .paging li {display: inline-block; height: 14px; line-height: 14px; margin-left: 26px;}
.div_page .paging li.active button {font-weight: 700; color: #1450f9;}
.div_page .paging li:first-child {margin-left: 0;}
.div_page .paging li button {font-size: 15px; color: #7d7d7d;}
.div_page .paging .page_on {color:#531ad4; font-weight:600}

#notice_view{display: none; position: absolute; top: 96px; left: 50%; padding-left: 80px; margin-left: -476px;}
.dim{position: fixed; top: 0; left: 0; z-index:999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.notice_pop{position: relative; z-index: 9999; border-radius: 15px; width: 952px; height: 690px; background: #ffffff;}
.notice_pop .top{height: 142px; border-bottom: 1px solid #c2c2c2; padding-left: 56px; padding-top:44px;}
.notice_pop .top h2{font-size: 26px; color: #000000;}
.notice_pop .top p{font-size: 17px; color: #acacac;}
.notice_pop .content {height:520px; padding: 50px 50px 0; overflow-y:auto}
.notice_pop .content p{margin-bottom: 39px; font-size: 18px; font-weight: 300; color: #111111;}
.notice_pop .close {position: absolute; top: 37px; right: 27px;}

/* 공지사항 End */



/* 제휴요청 Str */

#alliance_wrap{position: relative; padding-top: 101px; padding-left: 160px;}
#alliance_wrap .tit{width: 100%; margin-bottom: 93px; text-align: center;}
.alliance_item{}
.alliance_item{width: 100%; text-align: center}
.alliance_item ul{display: inline-block;}
.alliance_item ul:after{display:block; content:''; clear: both;}
.alliance_item li{float: left; margin-left: 99px;}
.alliance_item li:first-child{margin-left: 0;}

.alliance_data_wrap{margin: 60px auto 0; width: 1000px; border-radius: 15px; background: #782fff; padding: 52px 77px 30px 54px;}
.alliance_data_wrap:after {content:""; display:block; clear:both}
.alliance_data_wrap h3{float:left}
.alliance_data_wrap .data_input{width: 442px; float:right}
.alliance_data_wrap .data_input form{}
.alliance_data_wrap .data_input input{color: rgba(255, 255, 255, 0.43); font-size: 15px; width: 100%; height: 57px; padding-left: 16px; background: #782fff; border: none; border-bottom: 1px solid #c6a8ff;}
.alliance_data_wrap .data_input input::placeholder{color: rgba(255, 255, 255, 0.43); font-size: 15px;}
.alliance_data_wrap .data_input input::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.43); font-size: 15px;}
.alliance_data_wrap .data_input input:-ms-input-placeholder {color: rgba(255, 255, 255, 0.43); font-size: 15px;}

.alliance_data_wrap .input {position: relative;}
.alliance_data_wrap .input:nth-child(5) {margin-bottom:20px}
.alliance_data_wrap .input .bar {position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: rgba(237, 251, 33, 1); transition: 0.4s;}
.alliance_data_wrap .input input:focus + .bar{width: 100%;}

.alliance_data_wrap .data_input .privacy_box_02{width: 100%; text-align: center; margin-top: 20px;}
.alliance_data_wrap .data_input .privacy_box_02 input{display:none; position: absolute; top: 0; left: -9999em; width: 1px; height: 1px;}
.alliance_data_wrap .data_input .privacy_box_02 input:checked + .checkbox_custom:before{background: url(../investfly/alliance_check_on.png) no-repeat center;}
.alliance_data_wrap .data_input .privacy_box_02 .checkbox_custom{position: relative; font-size: 17px; font-weight: 400; color: #fff;}
.alliance_data_wrap .data_input .privacy_box_02 .checkbox_custom:before{position: absolute; top: 7px; left: -20px; content: ''; width: 14px; height: 14px; background: url(../investfly/alliance_check.png);}
.alliance_data_wrap .data_input .alliance_btn{width: 100%; text-align: center; margin-top: 7px;}
.alliance_data_wrap .data_input .btn{display: inline-block; cursor: pointer;}






/*제휴문의 움직이는 효과 시작*/

.al_text {opacity:0;
	-webkit-transform:translate3d(-50px,0,0);
	-moz-transform:translate3d(-50px,0,0);
	-o-transform:translate3d(-50px,0,0);
	-ms-transform:translate3d(-50px,0,0);
	transform:translate3d(-50px,0,0);
	transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
}
.active .al_text {opacity:1;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}

.al_text2 {opacity:0;
	-webkit-transform:translate3d(-50px,0,0);
	-moz-transform:translate3d(-50px,0,0);
	-o-transform:translate3d(-50px,0,0);
	-ms-transform:translate3d(-50px,0,0);
	transform:translate3d(-50px,0,0);
	transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
}
.active .al_text2 {opacity:1;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}

.al_text3 {opacity:0;
	-webkit-transform:translate3d(-50px,0,0);
	-moz-transform:translate3d(-50px,0,0);
	-o-transform:translate3d(-50px,0,0);
	-ms-transform:translate3d(-50px,0,0);
	transform:translate3d(-50px,0,0);
	transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
}
.active .al_text3 {opacity:1;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}

.al_text4 {opacity:0;
	-webkit-transform:translate3d(-50px,0,0);
	-moz-transform:translate3d(-50px,0,0);
	-o-transform:translate3d(-50px,0,0);
	-ms-transform:translate3d(-50px,0,0);
	transform:translate3d(-50px,0,0);
	transition-delay:0.4s;
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	-ms-transition-delay:0.4s;
}
.active .al_text4 {opacity:1;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}


.al_text5 {opacity:0;
	-webkit-transform:translate3d(-50px,0,0);
	-moz-transform:translate3d(-50px,0,0);
	-o-transform:translate3d(-50px,0,0);
	-ms-transform:translate3d(-50px,0,0);
	transform:translate3d(-50px,0,0);
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
}
.active .al_text5 {opacity:1;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}




/* 제휴요청 End */


/* 제휴요청 결과 Str */
#inquiry_result_wrap{position: relative; height: 100vh; padding-left: 160px;}
#inquiry_result_wrap .inquiry_result{position: absolute; top: 0; left: 0px; padding-left: 160px; width: 100%; text-align: center; line-height: 100vh;}
#inquiry_result_wrap .inquiry_result img{vertical-align: middle;}
#inquiry_result_wrap .sub_footer {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding-lefT: 160px;}
/* 제휴요청 결과 End */


/* 관리자 로그인 Str */

.login_left_bg{position: relative; z-index: 100; padding-top: 219px; width: 160px; height: 100%; background: #782fff; text-align: center;}

/* 관리자 로그인 End */





/* 메인 팝업 Str */

#main_pop_wrap{position: fixed; top: 97px; right: -1570px; z-index:1000;}
#main_pop_wrap .dim{display: none; position: fixed; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index:1}
#main_pop_wrap .main_pop{position: relative; z-index: 100; width: 1420px; height: 750px; background: #ffffff;  border-radius: 15px 0 0 15px;}
.main_pop_data .tit{width:308px;height:43px;position:absolute;top:50px;left:260px;z-index:100;}

.main_pop .card_bg{position: absolute; top: 98px; left: -149px; z-index: 1000; width: 292px; height: 556px; background: url(../investfly/card_bg.png) no-repeat;}
.main_pop .card_bg .tit{position: absolute; top: 60px; font-size: 28px; line-height: 1; font-weight: 300; color: #ffffff; width: 100%; text-align: center;}
.main_pop .card_bg .txt{position: absolute; top: 102px; font-size: 19px; line-height: 1; color: #ffffff; width: 100%; text-align: center;}
.main_pop .card_bg .card_input {position: absolute; top: 218px; left: 25px;}
.main_pop .card_bg .card_input:after{display: block; clear: both; content: '';}
.main_pop .card_bg .card_input > li{display: none; float: left; margin-top: 15px; margin-right: 20px; width: 112px; height: 46px; line-height: 46px; border-bottom: 1px solid rgba(147, 89, 255, 0.8); color: #fff; font-size: 15px; letter-spacing: -0.5px; text-align: center;}

.step_wrap{position: absolute; top:120px; left: 260px; width:732px; border-bottom: 1px solid #b7b7b7;}
.step_ul{width:322px;height:47px;float:left;}
.step_ul > li{position: relative; cursor:pointer;float:left;width:53px;height:47px;box-sizing:border-box;text-align:center;line-height:46px;font-size:14px;font-weight:400;letter-spacing:-0.5px;color:#111111;margin-right:34px;}
.step_ul > li:last-child{margin-right:0;}
.step_ul > li.step_on{color:#782fff;}
.step_ul > li.step_on:after{content: ''; height: 2px; width: 100%; position: absolute; bottom: -1px;  content: '';left:0; background: #782fff;}

.main_pop_data .data_wrap {}
.main_pop_data .data_wrap > div {display: none;}
.main_pop_data .data_wrap > div:first-child {display: block;}

.main_pop_data .data_sct01{position: absolute; top: 250px; left: 260px;}
.main_pop_data .data_sct01 .data_txt{font-size: 18px; color: #000000;}
.main_pop_data .data_sct01 ul {overflow: hidden; width: 685px; margin-top: 71px;}
.main_pop_data .data_sct01 ul li {position: relative; float: left; width: 205px; height: 109px; text-align: center; line-height: 147px;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.main_pop_data .data_sct01 ul li span {position: relative;}
.main_pop_data .data_sct01 ul > li:hover { color: #ffffff; border: 1px solid #782fff; }
.main_pop_data .data_sct01 ul > li.on { color: #ffffff; border: 1px solid #782fff; }
.main_pop_data .data_sct01 ul > li:first-child {margin-left: 0;}
.main_pop_data .data_sct01 ul li.list_v1 {background: url(../investfly/pop_icon_v1.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v2 {background: url(../investfly/pop_icon_v2.png) no-repeat center top 25px;}
.main_pop_data .data_sct01 ul li.list_v3 {background: url(../investfly/pop_icon_v3.png) no-repeat center top 28px;}
.main_pop_data .data_sct01 ul li.list_v4 {margin-left: 0; background: url(../investfly/pop_icon_v4.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v5 {background: url(../investfly/pop_icon_v5.png) no-repeat center top 26px;}
.main_pop_data .data_sct01 ul li.list_v6 {background: url(../investfly/pop_icon_v6.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v1:hover {background: #782fff url(../investfly/pop_icon_on_v1.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v2:hover {background: #782fff url(../investfly/pop_icon_on_v2.png) no-repeat center top 25px;}
.main_pop_data .data_sct01 ul li.list_v3:hover {background: #782fff url(../investfly/pop_icon_on_v3.png) no-repeat center top 28px;}
.main_pop_data .data_sct01 ul li.list_v4:hover {background: #782fff url(../investfly/pop_icon_on_v4.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v5:hover {background: #782fff url(../investfly/pop_icon_on_v6.png) no-repeat center top 26px;}
.main_pop_data .data_sct01 ul li.list_v6:hover {background: #782fff url(../investfly/pop_icon_on_v5.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v1.on {background: #782fff url(../investfly/pop_icon_on_v1.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v2.on {background: #782fff url(../investfly/pop_icon_on_v2.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v3.on {background: #782fff url(../investfly/pop_icon_on_v3.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v4.on {background: #782fff url(../investfly/pop_icon_on_v4.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v5.on {background: #782fff url(../investfly/pop_icon_on_v5.png) no-repeat center top 22px;}
.main_pop_data .data_sct01 ul li.list_v6.on {background: #782fff url(../investfly/pop_icon_on_v6.png) no-repeat center top 22px;}

.main_pop_data .data_sct02{position: absolute; top: 220px; left: 260px;}
.main_pop_data .data_sct02 .data_txt{font-size: 18px; color: #000000;}
.main_pop_data .data_sct02 ul {overflow: hidden; width: 685px; margin-top: 40px;}
.main_pop_data .data_sct02 ul li {position: relative; float: left; width: 204px; height: 82px; text-align: center; line-height: 82px;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.main_pop_data .data_sct02 ul li input {position: absolute; width: 1px; height: 1px; left: -9999em;}
.main_pop_data .data_sct02 ul li span {position: relative;}
.main_pop_data .data_sct02 ul > li:hover { color: #ffffff; border: 1px solid #782fff; }
.main_pop_data .data_sct02 ul > li.on { color: #ffffff; border: 1px solid #782fff; }
.main_pop_data .data_sct02 ul > li:first-child {margin-left: 0;}
.main_pop_data .data_sct02 ul li.list_v1 label{padding-left: 20px;}
.main_pop_data .data_sct02 ul li.list_v2 label{padding-left: 35px;}
.main_pop_data .data_sct02 ul li.list_v3 label{padding-left: 35px;}
.main_pop_data .data_sct02 ul li.list_v4{margin-left: 0;}
.main_pop_data .data_sct02 ul li.list_v4 label{padding-left: 30px;}
.main_pop_data .data_sct02 ul li.list_v5 label{padding-left: 25px;}
.main_pop_data .data_sct02 ul li.list_v6 label{padding-left: 25px;}
.main_pop_data .data_sct02 ul li.list_v7{margin-left: 0;}
.main_pop_data .data_sct02 ul li.list_v7 label{padding-left: 25px;}
.main_pop_data .data_sct02 ul li.list_v8 label{padding-left: 25px;}
.main_pop_data .data_sct02 ul li.list_v9 label{padding-left: 25px;}
.main_pop_data .data_sct02 ul li.list_v1 span:after{content: ''; position: absolute; top: 0; left: -40px; width: 27px; height: 27px; background: url(../investfly/pop_icon_v7.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v2 span:after{content: ''; position: absolute; top: -2px; left: -45px; width: 36px; height: 29px; background: url(../investfly/pop_icon_v8.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v3 span:after{content: ''; position: absolute; top: -2px; left: -33px; width: 29px; height: 29px; background: url(../investfly/pop_icon_v9.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v4 span:after{content: ''; position: absolute; top: 5px; left: -40px; width: 29px; height: 19px; background: url(../investfly/pop_icon_v10.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v5 span:after{content: ''; position: absolute; top: -3px; left: -40px; width: 34px; height: 28px; background: url(../investfly/pop_icon_v11.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v6 span:after{content: ''; position: absolute; top: 0; left: -40px; width: 30px; height: 32px; background: url(../investfly/pop_icon_v14.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v7 span:after{content: ''; position: absolute; top: -3px; left: -40px; width: 30px; height: 27px; background: url(../investfly/pop_icon_v13.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v8 span:after{content: ''; position: absolute; top: -2px; left: -40px; width: 30px; height: 33px; background: url(../investfly/pop_icon_v12.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v9 span:after{content: ''; position: absolute; top: 3px; left: -40px; width: 30px; height: 24px; background: url(../investfly/pop_icon_v15.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v1:hover span:after{background: url(../investfly/pop_icon_on_v7.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v2:hover span:after{background: url(../investfly/pop_icon_on_v8.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v3:hover span:after{background: url(../investfly/pop_icon_on_v9.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v4:hover span:after{background: url(../investfly/pop_icon_on_v10.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v5:hover span:after{background: url(../investfly/pop_icon_on_v11.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v6:hover span:after{background: url(../investfly/pop_icon_on_v12.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v7:hover span:after{background: url(../investfly/pop_icon_on_v13.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v8:hover span:after{background: url(../investfly/pop_icon_on_v14.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v9:hover span:after{background: url(../investfly/pop_icon_on_v15.png) no-repeat;}

.main_pop_data .data_sct02 ul li:hover {background: #782fff}
.main_pop_data .data_sct02 ul li.list_v1.on span:after{background: url(../investfly/pop_icon_on_v7.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v2.on span:after{background: url(../investfly/pop_icon_on_v8.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v3.on span:after{background: url(../investfly/pop_icon_on_v9.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v4.on span:after{background: url(../investfly/pop_icon_on_v10.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v5.on span:after{background: url(../investfly/pop_icon_on_v11.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v6.on span:after{background: url(../investfly/pop_icon_on_v12.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v7.on span:after{background: url(../investfly/pop_icon_on_v13.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v8.on span:after{background: url(../investfly/pop_icon_on_v14.png) no-repeat;}
.main_pop_data .data_sct02 ul li.list_v9.on span:after{background: url(../investfly/pop_icon_on_v15.png) no-repeat;}


.main_pop_data .data_sct02 ul li.on {background: #782fff}


.main_pop_data .data_sct02 ul li label {display: block; width: 100%; height: 100%;}
.main_pop_data .data_sct02 .next_btn {float: right; cursor: pointer; width: 206px; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; background: #782fff url(../24fly/ico_step1_next-1.png) no-repeat 90% 50%; font-size: 17px; color: #fff;}


.main_pop_data .data_sct03{position: absolute; top: 250px; left: 260px;}
.main_pop_data .data_sct03 .data_txt{font-size: 18px; color: #000000;}
.main_pop_data .data_sct03 ul {overflow: hidden; width: 685px; margin-top: 71px;}
.main_pop_data .data_sct03 ul li {position: relative; float: left; width: 130px; height: 140px; text-align: center;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.main_pop_data .data_sct03 ul li span {position: absolute;bottom:8px;width:100%;right:50%;transform:translateX(50%);}
.main_pop_data .data_sct03 ul > li:hover { color: #ffffff; border: 1px solid #782fff; }
.main_pop_data .data_sct03 ul > li.on { color: #ffffff; border: 1px solid #782fff; }
.main_pop_data .data_sct03 ul > li:first-child {margin-left: 0;}
.main_pop_data .data_sct03 ul li.list_v1 {background: url(../investfly/pop_icon_v16.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v2 {background: url(../investfly/pop_icon_v17.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v3 {background: url(../investfly/pop_icon_v18.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v4 {background: url(../investfly/pop_icon_v14.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v1:hover {background: #782fff url(../investfly/pop_icon_on_v16.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v2:hover {background: #782fff url(../investfly/pop_icon_on_v17.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v3:hover {background: #782fff url(../investfly/pop_icon_on_v18.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v4:hover {background: #782fff url(../investfly/pop_icon_on_v14.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v1.on {background: #782fff url(../investfly/pop_icon_on_v16.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v2.on {background: #782fff url(../investfly/pop_icon_on_v17.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v3.on {background: #782fff url(../investfly/pop_icon_on_v18.png) no-repeat center top 42px;}
.main_pop_data .data_sct03 ul li.list_v4.on {background: #782fff url(../investfly/pop_icon_on_v14.png) no-repeat center top 42px;}

.main_pop_data .data_sct04{position: absolute; top: 250px; left: 260px;}
.main_pop_data .data_sct04 .data_txt{font-size: 18px; color: #000000;}
.main_pop_data .data_sct04 ul {overflow: hidden; width: 770px; margin-top: 71px;}
.main_pop_data .data_sct04 ul li {position: relative; float: left; width: 125px; height: 144px; text-align: center; line-height: 144px;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.main_pop_data .data_sct04 ul li span {position: relative;}
.main_pop_data .data_sct04 ul > li:hover { color: #ffffff; border: 1px solid #782fff; background: #782fff;}
.main_pop_data .data_sct04 ul > li.on { color: #ffffff; border: 1px solid #782fff; background: #782fff;}

.main_pop_data .data_sct04 ul > li:first-child {margin-left: 0;}

.main_pop_data .data_sct05{position: absolute; top: 250px; left: 260px;}
.main_pop_data .data_sct05 .data_txt{font-size: 18px; color: #000000;}
.main_pop_data .data_sct05 ul {overflow: hidden; width: 700px; margin-top: 41px;}
.main_pop_data .data_sct05 ul li {position: relative; float: left; width: 171px; height: 83px; text-align: center; line-height: 83px;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.main_pop_data .data_sct05 ul li span {position: relative;}
.main_pop_data .data_sct05 ul > li:hover { color: #ffffff; border: 1px solid #782fff; background: #782fff;}
.main_pop_data .data_sct05 ul > li.on { color: #ffffff; border: 1px solid #782fff; background: #782fff;}
.main_pop_data .data_sct05 ul > li:first-child {margin-left: 0;}
.main_pop_data .data_sct05 ul > li:nth-child(4) {margin-left: 0;}
.main_pop_data .data_sct05 ul > li:nth-child(7) {margin-left: 0;}

.main_pop_data .data_sct06{position: absolute; top: 250px; left: 260px;}
.main_pop_data .data_sct06 .data_txt{font-size: 18px; color: #000000;}
.main_pop_data .data_sct06 .data_txt.red{color:#f00}
.main_pop_data .data_sct06 ul {overflow: hidden; width: 700px; margin-top: 81px;}
.main_pop_data .data_sct06 ul li {position: relative; float: left; width: 171px; height: 83px; text-align: center; line-height: 83px;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.main_pop_data .data_sct06 ul .list_v6{width:377px; background:#f1f1f1 !important; color:#f00 !important; border-color:#969696 !important; cursor:default; line-height:25px; padding-top:15px}
.main_pop_data .data_sct06 ul li span {position: relative;}
.main_pop_data .data_sct06 ul > li:hover { color: #ffffff; border: 1px solid #782fff; background: #782fff;}
.main_pop_data .data_sct06 ul > li.on { color: #ffffff; border: 1px solid #782fff; background: #782fff;}
.main_pop_data .data_sct06 ul > li:first-child {margin-left: 0;}
.main_pop_data .data_sct06 ul > li:nth-child(4) {margin-left: 0;}
.main_pop_data .data_sct06 ul > li:nth-child(7) {margin-left: 0;}

.main_pop_data .data_sct07{position: absolute; top: 250px; left: 260px;}
.main_pop_data .data_sct07 .data_txt{font-size: 18px; color: #000000;}
.main_pop_data .data_sct07 ul {overflow: hidden; width: 685px; margin-top: 71px;}
.main_pop_data .data_sct07 ul li {position: relative; float: left; width: 181px; height: 117px; text-align: center; line-height: 117px;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.main_pop_data .data_sct07 ul li span {position: relative;}
.main_pop_data .data_sct07 ul li:first-child {margin-left: 0;}
.main_pop_data .data_sct07 ul li:hover { color: #ffffff; border: 1px solid #782fff; background: #782fff;}
.main_pop_data .data_sct07 ul li.on { color: #ffffff; border: 1px solid #782fff; background: #782fff;}

.main_pop_data .data_sct08{position: absolute; top: 250px; left: 260px;}
.main_pop_data .data_sct08 .data_txt{ font-size: 18px; color: #000000;}
.main_pop_data .data_sct08 ul {overflow: hidden; width: 770px; margin-top: 41px;}
.main_pop_data .data_sct08 ul li {position: relative; float: left; width: 134px; height: 62px; text-align: center; line-height: 62px;  border-radius: 9px; border: 1px solid #969696;margin-left: 15px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.main_pop_data .data_sct08 ul li span {position: relative;}
.main_pop_data .data_sct08 ul > li:hover { color: #ffffff; border: 1px solid #782fff; background: #782fff;}
.main_pop_data .data_sct08 ul > li.on { color: #ffffff; border: 1px solid #782fff; background: #782fff;}
.main_pop_data .data_sct08 ul > li:first-child {margin-left: 0;}
.main_pop_data .data_sct08 ul > li:nth-child(6) {margin-left: 0;}
.main_pop_data .data_sct08 ul > li:nth-child(11) {margin-left: 0;}
.main_pop_data .data_sct08 ul > li:nth-child(16) {margin-left: 0;}

.main_pop_data .data_sct09{position: absolute; top: 220px; left: 260px;}
.main_pop_data .data_box select {padding-left: 18px !important; font-size: 16px; color: #7d7d7d; border: 1px solid #7d7d7d !important; border-radius: 6px;}
.main_pop_data .data_box input {padding-left: 18px !important; font-size: 16px; color: #7d7d7d; border: 1px solid #7d7d7d !important; border-radius: 6px;}
.main_pop_data .data_box textarea {padding-left: 18px !important; font-size: 16px; color: #7d7d7d; border: 1px solid #7d7d7d !important; border-radius: 6px;}
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
.main_pop_data .data_box select {background: url(../investfly/select_arrow.png) no-repeat right 14px center;}
.main_pop_data input::placeholder {
	color: #464646;
}
.main_pop_data :-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
	 color:  #464646;
}
.main_pop_data input::-webkit-input-placeholder, .main_pop_data  textarea::-webkit-input-placeholder { color: #7d7d7d !important; font-size: 16px;}
.main_pop_data input::-moz-placeholder, .main_pop_data  textarea::-moz-placeholder { color: #7d7d7d !important; font-size: 16px;}
.main_pop_data input::-moz-placeholder, .main_pop_data  textarea::-moz-placeholder { color: #7d7d7d !important; font-size: 16px;}
.main_pop_data input:-ms-input-placeholder, .main_pop_data  textarea:-ms-input-placeholder { color: #7d7d7d !important; font-size: 16px;}
.main_pop_data input::-webkit-input-placeholder, .main_pop_data  textarea::-webkit-input-placeholder { color: #7d7d7d !important; font-size: 16px;}
.main_pop_data .data_sct09 .data_txt{margin-bottom: 30px; font-size: 18px; color: #000000;}
.main_pop_data .data_box .boxed {display: inline-block; width: 732px; margin-bottom: 15px;}
.main_pop_data .data_box .box{float: left;}
.main_pop_data .data_box .box .name {margin-right: 18px; width: 377px; height: 53px;}
.main_pop_data .data_box .box .year {margin-right: 8px; width: 133px; height: 53px;}
.main_pop_data .data_box .box .month {margin-right: 8px; width: 94px; height: 53px;}
.main_pop_data .data_box .box .day {width: 94px; height: 53px;}
.main_pop_data .data_box .box .phone {width: 142px; height: 53px; margin-right: 9px; }
.main_pop_data .data_box .box .certified {cursor: pointer; width: 94px; height: 53px; background: #5c5c5c; color: #ffffff; line-height: 53px; text-align :center; margin-right: 20px; border-radius: 6px;}
.main_pop_data .data_box .box .certified_numb {padding-left: 20px; width: 165px; height: 53px; line-height: 53px; color: #7d7d7d;}
.main_pop_data .data_box .question {padding: 23px 0 0 19px; width: 100%; height: 94px; resize: none;}
.main_pop_data .data_box .privacy_btn {position: relative; text-align: center; width: 732px;}
.main_pop_data .data_box .privacy_btn input {position: absolute; top: 0; left: -9999em; width: 1px;height: 1px; opacity: 0;}
.main_pop_data .data_box .privacy_btn span {position: relative; font-size: 15px; color: #7d7d7d;}
.main_pop_data .data_box .privacy_btn span:before {content: ''; position: absolute; top: 2px; left: -27px; width: 20px; height: 20px; background: url(../investfly/chkbox.png) no-repeat;}
.main_pop_data .data_box .privacy_btn input:checked + span:before {background: url(../investfly/chkbox_on.png) no-repeat;}
.main_pop_data .data_box .submit_btn {margin-top: 10px; width: 732px; text-align: center;}
.main_pop_data .data_box .submit_btn .btn {display: inline-block; cursor: pointer;}


/* 메인팝업 슬라이드 */
#pop_slide_wrap{position: absolute; bottom: 23px; left: 26px; width: 100%; height: 43px;}
#pop_slide_wrap .eclipse-slider{height: 43px !important;}
#pop_slide_wrap .eclipse-slider > div{width: 197px; height :43px; background: #f6f5f5; border: 1px solid #919191; border-radius: 10px; text-align: center; line-height: 43px; color: #555555; font-size: 15px;}
#pop_slide_wrap .eclipse-slider > div .name{color: #7d7d7d; margin-right: 25px;}
#pop_slide_wrap .eclipse-slider > div .type{color: #555555;}
#pop_slide_wrap .eclipse-controls{display: none;}
/* 메인팝업 슬라이드 */
/* 메인 팝업 End */













/* 리딩퀵 Str */




/* #read_pop_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:3000;visibility:visible;} */
#read_pop_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:3000;visibility:hidden;}
.read_pop_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:50;background-color:transparent;}
.inquiry_pop_box .read_pop_bg{background-color:rgba(0,0,0,0.7);}
.notice_pop_box .read_pop_bg{background-color:rgba(0,0,0,0.7);}
.read_quick{border-radius: 15px 0 0 15px;width:1419px;height:750px;position:fixed;top:calc(50% - 345px);right:-1380px;z-index:100;background: #ffffff; border:1px solid #c0c0c0;}
/* .read_quick{width:1419px;height:750px;position:fixed;top:calc(50% - 345px);right:-2px;z-index:100;background: #ffffff;border:1px solid #c0c0c0;border-radius: 15px 0 0 15px;} */

.read_con_box{width:732px;height:100%;margin-left:260px;position:relative;}
.read_con_box::after{content:"";display:block;clear:both;}
.read_con_top::after{content:"";display:block;clear:both;}

.today_num_ul{float:right;height:47px;}
.today_num_ul > li{float:left;line-height:46px;}
.today_num_txt{font-size:18px;font-weight:400;letter-spacing:-0.5px;color:#000;}
.today_num_txt span{font-weight:700;color:#782fff; font-size: 18px; margin:0 5px 0 8px;}
.pop_icon1{width:20px;height:20px;line-height: 20px !important; margin-top: 14px; margin-right: 5px;}
.pop_right{position: absolute; top: 38px;right: 42px;}
.read_con_mid{width:100%;height:auto;float:left;}
.con_mid_txt1{font-size:18px;line-height:18px; margin-top: 74px; font-weight:400;color:#000;letter-spacing:-0.5px;padding-top:0px;}


.step_0101 .ul_two {overflow: hidden; width: 685px; margin-top: 71px;}
.step_0102 .ul_two {overflow: hidden; margin-top: 31px;}
.step_0103 .ul_two {overflow: hidden; margin-top: 31px;}
.step_0101 .ul_two > li {position: relative; float: left; width: 203px; height: 109px; text-align: center; line-height: 147px;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.step_0102 .ul_two > li {position: relative; float: left; width: 203px; height: 83px; text-align: center; line-height: 83px;   border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 16px; color: #7d7d7d; cursor: pointer;}
.step_0103 .ul_two > li {position: relative; float: left; width: 203px; height: 162px; text-align: center; line-height: 162px;  border-radius: 9px; border: 1px solid #969696;margin-left: 35px; margin-bottom: 20px; font-size: 17px; color: #7d7d7d; cursor: pointer;}

.step_0102 .ul_two > li span {position: relative;}

.ul_two > li:hover { color: #ffffff; border: 1px solid #782fff; }
.ul_two > li:first-child {margin-left: 0;}
.ul_two > li:nth-child(4) {margin-left: 0;}
.ul_two > li:nth-child(7) {margin-left: 0;}
.step_0101 .ul_two > li.list_v1 {background: url(../investfly/pop_icon_v1.png) no-repeat center top 22px;}
.step_0101 .ul_two > li.list_v2 {background: url(../investfly/pop_icon_v2.png) no-repeat center top 25px;}
.step_0101 .ul_two > li.list_v3 {background: url(../investfly/pop_icon_v3.png) no-repeat center top 28px;}
.step_0101 .ul_two > li.list_v4 {background: url(../investfly/pop_icon_v4.png) no-repeat center top 22px;}
.step_0101 .ul_two > li.list_v5 {background: url(../investfly/pop_icon_v5.png) no-repeat center top 26px;}
.step_0101 .ul_two > li.list_v6 {background: url(../investfly/pop_icon_v6.png) no-repeat center top 22px;}
.step_0101 .ul_two > li.list_v1:hover {background: #782fff url(../investfly/pop_icon_on_v1.png) no-repeat center top 22px;}
.step_0101 .ul_two > li.list_v2:hover {background: #782fff url(../investfly/pop_icon_on_v2.png) no-repeat center top 22px;}
.step_0101 .ul_two > li.list_v3:hover {background: #782fff url(../investfly/pop_icon_on_v3.png) no-repeat center top 22px;}
.step_0101 .ul_two > li.list_v4:hover {background: #782fff url(../investfly/pop_icon_on_v4.png) no-repeat center top 22px;}
.step_0101 .ul_two > li.list_v5:hover {background: #782fff url(../investfly/pop_icon_on_v5.png) no-repeat center top 22px;}
.step_0101 .ul_two > li.list_v6:hover {background: #782fff url(../investfly/pop_icon_on_v6.png) no-repeat center top 22px;}


.step_0102 .ul_two > li.list_v1{padding-left: 20px;}
.step_0102 .ul_two > li.list_v2{padding-left: 35px;}
.step_0102 .ul_two > li.list_v3{padding-left: 35px;}
.step_0102 .ul_two > li.list_v4{padding-left: 30px;}
.step_0102 .ul_two > li.list_v5{padding-left: 25px;}
.step_0102 .ul_two > li.list_v6{padding-left: 25px;}
.step_0102 .ul_two > li.list_v7{padding-left: 25px;}
.step_0102 .ul_two > li.list_v8{padding-left: 25px;}
.step_0102 .ul_two > li.list_v9{padding-left: 25px;}


.step_0102 .ul_two > li.list_v1 span:after{content: ''; position: absolute; top: 0; left: -40px; width: 27px; height: 27px; background: url(../investfly/pop_icon_v7.png) no-repeat;}
.step_0102 .ul_two > li.list_v2 span:after{content: ''; position: absolute; top: 0; left: -45px; width: 35px; height: 29px; background: url(../investfly/pop_icon_v8.png) no-repeat;}
.step_0102 .ul_two > li.list_v3 span:after{content: ''; position: absolute; top: 0; left: -40px; width: 29px; height: 29px; background: url(../investfly/pop_icon_v9.png) no-repeat;}
.step_0102 .ul_two > li.list_v4 span:after{content: ''; position: absolute; top: 5px; left: -40px; width: 29px; height: 19px; background: url(../investfly/pop_icon_v10.png) no-repeat;}
.step_0102 .ul_two > li.list_v5 span:after{content: ''; position: absolute; top: -3px; left: -40px; width: 34px; height: 28px; background: url(../investfly/pop_icon_v11.png) no-repeat;}
.step_0102 .ul_two > li.list_v6 span:after{content: ''; position: absolute; top: 0; left: -40px; width: 30px; height: 32px; background: url(../investfly/pop_icon_v12.png) no-repeat;}
.step_0102 .ul_two > li.list_v7 span:after{content: ''; position: absolute; top: 0; left: -40px; width: 30px; height: 27px; background: url(../investfly/pop_icon_v13.png) no-repeat;}
.step_0102 .ul_two > li.list_v8 span:after{content: ''; position: absolute; top: 0; left: -40px; width: 30px; height: 28px; background: url(../investfly/pop_icon_v14.png) no-repeat;}
.step_0102 .ul_two > li.list_v9 span:after{content: ''; position: absolute; top: 0; left: -40px; width: 30px; height: 24px; background: url(../investfly/pop_icon_v15.png) no-repeat;}
.step_0102 .ul_two > li.list_v1:hover span:after{background: url(../investfly/pop_icon_on_v7.png) no-repeat;}
.step_0102 .ul_two > li.list_v2:hover span:after{background: url(../investfly/pop_icon_on_v8.png) no-repeat;}
.step_0102 .ul_two > li.list_v3:hover span:after{background: url(../investfly/pop_icon_on_v9.png) no-repeat;}
.step_0102 .ul_two > li.list_v4:hover span:after{background: url(../investfly/pop_icon_on_v10.png) no-repeat;}
.step_0102 .ul_two > li.list_v5:hover span:after{background: url(../investfly/pop_icon_on_v11.png) no-repeat;}
.step_0102 .ul_two > li.list_v6:hover span:after{background: url(../investfly/pop_icon_on_v12.png) no-repeat;}
.step_0102 .ul_two > li.list_v7:hover span:after{background: url(../investfly/pop_icon_on_v13.png) no-repeat;}
.step_0102 .ul_two > li.list_v8:hover span:after{background: url(../investfly/pop_icon_on_v14.png) no-repeat;}
.step_0102 .ul_two > li.list_v9:hover span:after{background: url(../investfly/pop_icon_on_v15.png) no-repeat;}
.step_0102 .ul_two > li.list_v1:hover {background: #782fff}
.step_0102 .ul_two > li.list_v2:hover {background: #782fff}
.step_0102 .ul_two > li.list_v3:hover {background: #782fff}
.step_0102 .ul_two > li.list_v4:hover {background: #782fff}
.step_0102 .ul_two > li.list_v5:hover {background: #782fff}
.step_0102 .ul_two > li.list_v6:hover {background: #782fff}
.step_0102 .ul_two > li.list_v7:hover {background: #782fff}
.step_0102 .ul_two > li.list_v8:hover {background: #782fff}
.step_0102 .ul_two > li.list_v9:hover {background: #782fff}

/*
.step_0102 .ul_two > li.list_v1 {background: url(../investfly/pop_icon_v7.png) no-repeat left 67px top 27px;}
.step_0102 .ul_two > li.list_v2 {background: url(../investfly/pop_icon_v8.png) no-repeat left 48px top 27px;}
.step_0102 .ul_two > li.list_v3 {background: url(../investfly/pop_icon_v9.png) no-repeat left 24px top 27px;}
.step_0102 .ul_two > li.list_v4{background: url(../investfly/pop_icon_v10.png) no-repeat left 42px top 34px;}
.step_0102 .ul_two > li.list_v5{background: url(../investfly/pop_icon_v11.png) no-repeat left 67px top 27px;}
.step_0102 .ul_two > li.list_v6{background: url(../investfly/pop_icon_v12.png) no-repeat left 67px top 27px;}
.step_0102 .ul_two > li.list_v7{background: url(../investfly/pop_icon_v13.png) no-repeat left 67px top 27px;}
.step_0102 .ul_two > li.list_v8{background: url(../investfly/pop_icon_v14.png) no-repeat left 67px top 27px;}
.step_0102 .ul_two > li.list_v9{background: url(../investfly/pop_icon_v15.png) no-repeat left 67px top 27px;}
.step_0102 .ul_two > li.list_v1:hover {background: #782fff url(../investfly/pop_icon_on_v7.png) no-repeat center top 22px;}
.step_0102 .ul_two > li.list_v2:hover {background: #782fff url(../investfly/pop_icon_on_v8.png) no-repeat center top 22px;}
.step_0102 .ul_two > li.list_v3:hover {background: #782fff url(../investfly/pop_icon_on_v9.png) no-repeat center top 22px;}
.step_0102 .ul_two > li.list_v4:hover {background: #782fff url(../investfly/pop_icon_on_v10.png) no-repeat center top 22px;}
.step_0102 .ul_two > li.list_v5:hover {background: #782fff url(../investfly/pop_icon_on_v11.png) no-repeat center top 22px;}
.step_0102 .ul_two > li.list_v6:hover {background: #782fff url(../investfly/pop_icon_on_v12.png) no-repeat center top 22px;}
.step_0102 .ul_two > li.list_v7:hover {background: #782fff url(../investfly/pop_icon_on_v13.png) no-repeat center top 22px;}
.step_0102 .ul_two > li.list_v8:hover {background: #782fff url(../investfly/pop_icon_on_v14.png) no-repeat center top 22px;}
.step_0102 .ul_two > li.list_v9:hover {background: #782fff url(../investfly/pop_icon_on_v15.png) no-repeat center top 22px;}
*/


.card_box{width:292px;height:556px;position:absolute;top:calc(50% - 279px);left:-130px;z-index:100;background: url('../investfly/card_bg.png') no-repeat center 0; }

.card_tit{font-size:33px;line-height: 33px;font-weight:300;color:#fff;letter-spacing:-0.7px;text-align:center;padding-top:60px;}
.card_txt1{font-size:19px;line-height:19px; font-weight:400;color:#fff;letter-spacing:-0.7px;text-align:center;padding-top:10px;margin-bottom:65px;}
.card_article{width:247px;margin:0 auto;}
.card_article:after{display: block; clear: both; content:'';}
.card_article li{display: none; float: left;width:112px; margin-left: 2px; box-sizing:border-box;border-bottom:1px solid  rgba(147, 89, 255, 0.8);text-align:center;font-size:16px;font-weight:400;letter-spacing:-0.7px;color:#ffffff;margin-bottom:10px;height:37px;}
.card_article li.article_on{display: block;}
.card_article li:nth-child(2){margin-left: 21px;}
.card_article li:nth-child(4){margin-left: 21px;}
.card_article li:nth-child(6){margin-left: 21px;}
.card_article li:nth-child(8){margin-left: 21px;}


.step_none{visibility:hidden;opacity:0;}
.step_block{visibility:visible;opacity:1;}

.st02_ol{width:100%;height:98px;margin-top:32px;}
.st02_ol::after{content:"";display:block;clear:both;}
.st02_ol > li{float:left;width:225px;height:98px;transition:0.3s;cursor:pointer;margin-right:28px;font-size:16px;font-weight:400;letter-spacing:-0.5px;color:#111;line-height:23px;box-sizing:border-box;padding-top:28px;}
.step_0202 .st02_ol > li{padding-top:36px;}
.st02_ol > li:last-child{margin-right:0;}

.st0201_img1{background: url('../momentumfly/st0201_img1.jpg') no-repeat center 0;padding-left:98px;}
.st0201_img1:hover{background: url('../momentumfly/st0201_img1_on.jpg') no-repeat center 0;color:#fff;}

.st0201_img2{background: url('../momentumfly/st0201_img2.jpg') no-repeat center 0;padding-left:87px;}
.st0201_img2:hover{background: url('../momentumfly/st0201_img2_on.jpg') no-repeat center 0;color:#fff;}

.st0201_img3{background: url('../momentumfly/st0201_img3.jpg') no-repeat center 0;padding-left:87px;}
.st0201_img3:hover{background: url('../momentumfly/st0201_img3_on.jpg') no-repeat center 0;color:#fff;}

.st0201_img4{background: url('../momentumfly/st0201_img4.jpg') no-repeat center 0;padding-left:77px;}
.st0201_img4:hover{background: url('../momentumfly/st0201_img4_on.jpg') no-repeat center 0;color:#fff;}

.st0201_img5{background: url('../momentumfly/st0201_img5.jpg') no-repeat center 0;padding-left:95px;}
.st0201_img5:hover{background: url('../momentumfly/st0201_img5_on.jpg') no-repeat center 0;color:#fff;}

.st0201_img6{background: url('../momentumfly/st0201_img6.jpg') no-repeat center 0;padding-left:91px;}
.st0201_img6:hover{background: url('../momentumfly/st0201_img6_on.jpg') no-repeat center 0;color:#fff;}



.st0202_img1{background: url('../momentumfly/st0202_img1.jpg') no-repeat center 0;padding-left:104px;}
.st0202_img1:hover{background: url('../momentumfly/st0202_img1_on.jpg') no-repeat center 0;color:#fff;}

.st0202_img2{background: url('../momentumfly/st0202_img2.jpg') no-repeat center 0;padding-left:87px;}
.st0202_img2:hover{background: url('../momentumfly/st0202_img2_on.jpg') no-repeat center 0;color:#fff;}

.st0202_img3{background: url('../momentumfly/st0202_img3.jpg') no-repeat center 0;padding-left:87px;}
.st0202_img3:hover{background: url('../momentumfly/st0202_img3_on.jpg') no-repeat center 0;color:#fff;}

.st0202_img4{background: url('../momentumfly/st0202_img4.jpg') no-repeat center 0;padding-left:88px;}
.st0202_img4:hover{background: url('../momentumfly/st0202_img4_on.jpg') no-repeat center 0;color:#fff;}

.st0202_img5{background: url('../momentumfly/st0202_img5.jpg') no-repeat center 0;padding-left:95px;}
.st0202_img5:hover{background: url('../momentumfly/st0202_img5_on.jpg') no-repeat center 0;color:#fff;}

.st03_txt1{font-size:16px;font-weight:400;color:#000;letter-spacing:-0.5px;}
.st03_txt2{font-size:25px;font-weight:600;color:#000;letter-spacing:-0.5px;line-height:25px;}

.st04_tit{width:548px;height:96px;margin:45px auto 25px;}
.name_box2{width:548px;height:56px;margin:0 auto 20px;}
.name_box2 input{font-size:17px;font-weight:400;color:#464646;letter-spacing:-0.5px;width:548px;height:56px;border:0;box-sizing:border-box;border-bottom:1px solid #898989;padding-left:12px;line-height:55px;}

.step_0401 input::placeholder {
  color: #464646;
}
.step_0401 :-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #464646;
}
.step_0401 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #464646 !important; }
.step_0401 input::-moz-placeholder, textarea::-moz-placeholder { color: #464646 !important; }
.step_0401 input::-moz-placeholder, textarea::-moz-placeholder { color: #464646 !important; }
.step_0401 input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #464646 !important; }
.step_0401 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #464646 !important; }

.call_block{width:548px;height:56px;margin:0 auto;}
.call_block::after{content:"";display:block;clear:both;}
.call_block > li{float:left;height:56px;}
.call_box2{width:341px;position:relative;}
.call_box2 input{font-size:17px;font-weight:400;color:#464646;letter-spacing:-0.5px;width:341px;height:56px;border:0;box-sizing:border-box;border-bottom:1px solid #898989;padding-left:12px;line-height:55px;}
.ck_num_btn{position:absolute;width:78px;height:36px;top:10px;right:1px;z-index:100;background-color:#6c6c6c;color:#fff;font-size:15px;font-weight:400;letter-spacing:-0.5px;text-align:center;line-height:36px;cursor:pointer;}

.num_ck_box{width:191px;height:56px;margin-left:16px;}
.num_ck_box input{font-size:17px;font-weight:400;color:#464646;letter-spacing:-0.5px;width:191px;height:56px;border:0;box-sizing:border-box;border-bottom:1px solid #898989;padding-left:12px;line-height:55px;}

/*개인정보수집 체크버튼 시작*/
.con_privacy2 {  width:158px;  font-size:14px;color:#6c6c6c;margin:0 auto;font-weight:400;letter-spacing:-0.5px;margin-top:24px;}
.con_privacy2 label {vertical-align:top;padding:0 0 0 22px; background:url('../momentumfly/ck2.jpg') no-repeat 0px 2px;}
.con_privacy2 input[type="checkbox"]:checked + label {background:url('../momentumfly/ck2_on.jpg') no-repeat 0px 2px;}
.con_privacy2 input {display:none;}
/*개인정보수집 체크버튼 끝*/
.est_btn2{width:427px;height:58px;margin:8px auto 28px;cursor:pointer;}
.st04_img1{width:548px;height:60px;margin:0 auto;}
/*// 리딩퀵 End*/



/* ==========================개인정보 페이지========================== */
#privacy_wrap{width:100%;height:100%; position:absolute;top:0;left:0;}
.privacy_bg{width:calc(100% - 160px);height:100%; position:fixed; top:0;left:160px;z-index:1000;background-color:#e1e1e1;}
.privacy_box{margin-bottom:60px;width:755px;height:auto;box-sizing:border-box;padding:38px; white-space: pre-wrap; word-wrap: break-word; position:absolute;top:86px;left:calc(50% - 377.5px);z-index:3000;background-color:#fff;font-size:15px;font-weight:400;color:#333;letter-spacing:-0.5px;line-height:25px;}
.privacy_tit_box{width:100%;height:67px;background-color:#782fff;font-size:21px;font-weight:600;color:#fff;letter-spacing:-0.5px;text-align:center;line-height:67px;}
.privacy_box strong{font-size:18px;}
/*개인정보 팝업*/
#pr_pop{width:100%;height:100%; position:absolute;top:0;left:0;}
#pr_pop .privacy_bg{width:100%;height:100%; position:fixed; top:0;left:0px;z-index:1000;background-color:#e1e1e1;}
#pr_pop .privacy_box{margin-bottom:60px;width:550px;height:auto;box-sizing:border-box;padding:38px; white-space: pre-wrap; word-wrap: break-word; position:absolute;top:20px;left:calc(50% - 275px);z-index:3000;background-color:#fff;font-size:12px;font-weight:400;color:#333;letter-spacing:-0.5px;line-height:25px;}
#pr_pop .privacy_tit_box{width:100%;height:67px;background-color:#1450f9;font-size:21px;font-weight:600;color:#fff;letter-spacing:-0.5px;text-align:center;line-height:67px;}
#pr_pop .privacy_box strong{font-size:14px;}



/* datalab Str */

#datalab{position: relative; padding-left: 160px; padding-top: 97px; background: #000; min-height: 100vh;}
#datalab .tit{margin-left: 180px; margin-bottom: 101px;}
#datalab .data_graph {position: relative ; width: 1200px; margin-left: 180px;}
#datalab .data_graph:after{display: block; clear: both; content: '';}
#datalab .data_graph > div {float: left;}
#datalab .data_graph > div h3 {font-size:22px; font-weight: 300; color: #ffffff; margin-bottom: 35px;}
#datalab .data_graph > div h3 strong{font-weight: 700;}

#datalab .data_graph .graph02{position: relative;}
#datalab .data_graph .graph04 {position: relative; margin-top: 85px;}
#datalab .data_graph .graph04 {position: relative; margin-top: 85px;}
#datalab .data_graph .graph05 {position: relative; margin-top: 85px;}
#datalab .data_graph .graph06 {position: relative; margin-top: 85px;}
#datalab .data_graph .graph07 {position: relative; margin-top: 85px;}
#datalab .data_graph .graph08 {position: relative; margin-top: 85px;}
#datalab .data_graph .graph09 {position: relative; margin-top: 85px;}

#datalab .data_graph .graph01 .box{margin-right: 30px;width: 380px; height: 368px; border: 1px solid #9156ff; border-radius: 13px;}
#datalab .data_graph .graph02 .box{box-sizing: content-box; margin-right: 30px;width: 378px; padding-top: 20px; height: 348px; border: 1px solid #9156ff; border-radius: 13px;}
#datalab .data_graph .graph02 ul {position: absolute; bottom:20px; left: 72px; z-index: 100; text-align:center;}
#datalab .data_graph .graph02 ul li {float: left; width: 45px; font-size: 12px; color: #ffffff;}


#datalab .data_graph .graph03 .box{box-sizing: content-box; width: 378px; height: 288px; padding-top: 80px; border: 1px solid #9156ff; border-radius: 13px;}
#datalab .data_graph .graph04 .box{padding-top: 20px; margin-right: 29px; width: 791px; height: 368px; border: 1px solid #9156ff; border-radius: 13px;}
#datalab .data_graph .graph04 ul {position: absolute; bottom: 20px; left: 83px; z-index: 100; text-align: center;}
#datalab .data_graph .graph04 ul li {float: left; width: 73px; font-size: 12px; color: #ffffff;}


#datalab .data_graph .graph05 .box{width: 380px; height: 368px; border: 1px solid #9156ff; border-radius: 13px;}
#datalab .data_graph .graph06 .box{padding-top: 20px; margin-right: 29px; width: 380px; height: 368px; border: 1px solid #9156ff; border-radius: 13px;}
#datalab .data_graph .graph06 ul {position: absolute; bottom: 20px; left: 71px; z-index: 100; text-align: center;}
#datalab .data_graph .graph06 ul li {float: left; width: 45px; font-size: 12px; color: #ffffff;}


#datalab .data_graph .graph07 .box{width: 791px; height: 368px;padding-top: 20px;  border: 1px solid #9156ff; border-radius: 13px;}
#datalab .data_graph .graph07 ul {position: absolute; bottom: 20px; left: 83px; z-index: 100; text-align: center;}
#datalab .data_graph .graph07 ul li {float: left; width :73px; font-size: 12px; color: #ffffff;}

#datalab .data_graph .graph08 .box{padding-top: 20px; margin-right: 29px; width: 791px; height: 368px; border: 1px solid #9156ff; border-radius: 13px;}
#datalab .data_graph .graph08 ul {position: absolute; bottom: 10px; left: 71px; z-index: 100; text-align: center;}
#datalab .data_graph .graph08 ul li {float: left; width :39.5px; font-size: 12px; color: #ffffff;}

#datalab .data_graph .graph09 .box{padding-top: 80px; width: 380px; height: 368px; border: 1px solid #9156ff; border-radius: 13px;}
#datalab .apexcharts-legend-text{color: #a651e4 !important; right: 17px;}
#datalab .apexcharts-legend-text span{display: inline-block; text-align: right; margin-right: 5px; width: 60px; color: #ffffff;}
#datalab .datalab_date{position: absolute; top:-70px ; right: 0;}
#datalab .datalab_date button {font-size: 16px; color: #ffffff;}
#datalab .datalab_date button:first-child {margin-right: 32px;}
#datalab .datalab_date button.on {font-weight: 700; font-size: 16px; padding-bottom: 5px; color: #edfb21; border-bottom: 1px solid #edfb21;}

#datalab .footer-ul > li a{color: #ffffff;}

/* datalab End */