@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
.opensans { font-family: 'Open Sans', sans-serif; }


/*---------------------------------------------------------------------------------------------------------------
	HEADER
---------------------------------------------------------------------------------------------------------------*/
.headerWrapper { display: block; position: relative; height: 129px; }
.topMenu { height: 45px; display: block; }
.topMenu ul { float: right; margin: 15px 0 0; height: 30px; }
.topMenu li { color: #888; font-size: 11px; float: left; }
.topMenu a.bookmark { padding-left: 20px; background: url('../images/icon-bookmark.jpg') no-repeat; }
.topMenu a { color: #888; line-height: 20px;}
.logo { display: block; position: relative; text-align: center; }

/*---------------------------------------------------------------------------------------------------------------
	NAVIGATION
---------------------------------------------------------------------------------------------------------------*/
.naviWrapper { display: block; background: #ff7a01; height: 51px; width: 100%; }
#topnav {
	margin: 0 auto; 
	padding: 0;
	list-style: none;
	width: 990px;
}
#topnav li {
	float: left;
	width: 105px; 
	padding: 0 0 0 60px; 
	margin: 0; 
	font-size: 15px; 
	float: left; 
	font-weight: bold;
	line-height: 51px; 
	color: #fff;
}
#topnav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding:0; 
}
#topnav li a:hover { color: #ffc4a4; }
#topnav li .sbNavi {
	padding: 23px 0 25px; 
	position: absolute;
	left: 0; 
	top: 180px; 
	display: none;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #fe800d;
	z-index: 8888;
}
#topnav li:hover .sbNavi { display: block; }
.sbNavi td { vertical-align: top; }
.sbNavi .category { width: 160px; padding-left: 60px; }
.sbNavi h1 { font-size: 28px; font-weight: bold; color: #ff7a01; margin:0; line-height: 1.3; }
.sbNavi ul { padding: 0; margin: 0; }
.sbNavi li { 
	float: left; 
	background: url('../images/icon-circle.jpg') no-repeat 0px 12px; 
	height: 20px !important; 
	line-height: 20px !important; 
	width: 150px !important; 
	margin: 0 0 5px !important; 
	padding: 5px 0 0 20px !important;
	font-size: 13px !important;
}
.sbNavi li a:link, .sbNavi li a:visited { color: #666 !important; font-weight: normal; }
.sbNavi li.active a, .sbNavi li a:hover { color: #ff7a01 !important; }




/*---------------------------------------------------------------------------------------------------------------
	MAIN CONTENTS
---------------------------------------------------------------------------------------------------------------*/
.mainContents { display: block; background: #ececec; padding: 27px 0 29px; position: relative; }
.mainContents .box { margin: 0 0 10px; }
.mainContents .counselRq { width: 358px; height: 150px; padding: 20px 16px; background: #fff; vertical-align: top; }
.mainContents .counselRq table { margin: 10px 10px 0; }
.mainContents .counselRq td { padding: 2px 6px; font-size: 12px; }
.mainContents .counselRq Input[type="text"], 
.mainContents .counselRq select { 
	height: 14px; 
	border-radius: 0; 
	padding: 2px 6px; 
	line-height: 12px; 
	font-size: 11px;
}

.mainContents .counselRq .form-static { line-height: 20px; }


/*---------------------------------------------------------------------------------------------------------------
	FOOTER
---------------------------------------------------------------------------------------------------------------*/
.footer { display: block; padding: 20px 0; overflow: auto; }
.footer.sub { background: #ececec; }
.footer .inner { padding: 0 75px; }
.footer .siteMap { width: 100%; margin: 10px 0 15px; /* border-top: 1px solid #ddd; */ border-bottom: 1px solid #ddd; }
.footer .siteMap td { vertical-align: top; padding: 15px 10px; }
.siteMap h1 { font-size: 14px; font-weight: bold; color: #555; margin: 0 0 10px; }
.siteMap li { margin: 0 0 4px; }
.siteMap li a { color: #999; font-size: 11px; }
.siteMap li a:hover { color: #ff7a01; }
.footer .copy { width: 100%; font-size: 10px; color: #999; letter-spacing: -0.0007em; }




/*---------------------------------------------------------------------------------------------------------------
	SUB LAYOUT
---------------------------------------------------------------------------------------------------------------*/
.subWrapper { display: block; position: relative; overflow: auto; }
.sbLeft { width: 192px; padding-right: 49px; float: left; display: block; position: relative; }
.snb { background: #ededed; margin: 0 0 10px; }
.snb .title { padding: 50px 0 0; height: 55px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;  }
.snb .title h1 { font-size: 30px; color: #555; font-weight: bold; margin: 0 0 10px; text-align: center; }
.snb ul { margin: 0; padding: 0; display: block; }
.snb li { 
	margin: 0; 
	padding: 0 22px;
	list-style: none;
	border-left: 1px solid #e6e6e6; 
	border-right: 1px solid #e6e6e6; 
	border-bottom: 1px solid #e6e6e6; 
	background: url('../images/snb-off.png') no-repeat 160px 12px;
}
.snb li a { 
	line-height: 35px; 
	display: block; 
	color: #8f8f90; 
}
.snb li.active { 
	border-left: 1px solid #ef7302 !important; 
	border-right: 1px solid #ef7302 !important;  
	border-bottom: 1px solid #ef7302 !important; 
	background: url('../images/snb-on.png') no-repeat 160px 12px #ff7a01 !important; 
}
.snb li.active a { 
	color: #fff !important; 
}

.leftBanner { display: block; margin: 0 0 100px; }
.leftBanner ul { margin: 0; padding: 0; }
.leftBanner li { list-style: none; margin: 0 0 5px !important; padding: 0 !important;}

.sbRightSky { width: 80px; display: block; position: absolute; top: 230px; left: 50%; margin-left: 512px; }
.sbRightSky ul { margin: 0; padding: 0; }
.sbRightSky li { margin: 0 0 10px; padding: 0; }

.rightSky { position: absolute; top: 180px; right: 0; z-index: 9999; }
.rightSky .skyIcon { margin: 0; padding: 0; float: left; display: block; }
.rightSky .skyIcon li { margin:0; padding:0; background: #fff; display: block; border: 1px solid #dfdfdf; border-top: none; }
.rightSky .skyIcon li:hover { background: #dfdfdf; }

#skyLayerWrapper { display: none; width: 287px; height: 350px; padding: 25px; background: #fff; border-bottom: 1px solid #dfdfdf; position: relative; float: right; }
#skyLayerWrapper .skyLayer { display: block; position: relative; font-size: 12px; line-height: 1.3; }
.layerClose { position: absolute; width: 30px; height: 30px; top: -10px; right: -10px; color: #ff7a01; font-size: 30px; text-align: center; cursor: pointer; }
.skyLayer table { width: 100%; border-bottom: 1px solid #6a6a6a; }
.skyLayer thead th { padding: 12px 0; text-align: center; border-top: 2px solid #6a6a6a; border-bottom: 1px solid #6a6a6a; }
.skyLayer tbody td { border-bottom: 1px solid #e4e4e4; padding: 10px 5px;   }
.skyLayer li { margin: 0 0 5px; }
.skyLayer li small { line-height: 1.7; color: #ff7a01; }
.openLayer.active { background: #dfdfdf; }

.sbRight { width: 749px; float: left; display: block; padding: 50px 0 100px; }
.pageTitle { display: block; margin: 0 0 40px; padding: 0 0 20px; background: url('../images/title-bg.jpg') no-repeat 0 100%; }
.pageTitle h1 { font-size: 30px; color: #ff7a01; margin: 0 0 8px; }
.pageTitle p { margin: 0; font-size: 14px; }
.pageTitle p b { color: #ff7a01; }


/*---------------------------------------------------------------------------------------------------------------
	ONE CLICK 
---------------------------------------------------------------------------------------------------------------*/
.oneClick { position: relative; }
.oneClickBox { position: relative; border: 2px solid #ccc; padding: 20px; }

.oneClick .over { position: absolute; display: none; visibility: none; z-index: 888; cursor: pointer; }
.oneClick .over.head { left: 338px; top: 169px; }
.oneClick .over.shoulder { left: 310px; top: 256px; }
.oneClick .over.waist { left: 323px; top: 368px; }
.oneClick .over.hand { left: 227px; top: 429px; }
.oneClick .over.hand2 { left: 468px; top: 429px; }
.oneClick .over.knee { left: 322px; top: 564px; }
.oneClick .over.knee2 { left: 393px; top: 564px; }
.oneClick .over.foot { left: 287px; top: 714px; }
.oneClick .over.foot2 { left: 417px; top: 711px; }
.oneClick .over.neck { left: 353px; top: 234px; }
.oneClick .over.arm { left: 257px; top: 302px; }
.oneClick .over.arm2 { left: 429px; top: 302px; }
.oneClick .over.leg { left: 314px; top: 460px; }
.oneClick .over.leg2 { left: 381px; top: 460px; }
.oneClick .over.leg3 { left: 315px; top: 601px; }
.oneClick .over.leg4 { left: 402px; top: 601px; }
.oneClick .over.hip { left: 318px; top: 404px; }

.mouseOver { cursor: pointer; }

#info1 { top: 120px; left: 50%; margin-left: -125px;}
#info2 { top: 210px; left: auto; right: 80px; }
#info3 { top: 230px; left: 60px; }
#info4 { top: 300px; left: auto; right: 40px; }
#info5 { top: 430px; left: 10px; }
#info6 { top: 350px; left: 90px;}
#info7 { top: 390px; left: auto; right: 70px; }
#info8 { top: 600px; left: 70px; }
#info9 { top: 550px; left: auto; right: 60px; }
#info10 { top: 680px; left: auto; right: 20px; }

.dialog a { color: #464646; }
.dialog a b { color: #428bca; display: block; }
.dialogOver a:hover, .dialogOver a:hover b, .dialogOver:hover a, .dialogOver:hover a b { color: #ff7a01 !important; }
.dialogOver .swapImg { width: 69px; height: 69px; background: url('../images/icon-bg-off.png') no-repeat left top; display: block; }
.dialogOver:hover .swapImg { background: url('../images/icon-bg-on.png') no-repeat left top; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  max-width: 250px;
  padding: 1px;
  font-weight: normal;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover .closebtn { background: #000; color: #fff; cursor: pointer; padding: 2px 5px; position: absolute; right: 0; bottom: 0; font-size: 10px; }

.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 13px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}

.popover-title small { font-size: 11px; color: #777;}

.popover-content {
  padding: 9px 14px;
  font-size: 12px; 
  line-height: 1.3;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
  word-break: keep-all;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -60px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: -10px;
  margin-top: -20px; 
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: 10px;
  margin-top: -20px; 
}
.tooltip-inner {
  max-width: 200px;
  min-width: 35px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
  word-break: keep-all;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}


/*---------------------------------------------------------------------------------------------------------------
	Doctor
---------------------------------------------------------------------------------------------------------------*/
.drWrapper { background: url('../images/doctor-bg.jpg') no-repeat right top #fafafa; display: block; margin: 0 0 20px; border-bottom: 1px solid #eee; }
.drWrapper.bg2 { background: url('../images/doctor-bg2.jpg') no-repeat right top; }
.drWrapper .inner { vertical-align: top; padding: 50px 0 30px; }
.drWrapper .inner h5 { margin-top: 20px; }
.drWrapper .inner ul { padding: 0 5px; margin: 10px 0 0; }


/*---------------------------------------------------------------------------------------------------------------
	Feature Style
---------------------------------------------------------------------------------------------------------------*/
.feature { padding: 0 0 15px 55px; position: relative; }
.feature.style2 { padding: 7px 0 0 70px; position: relative; }

.feature .icon { 
	width: 45px; 
	height: 45px; 
	border-radius: 50%;
	background: #ccc; 
	text-align: center; 
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	top: 0; 
}
.feature.style2 .icon { 
	background: #888; 
	text-align: center; 
	box-shadow: none;
	width: 55px;
	height: 55px;
}
.feature .icon i { font-size: 24px; color: #fff; text-align: center; line-height: 45px; }
.feature.style2 .icon i { font-size: 28px; color: #fff; text-align: center; line-height: 55px; }
.feature h5 { margin: 5px 0 0; line-height: 1.2; font-size: 17px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #ff7a01; }
.feature.style2 h5 { font-family: inherit; color: inherit; font-size: 15px; font-weight: bold; margin: 0 0 4px; }
.feature p { margin: 0; }





/*---------------------------------------------------------------------------------------------------------------
	병원 둘러보기
---------------------------------------------------------------------------------------------------------------*/
#preview .flexslider { 
	margin: 0 0 20px; 
	background: #fff; 
	border: none; 
	position: relative; 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	-o-border-radius: 0; 
	border-radius: 0; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none; 
	box-shadow: none; 
	zoom: 1;
}

#preview #carousel .slides li  { margin: 0 6px 0 0; cursor: pointer; background: #000; }
#preview #carousel .slides li img { border: 1px solid #fff; cursor: pointer; }
#preview #carousel .slides .flex-active-slide img, #preview #carousel .slides li img:hover { border: 1px solid #1a4393; transition: all ease-in-out 0.2s; cursor: pointer; }

#preview #carousel .flex-direction-nav {*height: 0;}
#preview #carousel .flex-direction-nav a  { 
	text-decoration:none; 
	display: block; 
	width: 30px; 
	height: 30px; 
	margin: -15px 0 0; 
	position: absolute; 
	top: 50%;
	bottom: auto; 
	z-index: 10; 
	overflow: hidden; 
	opacity: .7; 
	cursor: pointer; 
	color: rgba(255, 255, 255, 0.9) !important; 
	color: #fff;
	background: transparent;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	text-align: center; 
}
#preview #carousel .flex-direction-nav .flex-prev { left: 10px; right: auto; }
#preview #carousel .flex-direction-nav .flex-prev:hover { left: 5px; right: auto; }
#preview #carousel .flex-direction-nav .flex-next { right: 10px; }
#preview #carousel .flex-direction-nav .flex-next:hover { right: 5px; }
#preview #carousel .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 24px; line-height: 1.4; font-weight: normal; display: inline-block; content: '\f001'; }
#preview #carousel .flex-direction-nav a.flex-next:before  { content: '\f002'; }


/*---------------------------------------------------------------------------------------------------------------
	오시는 길
---------------------------------------------------------------------------------------------------------------*/
#map2, #map3 { display: none; }


/*---------------------------------------------------------------------------------------------------------------
	증사별 치료
---------------------------------------------------------------------------------------------------------------*/
.imgTitle { display: block; background-repeat: no-repeat; background-position: right bottom; background-color: #f7f7f7; margin: 0 0 30px; padding: 30px 35px; }
.imgTitle h1 { margin: 0 0 30px; border-bottom: 2px solid #555; line-height: 1.3; color: #555; display: inline-block;}
.imgTitle h5 { margin: 0 0 15px; }
.imgTitle p { margin: 0 0 20px; }




/*---------------------------------------------------------------------------------------------------------------
	UI COMPONENTS
---------------------------------------------------------------------------------------------------------------*/
.lineBox { border-bottom: 1px solid #ddd; display: block; margin: 0 0 30px; }
.lineBox .title { 
	height: 26px; 
	line-height: 26px; 
	padding: 8px 38px; 
	display: block; 
	border-top: 1px solid #f0cdac; 
	border-bottom: 1px solid #f0cdac;
	color: #ff7a01; 
	background: url('../images/icon-arrow.png') no-repeat 10px 10px #fafafa; 
	font-size: 16px; 
}
.lineBox .text { padding: 20px 20px; overflow: auto; }
.lineBox .text p:last-child { margin: 0; }
.lineBox .text li { margin: 0 0 5px; line-height: 1.4; padding: 5px 0 0 0; }
.lineBox .text li .label.badge { margin: 0 5px 0 0 !important; }
.lineBox hr { box-shadow: none; height: 1px; border: none; border-top: 1px solid #ddd; margin: 15px 0; }


.table-icon { width: 100%; }
.table-icon td { padding: 5px 0; line-height: 1.3; vertical-align: middle; }

.table-blue { width: 100%; margin: 15px 0; line-height: 1.3; }
.table-blue tbody td { padding: 8px 15px; border: 1px solid #ddd; color: #666; }
.table-blue.condensed tbody td { padding: 7px 10px; border: 1px solid #ddd; color: #666; }
.table-blue tbody td.active { background: #f6f6f6; }
.table-blue tbody th, .table-blue thead th { background: #d9e9f7; border: 1px solid #c1d7eb; text-align: left; padding: 8px 15px; color: #476988; font-weight: bold; }
.table-blue.condensed tbody th, .table-blue.condensed thead th { padding: 7px 10px; }
.table-blue thead + .table-blue tbody td { border-top: none; }

.tabs { display: block; margin: 0 0 0; height: 40px; border-bottom: 2px solid #e87105; }
.tabs ul { margin: 0; padding: 0;}
.tabs li { float: left; margin: 0 3px 0 0; display: block; }
.tabs li a { height: 40px; line-height: 40px; padding: 0 20px; background: #eee; text-align: center; display: block; border-radius: 3px 3px 0 0; color: #777; }
.tabs li.on a { background: #ff7a01; color: #fff; }

.tabs + .lineBox .title { border-top: none; }

.thumbnail { padding: 8px; border: 1px solid #ddd; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
img.alignleft,
div.alignleft {
    float: left;
    margin: 5px 20px 13px 0;
    max-width: 100%;
}

div.alignleft > img,
div.alignnone > img,
div.aligncenter > img,
div.alignright > img {
    display: block;
    float: none;
}

img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
    display: block;
    margin: 10px 0;
    float: none;
}

img.aligncenter,
div.aligncenter,
div.aligncenter img {
    margin-left: auto;
	margin-right: auto;
	clear: both;
}

img.alignright,
div.alignright {
    float: right;
	clear: both;
    margin: 5px 0 13px 20px;
}


#checkList .check { border-bottom: 1px dashed #ddd; width: 340px; line-height: 1.8; cursor: pointer; }
.checked { color: #ff7a01; }
#checkList .fa-li { top: 0.40285714em; }

.stepBox { 
	display: block; 
	background: #f5f5f5; 
	border: 1px solid #ddd; 
	margin: 0; 
	padding: 15px 50px 15px 50px; 
	position: relative; 
	overflow: hidden;
	border-radius: 5px; 
}
.stepBox .num { 
	font-family: 'Open Sans', sans-serif; 
	letter-spacing: -6px; 
	font-size: 65px; 
	color: #999; 
	font-style: italic; 
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); 
	position: absolute; 
	top: -25px; 
	left: -10px;
}
.stepBox h1 { font-size: 20px; color: #ff7a01; margin: 15px 0 10px; }