/* point color */
.fc {color:#2a70f2 !important;}
.bc {border-color:#2a70f2 !important;}
.bgc {background-color:#2a70f2 !important;}

/* top css */
.list:not(.mobile)>.top {background-color:#2a70f2;}
.list>.top .left {width:55% !important;}
.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:#6596d4; padding:0;}
.list>.top.type2>.item-wrapper>img{display: block;}

div.wrapper>ul.list>li.top>.item-wrapper>div.left>.content .point {color:#f3e871; text-shadow: 0 5px 1px #2361d3; }


/* common - submenu */
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li {border: 1px solid #E4EDFE;}
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li a:hover {background-color:#E4EDFE; color: #074ed2;}

/* custom - 수술 포인트 */
.item.point {background-color:#dae6ff;}
.point>div>div.right>.video::before,
.point>div>div.right>.video::after {background-color:#2a70f2;}
.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:#c2d5f5;}

.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 50px 0; height:150px;}
.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:100%;}
.why>div>div.right>.content>div {display:none;}
.why>div>div.right>.content>div>.title {color:#2a70f2; font-size: 1.6vw;}
.why>div>div.right>.content>div>.content {margin-top:20px; font-size:1vw; 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/nose/icon_why1_h.3c5ae8cf7e76.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/nose/icon_why2_h.6ebec5135af1.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/nose/icon_why3_h.68c2839fa4ca.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/nose/icon_why4_h.bc782b6923f7.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/nose/icon_why5_h.fffb3014c579.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/nose/icon_why6_h.45c00a56f88c.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/nose/icon_why7_h.b0d52552589c.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/nose/icon_why8_h.6a6098e96535.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:#2a70f2; animation-name: unset; animation-fill-mode:none; }


/* custom - 성형 부위별 수술 종류*/
.kinds {background-color:#2b71f3;}
.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 {margin-top:50px; color:white;}
.kinds>.item-wrapper>.full>.content>.fs-content>.fs-tit {display: block; font-size:1.2vw; font-weight:600; color: #f9ff12; margin: 10px 0; line-height: 20px;  word-break: keep-all;}
.kinds>.item-wrapper>.full>.content>.fs-content>.fs-txt {font-size:1vw;}

.kinds .table-t2 {margin-top:60px;}
.kinds .table-t2.type2 {margin-top:25px;}
.kinds .table-t2>div.img>div:not(:last-child)::after {left:60%;}
.kinds .table-t2>div.img>div.no-line:not(:last-child)::after {height: 0;}
.kinds .table-t2>div.img.no-txt>div:not(:last-child)::after {bottom: 175px !important}
.kinds .table-t2>div.img>div>div:first-child {width:250px; border-width:1px 1px 0 1px;}
.kinds_2 .table-t2>div.img>div>div:first-child>img,
.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 14px; margin:0; height:auto; text-align:center; }
.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; height:100px; 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: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;}
.kinds .table-t2:last-child {margin-bottom:0}

.kinds_2 {background-color:#2b71f3;}
.kinds_2>.item-wrapper>.full {padding:0 20px;}
.kinds_2>.item-wrapper>.full>.title {color:white;}
.kinds_2>.item-wrapper>.full>.txt {color:white;}
.kinds_2>.item-wrapper>.full>.content>.txt {margin-top:50px; color:white;}

.kinds_2 .table-t2 {margin-top:60px;}

.kinds_2 .table-t2>div.img>div:not(:last-child)::after {bottom:155px; left:0;}
.kinds_2 .table-t2>div.img>div>div:first-child {margin:auto; border-radius:50%; border:2px solid white; background-color:white; z-index:2; position:relative; overflow:hidden; width:90%;}
.kinds_2 .table-t2>div.img>div>div:first-child>img {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:100%; }

.kinds_2 .table-t2>div.img>div>div:first-child {width:100%; border-width:1px 1px 0 1px; height:280px;}
.kinds_2 .table-t2>div.img>div>div:last-child {width:100%; padding:15px 20px; margin:0; height:auto; text-align:center; font-size:1.2vw; color: #f9ff12;}
.kinds_2 .table-t2>div.img>div>div:last-child>span {display:block; letter-spacing:-0.5px; color:rgba(255,255,255,0.9); font-size:1vw; margin-top:10px; height:100px; line-height:20px; word-break:keep-all; text-align:center;}
.kinds_2 .table-t2.row4>div.img>div>div:last-child>span  {height:100px;}

.kinds_2 .table-t2>div>div {padding-right:10px !important; cursor:default;}
.kinds_2 .table-t2>div>div:last-child {padding-right:0 !important}
.kinds_2 .table-t2>div>div>* {width:100%; margin:auto;}
.kinds_2 .table-t2.row4>div>div {width:290px;}
.kinds_2 .table-t2.row4>div>div[data-kind=c1],
.kinds_2 .table-t2.row4>div>div[data-kind=c5] {width:140px;}
.kinds_2 .table-t2.row4>div>div[data-kind=c1]::after {bottom:45px;}
.kinds_2 .table-t2.row4>div>div[data-kind=c1]>div:first-child,
.kinds_2 .table-t2.row4>div>div[data-kind=c5]>div:first-child {height:130px; margin-top:75px; margin-bottom:75px;}


ul.list.mobile li.kind_way {background-color: #2a71f3;}
ul.list.mobile li.kind_way dl dt {color: #FFF;}

ul.list.mobile li.kind_way2 {background-color: #4586ff;}
ul.list.mobile li.kind_way2 dl dt {color: #FFF;}

/* custom - 자가연골이란 */
.what {background-color:#4586ff;}
.what>.item-wrapper>.full {padding:0 20px;}
.what>.item-wrapper>.full>.title {color:white;}
.what>.item-wrapper>.full>.txt {font-size:1vw; line-height: 1.25vw; color:white; margin-top:20px !important;}
.what>.item-wrapper>.full>.content>.txt {margin-top:50px; color:white;}

.what .table-t2 {margin-top:60px;}
.what .table-t2>div.img>div:not(:last-child)::after {left:60%;}
.what .table-t2>div.img>div>div:first-child {margin: auto; border-radius: 50%; border: 2px solid white; background-color: white; z-index: 2; position: relative; overflow: hidden; width:250px; height: 250px; border-width:1px 1px 0 1px;}
.what .table-t2>div.img>div>div:first-child>img {animation-name: unset; opacity: 1; width: 100%;}
.what .table-t2>div.img>div>div:last-child {width:100%; padding:15px 20px; margin:0; height:auto; text-align:center;}
.what .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; height:100px; line-height:20px; word-break:keep-all;}
.what .table-t2>div.txt>div {padding:0; margin:auto;}
.what .table-t2>div.txt>div[data-kind] {}
.what .table-t2>div.txt>div[data-kind]>div {border:1px solid white; border-width:0px 1px 1px 1px; min-height:240px;}
.what .table-t2>div.txt>div[data-kind]>div>ul {padding:15px 1vw 0px 40px; list-style:disc;}
.what .table-t2>div.txt>div[data-kind]>div>ul:last-child {padding-bottom:15px;}
.what .table-t2>div.txt>div[data-kind]>div>ul>li {letter-spacing:-0.5px;}
.what .table-t2>div.txt>div[data-kind]>div>ul>li.title {margin-left:-25px; list-style:none;}

.what .table-t2>div>div {padding-right:10px !important; cursor:default;}
.what .table-t2>div>div:last-child {padding-right:0 !important}
.what .table-t2>div>div>* {width:100%; margin:auto;}

.what .table-t2>div {display:flex; justify-content:space-between;}
.what .table-t2>div>div {width:290px; margin:0 auto;}
.what .table-t2>div>div:first-child {margin-left:0;}
.what .table-t2>div>div:last-child {margin-right:0;}

.what .table-t2>div.txt>div[data-kind]>div {min-height:200px;}
.what .table-t2>div.txt>div[data-kind]>div>ul>li {letter-spacing:-1px;}

ul.list.mobile li.what {background-color: #1257d5;}
ul.list.mobile li.what dl dt {color: #FFF;}


/* 늑연골이란 */

.what2>.item-wrapper>div.left>div.content {text-align:center;}

.what2>.item-wrapper>div.right {margin-top:80px}
.what2>.item-wrapper>div.right>div.content .title {font-size:1.3vw; word-break: keep-all;}
.what2>.item-wrapper>div.right>div.content .content {font-size:1vw; margin-top:30px; line-height:1.4vw; word-break: keep-all;}


ul.list.mobile li.what2 {background-color: #1257d5;}
ul.list.mobile li.what2 dl dt {color:#FFF;}

/* custom - 수술 효과 */
.effect {background-color:#634B89;}
.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:60px 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:0 auto;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.img>img {height:12vw; max-height:280px; }
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt {display:table;height:40px; width:100%;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title {display: table-cell; vertical-align: middle; color:black; text-align:center; }
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title.row1 {height:25px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title.row2 {height:45px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title.row3 {height:65px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title>span {color:#8f5edc; font-weight:600; }
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.content {height:80px;}

.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:40px;}
.effect>.item-wrapper>div.right>div:last-child>a {display:inline-block; padding:10px 40px; border:1px solid #fff; color:#fff; font-size: 20px;}

ul.list.mobile li.kind_effect {background-color: #b4caf2;}

/* custom - 전문의 */
.surgeon>.item-wrapper>div.left>.indexes>li.active,
.surgeon>.item-wrapper>div.left>.indexes>li:hover {color:#6098ff;}
.surgeon>.item-wrapper>div.left>.indexes.fnb>li::before {background-color:#6098ff;}

.surgeon>.item-wrapper>div.left>.content {margin-top:50px; padding:55px 45px; border:3px solid #6098ff;}
.surgeon>.item-wrapper>div.left>.content>div>.cover>.title>span{background-color: rgba(83, 143, 255, 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:#dae6ff;}
.with>.item-wrapper {}

.with>.item-wrapper>div.left {}
.with>.item-wrapper>div.left>.indexes {margin:95px 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:#2a70f2;}
.with>.item-wrapper>div.left>.indexes>li:hover::before,
.with>.item-wrapper>div.left>.indexes>li.active::before {border-color:#2a70f2; z-index:2}
.with>.item-wrapper>div.right {position:relative;}
.with>.item-wrapper>div.right>.content {position:static; height:530px;}
.with>.item-wrapper>div.right>.content>div>.title {font-size:1.3vw; font-weight:600; color:#2a70f2;}
.with>.item-wrapper>div.right>.content>div>.content {margin-top:20px; font-size:1vw; word-break:keep-all;}
.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:#2a70f2; color:white;}

.with>.item-wrapper>div.right>.content>div[data-content='c1']>.detail,.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/nose/with_img1.50d9358d507c.png);}	/*코끝*/
.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/nose/with_img9.6d6572aacc34.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/nose/with_img3.1ce775c7a9c8.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/nose/with_img4.132bb0de56cb.png);}				/*이마윤곽술*/
.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/nose/with_img5.216f2cddbdca.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/nose/with_img6.9afc8a2da93f.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/nose/with_img7.f9935ec223fe.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/nose/with_img8.281f60a9cc28.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/nose/with_img2.2264eac4aa31.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/nose/with_img13.57be35444ba1.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/nose/with_img10.a73a1746ab43.jpg); background-size: cover;}				/*입꼬리필러*/
.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/nose/with_img11.d0d05840b0f7.jpg); background-size: cover;}				/*앞트임*/
.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/nose/with_img12.64fe814e7f62.jpg); background-size: cover;}				/*사각턱보톡스*/

ul.list.mobile li.with {background-image: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/nose/mobile/with_bg.9f78770632b9.jpg); background-size: 8px 8px !important;}


/* custom - 사후관리 */
.oversight {background-color:#c2d5f5 ;}

.oversight>.item-wrapper>div.left {padding-bottom:25px !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:#2a70f2;}
.oversight>.item-wrapper>div.left>.indexes>li>ul>li {border:2px solid #2a70f2; margin-top:-2px; padding:8px 25px; font-weight:500; font-size:15px; color:#2a70f2;}

.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:#2a70f2;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover::before,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active::before {background-color:#2a70f2;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover>.txt,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active>.txt {color:#2a70f2;}
.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.3vw; font-weight:600; color:#2a70f2;}
.oversight>.item-wrapper>div.right>.content>div>.content {font-size:1vw; margin-top:20px; word-break:keep-all;}
.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%; display:table-cell;}
.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>div>.img>div.img1 {width: 100%; margin: 0 auto !important;}
.oversight>.item-wrapper>div.right>.content>div>.img>div.img2 {width: 44.32%;}

.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:'顔再生レーザー / 高周波管理 / 酸素管理'; }
.oversight>.item-wrapper>div.right>.content div[data-content=oversight-img14]::after {content:'シュリンク'; }


/* custom - 전후사진 */
.before_after {background-color: #2b71f3;}
.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>.content {margin:40px -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 #fff; 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:#a0a0a0;}
.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 #fff; 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; -ms-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;}

/* 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.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.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:#d2e2ff;}

.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:#d2e2ff; 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:485px !important;}*/

	.why>div>div.right>.content>div>.title {font-size:30px;}

	.why>div>div.left>.indexes>li>.txt,
	.why>div>div.right>.content>div>.content,
	.kinds>.item-wrapper>.full>.content>.fs-content>.fs-txt,
	.kinds_2 .table-t2.row4>div.img>div>div:last-child>span,
	.what>.item-wrapper>.full>.txt {font-size:18px; line-height:23px;}

	.kinds>.item-wrapper>.full>.content>.txt>.fs-tit,
	.kinds_2 .table-t2>div.img>div>div:last-child {font-size:22px;}

	.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title>span,
	.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;}

	.surgeon>.item-wrapper>div.left>.indexes>li,
	.with>.item-wrapper>div.left>.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:18px;}

	.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/nose/mobile/checked.48bbff179c4c.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.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: #4382f3;}
}

@keyframes active {
	from {color:#b9b9b9;}
	to {color:#000;}
}
