@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: 990; display: flex; justify-content: space-between; transition: 0s; border-bottom: 1px solid transparent;}
#header.scroll {background-color: #fff; border-bottom: 1px solid #efeef5;}
#header .l_cont{padding-left: 40px; display: flex; gap:0 65px; align-items: center;}
#header .l_cont #logo{}
#header .l_cont #logo a{width: 168px; height: 60px; background: url('/petit/images/common/logo.webp?v=1') no-repeat center center / cover; display: block; transition: .4s;}
#header.scroll .l_cont #logo a{background-image: url('/petit/images/common/logo_on.webp?v=1');}
#header.onn .l_cont #logo a{background-image: url('/petit/images/common/logo_on.webp?v=1');}


#gnb_pc {margin: 0 auto}
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc > ul > li > div {display:block;  line-height:100px; position:relative; width: auto; padding: 0 15px; cursor: pointer; }
#gnb_pc > ul > li > div a { font-size:1.6rem;  color:#FFF;  font-weight:500 }
#gnb_pc > ul > li > ul { display: none; padding:17px 0; width:180px; background:#645894; position: absolute; top: 102px; left: 50%; margin-left: -90px; }
#gnb_pc > ul > li > ul > li > a {display:block; width:100%; font-size:1.7rem; color:#fff; padding:0.4em 12px; line-height: 1.4em;  box-sizing: border-box; }
#gnb_pc > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc > ul > li > ul > li > a:hover { text-decoration:underline}
#header.scroll #gnb_pc > ul > li:hover > div a  { color:#645894}
#header.scroll #gnb_pc > ul > li > div  a { color:#222}



#header .r_cont{display: flex; align-items: center; padding-right: 35px; gap:0 40px;}


#header .r_cont .link{display: flex; gap:0 3px;}
#header .r_cont .link {}
#header .r_cont .link li a {font-size: 1.7rem; line-height:50px;; font-weight: 600; color: #fff; display: inline-block; padding: 0 2.5em;; border: 1px solid rgba(255,255,255,0.4); border-radius: 50px;}
#header .r_cont .link li:hover a {background-color: #6f678e !important; color: #fff !important; ; border: 1px solid #6f678e;}
#header.scroll .r_cont .link li a {color: #6f678e; border-color: #c5c2d2; }
#header.scroll .r_cont .link li:hover a { border: 1px solid #6f678e;}
#header.onn .r_cont .link li a {color: #6f678e; border-color: #c5c2d2;  border: 1px solid #6f678e;}


#header .r_cont .lang{}
#header .r_cont .lang > div{font-size: 14px; font-weight: 600; color: #fff; font-family: 'Poppins', sans-serif;}
#header.scroll .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('/petit/images/common/lang_arrow.webp') no-repeat center center / 100%; display: inline-block;  position: relative; top: -3px; margin-left: 15px;}
#header.scroll .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(/derma/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 .blsite{font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; color: #fff; position: relative; ;}
#header .r_cont .blsite .tit{cursor: pointer;display: flex; align-items: center; gap: 4px; background-color: #6342dfee; border-radius: 30px; width: 130px; padding: 4px 0; justify-content: center;}
#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: 130px;text-align: center; background-color: #6342dfee; 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.scroll .r_cont .blsite .tit{color:#222;}
#header.scroll .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);} */

#header .r_cont .menutoggle{cursor: pointer;}
#header .r_cont .menutoggle img{max-width: 30px;}
#header.scroll .r_cont .menutoggle img{filter: invert(1);}
#header.onn .r_cont .menutoggle img{filter: invert(1);}



@media all and (max-width:1860px){
	#header .l_cont{ gap:0 20px; }
}
@media all and (max-width:1799px){
	#header .l_cont{ gap:0 14px; }

	#header .r_cont .link li a { line-height:40px; padding: 0 1.8em;; }
	#header .r_cont{ padding-right: 35px; gap:0 30px;}
	#gnb_pc {display:none }
}

@media all and (max-width:1699px){
	#header .l_cont{gap:0 70px;}
}
@media all and (max-width:1280px){
	#header{height: 80px;}
	#header .l_cont{padding-left: 3%; gap:0 50px;}
	#header .l_cont #logo a{max-width: 128px; background-size: 100%;}
	#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;}
}
@media all and (max-width:1080px){
	#header{height: 65px;}
	#header .l_cont #logo a{max-width: 116px;}
	#header .r_cont{gap:0 30px;}
	#header .r_cont .menutoggle img{max-width: 26px;}
}
@media all and (max-width:640px){
	#header .l_cont #logo a{max-width: 102px;}
	#header .r_cont .menutoggle img{max-width: 24px;}
	#header .r_cont .link{display:none;}
    #header .r_cont .blsite{font-size: 14px;}
    #header .r_cont .blsite .tit{width: 100px;}
    #header .r_cont .blsite .list{width: 100px;}
    #header .r_cont .blsite .tit span{display: none;}
}


.full_menu{background-color: #6454aa; z-index: 998; 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: 998; opacity: 1; visibility: visible;}
.full_menu .title{height: 172px;position: relative;}
.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: 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; margin-bottom:3em;  padding-bottom:3em;  border-bottom:1px dashed rgba(255,255,255,0.1) }
.full_menu .inner .l_cont .cont .box h3{font-family: 'OneMobileTitle'; font-size: 23px; font-weight: normal; width: 190px;}
.full_menu .inner .l_cont .cont .box > ul{width: calc(100% - 190px); display: flex; flex-wrap:wrap; gap:20px }
.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;}

.full_menu .inner .r_cont {padding-left:30px}
.full_menu .inner .r_cont .box .tel h3 a { color:#FFF !important }

@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:15px}
	.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;}

	
	.full_menu .inner .r_cont {padding-left:0}
}
@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%; top: 24px;}
	.full_menu .title .login_menu{top: 23px;}
	.full_menu .title .login_menu li a{font-size: 14px;}
}


/* footer */
#footer{background-color: #222; color: #fff; padding: 50px 0 80px;}
#footer .inner{}
#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 95px;}
	#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; margin-bottom: 0;}
	#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: 100; 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; letter-spacing:-0.1em;
}
.quick .sns{margin-bottom: 20px; display: flex; flex-direction: column; gap:5px; transition: .4s;}
.quick .sns li{position: relative;}
.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(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 .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: 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; transition: .4s;}
.quick_btn span{transition: .4s;}
.quick_btn.on span{transform: rotate(225deg);}
.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;}
.quick_btn p{font-size: 16px;}

@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; left: -60%;}
	.quick_btn{display: flex;}
	.quick_bg{display: block;}
    .quick .sns li:hover:before{display: none;}
}



#footerBn img {width:100%;}

#footerBn2{height: 580px; background:url('/petit/images/common/footerbn-bg.webp'); background-size:cover;}
#footerBn2 .inner{display: flex; flex-direction: column; align-items: center;}
#footerBn2 p{color: #fff;}
#footerBn2 p.t1{margin-top: 3em; font-family: 'RIDIBatang'; font-size: 2.4rem; letter-spacing: 0.16em; font-weight: 400;}
#footerBn2 p.t1 br{display: none;}
#footerBn2 p.eng{margin-top: 2em; font-family: 'Marcellus', serif; font-size: 1.3rem; text-transform: uppercase; letter-spacing: 0.18em;}
#footerBn2 .bar{height: 320px; background-color: rgba(0,0,0,0.2); position: relative; width: 1px; overflow: hidden;}
#footerBn2 .bar .gage{height: 100%; position: absolute; left: 0; top: 0; background-color: #000; animation: scrolls 4.5s infinite ease; width: 100%;}
#footerBn2 .bar{background-color: rgba(255,255,255,0.2);}
#footerBn2 .bar .gage{background-color: #fff;}
#footerBn2 p{color: #fff; opacity: 0.5;}

@keyframes scrolls{
	0%{top: -320px;}
	60%{top: 0;}
	100%{top: 320px;}
}

@media all and (max-width:480px){
    #footerBn2{height: 400px;}
    #footerBn2 .bar{height: 200px;}
    #footerBn2 p.t1 br{display: block;}
    @keyframes scrolls{
        0%{top: -200px;}
        60%{top: 0;}
        100%{top: 200px;}
    }
}

.goog-te-gadget-simple{background-color: transparent !important; border:0px !important; position: relative;}
.goog-te-gadget-simple img{display: none;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{color: #fff !important; font-family: 'Poppins', 'SUIT', sans-serif; font-size: 15px !important; font-weight: 700 !important;}
#header.scroll .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{color: #6454aa !important }
#header.onn .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{color: #6454aa !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; filter: brightness(10);}
#header.scroll .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::after{filter: brightness(1);}
#header.onn .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::after{filter: brightness(1);}
.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;}
}





#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;} */
}




.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: 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; 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 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:100px; 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; padding-bottom: 4px}
.counsel-pc li.counsel-event{background:#6342df; box-shadow:none; ;}
.counsel-pc li.counsel-event span{color: #fff; display: inline-block; padding-bottom: 4px;}
.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: 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;}
}