@import url("//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");

/* board paging newversion*/
#paginate{
	text-align:center;
	padding:30px 0;
	font-size:0;
	clear:both
}
#paginate a{
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:40px;
	height:40px;
	display:inline-block;
	color:#999;
	font-size:12px;
	font-weight:400;
	font-family:'Roboto',sans-serif;
	line-height:40px;
	vertical-align:middle;
	box-sizing:border-box;
	background-color:#fff;
	margin-left:0
}
#paginate a:hover{
	background-color:#f4f4f4
}
#paginate a.now{
	border-top:1px solid #b18370;
	border-bottom:1px solid #b18370;
	color:#fff;
	background:#b18370
}
#paginate a.btn_paging{
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-9999px;
	font-size:0
}
#paginate a.btn_paging.first{
	background-image:url('//images.idhospital.com/image/idhospital/common/paging_first.png');
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	-khtml-border-radius:5px 0 0 5px;
	-ms-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
	border-left:1px solid #ddd
}
#paginate a.btn_paging.prev{
	background-image:url('//images.idhospital.com/image/idhospital/common/paging_prev.png');
}
#paginate a.btn_paging.next{
	background-image:url('//images.idhospital.com/image/idhospital/common/paging_next.png');
}
#paginate a.btn_paging.last{
	background-image:url('//images.idhospital.com/image/idhospital/common/paging_last.png');
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	-khtml-border-radius:0 5px 5px 0;
	-ms-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0
}
.board_paging #paginate span:hover{width:auto;height:auto;display:inline;background:none}
.sbnaSlide .bna_view .slide_wrap ul li .after {position:absolute}
.bna_view .selfie_icon {display:none}
.bna_view .selfie_icon a img {width:120px;height:120px}

.main_gnb_wrap{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.sub_contain .sub_contentsWrap{overflow:visible}
img{/* max-width:100%; */ vertical-align:top}
.blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2')}
.loginPlz{position:absolute;top:50%;left:50%;width:360px;margin-top:-95px;margin-left:-180px;padding:40px 0;text-align:center;background:rgba(16,24,47,0.8);z-index:10}
.loginPlz p{margin-bottom:15px;font-size:16px;color:#fff;line-height:22px}
.loginPlz p span{color:#f272ad}
.loginPlz a{display:inline-block;width:80px;height:30px;line-height:28px;box-sizing:border-box;font-size:14px;color:#fff;border:1px solid #fff;border-radius:15px;box-shadow:inset 0 0 20px rgba(255, 255, 255, 0);-webkit-transition:all 1.25s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1.25s cubic-bezier(0.19, 1, 0.22, 1)}
.loginPlz:hover a{box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);text-shadow:1px 1px 2px #10182f}


.sub_contain{padding: 140px 250px 200px;}
.sbnaTit{font-family: "ivymode", sans-serif;font-size: 80px;color: #000;font-weight: 400;border-bottom: 1px solid #000;margin-bottom: 30px;padding-bottom: 10px;letter-spacing: 2px;}

.sub_contentsWrap{text-align: center;background-color: #f4f4f4;padding: 55px 150px 70px;}



/* 수술 전후사진 - Tab */
.sbnaTab{text-align:center}
.sbnaTab:after{content:"";clear:both;display:block;}
.sbnaTab ul{float: right;position: relative;left: -50%;}
.sbnaTab ul li{position:relative;float:left;width:161px;left: 50%;box-sizing: border-box;}
.sbnaTab ul li i{position:absolute;top:4px;right:4px;display:inline-block;font-size:15px;color:#b18370;font-style: normal;}
.sbnaTab ul li span{display:block;padding:20px 0;border:1px solid #959595;border-right:0;font-size:18px;color:#959595;cursor:pointer}
.sbnaTab ul li:last-of-type span{border-right:1px solid #959595}
.sbnaTab ul li:hover span{color:#fff;border-color:#b18370;background-color:#b18370;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease}
.sbnaTab ul li:hover i{color:#fff}
.sbnaTab ul li.active span{color:#fff;border-color:#b18370;background-color:#b18370;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease}
.sbnaTab ul li.active i{color:#fff}


/* 수술 전후사진 - Slide */
.sbnaSlide{}
.sbnaSlide img{vertical-align:top;/*width:100%*/}
.sbnaSlide ul li .imgs{position:relative;float:left;width:50%}
.sbnaSlide ul li .imgs span.blur_bg{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(64,72,91,0.1);z-index:5}
.sbnaSlide .bna_count{height:30px;visibility:hidden}
.sbnaSlide .bna_count span{font-size:14px;color:#999;font-family:"Roboto"}
.sbnaSlide .bna_count span strong{color:#222}
.sbnaSlide .bna_list{position:relative;margin-top:15px;}
.sbnaSlide .bna_list ul:after{content:"";clear:both;display:block}
.sbnaSlide .bna_list ul li{position: relative;overflow: hidden;float: left;width: 360px;height: 183px;margin-right: 11px;cursor: pointer;margin-top: 20px;}
.sbnaSlide .bna_list ul li:nth-child(3n+0){margin-right: 0;}
.sbnaSlide .bna_list ul li.active{border: 2px solid #b18370;box-sizing: border-box;}
/*.sbnaSlide .bna_list ul li:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid transparent}
.sbnaSlide .bna_list ul li:hover:after{border-color:#f27ab1;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease}
.sbnaSlide .bna_list ul li.active:after{border-color:#f27ab1;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease}*/
.sbnaSlide .bna_list ul li span.new{position:absolute;top:10px;right:10px;display:block;width:30px;height:30px;background:url('//image.idhospital.com/idxbalance.com/board/sbna/sbna_new.png') no-repeat center center;z-index:5}
.sbnaSlide .bna_list ul li .imgs{height:183px}
.sbnaSlide .bna_list ul li .bgImg{height:100%;background-repeat:no-repeat;background-position:center;background-size:auto 100%;font-size:0;text-indent:-9999px}
.sbnaSlide .bna_list ul li .loginPlz{top:0;left:0;width:100%;height:100%;margin-top:0;margin-left:0;padding:75px 0;box-sizing:border-box}
.sbnaSlide .bna_list .controls{position:absolute;top:50%;left:0;width:100%;z-index:10;display:none}
.sbnaSlide .bna_list .controls span{position:absolute;top:0;display:inline-block;box-sizing:border-box;width:50px;height:50px;margin-top:-25px;border:1px solid #a7a7a7;text-indent:-9999px;background-color:rgba(255,255,255,0.9);background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-transition:background 0.5s ease;-o-transition:background 0.5s ease;-ms-transition:background 0.5s ease;transition:background 0.5s ease;border-radius:100%;z-index:101}
.sbnaSlide .bna_list .controls span:hover{border:1px solid #f272ad;background-color:#f272ad}
.sbnaSlide .bna_list .controls span.btn_prev{left:-25px;background-image:url(//images.idhospital.com/image/idhospital/sub_main/cycle_prev.png)}
.sbnaSlide .bna_list .controls span.btn_next{right:-25px;background-image:url(//images.idhospital.com/image/idhospital/sub_main/cycle_next.png)}
.sbnaSlide .bna_list .controls span.btn_prev:hover{background-image:url(//images.idhospital.com/image/idhospital/sub_main/cycle_prev_hover.png)}
.sbnaSlide .bna_list .controls span.btn_next:hover{background-image:url(//images.idhospital.com/image/idhospital/sub_main/cycle_next_hover.png)}
.sbnaSlide .bna_view{position:relative}
.sbnaSlide .bna_view .slide_wrap{position:relative}
.sbnaSlide .bna_view .slide_wrap .slide_flow{position:relative;overflow:hidden}
.sbnaSlide .bna_view .slide_wrap .slide_flow > div:after{content:"";clear:both;display:block}
.sbnaSlide .bna_view .slide_wrap ul{overflow:hidden;float:left;max-width:1120px;width:100%;height:auto;position:relative}
.sbnaSlide .bna_view .slide_wrap ul:after{content:"";clear:both;display:block}
.sbnaSlide .bna_view .slide_wrap ul li{position:relative;overflow:hidden;background:#fff}
.sbnaSlide .bna_view .slide_wrap ul li .imgs{display:table;height:560px}
.sbnaSlide .bna_view .slide_wrap ul li .imgs span.center_txt{position:absolute;bottom:20px;left:0;display:block;width:100%;text-align:center;font-size:14px;color:#000;opacity:0.4}
.sbnaSlide .bna_view .slide_wrap ul li .imgs .size-before{position:absolute;left:0;bottom:45px;display:block;width:100%;text-align:center;font-size:18px;color:#fff}
.sbnaSlide .bna_view .slide_wrap ul li .imgs .size-after{position:absolute;left:0;bottom:45px;display:block;width:100%;text-align:center;font-size:18px;color:#fff}
.sbnaSlide .bna_view .slide_wrap ul li .middleImg{display:table-cell;vertical-align:middle}


/* 수술 전후사진 - 사이즈 조절*/
.sbnaSlide .bna_view .slide_wrap ul li .middleImg p{position: relative; width:560px; height:560px;overflow: hidden;}
.sbnaSlide .bna_view .slide_wrap ul li .middleImg p img{ vertical-align: top; display:block; min-width:100%; min-height:100%; -ms-interpolation-mode: bicubic; position:absolute; left:50%;
-webkit-transform:translate(-50%, 0);
-moz-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
transform:translate(-50%, 0);
}

.sbnaSlide .bna_view .controls{position:absolute;top:50%;left:0;width:100%;z-index:10}
.sbnaSlide .bna_view .controls span{position:absolute;top:0;display:inline-block;box-sizing:border-box;width:80px;height:80px;margin-top:-40px;border:1px solid #a7a7a7;text-indent:-9999px;background-color:transparent;background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-transition:background 0.5s ease;-o-transition:background 0.5s ease;-ms-transition:background 0.5s ease;transition:background 0.5s ease;z-index:101}
.sbnaSlide .bna_view .controls span:hover{border:1px solid #b18370;background-color:#b18370}
.sbnaSlide .bna_view .controls span.btn_prev{left:-40px;background-image:url(//images.idhospital.com/image/idhospital/sub_main/cycle_prev.png)}
.sbnaSlide .bna_view .controls span.btn_next{right:-40px;background-image:url(//images.idhospital.com/image/idhospital/sub_main/cycle_next.png)}
.sbnaSlide .bna_view .controls span.btn_prev:hover{background-image:url(//images.idhospital.com/image/idhospital/sub_main/cycle_prev_hover.png)}
.sbnaSlide .bna_view .controls span.btn_next:hover{background-image:url(//images.idhospital.com/image/idhospital/sub_main/cycle_next_hover.png)}
.sbnaSlide .bna_view .instruction{padding:20px;text-align:center;font-size:16px;color:#938677;line-height:20px;background:#e9e2da}
.sbnaSlide .bna_view .pager_num{position:absolute;top:20px;right:20px;font-size:14px;z-index:10}
.sbnaSlide .bna_view .pager_num strong{color:#222;font-weight:400}
.sbnaSlide .bna_view .pager_num span{color:#999;font-family:"Roboto"}
.sbnaSlide .bna_view .play_ani{position:absolute;top:20px;left:20px;z-index:10;display:none}
.sbnaSlide .bna_view .play_ani p{display:inline-block;width:120px;box-sizing:border-box;padding:10px;text-align:center;font-size:0;border:1px solid #ddd;border-radius:30px;cursor:pointer}
.sbnaSlide .bna_view .play_ani p span{display:inline-block;vertical-align:middle;margin-left:5px;font-size:14px;color:#555}
.sbnaSlide .bna_view .play_ani p i{display:inline-block;vertical-align:middle;width:20px;height:20px}
.sbnaSlide .bna_view .play_ani p i.replay{background:url('//images.idhospital.com/image/idhospital/board/sbna/sbna_replay.png') no-repeat center center}
.sbnaSlide .bna_view .play_ani p i.stop{background:url('//images.idhospital.com/image/idhospital/board/sbna/sbna_stop.png') no-repeat center center}
.sbnaSlide .bna_view .play_ani p:hover i{-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.sbnaSlide .bna_view .play_ani p:hover{border-color:#555;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease}
.sbnaSlide .bna_view .selfie_icon{position:absolute;bottom:80px;right:20px;z-index:10}
.sbnaSlide .bna_view .selfie_icon p{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:10px;padding-right:0;font-size:0;background:rgba(0,0,0,0.67)}
.sbnaSlide .bna_view .selfie_icon p span{display:inline-block;vertical-align:middle;font-size:14px;color:#fff}
.sbnaSlide .bna_view .selfie_icon p i{display:inline-block;vertical-align:middle;width:7px;height:20px;margin-left:5px;background-image:url('//images.idhospital.com/image/idhospital/board/sbna/sbna_selfie_arrow.png');background-repeat:no-repeat;background-position:center center}
.sbnaSlide .bna_view .selfie_icon:hover p i{animation:iconHover 500ms infinite}
@keyframes iconHover {
  0%	{background-position:top center}
  50%	{background-position:center center}
  100%	{background-position:bottom center}
}



.sbnaPager {position:relative}
.orderby {width:207px;text-align:center;position:absolute;top:70px;}
.orderby a span{color:#999999;width: 76px;height: 25px;line-height: 25px;display:inline-block;text-align:right;background:url('//image.idhospital.com/www/common/radio_image_pink_off.png') left center;background-repeat:no-repeat;background-size:contain;margin-left:25px}
.orderby a.on span{color:#b18370;background-image:url('//image.idhospital.com/idxbalance.com/board/sbna/radio_image_on.png')}


#paginate{padding: 70px 0 0;}
#paginate a.now{border: 1px solid #b18370;color: #fff;background: #b18370;}




/* TOP */
img{width:auto}

@charset "utf-8";
/* Borad Style */
.reservWrap{}
.reservWrap .tit{margin-bottom:40px;line-height:1.3;word-break:keep-all;text-align:center}
.reservWrap .tit h4{font-size:3rem;color:#333}
.reservWrap .tit p{margin-top:20px;font-size:1.8rem;font-weight:300;color:#666}
.reservWrap .tit p span{color:#56b6e6}
.reservWrap .apply{}
.reservWrap .apTbl table{border-top:1px solid #ddd;border-bottom:1px solid #ddd;word-break:keep-all}
.reservWrap .apTbl table th{text-align:left;font-size:1.6rem;color:#333}
.reservWrap .apTbl table td{padding:7.5px 0;font-size:1.6rem;color:#333}
.reservWrap .apTbl table tr:first-of-type td{padding-top:22.5px}
.reservWrap .apTbl table tr:last-of-type td{padding-bottom:22.5px}
.reservWrap .apTbl table tr:first-of-type th{padding-top:22.5px}
.reservWrap .apTbl table tr:last-of-type th{padding-bottom:22.5px}
.reservWrap .apTbl table tr.top{border-bottom:1px solid #ddd}
.reservWrap .apTbl table tr.top td{padding:30px 0}
.reservWrap .apTbl table tr.top th{padding:30px 0}
.reservWrap .apTbl .inp_grp{font-size:1.6rem;color:#333}
.reservWrap .apTbl .inp_grp input[type='text'], 
.reservWrap .apTbl .inp_grp input[type='tel'], 
.reservWrap .apTbl .inp_grp input[type='password'], 
.reservWrap .apTbl .inp_grp select{width:380px}
.reservWrap .apTbl .inp_grp label{margin-right:10px;font-size:1.6rem;color:#333}
.reservWrap .apTbl .inp_grp input[type='checkbox']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
.reservWrap .apTbl .inp_grp input[type='radio']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
.reservWrap .apTbl .inp_grp input[type='radio']:checked+label:after{left:5px;width:9px;height:9px}
.reservWrap .apTbl .inp_grp input[type='file']{padding:8px 0;background:#fff}
.reservWrap .apTbl .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
.reservWrap .apTbl textarea{display:block;box-sizing:border-box;width:100%;height:180px;padding:15px;border:1px solid #c7c7c7;background:#fff;font-size:1.6rem;color:#333;line-height:1.4;resize:none}
.reservWrap .apTbl .descript{display:inline-block;vertical-align:middle;margin-left:10px;font-size:1.4rem;color:#999}
.reservWrap .apTbl .descript.under_p{display:block;margin-left:0;margin-top:7.5px}
.reservWrap .apTbl .gender{overflow:hidden;width:380px;height:40px;box-sizing:border-box;border:1px solid #c7c7c7;text-align:center}
.reservWrap .apTbl .gender li{float:left;width:50%;height:100%;display:table;cursor:pointer}
.reservWrap .apTbl .gender li span{display:table-cell;vertical-align:middle;font-size:1.4rem;color:#999;background:#fff}
.reservWrap .apTbl .gender li.selected span{color:#fff;background:#56b6e6}
.reservWrap .apTbl .chk_agree .inp_grp label{margin-right:0;margin-left:10px}
.reservWrap .apCheck{margin:60px 0 40px}
.reservWrap .apCheck input[type='checkbox']{display:inline-block;vertical-align:bottom;width:15px;height:15px;margin:0}
.reservWrap .apCheck label{cursor:pointer}
.reservWrap .apCheck label span{display:inline-block;vertical-align:middle;font-size:1.6rem}
.reservWrap .apCheck label span strong{font-size:1.6rem;color:#c91818}
.reservWrap .apCheck .all{margin-bottom:15px;text-align:center}
.reservWrap .apCheck .all label span{color:#222}
.reservWrap .apCheck .pers ul{border-top:1px solid #ccc}
.reservWrap .apCheck .pers ul li{border-bottom:1px solid #ccc}
.reservWrap .apCheck .pers .check{position:relative;overflow:hidden;padding:15px}
.reservWrap .apCheck .pers .check label span{color:#999} 
.reservWrap .apCheck .pers .check.active label span{color:#1588ca} 
.reservWrap .apCheck .pers .check .chk_btn{position:absolute;top:50%;right:0;font-size:1.4rem;color:#999;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.reservWrap .apCheck .pers .hide{overflow:hidden;height:0;background:#f4f4f4;-webkit-transition-duration:500ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms}
.reservWrap .apCheck .pers .hide .scrollY{width:100%;height:100%;font-size:1.4rem;color:#999;border-top:1px solid #ccc}
.reservWrap .apCheck .pers .hide .scrollY *{font-size:inherit;color:inherit;line-height:1.4;word-break:keep-all}
.reservWrap .apCheck .pers .hide.view{height:150px}
.reservWrap .apBtn{font-size:0;text-align:center}
.reservWrap .apBtn .inp_grp input[type='button'],
.reservWrap .apBtn .inp_grp input[type='submit'],
.reservWrap .apBtn .inp_grp a.btn{width:180px;margin:0 2.5px;font-size:1.6rem}


.authWrap{position:relative;background:#fff}
.authWrap .authTab ul.tab_grp li{width:25%}
.authWrap .authTab ul.tab_grp li a{display:block}
.authWrap .authCon{padding:80px}
.authWrap .authPop{display:none}
.authWrap .authPop .blackBg{position:fixed;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:120}
.authWrap .authPop .popup{position:absolute;top:30%;left:50%;width:600px;margin-left:-300px;background:#fff;z-index:130}
.authWrap .authPop .popup .pTop{overflow:hidden;padding:20px 25px;background:#5ab1e4}
.authWrap .authPop .popup .pTop h4{font-size:1.8rem;color:#fff}
.authWrap .authPop .popup .pTop .btn_grp{position:absolute;top:18px;right:25px}
.authWrap .authPop .popup .pTop .btn_grp .close{width:21px;height:21px}
.authWrap .authPop .popup .pTop .btn_grp a i.cross_l{background:#fff}
.authWrap .authPop .popup .pTop .btn_grp a i.cross_r{background:#fff}
.authWrap .authPop .popup .pBot{padding:40px 25px}
.authWrap .authPop .popup .pBot .inp_grp{font-size:1.6rem;color:#333}
.authWrap .authPop .popup .pBot .inp_grp input[type='text']{width:340px}
.authWrap .authPop .popup .pBot .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
.authWrap .authPop .popup .pBot .descript{margin-top:10px;font-size:1.4rem;color:#999}

.JI_readOnly{display:block;width:100%;height:100%;box-sizing:border-box;padding:10px;background:transparent;resize:none;overflow:hidden;border:0;outline:none;overflow-y:auto}







/* main_gnb_wrap */
.main_gnb_wrap{position: fixed;width: 100%;background-color: #fff;z-index: 99;min-width: 1400px;overflow: hidden; top:0; left:0;}
.main_gnb_wrap.on{}
.gnb_menu{height: 100px;position: relative;}
.gnb_menu.on{border-bottom: 1px solid #d1d1d1;}
.gnb_menu .logo {float: left;margin:30px 0 0 60px; width:162px;}
.gnb_menu .logo img {width:100%;}
.gnb_menu .depth01 {float: right;box-sizing: border-box;text-align: center;width: 80%;}
.gnb_menu .depth01 > li {display: inline-block;vertical-align: top;width:12%;}
.gnb_menu .depth01 > li:nth-child(6),
.gnb_menu .depth01 > li:nth-child(7) {width:11%;}
.gnb_menu .depth01 > li > p {font-size: 16px;color:#3a3a3a;letter-spacing: -1px;height: 100px;line-height: 100px;cursor: pointer;}
.gnb_menu .depth01 > li > p > a {display:block; width:100%; height:100%; line-height:100px;}
.gnb_menu .depth01 > li .depth02 {background-color: #fff;text-align: center;margin: 35px 0 20px;display: none;}
.gnb_menu .depth01 > li .depth02 li{}
.gnb_menu .depth01 > li .depth02 li a{font-size: 14.5px;color:#666666;display: block;padding-bottom: 18px;line-height: 1.3;}
.gnb_menu .depth01 > li .depth02 li a:hover {color:#dba6aa;}
.gnb_menu .depth01 > li .depth03 li a {font-size:12px; color:#989898;}

.gnb_menu .red {background-color:red}
.gnb_menu .depth02 .yellow {background-color:yellow}
.gnb_menu .blue {background-color:blue}
.depth01 {position: relative;}
.depth01 .gnb_bnr{position: absolute;top:138px;left: -172px;width: 250px;}
.depth01 .gnb_bnr img{width: 100%;}

.quick_bnr{background-color: #fff;position: fixed;top:50%;transform: translate(0,-50%);right: 35px;z-index: 1;width: 82px;border-radius: 40px;text-align: center;letter-spacing: -1px;box-shadow: 0 0 10px rgba(90,90,90,0.2); z-index:100;}
.quick_list{padding: 20px 0 10px;}
.quick_list li{padding: 15px 0;}
.quick_list li a{display: block;font-size: 13px;}
.quick_list li .quick_list_img{background: url(//image.idhospital.com/idx.idhospital.com/common/quick/online_icon.png?v=1) no-repeat center;background-size: 100%;width: 34px;height: 27px;margin: 0 auto;}
.quick_list li:nth-child(1) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/kakao_icon.png);width: 31px;height: 30px;}
.quick_list li:nth-child(3) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/ytube_icon.png);width: 28px;height: 22px;}
.quick_list li:nth-child(2) .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/map_icon.png);width: 24px;height: 27px;}

.quick_list li:hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/online_icon_on.png);}
.quick_list li:nth-child(1):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/kakao_icon_on.png);}
.quick_list li:nth-child(3):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/ytube_icon_on.png);}
.quick_list li:nth-child(2):hover .quick_list_img{background-image: url(//image.idhospital.com/idx.idhospital.com/common/quick/map_icon_on.png);}

.quick_list li:hover .quick_list_txt{color:#dba6aa;}

.quick_list li .quick_list_txt{margin-top: 5px;}
.quick_list li .call_txt{font-size: 13px;color:#3a3a3a;}
.quick_list li .call_txt span{display: block;font-size: 14px;color:#dba6aa;font-weight: 600;margin-bottom: 5px;letter-spacing: -1.5px;}

.top_btn{padding: 27px 0 30px;position: relative;cursor: pointer;}
.top_btn::before{content: '';display: block;width: 80%;height: 1px;background-color: #d2d2d2;position: absolute;top:0;left: 50%;transform: translate(-50%,0);}
/* BOTTOM */
#wholebg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,0.5);filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;display:none}
.loading-indicator {display:none;padding:0;background:transparent;width:100px;height:100px}
.blocker {z-index:10;}
.fix_counsel{text-align: center;position: fixed;bottom: 0;left: 50%;transform: translate(-50%,0);width: 100%;z-index: 5;}
.fix_counsel_btn{background-color: #b18370;color:#fff;width: 180px;height: 48px;padding: 15px;box-sizing: border-box; font-size: 19px;margin: 0 auto;border-radius: 10px 10px 0 0;cursor: pointer;}
.fix_counsel_btn span{display: inline-block;vertical-align: middle;margin-top: -3px;}
.fix_counsel_btn.on span{animation: fix_counsel_btn_ani 0.5s forwards;}
.privacy_wrap {display:none}
.privacy_wrap .JI_readOnly {height:200px}
@keyframes fix_counsel_btn_ani{
    0%{transform: rotate(0);}
    100%{transform: rotate(180deg);}
}


.fix_counsel_view{background-color: #b18370;letter-spacing: -1px;padding: 45px 0 60px;display: none;width: 100%;}
.fix_counsel_view form{}
.fix_counsel_view input{width: 231px;height: 46px;font-size: 17px;color:#000;padding-left: 12px;box-sizing: border-box;border-radius: 10px;border:0;margin: 0 15px;}
.fix_counsel_view input::placeholder {
  color: a2a2a2;
  opacity: 1; /* Firefox */
}
.fix_counsel_view input[type=submit]{color:#fff;background-color: #624133;cursor: pointer;}
.fix_counsel_view input[type=checkbox] {width: 16px;height: 16px;box-sizing: border-box;margin: -3px 8px 0 0;display: inline-block;vertical-align: middle;accent-color:#fff;}

.agree_box{margin-top: 15px;}
.agree_box label{color:#fff;font-size: 16px;} 

#progressContainer {
    width: 100%;
    background: #f3f3f3;
    border-radius: 8px;
    height: 60px;
    display: none;
}
#uploadResult {
    width: 100%;
    background: #f3f3f3;
    border-radius: 8px;
    height: 60px;
    display: none;
}
.place_wrap {width:100%;position:relative}
.place_wrap img {width:100%;}

.place_wrap #map{position: absolute;top:0;left:57%;width:43%;height:100%;box-sizing: border-box;overflow: hidden;background-color: #fff;}

.footer_wrap{background-color: #000000;letter-spacing: -1px;text-align: center;padding: 45px 0;min-width: 1400px;}
.footer_logo{font-size: 41px;font-family: 'Roboto';font-weight: bold;color:#fff;padding-bottom: 25px;}
.footer_logo img {}
.footer_list{}
.footer_list li{margin-bottom: 7px;}
.footer_list li span{font-size: 14px;color:#999999;display: inline-block;margin: 0 14px;}
/* LAYOUT_MAIN */
body{min-width:1280px;width: 100%;}
h1.skeleton {min-height:500px;display:flex;align-items:center;justify-content:center}
.main_wrap {width:100%; padding-top:100px;}
.main_wrap img {max-width: 100%;}
.main_wrap .visual img {height:100%; object-fit:cover;}