@charset "utf-8";
/* CSS Document */
/*main*/
#indicator{position:fixed; top:208px; right:10px; height:95px; width:30px; z-index:20;}
#indicator ul li{margin-bottom:1px; }
#indicator ul li #index{position:fixed; top:271px; right:41px; background:url('../../../image/main/bg_indi_list.png') no-repeat left top; height:110px; width:82px; padding:17px 15px 15px; line-height:1; font-size:12px; letter-spacing:-1px;  }
#indicator ul li #index li{margin-bottom:7px;}
#indicator ul li #index li a{color:#ccc; line-height:1;}
#indicator ul li #index li.on a{color:#fff;}
.visualArea { position:relative; width:100%; z-index:1; letter-spacing:-1px; }
#bg01 { background: url(../../../image/main/bg_main01.jpg) top center no-repeat; height:810px; margin-top:72px; }
#bg01 .txt_group { position:absolute; left:27px; top:145px; }
#bg02 { background: url(../../../image/main/bg_main2.jpg) top center no-repeat; height:880px; }
#bg02 .txt_group { position:absolute; left:0px; top:174px; text-align: center; width:100%; }
#bg02 ul { padding-top:440px; }
#bg02 ul > li { width:258px; height:337px; overflow:hidden; background: #f5f8fb; margin-left:25px; float:left; text-align:center; padding:50px 0px;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.1)  ;
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1)  ;
	-moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1)  ;
	border-radius:10px;
}
#bg02 ul li .title { color:#333333; font-size:25px; font-weight:bold; margin-bottom:50px; }
#bg02 ul li p  { color:#666666; font-size:16px; margin-top:40px; letter-spacing:-1px; }
#bg02  ul > li:first-child { margin-left:0px; }
#bg02 h3 { font-size:16px; color:#555555; font-weight:500; }
#bg03 { background: url(../../../image/main/bg_main3.jpg) top center no-repeat; height:633px; }
#bg03 .txt_group { position:absolute; left:670px; top:206px; letter-spacing:-2px; }
#bg03 h3 { font-size:16px; color:#555555; font-weight:500; }
#bg04 { background: url(../../../image/main/bg_main4.jpg) top center no-repeat; height:1013px; }
#bg04 .txt_group { position:absolute; left:0px; top:175px; width:100%; text-align:center; }
#bg04 ul { overflow:hidden; padding-top:308px; }
#bg04 ul > li { float:left; }
.obj1 { position:absolute; left:68px; top:-91px; }
.obj2 { position:absolute; right:-105px; top:-91px; }
.visualArea h2 { color:#454545; font-size:50px; font-weight:bold; line-height:1.3; }
.visualArea h2 > span,.visualArea h3 > span { font-weight:300; }
.visualArea h3 { color:#555555; font-size:24px; font-weight:bold; line-height:1.3; }
.visualArea .small_txt{background:url('../../../image/common/main_gray_bar.gif') no-repeat left top; margin-top:20px; padding-top:20px; line-height:1.5; color:#454545; z-index:10;  }
.visualArea .small_txt h4 { font-size:20px; font-weight:bold; }
.visualArea .small_txt h5 { font-size:24px; font-weight:bold; text-decoration:none; }
.visualArea .medi { font-weight:500; }
.visualArea .green { color:#22b500; }
.visualArea .blue { color:#0c9ce3; }
.visualArea .orange { color:#fbb501; }
.btn-detail { display:inline-block; width:240px; height:50px; line-height:48px; color:#555555; border:1px solid #858585; background:url(../../../image/main/bg_detail.png) center right 27px no-repeat; font-size:16px; padding-left:30px;  padding-right:45px; }
/*etc*/
.login-wrap { position:relative; width:860px; height:668px; margin:0px auto; padding:60px 80px; }
.login-wrap .loginBox { background:#f5f5f5; width:100%; box-sizing:border-box; overflow:hidden; padding:95px 0px 80px; }
.login-wrap .loginBox .con { width:425px; overflow:hidden;  position:relative; margin:0px auto; }
.login-wrap .loginBox .con li { line-height:16px; margin-top:15px; overflow:hidden; }
.login-wrap .loginBox .con li:first-child { margin-top:20px; }
.login-wrap .loginBox .con li span { font-size:15px; color:#888888; font-weight:bold; }
.login-wrap .loginBox .con li a { font-size:16px; color:#333333; font-weight:bold; }

.login-wrap .loginBox .top { padding-bottom:35px; border-bottom:1px solid #d7d7d7; }
.login-wrap .loginBox .input-wrap { width:301px; overflow:hidden;  }
.login-wrap  .loginBox .text{height:40px; margin-top:10px; font-size:16px; font-weight:bold; padding:7px 10px; border:3px solid #dbdbdc; display:inline-block; }
.login-wrap  .loginBox .text:first-child { margin-top:0px; }
.login-wrap  .loginBox .loginBtn{ margin-left:15px; }
.login-wrap  .loginBox .loginTxt{border-bottom:1px solid #d7d7d7; }
.login-wrap  .loginBox ul{margin:130px 0 0 0;}
.loginBox ul li{margin:8px 0 0 0;}
.join-welcome { width:960px; margin:0px auto; }
.grid2 { width:530px; float:left; margin-left:50px; }
.find-wrap .box { width:530px; height:310px; background:#f5f5f5; }
.info.top { overflow:hidden; }
.welcome { width:100%; height:auto; background:#f5f5f5; overflow:hidden; }
.name-welcome { text-align:center; font-size:34px; font-weight:500; color:#333333; line-height:1.3; letter-spacing:-1px; }
.welcome .desc { overflow:hidden; }
.welcome .desc hr{ border-top:1px solid #d7d7d7; border-width:1px 0 0 0; width:445px; margin:20px auto 20px; }
.welcome .desc hr.long{ width:505px; }
.welcome .desc p { font-size:17px; color:#888888; font-weight:500; letter-spacing:-1.3px;}
.welcome .desc p.ta-l { margin-left:265px; }
.welcome.leave .desc hr{ border-top:1px solid #d7d7d7; border-width:1px 0 0 0; width:733px; }
.welcome.leave .desc p.ta-l { margin-left:235px; }
.subtitle { color:#333333; font-size:24px; font-weight:300; line-height:1; margin-bottom:20px; }
.subtitle > span { color:#f89265; font-weight:bold; }
.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; }
/*둘러보기*/
.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;
}
#sunhan-pager,.browse-wrap .bx-wrapper { position:relative; width:800px; margin:0px auto; }
#sunhan-pager { margin-top:25px; }
#sunhan-pager h4 { font-size:18px; color:#555; line-height:1; margin-bottom:8px; }
#sunhan-pager a { position:relative; display:inline-block; margin-left:4px; }
#sunhan-pager > div a:first-child { margin-left:0px; }
#sunhan-pager a .over { display:none; border: solid #09baee 4px; position:absolute; width:100%; height:100%; left:0px; top:0px; }
#sunhan-pager a:hover .over,
#sunhan-pager a.active .over {  display:block; }

/*온라인 진료예약*/
.calendar-wrap .calendar { width:402px; min-height:431px; overflow:hidden; display:inline-block; background:url(../../image/common/bg_calendar.gif) repeat-x; }
.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;
}
.blue-round { display:inline-block; width:65px; height:23px; line-height:23px; font-size:11px; color:#fff; background:#09baee; text-align:center; border-radius:12px; }
.gray-round { display:inline-block; width:65px; height:23px; line-height:23px; font-size:11px; color:#fff; background:#b8b8b8; text-align:center; border-radius:12px; }
.map-wrap { width:100%; height:700px; position:relative; background:#96a1b4; margin-bottom:35PX; }
/*지점안내*/
.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:1110px; height:563px; overflow:hidden; background:#f7f7f7; }
/*사이트맵*/
.sitemap { margin-top:150px; }
.sitemap > ul { width:100%; overflow:hidden; }
.sitemap > ul > li{ width:auto; overflow:hidden; margin-left:20px; float:left; text-align:center; }
.sitemap > ul > li:nth-child(1){ margin-left:74px; }
.sitemap > ul > li:nth-child(2){ margin-left:114px; }
.sitemap > ul > li:nth-child(3){ margin-left:100px; }
.sitemap > ul > li:nth-child(4){ margin-left:140px; }
.sitemap > ul > li:nth-child(5){ margin-left:102px; }
.sitemap > ul > li > a { font-size:20px; color:#555555; font-weight:bold; margin-bottom:30px; display:block; line-height:1; }
.sitemap > ul > li > ul > li { margin-bottom:15px; }
.sitemap > ul > li > ul > li > a { font-size:15px; color:#999; font-weight:bold; line-height:1; }

.sitemap > ul > li:first-child{ margin-left:0px; }
.sitemap .one > div { border-top:2px solid #28a0d4; margin-bottom:10px; }
.sitemap .one > div > a { display:block; color:#555555; border-top:1px solid #fff; padding:0px 20px; line-height:41px; height:41px; font-weight:bold; font-size:20px; background:#e7f7ff; letter-spacing:-1.5px; }
.sitemap .one > li { margin:4px 0px; padding:0px 20px; }
.sitemap .one > li a { display:block; color:#999; font-size:15px; font-weight:500; letter-spacing:-1.5px; }
.leave { }
/*layerPop*/
.layerPop.wideWidth{width:960px; margin-left:-550px; padding:50px 75px;}
.layerPop.wideWidth .selectArea input{width:160px !important;}
.layerPop.maxWidth{width:770px; margin-left:-480px; padding:50px 95px;}
.layerPop.smallWidth{width:480px; margin-left:-240px; padding:20px 0;}
.layerPop .btnX{position:absolute; top:-38px; right:0px;z-index:610;}
.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:14px;}
.layerPop .popPrev{position:absolute; top:45%; left:90px;}
.layerPop .popNext{position:absolute; top:45%; right:90px;}
.layerPop .commonPop .textBox{margin:20px 0 0 0; padding:20px; border:1px solid #dcdcdc; overflow:auto; overflow-X:hidden; height:310px; font-family:"Dotum"; font-size:12px; color:#8d8d8d;}

.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:-360px 0 0 -480px !important; z-index:220; }
#popPrivacy,#popTerms{position:fixed !important; top:50% !important; left:50% !important; margin:-300px 0 0 -550px !important; z-index:220;}

.layerPop .loginBox{padding:80px 170px;}
.layerPop .welcomeNotice{padding:20px 0 0 0;}
.boardWrite .top { padding:30px 55px 60px 55px; overflow:hidden;  border-bottom:1px solid #dcdcdc; }
.findBox{ width:367px; padding-top:65px; overflow:hidden; margin:0px auto; }
.findBox.leave{ padding:50px 0 50px 250px; width:100%; box-sizing:border-box; overflow:hidden; border-top:none; border-bottom:none;}
.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:#666666; font-size:16px; line-height:30px; }
.leaveBox{ border:1px solid #dbdbdc; width:100%; height:170px; box-sizing:border-box; overflow:hidden;}
.leave-wrap { width:960px; 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:22px; padding:0px 55px; color:#666; }
.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; }
.doctor1 { background:url(../../image/common/bg_doctor.gif) repeat-x #fff; background-position:left 327px; }
.doctor2 { background:url(../../image/common/bg_doctor.gif) repeat-x #fff; background-position:left 58px; }
.doctor3 { background:url(../../image/common/bg_doctor.gif) repeat-x #fff; background-position:left 51px; }
.doctor4 { background:url(../../image/common/bg_doctor.gif) repeat-x #fff; background-position:left 73px; }
.doctor5 { background:url(../../image/common/bg_doctor.gif) repeat-x #fff; background-position:left 88px; }
.doctor6 { background:url(../../image/common/bg_doctor.gif) repeat-x #fff; background-position:left 110px; }
.doctor7 { background:url(../../image/common/bg_doctor.gif) repeat-x #fff; background-position:left 88px; }
.treatment1 h4 { overflow:hidden; font-size:36px; font-weight:normal; line-height:50px; padding-left:50px; background:url(../../image/common/bg_treatment_h4.jpg) no-repeat left top; }
.treatment1 h4 strong { font-weight:bold; }
.treatment1 table td { padding-top:0px; vertical-align:top; }
.treatment .desc { font-size:18px; color:#666; }
.treatment .pl50 { padding-left:50px; }
.treatment .pr50 { padding-right:50px; }
.treatment2 h4 { overflow:hidden; font-size:36px; font-weight:normal; line-height:60px; margin-bottom:10px;  text-align:center; }
.treatment2 h4 strong { font-weight:bold; }
.treatment2 table { border-top:1px solid #6e6e6e; border-bottom:1px solid #6e6e6e; }
.treatment2 table th { padding:60px 0px 60px 117px;  border-top:1px solid #d5d5d5;}
.treatment2 table td { padding:60px 66px;  vertical-align:middle; border-top:1px solid #d5d5d5; }
.treatment2 table tr:first-child th, .treatment2 table tr:first-child td{ border-top:none;}
.treatment2 table .num { display:inline-block; margin-right:20px; color:#0e76bc; }
.treatment3 h4,.treatment4 h4 { overflow:hidden; font-size:40px; font-weight:normal; line-height:60px; margin-bottom:10px;  text-align:center; }
.treatment3 h4 strong,.treatment4 h4 strong { font-weight:bold; }
.treatment3 table { margin-top:70px; border-bottom:1px solid #d5d5d5;}
.treatment3 table td { vertical-align:top; padding-top:100px; }
.treatment3 table tr:first-child td{ padding-top:0px; }
.treatment3 table tr:last-child td{ padding-bottom:90px; }
.treatment3 table tr td:last-child{ padding-left:60px; }
.treatment3 table .tit { font-size:26px; font-weight:bold; margin-bottom:30px; line-height:1; color:#333; }
.treatment3 table .big { font-size:22px; margin-bottom:25px; line-height:1.5; color:#333; }
.treatment3 table .desc { font-size:17px; line-height:1.5; color:#666; background:url(../../image/common/dot2.gif) no-repeat left 10px; padding-left:14px; }
.treatment3 table .desc.no-dot { font-size:17px; line-height:1.5; color:#666; background:none; }
.treatment4 table td { vertical-align:top; padding:100px 55px 90px 55px; border-bottom:1px solid #d5d5d5;}
.treatment4 table tr:first-child td { padding-top:0px; }
.treatment4 table tr:last-child td { border-bottom:none;}
.treatment4 table .num { font-size:50px; color:#0e76bc; }
.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; }
.small-tit { font-size:20px; font-weight:bold; color:#0e76bc; margin-top:40px; }
.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; }
#sitemap .nav{ width:1110px; position:relative;}
#sitemap .nav h2{ float:left; font-size:0; position:absolute; top:-35px; line-height:1; height:85px; margin-bottom:0px;}
#sitemap .nav h2.mn1{left:15px;}
#sitemap .nav h2.mn2{left:230px;}
#sitemap .nav h2.mn3{left:469px;}
#sitemap .nav h2.mn4{left:699px;}
#sitemap .nav h2.mn5{left:900px;}
#sitemap .nav h2.mn6{left:778px;}
#sitemap .nav h2.mn7{left:920px;}
#sitemap .nav > ul > li > ul{width:14.2%; position:absolute; top:50px; left:0;  min-height:225px; }
#sitemap .nav ul.mn1{left:37px;}
#sitemap .nav ul.mn2{left:252px;}
#sitemap .nav ul.mn3{left:491px;}
#sitemap .nav ul.mn4{left:721px;}
#sitemap .nav ul.mn5{left:922px;}
#sitemap .nav ul.mn6{left:815px;}
#sitemap .nav ul.mn7{left:975px;}
#sitemap .nav ul li{width:100%; margin:0 0 2px 0;}
#sitemap .nav > ul > li > ul > li a{display:inline-block; border-bottom:1px solid transparent; height:18px; font-size:15px; color:#666666; overflow:hidden; margin-left:20px; }
#sitemap .nav > ul > li > ul > li a:hover {color:#0e76bc; border-bottom:1px solid #0e76bc; }
.treatment4 .title, .treatment5 .title { font-size:20px; color:#0e76bc; font-weight:bold; }
.treatment4 .desc2,.treatment5 .desc2 { font-size:18px; color:#666666; }
.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; }

/* 동영상 */
.vod_box{background-color: #ffffff;border: 4px solid #0090c6;left: 50%;margin:0 0 0 -325px;position: fixed;top: 200px;z-index: 1000;display:none;width:650px;height:366px;}
.vod_box .close {position: absolute;right: 0;top: 0;}

/*나의 고민 상담실*/
.pass-pop { text-align:center; padding-top:65px; width:562px; height:360px; border:1px solid #fff; background:#fff; position:fixed; z-index:600; display:none; top: 50%; left: 50%;margin: -180px 0 0 -281px; }
.pass-pop div > p { font-size:25px; line-height:1.3; }
.pass-pop .board { margin:0px 75px 25px; border-bottom:none; border-top:none; background:#f9f9f9;  }