@import url("reset.css");
@import url("swiper.css");
@import url("jquery.fullpage.css");

.header{position:fixed; left:0; top:0; z-index:10; width:100%; 
transition: all 0.3s ease-out;
}
.pc_only{display:block;}
.mb_only{display:none;}
.fp-viewing-secondPage .header,
.fp-viewing-3rdPage .header,
.fp-viewing-4thpage .header,
.fp-viewing-lastPage .header,
.fp-viewing-5 .header,
.header.scroll{background:rgba(255,255,255,0.7);}
.header_inner{position:relative; padding:0 10%;  height:110px; display:flex; align-items: center;}
.gnb>ul{display:flex; padding-left:20px;}
.gnb>ul>li{position:relative; margin-left:30px;}
.gnb>ul>li>a{font-size:18px; }
.header .right_btn{margin-left:auto;}
.header .right_btn .btn_wrap{position: relative;}
.header .right_btn a{width:200px; height:56px; line-height:56px; border-radius:5px; background-color:#19c582; display:inline-block; text-align:center; font-size:18px; color:#fff;}
.header .right_btn .etc_txt{position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%);  display: inline-block; width: max-content; font-size: 14px; color: #666e75; text-align: center;}
.s_gnb{position:absolute; left:50%; top:20px; z-index:20; margin-left:-100px; padding-top:30px; width:200px; opacity:0; visibility: hidden; 
transition: all 0.3s ease-out;
}
.s_gnb>ul{background-color:#fff; border-top:4px solid #19c582; border-radius:10px; overflow:hidden; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);}
.s_gnb>ul>li>a{padding:10px 0; text-align:center; display:block; font-size:16px; 
transition: all 0.3s ease-out;
}
.s_gnb>ul>li:hover>a{background:rgba(25,197,130,0.1); }

/* main */
.main_container{overflow:hidden;}
.main_container>.swiper-wrapper>.swiper-slide{position:relative; padding-top:110px; height:100vh !important; box-sizing:border-box; overflow:hidden;}
.mainCont_1{position:relative; background:url(../img/main_visual_1.jpg) no-repeat center center; background-size:cover;}
.main_vs_txt{position:absolute; bottom:10vh; width:100%; text-align:center;}
.main_vs_txt .en{margin-bottom:20px; display:block; font-size:140px; color:#fff; line-height:0.9; font-weight: 700;}
.main_vs_txt .txt_1{margin-bottom:10px; font-size:24px; color:#fff; }
.main_vs_txt .txt_2{font-size:24px; color:#fff; }
.main_container .link a{padding-bottom:70px; font-size:75px; line-height:1.25; display:inline-block; background:url(../img/main_more.png) no-repeat 0 bottom; font-weight: 500; letter-spacing:-0.35px;}
.main_container .link a strong{color:#19c582; font-weight:500;}
.main_container .btm_txt{font-size:16px; color:#777; line-height:1.5}
.main_container .btm_txt strong{margin-bottom:10px; display:block; font-size:20px; color:#000; font-weight:500;}
.mainCont_2{padding:0 0 0 10%;}
.main_inner{position: Relative; display:flex; align-items: center; }
.mainCont_2 .left_area{/*padding-left:5%;*/ flex-grow:1;}
.mainCont_2 .btm_txt{margin-top:280px; }
.main_class_rolling{position:relative; position: relative; margin-left: auto;}
.main_class_rolling .control{position:absolute; left:-300px; top:50%; }
.main_class_rolling .control .step{font-size:18px; font-family: 'PoppinsMedium'; line-height: 1;}
.main_class_rolling .control .step strong{font-size:62px; font-weight:normal; display:inline-block; vertical-align: top; line-height:1;}
.main_class_rolling .control .title{margin:10px 0; font-size:58px; font-weight:700; line-height:1; display:block;}
.main_class_rolling .control .swiper-pagination-progressbar{position:relative; margin-bottom:25px; width:350px; height:5px;}
.main_class_rolling .control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#19c2a4;}
.main_class_rolling .control .swiper-button-prev{position:relative; left:0; top:0; margin-top:0; width:46px; height:46px; display:inline-block;  background:url(../img/rolling_prev.png) no-repeat center center;}
.main_class_rolling .control .swiper-button-next{position:relative; left:0; top:0; margin-top: 0; width:46px; height:46px; display: inline-block; background:url(../img/rolling_next.png) no-repeat center center;}
.main_class_list{ padding:25px  0; padding-right:188px; width:484px; overflow:hidden;}
.main_class_rolling .swiper-slide{position:relative; padding:0 24px 0 20px; width:528px; box-sizing:border-box;}
.main_class_rolling .swiper-slide .inner{padding: 50px; height:664px; border-radius:20px; overflow:hidden; box-sizing:border-box; box-shadow:2px 5px 10px 10px rgba(0,0,0,0.1);}
.main_class_rolling .swiper-slide .tit{margin-bottom:10px; font-size:32px; }
.main_class_rolling .swiper-slide .txt{font-size:18px; font-weight:400; line-height:1.5;}

.main_class_rolling .list_1 .inner{background:url(../img/class_list_icon1.jpg) no-repeat right bottom #F2F7E5;}
.main_class_rolling .list_2 .inner{background:url(../img/class_list_icon2.jpg) no-repeat right bottom #FEF7E5;}
.main_class_rolling .list_3 .inner{background:url(../img/class_list_icon3.jpg) no-repeat right bottom #EDF6FB;}
.main_class_rolling .list_4 .inner{background:url(../img/class_list_icon4.jpg) no-repeat right bottom #FEF7E5;}
.main_class_rolling .list_5 .inner{background:url(../img/class_list_icon5.jpg) no-repeat right bottom #EDF6FB;}
.main_class_rolling .list_6 .inner{background:url(../img/class_list_icon6.jpg) no-repeat right bottom #F4EBFC;}

.main_class_rolling .btn_area{padding-top:30px; }
.main_class_rolling .btn_area a{width:165px; height:44px; line-height:44px; text-align:center; border-radius:20px; background-color:#19c2a4; display:inline-block; font-size:20px; color:#fff; }
.mainCont_3{padding:0 7% 0 10%;}
/* .mainCont_3 .txt_area{padding-left:5%;} */
.mainCont_3 .img_area{margin-left:auto;}
.mainCont_3 .btm_txt{margin-top:220px; font-size:20px; line-height:1.5; color:#000;}
.mainCont_3 .btm_txt .btn_area{margin-top:30px;}
.mainCont_3 .btm_txt .btn_area a{width:240px; height:64px; line-height:60px; border:2px solid #19c582; text-align:center; border-radius:5px; font-size:23px; color:#19c582; display:inline-block; box-sizing:border-box; font-weight:400;}
.mainCont_4 .main_inner{padding:0 0 0 10%;}
/* .mainCont_4 .link{padding-left:5%;} */
.mainCont_4 .main_btn{display: flex; align-items: center; margin-top: 30px;}
.mainCont_4 .btm_txt .btn_area{margin-right: 20px;}
.mainCont_4 .btm_txt{margin-top:100px; /*padding-left: 5%;*/ font-size:20px; line-height:1.5; color:#000;}
.mainCont_4 .btm_txt .btn_area a{width:240px; height:64px; line-height:60px; border:2px solid #19c582; text-align:center; border-radius:5px; font-size:23px; color:#19c582; display:inline-block; box-sizing:border-box; font-weight:400;}
.mainCont_4 .btm_txt .btn_area2 a{width:240px; height:64px; line-height:60px; text-align:center; border-radius:5px; font-size:23px; background-color: #19c2a4; color:#fff; display:inline-block; box-sizing:border-box; font-weight:400;}
.main_test_list{ padding-right: 426px; width:532px; overflow:hidden;}
.main_test_list .box{position:relative; }
.main_test_list .swiper-slide{position:relative; padding-right:50px; width:532px; box-sizing:border-box; overflow:hidden;}
.main_test_list .swiper-slide .inner{position:relative; padding:45px 50px; height:600px; border-radius:20px; box-sizing:border-box; display:flex; align-items: flex-end; overflow:hidden;}
.main_test_list .swiper-slide .inner img{position:absolute; left:0; top:0; width:100%; height:100%; }
.main_test_list .txt_area{position:absolute; left:0; bottom:0; padding:45px 50px; width:100%; font-size:24px; color:transparent; line-height:1.5; font-weight:400; box-sizing:border-box; word-break:keep-all;}
.main_test_list_wrap{position:relative; margin-left: auto;}
.main_test_list_wrap .control{padding-top:35px; text-align:right; margin-right:118px;}
.main_test_list_wrap .control .swiper-button-prev{position:relative; left:0; top:0; margin:0; width:46px; height:46px; display:inline-block; background:url(../img/rolling_prev.png) no-repeat center center;}
.main_test_list_wrap .control .swiper-button-next{position:relative; left:0; top:0; margin: 0; width:46px; height:46px; display:inline-block; background:url(../img/rolling_next.png) no-repeat center center;}
.mainCont_5 .main_inner{margin:0 auto; max-width:1220px; padding:0; width:100%;}
.mainCont_5 .main_inner>div{width:100%;}
.mainCont_5 .title_area{margin-bottom:80px; text-align:center; }
.mainCont_5 .title_area h1{font-family: 'GmarketSansMedium'; font-size:36px; color:#19c582; font-weight:700;}
.mainCont_5 .title_area p{margin-top:10px; font-weight:300; font-size:20px;}
.main_news_list ul{display:flex;}
.main_news_list ul li{width:30%; margin-left:5%;}
.main_news_list ul li:first-child{margin-left:0;}
.main_news_list .img_area a{position:relative; padding-bottom:100%; display:block; border-radius:20px; overflow:hidden;}
.main_news_list .img_area img{position:absolute; left:0; top:0; width:100%; height:100%;}
.main_news_list .txt_area{padding-top:20px; }
.main_news_list .txt_area .tit{margin-bottom:5px; font-size:28px; font-weight:700; display:block; 
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;}
.main_news_list .txt_area .txt{margin-bottom:5px; font-size:18px; line-height:1.6; font-weight:400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.main_news_list .date{font-size:18px; font-weight:400;}
.mainCont_5 .more{padding-top:30px; text-align:center; }
.mainCont_5 .more a{width:200px; height:64px; line-height:62px; display:inline-block; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:5px; text-align:center; font-size:18px; }

.main_container .mainCont_6 .fp-tableCell{vertical-align:top;}
.main_container .mainCont_6 .d-flex {position:relative; display:flex; padding-top:0;}
.mainCont_6 .left_area{padding:110px 70px; flex:0 0 50%; height:calc(100vh - 240px); align-items: center; display:flex; background:url(../img/main_img_6.png) no-repeat right 54px top 140px #f0f0f0; box-sizing: border-box; display:flex; align-items: flex-end;}
.mainCont_6 .right_area{padding:110px 70px; flex:0 0 50%; height: calc(100vh - 240px); align-items: center; display:flex; background: url(../img/main_img_7.png) no-repeat right 0 top 120px #19C582; box-sizing:border-box; display: flex; align-items: flex-end;}
.mainCont_6 .txt a{font-size:75px; line-height:1; display:inline-block;}
.mainCont_6 .txt strong{color:#19c582; font-weight:400;}
.mainCont_6 .txt span{margin-top:10px; display:block; font-size:28px; font-weight:700; }
.mainCont_6 .left_area .txt i{width:46px; height:46px; display:inline-block; background:url(../img/main_more.png) no-repeat center center; content:"";}
.mainCont_6 .right_area .txt a{color:#fff;}
.mainCont_6 .right_area .txt i{position:relative; top:10px; width:64px; height:66px; display:inline-block; background:url(../img/main_more2.png) no-repeat center center; content:"";}

.mainCont_7{padding:0 7% 0 10%;}
/* .mainCont_7 .txt_area{padding-left:5%;} */
.mainCont_7 .img_area{margin-left:auto;}
.mainCont_7 .main_btn{margin-top: 30px;}
.mainCont_7 .btm_txt{margin-top:220px; font-size:20px; line-height:1.5; color:#000;}
.mainCont_7 .btm_txt .btn_area a{width:240px; height:64px; line-height:60px; border:2px solid #19c582; text-align:center; border-radius:5px; font-size:23px; color:#19c582; display:inline-block; box-sizing:border-box; font-weight:400;}

.mainCont_8{padding:0 7% 0 10%;}
.mainCont_8 .img_area{margin-left:auto;}
.mainCont_8 .main_btn{margin-top: 30px;}
.mainCont_8 .btm_txt{margin-top:220px; font-size:20px; line-height:1.5; color:#000;}
.mainCont_8 .btm_txt .btn_area{margin-top:30px;}
.mainCont_8 .btm_txt .btn_area a{width:240px; height:64px; line-height:60px; border:2px solid #19c582; text-align:center; border-radius:5px; font-size:23px; color:#19c582; display:inline-block; box-sizing:border-box; font-weight:400;}

/* footer */
.main_container .footer{position:absolute; left:0; bottom:0;}
.footer{ padding:0 10%; width:100%;  background-color:#fff; box-sizing:border-box; border-top:1px solid #e6e6e6;}
.footer_inner{display:flex; height: 240px; align-items: center;}
.footer_right{margin-left:auto;}
.footer_top{display:flex; align-items: center; margin-bottom:20px;}
.footer_top .footer_menu{padding-left: 10px;}
.footer_top .footer_menu ul{display:flex; }
.footer_top .footer_menu ul li{margin-left:20px;}
.footer_top .footer_menu ul li a{font-size:16px;}
.footer_info ul{margin-bottom:5px; }
.footer_info ul li{margin-left:15px; display:inline-block; font-weight:300; color:#666e75; font-size:16px;}
.footer_info ul li:first-child{margin-left:0;}
.copyright{ font-weight:300; color:#666e75; font-size: 16px;}
.footer .sns{margin-bottom:40px;}
.footer .sns ul{display:flex; justify-content: flex-end;}
.footer .sns ul li{margin-left:30px;}
.footer .sns ul li:first-child{margin-left:0;}
.footer_right .footer_info ul li{margin:0 0 10px; display:block; text-align:right;}

/* sub_layout */
.sub_header{border-bottom:1px solid #e6e6e6;}
.sub_container{padding:110px 0 130px; min-height:calc(100vh - 240px); box-sizing:border-box;}
.subCont{margin:0 auto; padding:0 20px; max-width:1320px;}

.sub_top_title{padding-top:90px; margin-bottom:60px; text-align:center;}
.sub_top_title h1{margin-bottom:15px; font-size:25px; color:#19c582;}
.sub_top_title h2{position: relative; z-index: 5; font-size:41px; font-weight: 600; word-break: keep-all;}

.search_wrap{margin:0 auto 30px; max-width:620px; display: flex;}
.search_wrap fieldset{width:100%; display:flex;}
.search_wrap select{width:22.5%; height:50px; line-height:48px; border:1px solid #e6e6e6; font-size:17px; font-weight:300;}
.search_wrap .search{position:relative; margin-left:auto; width:75.8%; padding-right:110px; box-sizing:border-box; }
.search_wrap .search input[type=text]{width:100%; height:50px; line-height:48px; border:1px solid #e6e6e6; font-size:17px; font-weight:300;}
.search_wrap .btn_search{position:absolute; right:0; top:0; width:100px; height:50px; line-height:50px; text-align:center; background-color:#777879; font-size:17px; color:#fff;}

.new_icon{width:16px; height:16px; line-height:16px; background-color:#19c582; text-align:center; font-weight:300; color:#fff; display:inline-block; font-size:12px !important;}

/* notice */
.notice_list{margin-bottom:34px; border-top:1px solid #000;}
.notice_list>ul>li{display:flex; height:68px; align-items: center; border-bottom:1px solid #e6e6e6;}
.notice_list .num{flex:0 0 8%; text-align:center; font-weight:300; font-size:15px;}
.notice_list .icon_notice{width:50px; height:28px; line-height:26px; text-align:center; border:1px solid #19c582; color:#19c582; display:inline-block; }
.notice_list .title{flex:0 0 81%;}
.notice_list .title a{font-size:19px;}
.notice_list .date{flex:0 0 11%; text-align:center; color:#646464; font-weight:300; font-size:15px;}

/* page */
.page_list{display:flex; align-items: center; justify-content: center;}
.page_list>*{width:40px; height:45px; line-height:45px; display:inline-block; text-align:center; font-size:15px; font-weight:300; color:#aaaaaa;}
.page_list .on{color:#000;}
.page_list .page_prev{margin-right:20px; width:45px; background:url(../img/page_prev.png) no-repeat center center;}
.page_list .page_next{margin-left:20px; width:45px; background:url(../img/page_next.png) no-repeat center center;}

/* notice_detail */
.notice_detail .title_area{padding:90px 0 25px; text-align:center; border-bottom:1px solid #e6e6e6;}
.notice_detail .title_area h1{margin-bottom:10px;font-size:35px; }
.notice_detail .title_area .date{font-size:15px; color:#646464; font-weight:300;}
.notice_detail .detail_cont{margin-bottom:30px; padding:70px 0; font-size:17px; line-height:1.76; font-weight:300; color:#646464; border-bottom:1px solid #e6e6e6; text-align: center;}
.notice_detail .btn_area{text-align:center; }
.notice_detail .btn_area a{width:140px; height:56px; line-height:54px; border:1px solid #e6e6e6; border-radius:5px; text-align:center; font-size:17px; font-weight:300; display:inline-block; box-sizing:border-box;}

/* resource_list */
.resource_list>ul{display:flex; flex-wrap:wrap;}
.resource_list>ul>li{margin-bottom:60px; width:30%; flex:0 0 30%; margin-right:5%; border-radius:10px; box-sizing:border-box; position: relative;
/*background: rgb(211, 235, 168);
background: linear-gradient(90deg, rgba(211, 235, 168, 1) 0%, rgba(134, 206, 239, 1) 100%);*/
}
.resource_list>ul>li .btn_area {text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.resource_list>ul>li:nth-child(3n){margin-right:0;}
.resource_list>ul>li .gall_img img{border-radius: 10px;}
.resource_list .inner{box-sizing:border-box; text-align:center;}
.resource_list .category{margin-bottom:10px; font-size:15px; color:#19c582;}
.resource_list .title{margin-bottom:40px; font-size:23px; line-height:1.4;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.resource_list .btn_area a{width:120px; height:46px; line-height:46px; text-align:center; display:inline-block; background-color:#f3f3f3; font-size:15px; border-radius:5px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.resource_list .btn_area a:hover{background-color:#333; color:#fff;}

/* resource_list */
.case_list>ul{display:flex; flex-wrap:wrap;}
.case_list>ul>li{position:relative; width:30%; flex:0 0 30%; margin-right:5%; border-radius:10px; box-sizing:border-box;}
.case_list>ul>li:nth-child(3n){margin-right:0;}
.case_list>ul>li .img_area{position:relative;}
.case_list>ul>li .img_area .inner{position:relative; padding-bottom:112.7%; border-radius:20px; overflow:hidden; display:block;}
.case_list>ul>li .img_area .inner img{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; object-fit: cover;}
.case_list>ul>li .img_area .btn_modify{position:absolute; right:10px; top:10px; padding:5px 15px; background-color:#ff0000; color:#fff; border-radius:5px; }
.case_list>ul>li .logo{position:absolute; left:50%; top:50%; width:200px; height:140px; transform: translate(-50%, -50%); text-align:center; border-radius:20px; background:rgba(255,255,255,0.9); display:flex; align-items: center; justify-content: center;}
.case_list>ul>li .logo img{max-width:100%; max-height:100%; }
.case_list>ul>li .txt_area{padding-top:10px; height:160px; box-sizing:border-box;}
.case_list>ul>li .txt_area .tit{margin-bottom:12px; font-size:19px; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.case_list>ul>li .txt_area .name{font-size:15px; color:#646464; font-weight:300;}
.case_list>ul>li .gall_chk{position:absolute; left:5px; top:5px; z-index:4; }




/* meCont */
@keyframes circle_1 {
    0% {top: 40px;}
    50% {top: 60px;}
    100% {top: 40px;}
}

@keyframes circle_2 {
    0% {top: 50px;}
    50% {top: 80px;}
    100% {top: 50px;}
}

@keyframes circle_3 {
    0% {top: -80px;}
    50% {top: -30px;}
    100% {top: -80px;}
}
.meCont .sub_top_title{margin-bottom:0;}
.meCont .top_txt{position:relative; padding-top:100px; text-align:center; }
.meCont .top_txt:before{position:absolute; left:50%; top:40px; z-index:-1; width:338px; height:338px; background-color:#f3fbfe; border-radius:50%; display:block; content:"";
animation: circle_1 1.8s ease-out 1s infinite;
}
.meCont .top_txt .txt_1{position:relative; z-index:2; margin-bottom:40px;}
.meCont .top_txt .txt_1 strong{font-size:70px; font-weight:700; line-height:100px;}
.meCont .top_txt .txt_1 strong span{color: #19C582;}
.meCont .top_txt .txt_2{position:relative; z-index:2; margin-bottom:50px; font-size:21px; line-height:1.6;}
.meCont .top_txt .btn_area{display: flex; justify-content: center;}
.meCont .top_txt .btn_area span{font-size: 35px;}
.meCont .top_txt .btn_area a{width: 200px; height: 56px; line-height: 56px; border-radius: 5px; background-color: #19C582; display: inline-block; text-align: center; font-size: 18px; color: #fff;}
.meCont .top_txt .btn_area a:last-child{margin-left: 20px;}
.meCont .top_txt .btn_area .btn span{display:inline-block; padding-left:32px; line-height:72px;  font-size:16px; }
.meCont .top_txt .btn_area .icon_google span{background:url(../img/icon_google.png) no-repeat 0 center;}
.meCont .top_txt .btn_area .icon_apple span{background:url(../img/icon_apple.png) no-repeat 0 center;}
.me_list{position:relative; padding:0 6%; }
.me_list:before{position:absolute; left:-500px;; top:50px; width:1100px; height:1100px; display:block; content:""; background-color:#f3fcf9; border-radius:50%;
animation: circle_2 2.6s ease-out 1s infinite;
}
.me_list>ul>li{position:relative; z-index:2; }
.me_list>ul>li:first-child{margin-top:0;}
.me_list>ul>li .img_area{position:relative; text-align:right; opacity:0; top: -50px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.me_list>ul>li:nth-child(2n) .img_area{text-align:left;}
.me_list>ul>li .txt_area{position:absolute; left:0; top:50%; transform: translate(0, -50%); opacity:0; margin-top:-50px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
transition-delay: 0.4s;
}
.me_list>ul>li.active .img_area{top:0; opacity:1;}
.me_list>ul>li.active .txt_area{margin-top:0; opacity:1; width: 48%;}
.me_list>ul>li:nth-child(2n) .txt_area{left:auto; right:0; width:44%;}
.me_list>ul>li.active .txt_area .survey{margin-top: 20px;}
.me_list>ul>li.active .txt_area .survey ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.me_list>ul>li.active .txt_area .survey ul li{color: #fff; padding: 10px 0; border-radius: 30px; background: linear-gradient(45deg,#82e799,#00c8f4); text-align: center; width: 30%;}
.me_list>ul>li.active .txt_area .survey_2 {margin-top: 20px;}
.me_list>ul>li.active .txt_area .survey_2 h3{width: 75px; color: #19C582; font-size: 19px;}
.me_list>ul>li.active .txt_area .survey_2 ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 10px 0;}
.me_list>ul>li.active .txt_area .survey_2 ul li{color: #fff; padding: 10px 0; border-radius: 30px; background: linear-gradient(45deg,#82e799,#00c8f4); text-align: center; width: 22%;}
.me_list>ul>li .s_tit{margin-bottom:10px; display:block; font-size:21px; color:#19c582;}
.me_list>ul>li .tit{margin-bottom:26px; font-size:55px; line-height:1.2; display:block;}
.me_list>ul>li li{position:relative; font-size:19px; font-weight:400;} 
/* .me_list>ul>li li:before{position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#19c582; display:block; content:"";} */
.me_list>ul>li:last-child{z-index:1;}
.me_list>ul>li:last-child:before{position:absolute; right:100px; top:-80px; z-index:-1; width:590px; height:590px; background-color:#fffce4; border-radius:50%; display:block; content:"";
animation: circle_3 3s ease-out 1s infinite;}
.me_notice {position: relative; z-index: 1; box-sizing: border-box; background-color: #fff; box-shadow: 4px 4px 2px 2px #8e8e8e5c; border-radius: 20px; padding: 30px;}
.me_notice p{font-size: 21px; font-weight: 400;}

/* intro */
@keyframes intro_img_1 {
    0% {top: 0;}
    50% {top: 40px;}
    100% {top: 0;}
}

@keyframes intro_img_2 {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(-90deg);}
    100% {transform: rotate(0deg);}
}

.introCont .sub_top_title{margin-bottom:0;}
.introCont .top_txt{position:relative; padding:100px 0 140px;  text-align:center;}
.introCont .top_txt:before{position:absolute; right:100px; top:60px; z-index:-1px; width:540px; height:540px; background-color:#f3fbfe; display:block; border-radius:50%; content:"";}
.introCont .top_txt .img_1{position:absolute; left:7%; top:90px;}
.introCont .top_txt .img_1 img{position:relative; animation: intro_img_1 3s ease-out 1s infinite;}
.introCont .top_txt .img_2 img{position:relative; animation: intro_img_1 4s ease-out 1.5s infinite;}
.introCont .top_txt .img_2{position:absolute; right:2.2%; top:190px;}
.introCont .top_txt .txt_1{position:relative; z-index:2; margin-bottom:15px; font-size:120px; font-weight:normal; line-height:1; font-family: 'PoppinsBold';}
.introCont .top_txt .txt_2{position: relative; z-index: 2; font-size:21px; line-height:1.6;}
.history h3{position:relative; margin-bottom:60px; text-align:center; font-size:79px; font-family: 'PoppinsBold'; opacity:0.1; line-height:1;}
.history_list{position:relative; }
.history_list:before{position:absolute; right:7%; top:50%; margin-top:-118px; width:281px; height:267px; background:url(../img/intro_img_3.png) no-repeat center center; display:block; content:"";
animation: intro_img_2 7s ease-out 1.5s infinite;
}
.history_list>li{position:relative; z-index:2; margin-bottom:50px; text-align:center;}
.history_list .year{position:relative; margin-bottom:20px; font-size:35px; font-family: 'PoppinsBold'; top:-50px; opacity:0;
transition: all 0.6s ease-out;
}
.history_list>li ul{position:relative; top:-50px; opacity:0; transition-delay: 0.6s;
transition: all 0.6s ease-out;}
.history_list>li.active .year{top:0; opacity:1;}
.history_list>li.active ul{top:0; opacity:1;}
.history_list>li li{font-size:17px; font-weight:300; line-height:2;}
.history_list>li:last-child{margin-bottom:0;}
.business{position:relative; padding:180px 0 200px;}
.business:before{position:absolute; left:-20vw; top:120px; z-index:-1; width:57vw; height:57vw; display:block; background-color:#f3fcf9; border-radius:50%; content:"";}
.business:after{position:absolute; right:-8.85vw; top:80px; z-index:-1; width:17.7vw; height:17.7vw; display:block; background-color:#fffce4; border-radius:50%; content:"";}
.business h3{margin-bottom:100px; text-align:center; font-size:47px; font-weight:700; line-height:1;}
.business_list>ul{display:flex; flex-wrap: wrap;justify-content: center;}
.business_list>ul>li{position:relative; flex:0 0 30.6%; margin-left:3.2%; padding:60px 35px 0; height:430px; box-sizing:border-box; box-shadow:10px 10px 15px rgba(0,0,0,0.1); border-radius:10px; 
top:-50px; opacity:0; transition: all 0.6s ease-out;
}
.business_list.active>ul>li{top:0; opacity:1;}
.business_list>ul>li:nth-child(2){transition-delay: 0.4s; margin-top:60px;}
.business_list>ul>li:nth-child(3){transition-delay: 0.6s;}
.business_list>ul>li:nth-child(4){transition-delay: 0.8s; margin-top: 120px;}
.business_list>ul>li:nth-child(5){transition-delay: 1s; margin-top:60px;}
.business_list>ul>li:first-child{margin-left:0;}
.business_list .number{font-size:21px; font-family: 'PoppinsBold'; display:block; line-height:1; opacity:0.2;}
.business_list .tit{margin-bottom:20px; font-size:29px; font-weight:700; }
.business_list .txt{font-size:17px; font-weight:300; line-height:1.6; word-break: keep-all;}
.business_list>ul>li.list_1{background:url(../img/intro_icon_1.jpg) no-repeat right 35px bottom 35px #fff;}
.business_list>ul>li.list_2{background:url(../img/intro_icon_2.jpg) no-repeat right 35px bottom 35px #fff;}
.business_list>ul>li.list_3{background:url(../img/intro_icon_3.jpg) no-repeat right 35px bottom 35px #fff;}
.business_list>ul>li.list_4{background:url(../img/intro_icon_4.jpg) no-repeat right 35px bottom 35px #fff;}
.business_list>ul>li.list_5{background:url(../img/intro_icon_5.png) no-repeat right 35px bottom 35px #fff;}
.team{padding-bottom:50px; }
.team h3{margin-bottom:100px; text-align:center; font-size:47px; font-weight:700; line-height:1;}
.team_list ul{padding:0 5%; display:flex; flex-wrap: wrap;}
.team_list ul li{position:relative; flex:0 0 20%; margin:2.5%; text-align:center; left:-50px; opacity:0;
transition: all 0.6s ease-out;
}
.team_list ul li:nth-child(2){transition-delay: 0.4s;}
.team_list ul li:nth-child(3){transition-delay: 0.6s;}
.team_list ul li:nth-child(4){transition-delay: 0.8s;}
.team_list ul li:nth-child(5){transition-delay: 1s;}
.team_list ul li:nth-child(6){transition-delay: 1.2s;}
.team_list.active ul li{left:0; opacity:1;}
.team_list ul li .img_area{position:relative; padding-bottom:100%;}
.team_list ul li .img_area:before{position:absolute; left:0; top:0; bottom:0;  z-index:1; width:100%; height:100%; background-color:#f8f8f8; border-radius:50%; display:block; content:"";}
.team_list ul li .img_area img{position:absolute; left:0; top:0; z-index: 2;width:100%; height:100%; }
.team_list ul li .txt_area{padding-top:15px; height:125px; box-sizing:border-box; }
.team_list ul li .name{margin-bottom:5px; font-size:21px; font-weight:700;}
.team_list ul li .job{font-size:15px; font-weight:300; opacity:0.5;}
.team_list ul li:nth-child(3){margin-right:27.5%;}
.team_list ul li:nth-child(4){margin-left:27.5%;}
.map_area iframe{width:100%; height:640px; display:block;}
.locationCont{margin:0 auto; padding:50px 20px 0; max-width:1320px; display:flex; }
.locationCont h3{flex:0 0 50%; font-size:47px; font-weight:700; line-height:1;}
.locationCont ul{flex:0 0 50%; }
.locationCont ul li{font-size:17px; font-weight:300; line-height:2;;}

/* class_list  */
.class_list>ul{display:flex; flex-wrap: wrap;}
.class_list>ul>li{position:relative; padding:40px 40px 0; height:530px;  flex:0 0 30%; margin:0 5% 60px 0; box-sizing:border-box; border-radius:20px;
left: -50px; opacity: 0; transition: all 0.4s ease-out;
}
.class_list>ul>li:nth-child(3n){margin-right:0;}
.class_list>ul>li .bg{position:absolute; right:0; bottom:0; z-index:1;}
.class_list .type{padding:0 8px; height:30px; line-height:30px; display:inline-block; display:inline-block; font-size:16px; color:#fff; background-color:#95b73b;}
.class_list .tit{margin:12px 0; font-size:44px; font-family: 'GmarketSansMedium'; font-weight:700;}
.class_list .txt{position:relative; z-index:2; font-size:20px; line-height:1.5;}
.class_list>ul>li.list_1{background-color:#f2f7e5; transition-delay: 0.4s;}
.class_list>ul>li.list_2{background-color:#fef7e5; transition-delay: 0.6s;}
.class_list>ul>li.list_3{background-color:#edf6fb; transition-delay: 0.8s;}
.class_list>ul>li.list_4{background-color:#fef7e5; transition-delay: 1s;}
.class_list>ul>li.list_5{background-color:#edf6fb; transition-delay: 1.2s;}
.class_list>ul>li.list_6{background-color:#f4ebfc; transition-delay: 1.4s;}
.class_list>ul>li.list_2 .type{background-color:#e1a54f;}
.class_list>ul>li.list_3 .type{background-color:#599ed9;}
.class_list>ul>li.list_4 .type{background-color:#e1a54f;}
.class_list>ul>li.list_5 .type{background-color:#599ed9;}
.class_list>ul>li.list_6 .type{background-color:#9f5fd7;}
.subCont.start .class_list>ul>li{position:relative; left:0; opacity:1;}

/* class detail */
.class_visual{position:relative; height:670px; display:flex; align-items: center; overflow:hidden;}
.class_visual:before{position:absolute; left:-10vw; top:-10vw; width:28vw; height:28vw; display:block; content:""; border-radius:50%; transform: scale(0); transition: all 1.2s ease-out; opacity:0;}
.class_visual:after{position:absolute; right:11vw; bottom:-22vw; width:44vw; height:44vw; display:block; content:""; border-radius:50%; transform: scale(0); transition: all 1.2s ease-out; transition-delay: 0.2s; opacity:0;}
.class_visual .vs_img{position:absolute; right:23vw; bottom:0; z-index:2; opacity:0; transition: all 2s ease-out; transition-delay: 1.4s;}
.class_visual.active .vs_img{opacity:1;}
.class_visual.active:before{transform: scale(1); opacity:0.5;}
.class_visual.active:after{transform: scale(1); opacity:1;}

.class_visual_1{background-color:#ecf9fa;}
.class_visual_1 .vs_img{width:29vw;}
.class_visual_1:after,
.class_visual_1:before{
    background: rgb(213, 248, 236);
    background: linear-gradient(90deg, rgba(213, 248, 236, 1) 0%, rgba(186, 233, 248, 1) 50%);
}

.class_visual_2{background-color:#fef7e5;}
.class_visual_2 .vs_img{width:27vw;}
.class_visual_2:after,
.class_visual_2:before{
    background: rgb(253, 237, 196);
    background: linear-gradient(90deg, rgba(253, 237, 196, 1) 0%, rgba(250, 194, 155, 1) 50%);
}

.class_visual_3{background-color:#edf6fb;}
.class_visual_3 .vs_img{bottom:3vw; width:29vw;}
.class_visual_3:after,
.class_visual_3:before{
    background: rgb(224, 243, 255);
    background: linear-gradient(90deg, rgba(224, 243, 255, 1) 0%, rgba(171, 194, 249, 1) 50%);
}

.class_visual_4{background-color:#fef7e5;}
.class_visual_4 .vs_img{right:20vw; width:29vw;}
.class_visual_4:after,
.class_visual_4:before{
    background: rgb(253, 237, 196);
    background: linear-gradient(90deg, rgba(253, 237, 196, 1) 0%, rgba(250, 194, 155, 1) 50%);
}

.class_visual_5{background-color:#edf6fb;}
.class_visual_5 .vs_img{bottom:4vh; right:18vw; width:41vw;}
.class_visual_5:after,
.class_visual_5:before{
    background: rgb(224, 243, 255);
    background: linear-gradient(90deg, rgba(224, 243, 255, 1) 0%, rgba(171, 194, 249, 1) 50%);
}

.class_visual_6{background-color:#fcf1f3;}
.class_visual_6 .vs_img{bottom:5vh; right:11vw; width:40vw;}
.class_visual_6:after,
.class_visual_6:before{
    background: rgb(254, 229, 235);
    background: linear-gradient(90deg, rgba(254, 229, 235, 1) 0%, rgba(250, 195, 231, 1) 50%);
}

.class_visual .vs_txt{position:relative; z-index:5; margin:0 auto; padding:0 20px; max-width:1320px; width:100%; }
.class_visual .txt_1{position:relative; overflow:hidden;}
.class_visual .txt_1 span{position:relative; left:-100%; padding:0 10px; display:inline-block; height:34px; line-height:34px; border-top:1px solid #000; border-bottom:1px solid #000; font-size:16px; 
 transition: all 1.4s ease-out; transition-delay: 0.6s;}
.class_visual.active .txt_1 span{left:0;}
.class_visual h1{position:relative; overflow:hidden; margin:15px 0 20px; font-family: 'GmarketSansMedium'; font-weight:700; font-size:60px;}
.class_visual h1 span{position:relative; left:-100%; display:inline-block; vertical-align:middle;  transition: all 1.8s ease-out; transition-delay: 1s;}
.class_visual.active h1 span{left:0;}
.class_visual .txt_2{position:relative; overflow:hidden;margin-bottom:30px; font-size:21px; line-height:1.4;}
.class_visual .txt_2 span{position:relative; left:-100%;  transition: all 1.8s ease-out; transition-delay: 1.4s; display:block;}
.class_visual.active .txt_2 span{left:0;}
.class_visual .btn_area{opacity:0; transition: all 1s ease-out; transition-delay: 2.6s;}
.class_visual.active .btn_area{opacity:1;}
.class_visual .btn_area a{width:200px; height:65px; line-height:65px; border-radius:5px; display:inline-block; background-color:#19c582; font-size:21px; font-weight:700; color:#fff; text-align:center;}
.tabType_1{position:relative; left:0; top:0; z-index:5;}
.tabType_1 ul{margin:0 auto; max-width:1320px; width:100%; display:flex; border-bottom:1px solid #e6e6e6; background-color:#fff;}
.tabType_1 ul li{position:relative; margin-right:15px;}
.tabType_1 ul li:last-child{margin-right:0; }
.tabType_1 ul li button{padding:0 15px; height:100px; display:flex; align-items: center;}
.tabType_1 ul li button span{ font-size:25px; font-weight:700; color:#8c8c8c;}
.tabType_1 ul li.on:before{position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#19c582; display:block; content:"";}
.tabType_1 ul li.on button span{color:#000;}

.classCont_1{position:relative; padding:80px 0; border-bottom:1px solid #e6e6e6; display:flex; justify-content: center;}
.classCont_1.border-btm-none{border-bottom:none;}
.classCont_1 .title_area{flex:0 0 30%;}
.classCont_1 .title_area h2{font-size:31px; font-weight:700; line-height:1.35;}
.classCont_1 .cont_area{flex:0 0 70%;}
.classCont_1 .cont_area p{padding:10px 0; font-size:17px; font-weight:300; line-height:1.76; word-break: keep-all;}
.classCont_1 .cont_area p strong{font-weight:500;}
.classCont_1 .cont_area h3{margin-bottom:8px; font-size:21px; font-weight:700; line-height:1.9;}
.classCont_1 .cont_area .list_1{padding-bottom:40px;}
.classCont_1 .cont_area .list_1 li{position:relative; padding-left:10px; font-size:17px; line-height:2; font-weight:300; word-break: keep-all;}
.classCont_1 .cont_area .list_1 li strong{font-weight:500;}
.classCont_1 .cont_area .list_1 li:before{position:absolute; left:0; top:13px; width:4px; height:4px; background-color:#aaa; display:block; content:"";}
.classCont_1 .cont_area .list_1.bulit-none li{padding-left:0; }
.classCont_1 .cont_area .list_1.bulit-none li:last-child{margin-bottom:0;}
.classCont_1 .cont_area .list_1.bulit-none li:before{display:none;}
.classCont_1 .cont_area .list_2{padding-top:20px;}
.classCont_1 .cont_area .list_2>ul{display:flex;}
.classCont_1 .cont_area .list_2>ul>li{position:relative; padding-bottom:60px; display:flex; align-items: center; width:47.8%; height:290px; border:1px solid #e6e6e6; box-sizing:border-box; word-break: keep-all;}
.classCont_1 .cont_area .list_2>ul>li:nth-child(2n){margin-left:auto;}
.classCont_1 .cont_area .list_2>ul>li .inner{padding:0 7%;}
.classCont_1 .cont_area .list_2>ul>li .tit{margin-bottom:10px; display:block; font-size:17px; }
.classCont_1 .cont_area .list_2>ul>li li{position:relative; font-size:15px; font-weight:300; line-height:1.6; }
.classCont_1 .cont_area .list_2>ul li .inner_info{display: flex; align-items: center; padding: 10px 0; font-size: 18px; color: #19C582;}
.classCont_1 .cont_area .list_2>ul li .inner_info img{margin-right: 10px;}
.classCont_1 .cont_area .list_2>ul>li .btn_area{position:absolute; left:0; bottom:0; width:100%;}
.classCont_1 .cont_area .list_2>ul>li .btn_area a{width:100%; background-color:#fafafa; text-align:center; background-color:#fafafa; border-top:1px solid #e6e6e6; display:block;}
.classCont_1 .cont_area .list_2>ul>li .btn_area a span{height:60px; line-height:60px; padding-left:30px; background:url(../img/icon_download.png) no-repeat 0 center; font-size:17px; display:inline-block;}
.classCont_1 .cont_area .img_list{padding-top:40px;}
.classCont_1 .cont_area .img_list ul{display:flex;}
.classCont_1 .cont_area .img_list ul li{margin-right:2.75%; flex:0 0 31.5%;}
.classCont_1 .cont_area .img_list ul li:last-child{margin-right:0;}
.classCont_1 .cont_area .img_box{margin:30px 0; padding:30px 20px; text-align:center; border:1px solid #e6e6e6; }
.classCont_1 .cont_area .img_area{margin:20px 0; }
.classCont_1 .cont_area .list_3{margin-bottom:70px;}
.classCont_1 .cont_area .list_3>ul{display:flex;}
.classCont_1 .cont_area .list_3>ul>li{margin-right:4.2%; padding:28px 20px 0; flex:0 0 21.8%; height:300px; box-sizing:border-box; border:1px solid #e6e6e6; border-radius:15px; word-break: keep-all;}
.classCont_1 .cont_area .list_3 .step{margin-bottom:5px; display:block; font-size:15px; font-family: 'PoppinsMedium'; color:#b4b4b4;}
.classCont_1 .cont_area .list_3 .title{margin-bottom:10px;font-size:21px; font-weight:700; line-height:1.28;}
.classCont_1 .cont_area .list_3>ul>li li{position:relative; padding-left:10px; font-size:15px; font-weight:300; color:#646464; line-height:1.4;}
.classCont_1 .cont_area .list_3>ul>li li:before{position:absolute; left:0; top:0; display:block; content:"-";}
.classCont_1 .cont_area .list_3 .icon_1{background:url(../img/class_1_icon1.jpg) no-repeat right 25px bottom 25px; }
.classCont_1 .cont_area .list_3 .icon_2{background:url(../img/class_1_icon2.jpg) no-repeat right 25px bottom 25px; }
.classCont_1 .cont_area .list_3 .icon_3{background:url(../img/class_1_icon3.jpg) no-repeat right 25px bottom 25px; }
.classCont_1 .cont_area .list_3 .icon_4{background:url(../img/class_1_icon4.jpg) no-repeat right 25px bottom 25px; }
.classCont_1 .cont_area .titleType_1{padding:30px 0; text-align:center;}
.classCont_1 .cont_area .titleType_1 .s_tit{margin-bottom:5px; font-size:21px; color:#19c582;}
.classCont_1 .cont_area .titleType_1 .tit{font-size:31px; }
.classCont_1 .cont_area .list_4{margin-bottom:70px;}
.classCont_1 .cont_area .list_4>ul{display:flex;}
.classCont_1 .cont_area .list_4>ul>li{flex:0 0 30.4%; padding:20px 10px;  margin-right:4.4%; border:1px solid #e6e6e6; box-sizing:border-box; border-radius:10px; display:flex; align-items: center; justify-content: center; word-break: keep-all;}
.classCont_1 .cont_area .list_4>ul>li:last-child{margin-right:0;}
.classCont_1 .cont_area .list_4>ul>li .inner{font-size:17px; font-weight:700; line-height:1.47; text-align:center;}
.classCont_1 .cont_area .review_list{position:relative; padding:40px 0;}
.classCont_1 .cont_area .review_list ul{position:relative; }
.classCont_1 .cont_area .review_list:before{position:absolute; left:0; top:40px; z-index:1; width:100px; height:72px; background:url(../img/mark_left.png) no-repeat 0 0; display:block; content:"";}
.classCont_1 .cont_area .review_list:after{position:absolute; right:0; bottom:0; z-index: 1; width:100px; height:72px; background:url(../img/mark_right.png) no-repeat right bottom; display:block; content:"";}
.classCont_1 .cont_area .review_list li{padding-right:50%; text-align:right;}
.classCont_1 .cont_area .review_list li .inner{position:relative; z-index:3; margin:0 auto 25px; max-width:420px; padding:25px; box-sizing:border-box; background-color:#fff; border-radius:15px; box-shadow:10px 5px 20px rgba(0,0,0,0.1); font-size:15px; line-height:1.6; text-align:left;}
.classCont_1 .cont_area .review_list li .inner:before{position:absolute; left:30px; bottom:-23px; width:25px; height:23px; background:url(../img/text_balloon1.png) no-repeat 0 0; display:block; content:"";}
.classCont_1 .cont_area .review_list li:nth-child(1){text-align:center; padding-right:0;}
.classCont_1 .cont_area .review_list li:nth-child(3){position:absolute; left:50%; padding-right:0; margin-top:-70px;}
.classCont_1 .cont_area .review_list li:last-child{margin-top:-35px;padding:0; text-align:center;}
.classCont_1 .cont_area .review_list li:nth-child(1) .inner:before{left:50%; margin-left:-12px;}
.classCont_1 .cont_area .review_list li:last-child .inner:before,
.classCont_1 .cont_area .review_list li:nth-child(2n) .inner:before{right:30px; left:auto; background:url(../img/text_balloon2.png) no-repeat right 0;}
.classCont_1 .cont_area .txtType_1{display: flex; align-items: center; margin:20px 0 45px; padding:15px 0; font-size:21px; color:#19C582;}
.classCont_1 .cont_area .download_list .txtType_1{margin:20px 0;}
.classCont_1 .cont_area .txtType_1 img{margin-right: 10px;}
.classCont_1 .cont_area .download_list{padding-top:20px;}
.classCont_1 .cont_area .download_list>ul{display:flex;}
.classCont_1 .cont_area .download_list>ul>li{position:relative;display:flex;width:47.8%; box-sizing:border-box;}
.classCont_1 .cont_area .download_list>ul>li:nth-child(2n){margin-left:auto;}
.classCont_1 .cont_area .download_list>ul>li a{padding:15px 0; width:100%; background-color:#fafafa; text-align:center; border:1px solid #e6e6e6; display:block; box-sizing:border-box;}
.classCont_1 .cont_area .download_list>ul>li a span{padding-left:30px; background:url(../img/icon_download.png) no-repeat 0 center; font-size:17px; display:inline-block; line-height:1.47; text-align:left;}
.classCont_1 .cont_area .link_btn>ul{display:flex;}
.classCont_1 .cont_area .link_btn>ul>li{position:relative;display:flex;width:47.8%; box-sizing:border-box;}
.classCont_1 .cont_area .link_btn{padding-top:30px;}
.classCont_1 .cont_area .link_btn>ul>li:nth-child(2n){margin-left:auto;}
.classCont_1 .cont_area .link_btn>ul>li a{position:relative; width:100%; background-color:#61d1a0; text-align:center; display:block; box-sizing:border-box;}
.classCont_1 .cont_area .link_btn>ul>li a:before{position:absolute; right:24px; top:50%; margin-top:-7px; width:16px; height:14px; display:block; background:url(../img/link_arrow.png) no-repeat center center; content:"";}
.classCont_1 .cont_area .link_btn>ul>li a span{height:60px; line-height:60px; font-size:17px; display:inline-block; color: #fff;}
#hd_login_msg{opacity:0;}
.sub_container{overflow:hidden;}

.resource_visual{height:652px; background:url(../img/resoure_visual.jpg) no-repeat center center; background-size:cover; display:flex; align-items:center}
.resource_visual .vs_txt{margin:0 auto; padding-left:100px; width:100%;  max-width:1320px; box-sizing:border-box; }
.resource_visual .vs_txt h1{font-size:63px; font-weight:700; font-family: 'GmarketSansMedium'; line-height:1.2;}
.resource_visual .vs_txt .txt_2{font-size:45px; color:#eaa041; font-weight:500;}
.resource_detail{padding-top:50px; }
.resource_detail .top_list {display:flex; margin-bottom:40px;}
.resource_detail .top_list li{margin-left:3.5%; padding-top:60px; width:31%; height:509px; box-sizing:border-box; text-align:center;}
.resource_detail .top_list li:first-child{margin-left:0; }
.resource_detail .top_list li.list_1{background:url(../img/resoure_img_1.jpg) no-repeat center center; background-size:cover;}
.resource_detail .top_list li.list_2{background:url(../img/resoure_img_2.jpg) no-repeat center center; background-size:cover;}
.resource_detail .top_list li.list_3{background:url(../img/resoure_img_3.jpg) no-repeat center center; background-size:cover;}
.resource_detail .top_list .s_tit{margin-bottom:12px; font-size:20px; color:#19c582; font-weight:500; display:block; }
.resource_detail .top_list .txt{font-size:30px; font-weight:500; line-height:1.36;}
.resource_detail .form_area{margin:0 auto; max-width:654px;}
.resource_detail .input_list{padding-bottom:15px;}
.resource_detail .input_list li{margin-bottom:15px;}
.resource_detail .input_list li input[type=text]{width:100%; height:54px; line-height:52px; background-color:#F6F7F9; border:1px solid #e5e5e5; font-size:18px; font-weight:400;}
.resource_detail .input_list li input[type=text]::placeholder{color:#000;}
.resource_detail .terms_box{margin-bottom:20px; padding:30px; height:248px; border:1px solid #e5e5e5; font-size:16px; line-height:1.5; box-sizing:border-box; overflow:auto; font-weight:300;}
.resource_detail .agree{margin-bottom:45px;}
.resource_detail .agree label{font-size:16px; font-weight:300;}
.resource_detail .btn_area{text-align:center;}
.resource_detail .btn_area .btn{max-width:400px; width:100%; height:60px; line-height:60px; background-color:#19c582; font-size:18px; color:#fff; text-align:center;  display:inline-block; box-sizing:border-box;}

body #bo_w .bo_w_flie .lb_icon{width:56px; top:8px; font-size:14px; color:#333;}
body #bo_w .btn_confirm {padding-top:50px; text-align:center;}
#bo_w .btn_submit,
#bo_w .btn_cancel{margin:0 5px; min-width:120px; height:50px; line-height:50px; box-sizing:border-box; font-weight:400;}
#bo_w .btn_submit:hover{background-color:#19c582; color:#fff;}

.news_list{margin:0 auto; max-width:1220px; display:flex; flex-wrap: wrap;}
.news_list li{position:relative; width:30%; margin:0 5% 30px 0;}
.news_list li .chk{position:absolute; left:5px; top:5px; z-index:3;}
.news_list li:nth-child(3n){margin-right:0;}
.news_list li .gall_img{border-radius:20px; overflow:hidden;}
.news_list li .gall_img .is_notice{position:absolute; right:15px; top:10px; z-index:4; font-size:24px; font-weight:600; }
.news_list li .gall_img>a{position:relative; padding-bottom:100%; display:block; }
.news_list li .gall_img img{position:absolute; left:0; top:0; width:100%; height:100%; }
.news_list li  .bo_tit{margin:20px 0 10px; display:block;  font-size:28px; font-weight:600;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
}
.news_list li  .bo_tit .new_icon{font-size:12px;}
.news_list li .bo_cnt{margin-bottom:8px; font-size:18px; font-weight:300; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
}
.news_list li .gall_date{font-size:18px; font-weight:400;}
.news_list li .gall_img .no_image{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background-color:#eee;}
.news_list li .gall_img .no_image span{position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:16px; font-weight:400; transform: translate(0, -50%);} 
.newsCont{padding-top:70px;}
.newsCont h1{margin-bottom:15px; text-align:center; font-size:36px; font-family: 'GmarketSansMedium'; color:#19c582; font-weight:700;}
.newsCont .txtType{margin-bottom:80px; text-align:center; font-size:20px; font-weight:300;}
.info_txt{font-size:15px; color:#777; font-weight:300;}

.notice_detail .bo_v_nb li{border-top:none;}
.pg_wrap{display: flex; justify-content: center; float: none;}

.terms_box{padding-top:50px;}
.terms_box pre{box-sizing: border-box; padding:20px; height:700px; overflow:auto; white-space: normal; display:block; font-size:18px; line-height:1.6; border: 1px solid #ddd;}
.terms_box .privacy_table{width: 100%; margin-bottom: 30px;}
.terms_box .privacy_table td{font-size: 18px; border: 1px solid #ddd; padding: 15px 10px; text-align: center;}



/* service */
.service_visual{height:652px; background:url(../img/service_visual.jpg) no-repeat center center; background-size:cover; display:flex; align-items:center}
.service_visual .s_txt{margin:0 auto; padding-left:100px; width:100%;  max-width:1320px; box-sizing:border-box; }
.service_visual .s_txt h1{font-size:63px; font-weight:700; font-family: 'GmarketSansMedium'; line-height:1.2;}
.service_visual .s_txt .txt_2{font-size:45px; font-weight:500; color:#7589ff;}
.price_contents{max-width: 1320px; width: 100%;}
.price_contents h1{font-size: 45px; color: #222; font-weight: 700; text-align: center; margin-bottom: 15px;}
.price_contents h2{margin-bottom:15px; font-size:25px; color:#19c582; text-align: center;}
.price_table{width: 100%; font-size: 15px; text-align: center;border-collapse: collapse;background-color: #fff; color: #696969; margin-top: 35px; margin-bottom: 60px;}
.price_table th{padding: 20px 0;border-bottom: 1px solid #000;font-weight: 500; font-size: 20px; color: #000;}
.price_table .table_top{font-size: 15px; font-weight: 500; }
.price_table td{padding: 15px 10px;font-size: 18px;text-align: center;}
.price_table td:first-child{border-left: none;}
.price_table td:last-child{border-right: none;}
.service_detail{padding-top: 50px;}
.service_detail .top_list {display:flex; margin-bottom:40px;}
.service_detail .top_list li{margin-left:3.5%; padding-top:60px; width:31%; height:509px; box-sizing:border-box; text-align:center;}
.service_detail .top_list li:first-child{margin-left:0; }
.service_detail .top_list li.list_1{background:url(../img/resoure_img_1.jpg) no-repeat center center; background-size:cover;}
.service_detail .top_list li.list_2{background:url(../img/resoure_img_2.jpg) no-repeat center center; background-size:cover;}
.service_detail .top_list li.list_3{background:url(../img/resoure_img_3.jpg) no-repeat center center; background-size:cover;}
.service_detail .top_list .s_tit{margin-bottom:12px; font-size:20px; color:#19c582; font-weight:500; display:block; }
.service_detail .top_list .txt{font-size:30px; font-weight:500; line-height:1.36;}
.price_table tr i.circle{width: 18px; height: 18px; background-image: url(../img/circle.png); display: inline-block; background-repeat: no-repeat; background-size: contain;}
.price_table tr i > span{visibility: hidden; overflow: hidden; position: absolute; top: -1px; left: -1px; width: 1px; height: 1px; font-size: 0; line-height: 0;z-index: -1;}
.service_detail .form_area{margin:0 auto; max-width:654px;}
.service_detail .input_list{padding-bottom:15px;}
.service_detail .input_list li{margin-bottom:15px;}
.service_detail .input_list li input[type=text]{width:100%; height:54px; line-height:52px; background-color:#F6F7F9; border:1px solid #e5e5e5; font-size:18px; font-weight:400;}
.service_detail .input_list li input[type=text]::placeholder{color:#000;}
.service_detail .input_list li textarea{width: 100%; height: 300px; line-height:52px; background-color:#F6F7F9; border:1px solid #e5e5e5; font-size:18px; font-weight:400;}
.service_detail .terms_box{margin-bottom:20px; padding:30px; height:248px; border:1px solid #e5e5e5; font-size:16px; line-height:1.5; box-sizing:border-box; overflow:auto; font-weight:300;}
.service_detail .agree{margin-bottom:45px;}
.service_detail .agree label{font-size:16px; font-weight:300;}
.service_detail .btn_area{text-align:center;}
.service_detail .btn_area .btn{max-width:400px; width:100%; height:60px; line-height:60px; background-color:#19c582; font-size:18px; color:#fff; text-align:center;  display:inline-block; box-sizing:border-box;}


/* method */
.method_visual{height:652px; background:url(../img/method_bg.jpg) no-repeat center center; background-size:cover; display:flex; align-items:center}
.method_visual .m_txt{margin:0 auto; padding-left:100px; width:100%;  max-width:1320px; box-sizing:border-box; }
.method_visual .m_txt h1{font-size:63px; font-weight:700; font-family: 'GmarketSansMedium'; line-height:1.2;}

/* healing teams */
.healing_teams_list{position: relative; padding-top: 100px;}
.healing_teams_list::before{position:absolute; left:-20vw; top:120px; z-index:-1; width:25vw; height:25vw; display:block; background-color:#f3fbfe; border-radius:50%; content:"";}
.healing_teams_list h1{font-size: 47px; text-align: center; margin-bottom: 100px; font-weight: 700; line-height: 1;}
.healing_teams_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.healing_teams_list ul li{position: relative; width: 32.333%; box-sizing:border-box; background-color: #fff; box-shadow:10px 10px 15px rgba(0,0,0,0.1); border-radius:10px; text-align: center; transition: all 0.6s ease-out; opacity: 0; left: -50px; padding: 60px 25px;}
.healing_teams_list.active>ul>li{opacity: 1; left: 0;}
.healing_teams_list>ul>li:first-child{background-color: #f2f7e5;}
.healing_teams_list>ul>li:nth-child(2){transition-delay: 0.4s; background-color: #fef7e5;}
.healing_teams_list>ul>li:nth-child(3){transition-delay: 0.6s; background-color: #edf6fb;}
.healing_teams_list ul li h2{font-size: 29px; font-weight: 700; margin-bottom: 20px; margin-top: 20px;}
.healing_teams_list ul li p{font-size: 17px; font-weight: 300; line-height: 1.6;}
.today{position: relative; padding: 20px; width: 65vw; max-width: 970px; margin: 0px auto; user-select: none; box-sizing: border-box; margin-top: 180px; transition: all 0.6s ease-out; opacity: 0; left: -50px;}
.today.active{opacity: 1; left: 0;}
.today_me>div{position: relative; max-width: 1220px; height: 60vw; max-height: 470px; overflow: visible; transition: all 300ms cubic-bezier(0.31, 0.27, 0.15, 0.99) 0s; }
.today_me .me_img{z-index: 4; position: absolute; top: 0; left: 50%; width: 65vw; max-width: 970px; max-height: 540px; border-radius: 10px; transform: translateX(calc(-50%)) scale(1); filter: blur(0px);}
.today_me .me_img.me_img_2{z-index: 3; transform: translateX(calc(-37%)) scale(0.9); filter: blur(2px); }
.today_me .me_img.me_img_3{z-index: 2; transform: translateX(calc(-24%)) scale(0.8); filter: blur(4px); }
.today_me .me_img>img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px; box-shadow: rgba(76, 85, 107, 0.08) 0px 16px 24px, rgba(75, 89, 108, 0.12) 0px 8px 100px; overflow: hidden; }
.today .me_btn{display: flex; justify-content: center; margin-bottom: 50px;}
.today .me_btn button{box-sizing: border-box; background-color: #19C582; border-radius: 5px; padding: 15px 50px; }
.today .me_btn button a p{display: flex; align-items: center; justify-content: center; color: #fff; font-size: 21px;}
.today .me_btn button a p img{width: 20px; height: 20px; margin-right: 10px;}
.hilling_function{position: relative; margin-top: 180px;}
.hilling_function:after{position:absolute; right:-8.85vw; top:80px; z-index:-1; width:45vw; height:45vw; display:block; background-color:#f3fcf9; border-radius:50%; content:"";}
.hilling_function ul{display: flex; flex-wrap: wrap; justify-content: center;}
.hilling_function ul li{display: flex; flex-direction: column; align-items: center; width: 28.333%; text-align: center; background-color: #fff; border-radius: 10px; margin-right: 20px; margin-bottom: 50px; padding: 20px; border: 1px solid #19C582; box-shadow:10px 10px 15px rgba(0,0,0,0.1); transition: all 0.6s ease-out; opacity: 0; left: -50px;}
.hilling_function.active > ul > li{opacity: 1; left: 0;}
.hilling_function ul > li:nth-child(2){transition-delay: 0.4s;}
.hilling_function ul > li:nth-child(3){margin-right: 0; transition-delay: 0.6s;}
.hilling_function ul > li:nth-child(4){margin-bottom: 0; transition-delay: 0.8s;}
.hilling_function ul > li:nth-child(5){margin-right: 0; margin-bottom: 0; transition-delay: 1s;}
.hilling_function ul li h1{font-size: 21px; color: #fff; background-color: #19C582; padding: 5px 20px; border-radius: 30px; margin-bottom: 10px; line-height: 1.3; margin-bottom: 15px;}
.hilling_function ul li h2{font-size: 29px; font-weight: 700; margin-bottom: 10px; margin-top: 15px;}
.hilling_function ul li p{font-size: 17px; font-weight: 300; line-height: 1.6;}

/* healing space */
.hilling_space .sub_top_title{position: relative; margin-bottom: 40px;}
.hilling_space .txt_2{font-size: 21px; font-weight: 400; line-height: 1.6; text-align: center; margin-bottom: 80px; margin-top: 40px; word-break: keep-all;}
.subCont .sub_top_title .img_3{position:absolute; left:-80px; top:55px; z-index: 1;}
.subCont .sub_top_title .img_3 img{position:relative; animation: intro_img_2 7s ease-out 1.5s infinite;}
.subCont .sub_top_title .img_4 img{position:relative; animation: intro_img_3 4s ease-out 1.5s infinite;}
.subCont .sub_top_title .img_4{position:absolute; right:-15px; top:240px; z-index: -1;}
@keyframes intro_img_3 {
    0% {top: 0;}
    50% {top: 40px;}
    100% {top: 0;}
}

@keyframes intro_img_4 {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(-90deg);}
    100% {transform: rotate(0deg);}
}

.space_list{position: relative; display: flex; justify-content: space-between;}
.space_list::before{position:absolute; left:-10vw; top:210px; z-index:-1; width:337px; height:337px; display:block; background-color:#f3fbfe; border-radius:50%; content:"";}
.space_list img{width: 32.333%; border-radius: 15px; object-fit: cover;}
.space_list h1{font-size: 47px; text-align: center;  font-weight: 700; line-height: 1; margin-bottom: 100px;}
.space_list .txt_2{font-size: 25px; font-weight: 400; line-height: 1.6; text-align: center; margin-bottom: 100px;}
.space_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.space_list ul li{position: relative; width: 32.333%; box-sizing:border-box; box-shadow:10px 10px 15px rgba(0,0,0,0.1); border-radius:10px; padding: 60px 35px; text-align: center; transition: all 0.6s ease-out; opacity: 0; left: -50px;}
.space_list.active>ul>li{opacity: 1; left: 0;}
.space_list>ul>li:first-child{background-color: #f2f7e5;}
.space_list>ul>li:nth-child(2){transition-delay: 0.4s; background-color: #fef7e5;}
.space_list>ul>li:nth-child(3){transition-delay: 0.6s; background-color: #edf6fb;}
.space_list ul li h2{font-size: 29px; font-weight: 700; margin-bottom: 20px; margin-top: 20px;}
.space_list ul li p{font-size: 17px; font-weight: 300; line-height: 1.6;}
/* .space_video{position: relative; display: flex; justify-content: center; margin-top: 180px;  transition: all 0.6s ease-out; opacity: 0; left: -50px;}
.space_video.active{opacity: 1; left: 0;}
.space_video img {display: block; object-fit: cover;}
.space_video .play_icon {position: absolute;top: 50%;left: 50%;width: 90px;height: 90px;background: url('/img/play_icon.png') no-repeat center center;background-size: contain;transform: translate(-50%, -50%);opacity: 0;transition: opacity 0.3s ease;}
.space_video:hover{background-color: #000;}
.space_video:hover img{opacity: 0.4;}
.space_video:hover .play_icon {opacity: 1;} */
.space_img{position: relative; display: flex; align-items: center; margin-top: 180px;}
.space_img::after{position:absolute; right:-20vw; top:120px; z-index:-1; width:1100px; height:1100px; display:block; background-color:#f3fcf9; border-radius:50%; content:"";}
.space_img{padding: 0 0 0 15%;}
.space_img .txt_area{margin-right: 20px;}
.space_img .txt_area h2{font-size: 36px; font-weight: 600; word-break: keep-all;}
.space_img .txt_area h2 strong{color: #19c582; word-break: keep-all;}
.space_img .txt_area p{font-size: 21px; color: #777;margin-top: 40px; word-break: keep-all; font-weight: 400;}
.space_img_list_wrap{position: relative; margin-left: auto;}
.space_img_list{padding-right:240px; width: 532px; overflow: hidden;}
.space_img_list .swiper-slide{position: relative; padding-right: 50px; width: 532px; box-sizing: border-box; overflow: hidden;}
.space_img_list .swiper-slide .inner{position: relative; padding: 45px 50px; height: 600px; border-radius: 20px; box-sizing: border-box; display: flex; align-items: flex-end; overflow: hidden;}
.space_img_list .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.space_img_list .box{position: relative;}
.space_img_list_wrap .control{padding-top: 35px; text-align: right; margin-right: 118px;}
.space_img_list_wrap .control .swiper-button-prev{position: relative; left: 0; top: 0; margin: 0; width: 46px; height: 46px; display: inline-block; background: url(../img/rolling_prev.png) no-repeat center center;} 
.space_img_list_wrap .control .swiper-button-next{position: relative; left: 0; top: 0; margin: 0; width: 46px; height: 46px; display: inline-block; background: url(../img/rolling_next.png) no-repeat center center;} 
.space_img_list_wrap .control .swiper-pagination{position: relative; width: 500px; height: 5px; }
.space_img_list_wrap .control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #19c2a4;}

.space_map{display: flex; justify-content: space-between; align-items: center; }
.map_inner{position: relative; margin-top: 180px;}
.map_inner .img_1{position: absolute; left: -7%; top: -55%; z-index: -1;}
.map_inner .img_1 img{position: relative; animation: intro_img_1 3s ease-out 1s infinite;}
.space_map .map{width: 50%;}
.space_map .map iframe{width: 100%; height: 450px ;}
.space_map .address{margin-left: 20px;}
.space_map .address h3{font-size: 25px; font-weight: 600; word-break: keep-all;}
.space_map .address p{font-size: 21px; color: #777; font-weight: 400; margin-top: 30px; word-break: keep-all;}
.space_map .address .map_btn{margin-top: 40px;}
.space_map .address .map_btn a{color: #19C582; font-size: 21px;}
.space_map .address .map_btn button{box-sizing: border-box; background-color: #fff; border: 1px solid #19C582; padding: 10px 40px; border-radius: 5px; font-size: 21px; color: #19C582; font-weight: 500;}
.space_map .address .map_btn button:hover{background-color: #19C582;}
.space_map .address .map_btn a button:hover{color: #fff;}

.advantage_list{position: relative; margin-top: 180px;}
.advantage_list::before{position: absolute; content: ""; top: 100px; left: -35%; z-index: -1; width: 590px; height: 590px; display: block; background-color: #fffce4; border-radius: 50%; }
.advantage_list ul{display: flex; justify-content: space-between;}
.advantage_list ul li{box-sizing: border-box; display: flex;align-items: center; flex-direction: column; width: 32%; background-color: #fff; box-shadow: 4px 4px 2px 2px #8e8e8e5c; border-radius: 20px; padding: 100px 0;}
.advantage_list ul li h2{font-size: 29px; font-weight: 600; margin-top: 50px; word-break: keep-all;}
.advantage_list ul li p{text-align: center; font-size: 21px; font-weight: 300; margin-top: 25px; word-break: keep-all;}

.rule{position: relative;}
.rule .img_3{position: absolute; left: -8%; top: -60px;}
.rule .img_3 img{position: relative; animation: intro_img_3 4s ease-out 1.5s infinite;}
.space_rule{position: relative; margin-top: 180px;}
.space_rule::before{position: absolute; content: ""; right: -20%; top: -100px; z-index: -1; width: 337px; height: 337px; display: block; background-color: #f3fbfe; border-radius: 50%;}
.space_rule h2{font-size: 36px; font-weight: 600; margin-bottom: 100px; text-align: center;}
.space_rule .rule_box{box-sizing: border-box; background-color: #fff; box-shadow: 4px 4px 2px 2px #8e8e8e5c; border-radius: 20px; padding: 20px;}
.space_rule .rule_box ul li{margin-bottom: 10px;}
.space_rule .rule_box ul li:nth-child(2){display: flex; flex-direction: column;}
.space_rule .rule_box ul li:last-child{margin-bottom: 0;}
.space_rule .rule_box ul li h3{position: relative; font-size: 25px; color: #19C582; font-weight: 600; padding-left: 20px; word-break: keep-all;}
.space_rule .rule_box ul li h3::before{position: absolute; content: ""; top: 10px; left: 0; background-color: #19C582; border-radius: 50%; width: 8px; height: 8px;}
.space_rule .rule_box ul li span{font-size: 18px; font-weight: 400; padding-left: 20px; padding-top: 5px; word-break: keep-all;}
.space_rule .rule_box ul li p{position: relative; font-size: 21px; font-weight: 400; padding-left: 20px; word-break: keep-all;}
.space_rule .rule_box ul li p::before{position: absolute; content: ""; top: 10px; left: 0; background-color: #000; border-radius: 50%; width: 6px; height: 6px;}

.calendar{position: relative; margin-top: 180px;}
.calendar::before{position:absolute; left:-40vw; top:255px; z-index:-1; width:1100px; height:1100px; display:block; background-color:#f3fcf9; border-radius:50%; content:"";}
.calendar h2{font-size: 36px; font-weight: 600; margin-bottom: 100px; text-align: center;}
.calendar iframe{width: 100%;}

.reservation{position: relative; margin-top: 180px;}
.reservation .img_4{position: absolute; top: -30px; right: -90px; z-index: -1;}
.reservation .img_4 img{position: relative; animation: intro_img_3 4s ease-out 1.5s infinite;}
.reservation h2{font-size: 36px; font-weight: 600; margin-bottom: 100px; text-align: center;}
.reservation ul{display: flex; justify-content: space-between; align-items: center;}
.reservation ul li{display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 21%; height: 400px; box-sizing: border-box; background-color: #fff; border: 1px solid #19C582; border-radius: 20px; padding: 30px;}
.reservation ul li span{background-color: #19C582; border-radius: 50%; width: 40px; height: 40px; color: #fff; font-size: 25px; font-weight: 600; text-align: center; line-height: 40px;}
.reservation ul li p{font-size: 21px; font-weight: 400; text-align: center;}
.reservation ul li img{margin: 30px 0;}

.faq{position: relative; margin-top: 180px;}
.faq h2{font-size: 36px; font-weight: 600; margin-bottom: 100px; text-align: center;}
.faq .faq_list{margin-top: 100px;}
.faq .faq_list>ul>li{position: relative; border-bottom: 1px solid #ddd; padding: 15px 25px;}
.faq .faq_list>ul>li:first-child{border-top: 1px solid #ddd;}
.faq .faq_list ul>li>a{position: relative; display: block; font-size: 21px; font-weight: 500; word-break: keep-all;}
.faq .faq_list>ul>li>a::before{position: absolute; right: 0; top: 43%; margin-top: 0; width: 20px; height: 11px; background: url(../img/sgnb_arrow.svg) no-repeat center center; background-size: 120%; display: block; content: ""; transition: all 0.3s ease-out;}
.faq .faq_list>ul>li.active>a::before{transform: rotate(-180deg);}
.answer_list {display: none;}

.faq .faq_list ul>li>ul.answer_list{font-size: 21px; font-weight: 500; padding-top: 20px;}
.faq .faq_list ul>li>ul.answer_list>li{font-size: 21px; font-weight: 500;}
.faq .faq_list ul>li>ul.answer_list strong{color: #19C582;}
.faq .faq_list::before{position: absolute; content: ""; top: 100px; right: -35%; z-index: -1; width: 590px; height: 590px; display: block; background-color: #fffce4; border-radius: 50%; }


.reservation_notice{position: relative; margin-top: 180px;}
.reservation_notice::before{position: absolute; content: ""; left: -30%; top: 190px; z-index: -1; width: 337px; height: 337px; display: block; background-color: #f3fbfe; border-radius: 50%;}
.reservation_notice .img_1{position: absolute; top: -130px; left: -80px; z-index: -1;}
.reservation_notice .img_1 img{position: relative; animation: intro_img_2 7s ease-out 1.5s infinite;}
.reservation_notice  h2{font-size: 36px; font-weight: 600; margin-bottom: 100px; text-align: center;}
.reservation_notice .r_notice_box{box-sizing: border-box; background-color: #fff; box-shadow: 4px 4px 2px 2px #8e8e8e5c; border-radius: 20px; padding: 30px;}
.reservation_notice .r_notice_box ul{display: flex; flex-wrap: wrap;}
.reservation_notice .r_notice_box ul li{width: 49%;}
.reservation_notice .r_notice_box ul li:nth-child(3){margin-top: 40px;}
.reservation_notice .r_notice_box ul li:nth-child(4){margin-top: 40px;}
.reservation_notice .r_notice_box ul li h3{font-size: 25px; font-weight: 600; color: #19C582; margin-bottom: 10px;}
.reservation_notice .r_notice_box ul li p{font-size: 21px; font-weight: 400;}
.reservation_notice .r_notice_box ul li .store_btn button{box-sizing: border-box; background-color: #19C582; border-radius: 5px; padding: 10px 35px; margin-top: 10px;}
.reservation_notice .r_notice_box ul li .store_btn button a{display: flex; align-items: center; color: #fff; font-size: 18px; font-weight: 400;}
.reservation_notice .r_notice_box ul li .store_btn button a img{padding-left: 10px;}


/* .space_feature{position: relative; margin-top: 180px;}
.space_feature ul{display: flex; flex-wrap: wrap; justify-content: center;}
.space_feature ul li{display: flex; flex-direction: column; align-items: flex-start; width: 28.333%; text-align: center; background-color: #fff; border-radius: 10px; margin-right: 20px; margin-bottom: 50px; padding: 20px; box-shadow:10px 10px 15px rgba(0,0,0,0.1); transition: all 0.6s ease-out; opacity: 0; left: -50px; height: 430px;}
.space_feature.active > ul > li{opacity: 1; left: 0;}
.space_feature > ul > li:nth-child(2){transition-delay: 0.4s;}
.space_feature ul > li:nth-child(3){margin-right: 0; transition-delay: 0.6s;}
.space_feature ul > li:nth-child(4){margin-bottom: 0; transition-delay: 0.8s;}
.space_feature ul > li:nth-child(5){margin-right: 0; margin-bottom: 0; transition-delay: 1s;}
.space_feature ul li h1{font-size: 21px; font-family: 'PoppinsBold'; display: block; line-height: 1; color: #19C582; margin-bottom: 10px;}
.space_feature ul li h2{margin-bottom: 20px; font-size: 29px; font-weight: 700; text-align: left;}
.space_feature ul li p{text-align: left; font-size: 17px; font-weight: 300; line-height: 1.6; word-break: keep-all;}
.space_feature ul li.feature_1{background: url(../img/space_icon_1.png) no-repeat right 35px bottom 35px #fff;}
.space_feature ul li.feature_2{background: url(../img/space_icon_2.png) no-repeat right 35px bottom 35px #fff;}
.space_feature ul li.feature_3{background: url(../img/space_icon_3.png) no-repeat right 35px bottom 35px #fff;}
.space_feature ul li.feature_4{background: url(../img/space_icon_4.png) no-repeat right 35px bottom 35px #fff;}
.space_feature ul li.feature_5{background: url(../img/space_icon_5.png) no-repeat right 35px bottom 35px #fff;}
.space_feature .space_button{display: flex; justify-content: center; margin-top: 100px;}
.space_feature .space_btn_1 button{box-sizing: border-box; background-color: #fff; border: 1px solid #19C582; border-radius: 10px; padding: 15px 50px; margin-right: 20px;}
.space_feature .space_btn_1 button a{color: #19C582; font-size: 25px;}
.space_feature .space_btn_2 button{box-sizing: border-box; background-color: #19C582; border-radius: 10px; padding: 15px 50px;}
.space_feature .space_btn_2 button a{color: #fff; font-size: 25px;} */

.pg_current{margin-top: 10px;}
.pg_page{margin-top: 10px;}


@media screen and (min-width: 1200px) {
.gnb>ul>li:hover .s_gnb{opacity:1; visibility: visible;}
}

@media screen and (max-width: 1600px) {

/* header */
.header_inner{padding:0 4%;}

/* main */
.main_vs_txt .en{font-size:120px;}
.mainCont_2{padding-left:4%;}
.mainCont_3 .txt_area,
.mainCont_2 .left_area{padding-left:0;}
.mainCont_3{padding:0 4%;}
.mainCont_4 .main_inner{padding:0 0 0 4%;}
.mainCont_4 .link{padding-left:0;}
.mainCont_6 .txt a,
.main_container .link a{font-size:60px;}
.mainCont_6 .left_area{padding:110px 50px 50px;}
.mainCont_6 .right_area{padding:110px 50px 50px;}
.main_test_list{padding-right:200px;}
.mainCont_7{padding:0 4%;}
.mainCont_8{padding:0 4%;}


/* footer */
.footer{padding:0 4%;}

/* hilling space */
.space_img{padding: 0 0 0 4%;}

}

@media screen and (max-width: 1400px) {
.header .right_btn a{width:140px; height:46px; line-height:46px; font-size:16px;}

/* main */
.main_class_list{padding-right:80px;}
.main_class_rolling .list_1 .inner{padding:30px;}
.main_class_rolling .control{left:-200px; z-index:3;}
.main_class_rolling .control .title{font-size:46px;}
.main_class_rolling .control .swiper-pagination-progressbar{width:260px;}
.mainCont_3 .txt_area{flex: 0 0 45%;}
.mainCont_2 .left_area{flex:0 0 50%;}
.mainCont_3 .btm_txt{margin-top:180px;}
.main_test_list{padding-right:100px;}
.main_test_list{width:450px; }
.main_test_list .swiper-slide .inner{height:507px;}
.main_test_list .swiper-slide{padding-right:25px;}
.main_test_list .swiper-slide .inner{padding:30px;}
.mainCont_5 .main_inner{padding:0 20px;  box-sizing:border-box;}
.mainCont_5 .title_area{margin-bottom:40px;}
.mainCont_6 .left_area{background-size:340px; height:calc(100vh - 180px);}
.mainCont_6 .right_area{background-size:500px; height: calc(100vh - 180px);}
.mainCont_7 .txt_area{flex: 0 0 45%;}
.mainCont_8 .txt_area{flex: 0 0 45%;}

.footer_inner{height:180px;}

.space_img_list .swiper-slide .inner{height: 507px; padding: 30px;}
.space_img_list .swiper-slide{padding-right: 25px;}
}

@media screen and (max-width: 1200px){

/* header */
.header_inner{padding:0 20px; height:90px;}
.menu_open{margin-left:20px; width:40px; height:40px; background:url(../img/menu_open.svg) no-repeat center center; background-size:100%;}
.gnb{position:fixed; right:-500px; top:0; z-index:10; padding-left:0; max-width:400px; width:100%;  height:100vh; background-color:#fff; box-shadow:4px 4px 10px 10px rgba(0,0,0,0.1); 
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gnb.active{right:0;}
.gnb>ul{display:block; padding-left:0;}
.gnb>ul>li{margin:0; width:100%; }
.gnb>ul>li>a{position:relative; padding: 10px 20px; font-size:20px; display:block;}
.gnb>ul>li>a.sGnb_open:before{position:absolute; right:20px; top:50%; margin-top:-4px; width:20px; height:11px; background:url(../img/sgnb_arrow.svg) no-repeat center center; background-size:120%; display:block; content:"";
transition: all 0.3s ease-out;
}
.gnb>ul>li.active>a.sGnb_open:before{transform: rotate(-180deg);}
.menu_close_wrap{text-align:right; padding:20px; }
.menu_close{width:50px; height:50px; background:url(../img/menu_close.svg) no-repeat center center; background-size:100%;}
.header .right_btn{display:flex; align-items: center;}
.s_gnb{position:relative; left:0; top:0; margin-left:0; padding:0; width:100%; visibility:visible; opacity:1; display:none; box-shadow:none;
transition: all 0s ease-out;
}
.s_gnb>ul{border-top:none; border-radius:0; text-align:left; padding: 10px 0; background: rgba(25, 197, 130, 0.1);}
.s_gnb>ul>li>a{padding:5px 20px; text-align:left;}

/* main */
.main_container>.swiper-wrapper>.swiper-slide{padding-top:90px;}
.main_vs_txt .en{font-size:90px;}
.main_vs_txt .txt_1{font-size:20px;}
.main_vs_txt .txt_2{font-size:20px;}
.main_class_list{width:340px; }
.main_class_rolling .swiper-slide .inner{height: 500px;}
.main_class_rolling .swiper-slide .tit{font-size:24px;}
.main_class_rolling .swiper-slide .txt{font-size:14px;}
.mainCont_6 .txt a,
.main_container .link a{font-size:46px;}
.mainCont_2 .btm_txt{margin-top:160px;}
.main_class_rolling .control .step strong{font-size:50px;}
.main_class_rolling .control .title{font-size:38px;}
.mainCont_3 .btm_txt .btn_area a{width:180px; height:54px; line-height:50px; font-size:18px;}
.mainCont_4 .btm_txt .btn_area a{width:180px; height:54px; line-height:50px; font-size:18px;}
.mainCont_4 .btm_txt .btn_area2 a{width:180px; height:54px; line-height:50px; font-size:18px;}
.main_test_list{width:380px; padding-right:60px; }
.main_test_list .txt_area a{font-size:18px; }
.main_news_list .txt_area .tit{font-size:22px;}
.main_news_list .txt_area .txt{font-size:14px;}
.main_news_list .date{font-size:14px;}
.mainCont_5 .more a{width:160px; height:54px; line-height:52px; font-size:14px;}
.mainCont_6 .left_area .txt i{width:30px; height:30px; background-size:100%;}
.mainCont_6 .right_area .txt i{top:0; width:30px; height:30px; background-size:100%;}
.mainCont_6 .txt span{font-size:22px;}
.mainCont_5 .more{padding-top:10px;}
.main_test_list .txt_area{padding:30px 20px; font-size:20px;}
.mainCont_7 .btm_txt .btn_area a{width:180px; height:54px; line-height:50px; font-size:18px;}
.mainCont_8 .btm_txt .btn_area a{width:180px; height:54px; line-height:50px; font-size:18px;}

/* footer */
.footer{padding:0 20px;}
.copyright,
.footer_info ul li{font-size:14px;}

/* layout */
.sub_container{padding-top:90px;}
.sub_top_title h2{font-size:36px;}

/* notice */
.notice_list .title a{font-size:17px;}

/* resource_list */
.resource_list>ul>li{padding:30px 30px 0; width:32%; flex:0 0 32%; margin-right:2%; }
.resource_list .title{font-size:20px;}
.resource_list .title br{display:none;}

/* case_list */
.case_list>ul>li{width:32%; flex:0 0 32%; margin-right:2%; }

/* meCont */
.me_list{padding:120px 0 30px;}
.me_list>ul>li .tit{font-size:40px;}
.me_list>ul>li li{font-size:16px;}
.me_list>ul>li .img_area{padding-left:50%; width:50%;}
.me_list>ul>li:nth-child(2n) .img_area{padding-left:0;}
.me_list>ul>li li:before{top:6px;}

/* intro */
.introCont .top_txt .img_1{left:0; top:70px;}
.introCont .top_txt .img_2{right:0; top:100px;}
.history_list:before{right:0; }
.business_list>ul>li{padding:50px 20px 0;}
.team_list ul{padding:0;}
.introCont .top_txt .txt_1{font-size:100px;}
.introCont .top_txt:before{right:0;}

/* class_list  */
.class_list>ul>li{flex:0 0 32%; padding:40px 20px 0; margin-right: 2%;}
.class_list .tit{font-size:36px;}
.class_list .txt{font-size:18px;}

/* class detail */
.classCont_1 .title_area{flex:0 0 25%;}
.classCont_1 .cont_area{flex:0 0 75%;}
.classCont_1 .title_area h2{font-size:27px;}
.classCont_1 .cont_area .list_3 .title{font-size:18px;}
.classCont_1 .cont_area .list_3>ul>li{flex:0 0 24%; margin-right:1.33%;}
.class_visual{height:520px;}

.resource_detail .top_list .s_tit{font-size:16px;}
.resource_detail .top_list .txt{font-size:24px;}

.news_list li .bo_tit{font-size:22px;}
.news_list li .bo_cnt{font-size:16px;}
.news_list li{width: 32%; flex: 0 0 32%; margin-right: 2%;}

.healing_teams_list::before{left: 0;}
.today_me>div{max-height: 400px;}

.hilling_function ul li{width: 25%;}
.space_feature ul li{width: 25%;}

/* hilling space */
.space_img_list{padding-right: 60px; width: 460px;}
.space_img_list_wrap .control{margin-right: 20px;}
.space_img_list_wrap .control .swiper-pagination{width: 438px;}
}


@media screen and (max-width: 1024px){

/* header */
.header_inner{height:70px;}
.header .logo a img{width:120px;}
.header .right_btn a{width:120px; height:40px; line-height:40px; font-size:14px;}

/* main */
.main_vs_txt .en{font-size:60px;}
.main_vs_txt .txt_1,
.main_vs_txt .txt_2{font-size:16px;}
.main_container>.swiper-wrapper>.swiper-slide{padding-top:70px;}
.mainCont_2 .btm_txt{margin-top:80px; font-size:14px;}
.main_container .btm_txt strong{font-size:16px;}
.mainCont_6 .txt a{font-size:36px;}
.main_container .link a{padding-bottom:40px; font-size:36px; background-size:30px;}
.main_class_rolling .btn_area a{width:140px; height:34px; line-height:34px; font-size:14px;}
.main_class_rolling .swiper-slide{padding:0 10px;}
.main_class_rolling .swiper-slide .inner{height:400px; }
.main_class_rolling .list_1 .inner{box-shadow:2px 2px 5px 5px rgb(0 0 0 / 10%);}
.main_class_rolling .control{position:relative; left:0; top:0;}
.main_class_rolling .control .step{display:none;}
.main_class_rolling .control .title{display:none;}
.main_class_rolling .control .swiper-pagination-progressbar{display:none;}
.mainCont_3 .btm_txt{font-size:16px;}
.mainCont_4 .main_btn{margin-top: 10px;}
.mainCont_3 .btm_txt .btn_area a{width:140px; height:36px; line-height:32px; font-size:14px;}
.mainCont_3 .btm_txt .btn_area{margin-top:10px;}
.mainCont_4 .btm_txt{font-size:16px;}
.mainCont_4 .btm_txt .btn_area a{width:140px; height:36px; line-height:32px; font-size:14px;}
.mainCont_4 .btm_txt .btn_area2 a{width:140px; height:36px; line-height:32px; font-size:14px;}
.main_test_list{width:300px; }
.main_test_list .txt_area a{font-size:16px;}
.main_test_list_wrap .control{margin-right:0; text-align:left; padding-top:20px;}
.mainCont_5 .title_area h1{font-size:30px;}
.mainCont_5 .title_area p{font-size:16px;}
.mainCont_6 .right_area{padding: 90px 30px 30px;  background:url(../img/main_img_7.png) no-repeat right -40px top 100px #19C582; background-size: 400px;}
.mainCont_6 .left_area{padding:90px 30px 30px; background-size: 240px;}
.main_test_list .txt_area{padding:30px 20px; font-size:18px;}
.mainCont_7 .main_btn{margin-top: 10px;}
.mainCont_7 .btm_txt{font-size:16px;}
.mainCont_7 .btm_txt .btn_area a{width:140px; height:36px; line-height:32px; font-size:14px;}
.mainCont_8 .main_btn{margin-top: 10px;}
.mainCont_8 .btm_txt{font-size:16px;}
.mainCont_8 .btm_txt .btn_area a{width:140px; height:36px; line-height:32px; font-size:14px;}


/* footer */
.footer_logo img{width:100px;}
.footer_top .footer_menu ul li a{font-size:14px;}
.footer .sns{margin-bottom:20px;}

/* layout */
.sub_container{padding-top:70px;}
.sub_top_title h2{font-size:30px;}

/* notice */
.notice_list .icon_notice{width:40px; height:24px; line-height:22px; font-size:13px;}
.notice_list .title a{font-size:15px;}
.notice_list .date{font-size:13px;}

/* notice_detail */
.notice_detail .title_area h1{font-size:30px;}

/* resource_list */
.resource_list>ul>li{width:49%; flex:0 0 49%; margin:0 0 30px;}
.resource_list>ul>li:nth-child(2n){margin-left:auto;}

/* case_list */
.case_list>ul>li{width:49%; flex:0 0 49%; margin:0;}
.case_list>ul>li:nth-child(2n){margin-left:auto;}

/* meCont */
.meCont .top_txt .txt_1 strong{font-size:60px; line-height: 80px;}
.meCont .top_txt .txt_2{font-size:17px;}
.meCont .top_txt .btn_area a{width: 170px;}

/* intro */
.introCont{overflow:hidden;}
.introCont .top_txt .txt_1{font-size:80px;}
.introCont .top_txt .txt_2{font-size:17px;}
.introCont .top_txt .img_1 img{width:200px;}
.introCont .top_txt .img_2 img{width:240px;}
.history h3{font-size:60px;}
.history_list>li li{font-size:15px;}
.history_list:before{width:160px; height:160px; margin-top:-80px; background-size:100%;}
.business{padding:120px 0;}
.team h3,
.business h3{margin-bottom:40px; font-size:36px;}
.business_list>ul>li{margin:0 0 30px; flex:0 0 48%; height:380px;}
.business_list>ul>li:nth-child(2n){margin-left:auto;}
.team_list>ul>li{flex:0 0 31%; margin:0 1.16%;}
.team_list>ul>li:nth-child(3){margin-right:1.16%;}
.team_list>ul>li:nth-child(4){margin-left:1.16%;}
.locationCont h3{font-size:36px; flex:0 0 40%;}
.locationCont ul{flex:0 0 60%;}
.locationCont ul li{font-size: 15px;}

/* class_list  */
.class_list>ul>li{margin:0 0 10px; flex:0 0 49%;}
.class_list>ul>li:nth-child(2n){margin-left:auto;}

/* class detail */
.class_visual{height:460px;}

.class_visual .txt_1 span{font-size:14px;}
.class_visual h1{font-size:46px;}
.class_visual .txt_2{font-size:17px;}
.class_visual .btn_area a{width:160px; height:56px; line-height:56px; font-size:17px;}
.tabType_1 ul li button{height:70px;}
.tabType_1 ul li button span{font-size:20px;}
.classCont_1{padding:40px 0; display:block;}
.classCont_1 .title_area{width:100%; margin-bottom:20px;}
.classCont_1 .cont_area{width:100%;}
.classCont_1 .title_area h2 br{display:none;}
.classCont_1 .cont_area p{font-size:15px;}
.classCont_1 .cont_area h3{font-size:19px;}
.classCont_1 .cont_area .titleType_1 .s_tit{font-size:19px;}
.classCont_1 .cont_area .titleType_1 .tit{font-size:27px;}
.classCont_1 .cont_area .list_1 li{font-size:15px; line-height:1.6;}
.classCont_1 .cont_area .list_1 li:before{top:8px;}
.class_visual .btn_area a{width:160px; height:56px; line-height:56px; font-size:17px;}
.classCont_1 .cont_area .txtType_1{font-size:17px; padding:10px 0; }

.resource_visual{height:460px;}
.resource_visual .vs_txt{padding: 0 20px;}
.resource_visual .vs_txt h1{font-size:46px;}
.resource_visual .vs_txt .txt_2{font-size:30px;}
.resource_detail .top_list .txt{font-size:18px;}
.resource_detail .top_list .s_tit{font-size:13px;}
.resource_detail .top_list li{padding-top:30px; height:400px;}

.terms_box pre{padding:20px; height:400px; font-size:16px;}


.service_visual .s_txt{padding: 0 20px;}
.service_visual .s_txt h1{font-size:46px;}
.service_visual .s_txt .txt_2{font-size:30px;}
.service_detail .top_list .txt{font-size:18px;}
.service_detail .top_list .s_tit{font-size:13px;}
.service_detail .top_list li{padding-top:30px; height:400px;}
.price_table{width: 100%; overflow-x: scroll;}
.price_table table{width: 1200px;}

.news_list li{width: 49%; flex: 0 0 49%; margin: 0;}
.news_list>li:nth-child(2n){margin-left: auto;}

.healing_teams_list::before{top: 0;}
.healing_teams_list h1{margin-bottom: 40px; font-size: 40px;}
.healing_teams_list ul li{width: 100%; margin-bottom: 30px;}
.healing_teams_list ul li:last-child{margin-bottom: 0;}
.today{margin-top: 120px;}
.today_me>div{max-height: 330px;}
.today .me_btn{margin-bottom: 30px;}
.today .me_btn button{padding: 10px 30px;}

.hilling_function{margin-top: 120px;}
.hilling_function:after{top: -52px;}
.hilling_function ul li{width: 40%;}
.hilling_function ul li:nth-child(2){margin-right: 0;}
.hilling_function ul li:nth-child(3){margin-right: 20px;}
.hilling_function ul li:nth-child(4){margin-bottom: 50px; margin-right: 0;}

.space_list .txt_2{font-size: 17px;}
.space_list::before{left: -20vw;}
.space_feature::after{right: -15vw;}
.space_list h1{margin-bottom: 40px; font-size: 40px;}
.space_list ul li{width: 100%; margin-bottom: 30px;}
.space_list ul li:last-child{margin-bottom: 0;}
.subCont .sub_top_title .img_3{left: -30px;}
.subCont .sub_top_title .img_3 img{width: 200px;}
.subCont .sub_top_title .img_4{top: 130px;}
.subCont .sub_top_title .img_4 img{width: 240px;}

.space_feature{margin-top: 120px;}
.space_video{margin-top: 120px;}
.space_feature ul li{width: 40%;}
.space_feature ul > li:nth-child(3){margin-right: 20px;}

/* hilling space */
.reservation_notice .img_1 img{width: 240px;}
.reservation .img_4 img{width: 240px;}
.rule .img_3 img{width: 240px;}
.map_inner .img_1 img{width: 240px;}
.hilling_space .txt_2{margin-bottom: 40px; font-size: 17px;}
.space_img{margin-top: 100px;}
.space_img .txt_area h2{font-size: 30px;}
.space_img .txt_area p{font-size: 18px; margin-top: 20px;}
.space_img_list{width: 300px;}
/* .space_img_list .swiper-slide .inner{height: 310px;} */
.space_img_list_wrap .control .swiper-pagination{display: none;}
.space_img_list_wrap .control{margin-right: 75px;}
.map_inner{margin-top: 100px;}
.space_map{flex-direction: column; align-items: flex-start;}
.space_map .map{width: 100%;}
.space_map .address{margin-left: 0; margin-top: 20px;}
.space_map .address p{margin-top: 10px; font-size: 18px;}
.space_map .address .map_btn{margin-top: 20px;}
.advantage_list{margin-top: 100px;}
.advantage_list ul{flex-direction: column;}
.advantage_list ul li{width: 100%; margin-bottom: 30px; padding: 50px 0;}
.advantage_list ul li:last-child{margin-bottom: 0;}
.space_rule{margin-top: 100px;}
.space_rule h2{font-size: 30px; margin-bottom: 60px;}
.space_rule .rule_box ul li h3{font-size: 21px; padding-left: 15px}
.space_rule .rule_box ul li p{font-size: 18px; padding-left: 10px;}
.calendar{margin-top: 100px;}
.calendar h2{font-size: 30px; margin-bottom: 60px;}
.reservation{margin-top: 100px;}
.reservation h2{font-size: 30px; margin-bottom: 60px;}
.reservation ul{flex-direction: column;}
.reservation ul>img{display: none;}
.reservation ul li{width: 100%; height: auto; margin-bottom: 30px;}
.reservation ul li:last-child{margin-bottom: 0;}
.faq{margin-top: 100px;}
.faq h2{font-size: 30px; margin-bottom: 60px;}
.faq .faq_list ul>li>a{font-size: 18px;}
.faq .faq_list ul>li>ul.answer_list>li{font-size: 18px;}
.reservation_notice h2{margin-bottom: 60px;}
.reservation_notice{margin-top: 100px;}
.reservation_notice .r_notice_box ul li h3{font-size: 21px;}
.reservation_notice .r_notice_box ul li p{font-size: 18px;}
.reservation_notice .r_notice_box ul li .store_btn button{padding: 10px 25px;}


.me_list>ul>li.active .txt_area .survey ul li{padding: 15px 0; margin-bottom: 15px; width: 48%;}
.me_list>ul>li.active .txt_area .survey ul li:last-child{margin-bottom: 0;}
.me_list>ul>li.active .txt_area .survey_2 ul li{padding: 15px 0; margin-bottom: 15px; width: 48%;}
.me_list>ul>li.active .txt_area .survey_2 ul li:nth-child(3){margin-bottom: 0;}
.me_list>ul>li.active .txt_area .survey_2 ul li:last-child{margin-bottom: 0;}
.me_notice p{font-size: 18px;}
}


@media screen and (max-width: 768px){

.pc_only{display:none;}
.mb_only{display:block;}


/* header */
.menu_open{margin-left:10px;}
.header .right_btn a{width:100px; height:34px; line-height:34px; font-size:12px;}

/* main */
.main_vs_txt .en{font-size:40px;}
.main_vs_txt .txt_1,
.main_vs_txt .txt_2{font-size:14px;}
.main_inner{display:block; }
.main_container .link{padding-top:40px;}
.main_container .link a{width:100%; font-size:30px; padding-bottom:0; background:none;}
.main_container .link a:after{width:20px; height:20px; display:inline-block; background:url(../img/main_more.png) no-repeat center center; background-size:100%; content:"";}
.mainCont_2 .btm_txt{margin-top:20px;}
.main_class_rolling .swiper-slide .inner{padding:20px; height:260px; }
.main_class_rolling .swiper-slide .tit{font-size:20px;}
.main_class_list{padding-right:20px; width:100%; box-sizing:border-box;}
.mainCont_3 .btm_txt{margin-top:20px; font-size:14px;}
.mainCont_4 .btm_txt{margin-top:20px; font-size:14px; padding-left: 0; }
.mainCont_4 .main_btn{margin-bottom: 20px;}
.mainCont_4 .link{margin-bottom:20px;}
.main_test_list{width:100%; padding-right:20px;}
.main_test_list .swiper-slide .inner{/*padding-bottom:112.7%;*/padding: 0 0 112.7%; height: 0; }
/* .main_test_list .box{width: 75%;} */
.mainCont_6 .left_area {padding:70px 15px 30px; height:calc(100vh - 244px); background:url(../img/main_img_6.png) no-repeat right 20px top 140px #f0f0f0; background-size:140px;}
.mainCont_6 .right_area {padding: 70px 15px 30px; height:calc(100vh - 244px); background: url(../img/main_img_7.png) no-repeat right -30px top 140px #19C582; background-size: 200px;}
.mainCont_6 .txt a{font-size:22px;}
.mainCont_6 .txt span{font-size:16px;}
.mainCont_6 .left_area .txt i{width:16px; height:16px; }
.mainCont_6 .right_area .txt i{width:20px; height:20px; }
.mainCont_5 .main_inner{padding-top:70px; display:flex; align-items: center;}
.mainCont_5 .more{padding-top:30px;}
.mainCont_5 .title_area{margin-bottom:20px;}
.mainCont_7 .link{padding-top: 40px; margin-bottom: 20px;}
.mainCont_7 .btm_txt{margin-top:20px; font-size:14px; padding-left: 0;}
.mainCont_7 .main_btn{margin-bottom: 20px;}
.mainCont_8 .link{padding-top: 40px; margin-bottom: 20px;}
.mainCont_8 .btm_txt{margin-top:20px; font-size:14px; padding-left: 0;}
.mainCont_8 .main_btn{margin-bottom: 20px;}

.main_news_list .swiper-pagination {position:relative; bottom:0; text-align:center; padding-top:10px; }
.swiper-pagination-bullet-active{background-color:#19c582;}
.main_news_list ul li{margin:0;}
.main_test_list{padding-right:70px; box-sizing:border-box;}
.main_test_list .swiper-slide{width: 280px;}

.main_class_rolling .list_1 .inner{background-size:200px}
.main_class_rolling .list_2 .inner{background-size:200px}
.main_class_rolling .list_3 .inner{background-size:200px}
.main_class_rolling .list_4 .inner{background-size:200px}
.main_class_rolling .list_5 .inner{background-size:200px}
.main_class_rolling .list_6 .inner{background-size:200px}

/* footer */
.footer_inner{padding:20px 0; height:auto; display:block;}
.footer_logo{display:none;}
.footer_top{margin-bottom:10px; justify-content: center;}
.footer_top .footer_menu{padding-left:0;}
.footer_top .footer_menu ul{justify-content: center;}
.footer_top .footer_menu ul li{margin:0 10px; }
.copyright{font-size:12px;}
.footer_info{text-align:center;}
.footer_info ul{display:block;}
.footer_info ul li{display:inline-block; font-size:12px;}
.footer_right{margin-left:0; text-align:center;}
.footer .sns{margin:10px 0; }
.footer .sns ul{justify-content: center;}
.footer_right .footer_info ul li{margin:0 0 5px; text-align:center;}

/* layout */
.sub_container{padding:70px 0; min-height:calc(100vh - 240px)}

.sub_top_title{padding-top:80px; margin-bottom:30px;}
.sub_top_title h1{font-size:18px; }
.sub_top_title h2{font-size:24px;}

.search_wrap .search input[type=text],
.search_wrap select{height:40px; line-height:38px; font-size:14px;}
.search_wrap .search{padding-right:80px;}
.search_wrap .btn_search{width:70px; height:40px; line-height:40px; font-size:14px;}

.notice_list .num{flex:0 0 15%;}
.notice_list .title{padding:0 10px; flex:0 0 65%; box-sizing:border-box;}
.notice_list .date{flex:0 0 20%;}
.notice_list .title a{font-size:14px; line-height:1.6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

/* page */
.page_list>*{width:30px; height:30px; line-height:30px; font-size:13px;}
.page_list .on_{ height:30px; line-height:30px;}
.page_list .page_prev{width:30px; height:30px; background-size:100%;}
.page_list .page_next{width:30px; height:30px; background-size:100%;}

/* notice_detail */
.notice_detail .title_area{padding:60px 0 15px;}
.notice_detail .title_area h1{font-size:24px;}
.notice_detail .detail_cont{padding:50px 0; font-size:14px;}
.notice_detail .btn_area a{width:120px; height:44px; line-height:42px; font-size:15px;}

/* resource_list */
.resource_list>ul{display:block; }
.resource_list>ul>li{width:100%; }
.resource_list .title{margin-bottom:20px; font-size:18px;}
/* .resource_list .inner{height:200px;} */
.resource_list .category{font-size:13px;}
.resource_list .btn_area a{height:40px; line-height:40px; font-size:13px;}

/* case_list */
.case_list>ul{display:block; }
.case_list>ul>li{width:100%; }
.case_list>ul>li .txt_area{height:120px;}
.case_list>ul>li .txt_area .tit{font-size:17px;}
.case_list>ul>li .txt_area .name{font-size:13px;}

/* meCont */
.meCont{overflow:hidden;}
.meCont .top_txt{padding-top:50px;}
.meCont .top_txt:before{width:200px; height:200px;}
.meCont .top_txt .txt_1 strong{font-size:40px; line-height: 50px;}
.meCont .top_txt .txt_2{font-size:15px;}
.meCont .top_txt .txt_2 br{display: none;}
.meCont .top_txt .btn_area{flex-direction: column; align-items: center;}
.meCont .top_txt .btn_area a{width: 150px; font-size: 15px;}
.meCont .top_txt .btn_area a:last-child{margin-left: 0; margin-top: 20px;}
.me_list>ul>li{margin:0 0 30px;}
.me_list>ul>li .img_area{margin:0 auto; padding:0 10px 0 30px; width:100%; max-width:400px; box-sizing:border-box; text-align:center;}
.me_list>ul>li:nth-child(2n) .img_area{padding: 0 10px 0 30px;}
.me_list>ul>li .txt_area{position:relative; left:0; top:0; transform: translate(0, 0); text-align:center;}
.me_list>ul>li li br{display: none;}
.meCont .me_list>ul>li li .mobile-break::before {content: "\A\A"; white-space: pre;}

.me_list>ul>li.active .txt_area{width: 100%;}
.me_list>ul>li:nth-child(2n) .txt_area{width:100%; }
.meCont .top_txt .btn_area .btn{width:140px; height:56px;}
.meCont .top_txt .btn_area .btn span{line-height:54px; font-size:14px;}
.me_list:before{left:-100px; width:400px; height:400px; }
.me_list>ul>li .tit{font-size:36px; margin-bottom:10px;}
.me_list>ul>li li{font-size:14px; text-align: center;}
.me_list>ul>li:last-child:before{width:200px; height:200px; right:0; top:-50px; }
.me_list>ul>li.active .txt_area .survey ul{flex-direction: column;}
.me_list>ul>li.active .txt_area .survey ul li{width: 100%;}
.me_notice{margin-bottom: 20px;}
.me_notice p{font-size: 16px;}
.meCont .top_txt .mobile-break::before {content: "";}
.meCont .top_txt .mobile-break::after {content: "\A"; white-space: pre;}



/* intro */
.introCont .top_txt{padding:80px 0;}
.introCont .top_txt .txt_1{font-size:45px;}
.introCont .top_txt .txt_2{font-size:15px;}
.introCont .top_txt .img_1{top:20px; left:-40px;}
.introCont .top_txt .img_1 img{width:100px; animation: intro_img_1 6s ease-out 1s infinite;}
.introCont .top_txt .img_2{top:0; }
.introCont .top_txt .img_2 img{width:120px; animation: intro_img_1 7s ease-out 1.5s infinite;}
.history h3{font-size:40px; margin-bottom:30px;}
.history_list .year{font-size:26px;margin-bottom:10px;}
.history_list>li{margin-bottom:30px;}
.history_list>li li{font-size:13px;}
.history_list:before{width:120px; height:120px; background-size:100%; top:-50px; right:-30px; margin-top:0;}
.business{padding:80px 0; }
.business_list>ul{display:block; }
.business_list>ul>li{margin:0 0 30px; padding:30px 20px 0; height:280px; width:100%;}
.business_list>ul>li:nth-child(2n){margin-top:0;}
.business_list>ul>li.list_1{background:url(../img/intro_icon_1.jpg) no-repeat right 35px bottom 35px #fff; background-size:auto 80px;}
.business_list>ul>li.list_2{background:url(../img/intro_icon_2.jpg) no-repeat right 35px bottom 35px #fff; background-size:auto 80px;}
.business_list>ul>li.list_3{background:url(../img/intro_icon_3.jpg) no-repeat right 35px bottom 35px #fff; background-size:auto 80px;}
.business_list>ul>li.list_4{background:url(../img/intro_icon_4.jpg) no-repeat right 35px bottom 35px #fff; background-size:auto 80px;}
.business_list .number{font-size:18px;}
.business_list .tit{font-size:24px;}
.business_list .txt{font-size:15px;}
.locationCont h3,
.team h3,
.business h3{font-size:30px;}
.team_list ul li .name{font-size:17px;}
.team_list ul li .job{font-size:13px;}
.team_list ul li .txt_area{height:80px;}
.map_area iframe{height:350px;}
.locationCont{display:block;}
.locationCont ul{padding-top:20px;}

/* class_list  */
.class_list>ul{display:block;}
.class_list>ul>li{flex:0; width:100%; margin:0 0 10px; height:340px;}
.class_list .tit{font-size:30px;}
.class_list .txt{font-size:16px;}
.class_list .bg{text-align:right; }
.class_list .bg img{width:60%;}

/* class detail */
.class_visual{padding-top:70px; height:400px; box-sizing:border-box;}
.class_visual h1{font-size:36px;}
.class_visual .txt_2{font-size:15px;}
.class_visual .btn_area a{width:120px; height:46px; line-height:46px; font-size:15px;}
.tabType_1 ul li{margin:0; flex:0 0 33.33%;}
.tabType_1 ul li button{padding:0 5px; width:100%; box-sizing:border-box; height:60px; justify-content: center;}
.tabType_1 ul li button span{font-size:17px;}
.classCont_1 .title_area h2{font-size:22px;}
.classCont_1 .cont_area p{font-size:13px;}
.classCont_1 .cont_area .list_1 li{font-size:13px; line-height:1.6;}
.classCont_1 .cont_area .list_1 li:before{top:6px;}
.classCont_1 .cont_area .list_2>ul>li .tit{font-size:15px;}
.classCont_1 .cont_area .list_2>ul>li li{font-size:13px;}
.classCont_1 .cont_area .list_2>ul>li .btn_area a span{font-size:13px;}
.classCont_1 .cont_area h3{font-size:17px;}
.classCont_1 .cont_area .img_list{padding-top:10px;}
.classCont_1 .cont_area .img_box{padding:20px 10px; margin:15px 0;}
.classCont_1 .cont_area .list_3>ul{display:block;}
.classCont_1 .cont_area .list_3>ul>li{width:100%; margin-bottom:10px; padding-top:10px; height:220px;}
.classCont_1 .cont_area .list_3 .title br{display:none;}
.classCont_1 .cont_area .titleType_1{padding:15px 0;}
.classCont_1 .cont_area .titleType_1 .s_tit{font-size:17px;}
.classCont_1 .cont_area .titleType_1 .tit{font-size:22px;}
.classCont_1 .cont_area .list_4{margin-bottom:30px;}
.classCont_1 .cont_area .list_4>ul>li{padding:10px 5px;}
.classCont_1 .cont_area .list_4>ul>li .inner{font-size:13px;}
.classCont_1 .cont_area .list_4>ul>li .inner br{display:none; }
.classCont_1 .cont_area .review_list{padding:10px 0;}
.classCont_1 .cont_area .review_list li .inner{padding:20px 10px; font-size:13px;}
.classCont_1 .cont_area .review_list li{padding:0; }
.classCont_1 .cont_area .review_list li:nth-child(3){position:relative; left:auto; margin-top:0; }
.classCont_1 .cont_area .review_list li:last-child{margin-top:0;}
.classCont_1 .cont_area .review_list:after,
.classCont_1 .cont_area .review_list:before{display:none;}
.classCont_1 .cont_area .download_list>ul>li a span{font-size:13px;}
.classCont_1 .cont_area .link_btn{padding-top:15px;}
.classCont_1 .cont_area .link_btn>ul{display:block;}
.classCont_1 .cont_area .link_btn>ul>li{display:block; width:100%;}
.classCont_1 .cont_area .link_btn>ul>li a span{height:40px; line-height:40px; font-size:15px;}
.class_visual:before{width:50vw; height:50vw;}
.class_visual:after{right:-10vw;width:70vw; height:70vw; }
.class_visual .vs_img{right:5vw; width:40vw;}
.class_visual_5 .vs_img{right:5vw; width:50vw;}
.class_visual_6 .vs_img{right:5vw; width:52vw;}

.resource_visual{height:400px;}
.resource_visual .vs_txt h1{font-size:36px;}
.resource_visual .vs_txt .txt_2{font-size:20px;}
.resource_detail .top_list{display:block;}
.resource_detail .top_list li{width:100%; margin:0 0 10px; height:300px;}
.resource_detail .input_list li input[type=text]{height:40px; line-height:38px; font-size:14px;}
.resource_detail .terms_box{padding:10px; height:200px; font-size:14px;}
.resource_detail .agree label{font-size:14px;}

.resource_detail .btn_area .btn{height:46px; line-height:46px; font-size:16px;}

.newsCont{padding-top:30px;}
.newsCont h1{font-size:30px; }
.newsCont .txtType{font-size:16px; margin-bottom:40px;}
.news_list{flex-direction: column;}
.news_list li{width:100%; margin-bottom: 35px;}
.news_list li:nth-child(2n){margin-left:auto; }
.news_list li .bo_tit{font-size:18px;}
.news_list li .bo_cnt{font-size:13px;}
.news_list li .gall_date{font-size:13px;}

.terms_box{padding-top:30px;}
.terms_box pre{padding:10px; height:300px; font-size:14px;}

.service_visual .s_txt h1{font-size:36px;}
.service_visual .s_txt .txt_2{font-size:20px;}
.service_detail .top_list{display:block;}
.service_detail .top_list li{width:100%; margin:0 0 10px; height:300px;}
.service_detail .input_list li input[type=text]{height:40px; line-height:38px; font-size:14px;}
.service_detail .terms_box{padding:10px; height:200px; font-size:14px;}
.service_detail .agree label{font-size:14px;}
.service_detail .btn_area .btn{height:46px; line-height:46px; font-size:16px;}

.healing_teams_list{padding-top: 80px;}
.healing_teams_list h1{font-size: 24px;}
.healing_teams_list ul li h2{font-size: 24px;}
.healing_teams_list ul li p{font-size: 15px;}
.today{margin-top: 80px;}
.today_me>div{max-height: 250px;}
.today .me_btn button a p{font-size: 15px;}
.today .me_btn button a p img{width: 15px; height: 15px;}

.hilling_function{margin-top: 80px;}
.hilling_function ul li h2{font-size: 24px;}
.hilling_function ul li p{font-size: 15px;}
.hilling_function ul li{width: 100%; margin-right: 0; margin-bottom: 30px;}
.hilling_function ul li:nth-child(3){margin-right: 0;}
.hilling_function ul li:nth-child(4){margin-bottom: 30px;}
.hilling_function ul li h1{font-size: 15px;}

.space_list .txt_2{font-size: 15px;}
.subCont .sub_top_title .img_3 img{width: 120px; animation: intro_img_1 6s ease-out 1s infinite;}
.subCont .sub_top_title .img_4 img{width: 120px; animation: intro_img_1 7s ease-out 1.5s infinite;}
.space_list h1{font-size: 30px;}
.space_list ul li h2{font-size: 24px;}
.space_list ul li p{font-size: 15px;}
.space_video .play_icon{width: 50px; height: 50px;}

.space_feature{margin-top: 80px;}
.space_video{margin-top: 80px;}
.space_feature ul li h1{font-size: 18px;}
.space_feature ul li h2{font-size: 24px;}
.space_feature ul li p{font-size: 15px;}
.space_feature ul li{width: 100%; height: 280px; margin-right: 0; margin-bottom: 30px}
.space_feature ul > li:nth-child(4){margin-bottom: 30px;}
.space_feature ul li.feature_1{background: url(../img/space_icon_1.png) no-repeat right 35px bottom 35px #fff; background-size: auto 80px;}
.space_feature ul li.feature_2{background: url(../img/space_icon_2.png) no-repeat right 35px bottom 35px #fff; background-size: auto 80px;}
.space_feature ul li.feature_3{background: url(../img/space_icon_3.png) no-repeat right 35px bottom 35px #fff; background-size: auto 80px;}
.space_feature ul li.feature_4{background: url(../img/space_icon_4.png) no-repeat right 35px bottom 35px #fff; background-size: auto 80px;}
.space_feature ul li.feature_5{background: url(../img/space_icon_5.png) no-repeat right 35px bottom 35px #fff; background-size: auto 80px;}
.space_feature .space_button{margin-top: 50px;}
.space_feature .space_button button{padding: 10px 30px;}
.space_feature .space_button button a{font-size: 15px;}

/* hilling space */
.reservation_notice .img_1{left: 0;}
.reservation_notice .img_1 img{width: 120px;}
.reservation .img_4{right: 0;}
.reservation .img_4 img{width: 120px;}
.rule .img_3{left: -4%;}
.rule .img_3 img{width: 120px;}
.map_inner .img_1 img{width: 120px;}
.hilling_space .txt_2{font-size: 15px; margin-top: 15px;}
.space_list{flex-direction: column; align-items: center;}
.space_list img{width: 80%; margin-bottom: 30px;}
.space_list img:last-child{margin-bottom: 0;}
.space_img_list_wrap{margin-top: 30px; width: 100%;}
.space_img{flex-direction: column;align-items: flex-start;}
.space_img .txt_area p{font-size: 16px;}
.space_img .txt_area p br{display: none;}
.space_img_list{padding-right: 70px; box-sizing: border-box; width: 100%;}
.space_img_list .swiper-slide .inner{padding: 0 0 112.6%;}
.space_map .address h3{font-size: 21px;}
.space_map .address p{font-size: 16px;}
.space_map .address .map_btn a button{font-size: 15px;}
.reservation_notice .r_notice_box ul li .store_btn button a{font-size: 15px;}
.advantage_list ul li{padding: 30px 0;}
.advantage_list ul li img{width: 15%; object-fit: cover;}
.advantage_list ul li h2{margin-top: 30px; font-size: 25px;}
.advantage_list ul li p{font-size: 18px;}
.advantage_list ul li p{margin-top: 15px;}
.space_img .txt_area h2{font-size: 24px;}
.reservation_notice h2{font-size: 24px; margin-bottom: 30px;}
.faq h2{font-size: 24px; margin-bottom: 30px;}
.faq .faq_list>ul>li{padding: 15px;}
.calendar h2{font-size: 24px; margin-bottom: 30px;}
.space_rule h2{font-size: 24px; margin-bottom: 30px;}
.reservation h2{font-size: 24px; margin-bottom: 30px;}
.space_rule .rule_box ul li h3{font-size: 18px;}
.space_rule .rule_box ul li p{font-size: 16px;}
.space_rule .rule_box ul li span{font-size: 16px;}
.reservation ul li p{font-size: 18px;}
.reservation ul li p{font-size: 21px;}
.faq .faq_list{margin-top: 60px;}
.reservation_notice .r_notice_box ul{flex-direction: column;}
.reservation_notice .r_notice_box ul li{width: 100%; margin-top: 20px;}
.reservation_notice .r_notice_box ul li:nth-child(3){margin-top: 20px;}
.reservation_notice .r_notice_box ul li:nth-child(4){margin-top: 20px;}
.reservation_notice .r_notice_box ul li h3{font-size: 18px;}
.reservation_notice .r_notice_box ul li p{font-size: 16px;}
}

@media screen and (max-width: 600px) {
    .main_test_list .swiper-slide .inner{padding: 0 0 100%; }
    .introCont .top_txt .txt_1{font-size: 30px;}
    .meCont .top_txt .txt_1 strong{font-size: 30px; line-height: 35px;}
}