.container{min-width: 1200px;}

/* top */
div.wrapper>ul.list>li.top{background-color: #cae4ff; padding:0;}
div.wrapper>ul.list>li.top .subMenu_wrapper>.menu_wrap {margin-top: -45px;}
div.wrapper>ul.list>li.top>.item-wrapper>img{display: block;}

div.wrapper>ul.list>li:not(:last-child){border-bottom: none}
div.wrapper>ul.list>li.item>.item-wrapper{text-align: center;}
div.wrapper>ul.list>li.item>.item-wrapper>div{float: none; width:100%; }
div.wrapper>ul.list>li.item>.item-wrapper>.title{font-size:65px;}
div.wrapper>ul.list>li.item>.item-wrapper>.title>*{margin:0;}
div.wrapper>ul.list>li.item>.item-wrapper>.title{position: relative; margin: 5% 0 0; }
div.wrapper>ul.list>li.item>.item-wrapper>.title dt {font-weight:500; color:#282828; letter-spacing:-3px; line-height: 1.2;}
div.wrapper>ul.list>li.item>.item-wrapper>.title dt>span{color:#61a1e5;}
div.wrapper>ul.list>li.item>.item-wrapper>.title dt+img {position: absolute; left: 12%; bottom: 0; z-index: -1; font-size: 0;}
div.wrapper>ul.list>li.item>.item-wrapper>.title dd {color:#5e5e5e; font-size: 45px; margin: 0;}

div.wrapper>ul.list>li.item>.item-wrapper>.content{font-size:30px; color:#343434; font-weight: 300; line-height: 1.3; margin-top: 2%;}
div.wrapper>ul.list>li.item>.item-wrapper>.content ul{padding: 0;}
div.wrapper>ul.list>li.item>.item-wrapper>.content>img {display: block; margin: 25px auto 0; max-width: 1200px;}
div.wrapper>ul.list>li.item>.item-wrapper>.content>.left,div.wrapper>ul.list>li.item>.item-wrapper>.content>.right{width:50%;float: left;}
div.wrapper>ul.list>li.item>.item-wrapper>.full *{text-align:left;}


div.wrapper>ul.list>li.item>.item-wrapper>.content .img_box img{max-width: 100%;}
div.wrapper>ul.list>li.item>.item-wrapper>.content .img_box.hidden{overflow: hidden; margin: 0;}
div.wrapper>ul.list>li.item>.item-wrapper>.content .img_box.hidden img,
div.wrapper>ul.list>li.item.keypoint>.item-wrapper>.content>div[class^='point'] .img_box.hidden img{margin-top:-25px;}


/* INTRO */
div.wrapper>ul.list>li.item.summary>.item-wrapper>.title{font-weight: 500; line-height: 1.2; font-size: 50px; }
div.wrapper>ul.list>li.item.summary>.item-wrapper>.title>span{font-weight: 300; color:#000; margin:0 20px;}
div.wrapper>ul.list>li.item.summary>.item-wrapper>.title>img{vertical-align: middle}
div.wrapper>ul.list>li.item.summary>.item-wrapper>.content{margin-top:5%; font-size:27px; letter-spacing: -2.5px; color:#1f1f1f; line-height: 1.4;}
div.wrapper>ul.list>li.item.summary>.item-wrapper>.content>p{font-size:38px; font-weight: 600; color:#000; margin-top:80px;}
div.wrapper>ul.list>li.item.summary>.item-wrapper>.content b{font-weight: 600; }


/* 추천 */
div.wrapper>ul.list>li.item.reference>.item-wrapper>.bubble{float: none; position: relative; margin: 0 auto 5%; color:#fff; width:60%; background-color: #acbbdc; text-align: center; font-size:45px; letter-spacing: -2px; font-weight: 500; line-height: 2.5; border-radius: 60px; }
div.wrapper>ul.list>li.item.reference>.item-wrapper>.bubble::after {content: ''; position: absolute; bottom:-40px; left: 50%; margin-top: -20px; border-top: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #acbbdc; transform: rotate(90deg);}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul{margin: 0;padding:0;}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li{display: inline-block; background-color: #e8ecef; width: 265px; height: 265px; border-radius: 50%; box-sizing: border-box; margin-left: 20px; position: relative; z-index: 0;}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li:first-child {margin-left: 0;}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div{width: 86%; height: 86%; margin: 7%; background: #ffffff; border: 8px solid #acbbdc; border-radius: 50%; box-sizing: border-box; position: relative; }
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>h1{position: absolute; width:100%; padding: 0; margin: 0; top: 21%; font-size: 30px;}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>p{color: #6e6e6e; font-size: 20px; letter-spacing: -1px; line-height: 1.3; display: table; margin: 0 auto; top: 50%; position: relative; transform: translateY(-50%);}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>h1+p{transform: translateY(-28%);}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>p>b{color:#000; font-size: 26px; }


/* 서브 전후 */
div.wrapper>ul.list>li.item.bna{background-color: #97a3a7; color:#fff;}
div.wrapper>ul.list>li.item.bna .bna_details{width:90%;}
div.wrapper>ul.list>li.item.bna .bna_details ul{padding: 0;font-size: 0;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img{display: none;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img.active{display: inline;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img_txt{font-size:30px; font-weight: 300; color:#fff;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img_txt::before{content:'<'}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img_txt::after{content:'>'}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img_btn{margin-top:2%;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img_btn span{display:inline-block; width:55px; height:40px; line-height:40px; margin-right:0.8%; background:#494949; font-size:18px; color:#fff; font-weight:300; cursor:pointer;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img_btn span:last-of-type{margin-right:0;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img_btn span:hover{background:#c1e7ff; color:#000;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img_btn span.on{background:#c1e7ff; color:#000;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_footer{margin:0; font-size:20px;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_footer>li{background-color: #506065; margin: 0; display: inline-block; text-align: center; color:#fff;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img img,
div.wrapper>ul.list>li.item.bna .bna_details .bna_footer>li{width: calc(50% - 8px);}
div.wrapper>ul.list>li.item.bna .bna_details .bna_img img:first-child,
div.wrapper>ul.list>li.item.bna .bna_details .bna_footer>li:first-child{margin-right:16px;}
div.wrapper>ul.list>li.item.bna .swiper-button-next,
div.wrapper>ul.list>li.item.bna .swiper-button-prev{position: absolute; top: calc(50% - 22px); 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=); width: 44px; background-size: 44px;}
div.wrapper>ul.list>li.item.bna .swiper-button-next { transform: rotate(180deg); -ms-transform: rotate(180deg); }
div.wrapper>ul.list>li.item.bna .bna_thumb{width:1080px; font-size:0; position:relative; margin:25px auto 0;}
div.wrapper>ul.list>li.item.bna .bna_thumb div {display:inline-block; width: 23.95%; margin-right: 1.4%; box-sizing:border-box; vertical-align:top; position:relative; height:auto; opacity: 0.4;}
div.wrapper>ul.list>li.item.bna .bna_thumb div:last-child{margin-right:0;}
div.wrapper>ul.list>li.item.bna .bna_thumb div.swiper-pagination-bullet-active{opacity: 1;}
div.wrapper>ul.list>li.item.bna .bna_thumb div.swiper-pagination-bullet-active:after {content:''; border:5px solid #fff; margin-bottom:0; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}
div.wrapper>ul.list>li.item.bna .bna_thumb div img{width:50%; height:100%;}
div.wrapper>ul.list>li.item.bna .bna_thumb div img.main {display:block;}


/* 전문의 */
div.wrapper>ul.list>li.item.surgeon{padding:0; background: none; background-color:#d7f4ff}
div.wrapper>ul.list>li.item.surgeon img{display: block;}


/* 사후관리 */
div.wrapper>ul.list>li.aftercare{position: relative; display: inline-block; width:100%; }
div.wrapper>ul.list>li.aftercare>.item-wrapper div.title{text-align: center; font-size:56px; font-weight: 500; margin-bottom:20px;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.sub-title{text-align: center; font-size:32px; font-weight: 300; color:#656565; line-height: 1.2;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.section-wrap {margin: 50px auto; }
div.wrapper>ul.list>li.aftercare>.item-wrapper div.content {margin-left:1px;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.content .swiper-container{width: 100%; overflow: hidden;}
div.wrapper>ul.list>li.aftercare>.item-wrapper .swiper-container .swiper-slide {font-size: 0; overflow: hidden;}
div.wrapper>ul.list>li.aftercare>.item-wrapper .swiper-container .swiper-slide img{width:100%;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.section-wrap > div.swiper-button-next,
div.wrapper>ul.list>li.aftercare>.item-wrapper div.section-wrap > div.swiper-button-prev {color:#fff; background-image: none; width:30px; height:30px; border-right:2px solid #666; border-bottom:2px solid #666;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.section-wrap > div.swiper-button-next {right: calc(50% - 640px);  transform: rotate(-45deg);}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.section-wrap > div.swiper-button-prev {left: calc(50% - 640px);  transform: rotate(135deg);}


/* 전후사진 */
div.wrapper>ul.list>li.before_after>.item-wrapper>.full .title{color:#000;}


/* 수술 정보 */
.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:50%; 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%; padding: 50px 40px; font-size:16px;}
.item.info>.item-wrapper>.full>.content>div>ul.menu+div.content>div{display: none;}

.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.time.ver2::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:#d1c6e6;}

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