@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

 .top_content{font-weight:bold;}
 .left_cont{color:#808080;}
 .info{text-align:right; margin-top:-25px; font-size:10pt;}
 .info2{text-align:right; margin-top:-6px; font-size:10pt;}
 .singer_m{height:250px; line-height:1.3em; padding:0 10px 0 10px; text-align:left !important; font-size:10pt; background-image:url('/img/common/singer_m.png');}
 .singer_w{height:250px; line-height:1.3em; padding:0 10px 0 10px; text-align:left !important; font-size:10pt; background-image:url('/img/common/singer_w.png');}
 .con_chairperson{height:250px; line-height:1.3em; padding:0 10px 0 10px; text-align:left !important; font-size:10pt; background-image:url('/img/common/singer_w.png');}
 .con_help{height:250px; line-height:1.3em; padding:0 10px 0 10px; text-align:left !important; font-size:10pt; background-image:url('/img/common/singer_w.png');}
 .con_reservation{height:250px; line-height:1.3em; padding:0 10px 0 10px; text-align:left !important; font-size:10pt; background-image:url('/img/common/singer_w.png');}

 .navbar .navbar-nav {
  display: inline-block;
  float: none;
}
 
.navbar .navbar-collapse {
  text-align: center;
}
 

 .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width:33.3%;
	letter-spacing:-0.01em;
	
}

a {text-align:center;}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	;
}
.myButton:active {
	position:relative;
	top:1px;
}

a:visited{color:#000000;}

 
 
 body {
      font: 400 15px/1.8 Lato, sans-serif;
      color: #777;
	  font-family:'Nanum Gothic';
  }
  h3, h4 {
      margin: 10px 0 30px 0;
      letter-spacing: 10px;
      font-size: 20px;
      color: #111;
	  font-family:'Nanum Gothic';
  }
  .container {
      padding: 20px 0px;
	  
  }

  .person {
      border: 10px solid transparent;
      margin-bottom: 25px;
      width: 80%;
      height: 80%;
      opacity: 0.7;
  }
  .person:hover {
      border-color: #f1f1f1;
  }
  .carousel-inner img {
      /*-webkit-filter: grayscale(90%);
      filter: grayscale(90%);*/ /* make all photos black and white */
      width: 100%; /* Set width to 100% */
      margin: auto;

  }
  .carousel-caption h3 {
      color: #fff !important;
  }
  @media (max-width: 600px) {
    .carousel-caption {
      display: block; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }
  .bg-1 {
      background: #2d2d30;
      color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  .bg-1 p {}
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }
  .btn {
      padding: 10px 20px;
      background-color: #333;
      color: #f1f1f1;
      border-radius: 0;
      transition: .2s;
	  margin-bottom:5px;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #333;
      background-color: #fff;
      color: #000;
  }
  .modal-header, h4, .close {
      color: #000 !important;
      text-align: left;
      font-size: 30px;
	  opacity:100;
  }
  .modal-header, .modal-body {
      padding: 40px 50px;
  }
  .nav-tabs li a {
      color: #777;
	  font-weight:bold;
	  font-size:10pt;
  }
  #googleMap {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }
  .navbar {
      font-family: Montserrat, sans-serif;
      margin-bottom: 0;
      background-color: #fff;
      border: 0;
      font-size: 11px !important;
      letter-spacing: 4px;
      opacity: 1;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
	  margin-left:10px !important;
  }
  .navbar-nav li a:hover {
      color: #727272 !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #555 !important;
  }
  .dropdown-menu li a {
      color: #000 !important;
  }
  .dropdown-menu li a:hover {
      background-color: red !important;
  }
  footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 32px;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }
  .form-control {
      border-radius: 0;
  }
  textarea {
      resize: none;
  }


/*¸Þ´º¹Ù*/
#nav_top{font-size:14px; font-weight:bold; margin-top:20px;}


@media only screen and (min-width: 1193px) {

.adm_list_top{text-align:center; margin-bottom:20px; font-weight:bold; font-size:12pt; color:#244faf !important;}
.con_top{line-height:1.8em;}
/*³×À̹ö iframe ó¸®*/
iframe{height:218px;}
.song_title{color:#fff; font-size:12px;}

.con_title{color:#fff !important; font-size:25pt !important;}


.text-center{font-weight:bold;}
.logo{width:180px; margin-top:-10px;}

h4 {
margin: 10px 0 30px 0px;
letter-spacing: 1px;
font-size: 20px;
color: #111;
font-family:'Nanum Gothic';
text-align:left !important;
}

.navbar{
background-image: url('/img/main/main_top.png');
!background-color: #000;
background-color:#000;
padding-top:50px;
padding-bottom:70px;
}

.navbar li:first-child{
margin-right:50px;
}

#practice{font-size:13pt; font-weight:bold; color:#000000;}
#intro_img{width:80%;}

#content_right img{opacity:0.5;}

#account{
float:right; font-size:10pt; font-weight:bold; color:#ffffff;
}

#text01{font-size:14pt !important; font-weight:bold !important;}


}



@media only screen and (min-width: 760px) and (max-width: 1192px) {

.adm_list_top{text-align:center; margin-bottom:20px; font-weight:bold; font-size:10pt; color:#244faf !important;}
.con_top{line-height:1.8em;}

iframe{height:139px;}
.song_title{color:#fff; font-size:12px;}
.con_title{color:#fff !important; font-size:22pt !important;}

.navbar{
background-image: url('/img/main/main_top.png');
padding-top:50px;
padding-bottom:40px;
}

.logo{width:120px;}

h4 {
margin: 10px 0 30px 0px;
letter-spacing: 1px;
font-size: 20px;
color: #111;
font-family:'Nanum Gothic';
font-weight:bold;
text-align:left !important;
}

.container {
padding: 20px 0px;
}

.thumbnail p:nth-child(2){font-size:12px;}
.thumbnail p:nth-child(3){font-size:11px;}
#nav_top{font-size:12px !important;}

}


  
@media only screen and (min-width: 100px) and (max-width: 759px) {

.adm_list_top{text-align:center; margin-bottom:20px; font-weight:bold; font-size:10pt; color:#244faf !important;}

.con_top{line-height:1.5em;}

iframe{height:250px;}
.song_title{color:#fff; font-size:12px;}

.info{text-align:right; margin-top:0px;}

.con_title{color:#fff !important; font-size:20pt !important;}


.top_content{font-size:8pt; padding-left:10px;}
.left_cont{padding-left:10px;}


.navbar li a, .navbar .navbar-brand {
color: #000 !important;
margin-left:10px !important;
}


.logo{width:100px;}

/*¸ÞÀÎÀ̹ÌÁö »ó´Ü À§Ä¡ Á¶Á¤*/
.carousel{margin-top:0px !important;}

h4 {
margin: 10px 0 30px 0;
letter-spacing: 1px;
font-size: 20px;
color: #111;
font-family:'Nanum Gothic';
font-weight:bold;
text-align:left !important;
padding-left:10px;
}



.text-center{font-weight:bold;}
.margin_t{margin-top:120px;}

.container {
padding: 20px 0px;

}

#bt_login{width:40px; margin-left:10px;}

#intro_text{font-size:10pt;}
#intro_img{width:100%;}
#m_write{font-size:15pt; color:#000000; margin-right:10px;}
.modal-header h4{font-size:15pt;}

#reservation{font-size:7pt; color:#000000 !important;}
#reservation a:link{color:#000000;}
#reservation a:visited{color:#000000;}
#notice{font-size:8pt;}

#inquiry{font-size:7pt;}
#inquiry a:link{color:#000000;}
#inquiry a:visited{color:#000000;}

#identify{font-size:8pt;}
#identify a:link{color:#000000;}
#identify a:visited{color:#000000;}

#postscript{font-size:8pt;}
#postscript a:link{color:#000000;}
#postscript a:visited{color:#000000;}

#toktok{
width:220px;
text-align:center;
margin-top:-22px;
margin-left:40px;
color:#ffffff;

}

#nav_top{font-size:12px !important;}	

#content_right {  
position:absolute;
height:600px;   /* Äü¸Þ´º, ¹è³Ê À̹ÌÁöÀÇ ³ôÀÌ */
width:170px;    /* Äü¸Þ´º, ¹è³Ê À̹ÌÁöÀÇ ³Êºñ*/
margin:150px 0px 0px 0px;   /* °¡Àå ¿À¸¥ÂÊÀÇ ¼öÄ¡°¡ È­¸é °¡¿îµ¥¿¡¼­ ¾ó¸¶¸¸Å­ ¿À¸¥ÂÊÀ¸·Î ·¹À̾ ºÙÀÏ °ÍÀÎÁö ¼³Á¤  */ 
top: 200px;  /* ¹è³Ê »ó´Ü¿¡¼­ ¾ó¸¶³ª ¶³¾î¶ß¸±Áö ¼³Á¤*/
left: 50%;     /* ·¹À̾îÀÇ ½ÃÀÛÁ¡ÀÌ ¿ÞÂÊÀ¸·Î ºÎÅÍ 50% ÁöÁ¤ */
text-align: left;
padding: 0px;
z-index:5;
}

#content_right img{opacity:0.5;}


#account{
float:right; font-size:8pt; font-weight:bold; color:#000; width:400px; text-align:right; margin-top:10px;padding-bottom:15px;padding-top:10px
}
#account2{
width:155px;
}
#account img{
width:20px;
}

#post_size{width:100%; height:200px;}

#text01{font-size:10pt !important; font-weight:bold !important;}


footer {
background-color: #2d2d30;
color: #f5f5f5;
padding: 32px;
font-size:8px;
}



}