@charset "utf-8";

.wrapper {max-width:1200px; margin:0px auto;}
.wrapper:after {display:block; content:''; clear:both;}

.rel {position:relative;}

#gnb ul.gnb_menu li.lang {display:none;}

#allmenu div.allmenuBox div#array_menu>ul>li>a {padding-top:150px; padding-bottom:0px; font-size:23px;}
#allmenu div.allmenuBox div#array_menu>ul>li.menu1>a {background:url(/clinic/images/inc/allmenu_ic01.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_menu>ul>li.menu2>a {background:url(/clinic/images/inc/allmenu_ic02.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_menu>ul>li.menu3>a {background:url(/clinic/images/inc/allmenu_ic03.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_menu>ul>li.menu4>a {background:url(/clinic/images/inc/allmenu_ic04.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_menu>ul>li.menu5>a {background:url(/clinic/images/inc/allmenu_ic05.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_menu>ul>li.menu6>a {background:url(/clinic/images/inc/allmenu_ic06.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a{color:#333; font-size:16px;}
#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li>a:after{background:#333}
#allmenu div.allmenuBox div#array_abc>ul>li.menu1>a {background:url(/clinic/images/inc/allmenu_abc01.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_abc>ul>li.menu2>a {background:url(/clinic/images/inc/allmenu_abc02.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_abc>ul>li.menu3>a {background:url(/clinic/images/inc/allmenu_abc03.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_abc>ul>li.menu4>a {background:url(/clinic/images/inc/allmenu_abc04.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_abc>ul>li.menu5>a {background:url(/clinic/images/inc/allmenu_abc05.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_abc>ul>li.menu6>a {background:url(/clinic/images/inc/allmenu_abc06.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_abc>ul>li.menu7>a {background:url(/clinic/images/inc/allmenu_abc07.gif) no-repeat center top;}
#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li>a {background:url(/clinic/images/contents/ssssblet.gif) no-repeat left 10px;}

#top {padding:34px 0 0; height:86px; overflow:hidden; background:#fff;}
#top h1 {position:relative; z-index:102; float:left; padding-right:83px;}
#top h1 img {max-width:100%;}

#top nav {float:left; width:74%;}
#top nav #lnb>ul {position: absolute; left:50%; top:75px; z-index:101; margin-left:-600px; width:1200px;}
#top nav #lnb>ul>li {float:left; /*width:16.6%;*/ padding:14px 20px 51px 26px; background:url('/clinic/images/inc/menu_dot.gif') no-repeat left 25px;}
#top nav #lnb>ul>li:first-child {margin-left:260px; background:none;}
#top nav #lnb>ul>li>a {display:block; padding-bottom:8px; text-align:center; font-size:21px; color:#000;}
#top nav #lnb>ul>li:hover>a {padding-bottom:5px; color:#2d8bfb; text-decoration:none; font-weight:600; border-bottom:3px solid #2d8bfb;}
#top nav #lnb>ul>li.on a {padding-bottom:5px; color:#2d8bfb; text-decoration:none; font-weight:600; border-bottom:3px solid #2d8bfb;}

#top nav .submenu {display:none;overflow:hidden;position:absolute; width:166px; height:404px; margin-top:40px; padding-top:20px; border-right:1px solid #d8d8d8; font-size:13px; z-index:101;}
#top nav .top_tit {display:none; position:absolute; top:70px; left:0px; z-index:101; width:197px; height:325px;}
#top nav .top_tit p {margin-top:37px; padding-top:16px; background:url('/clinic/images/inc/top_tit_line.gif') no-repeat left top; font-size:30px; font-weight:600; color:#333; letter-spacing:-1px;}
#top nav .menu1:hover .top_tit {display:block; background:url('/clinic/images/inc/top_tit01.gif') no-repeat right bottom;}
#top nav .menu2:hover .top_tit {display:block; background:url('/clinic/images/inc/top_tit02.gif') no-repeat right bottom;}
#top nav .menu3:hover .top_tit {display:block; background:url('/clinic/images/inc/top_tit03.gif') no-repeat right bottom;}
#top nav .menu4:hover .top_tit {display:block; background:url('/clinic/images/inc/top_tit04.gif') no-repeat right bottom;}
#top nav .menu5:hover .top_tit {display:block; background:url('/clinic/images/inc/top_tit05.gif') no-repeat right bottom;}
#top nav .menu6:hover .top_tit {display:block; background:url('/clinic/images/inc/top_tit06.gif') no-repeat right bottom;}
#top nav .menu1 .submenu {right:835px; border-left:1px solid #d8d8d8;}
#top nav .menu2 .submenu {right:668px;}
#top nav .menu3 .submenu {right:501px;}
#top nav .menu4 .submenu {right:334px;}
#top nav .menu5 .submenu {right:167px;}
#top nav .menu6 .submenu {right:0;}
#top nav #lnb>ul>li:hover .submenu, #top nav .submenu:hover, #top nav .submenu:active {background:#3288ee;}
#top nav #lnb>ul>li:hover .submenu>ul>li>a, #top nav .submenu>ul>li>a:hover, #top nav .submenu>ul>li>a:active {color:#fff;}
#top nav .submenu>ul>li {margin-bottom:10px; margin-left:15px; font-size:14px; letter-spacing:-1.5px; text-align:left;}
#top nav .submenu>ul>li>a:hover, #top nav .submenu>ul>li>a:active {font-weight:600; color:#fff;}
#menuBg {display:none; position:absolute; left:0; top:160px; min-width:1200px; width:100%; height:424px; background:#fff; z-index:100; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; }
#menuBg.on {display:block;}

footer {border-top:1px solid #d4d4d4;}
footer div.bottom{padding:30px 0px 40px; position:relative;}
footer div.bottom p.ft_logo{float:left; margin-top:15px;}
footer div.bottom div.btm_info {float:left; margin-left:57px;}
footer div.bottom div.btm_info ul.btm_menu{overflow:hidden;}
footer div.bottom div.btm_info ul.btm_menu li{float:left; padding:0 10px; font-size:14px; background:url('/clinic/images/inc/ft_bar.gif') no-repeat left center;}
footer div.bottom div.btm_info ul.btm_menu li:first-child {padding-left:0px; background:none;}
footer div.bottom div.btm_info ul.btm_menu li a {color:#323232;}
footer div.bottom div.btm_info div.copy_wrap {overflow:hidden;}
footer div.bottom div.btm_info div.copy_wrap address{margin-top:10px; color:#000000;}
footer div.bottom div.btm_info div.copy_wrap span {margin-left:20px;}
footer div.bottom div.btm_info div.copy_wrap>div {position:absolute;}
footer div.bottom div.btm_info div.copy_wrap h3 {position:absolute; left:0; top:0; z-index:99; margin:5px 0; padding:1px 0; width:160px; background:#ddd; text-align:center; font-size:13px; border-radius:10px;}
footer div.bottom div.btm_info div.copy_wrap .copy2 h3 {top:30px;}
footer div.bottom div.btm_info div.copy_wrap h3 a {display:block;}
footer div.bottom div.btm_info div.copy_wrap h3.select {background:#333;}
footer div.bottom div.btm_info div.copy_wrap h3.select a {color:#fff; font-weight:bold;}
footer div.bottom div.btm_info div.copy_wrap div .con {margin-left:170px; display:none;}
footer div.bottom ul.btm_visitor {position:absolute; top:32px; right:0; width:18%; text-align:right;}
footer div.bottom ul.btm_visitor li{display:inline-block; margin-left:3%; font-size:14px; font-weight:bold}
footer div.bottom ul.btm_visitor li span.tit:after {content:' :';}

.sm_point {margin-left:15px; font-size:13px; color:#999; font-weight:normal;}
.sm_point.org {color:#dc6f1e;}

.right_bar>a {-webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; position:relative; overflow:hidden;}
.right_bar>a:before {content:""; position:absolute; z-index:-1; right:0; top:0; bottom:0; background:#386dc1; width:4px; -webkit-transform:translateX(4px); transform:translateX(4px); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.right_bar>a:hover:before, .right_bar a:focus:before, .right_bar a:active:before {-webkit-transform:translateX(0px); transform:translateX(0px);}
.right_bar>.select a:hover:before, .right_bar .select a:focus:before, .right_bar .select a:active:before {-webkit-transform:translateX(4px); transform:translateX(4px);}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2d8bfb;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white;
}

/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@media all and (min-width:1200px){
	#top h1 {margin-top:-7px;}
}

@media all and (min-width:768px){
	.dp_mb {display:none;}
	.pc_block {display:block;}
	.pc_inline {display:inline;}
	.pc_hidden {display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important;}		
}

@media screen and (max-width:1200px){
	#top {padding:28px 0; height:auto; border-bottom:2px solid #2d8bfb; overflow:hidden;}
	#top h1 {position:relative; left:3%; padding-right:0;}
	#top h1 img {max-width:80%;}
	#top nav #lnb>ul {top:66px; left:0; margin-left:0px; width:100% !important;}
	#top nav #lnb>ul>li:first-child {margin-left:25%;}
	#top nav #lnb>ul>li>a {font-size:18px;}
	#top nav .submenu {position:absolute; width:16.6%; height:320px; margin-top:33px; padding-top:20px; border-right:1px solid #d8d8d8; font-size:13px; z-index:101;}
	#top nav .top_tit {display:none;}
	#top nav .menu1:hover .top_tit {display:none;}
	#top nav .menu2:hover .top_tit {display:none;}
	#top nav .menu3:hover .top_tit {display:none;}
	#top nav .menu4:hover .top_tit {display:none;}
	#top nav .menu5:hover .top_tit {display:none;}
	#top nav .menu6:hover .top_tit {display:none;}
	#top nav .menu1 .submenu {right:83%;}
	#top nav .menu2 .submenu {right:66.4%;}
	#top nav .menu3 .submenu {right:49.8%;}
	#top nav .menu4 .submenu {right:33.2%;}
	#top nav .menu5 .submenu {right:16.6%;}
	#top nav .menu6 .submenu {right:0;}
	#menuBg {top:143px; height:340px;}
}

@media screen and (max-width:1094px){
	#top h1 img {max-width:80%;}
	#top nav #lnb>ul>li:first-child {margin-left:25%;}
	#top nav #lnb>ul>li>a {font-size:16px;}
	#top nav .submenu {height:300px; margin-top:33px; padding-top:20px; border-right:1px solid #d8d8d8; font-size:13px; z-index:101;}
	#menuBg {top:143px; height:320px;}
	footer div.bottom p.ft_logo{display:none;}
	footer div.bottom div.btm_info{margin-left:20px;}
	footer div.bottom div.btm_info ul.btm_menu li {padding:0 5px; font-size:12px;}
	footer div.bottom div.btm_info div.copy_wrap *{font-size:12px;}
	footer div.bottom div.btm_info div.copy_wrap span {margin-left:10px;}
}

@media screen and (max-width:1030px){
	#top h1 img {max-width:65%;}
	#top nav #lnb>ul {top:62px;}
	#top nav #lnb>ul>li:first-child {margin-left:21%;}
	#top nav #lnb>ul>li>a {font-size:16px; letter-spacing:-2px;}
	#menuBg {top:137px; height:320px;}
}

@media screen and (max-width:900px){
	#top h1 img {max-width:65%;}
	#top nav #lnb>ul {top:62px;}
	#top nav #lnb>ul>li:first-child {margin-left:21%;}
	#top nav #lnb>ul>li>a {font-size:15px; letter-spacing:-2.5px;}
}

@media screen and (max-width:810px){
	#top h1 img {max-width:65%;}
	#top nav #lnb>ul {top:62px;}
	#top nav #lnb>ul>li:first-child {margin-left:19%;}
	#top nav #lnb>ul>li>a {font-size:15px; letter-spacing:-2.5px;}
}

@media screen and (max-width:767px){
	.dp_pc {display:none;}
	.mb_block {display:block;}
	.mb_inline {display:inline;}
	.mb_hidden {display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important;}	

	#allmenu div.allmenuBox div#array_menu>ul>li>a, #allmenu div.allmenuBox div#array_menu>ul>li>div {width:100%;}
	#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li{width:50%}
	#allmenu div.allmenuBox div#array_menu>ul>li>div>ul>li.long>ul li{width:48%}
	#allmenu div.allmenuBox div#array_abc>ul>li>a, #allmenu div.allmenuBox div#array_abc>ul>li>div {width:100%;}
	#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li{width:47%}

	#top {padding:28px 0; height:auto; border-bottom:2px solid #2d8bfb;}
	#top h1 {position:relative; left:3%; padding-right:0;}
	#top nav h2 {position:absolute; right:3%; top:62px; background:url('/clinic/images/inc/mb_menu.png') no-repeat center top; border-radius:100px; width:40px; height:40px; text-indent:-99999px; cursor:pointer;}
	#top nav {width:100%;}
	#top nav #lnb>ul {position: absolute; left:0; top:137px; z-index:101; margin-left:0; width:100%;}
	#top nav #lnb>ul>li {width:100%; padding:0; background:#fff; text-indent:20px; border-bottom:1px solid #ddd;}
	#top nav #lnb>ul>li:first-child {margin-left:0; background:#fff;}
	#top nav #lnb>ul>li>a {display:block; padding:15px 0; text-align:left; font-size:21px;}
	#top nav #lnb>ul>li:hover>a {padding:15px 0; border-bottom:none; background:#fff;}
	#top nav #lnb>ul>li.on a {padding:15px 0; border-bottom:none; background:#fff;}

	#top nav .submenu {display:none;overflow:hidden;position:relative; width:100%; height:100%; margin-top:0; padding-top:20px; padding-bottom:10px; border-right:none; border-top:1px solid #d8d8d8;}
	#top nav .top_tit {display:none;}
	#top nav .menu1:hover .top_tit {display:none;}
	#top nav .menu2:hover .top_tit {display:none;}
	#top nav .menu3:hover .top_tit {display:none;}
	#top nav .menu4:hover .top_tit {display:none;}
	#top nav .menu5:hover .top_tit {display:none;}
	#top nav .menu6:hover .top_tit {display:none;}
	#top nav .menu1 .submenu {right:0; border-left:none;}
	#top nav .menu2 .submenu {right:0;}
	#top nav .menu3 .submenu {right:0;}
	#top nav .menu4 .submenu {right:0;}
	#top nav .menu5 .submenu {right:0;}
	#top nav .menu6 .submenu {right:0;}
	#top nav #lnb>ul>li:hover .submenu, #top nav .submenu:hover, #top nav .submenu:active {background:#f9f9f9;}
	#top nav #lnb>ul>li:hover .submenu>ul>li>a, #top nav .submenu>ul>li>a:hover, #top nav .submenu>ul>li>a:active {color:#484848;}
	#top nav .submenu>ul>li {margin-bottom:10px; margin-left:15px; font-size:14px; letter-spacing:-1.5px; text-align:left;}
	#top nav .submenu>ul>li>a:hover, #top nav .submenu>ul>li>a:active {font-weight:600; color:#484848;}
}
@media screen and (max-width:480px){
	.wrap{min-width:300px}
	footer div.bottom div.btm_info div.copy_wrap>div {position:absolute; width:90%;}
	footer div.bottom div.btm_info div.copy_wrap h3 {top:0; margin:5px 0; padding:1px 0; width:50%;}
	footer div.bottom div.btm_info div.copy_wrap .copy2 h3 {left:50%; top:0 !important;}
	footer div.bottom div.btm_info div.copy_wrap div .con {margin-left:0; margin-top:40px; width:90%;}
	footer div.related ul.link>li>a .ml_5{margin-left:-5px}
}