@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 90px;}
.img_center>img {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}

img[alt] {color:#000000}

/* common */
div.wrapper ul {list-style:none;}
div.wrapper>ul.list {list-style:none; padding:0; margin:0; position:relative;}
div.wrapper>ul.list>li {background-position:center center; background-size:cover; padding:70px 0;}
div.wrapper>ul.list>li:not(:last-child) {border-bottom:1px solid #f1f1f1;}
div.wrapper>ul.list>li>.item-wrapper {width:100%; max-width:1200px; margin:auto; position:relative;}
div.wrapper>ul.list>li.top>.item-wrapper,
div.wrapper>ul.list>li.submenu>.item-wrapper,
div.wrapper>ul.list>li.point>.item-wrapper,
div.wrapper>ul.list>li.why>.item-wrapper,
div.wrapper>ul.list>li.surgeon>.item-wrapper {max-width:1400px;}
div.wrapper>ul.list>li>.item-wrapper::after {clear:both; content:''; display:block; height:0;}
div.wrapper>ul.list>li>.item-wrapper>div {float:left; width:50%;}
div.wrapper>ul.list>li>.item-wrapper>div.left {padding:0 60px 0 0;}
div.wrapper>ul.list>li>.item-wrapper>div.left::before {content:''; position:absolute; left:-1800px; top:-70px; bottom:-70px; right:50%; background-color:white; z-index:0;}
div.wrapper>ul.list>li>.item-wrapper>div>* {z-index:2; position:relative;}
div.wrapper>ul.list>li>.item-wrapper>div>.title {font-size:1.6vw; font-weight:600;}
div.wrapper>ul.list>li>.item-wrapper>div>.txt:not(:first-child) {margin-top:10px;}
div.wrapper>ul.list>li>.item-wrapper>div.right {float:right; padding:0 20px 0 65px;}
div.wrapper>ul.list>li.top>.item-wrapper>div.right {padding:0;}
div.wrapper>ul.list>li>.item-wrapper>div.right .title {font-weight:600;}
div.wrapper>ul.list>li>.item-wrapper>div.full {width:100%;}

/* common - top */
div.wrapper>ul.list>li.top>.item-wrapper>div {min-height:600px;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left {padding-top:100px;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title {border-bottom:1px solid white; display:inline-block; padding:0 10px 25px 0; margin-bottom:25px;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title>h1 {font-size:3.55vw; margin:0px; line-height:1; font-weight:300;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title>h1>b {font-weight:500;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title>h2 {font-size:1.2vw; font-family:"Poppins",sans-serif; font-weight:600; color:white; margin:0; line-height:1.2; margin-bottom:10px;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.content {font-size:1.5vw;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.content .explain {margin-top: 35px; font-size: .85vw; width:35vw; word-break: keep-all;}
div.wrapper>ul.list>li.top>.item-wrapper>div.left>.content .point {margin-top:76px;/* font-size: 1.55vw; width:35vw;*/ font-size:29px; font-family: 'SeoulHangangM'; line-height: 1.4; color:#8e2939; text-shadow: 0 5px 1px #cf8793; word-break: keep-all;}
div.wrapper>ul.list>li.top>.item-wrapper>div.right {padding-top:50px; padding-right:0px; text-align:right; position:absolute; right:0; bottom:-70px;}
div.wrapper>ul.list>li.top>.item-wrapper>div.right>img {vertical-align:bottom;}

/* common - submenu */
div.wrapper>ul.list>li.submenu {padding: 0;}
div.wrapper>ul.list>li.submenu>.item-wrapper>div {}
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul {display:table; margin: 0 auto; height: 40px;}
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li {line-height: 40px; white-space: nowrap; font-size: 15px; border-radius: 50px; margin: 5px;}
div.wrapper>ul.list>li.submenu>.item-wrapper>div>ul>li a {text-decoration: none; padding: 0px 12px; display: block; letter-spacing: -1px; border-radius: 50px; }

.top .subMenu_wrapper,
.top .subMenu_wrapper>.menu_wrap{width:1400px; margin:0 auto;}
.top .subMenu_wrapper p{padding:0; margin:0;}
.top .subMenu_wrapper>.category_wrap{position:relative;}
.top .subMenu_wrapper>.category_wrap>.category_cont {margin: 50px auto; width: 460px; position: relative; border-left: 3px solid #e2e2e2; border-right: 3px solid #e2e2e2; }

.top .subMenu_wrapper>.category_wrap p:first-child{font-family: 'Lora'; font-size: 27px; line-height: 35px; text-align: center;}
.top .subMenu_wrapper>.category_wrap p:last-child{font-size: 10px; font-weight: 200; line-height: 10px; text-align: justify; margin: 5px auto 0; width: 320px;}
.top .subMenu_wrapper>.category_wrap p:last-child:after{width: 100%; content: ''; display: inline-block;}
.top .subMenu_wrapper>.menu_wrap{position:absolute; font-size:0; text-align: center; z-index:2; margin-top: 25px;}
.top.type2 .subMenu_wrapper>.menu_wrap{margin-top: -45px;}
.top .subMenu_wrapper>.menu_wrap .btn {display: inline-block; position: relative; cursor: pointer; overflow: hidden; width: 160px; height: 45px; text-align:center;}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(2), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(2) ~ div {width: calc(100% / 2);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(3), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(3) ~ div {width: calc(99.9% / 3);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(4), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(4) ~ div {width: calc(100% / 4);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(5), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(5) ~ div {width: calc(100% / 5);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(6), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(6) ~ div {width: calc(99.9% / 6);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(7), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(7) ~ div {width: calc(100% / 7);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(8), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(8) ~ div {width: calc(100% / 8);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(9), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(9) ~ div {width: calc(100% / 9.1);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(10), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(10) ~ div {width: calc(100% / 10);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(11), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(11) ~ div {width: calc(100% / 11);}
.top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(12), .top .subMenu_wrapper>.menu_wrap div.btn:first-child:nth-last-child(12) ~ div {width: calc(99.9% / 12);}

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

/* common - point */
.point>div>div.right {position:relative; padding:400px 0 0 !important;}
.video {width: calc(100% - 80px); height:400px; background-color:white; position:absolute !important; top:0px; left:80px;}
.video video{background-color:#fff}
.video::before,
.video::after {content:''; width:5px; height:145px; background-color:#fff; top:0; bottom:0; margin:auto; position:absolute;}
.video::before {left:-5px;}
.video::after {right:-5px;}

/* common - why */
.why>div>div.right {position:relative; padding:0 0 0 60px !important;}
.why>div>div.right .content {word-break: keep-all;}

/* table - type 1 */
.table-t1.point>div {position:relative; padding-left:20%;}
.table-t1.point>div>div.head {position:absolute; left:0; top:0; bottom:0; height:100%;}
.table-t1.point>div>div.head::before {content:'POINT'; margin-right:6px;}
.table-t1>div::after {content:''; clear:both; display:block; height:0;}

.table-t1>div>div {float:left; padding-top:15px; padding-bottom:15px; line-height:1.2; font-size:.94vw;}
.table-t1>div>div:not(:last-child) {margin-right:20px;}

.table-t1>div>div.head {font-weight:800; font-family:'Poppins','Noto Sans KR',sans-serif; width:calc(20% - 20px);}
.table-t1>div>div:not(.head) {width:85%;}

.table-t1>div>div {border:1px solid black;}
.table-t1>div>div {border-width:1px 0 0 0; border-color:#e2e2e2;}
.table-t1>div:not(:first-child):not(:last-child)>div.head {border-color:#ddd !important;}

.table-t1>div:first-child>div {border-width:2px 0 0 0; border-color:black; word-break: keep-all;}
.table-t1>div:last-child>div {border-width:1px 0 2px 0; border-bottom-color:black;}
.table-t1>div:last-child>div.head {border-top-color:#ddd !important;}
/* table - type 2 */
.table-t2>div::after {content:'';clear:both;display:block;height:0;}
.table-t2>div>div {float:left; width:33.3333%; position:relative; cursor:pointer;}

.table-t2.row4>div>div {width:25%;}
.table-t2.row2>div>div {width:50%;}

.table-t2>div.img>div:not(:last-child)::after {content:''; position:absolute; top:0; bottom:50px; height:2px; background-color:white; width:100%; margin:auto; left:50%;}

.kinds .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%; height:250px;}
.kinds .table-t2>div.img>div>div:first-child>img {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); opacity:0.6; max-width:100%; height:100%;}

.table-t2>div.img>div>div:last-child {text-align:center; color:white;}

.table-t2>div.txt>div {margin-top:25px; color:white; padding:0 25px; position:relative;}
.table-t2>div.txt>div>ul {list-style-type:disc; box-sizing:border-box;}
.table-t2>div.txt>div>ul>li {line-height:27px; white-space:nowrap;}

/*.table-t2>div.img>div[data-kind]>div:first-child>img {animation-name:img_blur; animation-duration:0.5s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}*/
.table-t2>div.img>div[data-kind].focus>div:first-child>img {animation-name:img_focus; animation-duration:0.5s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
.table-t2>div.txt>div[data-kind]>ul {animation-name:txt_blur; animation-duration:0.5s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
.table-t2>div.txt>div[data-kind].focus>ul {animation-name:txt_focus; animation-duration:0.5s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}


/*indexes */
.indexes {margin:0; padding:0; width:100%; list-style:none; box-sizing:border-box; cursor:default; /*user-select:none; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; -o-user-select:none;*/}
.indexes::after {content:''; clear:both; display:block; height:0;}
.indexes>li {width:33.3333%; height:150px; float:left; box-sizing:border-box; list-style: none;}
.indexes>li>.icon {width:50px; height:55px; transition:background 0.35s ease-in-out; cursor:pointer;}
.indexes>li>.txt {height:40px; line-height:1.4; padding-top:15px; font-size:.83vw; letter-spacing: -0.056vw; font-weight:400; color:#b9b9b9; display:inline-block; }
.indexes>li>.txt.hover{color:#000;}
.indexes>li>.txt>.content.fs-txt{letter-spacing: -0.5px;}
/*.indexes>li.active>.txt {animation-name:active; animation-duration:0.5s; animation-direction:alternate; animation-fill-mode:forwards;}*/

/*indexes - fnb */
.indexes.fnb>li {height:60px; line-height:60px; width:100%; color:#fff; font-size:1.3vw; font-weight:600; position:relative; padding-bottom:10px; transition:color 0.3s ease-in-out;}
.indexes.fnb>li::before {content:''; bottom:0; position:absolute; left:0; width:0; height:3px; background-color:#fff; animation-name:indexes_blur; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}
.indexes.fnb>li:hover::before,
.indexes.fnb>li.active::before {animation-name:indexes_focus; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}

/*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],
.content[data-content=c16]>*[data-content=c16]
{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;}

.with>.item-wrapper>div.right>.content>div>.content{word-break: keep-all;}

/* custom - 전문의 */
.surgeon {background:transparent url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/surgeon_bg2.176dda7075f2.jpg?v=221101') scroll no-repeat center center; background-size:cover;}
.surgeon>.item-wrapper>div.left {width:40%;}
.surgeon>.item-wrapper>div.left>.title {color:white;}
.surgeon>.item-wrapper>div.left>.indexes {margin-top:20px;}
.surgeon>.item-wrapper>div.left>.indexes>li {color:#a1a1a1;}

.surgeon>.item-wrapper>div.left>.content>div>.cover>.title {margin-bottom:30px; color:white; font-size:1.17vw; font-weight:600;}
.surgeon>.item-wrapper>div.left>.content>div>.cover>.content {word-break: keep-all; color:white; letter-spacing: -0.5px;}

.surgeon>.item-wrapper>div.left>.content[data-content=safety]>div[data-content=safety],
.surgeon>.item-wrapper>div.left>.content[data-content=honesty]>div[data-content=honesty],
.surgeon>.item-wrapper>div.left>.content[data-content=ardor]>div[data-content=ardor],
.surgeon>.item-wrapper>div.right>.content[data-content=safety]>div[data-content=safety],
.surgeon>.item-wrapper>div.right>.content[data-content=honesty]>div[data-content=honesty],
.surgeon>.item-wrapper>div.right>.content[data-content=ardor]>div[data-content=ardor]{display:block; animation-name:fadeIn; animation-duration:0.3s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;}

.surgeon>.item-wrapper>div.right {width:60%;}
.surgeon>.item-wrapper>div.right>.title {text-align:right; color:#d6d2d2; text-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.surgeon>.item-wrapper>div.right>.content {margin-top:160px; text-align:right;}
.surgeon>.item-wrapper>div.right>.content img{border-radius: 10px; max-width:100%; }

/* custom - 전후사진 */
.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:65px -6vw; padding:0 20px;}
.before_after>.item-wrapper>div.full>.content::after {content:''; clear:both; display:block; height:0;}
.before_after>.item-wrapper>div.full>.content>div {float:left;}
.before_after>.item-wrapper>div.full>.content>div.list {margin-right:30px; width:300px; margin-top:-17px;}
.before_after>.item-wrapper>div.full>.content>div.list>ul {list-style:none; padding:0; margin:0;}
.before_after>.item-wrapper>div.full>.content>div.list>ul>li {height:214px; border:3px solid #e0e0e0; position:relative; overflow:hidden; box-sizing:border-box; cursor:pointer; background-color:white;}
.before_after>.item-wrapper>div.full>.content>div.list>ul>li.active {border-color:#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% - 360px) !important; border:3px solid #e0e0e0; margin-top:-80px; position:relative; margin-left:30px;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image {height:739px; background-position:center 70%; background-size:cover; background-repeat:no-repeat; position:relative; transition:0.5s ease-in-out;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:first-child {position:relative; top:-30px; height:30px; line-height:30px; font-size:16px; font-weight:600; color:white; text-transform:uppercase; letter-spacing:1px;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:first-child>span {float:left;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:first-child>span:last-child {float:right;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:nth-child(2)>a {float:left; bottom: 0; position: absolute; background: rgba(255, 255, 255, 0.1); border: 1px solid #ff1557; color: #ff1557; padding: 2px 6px; margin: 33% 7%; width:19vw; font-size:0.8vw; font-weight: 500; text-align:center;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:nth-child(2)>a::after {content:'ジュエリー形成外科は \A 医療広告の審査基準を遵守します。 \A ログインすると \A ジュエリー形成外科の確実なビフォーアフター写真をご覧いただけます。';  white-space:pre; }
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:last-child {position:absolute; bottom:0; right:0; width:150px; height:150px; overflow:hidden;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:last-child>a {position:relative; width:220px; height:220px; transform:rotate(45deg); -ms-transform:rotate(45deg); background-color:#ff1557; display:block; top:45px; left:45px;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:last-child>a::before {content:'もっと見る';position:absolute; transform:rotate(-45deg); -ms-transform:rotate(-45deg); top:110px; left:15px; font-size:18px; font-weight:500; color:white;}
.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:last-child>a::after {content:''; position:absolute; left:61px; top:95px; width:8px; height:8px; border:1px solid white; border-width:1px 1px 0 0;}
.before_after>.item-wrapper>div.full>.content>div.detail>.prev,
.before_after>.item-wrapper>div.full>.content>div.detail>.next {position:absolute; width:30px; height:30px; background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/icon_arrow_r.951138181fca.png); background-repeat:no-repeat; background-position:center center; background-size:30px 30px; top:0; bottom:0; margin:auto; cursor:pointer;}
.before_after>.item-wrapper>div.full>.content>div.detail>.prev {left:-30px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.before_after>.item-wrapper>div.full>.content>div.detail>.next {right:-30px;}

.item.info>.item-wrapper>.full>.content>div>div.content div.view {width:100px; margin: 20px calc(50% - 50px); padding: 4px 0; text-align: center; display: inline-block; background: #1f3148; color: #fff; font-size: 15px;}
.item.info>.item-wrapper>.full>.content>div.full{width:100%; height:200px;}
.item.info>.item-wrapper>.full>.content>div.full>div.content {padding: 25px 25px 0; margin-top: 30px; border: 1px solid #4c5a6d; height:100%; }
.item.info>.item-wrapper>.full>.content>div.full>div.content>ul>li {width: 25%; float: left; color: white; padding-top: 110px; text-align: center; font-size: 16px; position: relative; margin-bottom: 20px; line-height: 1.3; letter-spacing: -1px;}
.item.info>.item-wrapper>.full>.content>div.full>div.content>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.full>div.content>ul>li::after{position: absolute; top: 95px; height: 15px; line-height: 15px; font-size: 13px; text-align: center; left: 0; right: 0; color: #b6b6b6;}
.item.info>.item-wrapper>.full>.content>div.full>div.content>ul>li.time::before,
.item.info>.item-wrapper>.full>.content>div.full>div.content>ul>li.time2::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.full>div.content>ul>li.time::after {content:'施術時間';}
.item.info>.item-wrapper>.full>.content>div.full>div.content>ul>li.time2::after {content:'施術時間';}
.item.info>.item-wrapper>.full>.content>div.full>div.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);}
.item.info>.item-wrapper>.full>.content>div.full>div.content>ul>li.anesthesia::after {content:'麻酔方法';}
.item.info>.item-wrapper>.full>.content>div.full>div.content>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.full>div.content>ul>li.inpatient::after {content:'入院治療';}
.item.info>.item-wrapper>.full>.content>div.full>div.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);}
.item.info>.item-wrapper>.full>.content>div.full>div.content>ul>li.recover::after {content:'回復期間';}



@media(min-width:1800px) {
	.fs-title {font-size:75px;}
	.fs-content {font-size:17px;}
	.fs-txt {font-size:16px;}

	div.wrapper>ul.list>li>.item-wrapper>div>.title {font-size:30px;}

	/*div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title>h1 {font-size:75px;}*/
	div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title>h1 {font-size:64px;}
	div.wrapper>ul.list>li.top>.item-wrapper>div.left>.title>h2 {font-size:22px;}
	div.wrapper>ul.list>li.top>.item-wrapper>div.left>.content {font-size:26px;}

	div.wrapper>ul.list>li.point>.item-wrapper>div.left>.content>.table-t1>div>div {font-size:17px;}

	div.wrapper>ul.list>li.surgeon>.item-wrapper>div.left>.content>div>.cover>.title {font-size:21px;}

	.content .table>div>div {font-size:17px;}

	.indexes>li>.txt {font-size:15px; letter-spacing: -1px;}

	.before_after>.item-wrapper>div.full>.content>div.detail>.image>div:nth-child(2)>span { width:334px; font-size:14px; }
}

@media(max-width:768px) {
	.container>.wrapper {margin:0 auto;}
	div.wrapper>ul.list.mobile>li {padding:0; line-height:1; border:0;}
	div.wrapper>ul.list.mobile>li>div {padding:30px 18px;}
	div.wrapper>ul.list.mobile>li:last-child>div {padding:30px 18px 0;}
	div.wrapper>ul.list.mobile>li img {width:100%; image-rendering:-webkit-optimize-contrast;}

	li dl {margin:0; position:relative;}
	li dl dt {font-size:2em; font-weight:400; margin-bottom:35px; line-height:1.2;}
	li dl dd {margin:0 0 15px;}

	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-position:60% center !important; height:300px;}
	li.surgeon>div {height:100%;}
	li.surgeon dl {height:100%;}
	li.surgeon dl dd.slide {position:absolute; right:0; left:0; bottom:0; top:90px;}
	li.surgeon dl dd.slide .swiper-container {height:100%;}
	li.surgeon dl dd.slide .swiper-slide {color:white; line-height:1.4;}
	li.surgeon dl dd.slide .swiper-slide .title {font-size:18px; margin-bottom:20px; padding-bottom:12px; position:relative; width:fit-content; font-weight:800;}
	li.surgeon dl dd.slide .swiper-slide .title::before {content:''; position:absolute; bottom:0; left:0; right:0; height:2px;}
*/
	li.surgeon {background: transparent url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/si/mobile_surgeon_bg.a4383462d868.jpg) scroll no-repeat center center; height: 450px;}
	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:-20px;}
	li.selfie_b_a dl dd .arrow_btn>div.arrow_next {right:-20px; 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;}
	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.time.ver2::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;}}