@charset "utf-8";

body{-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-font-smoothing: antialiased;}
a{-webkit-tap-highlight-color:transparent;}
@-webkit-keyframes autofill {
    to {
        color: #000;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.input_style_1:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px rgba(244,238,255,0.5);
}

.wrapper{overflow: hidden;}
.main_visual_wrap{height:100vh; padding-top:60px; padding-bottom: 60px; box-sizing: border-box; display:table; width:100%; overflow: hidden;}
.main_visual_wrap .main_visual_con{display:table-cell; vertical-align: middle; position: relative; z-index: 3;}
.main_visual_wrap .main_visual_text_wrap{text-align: center; /*margin-bottom: 80px;*/}
.main_visual_text_wrap .weven_logo_con{margin-bottom: 15px;}
.main_visual_text_wrap .weven_logo{}
.main_visual_text_wrap .weven_logo img{width:80px;}
.main_visual_text_wrap h2{font-size: 39px; font-size: 3.9rem; line-height: 48px; line-height: 4.8rem; letter-spacing: -0.06em; font-weight: 100; color:#fff; margin-bottom: 10px;}
.main_visual_text_wrap .h_desc2{font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; letter-spacing: -0.01em; font-weight: 100; color:#fff; margin-bottom:25px;}
.main_visual_text_wrap .h_line2{width:0; height:70px; border-right:3px solid #fff; display:block; margin-right:auto; margin-left:auto; margin-bottom:25px;}
.main_visual_text_wrap .visual_intro_box{text-align: center; font-size:0; line-height:0;}
.main_visual_text_wrap .visual_intro_inner{display:inline-block;}
.main_visual_text_wrap .visual_intro_title{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.01em; color:#fff; font-weight:500; margin-bottom:18px;}
.main_visual_text_wrap .visual_intro_icon{}

.main_visual_wrap .main_device_wrap{padding-bottom: 140px;}
.main_device_wrap .main_device_con{position: relative; width: 834px; height: 543px; text-align: center; background-image: url('../img/new/pc_layout.png'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 8px; box-sizing: border-box; margin:0 auto; border-radius: 35px;}
.main_device_wrap .main_device_con.pc{background-image: url('../img/new/pc_layout.png');}
.main_device_wrap .main_device_con.pc:after{content:''; position: absolute; left:50%; bottom:0; transform:translate(-50%, 100%); width:294px; height: 73px; background-image: url('../img/new/pc_bottom.png'); background-position: center; background-repeat: no-repeat;}
.main_device_wrap .main_device_con.tablet{background-image: url('../img/new/tablet_layout.png');}
.main_device_wrap .main_device_con.mobile{background-image: url('../img/new/mobile_layout.png');}
.main_device_wrap .main_device_inner{position: relative; display: inline-block; width: 100%; height: 100%; border-radius: 30px; overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: center; background-size: 100%; /*transition: all 0.5s;*/}

.main_tab_line_wrap{overflow: hidden; float:none; width:450px; margin-left:auto; margin-right:auto; margin-bottom: 17px;}
.main_tab_line_wrap .main_tab_line_con{position: relative; height: 3px; background-color: rgba(255,255,255,0.3);}
.main_tab_line_wrap .main_tab_line{position: absolute; top:0; left:0; width:33.33%; height: 3px; background-color: rgba(255,255,255,1); transition: all 0.3s;}

.main_device_tab_wrap{float: none; width: 450px; margin:0 auto; overflow: hidden; margin-bottom:58px;}
.main_device_tab_wrap .main_device_tab_list{font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; color:rgba(255,255,255,0.3); text-align: center; cursor: pointer; transition: color 0.3s;}
.main_device_tab_wrap .main_device_tab_list.active{color:rgba(255,255,255,1);}

.main_visual_wrap .main_visual_img_list_con{position: absolute; top:0; left:0; width:100%; height:100%;}
.main_visual_wrap .main_visual_img_dim{position: absolute; width:100%; height:100%; top:0; left:0; background-color:#000; opacity: 0.3; z-index: 2;}
[data-wv-pc='mobile'] .main_visual_wrap .main_visual_img{position: absolute; width:100%; height:100%; top:0; left:0;
    background-size: scale; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url('../img/new/main_visual_img_007.jpg');}
[data-wv-pc='mobile'] .main_visual_wrap .main_visual_img .video-background{display:none;}
/*.main_visual_wrap .main_visual_img{position: absolute; width:100%; top:0; left:0; height:100%;}*/
/*.main_visual_wrap .main_visual_img iframe{width:100%;}*/
.main_visual_wrap .main_visual_footer_con{position: absolute; bottom:20px; left:0; padding-right:20px; padding-left:20px; box-sizing: border-box; z-index: 3; overflow: hidden; width:100%;}
.main_visual_wrap .main_visual_footer{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; color:#fff; font-weight:300;
    display:inline-block; padding-left:26px; padding-right:19px; background-image: url('../img/new/main_visual_footer_play_icon.png'); background-repeat: no-repeat; background-position: left center; position: relative; float:left; transition: all 0.3s;}
.main_visual_wrap .main_visual_footer:after{content:""; position: absolute; right:0; top:4px; background-image: url('../img/new/main_visual_footer_arrow.png'); background-repeat: no-repeat; width:8px; height:13px; transition: all 0.3s;}
.main_visual_wrap .scroll_down_con{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; color:#fff; font-weight:500; float:right; margin-top:4px;}
.video-background {
    background: #000;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
}
.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#vidtop-content {
    top: 0;
    color: #fff;
}
@media (min-aspect-ratio: 16/9) {
    .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
    .video-foreground { width: 300%; left: -100%; }
}
@media (max-aspect-ratio: 3/5 ) and (max-aspect-ratio:16/9) {
    .video-foreground { width: 500%; left: -250%; }
}
@media (max-aspect-ratio: 3/5 ) and (max-aspect-ratio:16/9) and (max-aspect-ratio: 37/100){
    .video-foreground { width: 700%; left: -350%; }
}
@media (aspect-ratio: 16/9){
    .video-foreground{width:100%; height:100%; left:0; top:0;}
}

.main_contents_wrap{background-color:#fff;}

/* btn_style_1 */
.btn_style_1_con{display: inline-block; text-align: center; /*margin-right: 10px;*/}/* margin-right: 10px; 이게 왜 공통으로 있늦지 모르겠음 */
.btn_style_1_con:last-child{margin-right: 0;}
.btn_style_1_con .btn_style_1{font-size:15px; font-size:1.5rem; line-height:29px; line-height:2.9rem; letter-spacing: -0.01em; color:#fff; font-weight:500;
    width:90px; height:33px; display:inline-block; vertical-align: middle; padding-right:5px; padding-left:5px; border:2px solid #fff; border-radius:5px; overflow: hidden; box-sizing: border-box;
    transition:all .3s;}
.btn_style_1_con .btn_style_1.long{width: 98px;}/*mySite*/
.btn_style_1_con .btn_style_1.type_2{width: 119px; height: 46px; font-size: 18px; font-size: 1.8rem; padding-top: 7px; padding-bottom: 7px;}/*paymentHistory*/
.btn_style_1_con .btn_style_1.type_2.long{width: 175px;}
.btn_style_1_con .btn_style_1.type_3{font-size:13px; font-size:1.3rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 400; border:1px solid #fff;
    height:auto; padding-right: 9px; padding-left: 9px; border-radius: 3px;}
.btn_style_1_con .btn_style_1.type_4{width:auto; height: 43px; padding-top: 5px; padding-bottom: 5px; padding-left: 16px; padding-right: 15px;}
.btn_style_1_con .btn_style_1.auto{width: auto;}
.btn_style_1_con.black .btn_style_1{color:#000; border-color:#000;}
.btn_style_1_con.gray .btn_style_1{color:#000; border-color:#000; opacity: 0.3;}
.btn_style_1_con.gray.active .btn_style_1{color:#fff; background-color:#000; opacity: 1;}
.btn_style_1_con .btn_style_1.check{width: 67px; height: 26px;}
.btn_style_1_con .btn_style_1.check{transition-property: background-color ,border-color; transition-duration: 0.3s; transition-timing-function: ease;}
.btn_style_1_con .btn_style_1.check.active{font-size:0; color:#6d13ff; background-color:#6d13ff; border-color:#6d13ff;
    background-image: url("../img/new/btn_style_1_check_icon.png"); background-repeat: no-repeat; background-position: center;}
/* btn_style_2_con */
.btn_style_2_con{position: relative; text-align: center; font-size:0; line-height:0;}
.btn_style_2_con.tl{text-align: left;}
/* 이중 border-radius 처리로 임시 주석처리(문제없으면 제거) -> 사파리에서 네모로 보여서 주석 다시 풀었음*/
.btn_style_2_con .btn_style_2{display:inline-block; vertical-align: middle; text-align: center; margin-right: 20px; overflow: hidden; border-radius: 50%;}
.btn_style_2_con .btn_style_2:last-child{margin-right: 0;}
.btn_style_2_con .btn_style_2_inner{display:table; width:100px; height:100px; font-size:18px; font-size:1.8rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.06em; color:#fff; font-weight:500;
    box-sizing: border-box; background-color:#000; border-radius:50%;  border:3px solid transparent; overflow: hidden; transition: all 0.3s;}
.btn_style_2_con .btn_style_2.white .btn_style_2_inner{color:#000; font-weight: 700; background-color: transparent; border-color:#000;}
.btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner{width: 108px; height: 108px; font-size:15px; font-size:1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; border-color:#000;}

.btn_style_2_con .delete_icon{width: 19px; height: 19px; margin-bottom: 6px;
    background-image: url("../img/new/btn_style_2_delete_icon.png"); background-repeat: no-repeat; margin-right:auto; margin-left:auto; transition: background-image 0.3s;}
.btn_style_2_con .create_icon{width: 30px; height: 19px; margin-bottom: 6px;
    background-image: url("../img/new/btn_style_2_create_icon.png"); background-repeat: no-repeat; margin-right:auto; margin-left:auto; transition: background-image 0.3s;}
.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner{width: 114px; height: 114px;}
.btn_style_2_con .btn_style_2.type_3.color_white .btn_style_2_inner{border:3px solid #fff; background-color:transparent;}
.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner > div{line-height: 0;}
.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner > div > div:first-child{font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.01em; font-weight: 400;}
.btn_style_2_con .btn_style_2.type_4{width: 133px; height: 133px; box-sizing: border-box;}
.btn_style_2_con .btn_style_2.type_4 .btn_style_2_inner{width: 100%; height: 100%; background-color: #5603dd; font-size: 0; border:2px solid #5603dd;}
.btn_style_2_con .btn_style_2.type_4 .btn_style_2_inner > div > div:last-child{font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.01em; font-weight: 400;}

/* btn_style_3_con */
.btn_style_3_con{text-align: center;}
.btn_style_3_con .btn_style_3{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; color:#000; font-weight:700;
    border-bottom:3px solid #000; padding-bottom:8px; padding-top:8px; display:inline-block; vertical-align: middle; transition:all 0.3s;}
.btn_style_3_con .btn_style_3.small{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 500;
    padding-bottom: 3px; border-width:2px; padding-top:0;}
.btn_style_3_con .btn_style_3.small.white{border-color : #fff; color: #fff;}
.btn_style_3_con .btn_style_3.small.point{border-bottom:3px solid #6d13ff; color: #6d13ff;}

/* btn_style_4_con */
.btn_style_4_con{}
.btn_style_4_con .btn_style_4{display: inline-block; vertical-align: middle; padding-top: 8px; padding-right: 24px; padding-bottom: 9px; padding-left: 24px;
    font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 500; color:#000;
    border:3px solid #000; border-radius: 5px; height:46px; background-color: transparent; box-sizing: border-box; cursor: pointer;}

/*btn_style_4_con type_2*/

/* btn_style_5_con*/
.btn_style_5_con .btn_style_5{width: 122px; display:inline-block; font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; font-weight: 500; letter-spacing: -0.01em; text-align: center;
    padding-right: 5px; padding-left: 5px; padding-top: 9px; padding-bottom: 9px; border-radius: 5px; box-sizing: border-box;
    border:2px solid #fff; color: #fff; background-color:transparent; transition: all 0.3s; cursor: pointer}
.btn_style_5_con .btn_style_5.long{width: 140px;}

/* btn_style_6_con*/
.btn_style_6_con {display: inline-block; margin-right: 26px;}
/*.btn_style_6_con:first-child {display: block; margin-right: 0; margin-bottom: 10px;}*/
.btn_style_6_con:last-child{margin-right: 0 !important;}
.btn_style_6_con .btn_style_6{display: inline-block; font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem;  letter-spacing: -0.01em; font-weight: 400; color: #fff;
    padding-right: 38px; position: relative; transition: all 0.3s;}
.btn_style_6_con .btn_style_6:after{content:""; border-radius: 50%; border:2px solid #fff; width: 25px; height: 25px; position: absolute; top:50%; right: 0; transform: translateY(-50%);
    background-image: url("../img/arr_right.png"); background-position: center right 6px; background-repeat:no-repeat; transition: all 0.3s; box-sizing: border-box;}
[data-wv-agent="ipad"] .btn_style_6_con .btn_style_6.type_2:after{margin-top:1px;}
[data-wv-agent="iphone"] .btn_style_6_con .btn_style_6.type_2:after{margin-top:1px;}
.btn_style_6_con .btn_style_6.type_2{font-size: 15px; font-size: 1.5rem; line-height: 25px; line-height: 2.5rem; letter-spacing: -0.01em; font-weight: 400; color:#000; padding-right: 28px;}
.btn_style_6_con .btn_style_6.type_2:after{width: 19px; height: 19px; background-image: url("../img/new/btn_style_6_type_2_arrow.png"); background-position: center; background-color:#000; border-color: #000; margin-top:-1px;}
.btn_style_6_con .btn_style_6.type_3{padding-right: 32px; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.01em; font-weight: 400; color:#000;}
.btn_style_6_con .btn_style_6.type_3:after{width: 21px; height: 21px; border:1px solid #b1b1b1; background-color:transparent;
    background-image: url("../img/new/btn_style_6_type_3_arrow_grey.png"); background-position: center left 8px; background-repeat: no-repeat;}
.btn_style_6_con .btn_style_6.type_4{font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; color:#000; padding-right: 23px;}
.btn_style_6_con .btn_style_6.type_4:after{width: 15px; height: 15px; border:1px solid #000; background-image: url("../img/new/btn_style_6_type_4_arrow_black.png"); background-size: 4px 7px; background-position: left 5px center;}


/* btn_style_7_con*/
.btn_style_7_con{position: relative;}
.btn_style_7_con .btn_style_7{position: relative; display: inline-block; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.045em; font-weight: 500; color:#6d13ff;
    background-color:transparent; border:none; padding: 0; padding-left: 140px; background-repeat: no-repeat; background-size: 9px 15px; background-position: right center; transition: padding-right 0.3s; cursor:pointer;}
.btn_style_7_con:after{content: ''; position: absolute; top:50%; left: 0; width: 120px; border-bottom:3px solid #6d13ff; transform: translateY(-50%);}

/* btn_style_8_con */
.btn_style_8_con{}
.btn_style_8_con .btn_style_8{display: inline-block; vertical-align: middle; padding-right: 17px;
    font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.01em; font-weight: 500; color:#fff;
    background-image: url("../img/new/btn_style_8_arrow.png"); background-repeat: no-repeat; background-position: right center;}
.btn_style_8_con .btn_style_8.type_2{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400;
    background-image: url("../img/new/btn_style_8_type_2_arrow.png"); padding-right: 20px; position: relative;}
.btn_style_8_con .btn_style_8.type_2::after{content: ''; position: absolute; bottom:-9px; left:0; border-bottom:2px solid transparent; width: 100%; transition: all 0.2s ease;}
.btn_style_8_con .btn_style_8.type_3{padding-right: 0; padding-left: 23px; color:#000;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400;
    background-image: url("../img/new/btn_style_8_type_2_arrow_black.png"); background-position: left center;
}

/* btn_style_9_con */
.btn_style_9_con{}
.btn_style_9{width:145px; height:41px; display:inline-block; vertical-align: middle;  border:2px solid #fff; border-radius:30px; overflow: hidden; box-sizing: border-box;
    padding-top: 9px; padding-bottom: 8px; padding-right:5px; padding-left:5px; background-color:transparent; transition:all .3s; font-size: 0; text-align: center; }
.btn_style_9 > span{display: inline-block; vertical-align: middle;}
.btn_style_9 > span.text{font-size:15px; font-size:1.5rem; line-height:17px; line-height:1.7rem; letter-spacing: -0.02em; color:#fff; font-weight:400;}


/* btn_style_10_con */
.btn_style_10_con{text-align: center; font-size:0; line-height:0;}
.btn_style_10_con .btn_style_10{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.01em; color:#fff; font-weight:400;
    display:inline-block; padding-right:23px; padding-left:23px; padding-top:10px; padding-bottom:12px; box-sizing: border-box; overflow: hidden; border-radius:21px; background-color:#000; transition: all 0.3s;}

/* scrollbar */
.mCustomScrollbar .mCSB_scrollTools{opacity:1; margin-right: 10px;}
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; width:2px; opacity:1; }
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background-color:#fff; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 20px);}
.contents_scroll_wrap.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 215px); top:202px;}
.mCustomScrollbar .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 0px;}
/*.mCustomScrollbar .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 10px;}*/
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;}
.guide_container .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #6d13ff; width:2px; opacity:1; }
.guide_container .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background-color:#6d13ff; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar.select_style_4_con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #6d13ff; width:2px; opacity:1; }
.mCustomScrollbar.select_style_4_con .mCSB_scrollTools .mCSB_draggerRail{background-color:#6d13ff; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar.select_style_4_con .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 0px;}

@media all and (min-width:768px){
    .main_visual_text_wrap .weven_logo_con{margin-botom:26px;}
    .main_visual_text_wrap .weven_logo img{width:101px;}
    .main_visual_text_wrap h2{font-size: 45px; font-size: 4.5rem; line-height: 54px; line-height: 5.4rem; margin-bottom: 13px;}
    .main_visual_text_wrap .h_desc2{font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; margin-bottom:32px;}
    .main_visual_text_wrap .h_line2{height:90px; margin-bottom:36px;}
}

@media all and (min-width:992px){
    /*.main_visual_wrap{padding-top:220px;}*/
    /*.main_visual_wrap .main_visual_text_wrap{margin-bottom:130px;}*/
    .main_visual_text_wrap h2{font-size: 55px; font-size: 5.5rem; line-height: 70px; line-height: 7.0rem;}
    .main_visual_text_wrap .h_desc2{font-size: 19px; font-size: 1.9rem; line-height: 34px; line-height: 3.4rem;}
    .main_visual_wrap .main_visual_footer_con{padding-right:60px; padding-left:60px; bottom:52px;}
    .main_visual_wrap .main_visual_footer:hover{color:#7b7efe; background-image: url('../img/new/main_visual_footer_play_icon_h.png');}
    .main_visual_wrap .main_visual_footer:hover:after{background-image: url('../img/new/main_visual_footer_arrow_h.png');}

    .btn_style_1_con .btn_style_1:hover{color:#fff; background-color:#6d13ff; border-color:#6d13ff;}
    .btn_style_1_con.black .btn_style_1:hover{color:#fff; background-color:#6d13ff; border-color:#6d13ff;}
    .btn_style_1_con.gray .btn_style_1:hover{background-color: transparent; opacity: 1;}
    .btn_style_1_con .btn_style_1.check:hover{font-size:0; color:#6d13ff; background-color:#6d13ff; border-color:#6d13ff;
        background-image: url("../img/new/btn_style_1_check_icon.png"); background-repeat: no-repeat; background-position: center;}

    .btn_style_2_con .btn_style_2:hover .btn_style_2_inner{/*background-color: #6143f7;*/ background-color: #6d13ff;}
    .btn_style_2_con .btn_style_2:hover .delete_icon{ background-image: url("../img/new/btn_style_2_delete_icon_h.png");}
    .btn_style_2_con .btn_style_2.type_2:hover .btn_style_2_inner{border-color:#6d13ff; background-color: #6d13ff;}
    .btn_style_2_con .btn_style_2.white:hover .btn_style_2_inner{color:#6143f7; border-color:#6143f7; background-color: transparent;}
    .btn_style_2_con .btn_style_2.type_3.color_white:hover .btn_style_2_inner{border-color:#6143f7; background-color: #6143f7;}
    .btn_style_2_con .btn_style_2.type_4:hover .btn_style_2_inner{background-color:transparent; border-color: #fff;}

    .btn_style_3_con .btn_style_3.small:hover{border-color:#6d13ff; color: #6d13ff;}

    .btn_style_5_con .btn_style_5:hover{background-color: #6d13ff; border-color:#6d13ff;}

    .btn_style_6_con:first-child{display: inline-block; margin-bottom: 0; margin-right: 18px;}
    .btn_style_6_con .btn_style_6.type_2:after{margin-top:0;}
    .btn_style_6_con .btn_style_6:hover{color:#6d13ff;}
    .btn_style_6_con .btn_style_6:hover:after {border-color:#6d13ff; background-color: #6d13ff;}
    .btn_style_6_con .btn_style_6.type_2:hover{color:#6d13ff;}
    .btn_style_6_con .btn_style_6.type_2:hover:after{ background-color:#6d13ff; border-color: #6d13ff;}
    .btn_style_6_con .btn_style_6.type_3:hover{color:#6d13ff;}
    .btn_style_6_con .btn_style_6.type_3:hover:after{background-image: url("../img/new/btn_style_6_type_3_arrow_white.png"); background-color:#6d13ff; border-color: #6d13ff;}
    .btn_style_6_con .btn_style_6.type_4:hover:after{background-image: url("../img/new/btn_style_6_type_4_arrow_white.png");}

    .btn_style_7_con .btn_style_7:hover{padding-right: 24px; background-image: url('../img/new/btn_style_7_arrow.png');}
    .btn_style_8_con .btn_style_8.type_2:hover::after{border-color:#fff;}

    .btn_style_9:hover{background-color: #6d13ff; border-color:#6d13ff;}

    .btn_style_10_con .btn_style_10:hover{background-color: #6d13ff;}

}