@charset "utf-8";
/* CSS Document */
/*main*/
.wrap { position:relative; width:100%; }
#mainVisualWrap { height:951px; width:100%; position:relative; margin-top:-20px; }
#mainVisualWrap ul{ height:100%; width:100%; position:relative; background:#0284d6; }
#mainVisualWrap ul li{ height:100%; width:100%; position:relative; }
#mainVisualWrap ul li:nth-child(1){ background:#00b3ff; }
#mainVisualWrap ul li:nth-child(2){ background:#0284d6; }
#mainVisualWrap .bx-viewport { height:100% !important; width:100% !important; position:relative; }
#mainVisualWrap .bx-wrapper { height:100%; width:100%; position:relative; }
#topBannerWrap { padding-top:10px; padding-bottom:10px; }
#topBannerWrap,#topBannerWrap ul { position:relative; overflow:hidden; width:100%; background:#eeeeee; }
#topBannerWrap ul li { float:left; width:32.16%; margin-left:1.66%; }
#topBannerWrap ul li:first-child { margin-left:0; }
#middleBannerWrap { position:relative; height:auto; }
#middleBannerWrap ul { width:100%; }
.btn-mb-prev { position: absolute; left:3.125%; top:50%; margin-top:-15px; z-index:99;  }
.btn-mb-next { position: absolute; right:3.125%; top:50%; margin-top:-15px; z-index:99; }
.btn-mb-prev a,.btn-mb-next a { position: absolute; text-indent:-99999px; display:inline-block; width:33px; height:62px; top:0px; left:0px;  }
#middleBannerWrap2 ul { padding:0px 1px; }
#middleBannerWrap2 li { margin:0px 0px 5px; overflow:hidden; }
#middleBannerWrap2 li:last-child { margin-bottom:0px; }
#middleBannerWrap2 ul li > a.on img {
	border: 0;
	transform: scale(1.1);
}
#middleBannerWrap2 ul li > a img {
	border: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#bottomBannerWrap { overflow:hidden;  }
#bottomBannerWrap .video { background:#def0f2; padding-bottom:25px; }
.cus-wrap li { float:left; margin-left:13px; overflow:hidden; }
.cus-wrap li:first-child { margin-left:0px; }
/*visual*/
.scene1 .number-1 { position:absolute; right:0px; top:0px; overflow:hidden; height:100%; width:140%;/*515px*/ }
.number-1 > img { position:absolute; left:0; width:115px;   }
.number-1 .blue-bg { position:absolute;  height:100%; background:#0284d6; top:160px; left:67px; width:100%; }
.number-1 .blue-bg2 { position:absolute;  height:100%; background:#0284d6; top:0px; left:114px; width:100%;  }
.table-wrap { position:relative;  display:table; height:100%; width:100%; text-align:center; }
.table-wrap .text { position:relative; display:table-cell; vertical-align:middle; }
.table-wrap .txt1 { }
.table-wrap .txt2 { }
.scene1 .txt1 { width:51.71%; margin:0px auto; }
.scene1 .txt2 { width:40.93%; margin:0px auto; }
.scene2 .txt1 { width:50.93%; margin:0px auto; }
.scene2 .txt2 { width:41%; margin:0px auto; }
.scene3 .txt1 { width:60.15%; margin:0px auto; }
.scene3 .txt2 { width:48.28%; margin:0px auto; }
.scene2 .shine1 { position:absolute; min-width:100%; height:100%; left:0px; top:0px; right:0px; margin:0 auto; }
.scene2 .shine2 { position:absolute; min-width:100%; height:100%; left:0px; bottom:0px; right:0px; margin:auto; }
.scene2 .people { position:absolute; right:0px; bottom:5%;  width:120px; }
.scroll { position:absolute; left:0px; right:0px; bottom:50px; z-index:500; margin:0px auto; width:6.87%; }
.scene3 .number-1 { position:absolute; right:0px; top:0px; overflow:hidden; height:100%; width:30%; }
.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* PAGER */

#mainVisualWrap .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	position:absolute;
	bottom:30%;
	z-index:99;
	width:100%;
}

#mainVisualWrap .bx-wrapper .bx-pager .bx-pager-item,
#mainVisualWrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 37px;
	height: 2px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:.5;
}

#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
	opacity:1;
}
#mainVisualWrap .bx-controls-direction { display:none; }

#middleBannerWrap .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	position:absolute;
	bottom:20px;
	z-index:99;
	left:0px;
	right:0px;
	margin:auto;
}

#middleBannerWrap .bx-wrapper .bx-pager .bx-pager-item,
#middleBannerWrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#middleBannerWrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 8px;
	border:2px solid #2382c5;
}

#middleBannerWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#middleBannerWrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2382c5;
}
.icon-num { position:absolute; left:0px; top:4px;  background: url(../../image/page/icon_num.png) no-repeat; width:16px; height:16px; line-height:16px; text-align:center; background-size:16px 16px; color:#fff; display:inline-block; font-size:0.615rem; }
.num-list li { padding-left:22px; position:relative; margin-bottom:10px; font-size:1.077rem; }
.bar-title { background:url(../../image/page/bg_title_bar.jpg) no-repeat top 6px left; background-size:2px 13px; padding-left:7px; font-weight:500; }
/*qa*/
.qa { border:1px solid #cccccc; padding:20px 4.16%; border-top:none; }
.qa:first-of-type { border-top:1px solid #cccccc; }
.qa .q { padding:0px 20px; background:url(../../image/page/icon_q.jpg) left top 4px no-repeat; background-size:14px 13px; }
.qa .a { padding:0px 20px; background:url(../../image/page/icon_a.jpg) left top 4px no-repeat; background-size:14px 13px; }
/*치료케이스보기*/
.bf li { float:left; width:49%; margin-left:2%; position:relative; }
.bf li .panel { position:absolute; width:120px; padding:7px 0; color:#fff; left:-65px; top:0px; background:#24aadf; text-align:center; }
.bf li:nth-child(2n+1){ margin-left:0; }
.bf li > p { letter-spacing:1.5px; }
/*etc*/

.consult-desc p { color:#888; font-size:16px; font-weight:500; }
.consult-desc p.blue { font-size:20px; line-height:1; margin-top:15px;  }
.consult-desc p > .divide{ background:#c1c1c1; display:inline-block; padding-top:2px; margin:0px 15px; width:1px; height:19px; vertical-align:middle;  }
.subtitle { color:#333333; font-size:24px; font-weight:300; line-height:1; margin-bottom:20px; }
.subtitle > span { color:#333333; font-weight:500; font-size:20px; }
.pass-result { margin:0px 0px 20px 0px; font-size:32px; font-weight:600; color:#333333; }
.txt-pop { width:483px; height:243px; border:1px solid #63707a; background:#fff; position:fixed; z-index:600; display:none; top: 50%; left: 50%;margin: -121px 0 0 -241px;}
.txt-pop .wrap { padding:60px 20px; }
.txt-pop .wrap .txt { font-size:24px; color:#444; }

/*카카오톡상담*/
.contact { padding:15px 0px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.contact [class*='icon'] { padding-left:44px; line-height:35px; }
.contact .icon1 { background: url(../../image/page/icon_kakao1.jpg) no-repeat; background-size:35px 35px; margin-bottom:7px;  }
.contact .icon2 { background: url(../../image/page/icon_kakao2.jpg) no-repeat; background-size:35px 35px; }
.contact [class*='icon'] > span { margin-left:10px; }
/*둘러보기*/
.browse-wrap { padding:66px 80px; border:1px solid #dddddd; border-top:2px solid #7e7e7e; }
/* DIRECTION CONTROLS (NEXT / PREV) */

.browse-wrap .bx-wrapper .bx-prev {
	left: -74px;
	background:url(../../../image/page/bg_prev.png) no-repeat;
}

.browse-wrap .bx-wrapper .bx-next {
	right: -74px;
	background:url(../../../image/page/bg_next.png) no-repeat;
}


.browse-wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 31px;
	height: 62px;
	text-indent: -9999px;
	z-index: 9999;
}

.browse-wrap .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}


/*온라인 진료예약*/
.calendar-wrap .calendar { position:relative; width:100%; overflow:hidden; display:inline-block; }
.sunday { color:#fb001e; }
.saturday { color:#0e76bc; }
.person a{ color:#666666; }
.reserve-board { width:541px; margin-left:20px; border:1px solid #ececec; border-top:1px solid #000; padding:30px 0}
.reserve-board.boardWrite th label {
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}
.reserve-board.boardWrite .reserve-time { margin:0px 5px; }
.reserve-board.boardWrite td {
	font-size: 16px;
}
.reserve-board.boardWrite th {
	text-align: left;
	padding-left: 34px;
}
.reply-comp { display:inline-block; font-size:1rem; color:#25aae1; text-align:center; }
.reply-standby { display:inline-block; font-size:1rem; color:#999999; border:1px solid #fff; text-align:center; }
.map-wrap { width:100%; height:300px; position:relative; background:#96a1b4; }
/*지점안내*/
.branch-tab { width:100%; }
.branch-tab ul { width:100%; position:relative; overflow:hidden; }
.branch-tab ul li { float:left; width:19.79%; position:relative; border:1px solid #cfcfcf; border:1px 1px 1px 0px;}
.branch-tab ul li a {   font-size:18px; color:#666666; line-height:56px; display:block; text-align:center; font-weight:500; background:#f5f5f5; }
.branch-tab ul li.on { border:1px solid #13bae0; }
.branch-tab ul li.on a { color:#13bae0; background:#fff; }
.map-wrap .map { width:100%; height:100%; position:relative; overflow:hidden; background:#f7f7f7; }

/*layerPop*/
.layerPop.wideWidth{width:960px; margin-left:-550px; padding:70px 50px;}
.layerPop.wideWidth .selectArea input{width:160px !important;}
.layerPop.maxWidth{width:901px; margin-left:-480px; padding:50px 95px;}
.layerPop.smallWidth{width:480px; margin-left:-240px; padding:20px 0;}
.layerPop .btnX{position:fixed; top:15px; left:15px; z-index:99999;}
.layerPop .thk{text-align:center; padding:60px 0 0 0;}
.layerPop .cpw{text-align:center; padding:100px 0 0 0;}
.layerPop .cpw .text{margin:10px auto 0 auto; display:block;}
.layerPop .bigPic{text-align:center;}
.layerPop .bigPic img{max-width:750px;}
.layerPop .bigPic span.msg{display:inline-block; font-size:12px; width:750px; text-align:left; margin:10px 0;}
.layerPop .bigPic span.msg strong{font-size:1.077rem;}
.layerPop .popPrev{position:absolute; top:45%; left:90px;}
.layerPop .popNext{position:absolute; top:45%; right:90px;}
.layerPop .commonPop .textBox{margin:40px 0 0 0; padding:20px; border:1px solid #dcdcdc; overflow:auto; overflow-X:hidden; height:390px; font-family:"Dotum"; font-size:12px; color:#8d8d8d;}
.layerPop .commonPop h2{ font-size:25px; font-weight:bold; color:#333; }
.layerPop .commonPop .desc { color:#888888; font-size:16px; letter-spacing:-1px; font-weight:400;  }
.layerPop .commonPop .emphasis { font-size:16px; color:#333333; font-weight:400; }

.layerPop .popTit{display:block; margin-bottom:20px;}
.layerPop .popText{text-align:center; padding:30px 0; border:1px solid #dcdcdc; border-left:none; border-right:none;}
.layerPop .popText2{text-align:center; padding:30px 0;}
#popLogin{position:fixed !important; top:50% !important; left:50% !important; margin:-345px 0 0 -450px !important; padding:50px 95px 70px 95px; }
#popPrivacy,#popTerms{position:fixed !important; width:1010px; height:auto;   }

.layerPop .welcomeNotice{padding:20px 0 0 0; color:#888888; font-size:15px; font-weight:500; }
.layerPop .welcomeNotice .divide { color:#cdcdcd; display:inline-block; margin:0px 10px; }

.boardWrite .top { padding:30px 55px 60px 55px; overflow:hidden;  border-bottom:1px solid #dcdcdc; }
.findBox{ width:377px; padding-top:65px; overflow:hidden; margin:0px auto; }
.findBox > p { color:#888; font-size:1.077rem; }
.findBox.leave{ padding:50px 0 50px 250px; width:100%; overflow:hidden; }
.findBox ul{}
.findBox ul li{width:100%; clear:both; margin:8px 0;}
.findBox ul li input.text{width:245px;}
.findBox ul li label{width:122px; display:inline-block; float:left; vertical-align:middle; margin:0px; letter-spacing:-1.5px; font-weight:500; color:#333333; font-size:16px; line-height:30px; }
.leaveBox{ border:1px solid #dbdbdc; width:100%; height:70px; overflow:hidden;}
.leave-wrap { width:100%; margin:0px auto; position:relative; }
#popTreatment{position:fixed !important; width:852px; top:50% !important; left:50% !important; margin:-290px 0 0 -426px !important; z-index:500; border:1px solid #819cc8; padding:0px; background:#d9edf8; }
#popTreatment .treat-area { overflow:hidden; width:852px; height:auto; }
#popTreatment a { margin:0px 5px;  }
#popTreatment .btnX { margin:0px; }
.reserve-state { padding:55px 0px; width:100%; overflow:hidden; background:#f8f8f8; }
.reserve-state .result { font-size:18px; }
.reserve-state .desc { font-size:16px; }
.lock-desc .big { font-size:30px; }
.lock-desc .small { font-size:18px; }
.join-welcome.lock label { font-size:20px; }
.join-welcome.lock .grey-con { padding:40px 0px; }
.big-img { border:7px solid #e5e5e5; width:786px; height:536px; position:fixed; left:50%; top:50%; margin-left:-393px; margin-top:-300px; }
.big-img .btn-close { position:absolute; right:13px; top:13px; }
.warning { overflow:hidden; font-size:18px; color:#999999; letter-spacing:-1px; font-weight:400; }
.warning li { overflow:hidden; font-size:16px; padding:0px 55px; padding-left:13px; background:url(../../image/common/dot2.gif) no-repeat left center; color:#666; margin:5px 0px;}
.border-tab {font-size: 0px; letter-spacing: 0px; word-spacing: 0px; }
.boder-tab a { position:relative; z-index:1; display:inline-block; width:198px; height:43px; line-height:43px; background:#fff; border:1px solid #ddd; color:#666666; font-size:18px; text-align:center; margin-left:-4px; }
.boder-tab a.on { font-weight:bold; color:#333; border:1px solid #666; z-index:2; }

.blue-wrap { position:relative; padding:45px 0px; background:#0e76bc; }
.blue-wrap .desc { position:relative; color:#fff; font-size:19px; padding:0px 60px 0px 120px; }
.blue-wrap .desc strong { position:absolute; top:-3px; left:47px; font-size:22px; }
.blue-wrap .desc .bar { position:absolute; top:0px; left:97px; display:inline-block; }
.num-desc { overflow:hidden; font-size:20px; font-weight:bold; color:#0e76bc; }
.num-desc li { position:relative; overflow:hidden; font-size:18px; font-weight:normal; color:#666666; line-height:1.5; padding-left:18px; }
.num-desc li span{ position:absolute; left:0px; }
.btn-treatment a { margin:0px 14px; }
.list-top-banner { overflow:hidden; }
.list-top-banner > div:first-child{ margin-right:22px; }
.list-top-banner img { width:544px; height:261px; }
.normal-text { text-align:right; color:#666666; font-size:15px; }
.bar-text { text-align:right; border-right:1px solid #000000; padding-right:30px; margin-top:30px; font-size:16px; }
.bar-text .big { font-size:20px; font-weight:bold; color:#333333; }
.doctor { position:relative; width:100%; overflow:hidden; }
.doctor li { float:left; overflow:hidden; margin-left:21px; margin-bottom:40px; }
.doctor li:nth-child(1),.doctor li:nth-child(5) { margin-left:0px; }
#doctorPop { width:992px; height:842px; position:fixed; top:50%; margin-top:-421px; left:50%; margin-left:-496px; z-index: 220; display:none; }
.doctor-pop { display:none; }
.doctor-body { padding:20px 30px; width:932px; height:488px; background:#fff; }
.doctor-in { width:932px; height:488px; overflow-y:auto; overflow-x:hidden; }
#doctorPop .btnX { position:absolute; right:30px; top:30px; }

.video-wrap1 { width:514px; height:309px; background:#000; }
.video-wrap2 { width:554px; height:364px; background:#000; }
.bg-idee { background: url(../../../image/page/bg_idee.jpg) repeat-x; }
/*치료사례*/
.round-tab { position:relative; width:100%; }
.round-tab a { font-size:12px; font-weight:400; color:#666666; text-align:center; line-height:28px; height:30px; border:1px solid #e5e5e5; display:inline-block; border-radius:25px; background:#fff; margin-bottom:10px; }
.round-tab.type2 a { position:relative;  font-size:12px; font-weight:400; color:#666666; width:48%; margin-left:4%; float:left; text-align:center; line-height:28px; height:30px; border:1px solid #999; display:inline-block; border-radius:25px; background:#fff; }
.round-tab a:first-child { margin-left:0px; width:100%;   }
.round-tab a:nth-child(2n) { margin-left:0px; }
.round-tab a.on { background:#25aae1; border:1px solid #25aae1; color:#fff; font-weight:400; }

.before-wrap ul { overflow:hidden; }
.before-wrap ul li { position:relative; overflow:hidden; margin-bottom:20px; width:100%; }
.before-wrap ul li a > span { display:block; float:left;  position:relative;  overflow:hidden; width:49%; margin-left:2%; }
.before-wrap ul li a > span:first-child { margin-left:0px; }
.before-wrap ul li img { width:100%; }
.before-wrap ul li a span .ico-before, .before-wrap ul li a  span .ico-after { position:absolute; bottom:0px; left:0px; }
.before-wrap ul li a p {padding-top:15px;text-align:center;color:#6e6e6e;font-size:13px;overflow: hidden;clear: both;}
.before-wrap .icon-arrow { position:absolute; left:50%; top:36%; margin-left:-6px; margin-top:-6px; width:12px; height:12px; }
.beAfterView .icon-arrow { position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-6px; width:12px; height:12px; }
.beAfterView .before-wrap ul { padding:0px 0px; overflow:hidden; margin:0px; }
.beAfterView .before-wrap ul img { margin:0px; overflow:hidden; }
.beAfterView .before-wrap ul li { width:100%; }
/* 동영상 */
.vod_box{background-color: #ffffff;border: 10px solid #000;left:0px; right:0px; margin:0 auto; position: fixed;top: 150px;z-index: 99999;display:none;width:100%; padding-bottom: 56.25%; /* 16:9 */padding-top: 25px; height: 0;}

.vod_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vod_box .close {position: absolute;right:-0px; top:-44px;}

/*나의 고민 상담실*/
.pass-pop { text-align:center; width:320px; padding:0; background:#fff; position:fixed; display:none; top: 50%; left: 50%;margin: -180px 0 0 -160px; }
.pass-pop .board { margin:10px 0px 20px;  }
.pass-pop .wrap { padding:20px; }
.pass-pop input.text { border:none; background:#f8f8f8; }
/*둘러보기*/
.tour-wrap { overflow:hidden; position:relative; padding-top:25px; border-top:1px solid #dcdcdc; }
.layer-nav { width:100%; height:25px; }
.layer-nav li { width:25%;  float:left; border:1px solid #25aae1; border-left:none; }
.layer-nav li:first-child { border-left:1px solid #25aae1; }
.layer-nav li a { display:block; text-align:center; line-height:23px; color:#25aae1; background:#fff; }
.layer-nav li.on a { color:#fff; background:#25aae1; }
.page-num { color:#fff; font-size:0.769rem; position:fixed; right:15px; top:15px; z-index: 99999; }

.thumb-wrap { width:100%; position:relative; overflow:hidden; }
.thumb-wrap li { width:49.16%; float:left; margin-bottom:5px; cursor:pointer; margin-left:1.666%; }
.thumb-wrap li img { width:100%; }
.floor-txt strong { margin-right:7px; }
#popTour { width:100%; padding:0px; position:fixed; }
#popTour .bx-wrapper { margin:0px auto; width:100%; }
#popTour .bx-wrapper img { margin:0px auto; width:100%; }
.thumb-wrap li:nth-child(2n+1) { margin-left:0px; }
#popTour .btn-prev { position: absolute; left:0px; top:50%; margin-top:-25px; z-index:100; }
#popTour .btn-next { position: absolute; right:0px; top:50%; margin-top:-25px; z-index:100; }
#popTour .btn-prev a,#popTour .btn-next a { position: absolute; text-indent:-99999px; display:inline-block; width:50px; height:50px; top:0px; left:0px;  }
.floor-txt > p { display:none; }
@media all and (max-width: 320px) {

}