/* point color */
.fc {color:#8b310c !important;}
.bc {border-color:#8b310c !important;}
.bgc {background-color:#8b310c !important;}

/* top css */
.list>.top {background-color:#efc5a2;}
.list>.top .left {width:60% !important;}
.list>.top .left .title {color:#431f1d;}
.list>.top .left .title h2 {color:#431f1d !important;}
.list>.top .left .content {color:#431f1d;}
.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; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%);}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title>h1 {font-size:3vw;}

.list>.top.type2 {background-color:#f9c9bf; padding:0;}
.list>.top.type2>.item-wrapper>img{display: block;}

div.wrapper>ul.list>li.top>.item-wrapper>div.left>.content .point {color:#1c1713; text-shadow: 0 5px 1px #bb9f88; }


/* common - submenu */
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li {border: 1px solid #FAE4C8;}
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li a:hover {background-color:#FAE4C8; color: #73290D;}

/* custom - 수술 포인트 */
.item.point {background-color:#f8e4d9;}
.point>div>div.right>.video::before,
.point>div>div.right>.video::after {background-color:#8b310c;}
.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;}

/* custom - 그렇다면, 왜 */
div.wrapper>ul.list>li.item.why {background-color:#f2dbcd;}

.why>div>div.left {padding:0px 60px 0 20px;}
.why>div>div.left>.indexes {margin:45px 0;}
.why>div>div.left>.indexes>li {/*padding-top:20px; padding-left:20px;*/ 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/hair/icon_why4.0ccf5d24336c.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.right {position:relative;}
.why>div>div.right>.content {width:100%;}
.why>div>div.right>.content>div {display:none;}
.why>div>div.right>.content>div>.title {color:#8b310c; font-size:1.6vw;}
.why>div>div.right>.content>div>.content {margin-top:20px; font-size:1vw;}
.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/hair/icon_why1_h.c2168c6ae5b5.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/hair/icon_why2_h.59eef5cf286d.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/hair/icon_why3_h.7df60ee08df3.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/hair/icon_why4_h.2ba6453a68f4.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/hair/icon_why5_h.16388782d632.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/hair/icon_why6_h.ca53bd80da81.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/hair/icon_why7_h.b1e6ea6ebfde.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/hair/icon_why8_h.fa8ba2b98bfe.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:#8b310c; animation-name: unset; animation-fill-mode:none; }

/* custom - 성형 부위별 수술 종류*/
.kinds {background-color:#d29d80;}
.kinds>.item-wrapper>.full {padding:0 20px;}
.kinds>.item-wrapper>.full>.content>.txt {margin-top:50px; color:white;}

.kinds .table-t2 {margin-top:20px;}

.kinds .table-t2>div.img>div>div:first-child {border-radius:0; width:100%; border-width:1px 1px 0 1px;}
.kinds .table-t2>div.img>div>div:first-child>img {animation-name: unset; opacity: 1; width:auto; height:100%;}
.kinds .table-t2>div.img>div>div:last-child {width:100%; height: 100px; padding:15px 20px; margin:0; border:1px solid white; text-align:left;}
.kinds .table-t2>div.img>div>div:last-child>span {display:block; letter-spacing:-0.5px; color:black; margin-top:10px; height:40px;}
.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:last-child {padding-right:0 !important}
.kinds .table-t2>div>div>* {width:100%; margin:auto;}

.kinds .table-t2:not(.row4) {margin-bottom:70px;}
.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;}

ul.list.mobile li.kind_way {background-color: #d29d80;}
ul.list.mobile li.kind_way dl dt {color:#FFF;}

/* custom - 쥬얼리 남성탈모 PRP모발이식의 효과 */
.effect {background-color:#bd8668;}
.effect>.item-wrapper {}

.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>li {width:50%; height:auto; margin:-1px -1px 0 0; border:1px solid #e6e6e6; padding:20px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.img {width:12vw; height:12vw; max-width:280px; max-height:280px; border:1px solid #e6e6e6; overflow:hidden; margin:5px auto 20px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.img>img {height:12vw; max-height:280px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt {height:auto; width:100%;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title {color:black; text-align:center; margin-bottom:15px; width:100%; height:40px; font-size:1.1vw; }
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.content {height:81px; word-break:keep-all; text-align:center;}

.effect>.item-wrapper>div.right {position:relative; margin-top:50px; 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:#8b310c; 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:#8b310c;}
.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:40px;}
.effect>.item-wrapper>div.right>div:last-child>a {display:inline-block; padding:10px 40px; border:1px solid #8b310c; color:#8b310c; font-size: 20px;}

ul.list.mobile li.kind_effect {background-color: #d7b29f;}



/* custom - 전문의 */
.surgeon>.item-wrapper>div.left>.indexes>li.active,
.surgeon>.item-wrapper>div.left>.indexes>li:hover {color:#d45b29;}
.surgeon>.item-wrapper>div.left>.indexes.fnb>li::before {background-color:#d45b29;}

.surgeon>.item-wrapper>div.left>.content {margin-top:50px; padding:55px 45px; border:3px solid #d45b29;}
.surgeon>.item-wrapper>div.left>.content>div>.cover>.title>span{background-color: rgba(206, 144, 111, 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:#f8e4d9;}
.with>.item-wrapper {}

.with>.item-wrapper>div.left {}
.with>.item-wrapper>div.left>.indexes {margin:190px 0 0;}
.with>.item-wrapper>div.left>.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>.indexes>li:nth-child(even) {border-left:0;}
.with>.item-wrapper>div.left>.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>.indexes>li:hover,
.with>.item-wrapper>div.left>.indexes>li.active {color:#8b310c;}
.with>.item-wrapper>div.left>.indexes>li:hover::before,
.with>.item-wrapper>div.left>.indexes>li.active::before {border-color:#8b310c; z-index:2}
.with>.item-wrapper>div.right {position:relative;}
.with>.item-wrapper>div.right>.content {position:static; height:570px;}
.with>.item-wrapper>div.right>.content>div>.title {font-size:1.4vw; font-weight:600; color:#8b310c;}
.with>.item-wrapper>div.right>.content>div>.content {margin-top:20px; font-size:1vw;}
.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;}
.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:#8b310c; 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/hair/with_img1.5ca7a8e24470.jpg?320); background-size: cover;}	/*헤어라인 교정술*/
.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/hair/with_img2.1b82d174e3f0.jpg?320); background-size: cover;}	/*V라인사각턱(남)*/
.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/hair/with_img3.9aee7c91c455.jpg?320); background-size: cover;}	/*남자 코성형*/
.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/hair/with_img4.c01b3e8b115c.jpg?320); background-size: cover;}	/*눈밑지방재배치*/
.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/hair/with_img5.bc5907e7df5f.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/hair/with_img6.97fbb6fc8ca7.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/hair/with_img7.984b9c820ad9.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/hair/with_img1.8b64b5743a3d.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/hair/with_img2.7b2f5a7ad2b0.png);}	/*V라인사각턱(여)*/

ul.list.mobile li.with {background-image: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/hair/mobile/with_bg.c716a09866f8.jpg); background-size: 8px 8px !important;}

/* custom - 사후관리 */
.oversight {background-color:#f2dbcd;}

.oversight>.item-wrapper>div.left {}
.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:25px;}
.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;}
.oversight>.item-wrapper>div.left>.indexes>li>ul::before {content:''; position:absolute; left:-62px; height:2px; width:62px; top:20px; background-color:#8b310c;}
.oversight>.item-wrapper>div.left>.indexes>li>ul>li {border:2px solid #8b310c; margin-top:-2px; padding:8px 20px; font-weight:500; font-size: 15px; color:#8b310c;}

.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:#8b310c;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover::before,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active::before {background-color:#8b310c;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover>.txt,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active>.txt {color:#8b310c;}
.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.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.4vw; font-weight:600; color:#8b310c;}
.oversight>.item-wrapper>div.right>.content>div>.content {font-size:1vw; margin-top:20px;}
.oversight>.item-wrapper>div.right>.content>div>.img {display:table; 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.img2{margin-right:5px; width:49.5%;}
.oversight>.item-wrapper>div.right>.content>div>.img>img,
.oversight>.item-wrapper>div.right>.content>div>.img>div>img {width: 100%;}
.oversight>.item-wrapper>div.right>.content>div>.img>img.selca {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]
{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:'EGF（上皮細胞増殖因子）';}
.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>.item-wrapper>div.full>.title,
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:first-child  {color:#000}
/* 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:115px; 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.extract::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info8.29013eda1a96.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.implant::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info9.80d711ad6eda.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.swelling::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info10.4c9f48b9e4d0.png);}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.scar::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info11.d98abd25f4c0.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.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.extract::after {content:'毛包採取';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.implant::after {content:'移植';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.swelling::after {content:'腫れ、痛み';}
.item.info>.item-wrapper>.full>.content>div.left>div.content>div>ul>li.scar::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:#ffede2;}

.item.info>.item-wrapper>.full>.content>div.right>div.content>div[data-content=c1] {background-color:white; color:#111;}
.item.info>.item-wrapper>.full>.content>div.right>div.content>div[data-content=c2] {background-color:#ffede2; color:#000;}

ul.list.mobile li.info {background-color:#1f3148;}

@media(min-width:1800px) {
	.top>.item-wrapper>div.left>.title>h1 {font-size:55px;}
	.top>.item-wrapper>div.left>.content>div>img {width:361px !important;}

	.why>div>div.left>.indexes>li>.txt {font-size:16px;}
	.why>div>div.right>.content>div>.title {font-size:30px;}
	.why>div>div.right>.content>div>.content {font-size:18px;}

	.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title,
	.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;}

	.with>.item-wrapper>div.right>.content>div>.title,
	.oversight>.item-wrapper>div.right>.content>div>.title {font-size:26px;}

	.surgeon>.item-wrapper>div.left>.indexes>li,
	.with>.item-wrapper>div.left>.indexes>li {font-size: 24px;}

	.with>.item-wrapper>div.right>.content>div>.content,
	.oversight>.item-wrapper>div.right>.content>div>.content {font-size:18px;}

	.oversight>.item-wrapper>div.left>.indexes>li>ul>li {font-size:16px;}
	.oversight>.item-wrapper>div.right>.content>div>.title {font-size:24px;}
	.oversight>.item-wrapper>div.right>.content>div>.content {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/hair/mobile/checked.6785b1b49d54.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.why dl dd{color:#8d3248;line-height:1.3;}
	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.with dd.list>a img {min-height: auto;}
	li.with dd.list>a span {width: 100%; left:0; padding-top: 5px; text-align: center; color:#FFF;}
	li.surgeon dl dd div.title::before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;background-color: #d45b29;}
}

@keyframes active {
	from {color:#b9b9b9;}
	to {color:#000;}
}