@charset "UTF-8";

@charset "EUC-KR";

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

@font-face {
	font-family: 'NanumSquare Light';
	src: url(/resources/user/font/NanumSquareL.eot);
	src: url(/resources/user/font/NanumSquareL.eot?#iefix)
		format('embedded-opentype'),
		url(/resources/user/font/NanumSquareL.woff) format('woff'),
		url(/resources/user/font/NanumSquareL.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumSquare ExtraBold';
	src: url(/resources/user/font/NanumSquareEB.eot);
	src: url(/resources/user/font/NanumSquareEB.eot?#iefix)
		format('embedded-opentype'),
		url(/resources/user/font/NanumSquareEB.woff) format('woff'),
		url(/resources/user/font/NanumSquareEB.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumSquareBold';
	src: url(/resources/user/font/NanumSquareB.eot);
	src: url(/resources/user/font/NanumSquareB.eot?#iefix)
		format('embedded-opentype'),
		url(/resources/user/font/NanumSquareB.woff) format('woff'),
		url(/resources/user/font/NanumSquareB.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothic';
	src: url(/resources/user/font/NanumBarunGothicWeb.eot);
	src: url(/resources/user/font/NanumBarunGothicWeb.eot?#iefix)
		format('embedded-opentype'),
		url(/resources/user/font/NanumBarunGothicWeb.woff) format('woff'),
		url(/resources/user/font/NanumBarunGothicWeb.ttf) format('truetype');
}

.active-step {
	color: white;
	background-color: #1D2353;
	padding: 8px 5px;
	border-radius: 5px;
}

.non-active-step {
	color: black;
	background-color: #EDEDEE;
	padding: 8px 10px;
	border-radius: 5px;
}

@media ( max-width :767px) {
	.non-active-step {
		display: none;
	}
}

.check-icon {
	font-size: 100px;
}

.auth-box-complete {
	padding: 10%;
	border: 20px solid #f4f3f3;
}

.auth-box-input {
	border: 20px solid #f4f3f3;
}

.auth-text {
	font-size: 20px;
}

.auth-icon {
	font-size: 100px;
}

.content-title {
	font-size: 25px;
	font-weight: 700;
	font-family: NanumSquare ExtraBold;
}

.joinTitle {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #e7eaec;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 2px 0 0;
	color: inherit;
	margin-bottom: 0;
	padding: 15px 15px 1px;
	min-height: 48px;
}

.joinText {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 20px 20px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid;
	border-width: 20px 10px;
}

body {
	font-family: NanumBarunGothic;
}
/*
	메인 헤더 메뉴 CSS Start
*/

/* 모바일 상단 버튼 */
.navbar-toggle {
	background-color: #1D4675;
	color: #fff;
	padding: 6px 12px;
	font-size: 15px;
}

.navbar-toggle {
	position: absolute;
	float: right;
	padding: 7px 12px;
	margin: 0;
	background-color: #1D4675;
	right: 15px;
	top: 20px;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.navbar-top-links {
	text-align: center;
}

.top-navigation .navbar-right {
	margin-right: 0px;
}

.navbar-nav>li>a {
	padding: 30px 10px 0px !important;
	color: #676a6c !important;
	font-size: 17px !important;
}

.navbar-right>li>a {
	padding: 10px 9px !important;
	color: #929292 !important;
	font-weight: normal !important;
}

@media ( max-width :767px) {
	.navbar-top-links li:NTH-CHILD(3) {
		display: none;
	}
	.navbar-top-links li:NTH-CHILD(5) {
		display: none;
	}
	.menu-hover {
		background: #fff;
		color: #000000;
		border-bottom: 0px solid #ddd;
	}
	.navbar-top-links li {
		display: inline-block;
	}
	.navMenuIcon {
		display: block;
	}
	.steps {
		padding: 8px 15px;
		list-style: none;
		background-color: #f5f5f5;
		border-radius: 4px;
		overflow: auto;
	}
	.steps>li {
		display: block;
	}
	.steps li a {
		color: #777;
	}
	.steps>li:before {
		padding: 0 5px;
		color: #ccc;
		content: "\e080";
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.steps li.completed:before {
		content: "\e013";
		color: #3c763d;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.steps li.completed a {
		color: inherit;
	}
	.steps li.active:before {
		color: #8a6d3b;
	}
	.steps>.active {
		color: #999;
	}
	.steps li:first-child a {
		padding-left: inherit;
	}
	.steps li:last-of-type a {
		width: inherit;
	}
}

@media ( min-width :768px) {
	.navbar-nav>li:hover {
		border: 0 !important;
		border-bottom: 0 !important;
	}
	.navbar-top-links li:NTH-CHILD(3) {
		display: block;
	}
	.navbar-top-links li:NTH-CHILD(5) {
		display: block;
	}
	.navbar-top-links li {
		display: inline-block;
		float: left;
	}
	.navMenuIcon {
		display: none;
	}
	.top-navigation .navbar-header {
		float: left;
	}
	.steps {
		padding: 0px;
		background: transparent;
		list-style: none;
		overflow: hidden;
		margin-top: 20px;
		margin-bottom: 20px;
		border-radius: 4px;
		display: table-row;
	}
	.steps>li {
		display: table-cell;
		vertical-align: middle;
		width: 1%;
		height: 40px;
	}
	.steps>li+li:before {
		padding: 0;
		content: "";
	}
	.steps li a {
		color: white;
		text-decoration: none;
		padding: 10px 0 10px 35px;
		position: relative;
		display: inline-block;
		width: 100%;
		background-color: #bdbdbd;
		text-align: center;
		height: 90%;
	}
	.steps li.completed a {
		background: #1D2353;
	}
	.steps li.completed a:after {
		border-left: 30px solid #1D2353;
	}
	.steps li.active a {
		background: #8a6d3b;
	}
	.steps li.active a:after {
		border-left: 30px solid #8a6d3b;
	}
	.steps li:first-child a {
		padding-left: 15px;
	}
	.steps li:last-of-type a {
		width: 90%;
	}
	.steps li a:before {
		content: " ";
		display: block;
		width: 0;
		height: 0;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
		border-left: 30px solid white;
		position: absolute;
		top: 100%;
		margin-top: -48.5px;
		margin-left: 1px;
		left: 100%;
		z-index: 1;
	}
	.steps li a:after {
		content: " ";
		display: block;
		width: 0;
		height: 0;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
		border-left: 30px solid #bdbdbd;
		position: absolute;
		top: 100%;
		margin-top: -48.5px;
		left: 100%;
		z-index: 2;
	}
}

.login-logo {
	width: 70px;
	margin-left: 10px;
	margin-top: 23px;
	margin-bottom: 10px;
	margin-right: 25px;
}

@media ( min-width :1200px) {
	.main-nav {
		width: 1200px;
		margin: auto;
	}
	.navbar-static-top {
		width: 1200px;
		margin: auto;
	}

	/*
	헤더 메뉴 CSS End
*/

	/*  Footer */
	.footer {
		text-align: center;
		border-top: 1.3px solid #d8d8d8;
		border-bottom: 1.3px solid #d8d8d8;
		height: 50px;
		margin-top: 100px;
		padding-top: 17px;
		font-size: 12px;
		background-color: rgba(210, 210, 210, 0.3);
		color: #737373;
	}
	.footer-addr ul {
		list-style: none;
	}

	/* 모바일 사이즈 */
	@media ( max-width :767px) {
		.navMenuTitle {
			font-size: 18px;
		}
		.navMenuIcon {
			display: block;
			float: right;
		}
		.login-logo {
			width: 110px;
			margin-left: 15px;
			margin-top: 15px;
			margin-bottom: 15px;
		}
		.footer>ul {
			margin-left: auto;
			margin-right: auto;
			width: 280px;
		}
		.footer>ul>li {
			float: left;
			margin-left: 23px;
			list-style: none;
			border-left: 1px solid #b5b5b5;
			padding-left: 13px;
		}
		.footer li:first-child {
			border-left: 0px solid #b5b5b5;
		}
		.footer li:nth-child(2) {
			display: none;
		}
		.footer li:nth-child(3) {
			display: none;
		}
		.footer li:nth-child(4) {
			display: none;
		}
		.footer li:nth-child(5) {
			display: none;
		}
		.footer li:nth-child(6) {
			display: none;
		}
		.footer li:nth-child(7) {
			display: none;
		}
		.footer-addr {
			margin-top: 20px;
			margin-bottom: 50px;
			margin-left: auto;
			margin-right: auto;
			width: 320px;
		}
		.footer-addr-text {
			margin-left: -20px;
			margin-top: 30px;
		}
		.footer-logo {
			width: 100px;
			margin-left: 100px;
		}
		.navbar-nav {
			padding: 20px;
		}
		.top-navigation .wrapper.wrapper-content {
			margin-left: 10px;
			margin-right: 10px;
		}
		.joinInputText {
			width: 100%;
			margin-right: 5px;
		}
		.joinBtn {
			margin-top: 5px;
		}
		.main-logo {
			width: 95px;
			margin-left: 10px;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.ibox-submenu {
			height: 80px;
		}
		.replayVideo {
			width: 100%;
			height: 150px;
		}
		.replayThumbnail {
			width: 100%;
			height: 170px;
		}
		.thirdMenuBar ul li {
			float: left;
			font-size: 15px;
			color: white;
			margin-right: 40px;
			margin-top: 11px;
		}
		.thirdMenuBar {
			height: 40px;
			background-color: #494949;
		}
		.thirdMenuBar ul {
			list-style: none;
			padding-left: 0px;
		}
		.thirdMenuBar a {
			color: white;
		}
		.thirdMenuBar ul li:hover {
			border-bottom: 3px solid;
			height: 29px;
		}
		.thirdMenuBarActive {
			border-bottom: 3px solid;
			height: 29px;
		}
	}
	/* 모바일 사이즈 제외 */
	@media ( min-width :768px) {
		.thirdMenuBar {
			height: 50px;
			background-color: #494949;
		}
		.thirdMenuBar ul {
			list-style: none;
			padding-left: 0px;
		}
		.thirdMenuBar a {
			color: white;
		}
		.thirdMenuBar ul li:hover {
			border-bottom: 3px solid;
			height: 40px;
		}
		.thirdMenuBarActive {
			border-bottom: 3px solid;
			height: 40px;
		}
		.slick_demo_2 a {
			color: #888888;
		}
		.slick-current .slideMenu {
			background-color: #284572;
			color: white;
		}
		.slideMenu {
			font-size: 15px;
			padding: 8px;
			height: 40px;
			background-color: #f0eff0;
			border-bottom: 2px solid #d8d8d8;
		}
		.align-center {
			text-align: center !important;
		}
		.align-left {
			text-align: left !important;
		}
		.align-right {
			text-align: right !important;
		}
		.width-full {
			width: 100%;
		}
		#mobile .title {
			font-size: 15px;
		}
		#mobile .writer {
			font-size: 10px;
		}
		#mobile .createday {
			margin-left: 5px;
			border-left: 1px solid;
			padding-left: 5px;
			font-size: 10px;
		}
		#slideMenu ul li {
			float: left;
			list-style: none;
		}
		.bottom-more {
			border-top: 1px solid #dbdbdb;
			bottom: 15px;
			right: 10px;
			width: 100%;
			display: block;
			cursor: pointer;
			color: #6c6c6c;
			font-size: 12px;
			font-weight: normal;
		}
		.bottom-more em {
			position: relative;
			top: -1px;
			margin: 0 auto;
			display: block;
			height: 25px;
			width: 100px;
			border: 1px solid #dbdbdb;
			text-align: center;
			border-top: 1px solid #fff;
		}
		.replay {
			border-left: 1px solid #d8d8d8;
			border-right: 1px solid #d8d8d8;
			border-top: 1px solid #d8d8d8;
			border-bottom: 3px solid #d8d8d8;
		}
		.replayFind {
			font-size: 30px;
			margin-top: 30px;
			font-weight: 700;
			color: black;
		}
		.replayTitle {
			font-size: 28px;
			margin-top: 30px;
			font-weight: 700;
			color: black;
		}
		.replayDate {
			margin-top: 50px;
		}
		.replayContent {
			margin-top: 30px;
		}
		.replaySharelogo {
			margin-top: 10px;
		}
		.deskpc {
			margin-top: 30px;
			border-top: 3px solid;
		}
		.mobile {
			margin-top: 30px;
		}
		#info+[data-readmore-toggle], #info[data-readmore] {
			display: block;
			width: 100%;
		}
		#info[data-readmore] {
			transition: height 100ms;
			overflow: hidden;
		}
		#info+.readmore-js-toggle {
			padding-bottom: 1.5em;
			border-bottom: 1px solid #999;
			font-weight: bold;
		}
		.background-grey {
			background-color: #f6f6f6;
		}
		.b-r {
			border-right: 1px solid #929292;
		}
		.b-t {
			border-top: 1px solid #929292;
		}
		.color-red {
			color: red;
		}
		.submenuactive {
			color: black;
		}
		.item {
			width: 100%;
		}
		.ibox-submenu {
			padding: 20px 15px 20px;
		}
		.useriboxcontent {
			line-height: 25px;
		}
		.useriboxborder {
			border-bottom: 1px solid #d8d8d8;
		}
		.rowTitle {
			font-size: 20px;
			font-weight: 600;
		}
		.rowContentTitle {
			font-size: 16px;
			font-weight: 600;
		}
		.footable-last-column {
			font-size: 12px;
		}
	}
}