@charset "utf-8";



a:link, a:visited {text-decoration:none; color:#333}
a:hover, a:active {text-decoration:none; color:#333}


* {
	font-family: Malgun Gothic;
}


html, body {
	height:100%;
	margin:0;
	font-size:14px;
  line-height: 1.7;
}

.clearfix:after {
	display:block;
	clear:both;
	content:" ";
}

ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

.list-inline {  
  list-style: none;
	padding-left: 0;
  margin-left: 0;
}
.list-inline > li {
  /*
	display: inline-block;
	*/
	float:left;

}

hr {clear:both; height: 0;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ddd;}

.table {
	width:100%;
	max-width: 100%;
}

.table td, .table th {
	padding:5px 15px;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table_pyo {
	font-size:90%;
	border-top: #9ec8de 3px solid;
	background-color:#cbe3f0;
	border-spacing:1px;

}

.table_pyo td {
	background-color:#ffffff;
}

.table_pyo th {
	background-color:#f2f8fb;
	text-align:center;
}

.table_pyo tr > td:first-child {
	text-align:center;
}

.table_panel {
	margin-bottom: 30px;
	border:1px solid #ddd;
	border-radius:5px;
}

.table_panel td {
	padding:0px 20px;
}

.table_panel tr > td:first-child {
	text-align:right;
} 

.table_panel tr:first-child td {
	padding-top:20px;
} 

.table_panel tr:last-child td {
	padding-bottom:20px;
} 

.table_panel {	margin-bottom: 30px;
	border:1px solid #ddd;
	border-radius:5px;
}

.text-ellipsis {
  min-width: 10px;
  white-space:nowrap;
  text-overflow:ellipsis;  /* IE, Safari */
  -o-text-overflow:ellipsis;  /* Opera under 10.7 */
  overflow:hidden;   /* "overflow" value must be different from "visible" */ 
  -moz-binding: url('ellipsis.xml#ellipsis');
 }

#back-top {
 position: fixed;
 bottom: 150px; /* 부라우저 밑에서 위로 떨어질 높이설정  */
 left: 50%;
 margin-left: 515px;  /* 부라우저 중앙에서 우측으로 떨어질 거리설정  */
 z-index:3;
 display:none;
}

/* public class */
div:after {
	content: "";
	display: block;
	clear: both;
}

.opacity:hover {
	opacity: 0.6;filter:alpha(opacity=60);
}

a.text_link:hover {
	color:#337ab7;	
	text-decoration:underline;
}

.container_center {
	width:990px; margin:0 auto;
}

.logo {
	padding: 13px 0;
}

img {
	border:0;
	display:block;
}

.devider {
	border-top:1px solid #c9c9c9;	
	margin:0;	
	padding:0;	
	height:0;	
}

.header_hotmenu {
	height:35px; margin:0 auto; background-color:#e9e9e9; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;
}
.header_hotmenu_item {
	float:left; width:100px;  background-color:#ffffff; outline:1px solid #c9c9c9; text-align:center; line-height:35px; font-size:12px;
}


.lbl_payment {
/*유무료 레이블*/
	padding:2px 5px; color:#FFFFFF; font-size:11px; text-align:center; border-radius:4px
}

.lbl_payment_charge {
/*유료*/
	background-color:#7345b9;
}

.lbl_payment_free {
/*무료*/
	background-color:#6ebbc0;
}

.lbl_status {
/*진행/종료 레이블*/
	padding:2px 5px; color:#ffffff; font-size:11px; text-align:center; border-radius:4px
}

.lbl_status_ing {
/*진행/종료 레이블*/
	background-color:#c9302c;
}
.lbl_status_end {
/*진행/종료 레이블*/
	background-color:#999999;
}


.btn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-default:hover, .btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3071a9;
  border-color: #285e8e;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}


#media_down {
 position: fixed;
 bottom: 165px; /* 부라우저 밑에서 위로 떨어질 높이설정  */
 width:178px;
}	

.pyoji {
	margin-top:50px; 
	height:366px; 
	overflow:hidden;
	background-repeat:no-repeat;	
}


.menu {
	clear:both;
}

.menu ul li {
	width:158px;	
	font-size:14px;
	padding:10px 20px;
	text-align:left;
	border-top:1px;
	border-left:1px;
	border-right:1px;
	border-bottom:0;
	border-style: solid;
	border-color: #ddd;
	content="";
}

.menu ul li:last-child {
	border-bottom:1px;
	border-style: solid;
	border-color: #ddd;
}

.menu ul li.active, .menu ul li.active > a {
	background-color:#6e82cf;
	color:#ffffff;
	border-color: #6e82cf;
}

.menu ul li:hover, .menu ul li:hover > a {
	background-color:#9aa8de;
	color:#ffffff;
	border-color:#9aa8de;	
}

.menu ul li div {
	float:left;
}

.menu ul li div:first-child {
	width:144px;
}

/*
.menu ul li div:last-child {
	width:10px;
	text-align:right; 
	color:#ddd;
}
*/


.text-primary {
  color: #428bca;
}

h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}




.pagination {
  display: inline-block;
  /*padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;*/
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.form-control {
  display: block;
	width: 100%;
 /* padding: 6px 12px;*/
  font-size: 14px;
	height: 30px;

  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.input-group .form-control,
.input-group .input-group-btn {
	float:left;
}

.input-group .form-control {
	margin-right:-1px;
  padding-top: 0px;
	padding-bottom: 0px;
  border-radius: 3px 0 0 3px;
	height:28px;
}

.input-group .btn {
  border-radius: 0 3px 3px 0;
}


.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

.carousel {
  position: relative;
}

.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}