/* point color */
.fc {color:#e53663 !important;}
.bc {border-color:#e53663 !important;}
.bgc {background-color:#e53663 !important;}

/* top css */
.list>.top {background-color:#e53663;}
.list>.top .left {width:60% !important;}
.list>.top .left .title {color:white;}
.list>.top .left .content {color:white;}
.list>.top .left .content .explain {width:37vw; margin-top: 35px; font-size: .85vw; line-height: 1.2vw;}
.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:#e53663; padding:0;}
.list>.top.type2>.item-wrapper>img{display: block;}

div.wrapper>ul.list>li.top>.item-wrapper>div.left>.content .point {color:#f5c6aa; text-shadow: 0 5px 1px #dc345f; }


/* common - submenu */
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li {border: 1px solid #ffa4d1;}
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li a:hover {background-color:#ffd6ea; color: #c3005c;}


/* 모티바 */
div.wrapper>ul.list>li.item.motivaIs>div.item-wrapper>div.full>.title,
div.wrapper>ul.list>li.item.implant>div.item-wrapper>div.full>.title{text-align: center; font-size: 55px; letter-spacing: -3px; font-weight: 400; position: relative; margin-top: 50px; color:#000;}
div.wrapper>ul.list>li.item.motivaIs>div.item-wrapper>div.full>.title::before,
div.wrapper>ul.list>li.item.implant>div.item-wrapper>div.full>.title::before {content: ''; position: absolute; left: calc(50% - 100px); height: 3px; top: -20px; bottom: auto; background: #e53663; width: 200px; transform: none; -ms-transform: none;}
div.wrapper>ul.list>li.item.motivaIs>div.item-wrapper>div.full>.title>b,
div.wrapper>ul.list>li.item.implant>div.item-wrapper>div.full>.title>b{color:#e53663; font-weight: 500;}

div.wrapper>ul.list>li.item.motivaIs>div.item-wrapper>div.full>.content{ margin-bottom:70px; font-size:30px; letter-spacing: -2.5px; font-weight: 300; text-align: center; color:#5f5f5f; line-height: 1.4;}
div.wrapper>ul.list>li.item.motivaIs>div.item-wrapper>div.full>.content>p{font-size:38px; font-weight: 500; color:#000; margin-top:80px;}

div.wrapper>ul.list>li.item.implant.motiva{background-color: #fff;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full{margin:0;padding:0;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content{padding:0 0 0 0 ; margin-top:50px}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content>ul{margin: 0 auto; padding: 0; width: 950px;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content>ul>li{font-size:0;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content>ul>li>div {float: right; display: table; width: 750px; min-height:200px; background: #fff;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content>ul>li.cont02>div {float: left;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content>ul>li>div>div.txt {display: table-cell; padding: 0 40px; vertical-align: middle; font-size: 14px; text-align: left;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content>ul>li>div>div.txt>strong{font-size:28px; color:#000; font-weight: 500; line-height: 1.1;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content>ul>li[class^='cont']>div>div.txt>p {padding-top: 10px; font-size: 17px; color: #555555; line-height: 1.4; letter-spacing: -2px;}
div.wrapper>ul.list>li.item.implant.motiva>div.item-wrapper>div.full>.content>ul>li[class^='cont']>img{width:200px;}

div.wrapper>ul.list>li.item.selfie>.item-wrapper>div.full{text-align: center;}

div.wrapper>ul.list>li.item.who{background-color: #ffebf0; padding-bottom: 0;}
div.wrapper>ul.list>li.item.who img{ width:100%; max-width: 339px; margin-top:20px; }
div.wrapper>ul.list>li.item.who>.item-wrapper>div.left>div:last-child{height:500px; text-align: center;}
div.wrapper>ul.list>li.item.who>.item-wrapper>div.left::before{bottom:0px;}
div.wrapper>ul.list>li.item.who>.item-wrapper>div.right>.content>div>.title {font-size: 1.4vw; line-height: 1.8vw; font-weight: 600; color: #e53663; margin: 15px 0 30px 0;}
div.wrapper>ul.list>li.item.who>.item-wrapper>div.right>.content>div>.content>ul{padding:0;}
div.wrapper>ul.list>li.item.who>.item-wrapper>div.right>.content>div>.content>ul>li{list-style: none; line-height: 3.5; margin-left:30px; position: relative;}
div.wrapper>ul.list>li.item.who>.item-wrapper>div.right>.content>div>.content>ul>li::before {content: '▶'; position: absolute; top: -1px; bottom: 0; left: -25px; margin-right: 10px; padding-right: 13px; display: revert; color: #ff1357;}

/* mobile */
div.wrapper>ul.list.mobile>li.motivaIs>div>dl>dt,
div.wrapper>ul.list.mobile>li.implant>div>dl>dt{text-align: center; font-size: 5.58vw; letter-spacing: -0.375vw; font-weight: 400; position: relative; margin-top: 50px;}
div.wrapper>ul.list.mobile>li.motivaIs>div>dl>dt::before,
div.wrapper>ul.list.mobile>li.implant>div>dl>dt::before {content: ''; position: absolute; left: 40%; height: 0.4vw; top: -2vw; background: #e53663; width: 20%;}
div.wrapper>ul.list.mobile>li.motivaIs>div>dl>dt>b,
div.wrapper>ul.list.mobile>li.implant>div>dl>dt>b {color:#e53663; font-weight: 500;}
div.wrapper>ul.list.mobile>li.motivaIs>div>dl>dd>.content,
div.wrapper>ul.list.mobile>li.implant>div>dl>dd>.content{font-size:3.499vw; letter-spacing: -0.314vw; font-weight: 300; text-align: center; color:#5f5f5f; line-height: 1.4; word-break: keep-all;}
div.wrapper>ul.list.mobile>li.motivaIs>div>dl>dd>.content>p,
div.wrapper>ul.list.mobile>li.implant>div>dl>dd>.content>p{font-size:4vw; font-weight: 500; color:#000; margin:11% 0 6% 0;}

div.wrapper>ul.list.mobile>li.motivaIs{border-bottom: 1px solid #f1f1f1;}

div.wrapper>ul.list.mobile>li.implant>div{background-color: #fff;}
div.wrapper>ul.list.mobile>li.implant>div .txt>strong{font-size:4.12vw; color:#000; font-weight: 500; line-height: 1.1;}
div.wrapper>ul.list.mobile>li.implant>div img{width:100%; max-width: 200px;}

div.wrapper>ul.list.mobile>li.who{background-color: #ffebf0;}
div.wrapper>ul.list.mobile>li.who>div {padding: 30px 18px;}
div.wrapper>ul.list.mobile>li.who>div>dl div{padding: 20px 10px 10px 10px; background-color: #fff;}
div.wrapper>ul.list.mobile>li.who>div>dl dd{position: relative; margin-left:20px;}
div.wrapper>ul.list.mobile>li.who>div>dl dd::before {content: '▶'; position: absolute; top: -1px; bottom: 0; left: -17px; margin-right: 10px; padding-right: 13px; color: #ff1357;}
/* 모티바 끝 */


/* custom - 수술 포인트 */
.item.point {background-color:#f1f1f1;}
.point>div>div.right>.video{background-color: transparent; }
.point>div>div.right>.video::before,
.point>div>div.right>.video::after {/*background-color:#e53663;*/background-color: transparent; }
.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:#f7f7f7;}

.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.line2>li {margin: 30px 0 50px 0; padding: 0; }
.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.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:#e53663; font-size: 1.6vw; line-height: 1.2;}
.why>div>div.right>.content>div>.content {margin-top:10px; font-size:1vw;}
.why>div>div.right>.content>div>.content>img {width:100%; max-width:800px;}

.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/icon_why1_h.094944b08cd6.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/icon_why2_h.0887806cfc2e.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/icon_why3_h.520c1c3b68ff.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/icon_why4_h.39e98b873bb0.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/icon_why5_h.33f3871f4a4f.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/icon_why6_h.7701736aeb8a.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/icon_why7_h.2454fe616c83.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/icon_why8_h.d76391ef5358.png);}
.why>div>div.left>.indexes>li[data-content]>.txt.hover {animation-name:active; animation-duration:0.35s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
.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:#E63F6A; animation-name: unset; animation-fill-mode:none; }

ul.list.mobile li.why {background-color: #f8d9e0;}


/* custom - 성형 부위별 수술 종류*/
.kinds2 {background-color:#d35371;}
.kinds2>.item-wrapper>.full {padding:0 20px;}
.kinds2>.item-wrapper>.full>.content>.txt {margin-top:50px; color:white;}

.kinds2 .table-t2 {margin-top:20px;}
.kinds2 .table-t2>div.img>div>div:first-child {margin: auto; border: 2px solid white; background-color: white; z-index: 2; position: relative;  overflow: hidden; height: 250px;border-radius:0; width:100%; border-width:1px 1px 0 1px;}
.kinds2 .table-t2>div.img>div>div:first-child>img {animation-name: unset; opacity: 1; width: 100%;}
.kinds2 .table-t2>div.img>div>div:last-child {width:100%; padding:15px 20px; margin:0; height:auto; border:1px solid white; text-align:center;}
.kinds2 .table-t2>div.txt>div {padding:0; margin:auto;}
.kinds2 .table-t2>div.txt>div[data-kind] {}
.kinds2 .table-t2>div.txt>div[data-kind]>div {border:1px solid white; border-width:0px 1px 1px 1px; min-height:120px;}
.kinds2 .table-t2>div.txt>div[data-kind]>div>ul {padding:15px 1vw 0px 40px; list-style:none;}
.kinds2 .table-t2>div.txt>div[data-kind]>div>ul:last-child {padding:15px;}
.kinds2 .table-t2>div.txt>div[data-kind]>div>ul>li {letter-spacing:-0.5px;}
.kinds2 .table-t2>div.txt>div[data-kind]>div>ul>li.title {margin-left:-25px; list-style:none;}

.kinds2 .table-t2>div>div {padding-right:10px !important; cursor:default;}
.kinds2 .table-t2>div>div:last-child {padding-right:0 !important}
.kinds2 .table-t2>div>div>* {width:100%; margin:auto;}

.kinds2 .table-t2:not(.row4) {margin-bottom:70px;}
.kinds2 .table-t2:not(.row4)>div {display:flex; justify-content:space-between;}
.kinds2 .table-t2:not(.row4)>div>div {width:290px; margin:0 auto;}
.kinds2 .table-t2:not(.row4)>div>div:first-child {margin-left:0;}
.kinds2 .table-t2:not(.row4)>div>div:last-child {margin-right:0;}

.kinds2 .table-t2:not(.row4)>div.txt>div[data-kind]>div {min-height:200px;}
.kinds2 .table-t2:not(.row4)>div.txt>div[data-kind]>div>ul>li {letter-spacing:-1px;}
.kinds2 .table-t2>div.img>div:not(:last-child)::after { content: ''; background-color: transparent;}

ul.list.mobile li.kinds {background-color: #e53663;}


/* custom - 수술 방법 */
.kinds {background-color:#ee6b8a;}
.kinds>.item-wrapper>.full {padding:0 20px;}
.kinds>.item-wrapper>.full>.content>.txt {margin-top:45px; color:white; font-size:1.2vw;}
.kinds>.item-wrapper>.full>.content>.fs-content>span.fs-txt{line-height:1.4vw;}
.kinds>.item-wrapper>.full>.content>.fs-content>span.fs-txt>ul{list-style:disc;}
.kinds>.item-wrapper>.full>.content span.fs-tit {display:block; margin: 10px 0; height:auto !important; color:#c2ef18; font-size: 1.2vw;}

.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;}
.kinds .table-t2>div.img>div>div:last-child {width:100%; padding:15px 20px; margin:0; height: 160px; border:1px solid white; text-align:left;}
.kinds .table-t2>div.img>div>div:last-child>span {display: block; letter-spacing: -0.5px; margin: 10px 0; font-size:1vw; word-break: keep-all;}

.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.fs-txt{font-size:1vw;}
.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; word-break: keep-all; }
.kinds .table-t2>div.txt>div[data-kind]>div>ul>li.title {margin-left:-25px; list-style:none;}

.kinds .table-t2.row4>div>div {padding-right: 10px !important;}


.kinds .table-t2>div>div { 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.row2 {margin-bottom:70px;}
.kinds .table-t2.row2>div {display:flex; justify-content:space-between;}
.kinds .table-t2.row2>div>div {width:290px; margin:0;}
.kinds .table-t2.row2>div>div:first-child {margin-left:0;}
.kinds .table-t2.row2>div>div:last-child {margin-right:0;}
.kinds .table-t2.row2>div.img>div:not(:last-child)::after {left:100% !important}
.kinds .table-t2.row2>div.img>div>div:last-child>span {margin:10px 0;}

.kinds .table-t2.row2>div.txt>div[data-kind]>div {min-height:200px;}
.kinds .table-t2.row2>div.txt>div[data-kind]>div>ul>li {letter-spacing:-1px;}

ul.list.mobile li.kind_way {background-color: #fb7288;}


/* custom - 보형물 */
.implant {background-color:#d35371;}
.implant>div>div.full {min-height:400px !important;}

.implant>div>div.left {position:relative;}
.implant>div>div.left::before {left:0 !important; right:0 !important; bottom:0px !important; top:0px !important; width:1px; height:80%; margin-left:100%; margin-top:auto; background-color:rgba(255,255,255,0.4) !important;}
.implant>div>div.left>.title {margin-top:0 !important;}
.implant>div>div.left>.txt {color:white;}
.implant>div>div.left>.img {margin-top:30px; padding-left:150px; position:relative; }
.implant>div>div.left>.img>div {border:3px solid #f7b5c5;}
.implant>div>div.left>.img>div:first-child {width:153px; position:absolute; top:0; left:0; bottom:0; overflow:hidden;}
.implant>div>div.left>.img>div:first-child>img {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); height:100%;}
.implant>div>div.left>.img>div:last-child {padding:15px 25px;}
.implant>div>div.left>.img>div:last-child>.title {color:white;}
.implant>div>div.left>.img>div:last-child>.txt {color:#fcccd7; letter-spacing:-1px;}

.implant>div>div.right {position:relative; height:370px;}
.implant>div>div.right>.video {top:25px; left:0; right:0; bottom:0; width:80%; height:80%; margin:auto; background-color: transparent;}
.implant>div>div.right>.video::before,
.implant>div>div.right>.video::after {background-color:#f7b5c5;}

.implant>div>div.full {margin-top:50px; padding-top:50px; border-top:1px solid rgba(255,255,255,0.4); color:white;}
.implant>div>div.full>div {padding-left:290px; position:relative;}
.implant>div>div.full>div:not(:first-child) {margin-top:50px;}
.implant>div>div.full .title {padding-left:30px; position:absolute; left:0;}
.implant>div>div.full .title::before {content:''; position:absolute; left:15px; top:0; bottom:0; margin:auto; width:5px; height:5px; transform:rotate(45deg); -ms-transform:rotate(45deg); background-color:#ac0031;}

.implant>div>div.full>div>div.content>div.row>div {width:50%; padding-left:180px; position:relative;}
.implant>div>div.full>div>div.content>div.row>div>div {min-height:160px;}
.implant>div>div.full>div>div.content>div.row>div>.img {width:160px; height:160px; position:absolute; left:0; top:0; background-color:white; border-radius:50%; overflow:hidden;}
.implant>div>div.full>div>div.content>div.row>div>.img>img {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:160px;}
.implant>div>div.full>div>div.content>div.row>div>.content>dl {margin:0; padding-left:15px;}
.implant>div>div.full>div>div.content>div.row>div>.content>dl>dt {font-size:1vw; font-weight:400; line-height:1.2; margin-bottom:10px; margin-left:-15px;}
.implant>div>div.full>div>div.content>div.row>div>.content>dl>dd {margin:0; font-size:0.7vw; line-height:1.4; list-style:disc; display:list-item;}

/* custom - 자가진단 */
.diagno {background-color:#d35371;}
.diagno>div>div.full {min-height:400px !important;}

.diagno {background-color:#d35371;}
.diagno>.item-wrapper>.full {padding:0 20px;}
.diagno>.item-wrapper>.full>.content>.txt {margin-top:50px; color:white;}

.diagno .table-t2 {margin-top:20px;}
.diagno .table-t2>div.img>div>div:first-child {margin: auto; border: 2px solid white; background-color: white; z-index: 2; position: relative;  overflow: hidden; height: 250px;border-radius:0; width:100%; border-width:1px 1px 0 1px;}
.diagno .table-t2>div.img>div>div:first-child>img {position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); max-width: 100%; height: 100%;}

.diagno .table-t2>div.img>div>div:last-child {width:100%; padding:15px 20px; margin:0; height:auto; border:1px solid white; text-align:center;}
.diagno .table-t2>div.txt>div {padding:0; margin:auto;}
.diagno .table-t2>div.txt>div[data-kind] {}
.diagno .table-t2>div.txt>div[data-kind]>div {border:1px solid white; border-width:0px 1px 1px 1px; min-height:120px;}
.diagno .table-t2>div.txt>div[data-kind]>div>ul {padding:15px 1vw 0px 40px; list-style:none;}
.diagno .table-t2>div.txt>div[data-kind]>div>ul:last-child {padding:15px;}
.diagno .table-t2>div.txt>div[data-kind]>div>ul>li {letter-spacing:-0.5px;}
.diagno .table-t2>div.txt>div[data-kind]>div>ul>li.title {margin-left:-25px; list-style:none;}

.diagno .table-t2>div>div {padding-right:10px !important; cursor:default;}
.diagno .table-t2>div>div:last-child {padding-right:0 !important}
.diagno .table-t2>div>div>* {width:100%; margin:auto;}

.diagno .table-t2:not(.row4) {margin-bottom:70px;}
.diagno .table-t2:not(.row4)>div {display:flex; justify-content:space-between;}
.diagno .table-t2:not(.row4)>div>div {width:290px; margin:0 auto;}
.diagno .table-t2:not(.row4)>div>div:first-child {margin-left:0;}
.diagno .table-t2:not(.row4)>div>div:last-child {margin-right:0;}

.diagno .table-t2:not(.row4)>div.txt>div[data-kind]>div {min-height:200px;}
.diagno .table-t2:not(.row4)>div.txt>div[data-kind]>div>ul>li {letter-spacing:-1px;}

ul.list.mobile li.diagno {background-color: #e53663;}
ul.list.mobile li.diagno dl dt{color:#FFF;}


/* custom - 가슴확대술의 효과 */
.effect {background-color:#ffd4df;}
.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: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 {display:table; width:100%; height:auto;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title {display:table-caption; color:black; text-align:center; font-size:1.4vw;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.content {display:table-cell; text-align: center; vertical-align: middle;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.content.row3 {height:68px;}
.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.content.row4 {height:90px;}

.effect>.item-wrapper>div.right {position:relative; margin-right:-7vw; width:calc(50% + 5vw) !important; margin-top:20px;}
.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:#e53663; 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:#e53663;}
.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:150%; max-height:150%; 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 #e53663; color:#e53663; font-size: 22px;}


.effect.type2>.item-wrapper>div.left>.content {margin-top:70px; padding:0 20px;}
.effect.type2>.item-wrapper>div.left>.content>ul {list-style:none; padding:0; margin:0;}
.effect.type2>.item-wrapper>div.left>.content>ul>li {height:170px; display:flex; align-items:center;}
.effect.type2>.item-wrapper>div.left>.content>ul>li:not(:last-child) {margin-bottom:20px;}
.effect.type2>.item-wrapper>div.left>.content>ul>li>.img {width:170px; height:170px; border-radius:50%; overflow:hidden; margin-right:30px; border:1px solid #e6e6e6; flex-shrink:0;}
.effect.type2>.item-wrapper>div.left>.content>ul>li>.txt>.title {font-weight:600; color:#d35371; font-size:1.3vw; margin-bottom:6px;}
.effect.type2>.item-wrapper>div.left>.content>ul>li>.txt>.content {color:#a1a1a1; word-break:keep-all; font-size:17px;}

ul.list.mobile li.kind_effect {background-color: #ffcfd7;}

/* custom - 전문의 */
.surgeon>.item-wrapper>div.left>.indexes>li.active,
.surgeon>.item-wrapper>div.left>.indexes>li:hover {color:#e53663;}
.surgeon>.item-wrapper>div.left>.indexes.fnb>li::before {background-color:#e53663;}

.surgeon>.item-wrapper>div.left>.content {margin-top:50px; padding:55px 45px; border:3px solid #e53663;}
.surgeon>.item-wrapper>div.left>.content>div>.cover>.title>span{background-color: rgba(255, 100, 126, 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:#f7f7f7; overflow:hidden;}
.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:#e53663;}
.with>.item-wrapper>div.left>.indexes>li:hover::before,
.with>.item-wrapper>div.left>.indexes>li.active::before {border-color:#e53663; z-index:2}
.with>.item-wrapper>div.right {position:relative;}
.with>.item-wrapper>div.right>.content {position:static;}
.with>.item-wrapper>div.right>.content>div>.title {font-size:1.4vw; font-weight:600; color:#e53663;}
.with>.item-wrapper>div.right>.content>div>.content {margin-top:20px; font-size:1vw;}
.with>.item-wrapper>div.right>.content>div>.detail {margin-top:40px; margin-bottom:-70px; line-height:0; padding-bottom:400px; position:relative; background-size:auto 360px; background-repeat:no-repeat; background-position:50% 100%;}
.with>.item-wrapper>div.right>.content>div>.detail>a {display:inline-block; height:48px; line-height:48px; padding:0 40px; background-color:#e53663; color:white; vertical-align:top;}
.with>.item-wrapper>div.right>.content>div>.detail>img {height:350px; bottom:0px; position:absolute; display:block;}

.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/breast/with_img1.dac2b2226a17.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/breast/with_img2.d9b88979f90e.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/breast/with_img3.5b4f2b819ce2.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/breast/with_img4.9e9f2f2b5150.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/breast/with_img5.a913d32fada1.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/breast/with_img6.b587066b285c.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/breast/with_img7.7499061b374a.jpg);}
.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/breast/with_img8.1bd4eb6d2e69.jpg);}
.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/breast/with_img9.9bdb574ac1c0.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/breast/with_img10.3fda33c91812.jpg);background-size: 82%;background-position: 60% 58%;}
.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/breast/with_img11.dbbb15e931b1.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/breast/with_img12.db8944482325.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/breast/with_img13.e440f2aba813.png);}	/*여성형유방-복부지방흡입*/

ul.list.mobile li.with {background-image: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/eye/mobile/with_bg.b365d1660844.jpg); background-size: 8px 8px !important;}



/* custom - 사후관리 */
.oversight {background-color:#f1f1f1;}

.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.type2::before{bottom:25px;}
.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;}
.oversight>.item-wrapper>div.left>.indexes>li>ul::before {content:''; position:absolute; left:-62px; height:2px; width:62px; top:20px; background-color:#e53663;}
.oversight>.item-wrapper>div.left>.indexes>li>ul>li {border:2px solid #e53663; margin-top:-2px; padding:8px 25px; font-weight:500; font-size:15px; color:#e53663;}

.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:#e53663;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover::before,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active::before {background-color:#e53663;}
.oversight>.item-wrapper>div.left>.indexes>li[data-content]:hover>.txt,
.oversight>.item-wrapper>div.left>.indexes>li[data-content].active>.txt {color:#e53663;}
.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:#e53663;}
.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>.img2 {display:table; display:flex; margin-top:90px; width:auto;}
.oversight>.item-wrapper>div.right>.content>div>.img>div {display:table-cell; margin-right:5px; width:33.3333%;}
.oversight>.item-wrapper>div.right>.content>div>.img2>div,
.oversight>.item-wrapper>div.right>.content>div>.img>div.img2 {display:table-cell; margin-right: 5px; width: 44%;}
.oversight>.item-wrapper>div.right>.content>div>.img>div>img {width:100%;}
.oversight>.item-wrapper>div.right>.content>div>.img>img,
.oversight>.item-wrapper>div.right>.content>div>.img>div>img,
.oversight>.item-wrapper>div.right>.content>div>.img2>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]{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:'酸素療法'; }


/* custom - 누가받는수술? */

.who {background-color:#e6e6e6;}

.who>.item-wrapper>div.left {}
.who>.item-wrapper>div.left>.content {color:#a1a1a1; margin-top:5px;}
.who>.item-wrapper>div.left>.indexes {margin:50px auto 0; padding-left:15px; position:relative; height:auto;}
.who>.item-wrapper>div.left>.indexes::before {content:''; position:absolute; top:25px; bottom:70px; left:0; width:1px; background-color:#e6e6e6;}
.who>.item-wrapper>div.left>.indexes>li {width:235px; height:auto; float:none; position:relative;}
.who>.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);}
.who>.item-wrapper>div.left>.indexes>li:not(:last-child) {margin-bottom:35px;}
.who>.item-wrapper>div.left>.indexes>li>.title {height:50px; line-height:50px; width:235px; text-align:center; color:#b9b9b9; font-size:1vw; background-color:white; border:1px solid #eaeaea; border-radius:50px; transition:all 0.3s ease-in-out; cursor:pointer;}
.who>.item-wrapper>div.left>.indexes>li>.txt {width:235px; text-align:center; color:#b9b9b9; margin-top:8px; transition:color 0.3s ease-in-out; cursor:pointer;}
.who>.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;}
.who>.item-wrapper>div.left>.indexes>li>ul::before {content:''; position:absolute; left:-62px; height:2px; width:62px; top:20px; background-color:#e53663;}
.who>.item-wrapper>div.left>.indexes>li>ul>li {border:2px solid #e53663; margin-top:-2px; padding:8px 25px; font-weight:500; font-size:0.8vw; color:#e53663;}

.who>.item-wrapper>div.left>.indexes>li[data-content]:hover>.title,
.who>.item-wrapper>div.left>.indexes>li[data-content].active>.title {color:white; background-color:#e53663;}
.who>.item-wrapper>div.left>.indexes>li[data-content]:hover::before,
.who>.item-wrapper>div.left>.indexes>li[data-content].active::before {background-color:#e53663;}
.who>.item-wrapper>div.left>.indexes>li[data-content]:hover>.txt,
.who>.item-wrapper>div.left>.indexes>li[data-content].active>.txt {color:#e53663;}
.who>.item-wrapper>div.left>.indexes>li[data-content]:hover>ul,
.who>.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;}
.who>.item-wrapper>div.right {}
.who>.item-wrapper>div.right>.content {}
.who>.item-wrapper>div.right>.content>div {padding:35px 0;}
.who>.item-wrapper>div.right>.content>div>.title {font-size:1.2vw; font-weight:600; color:#e53663;}
.who>.item-wrapper>div.right>.content>div>.content {font-size:1vw; margin-top:10px;}
.who>.item-wrapper>div.right>.content>div>.content>ul>li {line-height:30px; list-style: square;}
.who>.item-wrapper>div.right>.content>div>.content .fs-txt{margin-top:20px; color:#d26c00; font-size:1vw; font-weight:600;}
.who>.item-wrapper>div.right>.content>div>.img {display:flex; margin-top:90px; width:100%;}
.who>.item-wrapper>div.right>.content>div>.img>div {margin-right:5px; width:33.3333%;}
.who>.item-wrapper>div.right>.content>div>.img>div>img {width:100%;}


/* custom - 전후사진 */
.before_after>.item-wrapper>div.full {/*min-height:750px;*/}
.before_after>.item-wrapper>div.full>.title {margin-left:-4.9vw; color:#000;}
.before_after>.item-wrapper>div.full>.content {margin:40px -6vw 0; 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:#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 #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:#000; 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;}

/* 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.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:#f9cdd8;}

.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:#f9cdd8; color:#000;}

ul.list.mobile li.info {background-color:#1f3148;}


@media(min-width:1800px) {
	.top>.item-wrapper>div.left>.title>h1 {font-size:55px !important;}
	/*.top>.item-wrapper>div.left>.content>div>img {width:361px !important;}*/
	.top>.item-wrapper>div.left>.content>.explain {width:680px; font-size: 16px; line-height: 21px;}

	.why>div>div.left>.indexes>li>.txt,
	.why>div>div.right>.content>div>.content {font-size:18px;}

	.why>div>div.right>.content>div>.title {font-size:30px;}

	.effect>.item-wrapper>div.right>.txt {font-size:20px;}
	.effect>.item-wrapper>div.left>.content>.indexes>li>.txt>.title{font-size:25px;}

	.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;}

	.kinds>.item-wrapper>.full>.content>.table-t2>div.img>div>div:last-child>span,
	.kinds>.item-wrapper>.full>.content>.table-t2>div.txt>div[data-kind]>div>ul {font-size:18px;}
	.kinds>.item-wrapper>.full>.content span.fs-tit {font-size:22px;}

	.kinds>.item-wrapper>.full>.content>.txt,
	.who>.item-wrapper>div.right>.content>div>.title {font-size:22px;}

	.surgeon>.item-wrapper>div.left>.indexes>li,
	.with>.item-wrapper>div.left>.indexes>li {font-size: 24px;}

	.surgeon>	.item-wrapper>div.left>.content>div>.cover>.content,
	.oversight>	.item-wrapper>div.left>.content,
	.kinds>		.item-wrapper>.full>.txt {font-size:18px;}

	.kinds>.item-wrapper>.full>.content>.fs-content>span.fs-txt {line-height: 25px;}

	.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,
	.who>.item-wrapper>div.right>.content>div>.content>ul>li,
	.who>.item-wrapper>div.right>.content>div>.content .fs-txt {font-size:18px;}


}

@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/breast/mobile/checked.0fd2e91869c5.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:32.7%; height:190px; margin-top: 3%;}
	li.with dd.list>a:not(:nth-child(3n)){margin-right:0.95%;}
	li.with dd.list>a img {min-height: auto;}
	li.with dd.list>a span {width: 100%; left:0; bottom: 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: #ff1557;}
}

@keyframes active {
	from {color:#b9b9b9;}
	to {color:#E53864;}
}
