@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1rem; }
.inner {	width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1280px;	position:relative;	margin-left:auto;	margin-right:auto; font-size: 15px;}
.bg{width: 100%; height: 100%; background: #f3f2f8; padding: 8% 0;}


/* 타블렛 가로 */
@media all and (max-width:1599px) {	
	.inner {width:94%;}
}
@media all and (max-width:1420px) {	
	.s-inner {width:98%;}
}
@media all and (max-width:1279px){
	.s-inner {width:94%;}
}

/* header */
#header{position: fixed; width: 100%; top: 0; left: 0; z-index: 98;}
.fp-viewing-1st #header #logo{filter: brightness(10);}
#header #logo{position: absolute; left: 30px; top: 27px; transition: .4s;}
#header #logo a{}
#header #logo a img{max-width: 123px;}
/* .fp-viewing-1st #header .r_menu{opacity: 0; visibility: hidden; z-index: -999;} */
.fp-viewing-1st #header .r_menu .blsite .tit{color:#fff;}
.fp-viewing-1st #header .r_menu .blsite .tit:after{filter: brightness(10);}
.fp-viewing-1st #header .r_menu .lang .tit{color:#fff;}
.fp-viewing-1st #header .r_menu .lang .tit:after{filter: brightness(10);}
.fp-viewing-1st #header .r_menu .login_menu a{color:#fff;}
.fp-viewing-1st #header .r_menu .menutoggle{filter: brightness(10);}
#header .r_menu{position: absolute; top: 40px; right: 35px; display: flex; align-items: center; gap:0 45px; transition: .4s; opacity: 1; visibility: visible; z-index: 1;}
#header .r_menu .login_menu{display: flex; align-items: center; gap:15px;}
#header .r_menu .login_menu li{}
#header .r_menu .login_menu li a{color: #6d56ac; font-size: 15px;}
#header .r_menu .lang{font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; color: #6454aa; position: relative;}
#header .r_menu .lang .tit{cursor: pointer;}
#header .r_menu .lang .tit::after{content: ''; width: 12px; height: 6px; background: url(/images/common/lang_arrow.webp) no-repeat center center / cover; display: inline-block; margin-left: 16px;}
#header .r_menu .lang .list{text-align: center; display: none; position: absolute; background-color: #6454aa; width: 140px; left: 50%; transform: translateX(-50%); top: 32px;}
#header .r_menu .lang .list li{}
#header .r_menu .lang .list li a{display: block; padding: 10px 0; color: #fff;}
#header .r_menu .lang .list li a img{max-width: 20px; margin-right: 5px;}
#header .r_menu .lang .list li a:hover{background-color: #4d3c98;}
#header .r_menu .menutoggle{display: flex; flex-direction: column; gap:7px; cursor: pointer;}
#header .r_menu .menutoggle span{height: 3px; background-color: #6d56ac; border-radius: 1.5px; display: block;}
#header .r_menu .menutoggle .t{width: 30px;}
#header .r_menu .menutoggle .m{width: 23px;}
#header .r_menu .menutoggle .b{width: 30px;}
#header .r_menu .menutoggle .txt{background-color: transparent; color: #6d56ac; font-size: 12px; font-weight: 600;}
#header .r_menu .blsite{font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; color: #6454aa; position: relative;}
#header .r_menu .blsite .tit{cursor: pointer;}
#header .r_menu .blsite .tit::after{content: ''; width: 12px; height: 6px; background: url(/images/common/lang_arrow.webp) no-repeat center center / cover; display: inline-block; margin-left: 16px;}
#header .r_menu .blsite .list{display:none; position:absolute; width: 120px;text-align: center; background-color: #6454aa; left: 50%; transform: translateX(-50%); top: 32px;}
#header .r_menu .blsite .list li a{display: block; padding: 10px 0; color: #fff; font-weight: 400; font-size: 14px; font-family: 'suit';}
#header .r_menu .blsite .list li a:hover{background-color: #4d3c98;}

#header.introv #logo{filter: brightness(10);}
#header.introv .r_menu .login_menu li a{color: #fff;}
#header.introv .r_menu .lang .tit{filter: brightness(10);}
#header.introv .r_menu .menutoggle span{background-color: #fff;}
#header.introv .r_menu .menutoggle .txt{background-color: transparent; color: #fff;}


@media all and (max-width:976px){
    #header #logo{left: 3%; top: 20px;}
	#header #logo a img{max-width: 90px;}
	#header .r_menu{gap:0 40px; right: 3%;}
	#header .r_menu .menutoggle{gap:5px;}
	#header .r_menu .menutoggle .t,
	#header .r_menu .menutoggle .b{width: 26px;}
	#header .r_menu .menutoggle .m{width: 19px;}
    #header .r_menu .menutoggle .txt{font-size: 10px;}
}
@media all and (max-width:640px){
    #header #logo a img{max-width: 76px;}
	#header .r_menu{top: 32px; gap:0 30px;}
	#header .r_menu .menutoggle span{height: 2px;}
	#header .r_menu .login_menu{display: none;}
}

.fp-viewing-1st #fp-nav{display: none;}
.fp-viewing-footer #fp-nav{display: none;}


.full_menu{background-color: #6454aa; z-index: 999; position: fixed; width: 100%; top: 0; left: 0; height: 100%; padding-bottom: 110px; z-index: -9; opacity: 0; visibility: hidden; transition: .4s ease-in-out;}
.full_menu.on{z-index: 999; opacity: 1; visibility: visible;}
.full_menu .title{height: 172px; position: relative; margin: 0;}
.full_menu .title .login_menu{display: flex; align-items: flex-start; gap:15px; position: absolute; right: 120px; top: 46px; font-size: 0;}
.full_menu .title .login_menu li{}
.full_menu .title .login_menu li a{color: #fff; font-size: 15px;}
.full_menu .title .logo{text-align: center;display: flex; justify-content: center; align-items: center; height: 100%;}
.full_menu .title .logo img{}
.full_menu .title .close{position: absolute; color: #fff; cursor: pointer; right: 35px; top: 50%; transform: translateY(-50%);}
.full_menu .inner{display: flex; color: #fff; max-height: 680px; overflow: hidden; padding-bottom: 40px;}
.full_menu .inner .l_cont{width: 68.125%; border-right: 1px solid #7465b3; padding-right: 40px; display: flex; flex-direction: column;}
.full_menu .inner .l_cont .cont::-webkit-scrollbar {
    width: 0px;
}
.full_menu .inner > div .tit{font-weight: 800; font-size: 20px; font-family: 'Poppins', sans-serif; margin-bottom: 20px; display: flex; justify-content: space-between;}
.full_menu .inner > div .tit .arrow{display:flex; gap:20px;}
.full_menu .inner > div .tit .arrow > div{cursor: pointer;}
.full_menu .inner .l_cont .cont{ overflow-y: scroll; height: 100%;}
.full_menu .inner .l_cont .cont .box{display: flex; gap:0 44px;}
.full_menu .inner .l_cont .cont .box+.box{margin-top: 60px;}
.full_menu .inner .l_cont .cont .box h3{font-family: 'OneMobileTitle'; font-size: 23px; font-weight: 400; width: 190px;}
.full_menu .inner .l_cont .cont .box > ul{width: calc(100% - 190px);}
.full_menu .inner .l_cont .cont .box > ul > li{display: flex;}
.full_menu .inner .l_cont .cont .box > ul > li+li{margin-top: 30px;}
.full_menu .inner .l_cont .cont .box > ul > li > a{font-size: 18px; font-weight: 600; color: #fff;width: 175px;display: block;}
.full_menu .inner .l_cont .cont .box > ul > li > ul{width: calc(100% - 160px); display: flex; gap:10px 28px; flex-wrap: wrap;}
.full_menu .inner .l_cont .cont .box > ul > li > ul > li{}
.full_menu .inner .l_cont .cont .box > ul > li > ul > li > a{font-size: 16px; font-weight: 500; color: #fff; opacity: 0.7; transition: .4s;}
.full_menu .inner .l_cont .cont .box > ul > li > ul > li:hover > a{opacity: 1;}

@media all and (max-width:1280px){
    .full_menu .inner .l_cont{width: 55%;}
	.full_menu .inner .l_cont .cont .box{flex-direction: column;}
	.full_menu .inner .l_cont .cont .box h3{font-size: 21px; width: 100%; margin-bottom: 30px;}
	.full_menu .inner .l_cont .cont .box > ul{width: 100%;}
	.full_menu .inner .l_cont{padding-right: 30px;}
	.full_menu .inner .l_cont .cont .box > ul > li > a{font-size: 17px;}
	.full_menu .inner .l_cont .cont .box > ul > li > ul > li > a{font-size: 15px;}
	.full_menu .inner .l_cont .cont .box > ul > li > ul{gap:10px 22px;}
	.full_menu .inner .l_cont .cont .box > ul > li+li{margin-top: 25px;}
	.full_menu .inner .l_cont .cont .box+.box{margin-top: 45px;}
	.full_menu .inner > div .tit{margin-bottom: 16px;}
	.full_menu .title .login_menu{top: 53px;}
}
@media all and (max-width:976px){
    .full_menu .inner{flex-direction: column; overflow-y: scroll;}
	.full_menu .inner::-webkit-scrollbar {
        width: 0px;}
        .full_menu .inner .l_cont{width: 100%; padding-right: 0; border-right: 0; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #7465b3;}
        .full_menu .title{height: 120px;}
		.full_menu .title .logo{justify-content: flex-start; padding-left: 4%;}
        .full_menu .title .logo img{max-width: 30px;}
        .full_menu .title .close img{max-width: 21px;}
        .full_menu .inner .l_cont .cont .box > ul > li > ul{width: 100%;}
        .full_menu{padding-bottom: 60px;}
        .full_menu .inner{max-height: 80vh;}
		.full_menu .title .login_menu{right: calc(4% + 50px); top: 34px;}
    }
    @media all and (max-width:640px){
        .full_menu .inner > div .tit{margin-bottom: 10px;}
        .full_menu .inner .l_cont .cont .box h3{font-size: 20px;}
        .full_menu .inner .l_cont .cont .box > ul > li{flex-direction: column;}
        .full_menu .inner .l_cont .cont .box > ul > li > ul{margin-top: 10px;}
        .full_menu .title{height: 80px;}
        .full_menu .title .logo img{max-width: 24px;}
        .full_menu .title .close{right: 4%;}
		.full_menu .title .login_menu{top: 23px;}
		.full_menu .title .login_menu li a{font-size: 14px;}
    }
    
    
    .information .inner .r_cont{width: calc(100% - 68.125%); padding-left: 50px;}
    .information .inner .r_cont .tit{}
    .information .inner .r_cont .box{}
    .information .inner .r_cont .box.t{}
    .information .inner .r_cont .box.t p{font-size: 16px; color: #fff; word-break: keep-all;}
    .information .inner .r_cont .box.m{margin-top: 60px; margin-bottom: 40px;}
    .information .inner .r_cont .box.b{}
    .information .inner .r_cont .box.b ul{display: flex; gap:0 10px; margin-top: 20px;}
    .information .inner .r_cont .box .tel{margin-top: 12px;display: flex; gap:0 12px; align-items: center;}
    .information .inner .r_cont .box .tel h3{}
    .information .inner .r_cont .box .tel h3 a{color: #fff; font-size: 28px; font-weight: 800;}
    .information .inner .r_cont .box .tel ul{display: flex; gap:0 3px;}
    .information .inner .r_cont .box .tel ul li{}
    .information .inner .r_cont .box .tel ul li a{}
    .information .inner .r_cont .box .tel ul li a img{}
    .information .inner .r_cont .box .cont{display: flex;}
    .information .inner .r_cont .box .cont:nth-child(1){display: none;}
.information .inner .r_cont .box .cont+.cont{margin-top: 30px;}
.information .inner .r_cont .box .lcont{font-size: 17px; font-weight: 600; width: 100px;}
.information .inner .r_cont .box .rcont{ width: calc(100% - 100px);}
.information .inner .r_cont .box .rcont dl{display: flex;}
.information .inner .r_cont .box .rcont dl+dl{margin-top: 10px;}
.information .inner .r_cont .box .rcont dl dt{width: 80px; font-size: 16px;}
.information .inner .r_cont .box .rcont dl dd{width: calc(100% - 80px); font-family: 'Roboto', 'SUIT', sans-serif; font-size: 16px;}
.information .inner .r_cont .box .rcont p{font-size: 16px;}
.information .inner .r_cont .box .rcont p+p{margin-top: 10px;}
.information .inner .r_cont .box .rcont ul{display: flex; gap:0 30px;}
.information .inner .r_cont .box .rcont ul li{}
.information .inner .r_cont .box .rcont ul li a{}
.information .inner .r_cont .box .rcont ul li a img{}
.information .inner .r_cont .b.box > div{font-size: 17px; font-weight: 600; cursor: pointer;}


/* information */
.sub_info{background-color: #524978; padding: 100px 0; color: #fff;}
.sub_info .inner{display: flex; align-items: center;}
.sub_info .inner .r_cont{width: 50%; padding-left: 0;}
.sub_info .inner .map_box{width: 50%;}
.sub_info .inner .map_box .wrap_controllers{display: none;}
.sub_info .inner .r_cont .tit{font-size: 60px; font-family: 'Poppins', sans-serif; font-weight: 700; margin-bottom: 40px;}
.information.sub_info .inner .r_cont .cont:nth-child(1){display: flex}
.sub_info .inner .r_cont .cont:nth-child(4){display: none}
.sub_info .inner .r_cont .b.box{display: none}

@media all and (max-width:1280px){
    .sub_info{padding: 80px 0;}
	.sub_info .inner .r_cont .tit{line-height: 1em; font-size: 52px;}
	.sub_info .root_daum_roughmap .wrap_map{height: 480px !important;}
	.information .inner .r_cont .box .cont+.cont{margin-top: 25px;}
	.information .inner .r_cont .box.m{margin-top: 50px; margin-bottom: 30px;}
	.information .inner .r_cont{padding-left: 30px;}
	.sub_info.information .inner .r_cont{padding-left: 0px;}
	.information .inner .r_cont{width: calc(100% - 55%);}
	.sub_info.information .inner .r_cont{width: calc(100% - 50%);}
    
}
@media all and (max-width:976px){
    .sub_info{padding: 70px 0;}
	.sub_info .inner{flex-direction: column-reverse;}
	.sub_info.information .inner .r_cont .box.m{margin-top: 40px; margin-bottom:0px;}
	.sub_info .inner .r_cont .tit{font-size: 40px; margin-bottom: 30px;}
	.information .inner .r_cont .box .cont+.cont{margin-top: 20px;}
	.sub_info .inner .map_box{width: 100%;}
	.sub_info .root_daum_roughmap .wrap_map{height: 360px !important; width: 100% !important;}
	.sub_info .inner .r_cont{width: 100%; margin-top: 40px;}
	.sub_info.information .inner .r_cont{width: calc(100%);}
	.information .inner .r_cont .box .lcont{font-size: 16px; width: 80px;}
	.information .inner .r_cont .box .rcont p{font-size: 15px;}
	.information .inner .r_cont .box.t p{font-size: 15px;}
	.information .inner .r_cont .box .tel h3 a{font-size: 25px;}
	.information .inner .r_cont .box .tel ul li a img{max-width: 36px;}
	.information .inner .r_cont .box .rcont dl+dl{margin-top: 8px;}
	.information .inner .r_cont .box .rcont dl dt{width: 70px; font-size: 15px;}
	.information .inner .r_cont .box .rcont dl dd{width: calc(100% - 70px); font-size: 15px;}
	.full_menu .inner .r_cont{width: 100%; padding-left: 0; padding-bottom: 60px;}
}
@media all and (max-width:640px){
    .sub_info{padding: 60px 0;}
	.sub_info .inner .r_cont{margin-top: 35px;}
	.sub_info .inner .r_cont .tit{font-size: 32px; margin-bottom: 25px;}
	.sub_info .root_daum_roughmap .wrap_map{height: 300px !important;}
}
@media all and (max-width:480px){
    .sub_info{padding: 50px 0;}
	.sub_info .root_daum_roughmap .wrap_map{height: 260px !important;}
	.sub_info .inner .r_cont .tit{font-size: 27px; margin-bottom: 20px;}
}


.b_menu{max-width: 1100px; height: 100px; display: flex; margin: 0 auto;}
.b_menu .smenu{display: flex; width: 100%; height: 100%;align-items: center;  justify-content: space-between;}
.b_menu .smenu li a{display: flex; color: #FFF; font-size: 1.8rem; transition: 0.3s;}
.b_menu .smenu li:hover a{text-decoration: underline; transform: translateY(-20%); transition: 0.3s; font-weight: bold;}
#header .r_menu .menutoggle2{display: none;}
.full_menu2 .inner .l_cont .cont .box > ul > li > a {width: 100%;}

/*
@media all and (max-width:1640px){
    .b_menu{max-width: 1100px;}
}

@media all and (max-width:1400px){
    .b_menu{max-width: 900px;}
    .b_menu .smenu li a{font-size: 1.5rem;}
}
*/
@media all and (max-width:1800px){
    .b_menu{display: none;}
    #header .r_menu .menutoggle2{display: flex;}
}


/* footer */
#footer{background-color: #222; color: #fff; padding: 50px 0 80px;}
#footer .inner{padding-bottom: 80px;}
#footer .inner .top{display: flex; gap: 3em; align-items: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #3c3c3c;}
#footer .inner .top .l_menu{display: flex; gap:0 30px;}
#footer .inner .top .l_menu li{}
#footer .inner .top .l_menu li a{font-size: 17px; color: #fff;}
#footer .inner .top .r_menu{display: flex; gap:0 45px; align-items: center;}
#footer .inner .top .r_menu .family{position: relative;}
#footer .inner .top .r_menu .family div{font-size: 15px; font-weight: 600; color: #fff; cursor: pointer;}
#footer .inner .top .r_menu .family ul{position: absolute; display: none; bottom: 30px; z-index: 99; height: auto; visibility: visible; opacity: 1; width: 120px; left: 50%; transform: translateX(-50%);}
#footer .inner .top .r_menu .family ul li{background-color: #fff; text-align: center;}
#footer .inner .top .r_menu .family ul li a{color: #444; font-size: 14px; padding: 5px; display: block; font-weight: 500;}
#footer .inner .top .r_menu .family ul li:hover a{background: #6454aa; color: #fff;}
#footer .inner .top .r_menu .lang{position: relative;}
#footer .inner .top .r_menu .lang div{cursor: pointer;}
#footer .inner .top .r_menu .lang img{max-width: 100%;}
#footer .inner .top .r_menu .lang ul{position: absolute; display: none; bottom: 40px; z-index: 99; height: auto; visibility: visible; opacity: 1;}
#footer .inner .top .r_menu .lang ul li{}
#footer .inner .top .r_menu .lang ul li+li{margin-top: 10px;}
#footer .inner .top .r_menu .lang ul li a{}
#footer .inner .top .r_menu .lang ul li a img{}
#footer .bottom{display: flex; flex-direction: column-reverse;}
#footer .bottom .info{}
#footer .bottom .info .f_logo{margin-bottom: 30px;}
#footer .bottom .info .f_logo img{}
#footer .bottom .info span{color: #777777; font-size: 15px; display: inline-block; margin-right: 25px; line-height: 1.8em;}
#footer .bottom .info span b{font-weight: 400; color: #fff; margin-left: 5px;}

#footer .bottom .copy{font-size: 13px; font-weight: 500; color: #777777; margin-top: 12px;}
#footer .bottom .r_cont{display: flex; gap:0 35px; flex-wrap: wrap; }
#footer .bottom .r_cont li{}
#footer .bottom .r_cont div{width: 100%; margin-top: 30px; margin-bottom: 30px;}
#footer .bottom .r_cont div p{font-size: 15px; font-weight: 500; color: #777777; line-height: 1.6em;}

@media all and (max-width:976px){
	#footer{padding: 45px 0 70px;}
	#footer .inner .top .l_menu{gap:0 20px;}
	#footer .inner .top .l_menu li a{font-size: 16px;}
	#footer .inner .top .r_menu{gap:0 30px;}
	#footer .inner .top{padding-bottom: 25px; margin-bottom: 35px;}
	#footer .bottom .info span{font-size: 14px;}
	#footer .bottom .r_cont div p{font-size: 14px;}
}
@media all and (max-width:720px){
	#footer{padding: 40px 0 65px;}
	#footer .inner .top .l_menu li a{font-size: 15px;}
	#footer .inner .top{padding-bottom: 20px; margin-bottom: 30px; flex-direction: column-reverse;}
	#footer .inner .top .l_menu{margin-top: 20px; flex-wrap: wrap; justify-content: center; gap: 10px 20px;}
	#footer .bottom .info .f_logo{margin-bottom: 20px;}
	#footer .bottom .info .f_logo img{max-width: 180px;}
	#footer .bottom .r_cont{gap:0 30px;}
}
@media all and (max-width:640px){
	#footer{padding: 40px 0 55px;}
	#footer .bottom{flex-direction: column-reverse;}
	#footer .bottom .r_cont{width: 100%; text-align: center; justify-content: center;}
	#footer .bottom .r_cont div{margin-top: 15px;}
	#footer .bottom .r_cont div p{text-align: center;}
	#footer .bottom .info{margin-top: 25px; text-align: center;}
	#footer .bottom .info .f_logo{text-align: center;}
	#footer .bottom .info .f_logo img{max-width: 160px;}
	#footer .bottom .info span{margin-right: 0; margin: 0 8px; text-align: center;}
}


/* index_footer */
#index_footer {position: static !important; background-color: #524978; padding: 70px 0 60px; opacity: 1 !important; overflow: visible !important;}
#index_footer .inner{padding-bottom: 80px;}
#index_footer .inner .top{display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 25px; border-bottom: 1px solid #60587f;}
#index_footer .inner .top .info{}
#index_footer .inner .top .info span{color: #8d86ab; font-size: 15px; display: inline-block; margin-right: 25px;}
#index_footer .inner .top .info span b{font-weight: 400; color: #fff; margin-left: 5px;}
#index_footer .inner .top .copy{font-size: 13px; font-weight: 500; color: #8d85ab; margin-top: 12px;}
#index_footer .inner .top .r_menu{display: flex; gap:0 45px; align-items: center;}
#index_footer .inner .top .r_menu .family{position: relative;}
#index_footer .inner .top .r_menu .family div{font-size: 15px; font-weight: 600; color: #fff; cursor: pointer;}
#index_footer .inner .top .r_menu .family ul{position: absolute; display: none; height: 0; opacity: 0; visibility: hidden; width: 120px; left: 50%; transform: translateX(-50%);}
#index_footer.active .inner .top .r_menu .family ul{bottom: 30px; z-index: 99; height: auto; visibility: visible; opacity: 1;}
#index_footer .inner .top .r_menu .family ul li{background-color: #fff; text-align: center;}
#index_footer .inner .top .r_menu .family ul li a{color: #444; font-size: 14px; padding: 5px; display: block; font-weight: 500;}
#index_footer .inner .top .r_menu .family ul li:hover a{background: #6454aa; color: #fff;}
#index_footer .inner .top .r_menu .lang{position: relative;}
#index_footer .inner .top .r_menu .lang div{cursor: pointer;}
#index_footer .inner .top .r_menu .lang img{max-width: 100%;}
#index_footer .inner .top .r_menu .lang ul{position: absolute; display: none; height: 0; opacity: 0; visibility: hidden;}
#index_footer.active .inner .top .r_menu .lang ul{ bottom: 40px; z-index: 99; height: auto; visibility: visible; opacity: 1;}
#index_footer .inner .top .r_menu .lang ul li{}
#index_footer .inner .top .r_menu .lang ul li+li{margin-top: 10px;}
#index_footer .inner .top .r_menu .lang ul li a{}
#index_footer .inner .top .r_menu .lang ul li a img{}
#index_footer .inner .bottom{display: flex; flex-direction: column-reverse; gap:2em}
#index_footer .inner .bottom .l_cont{display: flex; gap:0 20px;}
#index_footer .inner .bottom .l_cont li{}
#index_footer .inner .bottom .l_cont li a{font-size: 15px; color: #fff;}
#index_footer .inner .bottom .r_cont{display: flex; flex-wrap: wrap; gap:0 20px;}
#index_footer .inner .bottom .r_cont li{}
#index_footer .inner .bottom .r_cont li a{}
#index_footer .bottom .r_cont div{width: 100%; margin-top: 30px; }
#index_footer .bottom .r_cont div p{font-size: 15px; font-weight: 500; color: #fff; line-height: 1.6em;}

@media all and (max-width:1280px){
	#index_footer{padding: 60px 0 50px;}
	#index_footer .inner .top{padding-bottom: 25px; margin-bottom: 20px;}
	#index_footer .inner .top .info{max-width: 70%;}
	#index_footer .inner .top .info span{font-size: 14px; margin-right: 20px; line-height: 1.8em;}
	#index_footer .inner .top .r_menu{gap:0 40px; max-width: 30%;}
	#index_footer .inner .bottom .l_cont li a{font-size: 14px;}
}
@media all and (max-width:640px){
	#index_footer{padding: 40px 0 40px;}
	#index_footer .inner .top{flex-direction: column-reverse; align-items: center;}
	#index_footer .inner .top .info{max-width: 100%; text-align: center; margin-top: 20px;}
	#index_footer .inner .top .info span{margin-right: 0; margin: 0 10px;}
	#index_footer .inner .top .r_menu{max-width: 100%;}
	#index_footer .inner .bottom{flex-direction: column; justify-content: flex-start; align-items: center;}
	#index_footer .inner .bottom .r_cont{margin-top: 20px;}
}


/* quick */
.quick{position: fixed; bottom: 40px; right: 48px; z-index:1000; text-align: center;}
.quick .link{}
.quick .link li{}
.quick .link li+li{margin-top: 15px;}
.quick .link li a {
	writing-mode: horizontal-tb;
	writing-mode: vertical-lr;
	font-size: 15px; font-weight: 600; color: #6d56ac;
}
.quick .sns{margin-bottom: 20px; display: flex; flex-direction: column; gap:5px; transition: .4s;}
.quick .sns li{position: relative; text-align: right;}
.quick .sns li:nth-child(1){text-align: center; width: 80px; height: 80px; background-color: #6454aa; border-radius:50%;}
/* .quick .sns li:before{text-align: center; width: 70px; font-size: 12px; display: none; padding:4px; border-radius: 6px; background: #fff; position: absolute; right:110%; top:50%; transform: translateY(-50%); font-weight: 600;  color: #6d56ac;}
.quick .sns li:hover:before{display: block;}
.quick .sns li:nth-child(1):before{content: '빠른 예약';}
.quick .sns li:nth-child(2):before{content: '카톡 상담';}
.quick .sns li:nth-child(3):before{content: '온라인상담';}
/* .quick .sns li:nth-child(4):before{content: 'BL TV';} */
/* .quick .sns li:nth-child(4):before{content: 'BL 리얼후기';} */ 
.quick .sns li a{}
.quick .sns li a img{}
.quick .sns li p{position: absolute; color: #fff; top: 50%; transform: translateY(-50%); text-align: right; left: -200%; font-size: 15px; font-weight: 500; display: none;}
.quick .sns li:nth-child(1) p{display: block; position: relative; left: 0; top: 0; transform: none; color: #fff; text-align: center; font-size: 16px; }

.quick_btn{position: fixed; right: 3%; bottom: 40px; width: 76px; height: 76px; border-radius: 100%; background-color: #6454aa; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; z-index: 997; box-shadow: 2px 8px 10px rgba(0,0,0,0.1); display: none; cursor: pointer; transition: .4s;}
.quick_btn span{transition: .4s;}
.quick_btn.on span{transform: rotate(225deg);}
.quick_btn p{font-size: 16px;}
.quick_bg{display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index:-9; position: fixed; top: 0; left: 0; display: none;opacity: 0; visibility: hidden; transition: .4s;}
.quick_bg.on{z-index: 998; opacity: 1; visibility: visible;}

@media all and (max-width:1280px){
	.quick{right: calc(3% + 8px); z-index: -1; bottom: 110px;}
	.quick.on{z-index: 1000;}
	.quick .link{display: none;}
	.quick .sns{position: relative; opacity: 0; bottom: -100%; gap:12px 0;}
	.quick.on .sns{bottom: 0; opacity: 1;}
	.quick .sns li p{display: block; left: -40%;}
	.quick_btn{display: flex;}
	.quick_bg{display: block;}

    .quick .sns li:hover:before{display: none;}
}

.goog-te-gadget-simple{background-color: transparent !important; border:0px !important;}
.goog-te-gadget-simple img{display: none;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{color: #6454aa !important; font-family: 'Poppins', 'SUIT', sans-serif; font-size: 15px !important; font-weight: 700 !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed img + span{display: none !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::after{content: ''; width: 12px; height: 6px; background: url(/images/common/lang_arrow.webp) no-repeat center center / cover; display: inline-block; margin-left: 16px; position: relative; top: -2px;}
.VIpgJd-ZVi9od-vH1Gmf{border: 0px !important;}


.cont_link{display:none; margin-bottom:20px;}
.cont_link li{display:inline-block; margin-right:10px;}
.cont_link a{ color:#fff; font-size: 1.7rem; opacity: 0.95; transition: .4s;}
.cont_link a:hover{opacity: 1;}
@media all and (max-width:1280px){
    .cont_link{display:block;}
}

.cont_link_breast{display:none; margin-bottom:20px;}
.cont_link_breast li{display:inline-block; margin-right:10px;}
.cont_link_breast a{ color:#fff; font-size: 1.7rem; opacity: 0.95; transition: .4s;}
.cont_link_breast a:hover{opacity: 1;}
@media all and (max-width:976px){
    .cont_link_breast{display:block;}
}



.full_menu .inner:has(.new_cont){overflow-y: auto;}
.full_menu .inner:has(.new_cont)::-webkit-scrollbar {
    width: 0px;
}
.full_menu .inner .new_cont .accordion-header{width: 50%; font-size: 46px;cursor: pointer; text-align: left ; font-family: 'gmarketsans'; color: #fff; line-height: 1.2em; font-weight: 700; display: flex; justify-content: space-between; align-items: center;}
.full_menu .inner .new_cont .accordion-header:after{content: '\e145'; font-family: 'Material Symbols Outlined'; font-weight: 200; font-size: 30px;}
.full_menu .inner .new_cont .accordion-header.down:after{content: '\e15b';}
.full_menu .inner .new_cont .cont::-webkit-scrollbar {
    width: 0px;
}
.full_menu .inner .new_cont {width: 50%;}
.full_menu .inner .new_cont.about{width: 45%;}
.full_menu .inner .new_cont .cont{ overflow-y: scroll; height: 100%;}
.full_menu .inner .new_cont .cont .box{ gap:0 44px; width: 100%;}
.full_menu .inner .new_cont .cont .box+.box{margin-top: 60px;}

.full_menu .inner .new_cont .cont .box h3{font-family: 'OneMobileTitle'; font-size: 23px; font-weight: 400; width: 190px;}
.full_menu .inner .new_cont .cont .box > ul{width: 100%; margin-top: 30px; margin-bottom: 50px;}
.full_menu .inner .new_cont .cont .box > ul > li{display: flex; width: 100%;}
.full_menu .inner .new_cont .cont .box > ul > li+li{margin-top: 20px;}
.full_menu .inner .new_cont .cont .box > ul > li > a{font-size: 18px; font-weight: 600; color: #fff;width: 175px;display: block;}
.full_menu .inner .new_cont .cont .box > ul > li > ul{width: calc(100% - 160px); display: flex; gap:10px 28px; flex-wrap: wrap;}
.full_menu .inner .new_cont .cont .box > ul > li > ul > li{}
.full_menu .inner .new_cont .cont .box > ul > li > ul > li > a{font-size: 16px; font-weight: 500; color: #fff; opacity: 0.7; transition: .4s;}
.full_menu .inner .new_cont .cont .box > ul > li > ul > li:hover > a{opacity: 1;}


.full_menu .inner .new_cont .accordion {
    margin: auto;
    text-align: left ;
}
.full_menu .inner .new_cont .accordion-item + .accordion-item {
    margin-top: 10px;
}
.full_menu .inner .new_cont .accordion-content {
    display: none;
    text-align: left ;
    padding-left: 20px;
}
/* .full_menu .inner .new_cont .accordion-item:first-child .accordion-content {
    display: flex;
} */

.full_menu .inner .new_cont .translate_list{margin-top: 50px;}
.full_menu .inner .new_cont .translate_list .list{display: flex;gap: 0 10px;}


.full_menu .inner .new_cont .fam_box{display: flex; gap: 0px; width: 100%; height: auto;}
.full_menu .inner .new_cont .fam_box a{display: flex; justify-content: center; align-items: flex-end; width: 20%; height: 240px; overflow: hidden; background-position: center top; border-radius: 10px; background-size:100% auto; transition: all .4s;}
.full_menu .inner .new_cont .fam_box a p{width: 100%; text-align: center; font-size: 17px; font-weight: 700; color: #fff; padding: 20px 0; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.25), rgba(0,0,0,0.4));}
.full_menu .inner .new_cont .fam_box a:hover{transform: translateY(10px);}
.full_menu .inner .new_cont .fam_box a.breast{background-image: url('/images/intro/intro_bg2_pc.webp?v=1');}
.full_menu .inner .new_cont .fam_box a.petit{background-image: url('/images/intro/intro_bg3_pc.webp?v=1');}
.full_menu .inner .new_cont .fam_box a.derma{background-image: url('/images/intro/intro_bg4_pc.webp?v=1');}
.full_menu .inner .new_cont .fam_box a.pain{background-image: url('/images/intro/intro_bg5_pc.webp?v=1');}
.full_menu .inner .new_cont .fam_box a.surg{background-image: url('/images/intro/intro_bg1_pc.webp?v=1');}
.full_menu .inner .new_cont .fam_box a.trau{background-image: url('/images/common/intro_trauma.webp?v=1');}

.full_menu .inner .new_cont .full_info{}
.full_menu .inner .new_cont .full_info .addr{font-size: 18px; display: flex; justify-content: space-between; align-items: center;}
.full_menu .inner .new_cont .full_info .addr .t2{font-size: 36px; font-weight: 700;}
.full_menu .inner .new_cont .full_info .time_park_wrap{margin-top: 30px; display: flex;}
.full_menu .inner .new_cont .full_info .time {width: 50%;}
.full_menu .inner .new_cont .full_info .time dl{display: flex; line-height: 2.8em;}
.full_menu .inner .new_cont .full_info .time dl dt{width: 80px; font-size: 18px;}
.full_menu .inner .new_cont .full_info .time dl dd{width: calc(100% - 80px); font-size: 18px; font-family: 'Roboto', 'SUIT', sans-serif;;}

.full_menu .inner .new_cont.fullinfomo{display: none;}

.full_menu .inner .new_cont.quickmo{display: none;}
.full_menu .inner .new_cont.quickmo ul{margin-top: 20px; display: flex; gap: 1%;}
.full_menu .inner .new_cont.quickmo ul li{width: 32%;}
.full_menu .inner .new_cont.quickmo ul li a{padding: 0 10px; display: flex; gap: 10px; align-items: center; border:1px solid #ffffff99; border-radius: 44px;}
.full_menu .inner .new_cont.quickmo ul li p{font-size: 14px; color: #fff;}


@media all and (max-width:1800px){
    .full_menu .inner .new_cont .full_info{width: 90%;}
    .full_menu .inner .new_cont .full_info .addr{display: block;}
    .full_menu .inner .new_cont .full_info .addr .t2{margin-top: 10px;}
}
@media all and (max-width:1399px){
    .full_menu .inner .new_cont .fam_box a{height: 180px; border-radius: 5px;}
    .full_menu .inner .new_cont .full_info .time dl dt{font-size: 16px;}
    .full_menu .inner .new_cont .full_info .time dl dd{font-size: 16px;}
}
@media all and (max-width:1280px){
    .full_menu .inner .new_cont .full_info{width: 100%;}
    .full_menu .inner .new_cont .accordion-header{font-size: 36px;}
    .full_menu .inner .new_cont .cont .box > ul{margin-top: 20px;}
    .full_menu .inner .new_cont .cont .box > ul > li{flex-wrap: wrap;}
    .full_menu .inner .new_cont .cont .box > ul > li > a{margin-bottom: 10px; width: 100%;}
    .full_menu .inner .new_cont .cont .box > ul > li > ul{width: 100%;}
    .full_menu .inner .new_cont .fam_box a{height: 150px;}
}
@media all and (max-width:976px){
    .full_menu .inner .new_cont {width: 100%;}
    .full_menu .inner .new_cont.fam{order: 0;}
    .full_menu .inner .new_cont.fullinfomo{order: 2;}
    .full_menu .inner .new_cont.about{order: 1; width: 100%; margin-top: 50px;}
    .full_menu .inner .new_cont .accordion-header{width: 100%;}
    .full_info_wrap.pc{display: none;}
    .full_menu .inner .new_cont.fullinfomo{display: block; margin-top: 20px;}
    .full_menu .inner .new_cont.quickmo{display: block;}
}

@media all and (max-width:567px){
    .full_menu .inner .new_cont .fam_box{ padding-bottom: 5px;}
    .full_menu .inner .new_cont .fam_box a{width: 25%; height: 120px;}
    /* .full_menu .inner .new_cont .fam_box a{width: calc(50% - 2.5px); height: 120px; background-position: center center;} */
    .full_menu .inner .new_cont .fam_box a:hover{transform: translateY(0px);}

    .full_menu .inner .new_cont .full_info .time_park_wrap{flex-wrap: wrap;}
    .full_menu .inner .new_cont .full_info .time_park_wrap .time{width: 100%; margin-bottom: 20px;}

    .full_menu .inner .new_cont.quickmo ul li a{gap: 5px;}
}
@media all and (max-width:480px){
    .full_menu .inner .new_cont .accordion-header{font-size: 30px;}
    .full_menu .inner .new_cont .accordion-content{padding-left: 10px;}
    .full_menu .inner .new_cont .fam_box a{width: 27%; height: 110px;}
    .full_menu .inner .new_cont .fam_box a p{font-size: 12px;padding: 8px 0;}

    .full_menu .inner .new_cont.quickmo ul li a{gap: 0px;padding: 0 2px;}
    .full_menu .inner .new_cont.quickmo ul li a img{width: 35px;}
    .full_menu .inner .new_cont.quickmo ul li a p{font-size: 12px;}
}
@media all and (max-width:380px){
    .full_menu .inner .new_cont .fam_box a{height: 100px;}
}
@media all and (max-width:350px){
    .full_menu .inner .new_cont .fam_box a{height: 90px;}
}


#header_event + #header{top: 80px;transition:all .4s;}

#header_event{position: fixed; top:0; width: 100%; height: 80px; overflow: hidden; z-index: 990; transition: all .4s;}
#header_event ul li{position: relative; height: 80px; text-align: center; font-size: 30px; color: #fff; background:linear-gradient(to right, #6b50dd,#5065dd); transition: all .4s;}
#header_event ul li a{height: 100%;}
#header_event ul li a p{height: 100%; color: #fff;  display: flex; justify-content: center; align-items: center;  opacity: 1; font-family: 'Montserrat', 'suit'; font-weight: 800;}
/* #header_event ul li.slick-current.slick-center p{animation: hdevent 3s forwards;} */
#header_event ul li p{animation: hdevent 3s forwards;}

  
#header_event.scroll{opacity: 0; top: -40px;}
#header_event.scroll + #header{top: 0px;}


@keyframes hdevent {
    0%{opacity: 1;;}
    25%{opacity: 0;;;}
    40%{opacity: 1;;}
    65%{opacity: 0;;;}
    100%{opacity: 1;;}
    /* 0%{transform: scale(1);}
    15%{transform: scale(1.1);}
    30%{transform: scale(1);}
    45%{transform: scale(1.1);}
    60%{transform: scale(1);}
    75%{transform: scale(1.1);}
    100%{transform: scale(1);} */
}
@media all and (max-width:1399px){
    #header_event + #header{top: 50px;}
    #header_event{height: 50px;}
    #header_event ul li{height: 50px;}
    #header_event ul li{font-size: 18px;}
#header_event.scroll{top: -50px;}
}
@media all and (max-width:976px){
    /* #header_event{display: none;}
    #header_event + #header{top: 0px;} */

    /* #header_event + #header{top: 30px;}
    #header_event{height: 30px;}
    #header_event ul li{height: 30px;}
#header_event.scroll{top: -30px;} */
}
@media all and (max-width:480px){
    /* #header_event + #header{top: 25px;}
    #header_event{height: 25px;}
    #header_event ul li{height: 25px; font-size: 13px;}
#header_event.scroll{top: -25px;} */
}






/***** 퀵메뉴 ver2 모바일pc따로 ******/

.counsel-pc{position:fixed; right:20px; bottom:45px; z-index: 998; }
.counsel-pc ul{display:flex; flex-direction:column; gap:10px; }
.counsel-pc li{width: 220px; height:60px; display: flex; align-items: center; justify-content: center; background:rgba(255,255,255,0.9); border-radius:50px; box-shadow: 3px 4px 10px rgba(0,0,0,0.1)}
.counsel-pc li a{display:flex; align-items:center; justify-content:center; gap:5px;}
.counsel-pc li a span{color:#633ac4; font-size: 30px;}
.counsel-pc li a img{width: 26px;}
.counsel-pc li a p{font-size: 20px; font-weight: 700; color:#633ac4; font-family: 'GmarketSans'; transform:rotate(0.1deg);}
.counsel-pc li.counsel-kakao{}
.counsel-pc li.counsel-res{/*background:linear-gradient(45deg, #633ac4, #5b1fb2);*/ /*animation:upndown 0.4s infinite both alternate;*/ }
.counsel-pc li.counsel-res p{color:#fff; animation:quickresanim .6s infinite;}
.counsel-pc li.counsel-res span{color: #fff; animation:quickresanim .6s infinite; display: inline-block;}
.counsel-pc li.counsel-event{background:#6342df; box-shadow:none; ;}
.counsel-pc li.counsel-event span{color: #fff; display: inline-block; }
.counsel-pc li.counsel-event p{color:#fff;  } 


.counsel-pc li.counsel-top{ width: 100%; background:transparent; box-shadow: none;}
.counsel-pc li.counsel-top div{width: 100%; height:54px; line-height:54px; padding-top: 9px; background-color: #373737; color: #fff; text-align: center; font-weight: 500; font-size: 12px; border-radius: 60px; line-height: 1.3; cursor: pointer;}
#goTopPc{opacity: 0; visibility: hidden; transition: all .6s;}
#goTopPc.on{opacity: 1; visibility: visible;}
.counsel-pc li.counsel-top div p{font-size: 14px; font-weight: 700; font-family: 'GmarketSans'; }

@keyframes colorchange1 {
    0%{border-color:#fff;}
    100%{border-color:#633ac4;}
}
@keyframes colorchange2 {
    0%{color:#fff;}
    100%{color:#633ac4;}
}

@keyframes upndown {
    0%{transform:translateY(0)}
   100%{transform:translateY(-5px)}
}

@keyframes loca-circle {
  0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.5; }
  50% { opacity: 1.0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }
}
.loca-circle {position:absolute; left:50%; top:50%; display:inline-block; width:110px; height:110px; margin-top:-55px; margin-left:-55px; z-index: -1; }
.loca-circle > span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.loca-circle > span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.loca-circle > span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; }
.loca-circle > span:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay:2.5s; }
.loca-circle > span:nth-child(6) { -webkit-animation-delay: 4s; animation-delay:4s; }
.loca-circle > span { border:1px solid #5065dd ; border-radius: 50%;
					  -webkit-animation-fill-mode: both; animation-fill-mode: both;
					  position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%;
					  -webkit-animation: loca-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: loca-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; }



        .sheet-btn {display: none; position: fixed;z-index: 888;bottom: 25px;right: 40px;
        }
        .sheet-btn .btn{width: 110px;height: 110px;border-radius: 50%;background: linear-gradient(45deg, #6b50dd, #5065dd);color: white;border: none;font-size: 40px;cursor: pointer;display: flex; flex-direction:column; justify-content: center; align-items: center;}
        .sheet-btn span.material-symbols-outlined{font-size: 24px; position: relative;}
        .sheet-btn p{margin-top: -8px; font-size: 42px; font-weight: 700; letter-spacing: -0.08em;}
        /* .sheet-btn:after{content: ''; position: absolute; left: 50%; top: 50%; z-index: -2; transform: translate(-50%, -50%); animation:sheetbtn 0.7s infinite alternate-reverse; background-color: #a693fa6b; border-radius: 50%;} */



        .bottom-sheet-event{display: none; position:fixed; width: 100%; height:100%;  justify-content:center; align-items:center;}
        .bottom-sheet-event .bse-bg{position:fixed; left:0; top:0; width: 100%; height:100%; background:rgb(0,0,0,0.7);}
        .bottom-sheet.open + .bottom-sheet-event{display:flex; z-index: 997;}
        .bse-list{width: 94%; max-width:fit-content; z-index: 999; text-align: center; }
        .bse-list a{}
        .bse-list img{max-height:50vh; display:inline-block;}
        .bse-list .slick-list{width: 560px;}
        .bse-list .slick-dots{transform:translateX(-50%); bottom:-40px;}
        .bse-list .slick-dots li{width: 6px; height:6px;}
        .bse-list .slick-dots li.slick-active{background:#fff;}



        @keyframes sheetbtn {
            0%{width: 100%; height: 100%;}
            100%{width: calc(100% + 16px); height: calc(100% + 16px);}
        }

        .bottom-sheet {position: fixed;
            right: -80px; /* 오른쪽 끝에 위치 */
            bottom: -80px; /* 하단 끝에 위치 */
            width: 420px;height: 420px;background:#fff; border-radius: 50%;
            /* box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.15); */
            z-index: 998;
            overflow: hidden; /* 모달 바깥 부분은 보이지 않게 */
            display: none; /* 처음에는 숨김 */
            opacity: 0; /* 초기 투명도 */
            transform: scale(0.5) rotate(90deg); /* 초기 크기 설정 */
            transition: opacity 0.1s ease, transform 0.3s ease; /* 애니메이션 효과 */
        }


        .bottom-sheet.open {
            display: block; /* 열렸을 때 보이게 설정 */
            opacity: 1; /* 완전 불투명 */
            transform: scale(1) rotate(0deg); /* 원래 크기로 돌아감 */
            
        }

        .bottom-sheet .close-btn {
            position: absolute;
            top: 50%; /* 모달의 중앙 위치 */
            left: 50%; /* 모달의 중앙 위치 */
            transform: translate(-50%, -50%); /* 중앙으로 이동 */
            background: linear-gradient(45deg, #6b50dd, #5065dd);
            border: none;
            font-size: 14px;
            line-height: 1;
            z-index: 9999;
            cursor: pointer;
            padding: 20px; border-radius: 50%;
        }
        .bottom-sheet .close-btn:before{content:'';}
        .bottom-sheet .close-btn span.material-symbols-outlined{font-size: 80px; color:#fff;
            font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
        }

        .bottom-sheet .circle-content {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .bottom-sheet .menu-item {
            position: absolute;
            width: 80px;
            height: 80px;
            /* background-color: #6454aa; */
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 10px;
            text-align: center; /* 간격을 늘림 */
            
        }
        .bottom-sheet .menu-item a{display:block;}
        .bottom-sheet .menu-item:has(.backbg) span{color: #fff;}
        .bottom-sheet .menu-item:has(.backbg) p{color: #fff;}
        .bottom-sheet .menu-item.quickresanim p{animation:quickresanim .6s infinite}
        .bottom-sheet .menu-item.quickresanim span{animation:quickresanim .6s infinite}
        .bottom-sheet .menu-item .backbg{position:absolute; animation:backbg .4s infinite both; z-index: -1; border-radius:50%; width: 100%; height:100%; left:auto; top:auto; bottom:auto; right:auto; background:#5065dd}
        .bottom-sheet .menu-item span{font-size: 38px; color: #633ac4;}
        .bottom-sheet .menu-item p{font-size: 18px; font-weight: 700; margin: 0; line-height: 1; color: #633ac4;}

        #scrollTopBtn{opacity: 0; visibility: hidden; transition: all .6s; position: fixed; right: 54px; bottom: 170px; z-index: 998; cursor: pointer; text-align: center; color: #373737; padding:4px 10px; border-radius:0px;}
        #scrollTopBtn span{font-size: 60px;}
        #scrollTopBtn p{font-size: 1.6rem; font-weight: 600;}

@media all and (max-width:1280px){
    #goTopPc{display: none !important;}
     .sheet-btn{display:block;}
     #scrollTopBtn.on{opacity: 1; visibility: visible;}
     .counsel-pc{display:none;}
     .bottom-sheet-event{padding-bottom: 25%;}
    }
@media all and (max-width:976px){
    .bottom-sheet-event{padding-bottom: 45%;}
    .bse-list{width: 70vw;}
    .bse-list .slick-list{width: 70vw;}
    .bse-list img{}
}

@media all and (max-width:767px){
    #scrollTopBtn{right: 30px;}
    #scrollTopBtn span{font-size: 44px;}
    .sheet-btn{bottom:25px; right:10px;}
    .bottom-sheet { right: -100px; /* 오른쪽 끝에 위치 */ bottom: -100px; /* 하단 끝에 위치 */width: 380px; height:380px;}
    .bottom-sheet .menu-item{margin:0px;}
    .bottom-sheet .close-btn span.material-symbols-outlined{font-size: 60px;}
    .bse-list img{width: 100%;}
}
@media all and (max-width:500px){
    /* .bottom-sheet { right: -110px;  bottom: -110px;width: 350px; height:350px;}
    .bottom-sheet .menu-item{margin:-5px;}
    .bottom-sheet .close-btn span.material-symbols-outlined{font-size: 40px;}
    .bottom-sheet .menu-item span{font-size: 24px;}
    .bottom-sheet .menu-item span img{width: 24px;}
    .bottom-sheet .menu-item p{font-size: 12px;} */
}

@keyframes quickresanim {
    0%{color:#5065dd;}
    100%{color:#ff6464;}
}