/* point color */
.fc {color:#7356a2 !important;}
.bc {border-color:#7356a2 !important;}
.bgc {background-color:#7356a2 !important;}

/* top css */
.list:not(.mobile)>.top {background-color:#676fb7;}
.list>.top .left .title {color:white;}
.list>.top .left .content {color:white;}
.list>.top .right {width:40% !important; padding-top:50px; padding-right:50px; text-align:right; position:absolute; right:0; bottom:-70px;}
.list>.top .right>img {vertical-align:bottom;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title>h1 {font-size:3vw;}

.list>.top.type2 {background-color:#8675d5; padding:0;}
.list>.top.type2>.item-wrapper>img{display: block;}

div.wrapper>ul.list>li.top>.item-wrapper>div.left>.content .point {color:#210f4e; text-shadow: 0 5px 1px #4a5081; }


/* common - submenu */
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li {border: 1px solid #d6c0f9;}
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li a:hover {background-color:#d6c0f9; color: #522799;}

/* custom - 수술 포인트 */
.item.point {background-color:#ebe4f6;}
.point>div>div.left>.indexes {color:#c6badd;}
.point>div>div.left>.indexes>li {height:auto; width:auto; margin-right:12px; cursor:pointer;}
.point>div>div.right>.video {display:none; background: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/anti_img.b0b47ed26150.jpg?v=201202); background-size: cover;}
.point>div>div.right>.video.active {display:block; animation-name:active; animation-duration:0.35s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
.point>div>div.right>.video::before,
.point>div>div.right>.video::after {background-color:#7356a2;}
.point>div>div.right>div.txt {text-align:center; position:relative; left:80px; position:relative;}
.point>div>div.right>div.txt::before,
.point>div>div.right>div.txt::after {content:''; width:150px; position:absolute; top:0; bottom:0; height:1px; background-color:#1f3148; margin:auto;}
.point>div>div.right>div.txt::before {left:0;}
.point>div>div.right>div.txt::after {right:0;}

.point>div>div.left>.indexes[data-content=face]>li[data-content=face],
.point>div>div.left>.indexes[data-content=mini]>li[data-content=mini],
.point>div>div.left>.indexes[data-content=forehead]>li[data-content=forehead],
.point>div>div.left>.indexes[data-content=neck]>li[data-content=neck] {color:#7356a2;}
.point>div>div.left>.content[data-content=face]>div[data-content=face],
.point>div>div.left>.content[data-content=mini]>div[data-content=mini],
.point>div>div.left>.content[data-content=forehead]>div[data-content=forehead],
.point>div>div.left>.content[data-content=neck]>div[data-content=neck] {display:block; animation-name:active; animation-duration:0.35s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}

/* custom - 그렇다면, 왜 */
div.wrapper>ul.list>li.item.why {background-color:#e1daee;}

.why>div>div.left {padding:0px 60px 0 20px;}
.why>div>div.left>.indexes {margin-top:45px;}
.why>div>div.left>.indexes>li {/*padding-top:20px; padding-left:20px; height:150px;*/ margin: 30px 0 0 0; height: 160px;}
.why>div>div.left>.indexes>li[data-content=c1]>.icon {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_why1.6ba8fd9e0d62.png);}
.why>div>div.left>.indexes>li[data-content=c2]>.icon {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_why2.a831db827c4e.png);}
.why>div>div.left>.indexes>li[data-content=c3]>.icon {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_why3.738309f8239a.png);}
.why>div>div.left>.indexes>li[data-content=c4]>.icon {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_why4.ed9272d60524.png);}
.why>div>div.left>.indexes>li[data-content=c5]>.icon {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_why5.6460a4ababcb.png);}
.why>div>div.left>.indexes>li[data-content=c6]>.icon {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_why6.d825e19acc43.png);}
.why>div>div.left>.indexes>li[data-content=c7]>.icon {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_why7.442ce7d83206.png);}
.why>div>div.left>.indexes>li[data-content=c8]>.icon {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_why8.b7e47f65ffa3.png);}
.why>div>div.left> {}
.why>div>div.right {position:relative;}
/*.why>div>div.right>.content {width:calc(100% + 50px);}*/
.why>div>div.right>.content>div {display:none;}
.why>div>div.right>.content>div>.title {color:#7356a2; font-size: 1.5vw;}
.why>div>div.right>.content>div>.content {margin-top:20px; font-size:0.95vw; word-break:keep-all;}
.why>div>div.right>.content>div>.content>img {width:100%; max-width:700px;}

.why>div>div.left>.indexes>li[data-content=c1].active>.icon,
.why>div>div.left>.indexes>li[data-content=c1]>.icon.hover {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/icon_why1_h.f7dc3a62afec.png);}
.why>div>div.left>.indexes>li[data-content=c2].active>.icon,
.why>div>div.left>.indexes>li[data-content=c2]>.icon.hover {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/icon_why2_h.a5d24cdd811d.png);}
.why>div>div.left>.indexes>li[data-content=c3].active>.icon,
.why>div>div.left>.indexes>li[data-content=c3]>.icon.hover {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/icon_why3_h.c7907469b634.png);}
.why>div>div.left>.indexes>li[data-content=c4].active>.icon,
.why>div>div.left>.indexes>li[data-content=c4]>.icon.hover {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/icon_why4_h.f727bbb7f730.png);}
.why>div>div.left>.indexes>li[data-content=c5].active>.icon,
.why>div>div.left>.indexes>li[data-content=c5]>.icon.hover {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/icon_why5_h.a96e157730a2.png);}
.why>div>div.left>.indexes>li[data-content=c6].active>.icon,
.why>div>div.left>.indexes>li[data-content=c6]>.icon.hover {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/icon_why6_h.cadb6d70e1b3.png);}
.why>div>div.left>.indexes>li[data-content=c7].active>.icon,
.why>div>div.left>.indexes>li[data-content=c7]>.icon.hover {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/icon_why7_h.e0da5a8689d7.png);}
.why>div>div.left>.indexes>li[data-content=c8].active>.icon,
.why>div>div.left>.indexes>li[data-content=c8]>.icon.hover {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/icon_why8_h.cddd2ec3c8d3.png);}
.why>div>div.left>.indexes>li>.icon,
.why>div>div.left>.indexes>li>.txt{transition: 0.35s ease-in-out; cursor: pointer;}
.why>div>div.left>.indexes>li>.txt.hover,
.why>div>div.left>.indexes>li.active>.txt,
.why>div>div.left>.indexes>li.active>.txt.hover{color:#7356a2; animation-name: unset; animation-fill-mode:none; }

/* custom - 아름다움의 조건 */
.condition {background-color:#cbc2dc;}

.condition>.item-wrapper>div.right {}
.condition>.item-wrapper>div.right>.content {}
.condition>.item-wrapper>div.right>.content>div {padding:35px 0;}
.condition>.item-wrapper>div.right>.content>div>.content {margin-top:30px;}
.condition>.item-wrapper>div.right>.content>div>.content>ul>li {list-style: disc; line-height: 2.5vw; font-size: 1.2vw;;}

ul.list.mobile li.condition li {margin: 0 0 15px; margin-left: 5%; list-style: disc;}

/* custom - 성형 부위별 수술 종류*/
.kinds {background-color:#51426A;}
.kinds>.item-wrapper>.full {padding:0 20px;}
.kinds>.item-wrapper>.full>.title {color:white;}
.kinds>.item-wrapper>.full>.txt {color:white;}
.kinds>.item-wrapper>.full>.content>.txt {font-size:1.2vw; margin-top:30px; color:white;}
.kinds>.item-wrapper>.full>.content span.fs-tit {display:block; margin: 10px 0; height:auto !important; color:#30cc9c; font-size: 1.2vw; font-weight: 600;}

.kinds .table-t2 {margin-top:20px;}

.kinds .table-t2>div.img>div:not(:last-child)::after {bottom:125px; left:55%}
.kinds .table-t2>div.img.no-content>div:not(:last-child)::after {bottom:50px; left:55%}
.kinds .table-t2>div.img>div>div:first-child {border-width:1px 1px 0 1px;}
.kinds .table-t2>div.img>div>div:first-child>img {animation-name: unset; opacity: 1;}
.kinds .table-t2>div.img>div>div:last-child {width:100%; padding:15px 15px 0 15px; margin:0; height:auto; text-align:left;}
.kinds .table-t2>div.img>div>div:last-child>span {display:block; letter-spacing:-0.5px; color:rgba(255,255,255,0.6); margin-top:10px; line-height:20px; word-break:keep-all;}
.kinds .table-t2.row4>div.img>div>div:last-child>span  {height:60px;}
.kinds .table-t2>div.txt>div {padding:0; margin:auto;}
.kinds .table-t2>div.txt>div[data-kind] {}
.kinds .table-t2>div.txt>div[data-kind]>div {border:1px solid white; border-width:0px 1px 1px 1px; min-height:240px;}
.kinds .table-t2>div.txt>div[data-kind]>div>ul {padding:15px 1vw 0px 40px; list-style:disc;}
.kinds .table-t2>div.txt>div[data-kind]>div>ul:last-child {padding-bottom:15px;}
.kinds .table-t2>div.txt>div[data-kind]>div>ul>li {letter-spacing:-0.5px;}
.kinds .table-t2>div.txt>div[data-kind]>div>ul>li.title {margin-left:-25px; list-style:none;}

.kinds .table-t2>div>div {padding-right:10px !important; cursor:default;}
.kinds .table-t2>div>div>* {width:100%; margin:auto;}

.kinds .table-t2:not(.row4) {/*margin-bottom:40px;*/}
.kinds .table-t2:not(.row4)>div {display:flex; justify-content:space-between;}
.kinds .table-t2:not(.row4)>div>div {width:290px; margin:0 auto;}
.kinds .table-t2:not(.row4)>div>div:first-child {margin-left:0;}
.kinds .table-t2:not(.row4)>div>div:last-child {margin-right:0;}

.kinds .table-t2:not(.row4)>div.txt>div[data-kind]>div {min-height:200px;}
.kinds .table-t2:not(.row4)>div.txt>div[data-kind]>div>ul>li {letter-spacing:-1px;}

.kinds.forehead .table-t2>div>div {width:calc(50% - 10px);}
/*.kinds .table-t2.type2>div.img>div>div:first-child,
.kinds.forehead .table-t2>div.img>div>div:first-child{width:100%; border-radius:0;}*/
.kinds.forehead .table-t2>div.img>div:not(:last-child)::after {bottom: 85px;}

/*
.kinds>div>div.full>.indexes>li{width: 100px;height:50px;cursor:pointer;}
.kinds>div>div.full>.indexes[data-content=face]>li[data-content=face],
.kinds>div>div.full>.indexes[data-content=forehead]>li[data-content=forehead],
.kinds>div>div.full>.indexes[data-content=neck]>li[data-content=neck] {color:#b491ec; }
.kinds>div>div.full>.content[data-content=face]>div[data-content=face],
.kinds>div>div.full>.content[data-content=forehead]>div[data-content=forehead],
.kinds>div>div.full>.content[data-content=neck]>div[data-content=neck] {display:block; animation-name:active; animation-duration:0.35s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
*/

ul.list.mobile li.kind_way {background-color: #7957b1;}
ul.list.mobile li.kind_way dl dt {color: #FFF;}



/* custom - 수술 효과 */
.effect {background-color:#634B89;}
.effect>.item-wrapper {}
.effect>.item-wrapper>div.left>.txt {margin-left: 5vw;}
.effect>.item-wrapper>div.left>.txt>li {height: auto; width: auto; margin-right: 12px; color: #c6badd; cursor: pointer;}
.effect>.item-wrapper>div.left>.indexes[data-content=once]>li[data-content=once],
.effect>.item-wrapper>div.left>.indexes[data-content=face]>li[data-content=face],
.effect>.item-wrapper>div.left>.indexes[data-content=mini]>li[data-content=mini],
.effect>.item-wrapper>div.left>.indexes[data-content=forehead]>li[data-content=forehead],
.effect>.item-wrapper>div.left>.indexes[data-content=neck]>li[data-content=neck] {color:#7356a2;}

.effect>.item-wrapper>div.left>.content[data-content=once]>*[data-content=once],
.effect>.item-wrapper>div.left>.content[data-content=face]>*[data-content=face],
.effect>.item-wrapper>div.left>.content[data-content=mini]>*[data-content=mini],
.effect>.item-wrapper>div.left>.content[data-content=forehead]>*[data-content=forehead],
.effect>.item-wrapper>div.left>.content[data-content=neck]>*[data-content=neck]{display: block; animation-name: active; animation-duration: 0.3s; animation-direction: alternate; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
.effect>.item-wrapper>div.left>.content *{width:100%}

/* 보톡스,윤곽주사 시술 부위 s */
.effect.part {background-color:#fff;}
.effect>.item-wrapper>div.full {padding: 0 20px;}
.effect>.item-wrapper>div.full>.content {margin:30px 0 68px 0;}
.effect>.item-wrapper>div.full>.content>.row>.img {width:600px; text-align:center; position:relative;}
.effect>.item-wrapper>div.full>.content>.row>.img>img {width:600px; height:523px;}
.effect>.item-wrapper>div.full>.content>.row>.img>.dot {position:absolute; width:17px; height:17px; border-radius:50%; opacity:0.5; background-color:#f5f5f5; cursor:pointer; animation-name:dot_blur; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
.effect>.item-wrapper>div.full>.content>.row>.img>.dot:hover,
.effect>.item-wrapper>div.full>.content>.row>.img>.dot.active {animation-name:dot_active;}

/*--보톡스--*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=forehead] {top:185px; left:280px;}	/*이마*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=glabella] {top:240px; left:280px;}	/*미간*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=eye] {top:276px; left:200px;}		/*눈가/눈밑*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=nose] {top:276px; left:280px;}		/*콧등*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=jaw] {top:360px; left:195px;}		/*사각턱*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=tip] {top:323px; left:280px;}		/*코끝*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=jawLine] {top:425px; left:280px;}	/*턱라인*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=oralAngle] {top:360px; left:320px;}	/*입꼬리*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=lift] {top:410px; left:320px;}		/*보톡스리프트*/

/*--윤곽주사--*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=cheek] {top:345px; left:200px;}		/*볼살*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=face] {top:302px; left:343px;}		/*광대*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=jaw2] {top:420px; left:275px;}		/*이중턱*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=jawLine2] {top:360px; left:350px;}	/*옆 턱라인*/

/*--필러--*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=forehead2] {top:185px; left:280px;}	/*이마*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=nose2] {top:282px; left:280px;}		/*코*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=underEyes] {top:282px; left:223px;}	/*눈밑애교/눈밑고랑*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=face2] {top:302px; left:343px;}		/*앞광대*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=cheek2] {top:340px; left:210px;}		/*볼*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=lip] {top:370px; left:280px;}		/*입술*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=nasolabialFolds] {top:340px; left:322px;}	/*팔자주름*/
.effect>.item-wrapper>div.full>.content>.row>.img>.dot[data-target=chin] {top:420px; left:280px;}		/*턱*/

.effect>.item-wrapper>div.full>.content>.row>.content {width:calc(100% - 700px); margin-right:100px; float:right; margin-top: 10px;}
.effect>.item-wrapper>div.full>.content>.row>.content>div {border-radius:8px; border:2px solid #634B89; height:500px; padding:40px 25px 30px; position:relative; display:none; box-sizing:border-box;}
.effect>.item-wrapper>div.full>.content>.row>.content>div::before {content:''; position:absolute; top:0; left:0; right:0; height:6px; background-color:#634B89; border-radius:8px 8px 0 0;}
.effect>.item-wrapper>div.full>.content>.row>.content>div>.img {width:160px; height:160px; border-radius:50%; border:2px solid #e5e5e5; margin:0 auto; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.effect>.item-wrapper>div.full>.content>.row>.content>div>.title {color:#634B89; font-size:1.5vw; font-weight:600; text-align:center; margin-top:25px; border-bottom:2px solid #634B89; padding-bottom:25px; letter-spacing:4px;}
.effect>.item-wrapper>div.full>.content>.row>.content>div>.txt{margin-top:25px}
.effect>.item-wrapper>div.full>.content>.row>.content>div>.txt>p {margin:20px 0; font-size:1.2vw; word-break:keep-all;}
.effect>.item-wrapper>div.full>.content>.row>.content>div>.txt>p:last-child {margin:0;}
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=forehead]>div[data-target=forehead],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=glabella]>div[data-target=glabella],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=eye]>div[data-target=eye],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=nose]>div[data-target=nose],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=jaw]>div[data-target=jaw],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=tip]>div[data-target=tip],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=jawLine]>div[data-target=jawLine],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=oralAngle]>div[data-target=oralAngle],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=lift]>div[data-target=lift],

.effect>.item-wrapper>div.full>.content>.row>.content[data-target=cheek]>div[data-target=cheek],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=face]>div[data-target=face],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=jaw2]>div[data-target=jaw2],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=jawLine2]>div[data-target=jawLine2],

.effect>.item-wrapper>div.full>.content>.row>.content[data-target=forehead2]>div[data-target=forehead2],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=nose2]>div[data-target=nose2],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=underEyes]>div[data-target=underEyes],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=face2]>div[data-target=face2],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=cheek2]>div[data-target=cheek2],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=lip]>div[data-target=lip],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=nasolabialFolds]>div[data-target=nasolabialFolds],
.effect>.item-wrapper>div.full>.content>.row>.content[data-target=chin]>div[data-target=chin]
{display:block; animation-name:fadeIn; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}

.effect>.item-wrapper>div.full>.content>.extra {height:290px; margin-top:20px; padding:30px; background-color:#e6e6e6; margin-bottom:-60px;}
.effect>.item-wrapper>div.full>.content>.extra>.row{float:left; width:50% }
.effect>.item-wrapper>div.full>.content>.extra>.row>div{width: calc(100% - 250px); margin-top: 10%;}
.effect>.item-wrapper>div.full>.content>.extra>.row>div.img {width:200px; height:200px; border-radius:50%;  background-color:white; background-size: cover; margin:15px; }
.effect>.item-wrapper>div.full>.content>.extra>.row>div>.title {font-size: 1.2vw; font-weight:500; color: #634B89; letter-spacing: 4px;}
.effect>.item-wrapper>div.full>.content>.extra>.row>div>.txt {font-size: 1vw}

@keyframes dot_blur {
	0% {opacity:1;}
	100% {opacity:0.5;}
}
@keyframes dot_active {
	0% {opacity:0.5;}
	100% {opacity:1;}
}

/* 보톡스,윤곽주사 시술 부위 E */


.effect>.item-wrapper>div.left {margin-left:-5vw; width:calc(50% + 5vw) !important;}
.effect>.item-wrapper>div.left>.title {margin-left:5vw;}
.effect>.item-wrapper>div.left>.content {margin:68px 0 0 0;}
.effect>.item-wrapper>div.left>.content>.indexes {height:auto;}
.effect>.item-wrapper>div.left>.content>.indexes>.img>img {width: 100%; height: auto; left: 0; transform: none; -ms-transform: none;}
.effect>.item-wrapper>div.left>.content>.indexes>li {width:50%; height:auto; margin:-1px -1px 0 0; border:1px solid #e6e6e6; padding:0 25px 25px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.img {width:160px; height:160px; border-radius:50%; border:1px solid #e6e6e6; overflow:hidden; margin:25px auto 20px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.img>img {height:160px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt {height:auto; width:100%; height:44px; line-height:22px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title {color:black; text-align:center;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.content {height:80px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.fs-txt {line-height: normal;margin-top:.7vw;}

.effect>.item-wrapper>div.right {position:relative; margin-right:-7vw; width:calc(50% + 5vw) !important;}
.effect>.item-wrapper>div.right>*[class^='arrow'] {position:absolute; top:0; bottom:0; margin:auto; height:50px; width:50px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABB0lEQVR4nO2byU3FUBAE68IaBiILcoA0CI4T+xoLB/KguPwRF4ubv4W6K4Kplmw/z5uBUsp/QT1Ur9Ub9WrrevbKTv7WX77Vs63r2gsL8sPl1rWtzk7+bkH+Uz3Yur5V+UP+Sz3fur5Vqbzep8ofpcs/VD5U/rHyofJPlQ+UP1afK1/5PPmXyofKv6bKn6TLv1U+VP698pXPkj9VPyLlAUw95ACoF7Hy0ACA8EcA+hIEwj+DQ0OgIQDhP0NDQyC8ITKY3BIbTG6KDg2B8IuRoSHQEIDw6/GhIRA+IjM0BMLH5IaGQPio7GDysPRg8rj80BAIX5kZTF6aGhZCyFmbG0xenCxlHX4A3bpzxw9YYh0AAAAASUVORK5CYII=); background-position:center center; background-repeat:no-repeat; background-size:auto 100%; cursor:pointer; opacity:0.6;}
.effect>.item-wrapper>div.right>*[class^='arrow']:hover {opacity:1;}
.effect>.item-wrapper>div.right>.arrow-prev {left:5px;}
.effect>.item-wrapper>div.right>.arrow-next {right:-40px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.effect>.item-wrapper>div.right>.txt {font-size:1vw; font-family:'Poppins','Noto Sans KR',sans-serif; font-weight:600; position:relative; color:#fff; text-align:center; line-height:1.3; padding-top:20px;}
.effect>.item-wrapper>div.right>.txt::before {content:''; width:5px; height:5px; transform:rotate(45deg); -ms-transform:rotate(45deg); left:0; right:0; top:0; margin:auto; position:absolute; background-color:#fff;}
.effect>.item-wrapper>div.right>.pictures {margin:auto; margin-top:40px;}
.effect>.item-wrapper>div.right>.pictures::after {content:''; clear:both; display:block; height:0;}
.effect>.item-wrapper>div.right>.pictures>div>div {height:500px; overflow:hidden; border:3px solid white; background-color:white;}
.effect>.item-wrapper>div.right>.pictures>div>div>img {max-width:180%; max-height:180%; position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.effect>.item-wrapper>div.right>div:last-child {text-align:center; margin-top:45px;}
.effect>.item-wrapper>div.right>div:last-child>a {display:inline-block; padding:15px 45px; border:1px solid #fff; color:#fff; font-size:22px;}

.effect.neck>.item-wrapper>div.left>.content {margin:32px 0;}
.effect.neck>.item-wrapper>div.left>.content>.indexes>li>.txt {height:66px;}


ul.list.mobile li.kind_effect dl dd {padding: 0 2.5%;}
ul.list.mobile li.part {background-color:#aa88e1;}
ul.list.mobile li.part dl dt {color:#FFF;}


/* custom - 전문의 */
.surgeon>.item-wrapper>div.left>.indexes>li.active,
.surgeon>.item-wrapper>div.left>.indexes>li:hover {color:#9b77d6;}
.surgeon>.item-wrapper>div.left>.indexes.fnb>li::before {background-color:#9b77d6;}

.surgeon>.item-wrapper>div.left>.content {margin-top:50px; padding:55px 45px; border:3px solid #9b77d6;}
.surgeon>.item-wrapper>div.left>.content>div>.cover>.title>span{background-color: rgba(151, 126, 193, 0.76); padding: 5px 10px;}

.surgeon>.item-wrapper>div.left>.content>div>.cover>.title {margin-bottom:30px; color:white; font-weight:600;}
.surgeon>.item-wrapper>div.left>.content>div>.cover>.content {color:white;}


/* custom - 함께하면 좋은 수술 */
.with {background-color:#d2dbe2;}
.with>.item-wrapper {}

.with>.item-wrapper>div.left {}
.with>.item-wrapper>div.left>.txt>li {height:auto; width:auto; margin-right:12px; color:#c6badd; cursor:pointer;}
.with>.item-wrapper>div.left>.content>.indexes {margin:95px 0 0; display:none;}
.with>.item-wrapper>div.left>.content>.indexes>li {width:50%; height:95px; line-height:95px; font-size:1.3vw; font-weight:600; border:3px solid #e6e6e6; text-align:center; margin-top:-3px; position:relative; cursor:pointer;}
.with>.item-wrapper>div.left>.content>.indexes>li:nth-child(even) {border-left:0;}
.with>.item-wrapper>div.left>.content>.indexes>li::before {content:''; position:absolute; top:-3px; left:-3px; right:-3px; bottom:-3px; border:3px solid #e6e6e6; z-index:1;}
.with>.item-wrapper>div.left>.content>.indexes>li:hover,
.with>.item-wrapper>div.left>.content>.indexes>li.active {color:#7356a2;}
.with>.item-wrapper>div.left>.content>.indexes>li:hover::before,
.with>.item-wrapper>div.left>.content>.indexes>li.active::before {border-color:#7356a2; z-index:2}
.with>.item-wrapper>div.right {position:relative;}
.with>.item-wrapper>div.right>.content {position:static; height: 600px;}
.with>.item-wrapper>div.right>.content>div>.title {font-size:1.4vw; font-weight:600; color:#7356a2;}
.with>.item-wrapper>div.right>.content>div>.content {margin-top:20px; font-size:.95vw;}
.with>.item-wrapper>div.right>.content>div>.detail {position: absolute; bottom: -70px; left: 60px; right: 20px; height: 460px; background-repeat: no-repeat; background-position: 100% 100%; background-size: auto 460px;
													/*position:relative; height:460px; background-repeat:no-repeat; background-position:100% 100%; background-size:auto 460px; margin-top:30px;*/}
.with>.item-wrapper>div.right>.content>div>.detail>a {position:absolute; top:10px; left:0; height:48px; line-height:48px; padding:0 40px; background-color:#7356a2; color:white;}

.with>.item-wrapper>div.right>.content>div[data-content='c1']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img10.3e5b3375849e.png?v=211109);}	/*목거상술*/
.with>.item-wrapper>div.right>.content>div[data-content='c2']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img9.d9fea53e57f2.png);}	/*이마거상술*/
.with>.item-wrapper>div.right>.content>div[data-content='c3']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img3.7c4c6e49a301.png);}	/*지방이식*/
.with>.item-wrapper>div.right>.content>div[data-content='c4']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img10.3e5b3375849e.png?v=211109);}	/*안면거상술*/
.with>.item-wrapper>div.right>.content>div[data-content='c5']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img5.bf5c6459702f.png);}	/*상안검/하안검*/
.with>.item-wrapper>div.right>.content>div[data-content='c6']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img6.a475db33b8ea.png);}	/*입꼬리 올리기*/
.with>.item-wrapper>div.right>.content>div[data-content='c7']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img7.37e849a02882.png);}	/*헤어라인교정술*/
.with>.item-wrapper>div.right>.content>div[data-content='c8']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img8.4332bfb94bbf.png);}	/*모발이식*/
.with>.item-wrapper>div.right>.content>div[data-content='c9']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img4.083fcb943457.png);}	/*리프팅*/
.with>.item-wrapper>div.right>.content>div[data-content='c10']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img1.c3f024afbfbe.png);}	/*사각턱축소술*/
.with>.item-wrapper>div.right>.content>div[data-content='c11']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img2.bff8363d5668.png);}	/*지방흡입술*/
.with>.item-wrapper>div.right>.content>div[data-content='c12']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img12.55109c8be964.png);}	/*보톡스*/
.with>.item-wrapper>div.right>.content>div[data-content='c13']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img13.881ad1525c7d.png);}	/*윤곽주사*/
.with>.item-wrapper>div.right>.content>div[data-content='c14']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img14.f3225e7b94d0.png);}	/*이중턱지방흡입*/
.with>.item-wrapper>div.right>.content>div[data-content='c15']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img15.4e9f3a090baa.png);}	/*볼+턱지방흡입*/
.with>.item-wrapper>div.right>.content>div[data-content='c16']>.detail {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/with_img16.f5167928fe2a.png);}	/*이마축소*/

.with>.item-wrapper>div.left>.indexes[data-content=once]>li[data-content=once],
.with>.item-wrapper>div.left>.indexes[data-content=face]>li[data-content=face],
.with>.item-wrapper>div.left>.indexes[data-content=mini]>li[data-content=mini],
.with>.item-wrapper>div.left>.indexes[data-content=forehead]>li[data-content=forehead],
.with>.item-wrapper>div.left>.indexes[data-content=neck]>li[data-content=neck] {color:#7356a2;}

.with>.item-wrapper>div.left>.content[data-content=once]>*[data-content=once],
.with>.item-wrapper>div.left>.content[data-content=face]>*[data-content=face],
.with>.item-wrapper>div.left>.content[data-content=mini]>*[data-content=mini],
.with>.item-wrapper>div.left>.content[data-content=forehead]>*[data-content=forehead],
.with>.item-wrapper>div.left>.content[data-content=neck]>*[data-content=neck] {display:block; animation-name:active; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}

ul.list.mobile li.with {background-image: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/mobile/with_bg.78e30962b173.jpg); background-size: 8px 8px !important;}

/* custom - 사후관리 */
.oversight {background-color:#c4cfd5;}

.oversight>.item-wrapper>div.left {padding-bottom:30px !important;}
.oversight>.item-wrapper>div.left>.content {color:#a1a1a1; margin-top:5px;}
.oversight>.item-wrapper>div.left>.indexes {margin:50px auto 0; padding-left:15px; position:relative; height:auto;}
.oversight>.item-wrapper>div.left>.indexes::before {content:''; position:absolute; top:25px; bottom:70px; left:0; width:1px; background-color:#e6e6e6;}
.oversight>.item-wrapper>div.left>.indexes>li {width:235px; height:auto; float:none; position:relative;}
.oversight>.item-wrapper>div.left>.indexes>li::before {content:''; position:absolute; left:-17px; top:25px; width:5px; height:5px; background-color:#aaaaaa; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.oversight>.item-wrapper>div.left>.indexes>li:not(:last-child) {margin-bottom:35px;}
.oversight>.item-wrapper>div.left>.indexes>li>.title {height:50px; line-height:50px; width:235px; text-align:center; color:#b9b9b9; font-size:18px; background-color:white; border:1px solid #eaeaea; border-radius:50px; transition:all 0.3s ease-in-out; cursor:pointer;}
.oversight>.item-wrapper>div.left>.indexes>li>.txt {width:235px; text-align:center; color:#b9b9b9; font-size:16px; margin-top:5px; padding:0; transition:color 0.3s ease-in-out; cursor:pointer;}
.oversight>.item-wrapper>div.left>.indexes>li>ul {list-style:none; padding:0; margin:0; position:absolute; top:5px; right:-260px; width:200px; display:none; animation-name:fadeOut; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out; background-color:white;}
.oversight>.item-wrapper>div.left>.indexes>li>ul::before {content:''; position:absolute; left:-62px; height:2px; width:62px; top:20px; background-color:#7356a2;}
.oversight>.item-wrapper>div.left>.indexes>li>ul>li {border:2px solid #7356a2; margin-top:-2px; padding:8px 25px; font-weight:500; font-size:15px; color:#7356a2;}

.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover>.title,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active>.title {color:white; background-color:#7356a2;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover::before,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active::before {background-color:#7356a2;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover>.txt,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active>.txt {color:#7356a2;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover>ul,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active>ul {display:block; animation-name:fadeIn; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover>ul {z-index:2;}
.oversight>.item-wrapper>div.right {}
.oversight>.item-wrapper>div.right>.content {width:100%;}
.oversight>.item-wrapper>div.right>.content>div {padding-top:70px;}
.oversight>.item-wrapper>div.right>.content>div>.title {font-size:1.3vw; font-weight:600; color:#7356a2;}
.oversight>.item-wrapper>div.right>.content>div>.content {font-size:0.9vw; margin-top:10px;}
.oversight>.item-wrapper>div.right>.content>div>.img {display:flex; margin-top:90px; width:100%;}
.oversight>.item-wrapper>div.right>.content>div>.img>div {margin-right:5px; width:33.3333%;}
.oversight>.item-wrapper>div.right>.content>div>.img>div.img1 {width: 100%; margin: 0 auto !important;}
.oversight>.item-wrapper>div.right>.content>div>.img>img,
.oversight>.item-wrapper>div.right>.content>div>.img>div>img {width: 100%; height: 100%;}

.oversight>.item-wrapper>div.right>.content[data-content=p1]>div[data-content=p1],
.oversight>.item-wrapper>div.right>.content[data-content=p2]>div[data-content=p2],
.oversight>.item-wrapper>div.right>.content[data-content=p3]>div[data-content=p3],
.oversight>.item-wrapper>div.right>.content[data-content=p4]>div[data-content=p4],
.oversight>.item-wrapper>div.right>.content[data-content=p5]>div[data-content=p5],
.oversight>.item-wrapper>div.right>.content[data-content=p6]>div[data-content=p6] {display:block; animation-name:fadeIn; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}

.oversight>.item-wrapper>div.right>.content div[data-content^=oversight-img]::after {content:''; display: block; text-align: center; font-size:14px;}
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img1]::after {content:'ヘリウムネオンレーザー'; }
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img2]::after {content:'スマートルックス';}
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img3]::after {content:'温熱高周波ケア'; }
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img4]::after {content:'むくみ除去注射'; }
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img5]::after {content:'酸素療法'; }
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img6]::after {content:'温熱サクション'; }
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img7]::after {content:'保湿・美白・鎮静パックのケア / 肌再生 / 肌の角質除去';}
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img8]::after {content:'ウルトラフォーマー'; }
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img9]::after {content:'顔再生レーザー / ビタミンケア / J.Queenスペシャル注射'; }

/* custom - 전후사진 */
.before_after {background-color:#634B89;}
.before_after>.item-wrapper>div.full {min-height:750px;}
.before_after>.item-wrapper>div.full>.title {margin-left:-4.9vw; color:white;}
.before_after>.item-wrapper>div.full>.txt {position:absolute; top:50px; left:-60px; width:265px; color:#c6badd;}
.before_after>.item-wrapper>div.full>.txt>li {cursor:pointer; height:auto; width:auto; margin-right:12px;}
.before_after>.item-wrapper>div.full>.content {margin:80px -6vw 0 -6vw; padding:0 20px;}
.before_after>.item-wrapper>div.full>.content::after {content:''; clear:both; display:block; height:0;}
.before_after>.item-wrapper>div.full>.content>div {float:left;}
.before_after>.item-wrapper>div.full>.content>div.list {margin-right:30px; width:300px; margin-top:-17px;}
.before_after>.item-wrapper>div.full>.content>div.list>ul {list-style:none; padding:0; margin:0;}
.before_after>.item-wrapper>div.full>.content>div.list>ul>li {height:214px; border:3px solid #e0e0e0; position:relative; overflow:hidden; box-sizing:border-box; cursor:pointer; background-color:white;}
.before_after>.item-wrapper>div.full>.content>div.list>ul>li.active {border-color:#7356a2;}
.before_after>.item-wrapper>div.full>.content>div.list>ul>li:not(:last-child) {margin-bottom:20px;}
.before_after>.item-wrapper>div.full>.content>div.list>ul>li>img {position:relative;top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:100%; opacity:0.8;}
.before_after>.item-wrapper>div.full>.content>div.list>ul>li:hover>img,
.before_after>.item-wrapper>div.full>.content>div.list>ul>li.active>img {opacity:1;}
.before_after>.item-wrapper>div.full>.content>div.detail {width:calc(100% - 350px); border:3px solid #e0e0e0; margin-top:-80px;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image {height:739px; background-position:center 70%; background-size:cover; background-repeat:no-repeat; position:relative; transition:0.5s ease-in-out;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:first-child {position:relative; top:-30px; height:30px; line-height:30px; font-size:16px; font-weight:600; color:white; text-transform:uppercase; letter-spacing:1px;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:first-child>span {float:left;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:first-child>span:last-child {float:right;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:last-child {position:absolute; bottom:0; right:0; width:150px; height:150px; overflow:hidden;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:last-child>a {position:relative; width:220px; height:220px; transform:rotate(45deg); -ms-transform:rotate(45deg); background-color:#ff1557; display:block; top:45px; left:45px;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:last-child>a::before {content:'もっと見る';position:absolute; transform:rotate(-45deg); -ms-transform:rotate(-45deg); top:110px; left:15px; font-size:18px; font-weight:500; color:white;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:last-child>a::after {content:''; position:absolute; left:61px; top:95px; width:8px; height:8px; border:1px solid white; border-width:1px 1px 0 0;}

.before_after>.item-wrapper>div.full>.indexes[data-content=face]>li[data-content=face],
.before_after>.item-wrapper>div.full>.indexes[data-content=forehead]>li[data-content=forehead],
.before_after>.item-wrapper>div.full>.indexes[data-content=neck]>li[data-content=neck] {color:white;}

.before_after>.item-wrapper>div.full>.content[data-content=face]>.list[data-content=face],
.before_after>.item-wrapper>div.full>.content[data-content=forehead]>.list[data-content=forehead],
.before_after>.item-wrapper>div.full>.content[data-content=neck]>.list[data-content=neck] {display:block; animation-name:active; animation-duration:0.5s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}

/* custom - 수술 정보 */
.item.info {background-color:#1f3148;}
.item.info>.item-wrapper>.full>.title {color:white;}
.item.info>.item-wrapper>.full>.content {margin:55px auto;}
.item.info>.item-wrapper>.full>.content::after {content:''; display:block; clear:both; height:0;}
.item.info>.item-wrapper>.full>.content>div {width:calc(50% - 5px); height:460px;}
.item.info>.item-wrapper>.full>.content>div.left {float:left; border:1px solid #4c5a6d;}
.item.info>.item-wrapper>.full>.content>div.right {float:right;}

.item.info>.item-wrapper>.full>.content>div>ul.menu {height:45px; line-height:45px; list-style:none; padding:0; margin:0;}
.item.info>.item-wrapper>.full>.content>div>ul.menu::after {content:''; display:block; height:0; clear:both;}
.item.info>.item-wrapper>.full>.content>div>ul.menu>li {float:left; width:33.3333%; text-align:center; color:white; font-size:19px;; border-bottom:1px solid #4c5a6d; box-sizing:border-box; transition:border 0.3s ease-in-out; cursor:pointer;}
.item.info>.item-wrapper>.full>.content>div>ul.menu>li:not(:first-child) {border-left:1px solid #4c5a6d;}
.item.info>.item-wrapper>.full>.content>div>ul.menu>li.active {border-bottom:1px solid #1f3148; font-weight:600}

.item.info>.item-wrapper>.full>.content>div>div.content {height:413px;}
.item.info>.item-wrapper>.full>.content>div>div.content>div {height:100%; display:none; padding: 50px 40px; font-size:16px;}

.item.info>.item-wrapper>.full>.content>div.left>div.content {padding-top:22px;}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul {list-style:none; padding:0; margin:0;}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul::after {content:''; display:none; clear:both;}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li {width:33.3333%; float:left; color:white; padding-top:110px; text-align:center; font-size:16px; position:relative; margin-bottom:20px;}

.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li::before {content:''; position:absolute; top:0; left:0; right:0; width:85px; height:85px; margin:auto; background-color:#2a3c51; background-repeat:no-repeat; background-position:center center; border-radius:50%;}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li::after {position:absolute; top:95px; height:15px; line-height:15px; font-size:14px; text-align:center; left:0; right:0; color:#b6b6b6;}

.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.cause::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info1.bd9f835816c9.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.time::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info2.f5c9cf9a7bd4.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.anesthesia::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info3.b28a439db11a.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.stitch::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info4.d5931493da7b.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.outpatient::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info5.7ee2b80c419c.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.recover::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info6.647d8e15ed66.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.inpatient::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info7.7ee2b80c419c.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.cause::after {content:'施術方法';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.time::after {content:'施術時間';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.time.ver2::after {content:'施術時間';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.anesthesia::after {content:'麻酔方法';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.stitch::after {content:'抜糸';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.outpatient::after {content:'来院治療';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.recover::after {content:'回復期間';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.inpatient::after {content:"入院治療";}

.item.info>.item-wrapper>.full>.content>div.right>div.content[data-content=c1]>div[data-content=c1] {display:block; /*animation-name:c1fade;*/ animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
.item.info>.item-wrapper>.full>.content>div.right>div.content[data-content=c2]>div[data-content=c2] {display:block; /*animation-name:c2fade;*/ animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}

.item.info>.item-wrapper>.full>.content>div.right>div.content>div {padding:10px 40px; overflow-x:hidden; overflow-y:auto;}
.item.info>.item-wrapper>.full>.content>div.right>ul.menu>li {width:50%; border:0;}
.item.info>.item-wrapper>.full>.content>div.right>ul.menu>li[data-content=c1] {background-color:white; color:#111;}
.item.info>.item-wrapper>.full>.content>div.right>ul.menu>li[data-content=c2] {color:#000; background-color:#d1c6e6;}

.item.info>.item-wrapper>.full>.content>div.right>div.content>div[data-content=c1] {background-color:white; color:#000;}
.item.info>.item-wrapper>.full>.content>div.right>div.content>div[data-content=c2] {background-color:#d1c6e6; color:#000;}

ul.list.mobile li.info {background-color:#1f3148;}


.flx p, .flx ul, .flx li {margin:0px; padding:0px;}
.flx .point_c {color:#9f2e8d}
.flx .flx_info {text-align:center; padding-top:150px !important;}
.flx .txt_a {font-size:70px; font-weight:700; }
.flx .txt_b {font-size:58px; font-weight:400; color:#4b4b4b; margin-bottom:70px}
.flx .txt_c {font-size:42px; font-weight:400; color:#4b4b4b; }
.flx .txt_d {font-size:36px; font-weight:300; color:#636363; line-height:1.4em; margin:20px 0px 45px 0px; }
.flx .section2 {padding:0px !important; background:#f3f3f3}
.flx .section3 {text-align:center;}
.flx .section3 .info {display:flex; justify-content: center; gap:66px; font-size:25px; line-height:1.4em;}
.flx .section3 .info .step {width:95px; height:29px; margin:20px auto 5px auto; border-radius:30px; background:#9f2e8d; color:#fff; display:flex; align-items:center; font-size:19px; justify-content:center}
.flx .section3 .item-wrapper + .item-wrapper {margin-top:120px;}
.flx .section3 .tip {display:flex; justify-content:center; gap:20px;} 
.flx .section3 .tip_info {width:100%; border-collapse: collapse; max-width:1334px; margin:0 auto; font-size:31px; line-height:1.4em; color:#7f7f7f}
.flx .section3 .tip_info th {color:#000; font-weight:500}
.flx .section3 .tip_info tr td {padding:15px 0px; border-bottom:1px solid #737373}
.flx .section3 .tip_info tr th {padding:15px 0px; border-bottom:1px solid #737373}
.flx .section4 {background:#f6f6f6;}
.flx .section4 .item-wrapper {max-width:1300px !important; gap:30px; background:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/flx_s5_img01.5f4c2f899544.png) no-repeat right top; min-height:628px}
.flx .section4 .title {font-size:58px; padding-top:30px}
.flx .section4 .bul01 {font-size:28px; color:#424242; margin-top:70px;}
.flx .section4 .bul01 li {padding-left:44px; min-height:36px; background:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/flx_bul01.3fdeb17c45ac.png) no-repeat left top;}
.flx .section4 .bul01 li + li {margin-top:25px;}
.flx .section5 {background:#f5edf3; text-align:center; padding-bottom:0px !important}
.flx .section6 {text-align:center; background:#f6f6f6}
.flx .section6 .bul02 {font-size:35px; max-width:max-content; margin:0 auto;}
.flx .section6 .bul02 > li {font-weight:300; color:#424242; text-align:left; padding-left:60px; background:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/flx_bul02.2a5c9d6b36d5.png) no-repeat left 5px;}
.flx .section6 .bul02 > li > strong {font-weight:400; color:#000}
.flx .section6 .bul02 > li + li {margin-top:30px;}
.flx .consult {background:#eeeeee}
.flx .consult .item-wrapper {justify-content: space-between; max-width:1300px !important; margin-top:0px !important; margin-bottom:0px !important; display:flex; align-items:center;}
.flx .consult .item-wrapper .info {width:auto !important;}
.flx .consult .item-wrapper .img {width:auto !important;}

@media(min-width:1800px) {
	.top>.item-wrapper>div.left>.title>h1 {font-size:55px !important;}
	.top>.item-wrapper>div.left>.content>div>img {width:355px !important;}

	.why>div>div.left>.indexes>li>.txt,
	.why>div>div.right>.content>div>.content,
	.kinds>.item-wrapper>.full>.content>.fs-content>.fs-txt {font-size:17px; line-height:23px;}

	.why>div>div.right>.content>div>.title {font-size:27px;}

	.effect>.item-wrapper>div.full>.content>.row>.content>div>.title{font-size: 27px;}

	.kinds>.item-wrapper>.full>.content>.txt,
	.kinds>.item-wrapper>.full>.content span.fs-tit,
	.effect>.item-wrapper>div.full>.content>.row>.content>div>.txt>p,
	.effect>.item-wrapper>div.full>.content>.extra>.row>div>.title {font-size: 22px;}


	.effect>.item-wrapper>div.full>.content>.extra>.row>div>.txt {font-size:18px;}

	.effect>.item-wrapper>div.right>.txt {font-size:20px;}

	.implant>div>div.full>div>div.content>div.row>div>.content>dl>dt {font-size:16px;}
	.implant>div>div.full>div>div.content>div.row>div>.content>dl>dd {font-size:14px;}

	.condition>.item-wrapper>div.right>.content>div>.content>ul>li {font-size: 22px; line-height: 45px;}

	.surgeon>.item-wrapper>div.left>.indexes>li,
	.with>.item-wrapper>div.left>.content>.indexes>li {font-size:24px}

	.with>.item-wrapper>div.right>.content>div>.title,
	.oversight>.item-wrapper>div.right>.content>div>.title {font-size:26px;}

	.with>.item-wrapper>div.right>.content>div>.content,
	.oversight>.item-wrapper>div.right>.content>div>.content {font-size:17px;}

	.oversight>.item-wrapper>div.left>.indexes>li>ul>li {font-size:16px;}

	.info>.item-wrapper>.full>.content>div>div.content>div {font-size:14px;}
}

@media(max-width:768px) {
	li.point dl dd:not(*[class^=media])::before {content:'';background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/mobile/checked.8168b646d881.png);background-repeat:no-repeat;background-position:center center;width:9px;height:8px;margin:auto;position:absolute;top:0;bottom:0;left:0;}
	li.kind_effect dl{padding-bottom:30px;}
	li.kind_effect img {margin-bottom:7px;}
	li.with dt {color:#FFF}
	li.with dd.list>a {width:49.5%; margin-bottom: 1%;}
	li.with dd.list>a:not(:nth-child(2n)){margin-right:1%;}
	li.surgeon dl dd div.title::before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;background-color: #9b77d6;}
}

@keyframes active {
	from {color:#b9b9b9;}
	to {color:#000;}
}
