@font-face {
	font-family: NanumSquareR;
	src: local(NanumSquareR),
		local(NanumSquare),
		url(/pub/fonts/NanumSquareR.eot);
		url(/pub/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
		url(/pub/fonts/NanumSquareR.woff) format('woff'),
		url(/pub/fonts/NanumSquareR.ttf) format('truetype');
}

html, body {
	/* height: 100%; */
	background-color: #F9F9F9;
}
/*
body.modal-open > .wrap {
	overflow: hidden;
	height: 100%;
  }

.modal.evnet-info-modal .modal-content,
.modal.evnet-info-modal .modal-dialog,
.modal.evnet-info-modal .modal-body {
	height: inherit;
	min-height: 100%;
}

.modal.evnet-info-modal {
	min-height: 100%;
  } */

/** =========================== NAV ========================= */

.layout-nav {
	background-color: #35dca3;
	/* background-image: url(../img/l_img1.png);
  background-position: left 180px;
  background-repeat: no-repeat; */
	min-height: 400px;
	padding: 0;
}

.sidebar-offcanvas {
	position: static;
}

.sidebar-toggle {
	display: none;
}

.nav-logo {
	margin-top: 40px;
	text-align: center;
}

.nav-util {
	text-align: center;
	margin-top: 30px;
}

.my-profile-image {
	width: 72px;
	height: 72px;
	border: 1px solid #ccc;
}

.menu-list {
	list-style: none;
	margin-top: 30px;
	/* margin-right: 50px; */
	padding: 0;
}

.menu-list-item {
	text-align: center;
	margin-top: 10px;
}
.menu-list-item > .menu-list-link {
	font-family: NanumSquareR;
	font-size: 26px;
	font-weight: bold;
	color: #2d3030;
	letter-spacing: -2px;
	text-decoration: none;
	/* text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.9); */
}
.menu-list-item > .menu-list-link:hover {
	color: #68474e;
}

.submenu-list {
	list-style: none;
	margin-top: 10px;
	padding: 0;
}
.submenu-list-item {
	text-align: center;
}
.submenu-list-item > .submenu-list-link {
	font-family: NanumSquareR;
	color: #054b36;
	letter-spacing: -2px;
	font-size: 24px;
	text-decoration: none;
}
.submenu-list-item > .submenu-list-list-link:hover {
	color: #68474e;
}

.nav-footer {
	padding-top: 20px;
	/* background-image: url(../img/l_img2.png);
  		background-position: right top;
  		background-repeat: no-repeat;
  		text-align: center; */
}

.nav-footer a {
	color: #222;
}
.nav-footlink-list {
	text-align: center;
}
.nav-footlink-item, .nav-footlink-sep {
	margin-right: 0 !important;
}

.nav-footlink-sep {
	color: #2D3030;
}

.nav-footlink-link {
	font-size: 14px;
}

.nav-footlink-64 {
	font-weight: bold;
}
.nav-footer .copyright,
.nav-footer .address {
	text-align: center;
}
.copyright, .address {
	font-size: 14px;
}

/** =========================== CONTENTS ========================= */

.layout-contents {
	background-image: url(../img/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: contain;
	background-size: contain;
	min-height: 800px;
	margin-bottom: 50px;
}

.sidebar-toggle, .sidebar-toggle:hover {
	font-size: 36px;
	color: #2d3030;
}

.header {
	margin-top: 50px;
	text-align: center;
}

/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	.row-offcanvas .sidebar-offcanvas {
		left: -300px;
	}
	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 300px;
		height: 100%;
		z-index: 1001;
	}
	.sidebar-toggle {
		display: block;
		position: absolute;
		left: 20px;
		top: 20px;
		z-index: 1002;
	}
}

#formReceiverContainer {
	display: none;
}



/***************************************
LOGIN MODAL
***************************************/

#loginModal.modal .modal-dialog {
	width: 310px !important;
}

#loginModal .modal-header  {
	color: #444;
}

.login-btns  li {
	margin-bottom: 10px;
}

.modal-login-btn {
	display: block;
	width: 280px;
	height: 60px;
	text-shadow:  1px 1px 2px #000;
	padding: 13px 0 0 85px;
	font-size: 22px;
	color: #fff !important;
}

.modal-login-btn:hover {
	text-decoration: none !important;
}

.modal-login-btn.naver-login {
	background: transparent url(/pub/site/play/img/before/naver_login_bg.png) no-repeat left top;
}
.modal-login-btn.facebook-login {
	background: transparent url(/pub/site/play/img/before/face_login_bg.png) no-repeat left top;
}
.modal-login-btn.daum-login {
	background: transparent url(/pub/site/play/img/before/daum_login_bg.png) no-repeat left top;
}
.modal-login-btn.kakao-login {
	background: transparent url(/pub/site/play/img/before/kakao_login_bg.png) no-repeat left top;
}

.modal { -webkit-overflow-scrolling: touch; }
.modal-open {
    padding-right: .5rem !important;
}
.view-on-iframe {
	display: none;
}

.freezePage{
	overflow-x: hidden !important;
	overflow-y: auto !important;
	height: 100% !important;
	position: relative !important;
}