@charset "utf-8";

#board_contents {width:1280px; margin:70px auto;}

#sub_visual {padding-left:50%;}
#sub_visual img {display:block; margin-left:-1000px;}


.cont_t01 {position:relative; padding-left:50%;}
.cont_t01 > img {display:block; margin-left:-1000px;}

.btn_review {position:relative; z-index:2; display:block; margin:-85px 0 0; text-align:center;}


#sub_review {padding:0 0 95px; background:#dbe2e6;}
#sub_review .dtit {width:1280px; margin:auto;}
#sub_review_swiper {position:relative; width:1280px; margin:0 auto 30px;}
#sub_review_swiper .review_tab {overflow:hidden; border-top:1px solid #c7c8c8; border-bottom:1px solid #c7c8c8; text-align:center;}
#sub_review_swiper .review_tab li {float:left; width:12.5%;}
#sub_review_swiper .review_tab li+li {border-left:1px solid #d9e2e7;}
#sub_review_swiper .review_tab a {display:block; font-size:18px; color:#fff; line-height:60px; font-weight:400; background:#b1b1b1; transition:all 0.3s;}
#sub_review_swiper .review_tab li.on a {background:#1d4683;}
#sub_review_swiper .swiper_inbox {position:relative;}
#sub_review_swiper .swiper-wrapper {height:284px; margin-top:40px;}
#sub_review_swiper .swiper-slide {position:relative; height:264px; padding:36px 30px 0 60px; text-align:center; background:#fff;}
#sub_review_swiper .swiper-slide:after {position:absolute; bottom:-19px; left:50%; width:60px; height:19px; margin-left:-30px; background:url('../images/common/icon_under_arr.png') no-repeat; content:'';}
#sub_review_swiper .tit {position:absolute; top:50%; left:44px; width:100px; height:100px; margin-top:-50px; border-radius:100%; font-size:20px; color:#fff; line-height:100px; text-align:center; background:#072146}
#sub_review_swiper .tcont {color:#222222; font-size:16px;}
#sub_review_swiper .stit {overflow:hidden; font-size:24px; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
#sub_review_swiper .name {margin-top:16px; color:#888888;}
#sub_review_swiper .contents {height:48px; margin-top:12px; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size:18px; color:#444444; line-height:26px; font-weight:300;}
#sub_review_swiper .tbox {overflow:hidden; margin-top:30px; font-size:0;}
#sub_review_swiper .catagory {display:inline-block; width:100px; font-size:17px; color:#e13a72; line-height:33px; text-align:center;  font-weight:300; border-radius:5px; border:1px solid #e13a72;}
#sub_review_swiper .date {margin-top:12px; margin-left:20px; font-size:16px; color:#e13a72; line-height:35px; font-weight:300;}
#sub_review_swiper .swiper-button-prev,
#sub_review_swiper .swiper-button-next {top:120px; width:32px; height:60px; margin:0; margin:0; background:no-repeat center;}
#sub_review_swiper .swiper-button-prev {left:-60px; background-image:url('../images/main/icon_review_prev.png');}
#sub_review_swiper .swiper-button-next {right:-60px; background-image:url('../images/main/icon_review_next.png');}
#sub_review .btn_wrap {text-align:center;}

#sub_review.intro {background:#e6eef1;}
.intro #sub_review_swiper .review_tab li.on a {background:#1d4683;}
.intro #sub_review_swiper .catagory {color:#5374b2; border-color:#5374b2;}
.intro #sub_review_swiper .date {color:#5374b2;}
#sub_review.breast {background:#f7eff0;}
.breast #sub_review_swiper .review_tab li.on a {background:#e13a72;}
#sub_review.varicosevein {background:#e6eef1;}
.varicosevein #sub_review_swiper .review_tab li.on a {background:#1d4683;}
.varicosevein #sub_review_swiper .catagory {color:#5374b2; border-color:#5374b2;}
.varicosevein #sub_review_swiper .date {color:#5374b2;}
#sub_review.thyroid {background:#f3f3f6;}
.thyroid #sub_review_swiper .review_tab li.on a {background:#6549b7;}
.thyroid #sub_review_swiper .catagory {color:#6549b7; border-color:#6549b7;}
.thyroid #sub_review_swiper .date {color:#6549b7;}
#sub_review.chronicfatigue {margin-top:-85px; background:#e9eeed;}
.chronicfatigue #sub_review_swiper .review_tab li.on a {background:#139b90;}
.chronicfatigue #sub_review_swiper .catagory {color:#139b90; border-color:#139b90;}
.chronicfatigue #sub_review_swiper .date {color:#139b90;}
#sub_review.hemorrhoid {background:#e6eef1;}
.hemorrhoid #sub_review_swiper .review_tab li.on a {background:#5374b2;}
.hemorrhoid #sub_review_swiper .catagory {color:#5374b2; border-color:#5374b2;}
.hemorrhoid #sub_review_swiper .date {color:#5374b2;}
#sub_review.lipoma {background:#e6eef1;}
.lipoma #sub_review_swiper .review_tab li.on a {background:#1d4683;}
.lipoma #sub_review_swiper .catagory {color:#5374b2; border-color:#5374b2;}
.lipoma #sub_review_swiper .date {color:#5374b2;}




.sub_bna {position:absolute; top:0; }
.sub_bna .login_box {position:absolute; top:0; right:0; width:50%; height:100%; padding-top:95px; text-align:center; background:rgba(0,0,0,0.85);}

.breast03_c01 .sub_bna {right:50%; margin-right:-640px; margin-top:485px;}
.varicosevein .sub_bna {right:50%; margin-right:-640px; margin-top:485px;}
.varicosevein03 .sub_bna {right:50%; margin-right:-640px; margin-top:543px;}
.thyroid .sub_bna {right:50%; margin-right:-640px; margin-top:487px;}
.lipoma .sub_bna {right:50%; margin-right:-640px; margin-top:480px;}

/*하지정맥류클리닉 전후사진 롤링 2021.01.14*/
.varicosevein .sub_bna.rolling{width: 692px;}
.varicosevein.m_t01 .sub_bna.rolling{margin-top:543px;}
.varicosevein .sub_bna.rolling ul li{position: relative;}
.varicosevein .sub_bna.rolling .login_box {z-index: 1;}
.varicosevein .sub_bna.rolling .swiper-button-next {position:absolute; top:50%; left:auto; right:10px; z-index:5; width:22px; height:42px; background:url('../images/common/btn_next.png') no-repeat;}
.varicosevein .sub_bna.rolling .swiper-button-prev {position:absolute; top:50%; right:auto; left:10px; z-index:5; width:22px; height:42px; background:url('../images/common/btn_prev.png') no-repeat;}

.intro03_c01 {width:1280px; margin:auto; padding-bottom:100px;}
.intro03_c01 .cbox {overflow:hidden;}
.intro03_c01 .cbox .map_box {float:left; width:740px; height:566px;}
.intro03_c01 .cbox .info {float:right; width:540px;}

.intro03_c02 {padding-bottom:100px; background:#f3f5f6;}
.intro03_c02 .inbox {width:1280px; margin:auto; background:#fff;}
.intro03_c02 .cbox {overflow:hidden; padding:0 100px 50px; background:#fff;}
.intro03_c02 .cbox .map_box {float:left; width:740px; height:566px;}
.intro03_c02 .cbox .info {float:right; width:540px;}


#bna_swiper {position:absolute; width:692px;}
#bna_swiper .swiper-button-next {position:absolute; top:118px; left:auto; right:10px; z-index:5; width:22px; height:42px; margin-top:0px; background:url('../images/common/btn_next.png') no-repeat;}
#bna_swiper .swiper-button-prev {position:absolute; top:118px; right:auto; left:10px; z-index:5; width:22px; height:42px; margin-top:0px; background:url('../images/common/btn_prev.png') no-repeat;}
#bna_swiper .login_box {position:absolute; top:0; right:0; z-index:2; width:50%; height:100%; padding-top:95px; text-align:center; background:rgba(0,0,0,0.85);}

.thyroid #bna_swiper {top:458px; right:50%; margin-right:-640px;}

.varicosevein  #bna_swiper {top:486px; right:50%; margin-right:-640px;}