/*@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');
	}

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

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 20px;}
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:950px; margin-left:auto; margin-right:auto;}
}



/* common */
.npsd_container{}

	/* Small devices (tablets, 768px and up) */
	@media (max-width: 768px) {
		.panel{margin:0;}
		.panel-heading{font-weight:bold;}
		.panel-body{margin:0; padding:2%;}
		
	}
	/* Small devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		
		
	}
	
	/* Medium devices (desktops, 992px and up) */
	@media (min-width: 992px) {
		
		.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:2%;}
		
		.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_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:3%;}
		
		.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;}



/* 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 */
.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{ width:470px; height:150px; overflow:hidden; float:left; margin:5px;}
		.npsd_box_carousel .carousel-inner{height:150px; 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%;}
		

/* Reservation */
.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;}
.nav>li>a{ padding:5px 15px; font-weight:bold}


/* 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};