/*@font-face {font-family:Nanum_G; src:url('http://seoultopweb.cdn3.cafe24.com/assets/font/NANUMGOTHIC.TTF');}
@font-face {font-family:Nanum_GB; src:url('http://seoultopweb.cdn3.cafe24.com/assets/font/NANUMGOTHICBOLD.TTF');}
@font-face {font-family:Nanum_GEB; src:url('http://seoultopweb.cdn3.cafe24.com/assets/font/NANUMGOTHICEXTRABOLD.TTF');}
@font-face {font-family:Nanum_M; src:url('http://seoultopweb.cdn3.cafe24.com/assets/font/NANUMMYEONGJO.EOT');}
@font-face {font-family:Nanum_MB; src:url('http://seoultopweb.cdn3.cafe24.com/assets/font/NANUMMYEONGJOBOLD.TTF');}
@font-face {font-family:Nanum_MEB; src:url('http://seoultopweb.cdn3.cafe24.com/assets/font/NANUMMYEONGJOEXTRABOLD.EOT');}*/

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* global */
html{}
@media (min-width: 768px) {
	body{
		font-family:'Nanum Gothic';
		/*background:#445577 URL('http://seoultopweb.cdn3.cafe24.com/assets/img/site/site.bg.0.gif');*/
		background:#445577 URL('http://seoultopclinic.com/assets/img/site/site.bg.1.gif');
		padding-top: 51px;
	}

}
@media (max-width: 1200px) {
	body{
		font-family:'Nanum Gothic';
		/*background:#445577 URL('http://seoultopweb.cdn3.cafe24.com/assets/img/site/site.bg.0.gif');*/
		background:#445577 URL('http://seoultopclinic.com/assets/img/site/site.bg.2.gif');
		padding-top: 51px;
	}
}

h1{
	font-family:'Nanum Gothic';
	font-size:24px;
	line-height:26px;
}

h2{
	font-family:'Nanum Gothic';
   font-size:22px;
   line-height:24px;
}

h3{font-family:'Nanum Gothic';
   font-size:20px;
   line-height:22px;
}

h4{
	font-family:'Nanum Gothic';
   font-size:18px;
   line-height:20px;
}

h5{
	font-family:'Nanum Gothic';
   font-size:16px;
   line-height:18px;
}

h6{
	font-family:'Nanum Gothic';
   font-size:13px;
   line-height:14px;
}

.table th{font-size:13px;}
.table td{font-size:13px;}

.pagination li a{
	-webkit-box-shadow: inset 0px -1px 0px 0px rgba(50, 50, 50, 0.3), 0px 2px 2px 0px rgba(30, 30, 30, 0.4);
	-moz-box-shadow:    inset 0px -1px 0px 0px rgba(50, 50, 50, 0.3), 0px 2px 2px 0px rgba(30, 30, 30, 0.4);
	box-shadow:         0px 1px 0px 0px rgba(255, 255, 255, 0.9), 0px 2px 3px 0px rgba(30, 30, 30, 0.15),inset 0px -15px 0px 0px rgba(50, 50, 50, 0.04);
	border-bottom:solid 1px #AAA;
}
p{ margin:2px 10px;}
label{font-size:13px; font-weight:bold; color:#666; margin:5px; margin-right:10px;}
textarea{resize:none; font-size:12px !important; padding:15px;}
ul{ line-height:15px;}
dt{font-size:14px;}
dd{font-size:13px;}
img{max-width:100%}
hr.small{ margin:10px 10px;}
hr.xsmall{ margin:5px 10px;}
hr.opacity{opacity: 0.5;}

a:link, a:visited, a:active {
	text-decoration:none;
}
a:hover {
}
.panel{border:none}
.fieldset{border: solid 1px #DDD; padding: 15px; margin:0; border-radius: 5px;}
.fieldset legend{
	font-size: 16px;
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}
.fieldset label{ padding-right:10px;}


span.label{font-weight:normal; font-size:100%;}
span.label i.fa{font-size:80%; margin:-3px;}
@media (min-width: 768px) {
.npsd_view{ width:100%; margin-left:auto; margin-right:auto;}
}

.btn-outline-white{
	background: transparent;
	border-color: #FFF;
	color: #FFF;
}


.fa{
	margin-right: 5px;
}
/* common */
.npsd_container{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

	/* Small devices (tablets, 768px and up) */
	@media (max-width: 768px) {
		.panel{margin:0;}
		.panel-heading{font-weight:bold;}
		.panel-body{margin:0; padding:15px 20px;}
		
	}
	/* Small devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		
		
	}
	
	/* Medium devices (desktops, 992px and up) */
	/*@media (min-width: 992px) {
		
		.npsd_container{
			width: 970px;
			margin-left: auto;
			margin-right: auto;
		}

		.npsd_box{ width:150px; height:150px; float:left; margin:5px;}
		.npsd_box_left{float:left; margin-left:0;}
		.npsd_box_right{float:left; margin-right:0;}
		.npsd_box h5{ margin:0 10px;}
		.panel-body{margin:0; padding:15px 20px;}
		
		.npsd_col_3{width:240px;}
		.npsd_col_3 > .panel{width:235px; height:100%;}
		
		.npsd_col_9{width:710px;}
		.npsd_col_9 > .panel{width:705px; height:100%;}
		
		.npsd_col_12{width:950px;}
		.npsd_col_12 > .panel{width:950px; height:100%;}
		
		.npsd_col_4{width:315px;}
		.npsd_col_4 > .panel{width:310px; height:100%;}
		
		.npsd_col_8{width:635px;}
		.npsd_col_8 > .panel{width:630px; height:100%;}
		
		.npsd_col_10{width:795px;}
		.npsd_col_10 > .panel{width:790px; height:100%;}
		
		.npsd_col_6{width:480px;}
		.npsd_col_2{width:155px;}
	}*/
	/* Large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {
		.npsd_container{
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}
		
		.npsd_box{ width:150px; height:150px; float:left; margin:5px;}
		.npsd_box_left{float:left; margin-left:0;}
		.npsd_box_right{float:left; margin-right:0;}
		.npsd_box h5{ margin:0 10px;}
		
		.panel-group.hidden-xs .panel-heading{margin:1%;}
		.panel-heading{margin:0;}
		.panel-body{margin:0; padding:15px 20px;}
		
		.npsd_col_3{width:240px;}
		.npsd_col_3 > .panel{width:235px; height:100%;}
		
		.npsd_col_9{width:710px;}
		.npsd_col_9 > .panel{width:705px; height:100%;}
		
		.npsd_col_12{width:950px;}
		.npsd_col_12 > .panel{width:950px; height:100%;}
		
		.npsd_col_4{width:315px;}
		.npsd_col_4 > .panel{width:310px; height:100%;}
		
		.npsd_col_8{width:635px;}
		.npsd_col_8 > .panel{width:630px; height:100%;}
		
		.npsd_col_10{width:795px;}
		.npsd_col_10 > .panel{width:790px; height:100%;}
		
		.npsd_col_6{width:480px;}
		.npsd_col_2{width:155px;}
		
	}
	
	
.block a{color:#FFF; font-weight:normal;}
.block a:hover{text-decoration:none; color:#FFF; font-weight:bold; font-size:16px;}
.block ul{padding:0; margin:0; list-style:none;}
.block ul li{ margin:2px 0;}

.panel.noshadow{
	box-shadow: none;
}
.panel, .panel-heading{
	border-radius: 0;
}
.panel-heading{
	padding: 15px 20px;
	font-size: 16px;
	font-weight: 600;
}
.panel-body{
	border:solid 1px #DDD;
	border-top: none;
}
.panel-body.noborder{
	border:none;
}


.panel-secondary>.panel-heading {
    color: #ffffff;
    background-color: #5BC2A7;
    border-color: #5BC2A7;
}

.padding-10{
	padding: 10px;
}
.padding-20{
	padding: 20px;
}
.nopadding{
	padding: 0;
}
.nomargin{
	margin:0;
}
.noradius{
	border-radius: 0;
}
.noborder{
	border: none;
}
.noliststyle{
	list-style-type: none;
	padding: 0;
	margin:0;
}
.padding-top-5{
	padding-top: 5px;
}

.padding-top-10{
	padding-top: 10px;
}
.padding-top-20{
	padding-top: 20px;
}

.padding-top-25{
	padding-top: 25px;
}
.padding-bottom-5{
	padding-bottom: 5px;
}
.margin-top-8{
	margin-top: 8px !important;
}

.border-top-solid{
	border-top: solid 1px #ddd !important;
}
.border-left-solid{
	border-left: solid 1px #ddd !important;
}
.border-right-solid{
	border-right: solid 1px #ddd !important;
}
.border-bottom-solid{
	border-bottom: solid 1px #ddd !important;
}

/* header */
.npsd_header{ margin:5px 0; padding:10px; background-color:#FFF; border:solid 1px #CCC;}
.npsd_header > div {margin:10px;}

#site_logo{
}
.npsd_navbar{
	margin:0;
	margin-bottom:5px;
	border-radius:0 0 4px 4px;
	border:none;
	background-color:#333;
	background-repeat:repeat-x;
}
.npsd_navbar .navbar-right{ margin-top:15px;}

.npsd_navbar_sub a{
	color:#AAA;
	font-size:14px;
}
.npsd_navbar_sub a:hover{
	color:#666;
}
.npsd_navbar_sub.nav-pills>li.active>a,
.npsd_navbar_sub.nav-pills>li.active>a:hover,
.npsd_navbar_sub.nav-pills>li.active>a:focus {
	color:#FFF;
	background:none;
}
ul.media-list dt{ margin-bottom:8px;}
ul.media-list dd{ margin-bottom:8px;}
ul.media-list .li_number{list-style:decimal; line-height:130%; margin:8px 0;}
ul.media-list .li_number li{margin-bottom:6px; color:#4B689E;}
ul.media-list .li-latin{list-style:lower-roman; line-height:120%; margin:8px 0;}
ul.media-list .li-latin li{margin-bottom:6px; color:#784E76;}


/* main */
.npsd_row_bg_none{
	background-color:transparent;
}

.npsd_row_bg_snu{
	/*background:#445577 URL('http://seoultopweb.cdn3.cafe24.com/assets/img/site/site.bg.0.gif');*/
	background:#445577 URL('http://seoultopclinic.com/assets/img/site/site.bg.2.gif');
}
.npsd_row_bg_white{
	background-color: #FFF;
}

.npsd_row_bg_light{
	background-color: #FAFAFA;
}
.npsd_row_bg_dark{
	background-color: #AAA;
}

.npsd_row_bg_footer{
	background-color: #333;
}


.npsd_main_slide{
	background:url('http://seoultopclinic.com/assets/img/main/img.main.png') no-repeat center center;
	background-size: cover;
	
}

#npsd-slider{
	box-shadow: 10px 0 10px 0 rgba(0,0,0,0.3);

}



@media (min-width: 992px) {
	.npsd_main_slide{
		height: 380px;
	}
}
@media (min-width: 1200px) {
	.npsd_main_slide{
		height: 380px;
	}
}


@media (min-width: 992px) {
	.npsd_main_clinic{
		height: 380px;
	}
}
@media (min-width: 1200px) {
	.npsd_main_clinic{
		height: 380px;
	}
}

.npsd_main_clinic{
	padding-top: 70px;
	background: url('/assets/img/main/bg.network.jpg') top left no-repeat;
}

.npsd_main_clinic .row{
	background: url('/assets/img/main/bg.network.sep.png') top center no-repeat;
	height: 25%;
}
/*.npsd_main_clinic .row{
	background-color: #5D8BCA;
}*/
.npsd_main_clinic .row > div{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column ;
	height: 100%;
	color: #FFF;
	text-align: center;
}
/*
.npsd_main_clinic .row > div.npsd_main_clinic_01{
	background-color: #5D8BCA;
}
.npsd_main_clinic .row > div.npsd_main_clinic_02{
	background-color: #506AA6;
}
.npsd_main_clinic .row > div.npsd_main_clinic_03{
	background-color: #506AA6;
}
.npsd_main_clinic .row > div.npsd_main_clinic_04{
	background-color: #5D8BCA;
}
.npsd_main_clinic .row > div.npsd_main_clinic_05{
	background-color: #5D8BCA;
}
.npsd_main_clinic .row > div.npsd_main_clinic_06{
	background-color: #506AA6;
}
.npsd_main_clinic .row > div.npsd_main_clinic_07{
	background-color: #506AA6;
}*/
.npsd_main_clinic .row > div > div.npsd_main_clinic_title{
	padding: 1px 5px;
	font-size: 12px;
	font-weight: 600;
	border-bottom: solid 1px #FFF; 
}
.npsd_main_clinic .row > div > div.npsd_main_clinic_phone{
	font-size: 12px;
}
.npsd_main_clinic a{
	color: #FFF;
}

.npsd_main_menubox div{
	height: 100px;
}


.hover .over{ position:relative;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.3);filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity 0.5s;transition: opacity 0.5s;cursor: pointer;}
.hover:hover .over {filter:alpha(opacity=30);opacity:1;}
.hover .panel-heading{position:absolute;margin-top:-145px;z-index:100;}


	.npsd_box_reservation{height:100%; color:#FFF;}
		.npsd_box_reservation > .panel-body{ margin:0;}
		
	.npsd_box_about{background-color:#2783BE;}
	.npsd_box_operation{background-color:#A4BB3A;}
	.npsd_box_consult{background-color:#3AAEBB;}
	.npsd_box_contract{background-color:#A849C7;}
	
	.npsd_box_carousel{ overflow:hidden; float:left; }
		.npsd_box_carousel .carousel-inner{background-color:#333;}
		.npsd_box_carousel ol.carousel-indicators{bottom:-8px;}
	.npsd_box_network{text-align:right; width:150px; height:310px; overflow:hidden; float:left; margin:5px;}
		.npsd_box_network img{border-radius:4px; overflow:hidden; float:left;}
		
	.npsd_box_board{text-align:right;}
		.npsd_box_board img{border-radius:4px;}
	
	.npsd_box_media{ width:470px; border:solid 1px #CCC}
		.npsd_box_media .media { height:128px; padding:10px;}
		.npsd_box_media .media img.media-object{width:128px; max-width:128px; max-height:128px;}
		.npsd_box_media .media .media-heading{ font-size:14px; color:#666; font-weight:bold;}
		.npsd_box_media .media .media-body{ font-size:12px; color:#999; line-height:130%;}
		

.npsd-clinic-pill>li>a{
	border-radius: 0;
	background: url('/assets/img/main/bg.clinics.jpg');
}

.npsd-main-clinic{
	list-style-type:none;
	margin: 0;
	padding: 0;
	font-size: 0;
	white-space: 0;

}
.npsd-main-clinic>li{
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 14px;
	box-sizing: border-box;
	width: calc(100% / 7);
	height: 160px;
	border: none;
	border-bottom: solid 2px #428bca;
}

.npsd-main-clinic>li>a{
	display: block;
    position: absolute;
    font-size: 14px;
    color: #ffffff !important;
    background-color: rgba(0,0,0,0.3);
    font-family: sans-serif;
    text-align: center;
    margin: auto;
    left: 0;
    bottom: 0;
    right: 0;
    height: 35px;
    padding: 10px 0;
    cursor: pointer;
    z-index: 10;
    /*text-decoration: none;*/
}

.npsd-main-clinic>li[data-clinic="1"]>.npsd-main-clinic-bg{
	background: url(/assets/img/main/doctor.01.jpg) center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.npsd-main-clinic>li[data-clinic="2"]>.npsd-main-clinic-bg{
	background: url(/assets/img/main/doctor.02.jpg) center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.npsd-main-clinic>li[data-clinic="3"]>.npsd-main-clinic-bg{
	background: url(/assets/img/main/doctor.03.jpg) center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.npsd-main-clinic>li[data-clinic="4"]>.npsd-main-clinic-bg{
	background: url(/assets/img/main/doctor.04.jpg) center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.npsd-main-clinic>li[data-clinic="5"]>.npsd-main-clinic-bg{
	background: url(/assets/img/main/doctor.05.jpg) center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.npsd-main-clinic>li[data-clinic="6"]>.npsd-main-clinic-bg{
	background: url(/assets/img/main/doctor.06.jpg) center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.npsd-main-clinic>li[data-clinic="7"]>.npsd-main-clinic-bg{
	background: url(/assets/img/main/doctor.07.jpg) center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.npsd-main-clinic>li>.npsd-main-clinic-bg{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.npsd-main-clinic>li>.npsd-main-clinic-bg:before {
	content: "";
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(52,73,94,0.75);
}
.npsd-main-clinic>li:hover>.npsd-main-clinic-bg, .npsd-main-clinic>li:focus>.npsd-main-clinic-bg{
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.npsd-main-clinic>li:hover>.npsd-main-clinic-bg:before, .npsd-main-clinic>li:focus>.npsd-main-clinic-bg:before {
    display: block;
}
.npsd-main-clinic>li.active>a, .npsd-main-clinic>li.active> a {
    background-color: #428bca;
}
.height-160{
	height: 160px;
}


.npsd_panel_bg_blue{
	background:#428bca url('/assets/img/main/bg.clinic.gif');
	color: #FFF;
}

.npsd-main-disease{
	list-style-type:none;
	margin: 0;
	padding: 0;
	font-size: 0;
	white-space: 0;

}
.npsd-main-disease>li{
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 10px;
	font-size: 14px;
	box-sizing: border-box;
	width: calc(100% / 7);
	height: 160px;
	border: none;
	border-right: solid 1px #ddd;
}
.npsd-main-disease>li:last-child{
	border-right: none;
}
.npsd-main-disease>li>a>small{
	color: #999;
}


/* Reservation */
.panel-reservation{
	
}
.panel-reservation .panel-heading{
	background: url('/assets/img/main/bg.reservation.jpg');
}
.npsd_box_reservation_main{}
.npsd_box_reservation_main > div{}


/* Custom Class */

.alert{font-size:12px; padding:10px; margin:3px 0;}
.navbar-header{margin-left:15px;}
.navbar-right{margin-right:15px;}
.navbar-brand{
	padding: 7px 0;
}

/* Module Class */
/* Board */
.npsd_board_preview{
	width: 100%;
}
.npsd_board_preview > ul {
	width: 100%;
}
.npsd_board_preview > ul > li{
	font-size: 14px;
	padding:10px 0;
	
}
.npsd_board_preview > ul > li{
	border-bottom: dotted 1px #ccc;
}
.npsd_board_preview > ul > li:last-child{
	border:none;
}
.npsd_board_preview > ul > li a{
	color: #888;
}

/* Extends Class */

/* Pages Class */
.npsd_operation{}
	.npsd_operation_contents{}
	.npsd_operation_contents .label{ font-size:18px;}
	.npsd_operation_contents .subscript{line-height:140%;font-size:15px; color:#666;}
	.npsd_operation_contents .media-heading{font-size:16px; color:#39C;}
	.npsd_operation_contents .media-body dt{font-size:16px; color:#333; padding-top:2%;}
	.npsd_operation_contents .media-body dd{font-size:15px; color:#888; font-weight:normal;}
	.npsd_operation_contents .media-body dd.content{ padding:1.5%; margin-top:2%; border:solid 1px #999; background:#FAFAFA;}


.bootstrap-switch label {margin:0};