::-webkit-scrollbar { display: none; }
a,img{
    -webkit-tap-highlight-color: transparent;
}
/*common*/
html,body{font-size: 10px; background-color: #ddd;}
#container{width: 100%; max-width: 100%; max-width: 720px; overflow: hidden; margin: auto; background-color: #fff;}
.inner{max-width: 720px; margin: 0 auto; padding:0 15px;}
.img_box{width: 100%;}
#section_inner{margin-bottom: 10px; margin-top: 10px;}

/*header*/
#header .header_top{ height: 50px; line-height: 50px; text-align: center; position: relative;}
#header .header_top .sub_menu{position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
#header .header_top h1{display: inline-block; vertical-align: middle; width: 30%;}
#header .header_top .sub_menu_bar{width: 20px; cursor: pointer;}
/* #header .header_top .logo{width: 107px;} */
#header .header_top .sub_logo{width: 155px;}
#header .header_top .book_logo{width: 172px;}
#header .menu_box{width: 100%; height:100%; overflow-x: auto; white-space: nowrap; border-bottom: 1px solid #000; border-top: 1px solid #d5d5d5;}
#header .menu_menu{width: 100%; border-top: 1px solid #dcdcdc; border-bottom: 0 !important;}
#header .menu_menu li{padding: 0 10px; line-height: 32.5px; display: inline-block; text-align: center; }
#header .menu_menu li.on p{color: #ef0075;}
#header .menu_menu li:hover p{color: #ef0075;}
#header .menu_menu li a{display: inline-block; width: 100%;}
#header .menu_menu li::after{position: absolute; content:''; background: #b1b1b1; right: 0; top: 50%; transform:  translateY(-50%);}
#header .menu_menu li:last-child:after{width: 0;}
#header .menu_menu li img{display: inline-block;}
#header .menu_menu li p{display: inline-block; font-weight: 700;}
#header .menu_menu li:nth-child(1)  img{width: 13px;}
#header .menu_menu li:nth-child(2)  img{width: 16.5px;}
#header .menu_menu li:nth-child(3)  img{width: 16.5px;}
#header .menu_menu li:nth-child(4)  img{width: 15.5px;}
#header .menu_menu li:nth-child(5)  img{width: 17.5px;}
#header .menu_menu li:nth-child(6)  img{width: 13.5px;}

/* sub-menu */
#header .respon_menu{position: fixed; top: 0; height: 100vh; width: 80%; background: #fff; z-index: 100; left: -200px;  opacity: 0; visibility: hidden; transition: 0.3s; }
#header .respon_menu.active{opacity: 1; visibility: visible; left: 0;}

.reson_menu_aside{
    position: fixed;
    left: 0; right: 0; top: 0; bottom: 0;
    background: rgba(0,0,0,.8);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}
.body_bg .reson_menu_aside{
    opacity: 1;
    visibility: visible;
}
#header .respon_menu .close_btn{
    position: absolute;
    right: -26px;
    top: 23px;
    width: 14px;
    transition: 0.4s;
}
#header .respon_menu .close_btn:hover{
    transform: rotate(180deg);
}

#header .respon_menu .top_menu{background: #ef0075; padding: 15px; display: flex; align-items: center; justify-content: space-between;}
#header .respon_menu .top_menu .login_info{display: flex; align-items: center;}
#header .respon_menu .top_menu .login_info h4{font-size: 14px; color:#fff;}
#header .respon_menu .top_menu .login_info img{width: 25px; margin-right: 5px;}
#header .respon_menu .top_menu .login_info p{ line-height: 15px; color: #fff;}
#header .respon_menu .top_menu .sub_login_box{display: inline-flex; align-items: center;}
#header .respon_menu .top_menu .sub_login_box a{display: inline-block; border-radius: 3px; padding:0 10px; line-height: 30px; font-size: 12px; font-weight: 500;}
#header .respon_menu .top_menu .sub_login_box .sub_check{background: #ffcc00; margin-right: 5px;}
#header .respon_menu .top_menu .sub_login_box .sub_logout{background: #333333; color: #fff;}
#header .respon_menu ul {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
#header .respon_menu .quick_menu_box01,#header .respon_menu .quick_menu_box03{padding:20px 6px;}
#header .respon_menu .quick_menu_box01 ul li,#header .respon_menu .quick_menu_box03 ul li{width: 33%; position: relative;text-align: center; margin-bottom: 10px;}
#header .respon_menu .quick_menu_box01 ul li a,#header .respon_menu .quick_menu_box03 ul li a{display: inline-block; width: 100%;}
#header .respon_menu .quick_menu_box01 ul li h3,#header .respon_menu .quick_menu_box03 ul li h3{font-size: 14px; line-height: 30px;}
#header .respon_menu .quick_menu_box01 ul li .sub_menu_ic,#header .respon_menu .quick_menu_box03 ul li .sub_menu_ic{width:62px; margin: 0 auto;}
#header .respon_menu .quick_menu_box01 ul li .letter_ic,#header .respon_menu .quick_menu_box03 ul li .letter_ic{width:17px; position: absolute; bottom: 34px; right: 50px;}
#header .respon_menu .quick_menu_box02 ul li{background: #f8f8f8;border: 1px solid #e6e6e6; width: 50%; text-align: center; line-height: 40px; font-size: 13px; font-weight: 500;}
#header .respon_menu .quick_menu_box02 ul li a{display: inline-block; width: 100%;}
#header .home_box{right: 15px; top: 50%; transform: translateY(-50%); position: absolute;}
#header .home_box img{width: 20px;}

#header .respon_menu .quick_menu_box01 ul li .letter_ic{animation: 1s ease breath infinite;}

@keyframes breath {
    0% {
        opacity: 0.2;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
  }


/*footer*/
#footer{padding: 30px 0; border-top: 1px solid #e3e3e3;}
#footer .inner > div{display: inline-block; vertical-align: middle;}
#footer .footer_info .link_box a{font-size: 11px; color: #4e4e4e; vertical-align: middle;}
#footer .footer_info .link_box span{font-size: 10px; color: #b7b7b7; margin: 0px 5px;vertical-align: middle; position: relative; top: -2px;}
#footer .footer_info .info_box{color: #6a7074; font-size: 0; margin: 10px 0;}
#footer .footer_info .info_box span{content: "|"; font-size: 11px; letter-spacing: -0.5px; line-height: 20px; word-break: break-all;}
#footer .footer_info .info_box span::after{content: "|"; font-size: 11px;margin: 0px 5px; position: relative; top: -1px;}
#footer .footer_info .info_box span.no_bar::after{content: " "; display: block;}
#footer .footer_info .copyright{font-size: 11px; color: #5e6a6e; font-weight: 500px;}
#footer .kg_area{display: flex; margin-top: 10px;}
#footer .kg_area > div {display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #d7d7d7; width: 90px; height: 31px;}
#footer .kg_area .kg_area01{margin-right: 5px;}
#footer .kg_area a img{ width: 52.5px;}
#footer .goTop{
    position: fixed;
    right: 20px;
    bottom: 35px;
    width: 15px;
    height: 15px;
    opacity: 0;
	visibility: hidden;
	transition: 0.4s;
}
#footer .goTop.active{
    opacity: 1;
	visibility: visible;
}

/*main*/
.main_slide.swiper-container .swiper-wrapper .swiper-slide img{width: 100%;}
.main_slide.swiper-container-horizontal>.swiper-pagination-bullets{
    left: 0;
    bottom: 5px;
    text-align: left;
    margin-left: 15px;
}
.main_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 1.5px;
}
.main_slide .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #ef0075;
}
#main .q_menu .q_menu_list{text-align: center; display: flex; justify-content: space-between; align-items: center; border-bottom:2px solid #ffaac0; border-top: 1px solid #ddd;}
#main .q_menu .q_menu_list li{border-right:1px solid #dcdcdc; height: 80px; width: 25%; display: flex; justify-content: center; align-items: center;}
#main .q_menu .q_menu_list li:last-child{border-right: 0;}
#main .q_menu .q_menu_list li a{ display: inline-block;}
#main .q_menu .q_menu_list li p{font-size: 10px; font-weight: 500; line-height: 12px;}
#main .q_menu .q_menu_list .img_box img{display: inline-block;}
#main .q_menu .q_menu_list .img_box .cate1{ width: 19px;}
#main .q_menu .q_menu_list .img_box .cate2{ width: 20px;}
#main .q_menu .q_menu_list .img_box .cate3{ width: 24px;}
#main .q_menu .q_menu_list .img_box .cate4{ width: 25px;}
#main .q_menu .q_menu_list .img_box .cate5{ width: 25px;}

#main .main_notieven_box {display: flex; justify-content: space-between; padding:10px 15px; }
#main .main_notieven_box h3{font-size: 13px; line-height: 25px;}
.swiper-container-android .swiper-slide, .swiper-wrapper{width: 200px;}
#main .main_notieven_box .img_area img{width: 100%;}
#main .main_notieven_box .swiper-prev, .main_notieven_box .swiper-next {
    width: 10px;
    height: 10px;
    border: 1px solid #ddd;
    padding:6px;
    background: url(/img/swiper-prev-custom.png) no-repeat center;
    background-size: 5px 9px;
    display: inline-block;
    vertical-align: middle;
}
#main .main_notieven_box .swiper-next {
    border-left: 0;
    background: url(/img/swiper-next-custom.png) no-repeat center;
    background-size: 5px 9px;
}
#main .main_notieven_box .swiper-prev {
    border-left: 0;
    background: url(/img/swiper-prev-custom.png) no-repeat center;
    background-size: 5px 9px;
}
#main .main_notieven_box h3 span {
    float: right;
}
#main .main_notice_box{padding-right: 15px;width: 33.33%;}
#main .main_notice_box h3{border-bottom:2px solid #000;}
#main .main_notice_box ul li {
    border-bottom: 1px solid #ddd;
}
#main .main_notice_box ul li a{
    display: block;
    font-size: 10px;
    color:#000;
    line-height: 22.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
    width: 100%;
}
#main .main_event_box{
    width: 66.66%;
}



.main_cs_box{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0;}
.main_cs_box .inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.main_cs_box .inner > div{width: 50%; }
.main_cs_box .inner > div:nth-child(-n+2){margin-bottom: 20px;}
.main_cs_box .inner > div:nth-child(3){border-right: 1px solid #ddd;}
.main_cs_box .inner > div:nth-child(4){padding-left: 15px;}
.main_cs_box .inner .cs_img_box{display: flex; align-items: center; justify-content: space-between; border:1px solid #ddd;
border-radius: 5px;}
.main_cs_box .inner .cs_img_box .bd_r{border-right: 1px solid #ddd;}
.main_cs_box .inner .cs_img_box > div{width: 50%; display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center;}
.main_cs_box .inner > div h4{font-size: 14px; font-weight: 500;}
.main_cs_box .inner > div .img_box .cs01_img{width: 35px;  margin: 20px 23px;}
.main_cs_box .inner > div .img_box .cs02_img{width: 50px;  margin: 20px 15px;}
.main_cs_box .inner > div .img_box .bank_img{width: 50px;}
.main_cs_box .inner > div .ft_gm_big{font-size: 20px; font-weight: bold; color: #f32b8f;}
.main_cs_box .inner > div .ft_gm{font-size: 18px; font-weight: bold; color: #f32b8f;}
.main_cs_box .inner > div .call_number.ft_gm{font-size: 20px; font-weight: bold;}
.main_cs_box .inner > div .gray{font-weight: 400; color: #848484; margin-bottom: 5px;}
.main_cs_box .inner > div .go_btn{ background-color: #fff; color: #494949; padding: 0 17.5px; line-height: 25px; display: inline-block; margin: 0 auto; text-align: center; width: max-content; border-radius: 19px; border: 1px solid #ddd;}
.main_cs_box .inner > div:first-child .go_btn{background-color: #f32b8f; color: #fff; border: 1px solid #f32b8f;}

/* video */
#section_index{padding: 20px 15px;}
.video_list .v_list_a{display: flex; align-items: center; justify-content: flex-start;}
.video_list .v_list_a img { width: 100px; }
.video_list .list{margin-bottom: 20px;}
.video_list .big_title{  display: inline-block; vertical-align: top;  }
.video_list .big_title .bar{display: block; width: 10px; height: 2px; background-color: #000;}
.video_list .big_title h2{font-size: 15px; line-height: 27px; display: inline-block;}
.video_list .big_title p{font-size: 13px; letter-spacing: -0.5px;}
.video_list .title_list ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
/* .video_list .title_list li{ width: 20%; position: relative; height: 65px;border-radius: 5px; margin-bottom: 7px; } */
.video_list .title_list li{ width: 20%; position: relative; border-radius: 5px; margin: 7px 0; }
.video_list .title_list li .img_v_box{display: inline-block; width: 40px; height: 40px; background: #9a9a9a; border-radius: 50%; position: relative; vertical-align: middle; }
/* .video_list .title_list li img{ width: 23px; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); } */
.video_list .title_list li:hover .img_v_box{background: #19ce60;}
.video_list .title_list li:hover{}
.video_list .title_list li:hover div.caption a{color: #fff; background-color: #19ce60; border: 1px solid #19ce60;}
.video_list .title_list li:hover *{color: #19ce60;}
.video_list .title_list li.banner{width: 100%; overflow: hidden;}
.video_list .title_list li.banner img{left: 0; top: 0; transform: translate(0 ,0);}
/* .video_list .title_list li > div{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);} */
.video_list .title_list li div.caption{display: inline-block; vertical-align: middle; margin-left: 5px;}
.video_list .title_list li div.caption h3{font-size: 11px; font-weight: bold; letter-spacing: -1px;}
.video_list .title_list li div.caption a{font-size: 12px; font-weight: 500;border: 1px solid #ddd; padding: 5px 15px; border-radius: 5px;}
.video_list .title_list li div span{display: inline-block; background-color: #c8c8c8; width: 46px; height: 46px; border-radius: 100%; vertical-align: middle; text-align: center; position: relative;}
.video_list .title_list li div span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.video_list .cs_center ul{display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap;}
.video_list .cs_center li{width:33.3%; position: relative; height: 80px; text-align: center;}
.video_list .cs_center li:nth-child(3n){border-right: 0;}
.video_list .cs_center li .img_box{height: 40px;line-height: 40px;}
.video_list .cs_center li img{width:30px; display: inline-block; vertical-align: middle;}
.video_list .cs_center li p{display: inline-block; font-size: 12px; font-weight: 500; width: 100%;}
.video_list .cs_center li h4{font-size: 13px;}
.video_list .cs_center li.money{display: flex; justify-content: center; align-items: center; width: 100%;}
.video_list .cs_center li.money a{
    background: url(/img/m/cs_money.png) no-repeat center/cover;
    display: inline-block;
    text-indent: -9999em;
    width: 123px;
    height: 47px;
}


#page_quick{z-index: 100; position: relative;}
#page_quick .open_box li{position: absolute; transition: transform 0.2s ease; width: auto; width: 100%; bottom: 0px; transform: translateY(0); height: 0;}
#page_quick .on .open_box li{height: auto; width: auto;}
#page_quick .on .open_box li:nth-child(1){transform: translateY(-350px);}
#page_quick .on .open_box li:nth-child(2){transform: translateY(-280px);}
#page_quick .on .open_box li:nth-child(3){transform: translateY(-210px);}
#page_quick .on .open_box li:nth-child(4){transform: translateY(-140px);}
#page_quick .on .open_box li:nth-child(5){transform: translateY(-70px); }
#page_quick .on .open_box li:nth-child(6){transform: translateY(0px);}
#page_quick .page_quick_bg{position: fixed; top: 0; left: 0; width: 0; height: 0; background-color: rgba(0,0,0,0.8); z-index: 1; opacity: 0; transition: opacity 0.1s ease;}
#page_quick .page_quick_bg.on{opacity: 1; width: 100vw; height: 100vh; }
#page_quick .open_box{}
#page_quick .page_quick_bg.on .open_box{display: block; width: 100%;}

#page_quick .open_box,
#page_quick .close_box_{position: fixed; bottom: 15px; left: 15px;}

#page_quick a{display: inline-block; margin-top: 15px; width: 100%;}
#page_quick a span{color: #fff; margin-left: 10px; color: #fff; font-size: 14px;}
#page_quick a img{width: 55px; height: 55px; border-radius: 100%; overflow: hidden; background-color: #fff;}
#page_quick .pink_bg img{ background-color: #ef0077;}



.sub_page_title{display: none !important;}

@media screen and (min-width: 720px) {
    #page_quick .open_box,
    #page_quick .close_box_{left: 45px;}
    #header .menu_menu li{padding: 0 20px;}
}