div.wrapper>ul.list>li.item{display: table; width: 100%;}
div.wrapper>ul.list>li.item>.item-wrapper{position: relative;text-align: center;}
div.wrapper>ul.list>li.item>.item-wrapper.full{padding:0;}

div.wrapper>ul.list>li.item>.item-wrapper>.title,
div.wrapper>ul.list>li.item>.item-wrapper>.content{text-align: center;}
div.wrapper>ul.list>li.item>.item-wrapper>.title{position: relative; margin: 5% 0 0; font-size:3.75vw;}
div.wrapper>ul.list>li.item>.item-wrapper>.title>*{margin:0;}
div.wrapper>ul.list>li.item>.item-wrapper>.title dt {font-weight:500; color:#282828; letter-spacing:-0.09em; line-height: 1.2; margin: 4% 0;}
div.wrapper>ul.list>li.item>.item-wrapper>.title dt>span{color:#61a1e5;}
div.wrapper>ul.list>li.item>.item-wrapper>.title dt+img {width:27%; position: absolute; left: 4%; bottom: 0; z-index: -1; font-size: 0;}
div.wrapper>ul.list>li.item>.item-wrapper>.title dd {color:#5e5e5e; font-size: 1.3em; margin: 0;}


div.wrapper>ul.list>li.item>.item-wrapper>.content{font-size:3.13vw; color:#343434; font-weight: 300; line-height: 1.3; margin-top: 2%;}
div.wrapper>ul.list>li.item>.item-wrapper>.content * {color:#343434;}
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: 3% auto 0;}
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>.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:-2%;}


/* INTRO */
div.wrapper>ul.list>li.item.summary>.item-wrapper>.title{font-weight: 500; line-height: 1.2; font-size: 3.37vw; }
div.wrapper>ul.list>li.item.summary>.item-wrapper>.title>span{font-weight: 300; color:#000; margin:0 1%;}
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: 3vw; letter-spacing: -0.24vw; font-weight: 300; color:#1f1f1f; line-height: 1.4;}
div.wrapper>ul.list>li.item.summary>.item-wrapper>.content>p{font-size:38px; font-weight: 500; color:#000; margin-top:80px;}
div.wrapper>ul.list>li.item.summary>.item-wrapper>.content b{font-weight: 500; }


/* 추천 말풍선 */
div.wrapper>ul.list>li.item.reference>.item-wrapper>.bubble{position: relative; margin: 0 auto 5%; color:#fff; width:60%; background-color: #acbbdc; text-align: center; font-size:3.87vw; letter-spacing: -0.25vw; font-weight: 500; line-height: 2.5; border-radius: 5vw; }
div.wrapper>ul.list>li.item.reference>.item-wrapper>.bubble::after {content: ''; position: absolute; bottom:-3.24vw; left: 50%; margin-top: -1.8vw; border-top: 1.8vw solid transparent; border-right: 1.8vw solid transparent; border-bottom: 1.8vw solid transparent; border-left: 1.8vw solid #acbbdc; transform: rotate(90deg);}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content{text-align: center;}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul{margin: 0;padding:0; margin-left: 4%;}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li{display: inline-block; background: #e8ecef; width: 33.2vw; height: 33.2vw; border-radius: 50%; box-sizing: border-box; margin-right: 2%; margin-bottom:2%; position: relative; z-index: 0;}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div{width: 86%; height: 86%; margin: 7%; background: #ffffff; border: 3px solid #acbbdc; border-radius: 50%; box-sizing: border-box; position: relative; }
/*div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div::after {content: ''; position: absolute; top: 0; bottom: 0; height: 2px; background-color: #acbbdc; width: 150%; margin: auto; left: -25%; z-index: -1; }*/
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>p{color: #1f1f1f; font-size: 2.38vw; 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>h1 {position: absolute; width: 100%; padding: 0; margin: 0; top: 21%; font-size:3.5vw; color:#000;}
div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>p>b{color:#000; font-size: 3.25vw; }


/* 서브 전후 */
div.wrapper>ul.list>li.item.bna{background-color: #97a3a7; color:#fff; display: block;}
div.wrapper>ul.list>li.item.bna>.item-wrapper *{color:#fff;}
div.wrapper>ul.list>li.item.bna>.item-wrapper>.title dt{color:#fff;font-weight: 400;letter-spacing: 0;}
div.wrapper>ul.list>li.item.bna .bna_details{width: 100%; margin: 0 auto;}
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:3vw; font-weight: 300; margin-bottom:2%;}
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: 12%; padding: 2% 0; margin-right:0.8%; background:#494949; font-size:0.8em; 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 .swiper-button-next,
div.wrapper>ul.list>li.item.bna .swiper-button-prev{position: absolute; 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: 2em; height:2em; background-size: 2em; margin-top: -1em; left:calc(18px - 0.3em);}
div.wrapper>ul.list>li.item.bna .swiper-button-next { transform: rotate(180deg); -ms-transform: rotate(180deg); right:calc(18px - 0.3em); left:auto;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_footer{margin:0; background-color: transparent; font-size:0.8em;}
div.wrapper>ul.list>li.item.bna .bna_details .bna_footer>li{display: inline-block; text-align: center; margin: 0; background-color: #506065; 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: 49.5%;}
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:1%;}

div.wrapper>ul.list>li.item.bna .bna_thumb{font-size:0; position:relative; margin:5% auto 0; z-index: 0;}
div.wrapper>ul.list>li.item.bna .bna_thumb div {display:inline-block; width: 32.4%; 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:first-child:nth-last-child(4), div.wrapper>ul.list>li.item.bna .bna_thumb div:first-child:nth-last-child(4) ~ div {width: 23.95%;}

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:3px 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{background: none;background-color:#d7f4ff;height: auto;}
div.wrapper>ul.list>li.item.surgeon img{display: block; width: 100%;}


/* 사후관리 */
div.wrapper>ul.list>li.aftercare{position: relative; width:100%; margin-top:7%; display: block;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.title{text-align: center; font-size:5.99vw; font-weight: 500; margin-bottom:5%;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.sub-title{text-align: center; font-size:3.37vw; font-weight: 300; color:#656565; line-height: 1.2;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.content {margin: 1% auto; width:85%; }
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 {margin: 5% auto;}
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:3.8vw; height:3.8vw; border-right:2px solid #666; border-bottom:2px solid #666; margin-top:3%;}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.section-wrap > div.swiper-button-next {right: 6%;  transform: rotate(-45deg);}
div.wrapper>ul.list>li.aftercare>.item-wrapper div.section-wrap > div.swiper-button-prev {left: 6%;  transform: rotate(135deg);}

/* 수술정보 */
div.wrapper>ul.list>li.info dl dd ul.menu {height:45px; line-height:45px; list-style:none; padding:0; margin:0;}
div.wrapper>ul.list>li.info dl dd ul.menu::after {content:''; display:block; height:0; clear:both;}
div.wrapper>ul.list>li.info dl dd ul.menu>li {float:left; width:50%; text-align:center; color:white; font-size:14px;; border-bottom:1px solid #4c5a6d; box-sizing:border-box; transition:border 0.3s ease-in-out; cursor:pointer;}
div.wrapper>ul.list>li.info dl dd ul.menu>li:not(:first-child) {border-left:1px solid #4c5a6d;}
div.wrapper>ul.list>li.info dl dd ul.menu>li.active {border-bottom:1px solid #1f3148; font-weight:600}
div.wrapper>ul.list>li.info dl dd ul.menu+div.content{margin-top:45px;}

@media(min-width:800px) {
  div.wrapper>ul.list>li.item>.item-wrapper>.title{font-size:30px;}
  div.wrapper>ul.list>li.item>.item-wrapper>.content{font-size:25px;}

  div.wrapper>ul.list>li.item.summary>.item-wrapper>.title{font-size:27px;}
  div.wrapper>ul.list>li.item.summary>.item-wrapper>.content{font-size:24px; letter-spacing: -2px;}

  div.wrapper>ul.list>li.item.reference>.item-wrapper>.bubble{font-size:31px;letter-spacing: -2px; border-radius: 60px; }
  div.wrapper>ul.list>li.item.reference>.item-wrapper>.bubble::after{bottom:-28px;margin-top: -14px; border-top: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #acbbdc; }
  div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li{width: 265px; height: 265px;}
  div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>h1{font-size:28px;}
  div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>p{font-size:19px;}
  div.wrapper>ul.list>li.item.reference>.item-wrapper>.content>ul>li>div>p>b{font-size:26px;}

  div.wrapper>ul.list>li.item.bna .bna_details .bna_img_txt{font-size:24px;}

  div.wrapper>ul.list>li.aftercare>.item-wrapper div.title{font-size:48px}
  div.wrapper>ul.list>li.aftercare>.item-wrapper div.sub-title{font-size:27px;}
  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 {width:30px; height:30px;}

}