/* common */
.new_why_x1_wrap.pc img{width: 100%;}
.new_why_x1_wrap.pc a{text-decoration: none;}
.max_width.inner{max-width: 1020px; margin: 0 auto; overflow: visible;}
.new_why_x1_wrap.pc .why_x1_btn_wrap{width: 300px; border-radius: 30px; background-color: #e118a9; text-align: center; display: inline-block;}
.new_why_x1_wrap.pc .why_x1_btn_wrap .why_x1_btn{color: #fff; font-size: 18px; padding: 15px 0; display: block; cursor: pointer;}
.new_why_x1_wrap.pc h3.sec_cont_title{font-size: 50px; font-weight: 900; line-height: 1.2;}
.new_why_x1_wrap.pc span.sec_cont_sub_title{font-size: 28px; line-height: 1.43; display: block; text-align: center; margin-top: 20px;}
.new_why_x1_wrap.pc span.sec_cont_sub_text{font-size: 28px; display: block; line-height: 1.43; text-align: center; margin-top: 30px;}
.new_why_x1_wrap.pc span.sec_cont_sub_text b{font-weight: bold;}
/* text animation  */
.parallax_wrap .parallax_cont{opacity: 0; transform: translateY(50%); transition: 1s;}
.parallax_wrap .rotate_cont{opacity: 0; transform: rotateX(180deg); transition: 1s;}
.parallax_wrap.active .parallax_cont{opacity: 1; transform: translateY(0);}
.parallax_wrap.active .rotate_cont{opacity: 1; transform: rotateX(0);}
/* x1 슬라이드 */
.new_why_x1_slide_wrap{width: 100%; position: relative;}
.new_why_x1_slide_wrap .swiper_wrap{width: 100%;}
.new_why_x1_slide_wrap .swiper_wrap li{width: 150px; text-align: center; position: relative; padding: 10px; cursor: pointer;}
.new_why_x1_slide_wrap .swiper_wrap li.new::before{content: ''; display: block; width: 90px; height: 68px; background: url('//img.x1.co.kr/x1/images/new_whyx1/ic_new.png') no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 2;}
.new_why_x1_slide_wrap .swiper_wrap li .expert_img_wrap{width: 150px; height: 150px; border-radius: 50%; background-color: #fff; overflow: hidden; position: relative; margin: 0 auto;}
.new_why_x1_slide_wrap .swiper_wrap li .expert_img_wrap .expert_img{width: 100%; position: absolute; left: 50%; top: -8%; transform: translateX(-50%);}
.new_why_x1_slide_wrap .swiper_wrap li .expert_nm{font-size: 25px; display: inline-block; margin-top: 15px; line-height: 0.93; color: #000;}
.swiper_pagenation span{width: 40px; display: block; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%);}
.swiper_pagenation span.pre_btn{left: -7%;}
.swiper_pagenation span.next_btn{right: -7%;}
/* float btn  */
.float_btn_wrap{position: fixed; right: 5%; bottom: 5%; z-index:99;}
.float_btn_wrap .float_btn{width: 120px; height: 120px; cursor: pointer;}
.float_btn_wrap .float_btn:nth-of-type(2){margin-top: 10px;}
.float_btn_wrap .float_btn a{width: 100%; height: 100%; display: block;}
/* style */
.new_why_x1_wrap.pc{width: 100%; font-family: 'Noto Sans KR', sans-serif;}
/* section1 */
.new_why_x1_wrap.pc .new_why_x1_sec1{width: 100%; height: 90vh; background: url('//img.x1.co.kr/x1/images/new_whyx1/bg_top_main.png') no-repeat center; overflow-y:hidden;}
.new_why_x1_sec1 .sec1_main{width: 100%; height: 90vh; animation: opacity .6s forwards ease-in;}
.new_why_x1_sec1 .sec1_main .sec1_main_txt_wrap{padding-top: 50px;}
.new_why_x1_sec1 .sec1_main .sec1_main_txt_wrap img{display: block; margin: 0 auto;}
.new_why_x1_sec1 .sec1_main .sec1_main_txt_wrap img:nth-of-type(1){width: 350px;}
.new_why_x1_sec1 .sec1_main .sec1_main_txt_wrap img:nth-of-type(2){width: 500px; margin: 30px auto;}
.new_why_x1_sec1 .sec1_main .sec1_main_txt_wrap img:nth-of-type(3){width: 450px;}
.new_why_x1_sec1 .sec1_main .sec1_main_img_wrap{width: 100%; height: 50%;}
.new_why_x1_sec1 .sec1_main .sec1_main_img_wrap img{position: absolute;}
.new_why_x1_sec1 .sec1_main .sec1_main_img_wrap img:nth-of-type(1){width: 310px; left: 47%; bottom: 6%; transform: translateX(-50%);}
.new_why_x1_sec1 .sec1_main .sec1_main_img_wrap img:nth-of-type(2){width: 155px; left: 50%; bottom: 2%; transform: translateX(-50%); /*animation: rabbit 1.5s forwards infinite cubic-bezier(0.4, 0, 0.2, 1); transform-origin: bottom center;*/}
.new_why_x1_sec1 .sec1_main .sec1_main_img_wrap img:nth-of-type(3){width: 90px; left: 34%; bottom: 20%; animation: mainStar 1.5s forwards infinite linear;}
.new_why_x1_sec1 .sec1_main .sec1_main_img_wrap img:nth-of-type(4){width: 60px; right: 35%; bottom: 30%; animation: mainStar 2s forwards infinite linear;}
.new_why_x1_sec1 .sec1_main .sec1_main_img_wrap img:nth-of-type(5){width: 240px; left: 53%; bottom: -5%; z-index: -1;}
@keyframes rabbit {
    0%{transform: translateX(-50%) rotate(3deg);}
    50%{transform: translateX(-50%) rotate(-3deg);}
    100%{transform: translateX(-50%) rotate(3deg);}
}
/* section2 */
.new_why_x1_wrap.pc .new_why_x1_sec2{width: 100%; background-color: #fff; }
.new_why_x1_sec2 .sec2_cont{margin: 120px 0; display: flex; justify-content: space-between; align-items: center;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_left{text-align: left;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_right{text-align: right;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_text_wrap{position: relative;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_text_wrap .sec2_cont_tit{font-size: 50px; font-weight: 900; line-height: 1.2; display: flex; align-items: center;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_text_wrap .sec2_cont_tit .x1_text{display: block; position: absolute; right: 0; top: 0;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_text_wrap .sec2_cont_tit::after{content: ''; display: inline-block; width: 50px; height: 50px; margin-left: 10px;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_text_wrap .sec2_cont_sub_tit{color: #494949; line-height: 1.43; font-size: 28px; display: block; margin: 20px 0;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_text_wrap .sec2_cont_text{line-height: 1.75; font-size: 16px; margin-top:20px;}
.new_why_x1_sec2 .sec2_cont .sec2_cont_img_wrap{width: 406px; height: 406px; position: relative;}
/* content 1  */
.new_why_x1_sec2 .sec2_cont1 .sec2_cont_text_wrap .sec2_cont_tit::after{background: url('//img.x1.co.kr/x1/images/new_whyx1/ic_hand1.png') no-repeat center; background-size: cover;}
.new_why_x1_sec2 .sec2_cont1 .sec2_cont_img_wrap .sec2_cont1_logo{width: 307px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.new_why_x1_sec2 .sec2_cont1 .sec2_cont_img_wrap .sec2_cont1_ani_wrap{animation: rotate_main 10s forwards infinite linear; border: dashed 1px #000; width: 100%; height: 100%; border-radius: 50%;}
.new_why_x1_sec2 .sec2_cont1 .sec2_cont_img_wrap .sec2_cont1_ani_wrap .sec2_cont1_ani_logo{width: 108px; position: absolute; left: 40%; animation: rotate_sub 10s forwards infinite linear;}
.new_why_x1_sec2 .sec2_cont1 .sec2_cont_img_wrap .sec2_cont1_ani_wrap .sec2_cont1_ani_logo.kiwoom{top: -5%;}
.new_why_x1_sec2 .sec2_cont1 .sec2_cont_img_wrap .sec2_cont1_ani_wrap .sec2_cont1_ani_logo.emoney{bottom: -5%;}
.new_why_x1_sec2 .sec2_cont1 .sec2_cont_img_wrap .sec2_cont1_ani_wrap .sec2_cont1_ani_logo.daou_tech{top:45%; left:-20%; width:150px;}
.new_why_x1_sec2 .sec2_cont1 .sec2_cont_img_wrap .sec2_cont1_ani_wrap .sec2_cont1_ani_logo.daou_data{top:45%; right:-20%; width:150px; left:initial;}

/* content 2  */
.new_why_x1_sec2 .sec2_cont2 .sec2_cont_text_wrap .sec2_cont_tit{align-items: flex-end;}
.new_why_x1_sec2 .sec2_cont2 .sec2_cont_text_wrap .sec2_cont_tit::after{background: url('//img.x1.co.kr/x1/images/new_whyx1/ic_hand2.png') no-repeat center; background-size: cover;}
.new_why_x1_sec2 .sec2_cont2 .sec2_cont_img_wrap{height: 445px; border: none; overflow: hidden;}
.new_why_x1_sec2 .sec2_cont2 .sec2_cont_img_wrap .sec2_cont_img{position: relative; width: 100%; height: 100%; margin-left: 20px;}
.new_why_x1_sec2 .sec2_cont2 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont2_img_study{position: absolute; left: 0; bottom: 0; z-index: 2;}

.sec2_cont2_review_wrap{position: absolute; left: 0; top: 0; z-index: 1; transition: .5s;}
.sec2_cont2_review_wrap .sec2_cont2_review{width: 300px; border: 1px solid #cdcdcd; margin: 10px 0; transition: .5s;}
.sec2_cont2_review_wrap .sec2_cont2_review.active{transform: scale(1.1); margin: 20px 10px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);}
.sec2_cont2_review_wrap .sec2_cont2_review dt{background: #f5f4f3; padding: 10px 0;}
.sec2_cont2_review_wrap .sec2_cont2_review dt strong{font-size: 22px;color: #dc0082;display: block;text-align: center;line-height: 40px; font-weight: bold;}
.sec2_cont2_review_wrap .sec2_cont2_review dt strong em{font-size: 40px; color: inherit; font-weight: inherit;}
.sec2_cont2_review_wrap .sec2_cont2_review dt span{display: block;text-align: center;font-size: 18px;color: #463f53;font-weight: bold;line-height: 22px}
.sec2_cont2_review_wrap .sec2_cont2_review dd{padding: 20px; background-color: #fff;}
.sec2_cont2_review_wrap .sec2_cont2_review dd ul{overflow: hidden; border-bottom: 1px dashed #cdcdcd; display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px;}
.sec2_cont2_review_wrap .sec2_cont2_review dd ul li{text-align: center;}
.sec2_cont2_review_wrap .sec2_cont2_review dd ul li p{font-size: 12px;color: #a3a0a8;font-weight: bold; padding-bottom: 10px;}
.sec2_cont2_review_wrap .sec2_cont2_review dd ul li span{font-size: 18px;font-weight: bold;color: #463959;}
.sec2_cont2_review_wrap .sec2_cont2_review dd .text{position:relative;padding-top: 15px;}
.sec2_cont2_review_wrap .sec2_cont2_review dd .text p{font-size: 12px;color: #a3a0a8;font-weight: bold;padding-bottom: 5px;}
.sec2_cont2_review_wrap .sec2_cont2_review dd .text p em{font-size: inherit; color: inherit; font-weight: inherit;}
.sec2_cont2_review_wrap .sec2_cont2_review dd .text div{overflow:hidden;height:54px;font-size: 14px;color: #463f53;font-weight: bold;line-height:18px;}
/* content 3  */
.new_why_x1_sec2 .sec2_cont3 .sec2_cont_text_wrap .sec2_cont_tit::after{background: url('//img.x1.co.kr/x1/images/new_whyx1/ic_tr.png') no-repeat center; background-size: cover;}
.new_why_x1_sec2 .sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img{width: 100%; height: 100%; position: relative;}
.new_why_x1_sec2 .sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_img_graph{position: absolute; left: 0; bottom: 0;}
.new_why_x1_sec2 .sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap{background-color: #fff; width: 90%; height: 287px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); text-align: center; overflow: hidden;}
.new_why_x1_sec2 .sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .rate_tit{font-weight: 900; margin: 10px 0 20px; display: block; font-size: 20px;}
.new_why_x1_sec2 .sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_box{height: 100%; position: relative; overflow: hidden;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner{width: 80%; position: absolute; left: 50%; top: 0; transform: translateX(-50%) translateY(0); padding-top: 20px;  animation-delay: 1s; transition: .5s;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li{background-color: #f9f9f9; display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; margin-bottom: 15px; width: 100%; border-radius: 3px; transition: .5s;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li:last-child{margin: 0;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li .rate_rank{display: block; width: 34px; height: 34px; background: url('//img.x1.co.kr/x1/images/new_whyx1/ic_rate.png') no-repeat center; background-size: cover; position: relative; transition: .5s;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li i{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 16px; font-weight: bold; color: #fff;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li .rate_expert{font-size: 16px; font-weight: bold; width: 40%; text-align: left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li .rate_increase{font-size: 16px; font-weight: bold; color: #F84141; display: flex; align-items: center;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li .rate_increase::before{content: ''; display: block; width: 16px; height: 16px; background: url('//img.x1.co.kr/x1/images/new_whyx1/ic_increase.png') no-repeat center; background-size: cover; margin-right: 5px;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li .rate_increase em{color: inherit; font-size: inherit; font-weight: inherit;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li.active{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25); transform: scale(1.1); background-color: #fff;}
.sec2_cont3 .sec2_cont_img_wrap .sec2_cont_img .sec2_cont_rate_wrap .sec2_cont_rate_inner li.active .rate_rank{background: url('//img.x1.co.kr/x1/images/new_whyx1/ic_rate_active.png') no-repeat center; background-size: cover;}
/* content 4  */
.new_why_x1_sec2 .sec2_cont4 .sec2_cont_img_wrap .sec2_cont_img{width: 500px;}
.new_why_x1_sec2 .sec2_cont4 .sec2_cont_img_wrap .sec2_cont_img img{margin-top: 80px;}
.new_why_x1_sec2 .sec2_cont4 .sec2_cont_text_wrap .why_x1_btn_wrap{margin-top: 25px;}
.new_why_x1_sec2 .sec2_cont4 .sec2_cont_text_wrap .sec2_cont_tit::after{background: url('//img.x1.co.kr/x1/images/new_whyx1/ic_teach.png') no-repeat center; background-size: cover;}

/* section3 */
.new_why_x1_wrap.pc .new_why_x1_sec3{padding: 150px 0 72px; background-color: #040405;}
.new_why_x1_sec3 .sec3_cont_wrap .sec_cont_title{color: #e9e9e9; text-align: center;}
.new_why_x1_sec3 .sec3_cont_wrap .sec3_cont_list{display: flex; align-items: center; justify-content: space-between; margin-top: 80px;}
.new_why_x1_sec3 .sec3_cont_wrap .sec3_cont_list li{width: 326px; margin: 0 10px;}
.new_why_x1_sec3 .sec3_cont_wrap .sec3_cont_list li .sec3_cont_text{text-align: center; border-radius: 20px; background-color: #2b2d36; padding: 20px 0; margin-top: 24px;}
.new_why_x1_sec3 .sec3_cont_wrap .sec3_cont_list li .sec3_cont_text .sec3_cont_tit{color: #d1d1d1; font-size: 30px; font-weight: 900; display: block; margin-bottom: 18px;}
.new_why_x1_sec3 .sec3_cont_wrap .sec3_cont_list li .sec3_cont_text .sec3_cont_sub{color: #a9abb8; font-size: 20px;}

/* section4 */
.new_why_x1_wrap.pc .new_why_x1_sec4{padding: 150px 0 94px; background-color: #f3f3f3;}
.new_why_x1_sec4 .sec4_cont_wrap .sec_cont_title{color: #000; text-align: center;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list{width: 100%; margin-top: 104px; margin-bottom: 200px;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list li{border-radius: 35px; display: flex; justify-content: space-between; align-items: center; padding: 0 93px; margin-bottom: 30px;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list li:nth-of-type(1){background-color: #fcfcfc;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list li:nth-of-type(2){background-color: #353535; margin: 0;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list li .sec4_cont_img{width: 400px;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list li .sec4_cont_text .sec4_cont_tit{color: #fff; line-height: 2.14; text-align: center; display: block; padding: 0 20px; border-radius: 30px; background-color: #fc22bf; font-size: 28px; font-weight: bold; margin-bottom: 30px; width: 180px;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list li .sec4_cont_text .sec4_cont_sub{line-height: 1.43; font-size: 28px; color: #000;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list li .sec4_cont_text .sec4_cont_sub b{font-weight: bold; color: inherit;}
.new_why_x1_sec4 .sec4_cont_wrap .sec4_cont_list li:nth-of-type(2) .sec4_cont_text .sec4_cont_sub{color: #fff;}

/* section5 */
.new_why_x1_wrap.pc .new_why_x1_sec5{padding: 150px 0 94px; background-image: linear-gradient(to bottom, #ffca0d 0%, #ffe55f 100%); position: relative; overflow: hidden;}
.new_why_x1_sec5 .sec5_cont_wrap{width: 100%;}
.new_why_x1_sec5 .sec5_cont_wrap .sec_cont_title{color: #000; text-align: center;}
.new_why_x1_sec5 .sec5_cont_wrap .sec_cont_sub_title{font-weight: bold;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap{width: 100%; position: relative;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_center{width: 280px; margin: 45px auto 0;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_sms{position: absolute; width: 260px; opacity: 0; }
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap.animation .sec5_img_sms{animation: opacityTransY 2s forwards 1;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_sms.sms1{left: 37%; top: 30%; }
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_sms.sms2{left: 37%; top: 60%; animation-delay: .2s;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_sms.sms3{left: 10%; top: 0; animation-delay: .8s;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_sms.sms4{left: 6%; top: 39%; animation-delay: 1.2s;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_sms.sms5{left: 8%; top: 70%; animation-delay: 1.8s;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_sms.sms6{right: 7%; top: 10%; animation-delay: 1.8s;}
.new_why_x1_sec5 .sec5_cont_wrap .sec5_cont_img_wrap .sec5_img_sms.sms7{right: 10%; top: 50%; animation-delay: .8s;}
.new_why_x1_sec5 .sec5_cont_wrap .new_why_x1_slide_wrap{margin-top: 102px; z-index: 2;}
.new_why_x1_sec5 .bottom_text span{position: absolute; right: -100%; bottom: 0; width: 60%; margin-right: 150px; display: block; animation: slideX 14s forwards infinite linear;}
.new_why_x1_sec5 .bottom_text span:last-child{animation-delay: 7s;}

/* section6 */
.new_why_x1_wrap.pc .new_why_x1_sec6{padding: 150px 0 94px; background-color: #291e41;}
.new_why_x1_sec6 .sec6_cont_wrap{width: 100%; color: #fff;}
.new_why_x1_sec6 .sec6_cont_wrap .sec_cont_title{color: #fff; text-align: center;}
.new_why_x1_sec6 .sec6_cont_wrap .sec_cont_sub_title{color: #fff;}
.new_why_x1_sec6 .sec6_cont_wrap .sec_cont_sub_text{color: #a9abb8;}
.new_why_x1_sec6 .sec6_cont_wrap .sec6_tab_wrap{display: flex; justify-content: space-between; align-items: center; width: 85%; margin: 200px auto 0;}
.new_why_x1_sec6 .sec6_cont_wrap .sec6_tab_wrap .sec6_tab{display: block; width: 220px; color: #a9abb8; font-size: 25px; text-align: center; border-radius: 50px; background-color: #3e3453; padding: 10px 0; cursor: pointer; transition: .3s;}
.new_why_x1_sec6 .sec6_cont_wrap .sec6_tab_wrap .sec6_tab.on{color: #fff; background-color: #fc22bf;}
.new_why_x1_sec6 .sec6_cont_wrap .sec6_tab_cont_wrap .new_why_x1_slide_wrap{margin-top: 102px; display: none; animation: opacity .6s forwards;}
.new_why_x1_sec6 .sec6_cont_wrap .sec6_tab_cont_wrap .new_why_x1_slide_wrap.on{display: block;}
.new_why_x1_sec6 .sec6_cont_wrap .sec6_tab_cont_wrap .new_why_x1_slide_wrap .expert_nm{color: #fff;}

/* section7 */
.new_why_x1_wrap.pc .new_why_x1_sec7{padding: 170px 0 125px; background-color: #fff; background: url('//img.x1.co.kr/x1/images/new_whyx1/bg_celebrate.png') no-repeat top center; background-size: 55%;}
.new_why_x1_sec7 .sec7_cont_wrap{width: 100%;}
.new_why_x1_sec7 .sec7_cont_wrap .sec_cont_title{text-align: center;}
.new_why_x1_sec7 .sec7_cont_wrap .sec7_cont_list{display: flex; justify-content: space-between; align-items: center; margin-top: 106px;}
.new_why_x1_sec7 .sec7_cont_wrap .sec7_cont_list .sec7_cont{width: 280px; transition: .3s;}
.new_why_x1_sec7 .sec7_cont_wrap .sec7_cont_list .sec7_cont:hover{transform: translateY(-10%);}
.new_why_x1_sec7 .sec7_cont_wrap .sec7_cont_list .sec7_cont a{width: 100%; display: block; }
.new_why_x1_sec7 .sec7_cont_wrap .sec7_btn_wrap{display: flex; justify-content: space-between; align-items: center; width: 65%; margin: 120px auto 0; position: relative;}
.new_why_x1_sec7 .sec7_cont_wrap .sec7_btn_wrap .sec7_text{position: absolute; left: 14%; top: -55%; width: 120px;}

/* animation  */
@keyframes opacity { 0%{opacity: 0;} 100%{opacity: 1;} }
@keyframes slideY { 0%{top: 100%;} 100%{top: -330%;} }
@keyframes opacityTransY { 0%{opacity: 0; transform: translateY(50%);} 50%{opacity: 1; transform: translateY(0);} 100%{opacity: 1; transform: translateY(0);}}
@keyframes slideX { 0%{right: -100%;} 100%{right: 100%;} }
@keyframes rotate_main { 0%{transform: rotate(0);} 100%{transform: rotate(360deg);} }
@keyframes rotate_sub { 0%{transform: rotate(0);} 100%{transform: rotate(-360deg);} }
@keyframes mainStar { 0%{transform: translateY(0);} 50%{transform: translateY(40%);} 100%{transform: translateY(0);} }