@charset "utf-8";

html {-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#mainScr * {word-break:break-all;box-sizing:border-box;}
.wrapper .footmain {position:fixed;bottom:0;width:100%;}
.wrapper .footmain .app_download {height:50px;background-color:#1f5dbe;display:flex;justify-content:center;align-items:center;}
.wrapper .footmain .app_download a {font-size:16px;color:#fff;display:inline-block;}

/* visual */
.main_visual b,
.main_area b {vertical-align:0;}
.main_area.slide_wrap {padding-top:0;}
.main_area.slide_wrap ul:after {content:""; display:block; clear:both;}
.main_area.slide_wrap ul li {float:left; width:100%;}
.main_area.slide_wrap ul li .img {margin-top:43px;}
.main_area.slide_wrap .swiper-pagination {left:0; top:145px; width:100%;}
.main_area.slide_wrap .swiper-pagination .swiper-pagination-bullet {margin:0 3px;}

.btn_area.main {z-index:5; position:fixed; left:0; bottom:0; width:100%;}




/* 2023.10.30 Renewal */
/* main_visual > header */
.main_visual {position:relative; height: 713px;}
.main_visual .header {background: transparent;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;z-index: 3;}
.main_visual .header a {display: inline-block;}
.main_visual .main_visual_wrap {position: absolute; display: flex; flex-direction: column; width: 100%; height: 473px; align-items: center; margin-top: 120px; margin-bottom: 120px;}
.main_visual .main_visual_wrap .text_box {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center}
.main_visual .main_visual_wrap .text_box .lt {color: #686868; text-align: center; font-size: 26px; font-style: normal; font-weight: 700; line-height: 36px; letter-spacing: -1px;}
.main_visual .main_visual_wrap .text_box .rt {margin-top: 10px; color: #222; text-align: center; font-size: 40px; font-style: normal; font-weight: 700; line-height: 60px; letter-spacing: -1px;}
.main_visual .main_visual_wrap .text_box .dt {margin-top: 30px; color: #686868; text-align: center; font-size: 20px; font-style: normal; font-weight: 400; line-height: 36px; letter-spacing: -1px;}
.main_visual .header_fix {display: none;height: 60px;width: 100%;padding: 0 20px;position: fixed;left: 0;top: 0;z-index: 10;background: #FFF;box-shadow: 8px 8px 16px 0px rgba(119, 131, 151, 0.14);}
.main_visual .header_fix .flex_wrap {display: flex;height: 100%;justify-content: space-between;align-items: center;}
.main_visual .header_fix .flex_wrap #logo_btn {display: block;}
.main_visual .header_fix .flex_wrap .app_download {display: inline-block;width: 78px;height: 32px;background: #0064FF;border-radius: 50px;margin-right: 25px;}
.main_visual .header_fix .flex_wrap .app_download a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: #FFF;font-size: 12px;line-height: 22px;}
.main_visual .header_fix .flex_wrap .category_btn_modi {position: relative;top: -4px;}
.main_visual .main_visual_wrap .img_box {width: 950px; height: 105px; display: flex; justify-content: center; align-items: center; margin-top: 100px; gap: 80px;}
.main_visual .main_visual_wrap .img_box .v-line{width: 2px; height: 100px; background: #F2F4F6}
.main_visual .main_visual_wrap .img_box .img_item{text-align: center; width: 262px;}
.main_visual .main_visual_wrap .img_box .img_item img{text-align: center; width: 60px; height: 60px; object-fit: cover; margin-bottom: 15px;}
.main_visual .main_visual_wrap .img_box .img_item p{font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: -1px; color: #222; text-align: center}

.text_area .app_download {margin-top: 50px; display:flex; gap: 20px;}
.text_area .app_download a {visibility: visible; display:flex; align-items:center; justify-content:center;border: 1px solid #FFF;border-radius: 50px; width: 214px;height: 60px;background: rgba(18, 20, 23, 0.2);}
@keyframes bullet_fade_in_main {
    from {background: #E6EBF0;opacity: 0.2}
    to {background: #FFF;opacity: 1}
}

.main_visual .visual_text {position: absolute;top: 220px;z-index: 3;width: 100%;display: flex;flex-direction: column;align-items: center;}
.main_visual .visual_text .subtit {font-size:24px; line-height:38px; color:#fff; font-weight: 500; letter-spacing: -0.48px; text-align: center;}
.main_visual .visual_text .subtext {font-size:56px; line-height:78px; color:#fff; font-weight: 700; letter-spacing: -1.12px; text-align: center;}
.main_visual .visual_text .app_download {visibility: hidden; display:flex; gap: 20px;}
.main_visual .visual_text .app_download a {display:flex; align-items:center; justify-content:center;border: 1px solid #FFF;border-radius: 50px; width: 214px;height: 60px;background: rgba(4, 59, 114, 0.2);}

.info_container {background: #F8F9FB;}
.info_container .content .main_area {padding-top: 120px; overflow: hidden; text-align: center;}
.info_container .content .main_area .shadow {box-shadow: 0px 8px 16px 0px rgba(119, 131, 151, 0.14);}
.info_container .content .main_area .text_box .tit {color: #222; font-size: 36px; font-weight: 700; line-height: 54px; letter-spacing: -1px;}
.info_container .content .main_area .text_box .text {margin-top: 20px; color: #686868; font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -1px;}


/* conts1 */
/* infinite rolling */
.main_area.conts1 .text_box {margin-top: 90px;}
.main_area.conts1 .invest_manager_list {margin-top: 80px;}
.main_area.conts1 .invest_manager_list .flow_wrapper {margin: 0 -20px; overflow-x: hidden;-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);}
.main_area.conts1 .invest_manager_list .flow_wrapper .list_1floor {display: flex;}
.main_area.conts1 .invest_manager_list ul {display: flex;gap: 12px;padding: 20px 0;}
.main_area.conts1 .invest_manager_list .upper {padding-right: 12px;}
.main_area.conts1 .invest_manager_list li {width: 120px;height: 120px;background: white;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}

@keyframes flowRolling {
    0% {transform: translateX(0);}
    50% {transform: translateX(-100%);}
    50.01% {transform: translateX(100%);}
    100% {transform: translateX(0%);}
}

@keyframes flowRollingClone {
    0% {transform: translateX(0);}
    100% {transform: translateX(-200%);}
}

.main_area.conts1 .invest_manager_list li .logo_box {width: 90px;height: 90px;}

.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(1) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_1.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(2) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_2.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(3) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_3.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(4) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_4.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(5) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_5.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(6) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_6.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(7) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_7.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(8) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_8.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(9) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_9.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(10) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_10.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(11) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_11.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(12) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_12.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(13) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_13.svg') no-repeat; background-size: cover;}
.main_area.conts1 .invest_manager_list .list_1floor li:nth-of-type(14) .logo_box {background: url('/img/mainWts/invest_manager_list/logo_14.svg') no-repeat; background-size: cover;}


/* info box */
.main_area.conts1 .info_box {width: 1000px;
    height: 106px;
    background: #F2F4F6;
    margin: 70px auto 0 auto;
    border-radius: 30px;
    display: flex;
    gap: 25px;
    align-items: center;
    padding: 0 30px;}
.main_area.conts1 .info_box .ico_area {width: 400px;
    height: 45px;
    display: flex;
    gap: 10px;
    align-items: center;
    border-right: 1px solid #E2E5EB;}
.main_area.conts1 .info_box .ico_area img {vertical-align: middle;max-width: 100%;max-height: 100%;}
.main_area.conts1 .info_box .ico_area img.icon {width: 32px; height: 32px;position: relative;left: 2px;top: 1.5px;}
.main_area.conts1 .info_box .ico_area .tit {color: #222;font-size: 20px;font-weight: 700;line-height: 32px;letter-spacing: -0.4px;width: 250px; padding-right: 25px;}
.main_area.conts1 .info_box .text_area .text {color: #222;font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: -0.36px;text-align: left;}

/* conts2 */
.main_area.conts2 .content_wrap {width: 1000px; display: flex; margin: 0 auto; gap: 116px;}
/* conts2 > fund_class_comparison */
.main_area.conts2 .fund_class_comparison {}
.main_area.conts2 .fund_class_comparison .comparison_box_wrap {background: #FFF;width: 384px;height: 569px; display: flex;flex-direction: column;align-items: center;border-radius: 26px;}
.main_area.conts2 .fund_class_comparison .comparison_box_wrap .tit {color: #222;font-size: 24px;font-weight: 700;line-height: 32px;letter-spacing: -0.48px;margin: 35px 0 0 0;}
.main_area.conts2 .fund_class_comparison .comparison_box_wrap .example_text {margin-top: 28px; color: #AAA;font-size: 14px;line-height: 21px;font-weight: 400;}
.main_area.conts2 .fund_class_comparison .comparison_box_wrap .example_text_right {margin-top: 28px; color: #AAA;font-size: 14px;line-height: 21px;font-weight: 400; text-align: right !important;}
.class_charge {font-size: 18px; font-weight: 700; line-height: 21px; letter-spacing: -1px; text-align: left; color: #0064FF;}

.fund_class_comparison .comparison_main_box {display: flex;gap: 4px;}
.fund_class_comparison .comparison_main_box .class_box {height: 396px;display: flex;flex-direction: column;align-items: center;border-radius: 10px;justify-content: space-between;}
.fund_class_comparison .comparison_main_box .class_box .tit_box_re {color: #FFF;height: 60px;width: 100%;margin: 0;border-radius: 12px 12px 0 0;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 700;line-height: 20px;text-align: center;}
.fund_class_comparison .comparison_main_box .class_box.left {width: 210px;height: 380px; background: #F7F7F9;}
.fund_class_comparison .comparison_main_box .class_box.left .tit_box_re {background: #8F94A4;}
.fund_class_comparison .comparison_main_box .class_box.right {width: 119px;height: 380px;background: #EAEFFE;}
.fund_class_comparison .comparison_main_box .class_box.right .tit_box_re {background: #0064FF;}
.fund_class_comparison .comparison_main_box .class_box .text {display: flex;flex-direction: column;align-items: center;font-weight: 700;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;color: #646A73;margin: 22px 0 20px 0;}
.fund_class_comparison .comparison_main_box .class_box .text b {color: #222;}
.fund_class_comparison .comparison_main_box .class_box .bottom_area {display: flex;flex-direction: column;align-items: center;flex: 1;}
.fund_class_comparison .comparison_main_box .class_box .bottom_area.left {display: flex;flex-direction: row;align-items: center;flex: 1;gap: 16px;}
.fund_class_comparison .comparison_main_box .class_box .bottom_area .chart_bar_wrap {height: 100%;display: flex;flex-direction: column-reverse;align-items: center;}
.fund_class_comparison .comparison_main_box .class_box .bottom_area.left .chart_bar_wrap {width: 66px;}
.fund_class_comparison .comparison_main_box .class_box .bottom_area .chart_bar {width: 36px;border-radius: 12px;}

.class_box.left .bottom_area .chart_bar {height: 5%;background: #CED3DB;}
.class_box.right .bottom_area .chart_bar {height: 5%;background: linear-gradient(180deg, #0064FF 10.42%, #45A5FF 100%);}
.class_box .bottom_area .percentage_box {display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;top: -10px;min-width: 74px; height: 41px;}
.class_box.left .bottom_area .percentage_box .percentage {text-align: center;background: #596170;font-size: 18px;color: #FFF;font-weight: 700;line-height: 28px;letter-spacing: -0.36px;padding: 4px 9px;border-radius: 72px;}
.class_box.left .bottom_area .percentage_box .triangle__shape {position: absolute;top: 36px;border-bottom: 0px solid transparent;border-top: 10px solid #596170;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.class_box.right .bottom_area .percentage_box .percentage {text-align: center;background: #0064FF;font-size: 18px;color: #FFF;font-weight: 700;line-height: 28px;letter-spacing: -0.36px;padding: 4px 10px;border-radius: 60px;}
.class_box.right .bottom_area .percentage_box .triangle__shape {position: absolute;top: 36px;border-bottom: 0px solid transparent;border-top: 10px solid #0064FF;border-right: 10px solid transparent;border-left: 10px solid transparent;}
/* conts2 > info_box */
.main_area.conts2 .info_box {width: 500px; text-align: left;padding-top: 30px;}
.main_area.conts2 .info_box .invest_diff {margin-top: 80px;}
.main_area.conts2 .info_box .invest_diff .ico_area {display: flex; align-items: center;}
.main_area.conts2 .info_box .invest_diff .ico_area img {vertical-align: middle;max-width: 100%;max-height: 100%;}
.main_area.conts2 .info_box .invest_diff .ico_area img.icon {width: 32px; height: 32px;}
.main_area.conts2 .info_box .invest_diff .ico_area .tit {color: #222;font-size: 20px;font-weight: 700;line-height: 32px;letter-spacing: -0.4px;position: relative;flex: 1;padding-left: 10px;}
.main_area.conts2 .info_box .invest_diff .ico_area .tit span {color: #0064FF; vertical-align: baseline;}

.main_area.conts2 .info_box .invest_diff .inner_box {margin-top: 25px;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap {display: flex;flex-direction: column;justify-content: center;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items {display: flex;gap: 5px;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box {width: 210px;height: 120px;border-radius: 20px;display: flex;flex-direction: column;justify-content: center;padding: 24px;gap: 4px;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box.bank {background: #FFF;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box.fund_sm {background: #E6EEFE; position: relative;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box .desc {font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box.bank .desc {color: #646A73;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box.fund_sm .desc {color: #0064FF;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box .item_box_tit {font-size: 26px;font-weight: 700;line-height: 41px;letter-spacing: -0.52px;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box.bank .item_box_tit {color: #646A73;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box.fund_sm .item_box_tit {color: #222;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .inner_items .item_box.fund_sm #ico_star {width: 88px;height: 88px;background: url(../../img/mainWts/ico_star.svg) no-repeat center;position: absolute;top: -35px;right: -32px;display: flex;flex-direction: column;justify-content: center;align-items: center;}

#ico_star {animation: 2.2s ease-in-out ico_star_scale infinite;}
#ico_star p {position: relative;top: 2px;}
#ico_star p:nth-child(1) {color: #FFF;font-size: 16px;font-weight: 700;line-height: 21px;}
#ico_star p:nth-child(2) {color: #97C6FF;font-size: 16px;font-weight: 700;line-height: 21px;}

.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .link_sector {margin-top: 40px; width: 44%;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .link_sector a {display: block;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .link_sector p {display: inline;font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing:-0.36px; color: #0064FF;}
.main_area.conts2 .info_box .invest_diff .inner_box .inner_wrap .link_sector img {width: 24px; height: 24px;position: relative;top: 3px;right: 1px;}

@keyframes ico_star_scale {
    0% {scale: 1}
    20% {scale: 1.18}
    40% {scale: 1}
}


/* conts3 > fund_items_list */
.main_area.conts3 .content_wrap {width: 1000px; display: flex; margin: 0 auto; gap: 116px;}
.main_area.conts3 .content_wrap .info_box {width: 500px; padding-top:110px; text-align: left;}
.main_area.conts3 .fund_items_wrap {width: 384px; padding-bottom: 20px;}
.main_area.conts3 .fund_items_list {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 12px;}
.main_area.conts3 .fund_items_list .fund_item {height: 84px;width: 100%;background: #FFF;border-radius: 31px;display: flex;align-items: center;padding-left: 24px;gap: 13px;opacity: 0;}
.main_area.conts3 .fund_items_list .fund_item img {width: 60px; height: 60px;}
.main_area.conts3 .fund_items_list .fund_item p {color: #222;font-size: 21px;font-weight: 700;line-height: 31px;letter-spacing: -0.43px;}
#fund_item_4 :nth-child(3) {color: #999;}
.main_area.conts3 .fund_items_list .opac_grad_cont {width: 100%;display: flex;flex-direction: column;gap: 12px;-webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);}
.main_area.conts3 .fund_items_list .opac_grad_cont p {color: #CCC;}

#fund_item_1 {--pos: 10;}
#fund_item_2 {--pos: 40;}
#fund_item_3 {--pos: 70;}
#fund_item_4 {--pos: 100;}
#fund_item_5 {--pos: 130;}
#fund_item_6 {--pos: 160;}

@keyframes fade_in {
    0% {
        opacity: 0;
        transform: translateY(calc(var(--pos)*1px));
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* conts4 > card_container */
.main_area.conts4 .content_wrap {width: 1000px; display: flex; margin: 0 auto 90px auto;}
.main_area.conts4 .content_wrap .info_box {width: 500px; padding-top:185px; text-align: left;}

.main_area.conts4 .card_wrap {height: 540px;display: flex;justify-content: center;align-items: center;text-align: left;}
.main_area.conts4 .card_wrap .card_container {position: relative;width: 500px;height: 100%;padding-left: 36px;}
.main_area.conts4 .card_wrap .card_container .card {position: absolute;width: 212px;height: 242px;background: #FFF;left:-9px;border-radius: 26px;padding: 34px 32px;}
.main_area.conts4 .card_wrap .card_container .card img {position: relative;right: 9px;bottom: 3px;}
.main_area.conts4 .card_wrap .card_container .card .text_area {display: flex;flex-direction: column;position: relative;top: 21px;}
.main_area.conts4 .card_wrap .card_container .card .text_area .tit {color: #000;font-size: 21px;font-weight: 700;line-height: 31px;letter-spacing: -0.43px;margin-bottom: 8px;}
.main_area.conts4 .card_wrap .card_container .card .text_area .semi_tit {color: #999;font-size: 18px;font-weight: 500;line-height: 26px;letter-spacing: -0.36px;}
.main_area.conts4 .card_wrap .card_container .card .text_area .text_grad {color: transparent;background: linear-gradient(270deg, #0064FF -0.35%, #15ABFF 99.65%);font-size: 18px;font-weight: 700;line-height: 26.4px;-webkit-background-clip: text;}
.main_area.conts4 .card_wrap .card_container .card.irp {top: 46px;left: 147px;z-index: 1;}
.main_area.conts4 .card_wrap .card_container .card.etf {top: 260px;left: 65px;height: 216px;}
.main_area.conts4 .card_wrap .card_container .ico_money {position: absolute;z-index: 2;}
.main_area.conts4 .card_wrap .card_container .img_wrap_re {width: 100%;height: 100%;position: relative;display: flex;justify-content: center;align-items: center;}
.main_area.conts4 .card_wrap .card_container .img_wrap_re .img_container {width: 100%;height: 100%;position: relative;}
.ico_money:nth-of-type(1) {top: 34px;left: 312px; --pos: -15px; animation: 2.1s ease-in-out infinite up_down_coin;}
.ico_money:nth-of-type(2) {top: 321px;left: -69px; --pos: -10px; animation: 2.1s ease-in-out infinite up_down_coin;}
.ico_money:nth-of-type(3) {top: 419px;left: 256px; --pos: -25px; animation: 2.1s ease-in-out infinite up_down_coin;}

@keyframes up_down_coin {
    0% {transform: translateY(0)}
    50% {transform: translateY(var(--pos))}
    100% {transform: translateY(0)}
}


/* swiper_container > conts5 */
.swiper_container.conts5 {background: #FFF;padding-top: 180px; height: 720px;}
.swiper_container.conts5 .swiper_wrap {position: relative;display: flex;width: 1000px;height:422px;margin: 0 auto;}

.swiper_container.conts5 .text_container {width:500px;position: relative;display: flex;}
.swiper_container.conts5 .text_area {position: absolute;animation: 1s linear text_fade_in;}
.swiper_container.conts5 .text_area .top {color: #0064FF;font-size: 20px;font-weight: 500;line-height: 32px;letter-spacing: -0.4px;}
.swiper_container.conts5 .text_area .tit {color: #222;font-size: 48px;font-weight: 700;line-height: 67px;letter-spacing: -0.96px;}
.swiper_container.conts5 .text_area .desc {color: #222;font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: -0.4px;}
.swiper_container.conts5 .text_container #text1 {animation: 1s linear text_fade_in;}
.swiper_container.conts5 .text_container #text2 {display: none; animation: 1s linear text_fade_in;}
.swiper_container.conts5 .text_container #text3 {display: none; animation: 1s linear text_fade_in;}

.swiper_container.conts5 .content_wrap {position: relative; width: 500px; height: 570px;}
.swiper_container.conts5 .content_wrap .screen_image {display: flex;justify-content: center;position: absolute;width: 100%;height: 560px;}
.swiper_container.conts5 .swiper_phone_container {position: absolute;right: 131px;top: -5px;}
.swiper_phone_container .phone_frame {display: flex;justify-content: center;}
.swiper_phone_container .phone_frame .phone_frame_box {position: relative; left: 47px; width: 332px;height: 600px;border: 5px solid #333;border-radius: 34px;flex-shrink: 0;box-shadow: 14px 30px 20px rgba(0, 0, 0, 0.20);}
.swiper_phone_container .phone_frame .phone_frame_box .phone_top {width: 167px;height: 20px;background: #333;border-radius: 0 0 13.9px 13.9px;margin: 0 auto;position: relative;z-index: 1;top: -2px;}

.screen_image #screen_image1 {background: url("../../img/mainWts/phone_screen1.png") no-repeat;width: 322px;height: 100%;position: relative; background-size: cover;}
.screen_image #screen_image2 {background: url("../../img/mainWts/phone_screen2.png") no-repeat;width: 322px;height: 100%;position: relative; background-size: cover; border-radius: 28px;}
.screen_image #screen_image3 {background: url("../../img/mainWts/phone_screen3.png") no-repeat;width: 322px;height: 100%;position: relative; background-size: cover; top: 15px;}

.conts5 .swiper-slide-prev p {opacity: 0;transition: 0.01s;}
.conts5 .swiper-slide-duplicate-prev p {opacity: 0;transition: 0.01s;}
.conts5 .swiper-slide-prev .screen_image {animation: 0.5s linear swiper_transition_end;}
.conts5 .swiper-slide-duplicate-prev .screen_image {animation: 0.5s linear swiper_transition_end;}
.conts5 .swiper-slide-active {animation: 0.8s linear swiper_transition_start;}
.conts5 .swiper-slide-duplicate-active {animation: 0.8s linear swiper_transition_start;}
.conts5 .swiper_pag_box {width: 100%;display: flex;position: absolute;top: 320px;z-index: 3;}
.conts5 .swiper-pagination {display: flex;gap: 10px;}
.conts5 .swiper-pagination-bullet-active {animation: 1s linear bullet_fade_in;}

@keyframes swiper_transition_start {
    0% {opacity: 0}
    60% {opacity: 0.1}
    100% {opacity: 1}
}

@keyframes swiper_transition_end {
    0% {opacity: 1}
    100% {opacity: 0}
}

@keyframes text_fade_in {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes bullet_fade_in {
    from {background: #000;opacity: 0.2}
    to {background: #007aff;opacity: 1}
}



/* conts6 */
.conts6 {width: 100%;height: 640px;background: url("../../img/mainWts/Visual_Phone.png") no-repeat;background-size: cover;position: relative; z-index: 3;}
.conts6 .gradiant_area {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.conts6 .visual_text {position: absolute;display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.conts6 .visual_text .text_area {display: flex;flex-direction: column;align-items: center;text-align: center;opacity: 0;}
.conts6 .visual_text .text_area .subtit {color: #FFF;font-size: 40px;font-weight: 700;line-height: 60px;letter-spacing: -1px;}
.conts6 .visual_text .text_area .subtext {margin-top: 20px;color: #FFF;font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: -1px;text-align: center}

@keyframes fade_in_up {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* footer */
.footer_area {background: #333; padding: 90px 0;}
.footer_area .footer_wrap {width: 1000px; margin: 0 auto;}
.footer_area .footer_wrap address img {width: 114px; height: 20px; margin-bottom: 20px;}
.footer_area .footer_wrap address p {color: #CCC; font-size: 15px; line-height: 24px; letter-spacing: -0.3px;}
.footer_area .footer_wrap address p a {vertical-align: baseline; color: #CCC;}
.footer_area .footer_wrap address p span {color:#666;vertical-align: baseline;padding: 0 3px;}
.footer_area .footer_wrap .foot_link {margin-top: 30px; display: flex;justify-content: space-between;align-items: center;}
.footer_area .footer_wrap .foot_link .sns_wrp {display: flex; flex-wrap: wrap; gap: 16px;}
.footer_area .footer_wrap .foot_link .sns_wrp li {width: 30px; height: 30px;}
.footer_area .footer_wrap .foot_link .sns_wrp a {width: 100%; height:100%; display: inline-block;}
.footer_area .footer_wrap .foot_link .sns_wrp li:nth-of-type(1) a {background: url("../../img/mainWts/ico_sns/ico_youtube.svg") no-repeat; background-size: cover;}
.footer_area .footer_wrap .foot_link .sns_wrp li:nth-of-type(2) a {background: url("../../img/mainWts/ico_sns/ico_facebook.svg") no-repeat; background-size: cover;}
.footer_area .footer_wrap .foot_link .sns_wrp li:nth-of-type(3) a {background: url("../../img/mainWts/ico_sns/ico_naver.svg") no-repeat; background-size: cover;}
.footer_area .footer_wrap .foot_link .sns_wrp li:nth-of-type(4) a {background: url("../../img/mainWts/ico_sns/ico_blog.svg") no-repeat; background-size: cover;}
.footer_area .footer_wrap .foot_link .sns_wrp li:nth-of-type(5) a {background: url("../../img/mainWts/ico_sns/ico_kakao.svg") no-repeat; background-size: cover;}
.footer_area .footer_wrap .foot_link .sns_wrp li:nth-of-type(6) a {background: url("../../img/mainWts/ico_sns/ico_bean.svg") no-repeat; background-size: cover;}
.footer_area .footer_wrap .foot_link .popup_area {display: flex;gap: 30px;}
.footer_area .footer_wrap .foot_link .popup_area li {color: #999; font-size: 14px; line-height: 22px; letter-spacing: -0.28px;}
.footer_area .footer_wrap .foot_link .popup_area li:first-child {color: #CCC;}
.footer_area .footer_wrap .copyright {display: inline-block; margin-top: 30px; color: #666; font-size: 13px; line-height: 22px; letter-spacing: -0.26px;}