@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.fs-title {font-size:4vw;}
.fs-content {font-size:1vw;}
.fs-txt {font-size:0.9vw;}

.no_bg::before {content:none !important;}

.container {font-family:'Pretendard','Noto Sans KR',sans-serif;}
.container>.wrapper {width:100%; margin:0px auto;}
.img_center>img {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}

img[alt] {color:#000000}

/* submenu */
div.container>.subMenu_wrapper{position: fixed; z-index: 2; width: 100%; height: 40px; line-height: 40px; overflow: hidden; }
div.container>.subMenu_wrapper>.menu_wrap{position:absolute; font-size:0; z-index:3; }

div.container>.subMenu_wrapper>.menu_wrap .btn {display: inline-block; position: relative; cursor: pointer; overflow: hidden; width: 140px; height: 40px; text-align:center;}
div.container>.subMenu_wrapper>.menu_wrap .btn:first-child:nth-last-child(2), div.container>.subMenu_wrapper>.menu_wrap .btn:first-child:nth-last-child(2) ~ div {width: calc(100% / 2);}
@media(min-width:975px) {
	div.container>.subMenu_wrapper>.menu_wrap .btn:first-child:nth-last-child(7), div.container>.subMenu_wrapper>.menu_wrap .btn:first-child:nth-last-child(7) ~ div {width: calc(100% / 7);}
}
@media(min-width:700px) {
	div.container>.subMenu_wrapper>.menu_wrap .btn:first-child:nth-last-child(5), div.container>.subMenu_wrapper>.menu_wrap .btn:first-child:nth-last-child(5) ~ div {width: calc(100% / 5);}
}
@media(min-width:392px) {
	div.container>.subMenu_wrapper>.menu_wrap .btn:first-child:nth-last-child(3), div.container>.subMenu_wrapper>.menu_wrap .btn:first-child:nth-last-child(3) ~ div {width: calc(99.9% / 3);}
}


div.container>.subMenu_wrapper>.menu_wrap .btn:not(:last-child){border-right:0.1vw solid #191919;}
div.container>.subMenu_wrapper>.menu_wrap .btn .title_wrap {top: 0; left: 0; position: absolute; width: 100%; height: 100%; transform: translateY(0); transition: transform 0.3s;}
div.container>.subMenu_wrapper>.menu_wrap .btn .title_wrap>div{position: relative; height:40px;}
div.container>.subMenu_wrapper>.menu_wrap .btn .title_wrap>div.off {background: rgba(25,25,25,.8);}
div.container>.subMenu_wrapper>.menu_wrap .btn .title_wrap>div.on {background: #fff;}
div.container>.subMenu_wrapper>.menu_wrap .btn .title_wrap>div .title {color: #c1c1c1; font-size: 13px; font-weight: 300; line-height: 40px; letter-spacing: -1px; margin:0;}
div.container>.subMenu_wrapper>.menu_wrap .btn .title_wrap>div.on .title{color: #222; font-weight: 400;}

div.container>.subMenu_wrapper+.wrapper{padding-top:40px;}


/* common */
div.wrapper ul {list-style:none;}
div.wrapper>ul.list {list-style:none; padding:0; margin:0; }
div.wrapper>ul.list>li {padding: 0; line-height: 1; border: 0; max-width: 800px; margin: 0 auto;}
div.wrapper>ul.list>li:last-child>div {padding:30px 18px 0;}
div.wrapper>ul.list>li>div {padding:30px 18px;}
div.wrapper>ul.list>li img {width:100%; image-rendering:-webkit-optimize-contrast;}

div.wrapper li dl {margin:0 auto; max-width: 800px; position:relative;}
div.wrapper li dl dt {font-size:2em; font-weight:400; margin-bottom:35px; line-height:1.2;}
div.wrapper li dl dd {margin:0 0 15px;}

div.wrapper li p.blind {display: none;}


/* top */
div.wrapper>ul.list>li.top{text-align: center;font-size:0;}
div.wrapper>ul.list>li.top>img{max-width: 800px;}


/*content - view*/
.content[data-content]>*[data-content] {display:none;}
.content[data-content=c0]>*[data-content=c0],
.content[data-content=c1]>*[data-content=c1],
.content[data-content=c2]>*[data-content=c2],
.content[data-content=c3]>*[data-content=c3],
.content[data-content=c4]>*[data-content=c4],
.content[data-content=c5]>*[data-content=c5],
.content[data-content=c6]>*[data-content=c6],
.content[data-content=c7]>*[data-content=c7],
.content[data-content=c8]>*[data-content=c8],
.content[data-content=c9]>*[data-content=c9],
.content[data-content=c10]>*[data-content=c10],
.content[data-content=c11]>*[data-content=c11],
.content[data-content=c12]>*[data-content=c12],
.content[data-content=c13]>*[data-content=c13],
.content[data-content=c14]>*[data-content=c14],
.content[data-content=c15]>*[data-content=c15]
{display:block !important; animation-name:fadeIn; animation-duration:0.75s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out; opacity:1;}


/* 수술 포인트 */
li.point dl dd:not(*[class^=media]) {margin-left:2vw; padding-left:30px; margin-bottom:15px; font-weight:400; position:relative;}
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/male/mobile/checked.a05adeaefc3e.png); background-repeat:no-repeat; background-position:center center; width:9px; height:8px; margin:auto; position:absolute; top:0; bottom:0; left:0;}
li.point dl dd.media {margin-left:0; margin-top:40px; border:1px solid #e5e5e5; line-height:0;}
li.point dl dd.media_title {margin:30px auto 0; display:block; width:fit-content; text-align:center; padding:12px; background-color:black; color:white;}

/* 성형 부위별 수술 방법/종류 */


/* 케이스별 수술 효과 */
li.kind_effect {}
li.kind_effect>div {padding:0 !important;}
li.kind_effect dl dt {padding:30px 18px 0 18px;}
li.kind_effect dl dd {margin-bottom:0;}
li.kind_effect dl dd:not(.blank) {position:relative; line-height:0;}
li.kind_effect dl dd.blank {height:90px !important; position:relative;}
li.kind_effect dl dd.blank img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:80% !important;}
li.kind_effect dl dd.text {position:absolute; top:30px; right:18px; padding-top:10px; background-color:transparent; color:white; line-height:1.4; text-align:right; height:auto !important;}
li.kind_effect dl dd.text::before {content:''; position:absolute; top:0; right:0; width:20px; height:2px; background-color:white;}


/*  함께하면 좋은 수술 */
li.with dd.list {display:flex; flex-wrap:wrap; flex-shrink:0; margin-bottom:0;}
li.with dd.list>a {width:50%; height:80px; position:relative; overflow:hidden;}
li.with dd.list>a img {min-width:100%; min-height:100%; position:absolute; right:0;}
li.with dd.list>a span {position:absolute; left:12px; bottom:12px; font-size:12px; font-family: 'Nanum Myeongjo', serif; font-weight:600;}


/* 전문의 */
li.surgeon {background: transparent url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/mobile_surgeon_bg.a4383462d868.jpg?v=221114) scroll no-repeat center center; height: 450px; background-position: center center; background-size: cover;}
li.surgeon dl dt {color:white;}
li.surgeon dl dd div.title {font-size: 18px; margin-bottom: 15px; padding-bottom: 10px; position: relative; width: fit-content; font-weight: 400;}
li.surgeon dl dd div.content {line-height:1.4; font-weight: 200;}
li.surgeon dl dd>div>div{color:#FFF; margin-bottom:20px;}


/* 셀카/전후사진 */
li.selfie_b_a  {background-size:45px; background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/male/mobile/selfie_b_a_bg.5f4b7dca885b.png); background-size:45px 18px !important;}
li.selfie_b_a dl dd {position:relative;}
li.selfie_b_a dl dd .title {text-align:center; font-size:16px;}
li.selfie_b_a dl dd .swiper-container {margin-top:40px; margin-left:20px; margin-right:20px;}
li.selfie_b_a dl dd .swiper-slide {overflow:hidden;}
li.selfie_b_a dl dd .arrow_btn {}
li.selfie_b_a dl dd .arrow_btn>div[class^='arrow'] {position:absolute; top:55px; bottom:0; width:40px; height:40px; margin:auto; background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/main/main_arrow_s.db977a3fcf98.png); background-repeat:no-repeat; background-position:center center;}
li.selfie_b_a dl dd .arrow_btn>div.arrow_prev {left:-18px;}
li.selfie_b_a dl dd .arrow_btn>div.arrow_next {right:-18px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
li.selfie_b_a dl dd .btn {margin:30px auto 0px;}
li.selfie_b_a dl dd .btn a {display:block; height:45px; line-height:45px; background-color:#ff1557; text-align:center; color:white;}

li.selfie_b_a dl dd.selfie .swiper-slide img {width:140% !important; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%);}
li.selfie_b_a dl dd.before_after {background-color:transparent; margin-top:60px;}


/* 수술정보 */
li.info {color:white; padding-bottom:90px !important; background-color: #1f3148;}
li.info dl dd {display:flex; flex-direction:column;}
li.info dl dd>div {padding-top:45px; position:relative; border:1px solid rgba(255,255,255,0.3);}
li.info dl dd>div:last-child {margin-top:30px;}
li.info dl dd>div:last-child ul.menu>li {width:50%;}
li.info dl dd ul.menu {position:absolute; top:0; height:45px; left:0; right:0; list-style:none; text-align:center; padding:0; margin:0; display:flex;}
li.info dl dd ul.menu>li {width:33.3333%; line-height:45px; font-size:14px; border:1px solid rgba(255,255,255,0.3); border-top-width:0; border-right-width:0; transition:border-bottom-color 0.25s ease-in-out;}
li.info dl dd ul.menu>li:first-child {border-left-width:0;}
li.info dl dd ul.menu>li.active {border-bottom-color:transparent;}

li.info dl dd .content {padding:12px; line-height:1.4;}
li.info dl dd .content ul {list-style:none; padding:0; margin:0;}
li.info dl dd .content ul>li {width:33.3333%; float:left; color:white; padding-top:80px; text-align:center; font-size:11px; position:relative; margin-bottom:20px;}
li.info dl dd .content ul>li::before {content:''; position:absolute; top:0; left:0; right:0; width:55px; height:55px; margin:auto; background-color:#2a3c51; background-repeat:no-repeat; background-position:center center; border-radius:50%; background-size:30px auto; image-rendering:-webkit-optimize-contrast;}
li.info dl dd .content ul>li::after {position:absolute; top:60px; height:15px; line-height:15px; font-size:13px; text-align:center; left:0; right:0; color:#b6b6b6;}

li.info dl dd .content 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);}
li.info dl dd .content 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);}
li.info dl dd .content 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);}
li.info dl dd .content 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);}
li.info dl dd .content 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);}
li.info dl dd .content ul>li.inpatient::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info5.7ee2b80c419c.png);}
li.info dl dd .content 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);}
li.info dl dd .content ul>li.extract::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info8.29013eda1a96.png);}
li.info dl dd .content ul>li.implant::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info9.80d711ad6eda.png);}
li.info dl dd .content ul>li.swelling::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info10.4c9f48b9e4d0.png);}
li.info dl dd .content ul>li.scar::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_info11.d98abd25f4c0.png);}
li.info dl dd .content ul>li.cause::after {content:'施術方法';}
li.info dl dd .content ul>li.time::after {content:'施術時間';}
li.info dl dd .content ul>li.anesthesia::after {content:'麻酔方法';}
li.info dl dd .content ul>li.stitch::after {content:'抜糸';}
li.info dl dd .content ul>li.outpatient::after {content:'通院';}
li.info dl dd .content ul>li.inpatient::after {content:'入院';}
li.info dl dd .content ul>li.recover::after {content:'回復期間';}
li.info dl dd .content ul>li.extract::after {content:'毛包採取';}
li.info dl dd .content ul>li.implant::after {content:'移植';}
li.info dl dd .content ul>li.swelling::after {content:'腫れ・痛み';}
li.info dl dd .content ul>li.scar::after {content:'傷跡';}

li.info dl dd>div {padding-top: 0; color:#1f1f1f;}
li.info dl dd>div:not(:first-child){margin-top: 30px;}
li.info dl dd .content>.title{font-size:18px; color:#000; font-weight:500;}
li.info dl dd .content .sub_tit{font-weight:600;}
li.info dl dd .content.care[data-content=c1]{background-color:#FFF;}
li.info dl dd .content.care[data-content=c2]{background-color:#eaeaea;}
li.info dl dd .content.care[data-content=c2] div.view{width: 85px; background: #1f3148; margin: 20px auto 5px; padding: 1% 0; color: #fff; text-align: center;}


@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}

@keyframes fadeOut{
	from {opacity:1;}
	to {opacity:0;}
}

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

@keyframes img_focus {
	from {opacity:0.6;}
	to {opacity:1;}
}

@keyframes txt_focus {
	from {background-color:#00c3d4;}
	to {background-color:#008b97;}
}

@keyframes img_blur {
	from {opacity:1;}
	to {opacity:0.6;}
}
@keyframes txt_blur {
	from {background-color:#008b97;}
	to {background-color:#00c3d4;}
}

@keyframes indexes_focus {
	from {width:0%;}
	to {width:100%;}
}
@keyframes indexes_blur {
	from {width:100%;}
	to {width:0%;}
}

@keyframes c1fade {from {color:#fff;} to {color:#111;}}

@keyframes c2fade {from {color:#d5d5d5;} to {color:#636363;}}



.flx p, .flx ul, .flx li {margin:0px; padding:0px;}
.flx .point_c {color:#9f2e8d}
.flx .flx_info {text-align:center; word-break: keep-all;}
.flx .txt_a {font-size:28px; line-height:1.4em; font-weight:700; }
.flx .txt_b {font-size:20px; line-height:1.4em; font-weight:400; color:#4b4b4b; margin-bottom:20px}
.flx .txt_c {font-size:17px; font-weight:400; color:#4b4b4b; }
.flx .txt_d {font-size:12px; letter-spacing: -0.5px; font-weight:300; color:#636363; line-height:1.4em; margin:10px 0px 25px 0px; }
.flx .section2 {padding:0px !important; background:#f3f3f3}
.flx .section3 {text-align:center;}
.flx .section3 .info {display:flex; justify-content: center; gap:10px; font-size:11px; line-height:1.4em; word-break: keep-all;}
.flx .section3 .info .step {width:60px; height:18px; margin:10px auto 5px auto; border-radius:30px; background:#9f2e8d; color:#fff; display:flex; align-items:center; font-size:11px; line-height:18px; justify-content:center}

.flx .section3 .tip {display:flex; justify-content:center; gap:5px;} 
.flx .section3 .tip_info {width:100%; border-collapse: collapse; max-width:1334px; margin:0 auto; font-size:12px; text-align:center; line-height:1.4em; color:#7f7f7f}
.flx .section3 .tip_info th {color:#000; font-weight:500; text-align:center; padding:15px 0px; border-bottom:1px solid #737373}
.flx .section3 .tip_info tr td {padding:15px 0px; text-align:center; border-bottom:1px solid #737373}

.flx .section4 {background:#f6f6f6;}
.flx .section4 .item-wrapper {max-width:1300px !important; gap:30px;}
.flx .section4 .title {font-size:22px; line-height:1.3em; text-align:center;}
.flx .section4 .bul01 {font-size:14px; color:#424242; margin:20px 0px 30px 0px}
.flx .section4 .bul01 li {padding-left:30px; line-height:1.5em; background:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/flx_bul01.3fdeb17c45ac.png) no-repeat left top; background-size:18px auto}
.flx .section4 .bul01 li + li {margin-top:10px; padding-top:10px; border-top:1px solid #666666; background-position:left 10px}

.flx .section5 {background:#f5edf3; text-align:center; }
.flx .section5 .item-wrapper {padding-bottom:0px !important}
.flx .section6 {text-align:center; background:#f6f6f6}
.flx .section6 .bul02 {font-size:14px; max-width:max-content; margin:0 auto;}
.flx .section6 .bul02 > li {font-weight:300; color:#424242; text-align:left; padding-left:22px; background:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/anti/flx_bul02.2a5c9d6b36d5.png) no-repeat left 2px; background-size:16px auto}
.flx .section6 .bul02 > li > strong {font-weight:400; color:#000}
.flx .section6 .bul02 > li + li {margin-top:10px;}
.flx .consult {background:#fcfcfc}
.flx .consult .item-wrapper {justify-content: space-between; flex-direction: column; gap:20px; display:flex; align-items:center;}
.flx .consult .item-wrapper .info {width:auto !important; padding-bottom:30px;}
.flx .consult .item-wrapper .img {width:auto !important;}