@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; overflow-x: hidden;}
body.on{overflow-y: hidden;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1rem; }
.inner {	width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;}
.m-inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1280px;	position:relative;	margin-left:auto;	margin-right:auto;}


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

/* header */
#header{width: 100%; height: 100px;position: fixed; top: 0; left: 0; z-index: 9; display: flex; justify-content: space-between; transition: 0s; border-bottom: 1px solid transparent;}
#header.on{background-color: #fff; border-bottom: 1px solid #efeef5;}
#header.onn{background-color: #fff; border-bottom: 1px solid #efeef5;}
#header .l_cont{padding-left: 60px; display: flex; gap:0 115px; align-items: center;}
#header .l_cont #logo{}
#header .l_cont #logo a{width: 209px; height: 60px; background: url(/anesth/images/common/logo.webp?v=1) no-repeat center center / cover; display: block; transition: .4s;}
#header.on .l_cont #logo a{background-image: url(/anesth/images/common/logo_on.webp?v=1);}
#header.onn .l_cont #logo a{background-image: url(/anesth/images/common/logo_on.webp?v=1);}
#header .l_cont .pcGnb{}
#header .l_cont .pcGnb > ul{display: flex;}
#header .l_cont .pcGnb > ul > li{}
#header .l_cont .pcGnb > ul > li > a{font-size: 19px; font-weight: 600; color: #fff; line-height: 100px; display: block; padding: 0 35px;}
#header .l_cont .pcGnb > ul > li:first-child > a{padding-left: 0;}
#header.on .l_cont .pcGnb > ul > li > a{color: #333;}
#header.onn .l_cont .pcGnb > ul > li > a{color: #333;}
#header.onn .l_cont .pcGnb > ul > li:hover > a{color: #6f678e;}
#header .l_cont .pcGnb > ul > li > ul{position: fixed; position: absolute; text-align: center; display: none; left: 0px; padding: 50px 0; width: 100%; flex-wrap: wrap; gap:60px 0; padding-left: 508px; max-width: 1756px; height: 305px; align-content: flex-start}
#header .l_cont .pcGnb > ul > li:hover > ul{display: flex;}
#header .l_cont .pcGnb > ul > li > ul::before{content: ''; position: absolute; left: 0; top: 0; width: 100vw; height: 100%; background-color: #fdfdfd; z-index: -1;}
#header .l_cont .pcGnb > ul > li > ul > li{width: 20%; }
#header .l_cont .pcGnb > ul > li > ul > li > a{font-size: 20px; color: #333333; font-weight: 700; position: relative;}
#header .l_cont .pcGnb > ul > li > ul > li:hover > a{color: #6f678e;}
#header .l_cont .pcGnb > ul > li > ul > li > a::before{content: ''; width: 7px; height: 7px; border-radius: 100%; background-color: #6f678e; top: -2px; left: -14px; display: block; position: absolute;}
#header .l_cont .pcGnb > ul > li > ul > li > a::after{content: ''; height: 2px; width: 0%; display: block; position: absolute; background-color: #6f678e; bottom: -2px; left: 50%; transform: translateX(-50%); transition: .4s;}
#header .l_cont .pcGnb > ul > li > ul > li:hover > a::after{width: 100%;}
#header .l_cont .pcGnb > ul > li > ul > li > ul{display: flex; flex-direction: column; gap:15px; margin-top: 20px;}
#header .l_cont .pcGnb > ul > li > ul > li > ul > li{}
#header .l_cont .pcGnb > ul > li > ul > li > ul > li > a{font-size: 16px; font-weight: 500; color: #686868;}
#header .l_cont .pcGnb > ul > li > ul > li > ul > li:hover > a{color: #887fbb;}
#header .l_cont .pcMenuTxt{text-align: center; background: #f8f6fa url(/anesth/images/common/pcMenu.webp) no-repeat right center / auto; width: 508px; position: fixed; top: 100px; left: 0; z-index: -1; height: 305px; display: flex; flex-direction: column; justify-content: center; display: none;}
#header .l_cont .pcMenuTxt.on{display: flex;}
#header .l_cont .pcMenuTxt h4{font-family: 'Marcellus', serif; font-weight: 400; color: #8077b7; font-size: 18px;}
#header .l_cont .pcMenuTxt h3{font-size: 46px; font-weight: 800; color: #333333;  margin-top: 30px; margin-bottom: 15px;}
#header .l_cont .pcMenuTxt p{font-size: 16px; font-weight: 500; color: #7f7f7f;}
#header .r_cont{display: flex; align-items: center; padding-right: 35px; gap:0 54px;}
#header .r_cont .link{display: flex; gap:0 3px;}
#header .r_cont .link li{}
#header .r_cont .link li a{font-size: 15px; font-weight: 600; color: #fff; display: inline-block; padding: 8px 18px; border: 1px solid rgba(255,255,255,0.4); border-radius: 18px;}
#header .r_cont .link li:hover a{background-color: #6f678e !important; color: #fff !important;}
#header.on .r_cont .link li a{color: #6f678e; border-color: #c5c2d2;}
#header.onn .r_cont .link li a{color: #6f678e; border-color: #c5c2d2;}
#header .r_cont .lang{}
#header .r_cont .lang > div{font-size: 14px; font-weight: 600; color: #fff; font-family: 'Poppins', sans-serif;}
#header.on .r_cont .lang > div{color: #333333}
#header.onn .r_cont .lang > div{color: #333333}
#header .r_cont .lang > div::after{content: ''; width: 12px; height: 6px; background: url(/anesth/images/common/lang_arrow.webp) no-repeat center center / 100%; display: inline-block;  position: relative; top: -3px; margin-left: 15px;}
#header.on .r_cont .lang > div::after{filter: invert(1);}
#header.onn .r_cont .lang > div::after{filter: invert(1);}
#header .r_cont .lang{font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; color: #6454aa; position: relative; cursor: pointer;}
#header .r_cont .lang .tit{cursor: pointer;}
#header .r_cont .lang .tit::after{content: ''; width: 12px; height: 6px; background: url(/anesth/images/common/lang_arrow.webp) no-repeat center center / cover; display: inline-block; margin-left: 16px;}
#header .r_cont .lang .list{text-align: center;display: none;position: absolute;background-color: #6454aa;width: 90px;left: 50%;transform: translateX(-50%);top: 32px;}
#header .r_cont .lang .list li{}
#header .r_cont .lang .list li a{display: block; padding: 10px 0; color: #fff;}
#header .r_cont .lang .list li a img{max-width: 20px; margin-right: 5px;}
#header .r_cont .lang .list li a:hover{background-color: #4d3c98;}
#header .r_cont .lang > ul{display: none;}
#header .r_cont .lang > ul li{}
#header .r_cont .lang > ul li a{}
#header .r_cont .menutoggle{cursor: pointer;}
#header .r_cont .menutoggle img{max-width: 30px;}
#header.on .r_cont .menutoggle img{filter: invert(1);}
#header.onn .r_cont .menutoggle img{filter: invert(1);}
#header .r_cont .blsite{font-family: 'Poppins', 'suit' sans-serif; font-weight: 600; font-size: 16px; color: #fff; position: relative;}
#header .r_cont .blsite .tit{cursor: pointer;}
#header .r_cont .blsite .tit::after{content: ''; width: 12px; height: 6px; background: url(/derma/images/common/lang_arrow.webp) no-repeat center center / cover; display: inline-block; margin-left: 16px;}
#header .r_cont .blsite .list{display:none; position:absolute; width: 120px;text-align: center; background-color: #6454aa; left: 50%; transform: translateX(-50%); top: 32px;}
#header .r_cont .blsite .list li a{display: block; padding: 10px 0; color: #fff; font-weight: 400; font-size: 14px; font-family: 'suit';}
#header .r_cont .blsite .list li a:hover{background-color: #4d3c98;}
#header.on .r_cont .blsite .tit{color:#222;}
#header.on .r_cont .blsite .tit:after{filter: invert(1);}
#header.onn .r_cont .blsite .tit{color:#222}
#header.onn .r_cont .blsite .tit:after{filter: invert(1);}



@media all and (min-width:1924px){
	#header .l_cont .pcGnb > ul > li > ul{max-width: 90vw;}
}
@media all and (max-width:1600px){
	#header .l_cont{gap:0 70px;}
	#header .l_cont .pcMenuTxt{max-width: 420px;}
	#header .l_cont .pcGnb > ul > li > ul{padding-left: 420px;}
	#header .l_cont .pcMenuTxt h3{font-size: 42px;}
	#header .l_cont #logo a{max-width: 172px; background-size: 100%;}
	#header .l_cont .pcGnb > ul > li > a{padding: 0 26px;}
}
@media all and (max-width:1280px){
	#header{height: 80px;}
	#header .l_cont{padding-left: 3%; gap:0 50px;}
	#header .l_cont .pcGnb > ul > li > a{font-size: 18px; padding: 0 25px;}
	#header .l_cont .pcGnb > ul > li > ul{top: 80px;}
	#header .l_cont .pcMenuTxt{top: 80px;max-width: 25vw;}
	#header .l_cont .pcMenuTxt h3{font-size: 36px; margin-top: 20px;}
	#header .l_cont .pcGnb > ul > li > ul{padding-left: 25vw; gap:45px 0px;}
	#header .l_cont .pcGnb > ul > li > ul > li > a{font-size: 19px;}
	#header .r_cont{gap:0 35px; padding-right: 3%;}
	#header .r_cont .menutoggle img{max-width: 28px;}
	#header .r_cont .link li a{font-size: 14px;}
	#header .l_cont .pcGnb > ul > li > a{padding: 0 15px;}
}
@media all and (max-width:1080px){
	#header{height: 65px;}
	#header .l_cont #logo a{max-width: 156px;}
	#header .l_cont .pcGnb{display: none;}
	#header .r_cont{gap:0 30px;}
	#header .r_cont .link{display: none;}
	#header .r_cont .menutoggle img{max-width: 26px;}
}
@media all and (max-width:640px){
	#header .r_cont .menutoggle img{max-width: 24px;}
}


.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;}
.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: 38px; top: 38px;}
.full_menu .inner{display: flex; color: #fff; max-height: 680px; overflow: hidden;}
.full_menu .inner .l_cont{width: 68.125%; border-right: 1px solid #7465b3; padding-right: 40px;}
.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: 160px;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;}
}
@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 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;}
}
@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: 3%; top: 24px;}
}


/* footer */
#footer{background-color: #222; color: #fff; padding: 50px 0 80px;}
#footer .inner{}
#footer .inner .top{display: flex; justify-content: space-between; 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;}
}

/* quick */
.quick{position: fixed; bottom: 40px; right: 48px; z-index: 98; text-align: center;}
.quick .link{}
.quick .link li{}
.quick .link li+li{margin-top: 25px;}
.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: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: 'BL TV';} */
/* .quick .sns li:nth-child(3):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_btn{position: fixed; right: 40px; 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; }
.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: 48px; 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;}
	.quick_btn{display: flex;}
	.quick_bg{display: block;}
}

.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;}
}




.full_menu.ver2 .inner{overflow-y: auto;}
.full_menu.ver2 .inner::-webkit-scrollbar {
    width: 0px;
}
.full_menu .inner .new_cont .accordion-header{width: 60%; 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;}
.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%;}
.full_menu .inner .new_cont .fam_box a{display: flex; justify-content: center; align-items: flex-end; width: 22%; 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; justify-content: space-between;}
.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::-webkit-scrollbar{height: 0;}
    .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; }
}





/***** 퀵메뉴 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}
.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 .btnn{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: 999;}
        .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: 1000;
            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;}
}