.sub-visual-area { position:relative; width:100%; height:80vh; min-height:576px; max-height:1200px; overflow:hidden; }
.sub-visual-view { position:relative; display:flex; width:100%; height:100%; overflow:hidden; }
.hair_01sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.hair_02sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.hair_03sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.hair_04sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.hair_05sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.hair_07sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.hair_08sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.fore_01sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.fore_02sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.comp_01sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.info_01sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.info_02sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.info_03sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.info_04sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.info_05sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}
.scalp_01sv_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform:perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg); -moz-transform:perspective(500px) scale(1.1) rotate(.001deg); -ms-transform:perspective(500px) scale(1.1) rotate(.001deg); -o-transform:perspective(500px) scale(1.1) rotate(.001deg); animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -webkit-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -moz-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -ms-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; -o-animation:sub-visual-view-bg forwards 6s 0.2s ease-in-out; will-change:transform;}

.sub-visual-view .titlebox { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; text-align:center; }
.sub-visual-view .titlebox p { margin-bottom:0.625rem; color:#fff; font-size:1.312rem; padding-top:1.2rem; font-weight:400; line-height:2.312rem;}
.sub-visual-view .titlebox h2 { margin-bottom:0.3125rem; color:#fff; font-size:3.125rem;}
.sub-visual-view .titlebox h3 { color:#c7b7ab; font-size:1.562rem; letter-spacing:0.25em; }


.cont{display:none}


.info_01sv { background:url("/assets/images/sub/info_01sv.jpg") 60% 50%/cover no-repeat; }
.info_01sv_bg { background:url("/assets/images/sub/info_01sv.jpg") 60% 50% / cover no-repeat; }
.info_02sv { background:url("/assets/images/sub/info_02sv.jpg") 60% 50%/cover no-repeat; }
.info_02sv_bg { background:url("/assets/images/sub/info_02sv.jpg") 60% 50% / cover no-repeat; }
.info_03sv { background:url("/assets/images/sub/info_03sv.jpg") 60% 50%/cover no-repeat; }
.info_03sv_bg { background:url("/assets/images/sub/info_03sv.jpg") 60% 50% / cover no-repeat; }
.info_04sv { background:url("/assets/images/sub/info_04sv.jpg") 60% 50%/cover no-repeat; }
.info_04sv_bg { background:url("/assets/images/sub/info_04sv.jpg") 60% 50% / cover no-repeat; }
.info_05sv { background:url("/assets/images/sub/info_05sv.jpg") 60% 50%/cover no-repeat; }
.info_05sv_bg { background:url("/assets/images/sub/info_05sv.jpg") 60% 50% / cover no-repeat; }

.hair_01sv { background:url("/assets/images/sub/hair_01sv.jpg") 60% 50%/cover no-repeat; }
.hair_01sv_bg { background:url("/assets/images/sub/hair_01sv.jpg") 60% 50% / cover no-repeat; }
.hair_02sv { background:url("/assets/images/sub/hair_02sv.jpg") 60% 50%/cover no-repeat; }
.hair_02sv_bg { background:url("/assets/images/sub/hair_02sv.jpg") 60% 50% / cover no-repeat; }
.hair_03sv { background:url("/assets/images/sub/hair_03sv.jpg") 60% 50%/cover no-repeat; }
.hair_03sv_bg { background:url("/assets/images/sub/hair_03sv.jpg") 60% 50% / cover no-repeat; }
.hair_04sv { background:url("/assets/images/sub/hair_04sv.jpg") 60% 50%/cover no-repeat; }
.hair_04sv_bg { background:url("/assets/images/sub/hair_04sv.jpg") 60% 50% / cover no-repeat; }
.hair_05sv { background:url("/assets/images/sub/hair_05sv.jpg") 60% 50%/cover no-repeat; }
.hair_05sv_bg { background:url("/assets/images/sub/hair_05sv.jpg") 60% 50% / cover no-repeat; }
.hair_07sv { background:url("/assets/images/sub/hair_07sv.jpg") 60% 50%/cover no-repeat; }
.hair_07sv_bg { background:url("/assets/images/sub/hair_07sv.jpg") 60% 50% / cover no-repeat; }
.hair_08sv { background:url("/assets/images/sub/hair_08sv.jpg") 60% 50%/cover no-repeat; }
.hair_08sv_bg { background:url("/assets/images/sub/hair_08sv.jpg") 60% 50% / cover no-repeat; }
.scalp_01sv { background:url("/assets/images/sub/scalp_01sv.jpg") 60% 50%/cover no-repeat; }
.scalp_01sv_bg { background:url("/assets/images/sub/scalp_01sv.jpg") 60% 50% / cover no-repeat; }

.fore_01sv { background:url("/assets/images/sub/fore_01sv.jpg") 60% 50%/cover no-repeat; }
.fore_01sv_bg { background:url("/assets/images/sub/fore_01sv.jpg") 60% 50% / cover no-repeat; }

.fore_02sv { background:url("/assets/images/sub/fore_02sv.jpg") 60% 50%/cover no-repeat; }
.fore_02sv_bg { background:url("/assets/images/sub/fore_02sv.jpg") 60% 50% / cover no-repeat; }

.comp_01sv { background:url("/assets/images/sub/fore_01sv.jpg") 60% 50%/cover no-repeat; }
.comp_01sv_bg { background:url("/assets/images/sub/comp_01sv.jpg") 60% 50% / cover no-repeat; }

@-webkit-keyframes sub-visual-view-bg {
    0% {
        transform:perspective(500px) scale(1.3) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1.1) rotate(.001deg);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg);
    }
}
@-moz-keyframes sub-visual-view-bg {
    0% {
        transform:perspective(500px) scale(1.1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1.1) rotate(.001deg);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg);
    }
}
@keyframes sub-visual-view-bg {
    0% {
        transform:perspective(500px) scale(1.1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1.1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1.1) rotate(.001deg);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg);
    }
}




.flex_con{overflow: hidden; position: relative;}

.flex_con .lt{width:50%; float:left;}
.flex_con .rt{width:50%; float:right;}
.flex_con .rt .flex_txt{margin-left:20%}




.sub_tail01 {background: #f4f5f7 url('/assets/images/sub/sub_tail_bg.jpg') no-repeat -200px 0 / cover; background-position: 50% 50%;}

.sub_tail01 .sect_title {text-align: center}
.sub_tail01 .sect_title p {margin-top: 30px}
.sub_tail01 .cont_wrap {display: flex; margin-top: 80px}
.sub_tail01 .cont_wrap .left_wrap {width: 35%; padding-top: 30px; padding-right: 110px; flex-shrink: 0}
.sub_tail01 .cont_wrap .left_wrap .top_txt > strong{font-size: 34px; display: block}
.sub_tail01 .cont_wrap .left_wrap .top_txt > p{font-size: 19px; color: #757575; margin-top: 10px}
.sub_tail01 .cont_wrap .left_wrap .txt {margin-top: 80px}
.sub_tail01 .cont_wrap .left_wrap .txt span {font-size: 28px; display: block}
.sub_tail01 .cont_wrap .left_wrap .txt P {margin-top: 20px; color: #757575}
.sub_tail01 .cont_wrap .left_wrap .btn_box {margin-top: 80px}
.sub_tail01 .cont_wrap .right_wrap {width: 65%; border-left: 1px solid #e7e9ed; padding-top: 30px}
.sub_tail01 .cont_wrap .right_wrap .icon_box{padding: 0 80px; display: flex; flex-wrap: wrap }
.sub_tail01 .cont_wrap .right_wrap .icon_box .icon {width: calc(50% - 40px); text-align: center}
.sub_tail01 .cont_wrap .right_wrap .icon_box .icon:nth-child(2n) {margin-left: 80px}
.sub_tail01 .cont_wrap .right_wrap .icon_box .icon:nth-child(n+3) {margin-top: 80px}
.sub_tail01 .cont_wrap .right_wrap .icon_box .icon .img {text-align: center }
.sub_tail01 .cont_wrap .right_wrap .icon_box .icon .img img { max-height: 60px}
.sub_tail01 .cont_wrap .right_wrap .icon_box .icon .text {margin-top: 20px}
.sub_tail01 .cont_wrap .right_wrap .icon_box .icon .text span {display: block; font-size: 23px; font-weight: 500}
.sub_tail01 .cont_wrap .right_wrap .icon_box .icon .text p {color: #757575; margin-top: 15px; font-size: 16px}


.con_0402 .best_tab { position:absolute; left: 35px; margin-left:0; bottom: -22px; z-index:1; }
.con_0402 .slick-track {display: flex; }
.con_0402 .best_tab .slick-slide {float: none;}
.con_0402 .best_tab .list { float:left; width:150px !important; text-align:center; font-size:0;  background-color: #c7c7c7; margin-right: 0;  border: 2px solid transparent; cursor: pointer; transition:.5s;}
.con_0402 .best_tab .slick-current .list {background-color: #222 !important;}

.con_0402 .pre{bottom:-35px; position:absolute;}
.con_0402 .next{bottom:-35px; position:absolute; left:360px;}

.con_0402 .slide-arrow-wrap {position: absolute; bottom: -35px; right: 10px; z-index: 1; margin-right:67%;  }
.con_0402 .slide-arrow-wrap button {background-color: transparent; border: none; width: 13px; height: 17px; background-size:contain; background-repeat: no-repeat;}
.con_0402 .slide-arrow-wrap.slide-arrow-prev {right: 60px;}
.con_0402 .slide-arrow-wrap.slide-arrow-next {}
.con_0402 .slide-arrow-wrap.slide-arrow-prev button {background-image: url('/assets/images/sub/main_board_prev_w.png');}
.con_0402 .slide-arrow-wrap.slide-arrow-next button {background-image: url('/assets/images/sub/main_board_next_w.png');}
.con_0402 .buttons  {position: absolute; bottom: -40px; right: 30px; z-index: 1; margin-right:67%;  }

.buttons button {padding: 0; background-color: transparent; border: none;}


.sub_btn {border:1px solid #0092ca;border-radius:30px;padding:10px 10px;width: 65%;}
.sub_btn a{color:#0092ca; text-align:center; background:none}
.sub_btn span{margin-right:20px}

.img_wrap {margin-top: 50px;width: 100%; height: 30vw;margin: 50px auto 0; text-align: center; position: relative;display: table;position: relative;}

.img_box { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;background: url('/assets/images/sub/compete_0103.jpg') no-repeat center center;background-size: cover;}
.img_box img {width: 100%}
.youtube_box .swiper-button-prev i,
.youtube_box .swiper-button-next i {color: #000; font-size: 46px}
.youtube_box .swiper-button-prev {left: -50px;transform: translate(-100%,-100%);transition: left .3s;top:65%}
.youtube_box .swiper-button-next {right: -50px; transform: translate(100%,-100%); transition: right .3s;top:65%}

.fore_slid .swiper-button-prev i,
.fore_slid .swiper-button-next i {color: #000; font-size: 46px}
.fore_slid .swiper-button-prev {left: -50px;transform: translate(-100%,-100%);transition: left .3s;top:65%}
.fore_slid .swiper-button-next {right: -50px; transform: translate(100%,-100%); transition: right .3s;top:65%}
.fore_slid .swiper-slide {width: 90%;position: relative;max-width: 1400px;}
.fore_slid .swiper-slide .img-box {width:100%; position: relative; transition: 0.3s ease-in-out;}
.fore_slid .swiper-slide .img-box img {width: 100%;}

.fore_slid .img_box1 { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;background: url('/assets/images/sub/forehead_0204.jpg') no-repeat center center;background-size: cover;}
.fore_slid .img_box2 { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;background: url('/assets/images/sub/forehead_0205.jpg') no-repeat center center;background-size: cover;}
.fore_slid .img_box3 { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;background: url('/assets/images/sub/forehead_0206.jpg') no-repeat center center;background-size: cover;}
.fore_slid .img_box4 { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;background: url('/assets/images/sub/forehead_0207.jpg') no-repeat center center;background-size: cover;}

.swiper-button-next:after, .swiper-button-prev:after{color:#000}
/*info_0101*/
.info_0101{position:relative}
.info_0101 .bg_shape{width: 100%;height: 585px;background:linear-gradient(45deg, #57e6af, #42aad2);position:absolute;bottom: 0;left:0;}
.info_0101 .sec_wrap{width:100%;left:0 !important;bottom:0 !important; position:relative; bottom:-200px;  left:-300px; padding:150px 0 200px 0; transition:width 1s ease, bottom 1s ease, left 1s ease;}
.info_0101.active .sec_wrap{width:1480px;  bottom:0; left:0;}
.info_0101 .sec_bg{width:100%; height:700px;  background-image:url('/assets/images/sub/info0101_bg.jpg'); border-bottom-right-radius:300px; position:relative; }
.info_0101 .sec_bg .text_area{padding:100px 150px; float:right;}
.info_0101 .sec_bg .text_area .quote{font-size:80px; line-height:30px; color:#e2c5a3;}
.info_0101 .sec_bg .text_area .title{font-size:48px; line-height:60px; margin-bottom:30px; color:#fff;}
.info_0101 .sec_bg .text_area .info{font-size:18px; line-height:26px; color:#fff; margin-bottom:30px; font-weight:300;}
/*.info_0101 .sec_bg .text_area .info.moto {font-size:24px; line-height:33px; font-weight:400;}*/

@keyframes rotate { 
0% { transform: rotate(0); } 
100% { transform: rotate(360deg); } 
}
.info_0101 .sec_bg .shape_area{bottom:0; right:0; position:absolute}
.info_0101 .sec_bg .shape_area .text_line{animation:rotate 20s linear 0.005s infinite reverse;}
.info_0101 .sec_bg .shape_area .shape{position:relative; top:50%; left:50%; transform:translate(-50%, -50%);}

.info_0102 ul{overflow:hidden;}
.info_0102 li{float:left; width:50%}
.it{}

.sub-bottom { background:linear-gradient(#eaeaea, #fff); }
.sub-bottom .pc-only { display:block; }
.sub-bottom .mo-only { display:none; }
.sub-bottom .d-flbox { position:relative; width:50%; height:100vh !important; }
.sub-bottom .titlebox { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; }
.sub-bottom .d-frbox { width:50%; padding:10% 0; }
.sub-bottom .scroll-items { position:relative; padding-left:5rem; width:75%; }
.sub-bottom .scroll-items + .scroll-items { margin-top:7.5rem; }
.sub-bottom .txtbox { }
.sub-bottom .txtbox .meta-num { position:absolute; left:0; top:0;  color:#0092ca; font-size:3.125rem; line-height:0.5; }
.sub-bottom .txtbox .tit { font-size:1.962rem; position:relative; top:-8px; z-index:1; font-weight:400; line-height:2.562rem}
.sub-bottom .txtbox [class^=txt] { position:relative; z-index:1; }
.sub-bottom .imgbox { position:absolute; right:0; top:0; }

.info_01_tail { background:linear-gradient(#eaeaea, #fff); }
.info_01_tail .pc-only { display:block; }
.info_01_tail .mo-only { display:none; }
.info_01_tail .d-flbox { position:relative; width:50%; height:100vh !important; }

.info_01_tail .d-frbox { width:100%;  overflow:hidden;}
.info_01_tail .scroll-items { position:relative; padding-left:5rem; width:50%; float:left; height:200px}

.info_01_tail .txtbox { text-align:center;}
.info_01_tail .txtbox .meta-num { position:absolute; left:0; top:0;  color:#0092ca; font-size:3.125rem; line-height:0.8; }
.info_01_tail .txtbox .tit { font-size:1.962rem; position:relative; top:-8px; z-index:1; font-weight:400; line-height:3.062rem}
.info_01_tail .txtbox [class^=txt] { position:relative; z-index:1; }
.info_01_tail .imgbox { position:absolute; right:0; top:0; }



.info_02 .con1 {padding: 100px 0 100px;}  
.info_02 .con2 {padding:0 0; background: #ffffff url('/assets/images/sub/logo_bg.png') no-repeat top 70px left 20%;}
.info_02  .doctor_wrap {display: flex; width: 1400px; margin: 0 auto;}
.info_02  .doctor_wrap > div {width: 50%; float:left;}
.info_02  .doctor_wrap .rt {padding: 0 15px 0 70px; text-align: center;}
.info_02  .doctor_wrap .txt {padding: 0 0 30px; border-bottom:5px solid #222;}
.info_02  .doctor_wrap .rt p { padding-left:30px;}
.info_02  .doctor_wrap .point { position:relative;}
.info_02  .doctor_wrap .point:before { content: ''; display: block;  width: 42px; height: 33px;  background: url('/img/sub/doctor_point.png') 0 0 no-repeat;  position: absolute; top: 0;   left: -55px;  margin-top: -10px;}
.info_02  .doctor_wrap .box{ padding:30px; background-color:#f9f9f9;}
.info_02  .doctor_wrap .half{ width:50%; display:inline-block; float:left; }
.info_02  .doctor_wrap .half1 { width:50%; display:inline-block;}
.info_02 .con3 {padding:160px 0 0; background: #f2f7fb url('/assets/images/sub/logo_bg.png') no-repeat top 250px left 20%;}

.info_03  {background: #fff url('/assets/images/sub/cataract_01_bg_02.jpg') repeat; }
.info_03 .info_03_slide_wrap {position: relative;}
.info_03 .slide_list {margin: 0 5px;}
.info_03 .slide_list .list {width: 250px !important; margin:0 15px 70px; text-align: center; position: relative; padding-top: 42px;}
.info_03 .slide_list .list .badge {display: block; width: 85px; height: 85px; line-height: 85px; text-align: center; background-color: #feeb8f; color: #333; font-size: 18px; font-family: 'Montserrat'; position: absolute; top: 0; right: 10px; border-radius:50%; z-index: 1; }
.info_03 .slide_list .list .img {border:1px solid #dfdfdf; width: 100%; height: 257px;margin-bottom: 25px; overflow: hidden;}
.info_03 .slide_list .list .img > span {display: block; width: 100%; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size:cover;  transition:.5s;}
.info_03 .slide_list .list:hover .img > span {transform:scale(1.1);}
.info_03 .progress_wrap { width: calc(100% - 165px);background-color: #eee;  margin-left:160px}
.info_03 .progress { position: relative; z-index: 1; display: block; width: 100%; height: 3px; overflow: hidden; background-image: linear-gradient(to right, black, black); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; }
.info_03 .slick-prev,
.info_03 .slick-next {position:absolute; width: 44px; height: 13px; top: auto; bottom: -8px; left: auto; left: 0; transform:translateY(0); background-repeat: no-repeat; opacity: 1; transition:.25s;  z-index: 1;}
.info_03 .slick-prev {background-image: url('/assets/images/sub/slide_prev.png'); left:0px;}
.info_03 .slick-next {background-image: url('/assets/images/sub/slide_next.png');  left:80px;}
.info_03 .slick-prev:hover {left:5px; }
.info_03 .slick-next:hover {left:85px; } 


.info_03 .slick-prev,
.info_03 .slick-next{color: transparent;}


.info_03 .con3 .box ul {margin:0 auto;  display: flex; flex-wrap: wrap;  width:100%; }

.info_03 .con3 .box ul li{width: 100%; box-sizing:border-box; padding:50px; background-color:#ffff; margin-bottom:20px;  border:1px solid #ddd; display:flex; }
.info_03 .con3 .box ul li .s_box{display:inline-block; vertical-align:middle; width:100px; position:sticky; }
.info_03 .con3 .box ul li .s_box .txt_box{border-radius:100%;display:table; width:100px; height:100px;  border:1px solid #ddd;background:#0092ca; box-sizing:border-box; position:relative; text-align:center;}
.info_03 .con3 .box ul li .s_box .txt_box p{display:table-cell; vertical-align:middle; font-size:28px; letter-spacing:0; color:#fff; font-weight:500; font-family: 'Montserrat', sans-serif; position:relative;}
.info_03 .con3 .box ul li .right_box{display:inline-block; vertical-align:middle; padding-left:20px; box-sizing:border-box;}
.info_03 .con3 .box ul li .icon { display:inline-block; float:right;}
.info_03 .con3 .box ul li:nth-of-type(2n) .txt_box{border-color:#ddd;}
.info_03 .con3 .box ul li:nth-of-type(2n) .s_box .txt_box:before{background:#6d67ad;}



.location_wrap {display: flex; flex-wrap:wrap;}
.location_wrap .lt,
.location_wrap .rt {width: 50%; background-color: #f7f7f9;}
.location_wrap .rt {position: relative; overflow: hidden;}
.location_wrap .map_info {padding:70px 50px 50px;}
.location_wrap .map_info .tel {font-family: 'Montserrat'; line-height:1.2; font-size:32px;}
.location_wrap .map_info .map_address {padding:0 10px 30px; border-bottom: 1px solid #d3d2d3;}
.location_wrap .map_info {}
.location_wrap .map_info ul {padding: 0 0 20px 0;}
.location_wrap .map_info li {padding-bottom: 15px; font-size: 0;}
.location_wrap .map_info li .icon {display: inline-block; vertical-align: middle; width: 125px;}
.location_wrap .map_info li dl {display: inline-block; vertical-align: middle; width: calc(100% - 125px); padding-left: 0;}
.location_wrap .map_info li dd .arr {padding: 0 4px;font-size: 1.45em; font-weight: 500;}
.location_wrap .map_info ul + .txt {padding: 10px 15px 10px 85px; background-color: #560F7B; color: #fff;}
.location_wrap .map_info ul + .txt > span {margin-left: 45px; vertical-align: middle;}

.location_wrap .map_info .hours {display: flex; flex-wrap:wrap; align-items:center; padding:30px 20px; }
.location_wrap .map_info .hours p {margin-bottom: 5px; line-height: 1.5;}
.location_wrap .map_info .hours .tit {color: #000; width: 120px;}
.location_wrap .map_info .hours .txt {font-family: 'Montserrat';  width: calc(100% - 120px);}
.location_wrap .map_info .hours .txt span {font-family: 'S Core Dream'; display: inline-block; height: 25px; line-height: 25px; background-color: #f9f9f9; color: #151515; padding:0 10px; border-radius:5px;}

.location_wrap .map_btn {position: absolute; top: 0; left: 0; z-index: 1;}
.location_wrap .map_btn a {display: block;  padding: 30px; line-height: 1.33; font-size: 18px;	transition:.25s;}
.location_wrap .map_btn .map_btn_naver {background-color: #04ce5c; color: #fff;}
.location_wrap .map_btn .map_btn_daum {background-color: #f4db18;}
.location_wrap .map_btn a:hover {background-color: #2c303b; color: #fff;}

.sec_bg {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.map_img{padding:20px}
.info_0301 {overflow: hidden; position: relative;}
.info_0301 li {float: left; width: 33%;}


.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #fff;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
  border:1px solid #ddd;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #0092ca;
   letter-spacing:0px;
}

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.5;
  letter-spacing:0px;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #dcf5f9;
}

.s_box .txt_box{border-radius:50%;display:table; width:130px; height:50px;  border:1px solid #ddd;background:#0092ca; box-sizing:border-box; position:relative; text-align:center;}
.s_box .txt_box p{display:table-cell; vertical-align:middle; font-size:16px; letter-spacing:0; color:#fff; font-weight:500; font-family: 'Montserrat', sans-serif; position:relative;}
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
  overflow:hidden;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
.cd-timeline-img {
  position: absolute;
  top: 10px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.cd-timeline-img.cd-picture {
  background: #0092ca;
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}


.btn_ul{overflow:hidden; position:relative;}
.btn_ul li{float:left; width:50%; padding:10px}
.btn_ul .sub_btn{width:100%}

/* µÑ·¯º¸±â */
.page_tit {color: #212121; font-weight: 600;  margin:100px 0 25px; text-align: center;  }
.page_tit span {display: inline-block; background-color: #fff;position: relative;}
.page_tit span:after,
.page_tit span:before{content:''; display: block; width: 70px; height: 1px; background-color: #1d2088; position: absolute; left: -90px; top: 50%; z-index: 1;}
.page_tit span:before {left: auto; right: -90px;}
.w980 { width:980px; margin:0 auto;}
.info_03 .page_tit {margin-bottom: 70px;}
.info_03 .inner {max-width:940px; margin: 0 auto; position: relative; padding: 0 15px;}
.floor_tab {font-size: 0; text-align: center; margin-bottom: 60px;}
.floor_tab li {display: inline-block; vertical-align: top;}
.floor_tab li a {display: block; padding: 0 10px; font-size: 20px; color: #afafb0; position: relative; line-height: 1;}
.floor_tab li a:after {content:'¡¤'; display: block; position: absolute; top: -3px; left: 0; font-size: 22px; color: #afafb0;}
.floor_tab li a.active {color: #1d2088; font-weight: 600;}
.floor_tab li:first-child a:after {display: none;}
.tour_tit {margin-bottom: 20px;}
.tour_tit h4,
.tour_tit p {display: inline-block; vertical-align: bottom; line-height: 1; letter-spacing: -1px;}
.tour_tit h4 {padding-right: 10px;}
.tour_con {display: none;}
.tour_con.active {display: block;}
.tour_list .list .img {text-align: center; /*border:1px solid #e5e5e5;*/}
.tour_list .list .img img {display: inline !important;}

.tour_wrap .slick-prev,
.tour_wrap .slick-next {color:transparent;width: 60px; height: 60px; -webkit-transform:translate(0,0); transform:translate(0,0); top: -75px; left: auto; right: 0; z-index: 1;}
.tour_wrap .slick-prev {background-image: url('/img/sub/tour_prev.jpg'); right: 59px;}
.tour_wrap .slick-next {background-image: url('/img/sub/tour_next.jpg');}

@media (max-width:1599px) {
	.sub-bottom .scroll-items { width:97%; }
}


@media (max-width:1290px) {
    .sub_tail01 {padding: 90px 0 100px}
    .sub_tail01 .sect_title p {margin-top: 10px}
    .sub_tail01 .cont_wrap {flex-wrap: wrap; margin-top: 60px}
    .sub_tail01 .cont_wrap .left_wrap {width: 100%; padding-right: 0; padding-top: 0}
    .sub_tail01 .cont_wrap .left_wrap .top_txt > strong {font-size: 26px}
    .sub_tail01 .cont_wrap .left_wrap .top_txt > p {font-size: 12px; margin-top: 7px}
    .sub_tail01 .cont_wrap .left_wrap .txt {margin-top: 30px}
    .sub_tail01 .cont_wrap .left_wrap .txt span {font-size: 20px}
    .sub_tail01 .cont_wrap .left_wrap .txt P {margin-top: 7px}
    .sub_tail01 .cont_wrap .left_wrap .btn_box {display: none}

    .sub_tail01 .cont_wrap .right_wrap {width: 100%; border-left: none; padding-top: 0; margin-top: 60px}
    .sub_tail01 .cont_wrap .right_wrap .btn_box {text-align: center; margin-top: 40px}
    .sub_tail01 .cont_wrap .right_wrap .icon_box {padding: 0}
    .sub_tail01 .cont_wrap .right_wrap .icon_box .icon {width: calc(50% - 7.5px)}
    .sub_tail01 .cont_wrap .right_wrap .icon_box .icon:nth-child(2n) {margin-left: 15px}
    .sub_tail01 .cont_wrap .right_wrap .icon_box .icon .img {height: 45px; display: flex; align-items: center; justify-content: center}
    .sub_tail01 .cont_wrap .right_wrap .icon_box .icon .img img {width: 45px; max-height: 45px}
    .sub_tail01 .cont_wrap .right_wrap .icon_box .icon .text {margin-top: 15px}
    .sub_tail01 .cont_wrap .right_wrap .icon_box .icon .text span {font-size: 17px}
    .sub_tail01 .cont_wrap .right_wrap .icon_box .icon .text p {margin-top: 10px; font-size: 12px; }
    .sub_tail01 .cont_wrap .right_wrap .icon_box .icon:nth-child(n+3) {margin-top: 60px}

    .flex_con .lt{width:100%;}
    .flex_con .rt{width:100%;}
    .flex_con .rt .flex_txt{margin-left:0; margin-top:50px}
    .flex_con .lt .flex_txt{margin-left:0; margin-top:50px}


    .info_02 .con1 {padding: 50px 0 50px;}  
    .info_02 .con2 {padding:0 0 70px;background: #ffffff url('/assets/images/sub/logo_bg.png') no-repeat top 0 left 5%;position: relative;display: flow-root;background-size: 40%;}
    .info_02  .doctor_wrap {display: block;width: 100%;margin: 0 auto;}
    .info_02  .doctor_wrap > div {width: 100%;float:left;}
    .info_02  .doctor_wrap > div img {width: 100%;}
    .info_02  .doctor_wrap .rt {padding: 50px 15px 0 15px;text-align: center;}
    .info_02  .doctor_wrap .txt {padding: 0 0 20px; border-bottom:5px solid #222;}
    .info_02  .doctor_wrap .rt p { padding-left:20px;}

    .info_02 .con3 {padding: 100px 0;background: #f2f7fb url('/assets/images/sub/logo_bg.png') no-repeat top 150px left 5%;display: flow-root;background-size: 40%;}


    .info_02  .common {padding:80px 0 60px;background: #f2f7fb url('/assets/images/sub/info_02_bg_01.jpg'); background-position: 32% 50%;background-size: cover;}
    .info_02  .common1 { padding:80px 0 60px; background: #f2f7fb url('/assets/images/sub/info_02_bg_02.jpg'); background-position: 32% 50%;background-size: cover;}

	.sub_btn{width:100%}
	.sub_btn p{font-size:12px}
	.sub_btn span img{width:10%}
}
@media (max-width:1079px) {
	.sub-bottom { padding:7% 0; }
	.sub-bottom .d-flex { flex-direction:column; }
	.sub-bottom .d-flbox { width:100%; height:auto; }
	.sub-bottom .d-frbox { width:80%; padding:0; margin:3.75rem auto 0; }
	.sub-bottom .titlebox { position:static; transform:none; }

	.info_01_tail .scroll-items {width:100%}

}
@media (max-width:991px) {
	.sub-bottom { padding:14% 0; }
	.sub-bottom .d-frbox { margin-top:2.5rem; }
}
@media (max-width:799px) {
	.sub-bottom .d-frbox { width:calc(100% - 30px); }
}


  @media(max-width:768px){
    .info_0101 .bg_shape{display:none;}
	.flex_con .rt .flex_txt{margin-top:0}
    .info_0101 .sec_wrap{width:100%!important; padding:8.8vw 5vw; left:0!important; bottom:0!important;}
    
    .info_0101 .sec_bg .text_area{padding:0 25px;margin-top: 61.8vw;padding-bottom: 150px;}
    .info_0101 .sec_bg{background-image:url('/assets/images/sub/info0101_bg_m.jpg'); /*height:237.5vw;*/display:flex; height:auto; border-bottom-right-radius:150px;}
    .info_0101 .sec_bg .text_area .quote{font-size:15vw; line-height:3.8vw; margin-top:7.5vw;}
    .info_0101 .sec_bg .text_area .title{font-size:7.5vw; line-height:8.8vw; margin-bottom:6.3vw;}
    .info_0101 .sec_bg .text_area .info{font-size:4.3vw; line-height:6.3vw; margin-bottom:6.3vw;}
    
    .info_0101 .sec_bg .shape_area{z-index:2; width:35vw; bottom:-10vw;}
    .info_0101 .sec_bg .shape_area .shape{width:16.3vw;}

	.info_03 .info_03_slide_wrap {position: relative;}
	.info_03 .slide_list {margin: 0 5px;}
	.info_03 .slide_list .list {width: 165px;margin: 0 0 50px;text-align: center;position: relative;padding-top: 0;padding-right:20px;cursor: pointer;}
	.info_03 .slide_list .list .badge {display: block; width: 85px; height: 85px; line-height: 85px; text-align: center; background-color: #feeb8f; color: #333; font-size: 18px; font-family: 'Montserrat'; position: absolute; top: 0; right: 10px; border-radius:50%; z-index: 1; }
	.info_03 .slide_list .list .img { width: 100%; height: 217px;margin-bottom: 25px; overflow: hidden;}
	.info_03 .slide_list .list .img > span {display: block; width: 100%; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size:cover;  transition:.5s;}
	.info_03 .slide_list .list:hover .img > span {transform:scale(1.1);}
	.info_03 .slide_list .list .tit {height: 57px;}
	.info_03 .progress_wrap { width: calc(100% - 165px);background-color: #eee;}
	.info_03 .progress { position: relative; z-index: 1; display: block; width: 100%; height: 3px; overflow: hidden; background-image: linear-gradient(to right, black, black); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; }
	.info_03 .slick-prev,
	.info_03 .slick-next {position:absolute; width: 44px; height: 13px; top: auto; bottom: -8px; left: auto; right: 0; transform:translateY(0); background-repeat: no-repeat; opacity: 1; transition:.25s;  z-index: 1;}
	.info_03 .slick-prev {background-image: url('/assets/images/sub/slide_prev.png'); left:0px;}
	.info_03 .slick-next {background-image: url('/assets/images/sub/slide_next.png');  left:80px;}
	.info_03 .slick-prev:hover  {left:5px; }
	.info_03 .slick-next:hover  {left:85px; } 

	.info_03 .con3 .box ul li{width: 100%;box-sizing:border-box;padding: 50px 20px;background-color:#ffff;margin-bottom:20px;border:1px solid #ddd;}
	.info_03 .con3 .box ul li .s_box{display:inline-block;vertical-align:middle;width:100px;position:sticky;padding-bottom: 20px;}

    
	.location_wrap {display: flex; flex-wrap:wrap;}
	.location_wrap .lt,
	.location_wrap .rt {width: 100%;background-color: #f7f7f9;}
	.location_wrap .rt {position: relative; overflow: hidden;}
	.location_wrap .map_info {padding: 50px 10px 30px;}
	.location_wrap .map_info .tel {font-family: 'Montserrat';line-height:1.2;font-size: 32px;}
	.location_wrap .map_info .map_address {padding:0 10px 30px; border-bottom: 1px solid #d3d2d3;}
	.location_wrap .map_info {}
	.location_wrap .map_info ul {padding: 30px 0 20px 0;}
	.location_wrap .map_info li {padding-bottom: 15px; font-size: 0;}
	.location_wrap .map_info li .icon {display: inline-block; vertical-align: middle; width: 95px;}
	.location_wrap .map_info li dl {display: inline-block; vertical-align: middle; width: calc(100% - 125px); padding-left: 0;}
	.location_wrap .map_info li dd .arr {padding: 0 4px;font-size: 1.45em; font-weight: 500;}
	.location_wrap .map_info ul + .txt {padding: 10px 15px 10px 85px; background-color: #560F7B; color: #fff;}
	.location_wrap .map_info ul + .txt > span {margin-left: 45px; vertical-align: middle;}

	.location_wrap .map_info .hours {display: flex; flex-wrap:wrap; align-items:center; padding:50px 20px; }
	.location_wrap .map_info .hours p {margin-bottom: 5px; line-height: 1.5;}
	.location_wrap .map_info .hours .tit {color: #000;width: 100px;}
	.location_wrap .map_info .hours .txt {font-family: 'Montserrat';  width: calc(100% - 115px);}
	.location_wrap .map_info .hours .txt span {font-family: 'S Core Dream'; display: inline-block; height: 25px; line-height: 25px; background-color: #f9f9f9; color: #151515; padding:0 10px; border-radius:5px; margin-left: 10px;}

	.location_wrap .map_info .map_btn {position: relative; bottom: 0; left: 0; display:flex; z-index: 1;}
	.location_wrap .map_info .map_btn a {display: block;padding: 15px 0;text-align:center;font-size: 15px;transition:.25s;width:50%;}
	.location_wrap .map_info .map_btn .map_btn_naver {background-color: #04ce5c; color: #fff;}
	.location_wrap .map_info .map_btn .map_btn_daum {background-color: #f4db18;}
	.location_wrap .map_info .map_btn a:hover {background-color: #2c303b; color: #fff;}

	.floor_tab li a {font-size: 16px;}
	.floor_tab li a:after {font-size: 18px; top: -2px;}
	.tour_tit h4, .tour_tit p {display: block; margin-top: 10px;}
	.tour_wrap .slick-prev,
	.tour_wrap .slick-next {width: 35px; height: 35px; background-size:cover;top: -50px;}
	.tour_wrap .slick-prev {right: 34px;}
	.flex_con .rt .flex_txt{margin-top:0px; margin-bottom:50px}
    .flex_con .lt .flex_txt{margin-top:0px; margin-bottom:50px}
	.sub-bottom .swiper-container-horizontal>.swiper-scrollbar{position:relative; bottom:0}
	.main-sect-beforeafter .slick-slider button{bottom:-13%; top:initial}
	.main-sect-beforeafter .slick-prev{left:6%}
	.main-sect-beforeafter .slick-next{right:6%}

	.hair_05sv_bg{background: url('/assets/images/sub/hair_05sv.jpg') 93% 50% / cover no-repeat;}
	.hair_01sv_bg {background: url("/assets/images/sub/hair_01sv.jpg") 90% 50% / cover no-repeat;}

	.btn_ul li{width:100%}
	.btn_ul .mt30{margin-top:0 !important}
}

@media (max-width:639px) {
	.sub-bottom .container-fluid { padding-left:15px; }
	.sub-bottom .pc-only { display:none; }
	.sub-bottom .mo-only { display:block; }
	.sub-bottom .titlebox { margin-bottom:2.5rem; }
	.sub-bottom .titlebox small { font-size:1.312rem; }
	
	.sub-bottom .swiper-container { padding-right:15px; }
	.sub-bottom .scroll-items { padding:0; width:100%; }
	.sub-bottom .txtbox .meta-num { position:static; line-height:inherit; font-size:1.875rem; color:#0092ca; }
	.sub-bottom .imgbox { position:static; }
	.sub-bottom .txtbox .tit { top:inherit; margin-top:0.625rem; font-size:1.125rem; }
	.sub-bottom .txtbox [class^=txt] { font-size:0.875rem; margin-top:0.75rem; }
	
	.sub-bottom .swiper-scrollbar { margin-top:0.75rem; }
}




/*------min_width---------*/

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 40%;
    margin-bottom:30px;
  }
  .cd-timeline-content::before {
    top: 10px;
    left: 100%;
    border-color: transparent;
    border-left-color: #dcf5f9;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 105%;
    top: 0px;
    font-size: 16px;
    font-size: 1.1em;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 10px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #dcf5f9;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 105%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }

   #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  .cd-timeline-img {
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.4em;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1.2em;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}