/* paginate */
#paginate { text-align:center; padding:15px 0 25px 0; }
#paginate .prev {margin-right:3%;}
#paginate .next {margin-left:3%;}
#paginate .last {}
#paginate .page { padding:6px 10px 6px 10px; vertical-align: top;border:solid 1px #ccc;text-decoration:none;color:#333}
#paginate .now { color:#ff6666; font-weight:bold; }
#paginate .btns { display:inline-block; }
#paginate img {width:auto}
#paginate a {text-decoration:none}


.surgery_review_page_wrap {text-align:center; margin:20px 0 40px 0;}
.surgery_review_page_wrap > a {display:inline-block; vertical-align:top; width:36px; height:36px; border-radius:36px; border:1px solid #d1d1d1; box-sizing:border-box; position:relative;}
.surgery_review_page_wrap > a > span {display:block; width:10px; height:10px; position:absolute; top:50%; left:50%; border-bottom:2px solid #999;
}
.surgery_review_page_prev > span {border-left:2px solid #999; margin:0 0 0 3px;
-webkit-transform:translate(-50%, -50%) rotate(45deg);
-moz-transform:translate(-50%, -50%) rotate(45deg);
-o-transform:translate(-50%, -50%) rotate(45deg);
transform:translate(-50%, -50%) rotate(45deg);
}
.surgery_review_page_next > span {border-right:2px solid #999; margin:0 0 0 -3px;
-webkit-transform:translate(-50%, -50%) rotate(-45deg);
-moz-transform:translate(-50%, -50%) rotate(-45deg);
-o-transform:translate(-50%, -50%) rotate(-45deg);
transform:translate(-50%, -50%) rotate(-45deg);
}

.surgery_review_page {display:inline-block; vertical-align:top; text-align:center; }
.surgery_review_page > li {display:inline-block; vertical-align:top; font-size:14px;}
.surgery_review_page > li:not(:last-child)::after {content:"/"; display:inline-block; vertical-align:top; color:#999; margin:8px 0 0 0;}
.surgery_review_page > li > a {display:inline-block; vertical-align:top; line-height:36px; padding:0 4px; box-sizing:border-box; color:#999;}
.surgery_review_page > li > a.surgery_review_page_on {font-weight:500; color:#222;}
.bbx-area{padding: 0 5% 13%;width: 100%;box-sizing: border-box}
.swiper-wrapper > div {border-radius: 4vw;overflow: hidden;}
/* 기존에 적용된 스타일 초기화 */
input[type="text"], input[type="tel"], input[type="search"] {border:0; -webkit-appearance: none; -webkit-border-radius: 0;}

/* common */
body {background:#eee;}
a {text-decoration:none; -webkit-tap-highlight-color:transparent;}

/* wiki_top */
.wiki_top {background:#00306b; padding:10% 0 6% 0; border-radius:0 0 8vw 8vw;}
.wiki_top_title {text-align:center; margin:0 0 4.5% 0;overflow: hidden;}
.wiki_top_title > dt > a span {display: block;font-size: 3.2vw;letter-spacing: 0.7vw;color: #fff;transform: skewX(-7deg);}
.wiki_top_title > dt > a img{max-width: 100%;width: 48%;margin:0.5% auto 3%;}

.wiki_top_title > dd {font-size:3vw; color:#597597; line-height:1.3;}
.wiki_search_wrap {position:relative;}
.wiki_search {display:block; width:76%; margin:0 auto; border:0; outline:none; color:#fff;}
input[type="search"].wiki_search {font-size:3.4vw; border-radius: 5vw; height:9.6vw; background-color: #002b5f; box-shadow: inset 1vw 1vw 2vw #001630, inset -1vw -1vw 2vw #00418f;  padding:0 12.4% 0 7%; box-sizing:border-box; letter-spacing:-0.2vw;}
.wiki_search::placeholder {color:#4f7097; font-size:3.4vw; padding:0 0 0 8%; box-sizing:border-box; background:url(http://image.idhospital.com/m/wiki/idwiki_search.png) left bottom no-repeat; background-size:6%; letter-spacing:-0.2vw;}
.wiki_search_btn {width:4vw; position:absolute; top:50%; left:50%; transform:translate(0, -50%); margin:0 0 0 27%; display:none;}
.wiki_search_btn.on {display:block;}

/* wiki_search_pop */
.pop_opacity {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); opacity:0; z-index:-1; }
.pop_opacity.on {z-index:1; opacity:1; transition:opacity 0.3s;}
.wiki_write_pop {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; height:32vw; box-shadow:5px 5px 11px rgba(0,0,0,0.3);
border-radius:3vw; background:#fff; z-index:-1; opacity:0; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.wiki_write_pop.on {z-index:2; opacity:1; transition:opacity 0.3s;}
.wiki_write_pop_txt {font-size:3.2vw; color:#000; line-height:1.2; margin:0 0 6% 0; font-weight:400;}
.wiki_write_pop_btn {font-size:3.2vw; background:#00326c; display:block; color:#fff; width:25vw; line-height:8vw; border-radius:8vw; text-align:center;}

/* wiki_select */
.wiki_select {padding:8% 0 0 0; box-sizing:border-box;}
.wiki_select .swiper-container {width:92%; padding:0 3% 0 0;}
.wiki_select_title {font-size:3.4vw; color:#222; font-weight:600; letter-spacing:-0.1vw; margin:0 0 0 5%;}
.wiki_select_list {/*overflow-y:hidden; white-space:nowrap; */padding:3% 0 5% 0;}
/*.wiki_select_list::-webkit-scrollbar {display:none; -ms-overflow-style:none;}*/
.wiki_select_list > li { display:inline-block; vertical-align:top; text-align:center; width:24.9vw; height:10vw; line-height:10vw; border-radius:10vw; overflow:hidden;
 box-shadow:0.4vw 0.4vw 1vw #c3c3c3, -0.5vw -0.5vw 1vw #fff; background:#eee;}
.wiki_select_list > li:not(:last-child) {margin:0 0 0 0;}
.wiki_select_list > li > a {display:block; font-size:3.4vw; font-weight:500; color:#7a8899;}
.wiki_select_list > li.on { box-shadow:inset 2px 2px 4px #c3c3c3, inset -2px -2px 4px #fff;}
.wiki_select_list > li.on > a {color:#00306b;}

/* wiki_conts_wrap */
.wiki_conts_wrap {padding:0 5%; box-sizing:border-box;}
.wiki_conts_wrap > li:not(:last-child) {margin: 0 0 10% 0;}

.wiki_conts_top {display:flex; align-items:center; margin:0 0 1% 0;}
.wiki_conts_top > span {color:#949494; position:relative; }
.wiki_conts_top > span:not(:last-child) {margin:0 2vw 0 0;}
.wiki_conts_top > span:not(:last-child)::after {content:""; display:inline-block; width:2px; height:2vw; background:#ccc; margin:0 0 0 2vw; }
.wiki_type {font-family:'Roboto','Noto Sans KR'; font-size:2.6vw;}
.wiki_date {font-family:'Montserrat','Noto Sans KR'; font-size:2.5vw;}
.wiki_conts_txt {display:flex; justify-content:space-between; flex-wrap:flex; align-items:center;}
.wiki_conts_txt:active .wiki_conts_btn.on {box-shadow:inset 0.4vw 0.4vw 1vw #c3c3c3,inset -0.5vw -0.5vw 1vw #fff;}
.wiki_conts_txt_link {width:calc(100% - 24vw);}
.wiki_conts_txt_link > dl {}
.wiki_conts_txt_link > dl > dt {font-size:4vw; color:#222; font-weight:500; margin:0 0 2.2% 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 5% 0 0; box-sizing:border-box;}
.wiki_conts_txt_link > dl > dd {font-size:3vw; color:#555; line-height:1.4; padding:0 5% 0 0; box-sizing:border-box;}
.wiki_conts_btn {display:flex; justify-content:center; align-items:center; text-align:center; font-size:3vw; width:24vw; border-radius:5vw;  height:7.6vw; line-height:7.6vw; color:#999;}
.wiki_conts_btn > img {width:12%;  margin:0 4% 0 0;}
.wiki_conts_btn.on {box-shadow:0.4vw 0.4vw 1vw #c3c3c3, -0.5vw -0.5vw 1vw #fff; background:#eee; color:#00306b;}

/* wiki_conts_more_btn */
.wiki_conts_more_btn {display:flex; justify-content:center; flex-wrap:wrap; align-items:center; background:#00306b; width:90%; margin:7% auto 10% auto; height:11vw; font-size:3.6vw; color:#fff; text-align:center; border-radius:1.8vw;}
.wiki_conts_more_btn:active {transform:translate(0.4vw, 0.4vw);}
.wiki_conts_more_btn > img {display:block; width:2.6%; margin:0 2% 0 0;}

/* wiki_fixed_btns */
.wiki_fixed_btns {position:fixed; bottom:4%; right:3%; z-index:1;}
.wiki_fixed_btns > li {width:16vw; height:16vw; border-radius:15vw; text-align:center; position:relative; box-shadow:3px 4px 12px rgba(0,0,0,0.4);}
.wiki_fixed_btns > li:not(:last-child) {margin:0 0 14% 0;}
.wiki_fixed_btns > li:active {transform:translate(0.6vw, 0.6vw);}
.wiki_fixed_btns > li > a {text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.wiki_fixed_btns > li > a > img {display:block; margin:0 auto 2% auto;}
.wiki_fixed_write {background:#00306b;}
.wiki_fixed_write > a {color:#fff; font-size:2.5vw;}
.wiki_fixed_write > a > img {width:39%;}
.wiki_fixed_top {background:#fff;}
.wiki_fixed_top > a {color:#00306b; text-transform:uppercase; font-family:'Montserrat','Noto Sans KR'; font-weight:700; font-size:3.2vw; letter-spacing:-0.2vw;}
.wiki_fixed_top > a > img {width:30%;}