@charset "UTF-8";


/*************************************************
*					LAYOUT						*
*************************************************/

.wrap {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.header_wrap {
	background-color: #fff;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 0;
	display: block;
	z-index: 200;
}

.tcontainer {
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
	position: relative;
}

.rcontainer {
	width: 100%;
	margin: 0;
	padding: 60px 0 0;
	position: relative;
}

.mcontainer {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 0;
	position: relative;
}

.wcontainer {
	width: 100%;
	margin: 0;
	padding: 50px 0 0;
	position: relative;
}

.ncontainer {
	width: 100%;
	margin: 0;
	padding: 40px 0 0;
	position: relative;
}

.scontainer {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.bcontainer {
	margin: 0;
	padding: 10px;
	position: relative;
}

.npcontainer {
	width: 100%;
	margin: 0;
	padding: 80px 0 0;
	position: relative;
}

.npcontainer_1 {
	width: 100%;
	margin: 0;
	padding: 50px 0 0;
	position: relative;
}

.nxcontainer {
	width: 100%;
	margin: 0 0 0 4%;
	padding: 80px 0 0;
	position: relative;
}

.dcontainer {
	width: 100%;
	margin: 0 0 0 2%;
	padding: 80px 0 0;
	position: relative;
}

.footer {
	width: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	z-index: 1000;
}






/************************************************
*		HEADER									*
************************************************/
/**header_write**/
.header_write {
	display: flex;
	justify-content: space-between;
}

/*** 메뉴 : MENU ***/
.header_app {
	width: 100%;
	height: 50px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	border-bottom: 3px solid #2e82e0;
}

	.header_app > img {
		width: 30px;
		height: 30px;
		display: block;
		margin-bottom: 0px;
	}

	.header_app > a {
		height: 30px;
	}

		.header_app > a > img {
			width: 90px;
			height: 30px;
			display: block;
			margin-left: 50px;
		}

	.header_app > p {
		line-height: 15px;
		margin: 0;
	}

		.header_app > p > span {
			display: block;
			font-weight: normal;
			font-size: 12px;
		}

.header {
	width: 100%;
	height: 48px;
	background-color: #fff;
	position: relative;
	padding: 10px;
}
	/** 토글버튼 **/
	.header .main .nav {
		width: 30px;
		height: 30px;
		background: url(../images/appic_01.png) no-repeat 0 0;
		background-size: 30px;
		display: block;
	}
	/** 뒤로가기 **/
	.header .back {
		width: 20px;
		height: 50px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}

		.header .back a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/h_back.png) no-repeat 5px 50%;
			background-size: 20px;
			line-height: 50px;
			display: block;
		}
	/** 정보 **/
	.header .info2 {
		width: 25px;
		height: 50px;
		position: absolute;
		right: 5px;
		top: 0;
		z-index: 100;
	}

		.header .info2 a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/fl_flow_ing.png) no-repeat 50%;
			background-size: 25px;
			line-height: 50px;
			display: block;
		}
	/** 끄기 **/
	.header .del {
		width: 30px;
		height: 50px;
		position: absolute;
		left: 5px;
		top: 0;
		z-index: 100;
	}

		.header .del a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/h_del.png) no-repeat 5px 50%;
			background-size: 20px;
			line-height: 50px;
			display: block;
		}
	/** 공유 **/
	.header .share {
		width: 30px;
		height: 50px;
		position: absolute;
		right: 10px;
		top: 0;
		z-index: 100;
	}

		.header .share a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/header_share.png) no-repeat 5px 50%;
			background-size: 25px;
			line-height: 50px;
			display: block;
		}
	/** 초대하기 **/
	.header .share2 {
		width: 30px;
		height: 50px;
		position: absolute;
		right: 10px;
		top: 0;
		z-index: 100;
	}

		.header .share2 a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/my_share.png) no-repeat 5px 50%;
			background-size: 25px;
			line-height: 50px;
			display: block;
		}
	/** 전체메뉴 **/
	.header .anav {
		width: 30px;
		height: 50px;
		position: absolute;
		right: 10px;
		top: 0;
		z-index: 100;
	}

		.header .anav a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/header_set.png) no-repeat 5px 50%;
			background-size: 25px;
			line-height: 50px;
			display: block;
		}
	/** 통통 **/
	.header .ttong {
		width: 30px;
		height: 50px;
		position: absolute;
		right: 10px;
		top: 0;
		z-index: 100;
	}

		.header .ttong a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/header_tt.png) no-repeat 5px 50%;
			background-size: 25px;
			line-height: 50px;
			display: block;
		}
	/** 임시글 **/
	.header .temp {
		height: 30px;
		margin: 10px 10px 0;
		padding: 0 5px;
		border: 1px solid #fff;
		float: right;
		z-index: 100;
	}

		.header .temp a {
			width: 100%;
			height: 30px;
			text-align: center;
			font-size: 13px;
			font-weight: 300;
			color: #fff;
			line-height: 30px;
			display: block;
		}
/* 헤더 글쓰기 오른쪽 버튼*/
.header_btns {
	display: flex;
	float: right;
}

.header_btn {
	margin-left: 10px;
	border: 1px solid #fff;
	padding: 5px 10px;
	border-radius: 5px;
}

	.header_btn a {
		color: #fff;
	}


/** 다음 **/
.header .next {
	width: 60px;
	height: 30px;
	margin: 10px 10px 0 0;
	border: 1px solid #fff;
	float: right;
	z-index: 100;
}

	.header .next a {
		width: 100%;
		height: 30px;
		padding: 0 5px 0 10px;
		background: url(../images/icon/nxt_w.png) no-repeat 85% 50%;
		background-size: 7px;
		text-align: left;
		font-size: 13px;
		font-weight: 300;
		color: #fff;
		line-height: 30px;
		display: block;
	}

/** 기타버튼 **/
.header .etcb {
	width: 60px;
	height: 30px;
	margin: 10px 10px 0 0;
	border: 1px solid #fff;
	float: right;
	z-index: 100;
}

	.header .etcb a {
		width: 100%;
		height: 30px;
		text-align: center;
		font-size: 13px;
		font-weight: 300;
		color: #fff;
		line-height: 30px;
		display: block;
	}
/** 로고 **/
.header .logo {
	height: 50px;
	margin: 0 0 0 45px;
	padding: 0;
	text-align: left;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	letter-spacing: -1px;
	position: absolute;
	left: 0;
	top: 0;
}

	.header .logo a {
		color: #fff;
	}

	.header .logo em {
		margin: 0 10px;
		font-weight: 200 !important;
	}

	.header .logo span {
		font-size: 18px;
		font-weight: 200 !important;
		line-height: 50px;
	}

		.header .logo span a {
			padding: 0 15px 0 0;
			background: url(../images/icon/h_genre_down.png) no-repeat right bottom;
			background-size: 8px;
		}

			.header .logo span a:hover,
			.header .logo span a:active {
				color: #fff !important;
			}

/** 타이틀 **/

.header .htit {
	width: 100%;
	height: 50px;
	padding: 0;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	background-color: #2f82e0;
	line-height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}

.header .htit2 a {
	height: 50px;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 50px;
	position: absolute;
	right: 10px;
	top: 0;
}

.header .htit a {
	padding: 12px;
	background: url(../images/icon/category_down_icon.png) no-repeat center 50%;
	background-size: 15px;
}
/** 서브 타이틀 **/
.header .hsit {
	height: 50px;
	margin: 0 0 0 35px;
	padding: 0;
	text-align: left;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	letter-spacing: -1px;
	position: absolute;
	left: 0;
	top: 0;
}

.header .h_sear {
	width: 50%;
	height: 30px;
	background-color: #ededed;
	border-radius: 15px;
	position: absolute;
	left: 16%;
	top: 10px;
}

	.header .h_sear.hs_f {
		width: 67%;
	}

	.header .h_sear input[type="text"] {
		width: 80%;
		height: 30px;
		margin: 0;
		border: 0 none;
		line-height: 30px;
		float: left;
	}

	.header .h_sear input[type="button"] {
		width: 20%;
		height: 30px;
		margin: 0;
		padding: 0;
		background: url(../images/icon/h_search.png) no-repeat center 50%;
		background-size: 17px;
		border: 0 none;
		box-shadow: none;
		line-height: 30px;
		float: right;
	}

/*헤더 메뉴-글쓰기 모달창 */
.modal-window {
	position: fixed;
	background-color: rgba(3, 3, 3, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}

	.modal-window:target {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

.modal-window-open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	position: fixed;
	background-color: rgba(3, 3, 3, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	transition: all 0.3s;
}

.modal-window > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 2em;
	background: white;
}

header {
	font-weight: bold;
}

h1 {
	font-size: 150%;
	margin: 0 0 15px;
}

.modal-close {
	color: #aaa;
	line-height: 50px;
	font-size: 80%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 70px;
	text-decoration: none;
}

	.modal-close:hover {
		color: black;
	}

/* Demo Styles */

html,
body {
	height: 100%;
}

html {
	font-size: 18px;
	line-height: 1.4;
}

body {
	font-weight: 600;
	color: black;
}

a {
	color: inherit;
}

.container {
	display: grid;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.modal-window > div {
	border-radius: 1rem;
}

.modal-window div:not(:last-of-type) {
	margin-bottom: 15px;
}

small {
	color: lightgray;
}

.btn {
	background-color: white;
	padding: 1em 1.5em;
	border-radius: 1rem;
	text-decoration: none;
}

	.btn i {
		padding-right: 0.3em;
	}

.write_modal_btns {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.write_modal_btn {
	width: 200px;
	background-color: #2f82e0;
	;
	height: 60px;
	margin-bottom: 10px;
	border-radius: 5px;
}

	.write_modal_btn:last-child {
		margin-bottom: 0;
	}

	.write_modal_btn a {
		color: #fff;
	}


.sheader {
	height: 50px;
	margin: 0 auto;
	padding: 0 10px;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}

	.sheader .htit {
		width: 100%;
		height: 50px;
		padding: 0;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		color: #333;
		line-height: 50px;
		letter-spacing: -1px;
		position: absolute;
		left: 0;
		top: 0;
	}
	/** 상태 **/
	.sheader .step {
		width: 80px;
		height: 30px;
		margin: 10px 10px 0 0;
		float: left;
		z-index: 100;
	}

		.sheader .step a {
			width: 100%;
			height: 30px;
			padding: 0 5px;
			border: 1px solid #ccc;
			text-align: center;
			font-size: 13px;
			font-weight: 300;
			color: #1c1c1c;
			line-height: 30px;
			display: block;
		}

			.sheader .step a.l_blue {
				border: 1px solid #2d82df;
				color: #2d82df;
			}

			.sheader .step a.l_red {
				border: 1px solid #f80d0d;
				color: #f80d0d;
			}
	/** 날짜 **/
	.sheader .date {
		width: 80px;
		height: 30px;
		margin: 10px 0 0;
		text-align: right;
		font-size: 13px;
		font-weight: 300;
		color: #333;
		line-height: 30px;
		float: right;
		z-index: 100;
	}
	/** 뒤로가기 **/
	.sheader .back {
		width: 20px;
		height: 50px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}

		.sheader .back a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/hb_back.png) no-repeat 5px 50%;
			background-size: 20px;
			line-height: 50px;
			display: block;
		}
	/** 삭제 **/
	.sheader .del {
		width: 30px;
		height: 50px;
		position: absolute;
		right: 10px;
		top: 0;
		z-index: 100;
	}

		.sheader .del a {
			width: 100%;
			height: 50px;
			background: url(../images/icon/del_btn1.png) no-repeat 5px 50%;
			background-size: auto 25px;
			line-height: 50px;
			display: block;
		}






/*** 좌측메뉴 ***/
.mn_wrap {
	width: 280px;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

	.mn_wrap .mn_case {
		margin: 0;
		padding: 0;
		position: relative;
		left: 0;
		top: 0;
	}

		.mn_wrap .mn_case .mc_title {
			padding: 0 10px;
			background-color: #2e83e0;
			font-size: 18px;
			color: #fff;
			line-height: 50px;
			position: relative;
		}

			.mn_wrap .mn_case .mc_title .mt_img {
				width: 23px;
				height: 23px;
				margin: 14px 8px 0 0;
				border: 1px solid #60a9f8;
				border-radius: 100%;
				line-height: 50px;
				float: left;
				overflow: hidden;
			}

				.mn_wrap .mn_case .mc_title .mt_img img {
					width: 100%;
					height: 100%;
					vertical-align: top;
				}

			.mn_wrap .mn_case .mc_title a,
			.mn_wrap .mn_case .mc_title a:hover,
			.mn_wrap .mn_case .mc_title a:active {
				color: #fff !important;
			}

			.mn_wrap .mn_case .mc_title .mt_txt {
				margin: -10px 0 0 30px;
				padding: 0 0 10px;
				font-size: 14px;
				font-weight: 300;
				line-height: 18px;
				position: relative;
			}

				.mn_wrap .mn_case .mc_title .mt_txt a {
					padding: 0 !important;
				}

			.mn_wrap .mn_case .mc_title .nclose {
				height: 50px;
				line-height: 50px;
				display: block;
				position: absolute;
				right: 10px;
				top: -3px;
			}

				.mn_wrap .mn_case .mc_title .nclose img {
					width: 15px;
					height: 15px;
				}

		.mn_wrap .mn_case .mt_nav {
			height: 75px;
			margin: 0;
			padding: 0;
			background-color: #2e83e0;
			border-top: 1px solid #166dcc;
			position: relative;
			display: block;
		}

			.mn_wrap .mn_case .mt_nav li:first-child {
				width: 33.4%;
			}

			.mn_wrap .mn_case .mt_nav li {
				width: 33.3%;
				float: left;
			}

				.mn_wrap .mn_case .mt_nav li a {
					width: 100%;
					height: 75px;
					display: block;
				}

				.mn_wrap .mn_case .mt_nav li p {
					height: 30px;
					margin: 0 0 5px;
					text-align: center;
					position: relative;
				}

					.mn_wrap .mn_case .mt_nav li p .mn_img {
						width: auto;
						height: 25px;
					}

					.mn_wrap .mn_case .mt_nav li p em {
						width: 100%;
						height: 15px;
						background: url(../images/icon/new.png) no-repeat 30% 0;
						background-size: 15px;
						position: absolute;
						top: 0;
					}

				.mn_wrap .mn_case .mt_nav li span {
					height: 20px;
					text-align: center;
					font-size: 13px;
					font-weight: 300;
					color: #fff;
					line-height: 20px;
					position: relative;
					display: block;
				}

		.mn_wrap .mn_case .mc_nav {
			margin: 0 0 10px;
			padding: 0;
			position: relative;
		}

			.mn_wrap .mn_case .mc_nav li.mntline {
				border-top: 1px solid #f1f1f1;
			}

			.mn_wrap .mn_case .mc_nav li.mnbline {
				border-bottom: 1px solid #f1f1f1;
			}

			.mn_wrap .mn_case .mc_nav li {
				height: 50px;
				padding: 0 10px;
				background-color: #fff;
				font-size: 17px;
				color: #1c1c1c;
				line-height: 50px;
				display: block;
				float: left;
			}

				.mn_wrap .mn_case .mc_nav li.mn_tit {
					height: 50px;
					color: #2e83e0;
					position: relative;
				}

					.mn_wrap .mn_case .mc_nav li.mn_tit span {
						height: 50px;
						color: #878787;
						position: absolute;
						right: 10px;
						top: 0;
					}

						.mn_wrap .mn_case .mc_nav li.mn_tit span a {
							color: #878787;
						}

						.mn_wrap .mn_case .mc_nav li.mn_tit span img {
							width: 20px;
							height: 10px;
							margin: 0 0 0 10px;
						}

			.mn_wrap .mn_case .mc_nav .nrbimg {
				width: 23px;
				height: 23px;
				margin: 0 3px 3px 0;
			}

			.mn_wrap .mn_case .mc_nav .nrimg {
				width: 18px;
				height: 18px;
				margin: 0 3px 3px 0;
			}

			.mn_wrap .mn_case .mc_nav .nrcimg {
				width: 30px;
				height: 30px;
				margin: 10px 8px 0 0;
				border: 1px solid #ccc;
				border-radius: 100%;
				line-height: 50px;
				position: relative;
				float: left;
				overflow: hidden;
			}

				.mn_wrap .mn_case .mc_nav .nrcimg img {
					width: 100%;
					height: 100%;
					vertical-align: top;
				}


.grmess {
	width: auto;
	height: 50px;
	position: absolute;
	right: 75px;
	top: -2px;
	z-index: 100;
}

	.grmess .grbg {
		width: auto;
		min-width: 30px;
		height: 50px;
		padding: 0 0 0 13px;
		background: url(../images/icon/h_msg.png) no-repeat 0 60%;
		background-size: 23px 23px;
		position: relative;
		display: block;
	}

		.grmess .grbg .grnum {
			margin: 8px 0 0;
			padding: 0 4px;
			background-color: #2d81e1;
			border: 1px solid #2d81e1;
			border-radius: 11px;
			font-size: 11px;
			color: #fff;
			line-height: 13px;
			display: inline-table;
			float: right;
		}

.grsear {
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 45px;
	top: 12px;
}

	.grsear a {
		width: 100%;
		height: 25px;
		background: url(../images/icon/h_search.png) no-repeat 0 50%;
		background-size: 100%;
		line-height: 25px;
		display: block;
	}

.grvod {
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 45px;
	top: 12px;
}

	.grvod a {
		width: 100%;
		height: 25px;
		background: url(../images/icon/vod_icon1.png) no-repeat 0 50%;
		background-size: 100%;
		line-height: 25px;
		display: block;
	}



.header_icon {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	width: 100%;
	padding: 0 8px;
	width: 100%;
}

	.header_icon li {
		margin-left: 8px;
	}

.gruser {
	width: 28px;
	height: 28px;
	background: url(../images/icon/icon_personal_on.png) no-repeat;
	background-size: 28px;
	display: block;
}

.grwrite {
	width: 28px;
	height: 28px;
	background: url(../images/icon/icon_write_on.png) no-repeat;
	background-size: 28px;
	display: block;
}

.grset {
	width: 28px;
	height: 28px;
	background: url(../images/icon/icon_set_on.png) no-repeat;
	background-size: 28px;
	display: block;
}

.grfind {
	width: 25px;
	height: 25px;
	margin: 12px 7px 0 5px;
	padding: 0;
	float: right;
}

	.grfind a {
		width: 100%;
		height: 25px;
		background: url(../images/icon/w_search.png) no-repeat 0 50%;
		background-size: 23px;
		line-height: 25px;
		display: block;
	}

.grclodn {
	width: 23px;
	height: 23px;
	margin: 19px 7px 0;
	padding: 0;
	float: right;
}

	.grclodn a {
		width: 100%;
		height: 23px;
		background: url(../images/icon/h_sub_down.png) no-repeat 0 0;
		background-size: 100%;
		line-height: 23px;
		display: block;
	}

.grcloup {
	width: 23px;
	height: 23px;
	margin: 19px 7px 0;
	padding: 0;
	float: right;
}

	.grcloup a {
		width: 100%;
		height: 23px;
		background: url(../images/icon/h_sub_up.png) no-repeat 0 50%;
		background-size: 100%;
		line-height: 23px;
		display: block;
	}






/************************************************
*		SLIDER MENU								*
************************************************/

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.main > section {
	max-width: 20px;
	width: 90%;
	/*margin-left: 10px;*/
	position: fixed;
	z-index: 1000;
}

	.main > section button {
		margin: 0;
		padding: 0 0 8px;
		opacity: 1;
		color: #fff;
		display: block;
		cursor: pointer;
	}

		.main > section button:hover {
			opacity: 1;
		}

		.main > section button.active {
			opacity: 1;
		}

		.main > section button.disabled {
			opacity: 1;
			pointer-events: none;
		}

.bg_over {
	width: 100%;
	height: 100%;
	background-color: #000 !important;
	opacity: 0.4 !important;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
}


/* General styles for all menus */
.cbp-spmenu {
	background: #f1f1f1;
	overflow: hidden;
	overflow-x: scroll;
	overflow-y: scroll;
	position: fixed;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
	width: 280px;
	height: 100%;
	top: 0;
	z-index: 999999;
}

	.cbp-spmenu-vertical a {
		padding: 10px 0 0;
	}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

	.cbp-spmenu-horizontal h3 {
		height: 100%;
		width: 20%;
		float: left;
	}

	.cbp-spmenu-horizontal a {
		float: left;
		width: 20%;
		padding: 0.8em;
		border-left: 1px solid #258ecd;
	}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
	left: -280px;
}

.cbp-spmenu-right {
	right: -280px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0;
}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
	top: -280px;
}

.cbp-spmenu-bottom {
	bottom: -280px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
	overflow-x: hidden;
	position: absolute;
	left: 0;
	z-index: 0;
}

.cbp-spmenu-push-toright {
	left: 280px;
}

.cbp-spmenu-push-toleft {
	left: -280px;
}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */
@media screen and (max-width:55.1875em) {
	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 210px;
	}

	.cbp-spmenu-top {
		top: -210px;
	}

	.cbp-spmenu-bottom {
		bottom: -210px;
	}
}

@media screen and (max-height:26.375em) {
	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 280px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -280px;
	}

	.cbp-spmenu-right {
		right: -280px;
	}

	.cbp-spmenu-push-toright {
		left: 280px;
	}
}






/************************************************
*			AD AREA								*
************************************************/
.ad_m_wrap {
	width: 100%;
	height: 100px;
	background-color: #fff;
	position: relative;
}

	.ad_m_wrap a {
		width: 640px;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		line-height: 100px;
		display: block;
	}

		.ad_m_wrap a img {
			width: 100%;
		}

.tomatos_ad_wrap {
	width: auto;
	height: 100px;
	margin: 0 0 15px;
	display: block;
}






/*************************************************
*					MAIN						*
*************************************************/

/***** REAL NEWS *****/
.real_wrap {
	width: 100%;
	height: 40px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	position: relative;
	left: 0;
	top: 30px;
	z-index: 100;
}

	.real_wrap .real_case {
		width: 100%;
		height: 40px;
		margin: 0 auto;
		font-size: 12px;
		line-height: 40px;
		position: relative;
		z-index: 10000;
	}

		.real_wrap .real_case .ttl {
			width: 31%;
			height: 40px;
			margin: 0 2%;
			padding: 7px 0;
			text-align: center;
			color: #fff;
			line-height: 25px;
			float: left;
		}

			.real_wrap .real_case .ttl span {
				height: 25px;
				background-color: #6ca7e9;
				font-size: 11px;
				line-height: 25px;
				display: block;
			}

		.real_wrap .real_case .txt {
			width: 52%;
			height: 40px;
			text-align: left;
			line-height: 40px;
			float: left;
			color: #333;
		}

			.real_wrap .real_case .txt i {
				margin: 0 10px;
				font-size: 18px;
				line-height: 40px;
			}

		.real_wrap .real_case .more {
			width: 13%;
			text-align: center;
			color: #666;
			float: right;
			cursor: pointer;
		}

			.real_wrap .real_case .more img {
				width: 15px;
				height: auto;
			}

		.real_wrap .real_case .ttl2 {
			width: 35%;
			height: 40px;
			margin: 0 2%;
			padding: 7px 0;
			text-align: center;
			color: #fff;
			line-height: 25px;
			float: left;
		}

			.real_wrap .real_case .ttl2 span {
				height: 25px;
				background-color: #6ca7e9;
				font-size: 11px;
				line-height: 25px;
				display: block;
			}

		.real_wrap .real_case .txt2 {
			width: 48%;
			height: 40px;
			text-align: right;
			font-size: 12px;
			color: #b4b4b4;
			line-height: 40px;
			float: left;
		}

			.real_wrap .real_case .txt2 i {
				margin: 0 10px;
				font-size: 18px;
			}

		.real_wrap .real_case .more2 {
			width: 13%;
			text-align: center;
			color: #666;
			float: right;
			cursor: pointer;
		}

			.real_wrap .real_case .more2 img {
				width: 15px;
				height: auto;
			}

	.real_wrap .real_content {
		margin: 0;
		padding: 0 10px;
		background: #fff;
		border-bottom: 2px solid #ddd;
		border-top: 1px solid #ddd;
		position: relative;
	}

		.real_wrap .real_content li {
			height: 40px;
			border-bottom: 1px solid #ddd;
			text-align: left;
			font-size: 14px;
			line-height: 40px;
			display: block;
		}

			.real_wrap .real_content li:last-child {
				border: 0 none;
			}

			.real_wrap .real_content li i {
				width: 25px;
				margin: 0 10px;
				font-size: 18px;
				color: #2d82df;
				display: block;
				float: left;
			}

/* Navbar */
.newslider-minimal {
	width: 100%;
	height: 40px;
	display: block;
}

	.newslider-minimal .sliderkit-panels {
		width: 100%;
		height: 40px;
		line-height: 40px;
		position: relative;
		float: left;
	}

	.newslider-minimal .sliderkit-panel {
		width: 100%;
		height: 40px;
		line-height: 40px;
	}

		.newslider-minimal .sliderkit-panel a {
			height: 40px;
			font-size: 15px;
			color: #333;
			line-height: 40px;
			display: block;
		}




/***** TAB NAV *****/
.tab_content {
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #eee;
}

	.tab_content:first-child,
	.tab_content:last-child {
		border-bottom: none;
	}

.tab_case {
	width: 98%;
	height: 40px;
	position: fixed;
	left: 0;
	top: 50px;
	z-index: 997;
}

.tab_scase {
	width: 100%;
	height: 40px;
	position: relative;
	z-index: 100;
}

.tab_more {
	width: 13%;
	height: 40px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}

	.tab_more a {
		width: 100%;
		height: 40px;
		text-align: center;
		line-height: 40px;
		display: block;
	}

		.tab_more a img {
			width: auto;
			height: 32%;
		}

.tab_nav {
	width: 100%;
	height: 40px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	left: 0;
	top: 0;
	overflow-x: scroll;
	white-space: nowrap;
	overflow-y: hidden;
	z-index: 200;
}

	.tab_nav::-webkit-scrollbar {
		display: none;
	}

	.tab_nav .swiper-slide {
		display: inline-block;
		width: 70px;
		background: #fff;
		font-size: 16px;
		text-align: center;
		font-size: 15px;
		line-height: 40px;
		color: rgb(50,50,50);
	}

	/*.tab_nav .swiper-slide{
	text-align:center;
	font-size:15px;
	line-height:40px;
	letter-spacing:-1px;
	color:rgb(50,50,50);
	float:left;
	width: 70px;
}*/
	.tab_nav .active-nav {
		height: 40px;
		border-bottom: 4px solid #2f82e0;
		color: #2f82e0;
	}

	.tab_nav .tn_txt {
		font-size: 13px;
		letter-spacing: -1px;
	}

		.tab_nav .tn_txt.active-nav {
			height: 40px;
			border-bottom: 0 none !important;
			background-color: #fafafa;
			color: #2f82e0;
		}


.nrl_case {
	height: 50px;
	margin: 40px 0 0;
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: 400;
	line-height: 50px;
	position: relative;
}

	.nrl_case .nc_icon {
		height: 20px;
		margin: 0 0 3px;
		padding: 0 5px;
		background-color: #2f5597;
		border-radius: 4px;
		font-size: 13px;
		font-weight: 300;
		color: #fff;
		line-height: 20px;
		display: inline-table;
	}

	.nrl_case .nc_more {
		width: 50px;
		height: 50px;
		background: url(../images/icon/set_next.png) no-repeat right 50%;
		background-size: 12px 24px;
		position: absolute;
		right: 10px;
		top: 0;
		display: block;
	}

/*tab_content3*/
.tab_content_title3 {
	text-align: center;
	font-size: 15px;
	margin: 30px 0 15px;
	color: #2f82e0;
	font-weight: 600;
}

.briefing_tab_content_title {
	text-align: center;
	font-size: 15px;
	margin: 60px 0 -20px;
	color: #2f82e0;
	font-weight: 600;
	background-color: #EEEEEE;
	HEIGHT: 50PX;
	LINE-HEIGHT: 3;
}


/***** TAB CONTENT *****/
.swiper-container {
	padding: 30px 10px 0;
	margin-bottom: 50px !important;
}

.swiper-container1 {
	padding: 5px 0 10px;
	margin-bottom: 50px !important;
}

.swiper-container2 {
	padding: 0;
	margin-bottom: 50px !important;
}

.swiper-container3 {
	padding: 0 10px 0;
	margin-bottom: 50px !important;
}

.tab_box3 {
	margin-top: 0;
	margin-left: -4% !important;
}

.tab_box, .tab_box2 {
	margin-top: 40px;
	margin-left: -4% !important;
}

.tab_box_1 {
	margin: 0 auto;
	margin-left: -2% !important;
}

.tab_box_2 {
	margin-top: 40px;
}

.tab_box.tb1 {
	margin-left: 0 !important;
}

	.tab_box.tb1 .content_a {
		margin-left: -4% !important;
	}

.bcontent {
	margin: 0 -4px 10px 0;
	padding-bottom: 10px;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.bcontent_m {
	border-bottom: none;
}

.scontent {
	margin: 0 -4% 10px 4%;
	padding: 0 0 10px;
	background: #fff;
}

.pcontent {
	margin: 0 -1% 0 1%;
	padding: 0x;
	background: #fff;
}

.ncontent {
	margin: 0 4% 10px 0;
	background: #fff;
}

.econtent {
	margin: 0 0 10px;
	padding-left: 4%;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.fcontent {
	margin: 0;
	padding-left: 4%;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.content {
	margin: 0 0 10px 4%;
	background: #fff;
}

	.content.tp2 {
		width: 46%;
		background-color: #fff;
		box-shadow: 0 2px 2px 0 #ccc;
		position: relative;
		float: left !important;
		height: 180px;
	}








.dcontent {
	width: 46%;
	margin: 10px 0 0 4%;
	background-color: #fff;
	border: 1px solid #ccc;
	position: relative;
	float: left !important;
}

	.dcontent .dcp {
		width: 100%;
		margin: 0;
		padding: 10px;
		position: relative;
	}

.dcp .dcpImg {
	width: 50px;
	height: 50px;
	margin: 0 auto 10px;
	border: 1px solid #d9d9d9;
	border-radius: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

	.dcp .dcpImg img {
		width: auto;
		height: 50px;
		margin: 0;
	}

.dcp .dcpCon {
	width: 100%;
	position: relative;
	flex: 1;
}

.dcp .dcsCon {
	width: 100%;
	position: relative;
	flex: 1;
}

.dcsCon h3 {
	height: 21px;
	margin: 5px 0 0;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	color: #1c1c1c;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

	.dcsCon h3 em {
		margin: 0 0 0 10px;
		text-align: center;
		font-size: 13px;
		font-weight: 300;
		color: #696969;
		letter-spacing: -1px;
	}

.dcsCon p {
	height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.dcsCon span {
	margin: 4px 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	color: #2e82e0;
	line-height: 14px;
	letter-spacing: -1px;
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

	.dcsCon span img {
		width: auto;
		height: 13px;
		margin: 0;
	}

	.dcsCon span .ds_stick {
		margin: 0 5px;
		color: #d9d9d9;
	}

.dcsbtn {
	width: 82px;
	margin: 0 auto 10px;
	position: relative;
}

	.dcsbtn input[type="checkbox"] {
		margin: 0;
	}

		.dcsbtn input[type="checkbox"] + label {
			width: 100%;
			max-width: 82px;
			height: 35px;
			margin: 0 auto;
			padding: 0;
			font-size: 14px;
			font-weight: 300;
			line-height: 35px;
			position: relative;
		}

			.dcsbtn input[type="checkbox"] + label:before {
				width: 100%;
				max-width: 82px;
				height: 35px;
				background: url(../images/icon/my_btn_plus.png) 88% 50% no-repeat;
				background-size: 13px;
			}

		.dcsbtn input[type="checkbox"]:checked + label:before {
			background: url(../images/icon/set_select_checkw.png) 85% 50% no-repeat;
			background-size: 13px;
		}

		.dcsbtn input[type="checkbox"] + label b {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
			background-color: #fff;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: left;
			color: #2e82e0;
			display: block;
		}

		.dcsbtn input[type="checkbox"] + label p {
			display: none;
		}

		.dcsbtn input[type="checkbox"]:checked + label b {
			display: none;
		}

		.dcsbtn input[type="checkbox"]:checked + label p {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
			background-color: #2e82e0;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: left;
			color: #fff;
			display: block;
		}


.txt_tcase {
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
	line-height: 20px;
	position: relative
}

.txt_case {
	margin: 0 0 10px;
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #e6e6e6;
	position: relative
}

.txt_t {
	margin: 15px 0 0;
	padding: 15px 10px 35px;
	border-top: 1px solid #e6e6e6;
	font-size: 15px;
	position: relative
}

.txt_re {
	height: 200px;
	margin: 0 0 10px;
	padding: 0 0 10px 10px;
	position: relative;
}

	.txt_re iframe {
		margin: 0 0 10px;
	}



.content_a {
	padding: 0;
	display: block;
	align-items: center;
}

.content_c {
	padding: 0;
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
	display: block;
	-webkit-align-items: center;
	align-items: center;
}

.content_a .ca_con {
	width: 55px;
	margin: 0 0 3px;
	padding: 0;
	background-color: #f80d0d;
	text-align: center;
	color: #fff;
	display: block;
}

.content_a .ca_bcon {
	width: 70px;
	margin: 0 5px 0 0;
	padding: 1px 0;
	border: 1px solid #2d82df;
	border-radius: 3px;
	text-align: center;
	color: #2d82df;
	float: left;
}

.content_c {
	padding: 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
	display: block;
	-webkit-align-items: center;
	align-items: center;
}

#tab2 {
	background-color: #fff;
	z-index: 100;
}



.news_a {
	width: 100%;
	padding: 0;
	overflow: visible;
	display: block;
}

	.news_a.bft,
	.news_c.bft {
		height: 150px !important;
		margin-right: 0;
		padding: 50px 0 0 10px;
	}

.news_c.bfu {
	height: 150px !important;
	margin-right: 0;
	padding: 50px 0 0 10px;
}

	.news_c.bfu .artsCon {
		padding-top: 40px;
	}

	.news_c.bfu .na_rnum {
		left: -20px;
		top: -10px;
	}

.news_b {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.news_c {
	width: 100%;
	height: 205px;
	padding: 0;
	overflow: hidden;
}

	.news_c.mc_ni {
		height: 70px;
	}

.artImg {
	overflow: hidden;
	position: relative;
}

.artImg1 {
	position: relative;
}

.artImg .ai_over {
	width: 100%;
	height: 70px;
	background: url(../images/blink1.png) repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
}

.news_a .artImg {
	width: 100%;
	height: 250px;
	text-align: center;
	float: none;
	position: relative;
}

	.news_a .artImg img {
		width: auto;
		height: 100%;
	}

.news_c .artImg img {
	width: 100%;
	height: auto;
}

.news_b .artImg {
	width: 100%;
	height: 150px;
	background-color: #f0f0f0;
	text-align: center;
	float: none;
}

.news_c .artImg {
	width: 100%;
	height: 150px;
	text-align: center;
	float: none;
	position: relative;
}

.news_a .artImg .aivod,
.news_b .artImg .aivod {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 7px;
	top: 7px;
}

.news_a .artImg .aibvod,
.news_b .artImg .aibvod {
	width: 70px;
	height: 70px;
	text-align: center;
	position: absolute;
	left: 38%;
	top: 90px;
	z-index: 10;
}

	.news_a .artImg .aibvod img,
	.news_b .artImg .aibvod img {
		width: 70px;
		height: 70px;
	}

	.news_a .artImg .aibvod a,
	.news_b .artImg .aibvod a {
		width: 70px;
		height: 70px;
		display: block;
		cursor: pointer;
	}

.news_a .artImg .ainav,
.news_b .artImg .ainav {
	width: 20px;
	height: 20px;
	background: url(../images/icon/nav_set.png) no-repeat center 50%;
	background-size: 20px 20px;
	opacity: .5;
	position: absolute;
	right: 0;
	top: 7px;
}

	.news_a .artImg .ainav a,
	.news_b .artImg .ainav a {
		width: 20px;
		height: 20px;
		display: block;
	}

.news_a .artImg .aifol,
.news_b .artImg .aifol {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 100;
}

	.news_a .artImg .aifol input[type="checkbox"],
	.news_b .artImg .aifol input[type="checkbox"] {
		height: 0;
		margin: 0;
		padding: 0;
	}

		.news_a .artImg .aifol input[type="checkbox"] + label:before,
		.news_b .artImg .aifol input[type="checkbox"] + label:before {
			width: 22px;
			height: 22px;
			background: url(../images/icon/thumb_off.png) center 50% no-repeat;
			background-size: 22px;
			top: 0;
		}

		.news_a .artImg .aifol input[type="checkbox"]:checked + label:before,
		.news_b .artImg .aifol input[type="checkbox"]:checked + label:before {
			background: url(../images/icon/thumb.png) center 50% no-repeat;
			background-size: 22px;
		}

.news_a .artImg .aidel,
.news_b .artImg .aidel {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 20px;
	top: 35px;
	z-index: 100;
}

	.news_a .artImg .aidel input[type="button"],
	.news_b .artImg .aidel input[type="button"] {
		width: 22px;
		height: 22px;
		margin: 0;
		padding: 0;
		background: url(../images/icon/del.png) no-repeat;
		background-size: 22px;
		box-shadow: none;
	}

.news_a .artImg .ailoc,
.news_b .artImg .ailoc {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 20px;
	top: 60px;
	z-index: 100;
}

	.news_a .artImg .ailoc input[type="button"],
	.news_b .artImg .ailoc input[type="button"] {
		width: 22px;
		height: 22px;
		margin: 0;
		padding: 0;
		background: url(../images/icon/lock.png) no-repeat;
		background-size: 22px;
		box-shadow: none;
	}

.news_a .artImg .aiwr,
.news_b .artImg .aiwr {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 100;
}

	.news_a .artImg .aiwr input[type="button"],
	.news_b .artImg .aiwr input[type="button"] {
		width: 22px;
		height: 22px;
		margin: 0;
		padding: 0;
		background: url(../images/icon/write_c.png) no-repeat;
		background-size: 22px;
		box-shadow: none;
	}

.news_a .artImg .locnav,
.news_b .artImg .locnav {
	width: 100px;
	padding: 10px 10px;
	background-color: #2e83e0;
	border-radius: 6px;
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 1000;
}

	.news_a .artImg .locnav a,
	.news_b .artImg .locnav a {
		height: 23px;
		color: #fff !important;
		line-height: 23px;
		display: block;
	}

.locnav1 {
	width: 100px;
	padding: 10px 10px;
	background-color: #2e83e0;
	border-radius: 6px;
	position: absolute;
	right: 20px;
	top: 0px;
	z-index: 1000;
}

	.locnav1 a {
		text-align: center;
		height: 23px;
		color: #fff !important;
		line-height: 23px;
		display: block;
	}

.news_a .artImg .locnav a img,
.news_b .artImg .locnav a img {
	width: auto;
	height: 15px;
	margin-right: 6px;
}

.news_b .artImg img {
	width: auto;
	height: 100%;
	position: relative;
	left: 100%;
	margin-left: -200%;
	z-index: 1;
}

.news_a .artImg .aivod {
	display: none;
}

.news_a .artImg .ca_rcon {
	width: 55px;
	margin: 0 0 3px;
	padding: 0;
	background-color: #f80d0d;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 10px;
	bottom: 5px;
	display: block;
}

.news_a .na_num,
.news_c .na_num {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-color: #2e83e0;
	text-align: center;
	color: #fff;
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.8;
	display: block;
	overflow: hidden;
}

.news_a .na_rnum,
.news_c .na_rnum {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-color: #f33;
	text-align: center;
	color: #fff;
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.8;
	display: block;
	overflow: hidden;
}

.news_c .artsCon.bfa {
	padding: 45px 10px 10px !important;
}

	.news_a .artsCon.bfa .na_num,
	.news_c .artsCon.bfa .na_num,
	.news_a .artsCon.bfa .na_rnum,
	.news_c .artsCon.bfa .na_rnum {
		left: -20px;
		top: -10px;
	}

.news_a .artImg .lvvod {
	width: 162px;
	height: 35px;
	padding-right: 10px;
	text-align: right;
	color: #fff;
	line-height: 35px;
	position: absolute;
	left: 5px;
	bottom: 6px;
	display: block;
}

	.news_a .artImg .lvvod.live {
		background: url(../images/icon/main_live_icon.png) no-repeat 0 0;
		background-size: 100%;
	}

	.news_a .artImg .lvvod.play {
		background: url(../images/icon/main_video_icon.png) no-repeat 0 0;
		background-size: 100%;
	}

.news_a .artCon,
.news_a .artpCon {
	padding: 10px;
	position: relative;
	float: none;
	flex: 1;
}

.artpCon .readmore p {
	font-size: 14px;
	padding: 10px;
	font-weight: 400;
}

.news_b .artCon {
	width: 100%;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	flex: 1;
	z-index: 10;
}

.artCon h2 {
	height: 26px;
	margin: 5px 0 0;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.artCon .sns_r_l {
	font-weight: 400;
}

.artCon .sns_r_ll {
	font-weight: 400;
	padding: 10px;
}

	.artCon .sns_r_ll b {
		margin: 3px;
		font-weight: 300;
		color: #ccc;
	}

.artCon .sns_r_l b {
	margin: 3px;
	font-weight: 300;
	color: #ccc;
}

.artpCon summary {
	padding: 0 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
}

.artpCon div {
	padding: 0 10px;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
}

.artCon h3 {
	height: 40px;
	margin: 7px;
	padding: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #111;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_c .artsCon h3 {
	height: 40px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.artCon p {
	height: 14px;
	margin: 0 0 3px;
	font-size: 12px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 14px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.artCon span {
	font-size: 12px;
	font-weight: 300;
	color: #3f3f3f;
	letter-spacing: -1px;
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

	.artCon span em {
		color: #2d82df;
	}

	.artCon span b {
		margin: 3px;
		font-weight: 300;
	}

	.artCon span img {
		width: 10px;
		height: 10px;
		margin: 0 0 3px;
	}

.news_c .artsCon {
	margin: -40px 22px 0 10px;
	padding: 10px 0 10px 10px;
	background-color: #fff;
	position: relative;
	float: none;
	flex: 1;
}

	.news_c .artsCon.bfd {
		margin: -40px 10px 0 10px !important;
	}


.news_a .ttc_case,
.news_c .ttc_case {
	margin: 0;
	padding: 0 20px;
}

	.news_a .ttc_case.bfc,
	.news_c .ttc_case.bfc {
		margin: 0 10px !important;
	}

	.news_a .ttc_case .coin_r {
		right: 10px;
	}

.ttc_case {
	text-align: left;
	font-size: 16px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 16px;
	letter-spacing: -1px;
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ttc_case_s {
	display: flex;
	justify-content: space-between;
	align-items: ceter;
	padding: 5px;
	width: 180px;
}

.ttc_case .tc_img {
	width: 17px;
	height: 17px;
	margin: 0 5px 0 0;
	border: 1px solid #ccc;
	border-radius: 100px;
	text-align: center;
	display: inline-table;
	overflow: hidden;
}

	.ttc_case .tc_img img {
		width: auto;
		height: 100%;
		vertical-align: top;
	}

.ttc_case em {
	color: #666666;
}

.ttc_case b, .ttc_case_main_cont b {
	margin: 3px;
	font-weight: 300;
	color: #ccc;
}

.ttc_case .tctit {
	margin: 5px 30px 0 0;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #333;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

	.ttc_case .tctit .tcicon {
		height: 20px;
		margin: 0;
		padding: 0 5px;
		background-color: #2f5597;
		border-radius: 4px;
		font-size: 13px;
		font-weight: 300;
		color: #fff;
		line-height: 20px;
		display: inline-table;
		vertical-align: bottom;
	}

.ttc_case img {
	width: 10px;
	height: 10px;
	margin: 0 0 3px;
}

.ttc_case .coin_r {
	text-align: right;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

	.ttc_case .coin_r img {
		width: 14px;
		height: 14px;
		margin: 0 0 0 8px;
		vertical-align: top;
	}

.ttc_case .sns_r {
	text-align: right;
	display: block;
	position: absolute;
	right: 20px;
	top: -5px;
}

	.ttc_case .sns_r img,
	.ttc_case .sns_r_r img {
		width: 16px;
		height: 14px;
	}

	.ttc_case .sns_r .srimg {
		width: auto !important;
	}

	.ttc_case .sns_r span {
		font-size: 14px;
	}


.ttc_case_main_cont {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px 10px;
	font-weight: 400;
}

.fix_logo span {
	margin-left: 8px;
}

	.fix_logo span img {
		width: 15px;
		height: 15px;
	}





/**** PHOTO NEWS ****/
.photo_wrap {
	padding: 0 10px;
	position: relative;
}

.news_p {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.news_pt {
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

.phonImg {
	overflow: hidden;
	position: relative;
}

.news_p .photoImg {
	width: 100%;
	height: 150px;
	position: relative;
}

.news_p .photoCon {
	width: 100%;
	height: 36px;
	padding: 0 10px;
	position: absolute;
	left: 0;
	bottom: 10px;
	flex: 1;
	z-index: 100;
}

.news_pt .photoCon {
	width: 100%;
	height: 36px;
	padding: 0 10px;
	position: absolute;
	left: 0;
	bottom: 10px;
	flex: 1;
	z-index: 100;
}

.photoCon h3 {
	width: 70%;
	margin: 0 0 3px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	float: left;
}

.photoCon p {
	width: 25%;
	height: 14px;
	margin: 20px 0 3px;
	text-align: right;
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	line-height: 14px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	position: absolute;
	right: 10px;
	top: 0;
}

	.photoCon h3 a,
	.photoCon p a {
		color: #fff;
	}

.bg_b_over {
	width: 100%;
	height: 55px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}




.sliderkit .sliderkit-nav {
	text-align: center;
	position: absolute;
	z-index: 10;
}

.sliderkit .sliderkit-nav-clip {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

	.sliderkit .sliderkit-nav-clip ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		left: 0;
		top: 0;
	}

		.sliderkit .sliderkit-nav-clip ul li {
			float: left;
		}

			.sliderkit .sliderkit-nav-clip ul li a {
				display: block;
				overflow: hidden;
			}

.sliderkit .sliderkit-panel {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	height: 400px;
}

.sliderkit .sliderkit-panel-active {
	z-index: 5;
}

.sliderkit .sliderkit-panel-old {
	z-index: 4;
}

.sliderkit .sliderkit-panel .sliderkit-panel-textbox {
	position: absolute;
	z-index: 1;
}

.sliderkit .sliderkit-panel .sliderkit-panel-text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.sliderkit .sliderkit-panel .sliderkit-panel-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.sliderkit .sliderkit-count {
	height: 25px;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #2f82e0;
	border-radius: 4px;
	color: #2f82e0;
	line-height: 25px;
	position: absolute;
	top: 182px;
	right: 10px;
	z-index: 10;
}

.photosgallery-std {
	width: 100%;
	height: 400px;
	padding: 0;
}

	.photosgallery-std .sliderkit-nav {
		width: 100%;
		left: 0;
		top: 190px;
		padding: 0;
	}

	.photosgallery-std .sliderkit-nav-clip ul li {
		width: 13px;
		height: 13px;
		margin: 0 2px 0 0;
		display: block;
		float: left;
	}

		.photosgallery-std .sliderkit-nav-clip ul li a {
			width: 13px;
			height: 13px;
			background: transparent url("../images/icon/bullet-off.png") no-repeat 0 0;
			display: block;
		}

		.photosgallery-std .sliderkit-nav-clip ul li.sliderkit-selected a {
			background: transparent url("../images/icon/bullet-on.png") no-repeat 0 0;
		}

	.photosgallery-std .sliderkit-btn {
		position: absolute;
		top: 0;
	}

		.photosgallery-std .sliderkit-btn span {
			display: none;
		}

	.photosgallery-std .sliderkit-btn-disable {
		opacity: 0.3;
		cursor: default;
	}

		.photosgallery-std .sliderkit-btn-disable a:hover {
			cursor: default;
		}

	.photosgallery-std .sliderkit-nav .sliderkit-btn a {
		width: 15px;
		height: 76px;
		background: transparent url("../images/icon/arrows-h.png") no-repeat center 0;
		display: block;
	}

	.photosgallery-std .sliderkit-nav .sliderkit-nav-prev {
		left: 20px;
	}

	.photosgallery-std .sliderkit-nav .sliderkit-nav-next {
		right: 20px;
	}

	.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a {
		background-position: -89px center;
	}

	.photosgallery-std .sliderkit-nav .sliderkit-nav-next a {
		background-position: -108px center;
	}

	.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:hover,
	.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:focus {
		background-position: -126px center;
	}

	.photosgallery-std .sliderkit-nav .sliderkit-nav-next a:hover,
	.photosgallery-std .sliderkit-nav .sliderkit-nav-next a:focus {
		background-position: -145px center;
	}

	.photosgallery-std .sliderkit-go-btn {
		width: 30px;
		height: 40px;
		position: absolute;
		top: 80px;
		z-index: 10;
	}

	.photosgallery-std .sliderkit-go-prev {
		left: 0;
	}

	.photosgallery-std .sliderkit-go-next {
		right: 0;
	}

	.photosgallery-std .sliderkit-go-btn a {
		width: 30px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: center center;
		opacity: 0.8;
		cursor: pointer;
		display: block;
	}

	.photosgallery-std .sliderkit-go-prev a {
		background-image: url("../images/icon/slider-arrow-left.gif");
	}

	.photosgallery-std .sliderkit-go-next a {
		background-image: url("../images/icon/slider-arrow-right.gif");
	}

	.photosgallery-std .sliderkit-btn-disable a {
		opacity: 0;
		cursor: default;
	}

	.photosgallery-std .sliderkit-go-btn span {
		display: none;
	}

	/* Panel */
	.photosgallery-std .sliderkit-panel {
		width: 100%;
		height: auto;
		background-color: #fff;
		text-align: center;
		top: 0;
		left: 0;
	}

		.photosgallery-std .sliderkit-panel .sp_img {
			width: 100%;
			height: 210px;
			background-color: #efefef;
			text-align: center;
			line-height: 210px;
			display: block;
			overflow: hidden;
		}

		.photosgallery-std .sliderkit-panel .aibvod {
			width: 70px;
			height: 70px;
			text-align: center;
			position: absolute;
			left: 40%;
			right: 40%;
			top: 70px;
			z-index: 10;
		}

			.photosgallery-std .sliderkit-panel .aibvod img {
				width: 70px;
				height: 70px;
			}

		.photosgallery-std .sliderkit-panel .ainav {
			width: 20px;
			height: 20px;
			background: url(../images/icon/nav_set.png) no-repeat center 50%;
			background-size: 20px 20px;
			opacity: .5;
			position: absolute;
			right: 0;
			top: 7px;
			z-index: 1000;
		}

			.photosgallery-std .sliderkit-panel .ainav a {
				width: 20px;
				height: 20px;
				position: relative;
				display: block;
			}

		.photosgallery-std .sliderkit-panel .aifol {
			width: 22px;
			height: 22px;
			position: absolute;
			right: 20px;
			top: 0;
			z-index: 100;
		}

			.photosgallery-std .sliderkit-panel .aifol input[type="checkbox"] {
				height: 0;
				margin: 0;
				padding: 0;
			}

				.photosgallery-std .sliderkit-panel .aifol input[type="checkbox"] + label:before {
					width: 22px;
					height: 22px;
					background: url(../images/icon/thumb_off.png) center 50% no-repeat;
					background-size: 22px;
					top: 0;
				}

				.photosgallery-std .sliderkit-panel .aifol input[type="checkbox"]:checked + label:before {
					background: url(../images/icon/thumb.png) center 50% no-repeat;
					background-size: 22px;
				}

		.photosgallery-std .sliderkit-panel .aidel {
			width: 22px;
			height: 22px;
			position: absolute;
			right: 20px;
			top: 35px;
			z-index: 100;
		}

			.photosgallery-std .sliderkit-panel .aidel input[type="button"] {
				width: 22px;
				height: 22px;
				margin: 0;
				padding: 0;
				background: url(../images/icon/del.png) no-repeat;
				background-size: 22px;
				box-shadow: none;
			}

		.photosgallery-std .sliderkit-panel .ailoc {
			width: 22px;
			height: 22px;
			position: absolute;
			right: 20px;
			top: 60px;
			z-index: 100;
		}

			.photosgallery-std .sliderkit-panel .ailoc input[type="button"] {
				width: 22px;
				height: 22px;
				margin: 0;
				padding: 0;
				background: url(../images/icon/lock.png) no-repeat;
				background-size: 22px;
				box-shadow: none;
			}

		.photosgallery-std .sliderkit-panel .aiwr {
			width: 22px;
			height: 22px;
			position: absolute;
			right: 20px;
			top: 10px;
			z-index: 100;
		}

			.photosgallery-std .sliderkit-panel .aiwr input[type="button"] {
				width: 22px;
				height: 22px;
				margin: 0;
				padding: 0;
				background: url(../images/icon/write_c.png) no-repeat;
				background-size: 22px;
				box-shadow: none;
			}

		.photosgallery-std .sliderkit-panel .locnav {
			width: 100px;
			padding: 5px 10px;
			background-color: #2e83e0;
			border-radius: 6px;
			position: absolute;
			right: 12px;
			top: 85px;
			z-index: 1000;
		}

			.photosgallery-std .sliderkit-panel .locnav a {
				height: 23px;
				color: #fff !important;
				line-height: 23px;
				display: block;
			}

				.photosgallery-std .sliderkit-panel .locnav a img {
					width: auto;
					height: 15px;
					margin-right: 6px;
				}


/* #app_newstong */
/* #app_newstong */

#app_newstong {
	display: none;
	background-color: rgb(54, 54, 54, 0.4);
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

	#app_newstong > .modal-content {
		width: 100%;
		max-width: 100%;
		position: fixed;
		bottom: 50px !important;
		border-top-left-radius: 28px;
		border-top-right-radius: 28px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border: none;
	}

		#app_newstong > .modal-content > .modal-header {
			border-bottom: none;
		}

			#app_newstong > .modal-content > .modal-header > .close2 > span {
				top: 24px;
				position: absolute;
				right: 20px;
				font-size: 35px;
				font-weight: bold;
				font-weight: 300;
				color: #000;
				float: right;
			}

		#app_newstong > .modal-content > .modal-body > .mc_app {
			border-top: none;
			border-bottom: none;
		}

		#app_newstong > .modal-content > .modal-body > .mc_app {
			display: block;
			margin: 0 auto;
			width: 100%;
		}

			#app_newstong > .modal-content > .modal-body > .mc_app > a.abm_link {
				width: 190px !important;
				display: block;
			}

			#app_newstong > .modal-content > .modal-body > .mc_app > a.abms_link {
				width: 125px !important;
				display: block;
			}

/*badge2*/
.content_img {
	position: relative;
	width: 100%;
	height: 235px;
	overflow: hidden;
}

.morelarge {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.6;
	padding: 10px;
	z-index: 999;
}

	.morelarge i {
		color: #fff;
		font-size: 25px;
	}

.badge2 {
	background-color: #2d82df;
	position: absolute;
	width: 30px;
	height: 30px;
	color: #fff;
	top: 0;
	padding: 5px 10px;
	display: block;
}

.badge3 {
	background-color: #c3090e;
	position: absolute;
	width: 30px;
	height: 30px;
	color: #fff;
	left: 0;
	top: 0;
	padding-top: 5px;
	display: block;
	z-index: 99;
	/* font-size: 3px; */
	vertical-align: middle;
}



/* img lightbox */

.row > .column {
	padding: 0 8px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.column {
	float: left;
	width: 25%;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(54, 54, 54);
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 1200px;
}

/* The Close Button */
.close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

	.close:hover,
	.close:focus {
		color: #999;
		text-decoration: none;
		cursor: pointer;
	}

.mySlides {
	display: none;
}

.cursor {
	cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

	/* On hover, add a black background color with a little bit see-through */
	.prev:hover,
	.next:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: -80px;
	background-color: gray;
	border-radius: 10px;
	width: 45px;
}

img {
	margin-bottom: -4px;
}

.caption-container {
	text-align: left;
	background-color: black;
	padding: 20px;
	color: white;
}

.demo {
	opacity: 0.6;
}

	.active,
	.demo:hover {
		opacity: 1;
	}

img.hover-shadow {
	transition: 0.3s;
}

.hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/** LIGHTBOX MARKUP **/

.lightbox {
	/* Default to hidden */
	display: none;
	/* Overlay entire screen */
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* A bit of padding around image */
	padding: 1em;
	/* Translucent background */
	background: rgba(0, 0, 0, 0.8);
}

	/* Unhide the lightbox when it's the target */
	.lightbox:target {
		display: block;
	}

	.lightbox span {
		/* Full width and height */
		display: block;
		width: 100%;
		height: 100%;
		/* Size and position background image */
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}



/**** NEWS SEARCH ****/
.sear_wrap {
	width: 100%;
	height: 40px;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	position: fixed;
	left: 0;
	top: 50px;
	z-index: 1000;
}

.sw_btn {
	width: 10%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	float: left;
}

	.sw_btn input[type="button"] {
		height: 40px;
		margin: 0;
		box-shadow: none;
		background: url(../images/icon/g_search.png) no-repeat center 50%;
		background-size: 20px 20px;
		line-height: 40px;
	}

.sw_inp {
	width: 80%;
	height: 40px;
	text-align: left;
	line-height: 40px;
	float: left;
}

	.sw_inp input[type="text"] {
		height: 40px;
		padding: 0 5px;
		border: 0 none;
		line-height: 40px;
	}

.sw_can {
	width: 10%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	float: left;
}

	.sw_can input[type="button"] {
		height: 40px;
		margin: 0;
		box-shadow: none;
		background: url(../images/icon/del_pic2.png) no-repeat center 50%;
		background-size: 15px 15px;
		line-height: 40px;
	}

.sw_case {
	height: 100%;
	padding: 220px 0;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #b4b4b4;
}




/****** SETTING ******/
.set_wrap {
	margin: 10px 0;
	padding: 0;
	position: relative;
}

	.set_wrap ul {
		margin: 0 0 10px;
		padding: 0;
		border-top: 1px solid #d9d9d9;
	}

	.set_wrap li {
		padding: 12px 10px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #fff;
		position: relative;
	}

		.set_wrap li .sw_l {
			width: 82%;
			float: left;
		}

			.set_wrap li .sw_l b {
				font-size: 16px;
				font-weight: 400;
				color: #1c1c1c;
				line-height: 20px;
				display: block;
			}

			.set_wrap li .sw_l p {
				margin: 4px 0 0;
				font-size: 14px;
				font-weight: 300;
				color: #4b4b4b;
				line-height: 16px;
				display: block;
			}

		.set_wrap li .sw_r {
			width: 18%;
			float: right;
		}

			.set_wrap li .sw_r .sr_link, .nw_link {
				width: 100%;
				height: 40px;
				background: url(../images/icon/set_next.png) no-repeat right 50%;
				background-size: 9px;
				display: block;
			}

		.set_wrap li .sw_r_1 {
			width: 100%;
			float: right;
		}

		.set_wrap li .sw_r_1 {
			width: 20px;
			height: 20px;
			background: url(../images/icon/del_btn2.png) no-repeat center;
			display: block;
			margin-top: 10px;
		}

		.set_wrap li .sw_r label {
			margin: 6px 0 0;
		}

	.set_wrap .sw_tit {
		margin: 5px 0 0;
		padding: 5px 10px;
		text-align: left;
		font-size: 16px;
		color: #2e83e0;
	}

	.set_wrap li .sw_l2 {
		width: 78%;
		font-size: 16px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 36px;
		float: left;
		display: block;
	}

	.set_wrap li .sw_r2 {
		width: 22%;
		float: right;
	}

		.set_wrap li .sw_r2 .sr_btn {
			width: 100%;
			height: 30px;
			margin-top: 3px;
			background-color: #2d82df;
			border-radius: 4px;
			text-align: center;
			color: #fff;
			line-height: 30px;
			display: block;
		}





/****** NEWS CAFE & 언론사 구독 ******/
.ncp_wrap {
	width: 100%;
	height: 40px;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	position: fixed;
	left: 0;
	top: 90px;
	z-index: 1000;
}

.nw_case {
	width: 100%;
	height: 80px;
	padding: 0 10px;
	background-color: #fafafa;
	position: relative;
}

	.nw_case .nc_check {
		height: 40px;
		text-align: left;
		line-height: 40px;
		position: relative;
	}

		.nw_case .nc_check ul {
			margin: 0;
			padding: 0;
			position: relative;
		}

			.nw_case .nc_check ul li {
				height: 40px;
				margin: 0 15px 0 0;
				display: block;
				float: left;
			}

				.nw_case .nc_check ul li input[type="checkbox"] {
					margin: 0;
				}

					.nw_case .nc_check ul li input[type="checkbox"] + label {
						height: 40px;
						margin: 0;
						line-height: 40px;
					}

						.nw_case .nc_check ul li input[type="checkbox"] + label b {
							font-size: 16px;
							font-weight: 400;
							color: #696969;
						}

					.nw_case .nc_check ul li input[type="checkbox"]:checked + label b {
						color: #2e82e0 !important;
					}

	.nw_case .nc_info {
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		position: relative;
		overflow: hidden;
	}

		.nw_case .nc_info span {
			height: 40px;
			position: absolute;
			right: 0;
			top: 0;
		}

		.nw_case .nc_info .select-wrapper select {
			height: 40px;
			padding: 0 25px;
			border: 0 none;
			color: #2e82e0;
			line-height: 40px;
		}

.nw_case_1 {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	background-color: #ececec;
	position: relative;
}

	.nw_case_1 .nc_check {
		height: 40px;
		text-align: left;
		line-height: 40px;
		position: relative;
	}

		.nw_case_1 .nc_check ul {
			margin: 0;
			padding: 0;
			position: relative;
		}

			.nw_case_1 .nc_check ul li {
				height: 40px;
				margin: 0 15px 0 0;
				display: block;
				float: left;
			}

				.nw_case_1 .nc_check ul li input[type="checkbox"] {
					margin: 0;
				}

					.nw_case_1 .nc_check ul li input[type="checkbox"] + label {
						height: 40px;
						margin: 0;
						line-height: 40px;
					}

						.nw_case_1 .nc_check ul li input[type="checkbox"] + label b {
							font-size: 16px;
							font-weight: 400;
							color: #696969;
						}

					.nw_case_1 .nc_check ul li input[type="checkbox"]:checked + label b {
						color: #2e82e0 !important;
					}

	.nw_case_1 .nc_info {
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		display: flex;
		justify-content: space-between;
		overflow: hidden;
	}


		.nw_case_1 .nc_info span {
			height: 40px;
			right: 0;
			top: 0;
		}

		.nw_case_1 .nc_info .nc_sub_num {
			height: 40px;
			position: absolute;
			left: 0;
			top: 0;
			font-weight: 600;
			font-size: 14px;
			color: #2e82e0;
		}

		.nw_case_1 .nc_info .select-wrapper select {
			height: 40px;
			padding: 0 20px;
			border: 0 none;
			color: #2e82e0;
			line-height: 40px;
			font-weight: 600;
			font-size: 14px;
		}

		.nw_case_1 .nc_info .select-wrapper:first-child {
			margin-left: -20px;
		}

		.nw_case_1 .nc_info .select-wrapper1 select {
			height: 40px;
			padding: 0 20px;
			border: 0 none;
			color: #2e82e0;
			line-height: 40px;
			font-weight: 600;
			font-size: 14px;
		}

		.nw_case_1 .nc_info .select-wrapper1:first-child {
			margin-left: -20px;
		}

.ncp {
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 10px;
	position: relative;
}

	.ncp .ncpImg {
		width: 22%;
		height: 85px;
		margin: 0;
		position: relative;
		float: left;
		overflow: hidden;
	}

		.ncp .ncpImg img {
			width: 50px;
			height: 50px;
			margin: 10px 0 0;
			border: 1px solid #d9d9d9;
			border-radius: 100%;
		}

	.ncp .ncpCon {
		width: 68%;
		float: left;
		flex: 1;
	}

	.ncp .ncsCon {
		width: 50%;
		float: left;
		flex: 1;
	}

	.ncp .ncp_num {
		position: absolute;
		top: 12px;
		left: 185px;
		width: 50px;
		display: block;
	}


.ncpCon h3,
.ncsCon h3 {
	height: 21px;
	margin: 5px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	color: #1c1c1c;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

	.ncpCon h3 em,
	.ncsCon h3 em {
		margin: 0 0 0 10px;
		font-size: 13px;
		font-weight: 300;
		color: #696969;
		letter-spacing: -1px;
	}

.ncpCon p,
.ncsCon p {
	height: 20px;
	font-size: 12px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ncpCon span,
.ncsCon span {
	margin: 6px 0 0;
	font-size: 12px;
	font-weight: 300;
	color: #2e82e0;
	line-height: 14px;
	letter-spacing: -1px;
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

	.ncpCon span img,
	.ncsCon span img {
		width: auto;
		height: 13px;
		margin: 0 5px 0 0;
	}

	.ncsCon span .ns_stick {
		margin: 0 10px;
		color: #d9d9d9;
	}

.ncpcheck {
	width: 10%;
	height: 80px;
	text-align: right;
	line-height: 80px;
	float: right;
}

	.ncpcheck input[type="checkbox"] + label {
		margin: 25px 0 0;
		padding: 0;
		display: block;
	}

		.ncpcheck input[type="checkbox"] + label:before {
			width: 23px;
			height: 23px;
			background: url(../images/icon/set_list_unchecked.png) right 50% no-repeat;
			background-size: 23px;
			line-height: 23px;
			right: 0;
			top: 0;
		}

	.ncpcheck input[type="checkbox"]:checked + label:before {
		color: #2e82e0;
		background: url(../images/icon/set_list_checked.png) right 50% no-repeat;
		background-size: 23px;
	}

.ncsbtn_2 {
	width: 25%;
	float: right;
	margin-left: 20px;
}

	.ncsbtn_2 input[type="checkbox"] {
		margin: 0;
	}

		.ncsbtn_2 input[type="checkbox"] + label {
			width: 100%;
			max-width: 82px;
			height: 35px;
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-weight: 300;
			line-height: 35px;
		}

			.ncsbtn_2 input[type="checkbox"] + label:before {
				width: 100%;
				max-width: 82px;
				height: 35px;
				background-size: 13px;
				right: 0;
			}

		.ncsbtn_2 input[type="checkbox"]:checked + label:before {
			background-size: 13px;
		}

		.ncsbtn_2 input[type="checkbox"] + label b {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			background-color: #fff;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: center;
			color: #2e82e0;
			display: block;
		}

		.ncsbtn_2 input[type="checkbox"] + label p {
			display: none;
		}

		.ncsbtn_2 input[type="checkbox"]:checked + label b {
			display: none;
		}

		.ncsbtn_2 input[type="checkbox"]:checked + label p {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			background-color: #2e82e0;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: center;
			color: #fff;
			display: block;
		}

.ncsbtn_1 {
	width: 20%;
	float: right;
	margin-top: -20px;
}

	.ncsbtn_1 input[type="checkbox"] {
		margin: 0;
	}

		.ncsbtn_1 input[type="checkbox"] + label {
			width: 100%;
			max-width: 82px;
			height: 30px;
			margin: 0;
			padding: 0;
			font-weight: 300;
			line-height: 35px;
		}

			.ncsbtn_1 input[type="checkbox"] + label:before {
				width: 100%;
				max-width: 82px;
				height: 35px;
				background: none;
				background-size: 13px;
				right: 0;
			}

		.ncsbtn_1 input[type="checkbox"]:checked + label:before {
			background: none;
		}

		.ncsbtn_1 input[type="checkbox"] + label .subdo {
			width: 100%;
			background-color: #fff;
			border: 1px solid #2e82e0;
			border-radius: 4px;
			text-align: center;
			color: #2e82e0;
			display: block;
		}

		.ncsbtn_1 input[type="checkbox"] + label p {
			display: none;
		}

		.ncsbtn_1 input[type="checkbox"]:checked + label .subdo {
			display: none;
		}

		.ncsbtn_1 input[type="checkbox"]:checked + label .subing {
			width: 100%;
			max-width: 82px;
			background-color: #2e82e0;
			border: 1px solid #2e82e0;
			border-radius: 4px;
			text-align: center;
			color: #fff;
			display: block;
		}

.ncsbtn {
	width: 25%;
	margin-right: 2%;
	float: right;
}

	.ncsbtn input[type="checkbox"] {
		margin: 0;
	}

		.ncsbtn input[type="checkbox"] + label {
			width: 100%;
			max-width: 82px;
			height: 35px;
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-weight: 300;
			line-height: 35px;
		}

			.ncsbtn input[type="checkbox"] + label:before {
				width: 100%;
				max-width: 82px;
				height: 35px;
				background: url(../images/icon/my_btn_plus.png) 88% 50% no-repeat;
				background-size: 13px;
				right: 0;
			}

		.ncsbtn input[type="checkbox"]:checked + label:before {
			background: url(../images/icon/set_select_checkw.png) 85% 50% no-repeat;
			background-size: 13px;
		}

		.ncsbtn input[type="checkbox"] + label b {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
			background-color: #fff;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: left;
			color: #2e82e0;
			display: block;
		}

		.ncsbtn input[type="checkbox"] + label p {
			display: none;
		}

		.ncsbtn input[type="checkbox"]:checked + label b {
			display: none;
		}

		.ncsbtn input[type="checkbox"]:checked + label p {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
			background-color: #2e82e0;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: left;
			color: #fff;
			display: block;
		}


.ncp_ctxt {
	margin: 0;
	padding: 25px 0;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	position: relative;
}

.ncp_lcop {
	margin: 30px 0 0;
	padding: 10px;
	background-color: #f1f1f1;
	text-align: left;
	position: relative;
}

	.ncp_lcop b {
		margin: 0;
		font-size: 20px;
		font-weight: 500;
		color: #2d82df;
		line-height: 24px;
		display: block;
	}

	.ncp_lcop p {
		margin: 0 0 10px;
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
		display: block;
	}

	.ncp_lcop span {
		margin: 0 0 20px;
		font-size: 12px;
		font-weight: 300;
		color: #2d82df;
		line-height: 16px;
		display: block;
	}

.ncp_ccop {
	margin: 0;
	padding: 25px 10px;
	background-color: #fff;
	text-align: center;
	position: relative;
}

	.ncp_ccop b {
		margin: 0 0 10px;
		font-size: 20px;
		font-weight: 500;
		color: #2d82df;
		line-height: 24px;
		display: block;
	}

	.ncp_ccop p {
		margin: 0 0 10px;
		font-size: 15px;
		font-weight: 500;
		line-height: 20px;
		display: block;
	}

	.ncp_ccop span {
		margin: 0 0 20px;
		font-size: 12px;
		font-weight: 300;
		color: #2d82df;
		line-height: 16px;
		display: block;
	}

.ud_cbtn_b {
	height: 45px !important;
	margin: 0 auto 30px !important;
	padding: 0;
	background-color: #2d82df !important;
	border-radius: 0 !important;
	text-align: center;
	font-size: 16px;
	color: #fff !important;
	line-height: 45px !important;
	position: relative !important;
	display: block;
}

.ud_cbtn_g {
	height: 45px !important;
	margin: 0 auto 30px !important;
	padding: 0;
	background-color: #9f9f9f !important;
	border-radius: 0 !important;
	text-align: center;
	font-size: 16px;
	color: #fff !important;
	line-height: 45px !important;
	position: relative !important;
	display: block;
}




.nw_xcase {
	width: 100%;
	padding: 20px 10px 15px;
	background-color: #fff;
	font-size: 22px;
	font-weight: 500;
	color: #666;
	line-height: 30px;
	position: relative;
}

.nw_tcase {
	width: 100%;
	height: 40px !important;
	margin-right: -4% !important;
	padding: 0 0 0 10px;
	background-color: #fafafa;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}

.nw_scase {
	width: 100%;
	height: 40px !important;
	margin-right: -4% !important;
	padding: 0 0 0 10px;
	background-color: #fff;
	position: relative;
}

.nt_info {
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	position: relative;
	overflow: hidden;
}

	.nt_info span {
		height: 40px;
		position: absolute;
		right: 10px;
		top: 0;
	}

	.nt_info .select-wrapper select {
		height: 40px;
		padding: 0 25px;
		font-size: 14px;
		border: 0 none;
		color: #2e82e0;
		line-height: 40px;
	}

.nt_tit {
	width: 100%;
	height: 40px;
	font-size: 14px;
	color: #2d82df;
	line-height: 40px;
	position: relative;
	overflow: hidden;
}

	.nt_tit span {
		height: 40px;
		position: absolute;
		right: 0;
		top: 0;
	}

		.nt_tit span a.recommend {
			width: 40px;
			height: 40px;
			background: url(../images/icon/nb_recommend.png) no-repeat right 50%;
			background-size: 20px;
			line-height: 40px;
			display: block;
		}




/****** 관심장르 & 키워드 설정 ******/
.tk_wrap {
	margin: 0 0 10px;
	padding: 15px 10px 0;
	position: relative;
}

.tk_key {
	margin: 0 0 0 -2%;
	padding: 0;
	position: relative;
}

	.tk_key li {
		width: 31%;
		margin: 0 0 3%;
		padding: 0;
		text-align: center;
		display: block;
		float: left;
	}

		.tk_key li.tk_btn {
			margin: 0 0 10px 2.3%;
			padding: 3px 10px;
			background-color: #fff;
			border: 1px solid #dadada;
			font-size: 16px;
			color: #1c1c1c;
			position: relative;
		}

			.tk_key li.tk_btn:hover {
				color: #2e83e0;
			}

			.tk_key li.tk_btn span {
				position: absolute;
				right: -5px;
				top: -5px;
				z-index: 1;
			}

				.tk_key li.tk_btn span a {
					width: 15px;
					height: 15px;
					margin: 0;
					padding: 0;
					background: url(../images/icon/del_pic2.png) no-repeat 0 0;
					background-size: 100%;
					display: block;
				}



.tk_case {
	width: 100%;
	padding: 15px 10px;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}

.tk_theme {
	margin: 0;
	padding: 0;
	position: relative;
}

	.tk_theme li {
		width: 33.3%;
		margin: 0;
		padding: 0;
		text-align: center;
		display: block;
		float: left;
	}

		.tk_theme li.tw_chk {
			margin: 0 0 5px;
			padding: 3px 5px;
		}

			.tk_theme li.tw_chk label {
				margin: 0;
				font-size: 13px;
				font-weight: 300;
				cursor: pointer;
				display: block;
			}

			.tk_theme li.tw_chk input[type="checkbox"] {
				width: 1em;
				margin-right: -2em;
				-moz-appearance: none;
				-webkit-appearance: none;
				-o-appearance: none;
				-ms-appearance: none;
				appearance: none;
				opacity: 0;
				display: block;
				float: left;
				z-index: -1;
			}

				.tk_theme li.tw_chk input[type="checkbox"] + label {
					width: 100%;
					height: 40px;
					padding: 0;
					background-color: #e6f2ff;
					border: 1px solid #c8d9ed;
					text-decoration: none;
					text-align: center;
					font-weight: 300;
					color: #1a1a1a;
					line-height: 30px;
					position: relative;
					cursor: pointer;
					display: block;
					float: left;
				}

					.tk_theme li.tw_chk input[type="checkbox"] + label.lbw50 b {
						font-size: 15px !important;
					}

					.tk_theme li.tw_chk input[type="checkbox"] + label.lbw25 b {
						font-size: 13px !important;
					}

						.tk_theme li.tw_chk input[type="checkbox"] + label.lbw25 b.lb2 {
							margin: 6px 0 0;
							line-height: 18px !important;
						}

					.tk_theme li.tw_chk input[type="checkbox"] + label b {
						width: 100%;
						height: 40px;
						padding: 4px 0 0;
						font-weight: 300;
						line-height: 30px;
						position: absolute;
						left: 0;
						top: 0;
					}

					.tk_theme li.tw_chk input[type="checkbox"] + label:before {
						width: 100%;
						height: 40px;
						margin: 0;
						background: none;
						text-align: center;
						line-height: 30px;
						display: inline-block;
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						text-transform: none !important;
						top: 0;
					}

				.tk_theme li.tw_chk input[type="checkbox"]:checked + label:before {
					background-color: #2d82df !important;
					background: none;
					border: 1px solid #c8d9ed;
				}

				.tk_theme li.tw_chk input[type="checkbox"]:checked + label b {
					color: #fff !important;
				}

				.tk_theme li.tw_chk input[type="checkbox"]:focus + label:before {
					color: #fff;
				}

.tw_table {
	width: 100%;
	height: 32px !important;
	line-height: 16px !important;
	display: table;
	overflow: hidden;
}

	.tw_table .tt_cell {
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}



.tk_search {
	margin: 0;
	padding: 0;
	position: relative;
}

	.tk_search .ts_input {
		height: 40px;
		border: 1px solid #999;
		position: relative;
	}

		.tk_search .ts_input input {
			height: 40px;
			margin: 0;
			padding: 0 10px;
			border: 0 none;
			line-height: 40px;
			float: left;
		}

		.tk_search .ts_input .ts_btn {
			height: 40px;
			background: url(../images/set/set_keyword_search.png) no-repeat center 50%;
			background-size: 20px;
			border: 0 none !important;
			box-shadow: none;
			text-align: center;
			line-height: 40px;
			float: right;
		}




/******* NOTICE ******/
.not_wrap {
	margin: 10px 0 0;
	padding: 0;
	position: relative;
}

	.not_wrap ul {
		margin: 0 0 10px;
		padding: 0;
		border-top: 1px solid #d9d9d9;
	}

	.not_wrap li {
		padding: 16px 10px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #fff;
		position: relative;
		list-style-type: none;
	}

		.not_wrap li .nw_l {
			width: 82%;
			height: 40px;
			float: left;
			overflow: hidden;
		}

			.not_wrap li .nw_l b {
				font-size: 16px;
				font-weight: 400;
				color: #1c1c1c;
				line-height: 20px;
				display: block;
			}

		.not_wrap li .nw_l2 b {
			font-size: 16px;
			font-weight: 400;
			color: #1c1c1c;
			line-height: 20px;
			display: block;
		}


		.not_wrap li .nw_l p {
			margin: 10px 0 0;
			font-size: 14px;
			font-weight: 400;
			color: #2d82df;
			line-height: 20px;
			display: block;
		}

		.not_wrap li .nw_title {
			width: 82%;
			height: 40px;
			float: left;
			overflow: hidden;
			font-size: 14px;
		}

			.not_wrap li .nw_title b {
				font-size: 14px;
				font-weight: 400;
				color: #1c1c1c;
				line-height: 20px;
				display: block;
			}

			.not_wrap li .nw_title em {
				font-size: 12px;
				color: #a7a7a7;
				line-height: 20px;
				display: block;
				font-weight: 400;
				margin-top: 5px;
			}

		.not_wrap li .nw_r {
			width: 18%;
			height: 40px;
			padding: 20px 0 0;
			text-align: right;
			font-size: 13px;
			font-weight: 300;
			color: #2d82df;
			line-height: 20px;
			float: right;
		}

.pf_del a {
	height: 40px;
	background: url(../images/icon/m_close.png) right 50% no-repeat;
	background-size: 15px;
	display: block;
}

.brie_wrap {
	margin: 10px 0 0;
	padding: 0;
	position: relative;
}

.bl_w_title
.brie_wrap ul {
	margin: 0 0 10px;
	padding: 0;
	border-top: 1px solid #d9d9d9;
}

.brie_wrap li {
	padding: 0 10px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #fff;
	position: relative;
}

.bl_w_title {
	width: 100%;
	display: block;
	padding: 10px 0 10px;
	color: #2d82df;
	font-weight: 600;
	font-size: 12px;
}

.brie_wrap li .bl_l {
	width: 82%;
	height: 40px;
	float: right;
}

	.brie_wrap li .bl_l b {
		font-size: 16px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 20px;
		display: block;
	}

	.brie_wrap li .bl_l p {
		margin: 10px 0 0;
		font-size: 14px;
		font-weight: 400;
		color: #2d82df;
		line-height: 20px;
		display: block;
	}

.brie_wrap li .bl_r {
	width: 18%;
	height: 40px;
	text-align: right;
	font-size: 14px;
	font-weight: 300;
	color: #2d82df;
	line-height: 20px;
}







.not_wrap li .tw_l {
	width: 82%;
	float: left;
	overflow: hidden;
}

	.not_wrap li .tw_l b {
		font-size: 16px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 20px;
		display: block;
	}

	.not_wrap li .tw_l p {
		margin: 5px 0 0;
		font-size: 13px;
		font-weight: 300;
		color: #2d82df;
		line-height: 20px;
		display: block;
	}

.not_wrap li .tw_r {
	width: 18%;
	height: 65px;
	text-align: right;
	float: right;
}

	.not_wrap li .tw_r .tr_del {
		width: 100%;
		height: 100%;
		background: url(../images/nc_edit/del_btn1.png) right 50% no-repeat;
		background-size: 22px;
		display: block;
	}

.not_wrap li .tw_f {
	width: 100%;
	float: left;
	overflow: hidden;
}

	.not_wrap li .tw_f b {
		font-size: 16px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 20px;
		display: block;
	}

	.not_wrap li .tw_f p {
		margin: 5px 0 0;
		font-size: 13px;
		font-weight: 300;
		color: #2d82df;
		line-height: 20px;
		display: block;
	}

.not_wrap li .tw_h {
	width: 25%;
	float: left;
	overflow: hidden;
}

	.not_wrap li .tw_h p {
		margin-right: 10px;
		padding: 3px;
		border: 1px solid #ccc;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 20px;
		display: block;
	}

		.not_wrap li .tw_h p.l_blue {
			border: 1px solid #2d82df;
			color: #2d82df;
		}

		.not_wrap li .tw_h p.l_red {
			border: 1px solid #f80d0d;
			color: #f80d0d;
		}

.not_wrap li .tw_b {
	width: 75%;
	float: left;
	overflow: hidden;
}

	.not_wrap li .tw_b b {
		font-size: 16px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 20px;
		display: block;
	}

	.not_wrap li .tw_b p {
		margin: 5px 0 0;
		font-size: 13px;
		font-weight: 300;
		color: #2d82df;
		line-height: 20px;
		display: block;
	}

.cw_inp {
	height: 50px;
	padding: 0;
	border-bottom: 1px solid #d9d9d9;
	background-color: #fff;
	text-align: left;
	position: relative;
}

.cw_inp_1 {
	height: 70px;
	font-weight: 400;
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #fff;
	text-align: left;
	position: relative;
	font-size: 14px;
}

	.cw_inp_1 em {
		margin: 10px 0;
		display: block;
		font-size: 12px;
		color: #a7a7a7;
	}


.cw_inp input {
	height: 50px;
	margin: 0;
	padding: 0 10px;
	border: 0 none;
	line-height: 50px;
}

.cw_inp ::-webkit-input-placeholder,
.cw_inp :-moz-placeholder,
.cw_inp ::-moz-placeholder,
.cw_inp :-ms-input-placeholder,
.cw_inp .formerize-placeholder {
	color: #696969 !important;
}

.cw_view {
	height: 400px;
	padding: 15px 10px;
	background-color: #fff;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
}

.cw_tarea {
	height: 400px;
	padding: 10px;
	background-color: #fff;
}

.cw_gtarea {
	margin: 10px;
	padding: 10px;
	border: 1px solid #d9d9d9;
	background-color: #f9f9f9;
}

	.cw_gtarea .cg_ta {
		height: 380px;
		position: relative;
		overflow: hidden;
		overflow-y: scroll
	}

		.cw_gtarea .cg_ta textarea {
			height: 100%;
			border: 0 none;
		}

	.cw_gtarea .cg_txt {
		text-align: right;
	}

.cw_file {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}

	.cw_file .cf_tit {
		height: 50px;
		margin-right: 5px;
		line-height: 50px;
		float: left;
	}

	.cw_file .cf_case {
		width: 50px;
		height: 50px;
		margin-right: 10px;
		background-color: #efefef;
		line-height: 50px;
		overflow: hidden;
		float: left;
	}

		.cw_file .cf_case img {
			width: auto;
			height: 50px;
		}

		.cw_file .cf_case a {
			width: 50px;
			height: 50px;
			display: block;
		}

.cw_btn {
}


.cw_sel {
	height: 48px;
	padding: 0;
	border-bottom: 1px solid #2d82df;
	background-color: #fff;
	text-align: leftl;
	position: relative;
}

	.cw_sel .select-wrapper {
		background-position: 96% 50%;
	}

		.cw_sel .select-wrapper select {
			padding: 0 10px;
			border: 0 none;
			font-size: 15px;
			color: #2d82df;
		}


.cw_bche {
	margin: 0;
	padding: 5px 10px 25px;
	background-color: #fbfbfb;
	line-height: 40px;
	position: relative;
}

	.cw_bche .wctxt {
		text-align: left;
		font-size: 13px;
		font-weight: 300;
		color: #4c4c4c;
		line-height: 18px;
	}

	.cw_bche .wchek1,
	.cw_bche .wchek2 {
		margin: 25px 0 0;
		padding: 0;
	}

		.cw_bche .wchek1 label b,
		.cw_bche .wchek2 label b {
			height: 40px;
			text-align: center;
			font-size: 14px !important;
			font-weight: 300;
			line-height: 40px;
			display: block;
		}

		.cw_bche .wchek1 input[type="checkbox"] + label,
		.cw_bche .wchek2 input[type="checkbox"] + label {
			padding: 0;
			display: block;
		}

			.cw_bche .wchek1 input[type="checkbox"] + label:before {
				width: 100%;
				height: 40px;
				background: url(../images/nc_edit/btn_nt_ctg.png) 17% 10px no-repeat;
				background-size: 20px;
				border: 1px solid #1c1c1c;
				color: #1c1c1c !important;
				line-height: 40px;
				top: 0;
			}

		.cw_bche .wchek1 input[type="checkbox"]:checked + label:before {
			background: url(../images/nc_edit/btn_nt_ctg.png) 17% 10px no-repeat;
			background-size: 20px;
			color: #2e82e0 !important;
			background-size: 20px;
			border: 1px solid #2e82e0;
		}

		.cw_bche .wchek2 input[type="checkbox"] + label:before {
			width: 100%;
			height: 40px;
			background: url(../images/nc_edit/btn_nt_link.png) 25% 10px no-repeat;
			background-size: 20px;
			border: 1px solid #1c1c1c;
			color: #1c1c1c !important;
			line-height: 40px;
			top: 0;
		}

		.cw_bche .wchek2 input[type="checkbox"]:checked + label:before {
			background: url(../images/nc_edit/btn_nt_link.png) 25% 10px no-repeat;
			background-size: 20px;
			color: #2e82e0 !important;
			border: 1px solid #2e82e0;
		}


.cw_lche {
	margin: 0;
	padding: 0;
	background-color: #fbfbfb;
	line-height: 40px;
	position: relative;
}

	.cw_lche ul {
		margin: 0;
		padding: 0;
	}

	.cw_lche li {
		margin: 0;
		padding: 10px;
		background-color: transparent;
		position: relative;
	}

		.cw_lche li .cl_tit {
			width: 30%;
			text-align: left;
			font-size: 14px;
			font-weight: 400;
			color: #1c1c1c;
			line-height: 30px;
			float: left;
		}

		.cw_lche li .cl_che {
			width: 70%;
			position: relative;
			float: left;
		}

	.cw_lche .lbtn {
		width: 60px;
		margin: 0 15px 0 0;
		padding: 0;
		float: left;
	}

		.cw_lche .lbtn label b {
			height: 30px;
			font-size: 14px !important;
			font-weight: 300;
			line-height: 30px;
		}

		.cw_lche .lbtn input[type="checkbox"] + label {
			width: 60px;
			padding: 0;
			text-align: center;
			display: block;
		}

			.cw_lche .lbtn input[type="checkbox"] + label b {
				width: 100%;
				height: 30px;
				margin: 0;
				padding: 0;
				font-size: 14px !important;
				font-weight: 300;
				line-height: 30px;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 100;
			}

		.cw_lche .lbtn input[type="checkbox"]:checked + label b {
			color: #fff !important;
		}

		.cw_lche .lbtn input[type="checkbox"] + label:before {
			width: 100%;
			height: 30px;
			margin: 0 10px 0 0;
			padding: 0;
			background: none !important;
			border: 1px solid #696969;
			color: #696969;
			line-height: 30px;
			top: 0;
		}

		.cw_lche .lbtn input[type="checkbox"]:checked + label:before {
			background-color: #2e82e0 !important;
			border: 1px solid #2e82e0 !important;
			color: #fff;
		}

	.cw_lche .fb_lbtn,
	.cw_lche .tw_lbtn {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
	}

		.cw_lche .fb_lbtn label b,
		.cw_lche .tw_lbtn label b {
			height: 30px;
			margin: 0 0 0 35px;
			font-size: 13px !important;
			font-weight: 300;
			line-height: 30px;
		}

		.cw_lche .fb_lbtn input[type="checkbox"] + label,
		.cw_lche .tw_lbtn input[type="checkbox"] + label {
			padding: 0;
			display: block;
		}

	.cw_lche input[type="checkbox"] + label:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		top: 0;
	}

	.cw_lche .fb_lbtn input[type="checkbox"]:checked + label:before {
		color: #2e82e0;
	}

	.cw_lche .fb_lbtn input[type="checkbox"] + label:before {
		background: url(../images/nc_edit/edit_facebook_off.png) 0 0 no-repeat;
		background-size: 30px;
	}

	.cw_lche .fb_lbtn input[type="checkbox"]:checked + label:before {
		background: url(../images/nc_edit/edit_facebook_on.png) 0 0 no-repeat;
		background-size: 30px;
	}

	.cw_lche .tw_lbtn input[type="checkbox"] + label:before {
		background: url(../images/nc_edit/edit_twitter_off.png) 0 0 no-repeat;
		background-size: 30px;
	}

	.cw_lche .tw_lbtn input[type="checkbox"]:checked + label:before {
		background: url(../images/nc_edit/edit_twitter_on.png) 0 0 no-repeat;
		background-size: 30px;
	}

.cw_lsel {
	margin: 0;
	padding: 0;
	background-color: #fbfbfb;
	line-height: 40px;
	position: relative;
}

	.cw_lsel .cw_sele {
		height: 40px;
		margin: 0 0 10px;
		padding: 0;
		border-bottom: 1px solid #2d82df;
		background-color: #fff;
		text-align: left;
		line-height: 40px;
		position: relative;
	}

		.cw_lsel .cw_sele .select-wrapper {
			width: 90%;
			margin: 0 auto;
			background-position: 96% 50%;
		}

			.cw_lsel .cw_sele .select-wrapper select {
				padding: 0 10px;
				border: 0 none;
				font-size: 15px;
				color: #2d82df;
			}

.cw_tag {
	margin: 10px 0 0;
	padding: 0 10px 40px;
	position: relative;
}

	.cw_tag .cl_ltit {
		text-align: left;
		font-size: 14px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 30px;
	}

	.cw_tag .cl_ltag {
		text-align: left;
		font-size: 14px;
		font-weight: 400;
		color: #2e82e0;
		line-height: 20px;
	}

		.cw_tag .cl_ltag span {
			margin-right: 10px;
		}




/****** NEWSCAFE *****/
.nc_wrap {
	margin: 20px auto 0;
	padding: 0;
	position: relative;
}

.nc_case {
	margin: 0;
	padding: 0 10px;
	position: relative;
}

.nw_ltit {
	width: 100%;
	margin: 0 0 15px;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}

.nw_lsit {
	width: 100%;
	margin: 20px 0 5px;
	text-align: left;
	font-size: 15px;
	font-weight: 400;
}

.nw_lsxt {
	width: 100%;
	margin: 0 0 10px;
	text-align: left;
	font-size: 13px;
	font-weight: 400;
}

.pw_case {
	margin: 0 0 5px;
	padding: 0;
	text-align: left;
	position: relative;
}

	.pw_case a {
		text-decoration: underline !important;
		color: #696969 !important;
	}

	.pw_case ul {
		margin: 0;
		padding: 0;
	}

	.pw_case li {
		height: 30px;
		border: none;
		position: relative;
		display: block;
	}

		.pw_case li span {
			height: 30px;
			position: absolute;
			right: 10px;
			top: 0;
		}

.pi_tit {
	width: 20%;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	position: relative;
	float: left;
}

.pi_inp {
	width: 80%;
	margin: 0;
	float: right;
}

	.pi_inp input[type="text"] {
		width: 100% !important;
		height: 40px;
		padding: 0 10px !important;
		border-radius: 0;
		line-height: 40px;
	}

.nw_profile {
	height: 70px;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
}

	.nw_profile .lp_thum {
		width: 70px;
		height: 70px;
		margin: 0 15px 0 0;
		position: relative;
		float: left;
	}

		.nw_profile .lp_thum .it_pro {
			background-color: #f3f3f3;
			border: 1px solid #ddd;
			border-radius: 100%;
			position: relative;
			overflow: hidden;
		}

			.nw_profile .lp_thum .it_pro .lt_img {
				width: 100%;
			}

		.nw_profile .lp_thum span {
			width: 20px;
			height: 20px;
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 100%;
			text-align: center;
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
		}

			.nw_profile .lp_thum span a {
				width: 20px;
				height: 20px;
				background: url(../images/nc_edit/edit_photo_icon.png) no-repeat 4px 40%;
				background-size: 10px 10px;
				line-height: 20px;
				display: block;
			}

	.nw_profile .lp_btn {
		height: 40px;
		margin: 15px 0;
		float: left;
	}

		.nw_profile .lp_btn a {
			height: 40px;
			padding: 0 65px;
			background-color: #2d82df;
			text-align: center;
			font-size: 16px;
			font-weight: 500;
			color: #fff;
			line-height: 40px;
			display: block;
		}

.nw_txtarea {
	margin: 0 0 10px;
	padding: 0;
	position: relative;
}

.nw_sns {
	height: 30px;
	margin: 3px 0;
	padding: 0;
	line-height: 30px;
	position: relative;
}

	.nw_sns ul {
		margin: 0;
		padding: 0;
		position: relative;
	}

	.nw_sns li {
		width: 102px;
		height: 30px;
		margin: 0 15px 0 0 !important;
		border: 1px solid #d9d9d9;
		position: relative;
		float: left;
	}

	.nw_sns .fb_btn,
	.nw_sns .tw_btn {
		margin: 0;
		padding: 0;
	}

		.nw_sns .fb_btn label b,
		.nw_sns .tw_btn label b {
			height: 30px;
			margin: 0 0 0 35px;
			font-size: 14px !important;
			font-weight: 300;
			line-height: 30px;
		}

		.nw_sns .fb_btn input[type="checkbox"] + label,
		.nw_sns .tw_btn input[type="checkbox"] + label {
			padding: 0;
			display: block;
		}

	.nw_sns input[type="checkbox"] + label:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		top: 0;
	}

	.nw_sns .fb_btn input[type="checkbox"]:checked + label:before {
		color: #2e82e0;
	}

	.nw_sns .fb_btn input[type="checkbox"] + label:before {
		background: url(../images/nc_edit/edit_facebook_off.png) 0 0 no-repeat;
		background-size: 30px;
	}

	.nw_sns .fb_btn input[type="checkbox"]:checked + label:before {
		background: url(../images/nc_edit/edit_facebook_on.png) 0 0 no-repeat;
		background-size: 30px;
	}

	.nw_sns .tw_btn input[type="checkbox"] + label:before {
		background: url(../images/nc_edit/edit_twitter_off.png) 0 0 no-repeat;
		background-size: 30px;
	}

	.nw_sns .tw_btn input[type="checkbox"]:checked + label:before {
		background: url(../images/nc_edit/edit_twitter_on.png) 0 0 no-repeat;
		background-size: 30px;
	}


.pw_case label {
	padding: 0 0 0 30px;
	font-size: 14px !important;
	color: #666 !important;
}

	.pw_case label b {
		margin-left: 30px;
		font-size: 14px !important;
		font-weight: 500;
	}

.pw_case input[type="checkbox"] + label {
	margin: 25px 0 0;
	padding: 0;
	display: block;
}

	.pw_case input[type="checkbox"] + label:before {
		width: 23px;
		height: 23px;
		background: url(../images/nc_edit/edit_uncheck.png) right 50% no-repeat;
		background-size: 23px;
		line-height: 23px;
		top: 0;
	}

.pw_case input[type="checkbox"]:checked + label:before {
	color: #2e82e0;
	background: url(../images/nc_edit/edit_checked.png) right 50% no-repeat;
	background-size: 23px;
}





/*************** 알림 ****************/
.pickr_wrap {
	width: 100%;
	margin: 0;
	padding: 10px 5px;
	background-color: #efefef !important;
	position: relative;
	z-index: 100;
}

	.pickr_wrap .pw_sel {
		width: 97%;
		height: 30px;
		margin: 0 0 5px;
		padding: 0;
		position: relative;
		float: left;
	}

		.pickr_wrap .pw_sel .select-wrapper {
			height: 30px;
			background-color: #fff;
			background-position: 95% 50%;
		}

		.pickr_wrap .pw_sel select {
			height: 30px;
			padding: 0 5px;
			font-size: 12px;
			line-height: 30px;
		}

	.pickr_wrap .pw_inpsel {
		height: 30px;
		margin: 0;
		padding: 0;
		float: left;
	}

		.pickr_wrap .pw_inpsel .select-wrapper {
			height: 30px;
			background-color: #fff;
			background-position: 95% 50%;
		}

		.pickr_wrap .pw_inpsel select {
			height: 30px;
			padding: 0 5px;
			font-size: 12px;
			line-height: 30px;
		}

		.pickr_wrap .pw_inpsel input[type="text"] {
			background-color: #fff !important;
		}

	.pickr_wrap .pw_st {
		width: 8%;
		height: 30px;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 30px;
		float: left;
	}

	.pickr_wrap .pw_st2 {
		width: 11%;
		height: 30px;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 30px;
		float: left;
	}

	.pickr_wrap .pw_pick {
		height: 30px;
		margin: 0;
		padding: 0;
		background-color: #fff;
		float: left;
	}

	.pickr_wrap .pw_sear {
		height: 30px;
		margin: 0 0 0 4%;
		padding: 0;
		background-color: #fff;
		float: left;
	}

	.pickr_wrap .bd {
		border: 1px solid #cacaca;
	}

		.pickr_wrap .bd input[type="text"] {
			height: 28px;
			padding: 0 28px 0 5px;
			background: url(../images/icon/calendar_icon1.png) no-repeat 90% 50%;
			background-size: 15px;
			font-size: 12px;
		}

	.pickr_wrap input[type="text"] {
		height: 28px;
		border: 0 none;
	}

	.pickr_wrap input[type="button"] {
		height: 30px;
		margin: 0;
		padding: 0;
		background-color: #2e82e0;
		border-radius: 0;
		color: #fff;
		line-height: 30px;
	}



/*************************************************
*					DATA PIKER					*
*************************************************/

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	color: #262626;
	background: #fff;
}

	/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
	.pika-single:before,
	.pika-single:after {
		content: " ";
		display: table;
	}

	.pika-single:after {
		clear: both
	}



	.pika-single.is-hidden {
		display: none;
	}

	.pika-single.is-bound {
		position: absolute;
	}

.pika-lendar {
	float: left;
	width: 200px;
	margin: 0;
}

.pika-title {
	padding: 0 10px;
	background-color: #2e82e0;
	border-left: 1px solid #dedede;
	position: relative;
	text-align: center;
}

.pika-label {
	display: inline-block;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	font-weight: bold;
}

.pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 0;
	filter: alpha(opacity=0);
	opacity: 0;
}

.pika-prev,
.pika-next {
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	/* hide text using text-indent trick, using width value (it's enough) */
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	opacity: 1;
	top: 10px;
}

	.pika-prev:hover,
	.pika-next:hover {
		opacity: 1;
	}

.pika-prev,
.is-rtl .pika-next {
	float: left;
	background: url(../images/icon/cal_next1.png) no-repeat;
	/*    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');*/
	left: -5px !important;
}

.pika-next,
.is-rtl .pika-prev {
	float: right;
	background: url(../images/icon/cal_prev1.png) no-repeat;
	/*    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');*/
	right: -10px !important;
}

	.pika-prev.is-disabled,
	.pika-next.is-disabled {
		cursor: default;
	}

.pika-select {
	display: inline-block;
}

.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-left: 1px solid #dedede;
}

	.pika-table th,
	.pika-table td {
		width: 14.285714285714286%;
		padding: 0;
	}

	.pika-table th {
		background-color: #2e82e0;
		color: #fff;
		font-size: 12px;
		line-height: 25px;
		text-align: center;
	}

	.pika-table td {
		border-right: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
	}

.pika-button {
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 0;
	color: #242424;
	text-align: center;
	font-size: 12px;
	line-height: 32px;
	background: #fff;
	border: 1px solid #fff;
}

.pika-week {
	font-size: 11px;
	color: #262626;
}

.is-today .pika-button {
	background: #fff;
	border: 1px solid #2e82e0;
	color: #2e82e0;
	font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
	color: #fff;
	font-weight: bold;
	background: #2e82e0;
	border-radius: 0;
}

.has-event .pika-button {
	background: #fff;
}


.is-disabled .pika-button,
.is-inrange .pika-button {
	background: #fff;
}

.is-startrange .pika-button {
	color: #fff;
	background: #2e82e0;
	box-shadow: none;
}

.is-endrange .pika-button {
	color: #fff;
	background: #2e82e0;
	box-shadow: none;
}

.is-disabled .pika-button {
	background: #fff;
	pointer-events: none;
	cursor: default;
	color: #c2c2c2;
}

.is-outside-current-month .pika-button {
	color: #c2c2c2;
}

.is-selection-disabled {
	pointer-events: none;
	cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
	color: #c71c22;
	border: 1px solid #2e82e0;
	box-shadow: none;
}

/* styling for abbr */
.pika-table abbr {
	border-bottom: none;
	cursor: help;
}





/************* MY 페이지 *************/
.mp_wrap {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
	left: 0;
	top: 0;
}

	.mp_wrap.btl {
		border-top: 1px solid #d9d9d9;
	}

	.mp_wrap.mw90 {
		height: 90px !important;
	}

	.mp_wrap.mw100 {
		height: 100px !important;
	}

	.mp_wrap.mw130 {
		height: 130px !important;
	}

	.mp_wrap.mw140 {
		height: 140px !important;
	}

	.mp_wrap .mw_pf {
		height: 60px;
		padding: 15px 5px;
		text-align: left;
		position: relative;
	}

		.mp_wrap .mw_pf ul {
			margin: 0;
			padding: 0;
			position: relative;
		}

			.mp_wrap .mw_pf ul li {
				height: 60px;
				padding: 0 5px;
				line-height: 30px;
				letter-spacing: -1px;
				display: block;
				float: left;
				overflow: hidden;
			}

				.mp_wrap .mw_pf ul li .pf_img {
					width: 60px;
					height: 60px;
					border: 1px solid #e3e3e3;
					border-radius: 100%;
					position: relative;
					display: block;
					float: left;
					overflow: hidden;
				}

					.mp_wrap .mw_pf ul li .pf_img img {
						width: 100%;
					}

				.mp_wrap .mw_pf ul li em {
					height: 30px;
					margin: 0 0 3px;
					display: block;
				}

					.mp_wrap .mw_pf ul li em img {
						width: auto;
						height: 30px;
					}

				.mp_wrap .mw_pf ul li b {
					font-size: 15px;
					font-weight: 400;
					display: block;
				}

				.mp_wrap .mw_pf ul li p {
					font-size: 13px;
					font-weight: 300;
					display: block;
				}

				.mp_wrap .mw_pf ul li span {
					font-size: 13px;
					font-weight: 300;
				}


#ncp_pf_con {
	background: #fff;
	width: 100%;
	position: sticky;
	top: 35px;
	height: 55px;
	z-index: 100;
}

.mw_pr_1 {
	background: #fff;
	margin-top: 90px;
	padding: 15px 20px 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

	.mw_pr_1 img {
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}

	.mw_pr_1 .profile_name {
		margin-left: -170px;
	}

.mp_wrap .mw_pr {
	padding: 15px 5px;
	text-align: left;
	position: relative;
}

	.mp_wrap .mw_pr ul {
		margin: 0;
		padding: 0;
		position: relative;
	}

		.mp_wrap .mw_pr ul li {
			height: 75px;
			padding: 0 5px;
			line-height: 30px;
			letter-spacing: -1px;
			display: block;
			float: left;
			overflow: hidden;
		}

			.mp_wrap .mw_pr ul li .pr_img {
				width: 60px;
				height: 60px;
				margin: 5px 15px 0;
				border: 1px solid #e3e3e3;
				border-radius: 100%;
				/*line-height:60px;*/
				position: relative;
				display: block;
				float: left;
				overflow: hidden;
			}

				.mp_wrap .mw_pr ul li .pr_img img {
					width: 100%;
				}

			.mp_wrap .mw_pr ul li .ri_mod {
				width: 20px;
				height: 20px;
				position: absolute;
				left: 65px;
				top: 40px;
				z-index: 1;
			}

				.mp_wrap .mw_pr ul li .ri_mod img {
					width: 100%;
				}

			.mp_wrap .mw_pr ul li b {
				height: 23px;
				font-size: 16px;
				font-weight: 500;
				line-height: 23px;
				position: relative;
				display: block;
			}

				.mp_wrap .mw_pr ul li b span {
					font-size: 13px;
					font-weight: 300;
					position: absolute;
					right: 0;
					top: 0;
				}

					.mp_wrap .mw_pr ul li b span .mp_nav {
						width: 15px;
						height: 15px;
						margin: 2px 0 0;
						background: url(../images/icon/nb_home.png) no-repeat right 50%;
						background-size: 15px;
						display: block;
					}

				.mp_wrap .mw_pr ul li b .profile_edit {
					padding-right: 10px;
				}

					.mp_wrap .mw_pr ul li b .profile_edit a {
						color: #2e82e0;
						margin-right: 10px;
					}

				.mp_wrap .mw_pr ul li b span input[type="checkbox"] {
					width: 25px;
					margin: 0;
				}

					.mp_wrap .mw_pr ul li b span input[type="checkbox"] + label {
						width: 25px;
						height: 25px;
						margin: 0;
						padding: 0;
						background-size: 25px;
					}

						.mp_wrap .mw_pr ul li b span input[type="checkbox"] + label:before {
							width: 25px;
							height: 25px;
							background: url(../images/icon/alarm_up.png) 0 2px no-repeat;
							background-size: 21px;
							right: 0;
							top: 0;
						}

					.mp_wrap .mw_pr ul li b span input[type="checkbox"] + label {
						width: 25px;
						height: 25px;
						margin: 0;
						padding: 0;
						line-height: 25px;
						display: block;
						position: absolute;
						top: 0;
					}

					.mp_wrap .mw_pr ul li b span input[type="checkbox"]:checked + label:before {
						width: 25px;
						height: 25px;
						margin: 0;
						padding: 0;
						background: url(../images/icon/alarm_ov.png) 0 2px no-repeat;
						background-size: 21px;
						line-height: 25px;
						display: block;
						position: absolute;
						top: 0;
					}

			.mp_wrap .mw_pr ul li em {
				height: 22px;
				font-size: 14px;
				font-weight: 400;
				color: #828282;
				line-height: 22px;
				position: relative;
				display: block;
			}


			.mp_wrap .mw_pr ul li p {
				height: 25px;
				font-size: 12px;
				font-weight: 300;
				line-height: 25px;
				position: relative;
			}

				.mp_wrap .mw_pr ul li p strong {
					font-weight: 500;
				}

				.mp_wrap .mw_pr ul li p em {
					margin: 0 10px;
					color: #d9d9d9;
				}

				.mp_wrap .mw_pr ul li p span {
					width: 65px;
					height: 25px;
					line-height: 25px;
					display: block;
					position: absolute;
					right: 0;
					top: 0;
				}

					.mp_wrap .mw_pr ul li p span input[type="checkbox"] {
						margin: 0;
					}

						.mp_wrap .mw_pr ul li p span input[type="checkbox"] + label {
							width: 100%;
							height: 23px;
							margin: 0;
							padding: 0;
							line-height: 23px;
						}

							.mp_wrap .mw_pr ul li p span input[type="checkbox"] + label:before {
								width: 100%;
								height: 23px;
								right: 0;
								top: 0;
							}

							.mp_wrap .mw_pr ul li p span input[type="checkbox"] + label .b1 {
								width: 100%;
								height: 23px;
								margin: 0;
								padding: 0 0 0 5px;
								background: #fff url(../images/mypage/my_btn_plus.png) 92% 55% no-repeat;
								background-size: 10px;
								border: 1px solid #2e82e0;
								border-radius: 4px;
								text-align: left;
								font-size: 12px;
								font-weight: 300;
								color: #2e82e0;
								line-height: 23px;
								display: block;
								position: absolute;
								top: 0;
							}

							.mp_wrap .mw_pr ul li p span input[type="checkbox"] + label .b2 {
								display: none;
							}

				.mp_wrap .mw_pr ul li p spaninput[type="checkbox"]:checked + label .b1 {
					display: none;
				}

				.mp_wrap .mw_pr ul li p span input[type="checkbox"]:checked + label .b2 {
					width: 100%;
					height: 23px;
					margin: 0;
					padding: 0 0 0 10px;
					background: #2e82e0 url(../images/set/set_select_checkw.png) 86% 55% no-repeat;
					background-size: 10px;
					border: 1px solid #2e82e0;
					border-radius: 4px;
					text-align: left;
					font-size: 12px;
					font-weight: 300;
					text-align: left;
					color: #fff;
					line-height: 23px;
					display: block;
					position: absolute;
					top: 0;
				}



.mp_wrap .mw_upr {
	margin: 8px 0 0;
	padding: 0 5px;
	position: relative;
}

	.mp_wrap .mw_upr ul {
		margin: 0;
		padding: 0;
		position: relative;
	}

		.mp_wrap .mw_upr ul li:first-child {
			background: none;
		}

		.mp_wrap .mw_upr ul li {
			height: 25px;
			padding: 0 5px;
			background: url(../images/icon/my_stick1.png) no-repeat left 50%;
			line-height: 30px;
			letter-spacing: -1px;
			display: block;
			position: relative;
			float: left;
			overflow: hidden;
		}

			.mp_wrap .mw_upr ul li b {
				width: 50%;
				height: 25px;
				padding-left: 5%;
				text-align: left;
				font-weight: 400;
				color: #333;
				line-height: 25px;
				float: left;
			}

				.mp_wrap .mw_upr ul li b img {
					width: auto;
					height: 15px;
				}

			.mp_wrap .mw_upr ul li p {
				width: 40%;
				height: 25px;
				padding: 0;
				text-align: left;
				color: #2d82df;
				line-height: 25px;
				float: left;
			}


.fix_write {
	width: 60px;
	height: 60px;
	line-height: 40px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 10000;
}

	.fix_write a {
		width: 100%;
		height: 60px;
		background: url(../images/main/float_write.png) right bottom no-repeat;
		background-size: 100%;
		opacity: 0.8;
		display: block;
	}


.myp {
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 10px;
	position: relative;
}

	.myp .mypImg {
		width: 22%;
		height: 85px;
		margin: 0;
		position: relative;
		float: left;
		z-index: 1;
	}

		.myp .mypImg img {
			width: 50px;
			height: 50px;
			margin: 10px 0 0;
			border: 1px solid #d9d9d9;
			border-radius: 100%;
		}

		.myp .mypImg em {
			width: 15px;
			height: 15px;
			position: absolute;
			left: 37px;
			bottom: 28px;
			z-index: 10000;
		}

			.myp .mypImg em a {
				width: 22px;
				height: 22px;
				background: url(../images/icon/my_photo_plus.png) no-repeat 0 0;
				background-size: 100%;
				line-height: 22px;
				display: block;
			}

		.myp .mypImg span a img {
			width: 100%;
		}

	.myp .mypCon {
		width: 50%;
		float: left;
		flex: 1;
	}

	.myp .mypsCon {
		width: 100%;
		float: left;
		flex: 1;
	}

	.myp .myplCon {
		width: 75%;
		float: left;
		flex: 1;
	}

.mypCon h3 {
	margin: 5px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	color: #1c1c1c;
	display: block;
}

	.mypCon h3 em {
		margin: 0;
		font-size: 15px;
		font-weight: 500;
		color: #696969;
		letter-spacing: -1px;
	}

.mypCon h4 {
	margin: 10px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	color: #1c1c1c;
	display: block;
}

	.mypCon h4 em {
		margin: 0;
		font-size: 15px;
		font-weight: 500;
		color: #696969;
		letter-spacing: -1px;
	}

	.mypCon h4 span {
		margin: 0 0 0 10px;
		font-size: 12px;
		font-weight: 300;
		color: #2e82e0;
	}

.mypCon p {
	height: 28px;
	margin: 5px 0 0;
	font-size: 12px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 14px;
	display: block;
	overflow: hidden;
}

.myplCon p {
	width: 80%;
	height: 40px;
	margin: 15px 0 0;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 20px;
	float: left;
	display: block;
	overflow: hidden;
}

.myplCon span {
	width: 20%;
	height: 40px;
	margin: 15px 0 0;
	text-align: right;
	font-size: 12px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 20px;
	float: left;
	display: block;
	overflow: hidden;
}

.mypbtn {
	width: 27%;
	float: right;
}

	.mypbtn input[type="checkbox"] {
		margin: 0;
	}

		.mypbtn input[type="checkbox"] + label {
			width: 100%;
			max-width: 82px;
			height: 35px;
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-weight: 300;
			line-height: 35px;
		}

			.mypbtn input[type="checkbox"] + label:before {
				width: 100%;
				max-width: 82px;
				height: 35px;
				background: url(../images/icon/my_btn_plus.png) 85% 50% no-repeat;
				background-size: 13px;
				right: 0;
			}

		.mypbtn input[type="checkbox"]:checked + label:before {
			background: url(../images/icon/set_select_checkw.png) 85% 50% no-repeat;
			background-size: 13px;
		}

		.mypbtn input[type="checkbox"] + label b {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
			background-color: #fff;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: left;
			color: #2e82e0;
			display: block;
			float: right;
		}

		.mypbtn input[type="checkbox"] + label p {
			display: none;
		}

		.mypbtn input[type="checkbox"]:checked + label b {
			display: none;
		}

		.mypbtn input[type="checkbox"]:checked + label p {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
			background-color: #2e82e0;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: left;
			color: #fff;
			display: block;
			float: right;
		}

.per {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 5px 10px 0;
	position: relative;
}

	.per .perCon {
		width: 65%;
		height: 40px;
		font-size: 15px;
		font-weight: 400;
		color: #696969;
		line-height: 40px;
		letter-spacing: -1px;
		float: left;
		overflow: hidden;
		flex: 1;
	}

	.per .mypbtn input[type="checkbox"] + label:before {
		top: 0 !important;
	}

	.per .mypbtn input[type="checkbox"] + label b {
		margin: 0 !important;
	}

	.per .mypbtn input[type="checkbox"] + label:before {
		background-position: 92% 55% !important;
	}

	.per .mypbtn input[type="checkbox"]:checked + label p {
		margin: 0 !important;
	}

	.per .mypbtn input[type="checkbox"]:checked + label:before {
		background-position: 86% 55% !important;
	}


.mypthum {
	width: 27%;
	float: right;
	overflow: hidden;
}

	.mypthum .mt_thum {
		height: 70px;
		background-color: #efefef;
		border: 1px solid #dbdbdb;
		text-align: center;
	}

		.mypthum .mt_thum img {
			height: 100%;
			vertical-align: middle;
		}




.myps {
	width: 100%;
	margin: 0;
	padding: 10px;
	position: relative;
}

	.myps .mypsCon {
		width: 72%;
		float: left;
		flex: 1;
	}

.mypsCon h3 {
	margin: 5px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	color: #1c1c1c;
	display: block;
}

	.mypsCon h3 em {
		margin: 0;
		font-size: 15px;
		font-weight: 500;
		color: #696969;
		letter-spacing: -1px;
	}

.mypsCon h4 {
	margin: 10px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	color: #1c1c1c;
	display: block;
}

	.mypsCon h4 em {
		margin: 0;
		font-size: 15px;
		font-weight: 500;
		color: #696969;
		letter-spacing: -1px;
	}

	.mypsCon h4 span {
		margin: 0 0 0 10px;
		font-size: 12px;
		font-weight: 300;
		color: #2e82e0;
	}

.mypsCon p {
	height: 28px;
	margin: 5px 0 0;
	font-size: 12px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 14px;
	display: block;
	overflow: hidden;
}

.mypsbtn {
	width: 27%;
	float: right;
}

	.mypsbtn input[type="checkbox"] {
		margin: 0;
	}

		.mypsbtn input[type="checkbox"] + label {
			width: 100%;
			max-width: 82px;
			height: 35px;
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-weight: 300;
			line-height: 35px;
		}

			.mypsbtn input[type="checkbox"] + label:before {
				width: 100%;
				max-width: 82px;
				height: 35px;
				background: url(../images/mypage/my_btn_plus.png) 89% 50% no-repeat;
				background-size: 13px;
				right: 0;
			}

		.mypsbtn input[type="checkbox"]:checked + label:before {
			background: url(../images/set/set_select_checkw.png) 85% 50% no-repeat;
			background-size: 13px;
		}

		.mypsbtn input[type="checkbox"] + label b {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			padding: 0 0 0 5px;
			background-color: #fff;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: left;
			color: #2e82e0;
			display: block;
			float: right;
		}

		.mypsbtn input[type="checkbox"] + label p {
			display: none;
		}

		.mypsbtn input[type="checkbox"]:checked + label b {
			display: none;
		}

		.mypsbtn input[type="checkbox"]:checked + label p {
			width: 100%;
			max-width: 82px;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
			background-color: #2e82e0;
			border: 1px solid #2e82e0;
			border-radius: 8px;
			text-align: left;
			color: #fff;
			display: block;
			float: right;
		}

.pers {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 5px 10px 0;
	position: relative;
}

	.pers .persCon {
		width: 65%;
		height: 40px;
		font-size: 15px;
		font-weight: 400;
		color: #696969;
		line-height: 40px;
		letter-spacing: -1px;
		float: left;
		overflow: hidden;
		flex: 1;
	}

	.pers .mypsbtn input[type="checkbox"] + label:before {
		top: 0 !important;
	}

	.pers .mypsbtn input[type="checkbox"] + label b {
		margin: 0 !important;
	}

	.pers .mypsbtn input[type="checkbox"] + label:before {
		background-position: 92% 55% !important;
	}

	.pers .mypsbtn input[type="checkbox"]:checked + label p {
		margin: 0 !important;
	}

	.pers .mypsbtn input[type="checkbox"]:checked + label:before {
		background-position: 86% 55% !important;
	}


.mypsthum {
	width: 27%;
	float: right;
	overflow: hidden;
}

	.mypsthum .mts_thum {
		height: 50px;
		background-color: #efefef;
		border: 1px solid #dbdbdb;
		text-align: center;
	}

		.mypsthum .mts_thum img {
			height: 100%;
			vertical-align: middle;
		}






/************ 프로필 수정 ************/
.pf_wrap {
	margin: 20px auto 0;
	padding: 0;
	position: relative;
}

	.pf_wrap ul {
		margin: 0;
		padding: 0;
	}

	.pf_wrap li {
		margin: 0;
		padding: 10px;
		border-bottom: 1px solid #d9d9d9;
		position: relative;
	}

.pf_tit {
	width: 20%;
	height: 40px;
	text-align: left;
	font-size: 14px;
	line-height: 40px;
	position: relative;
	float: left;
}

.pf_txt {
	width: 70%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	display: block;
	float: left;
}

.pf_del {
	width: 10%;
	margin: 0;
	float: right;
}

	.pf_del a {
		height: 40px;
		background: url(../images/main/m_close.png) right 50% no-repeat;
		background-size: 15px;
		display: block;
	}

.pf_inp,
.pf_sns {
	width: 80%;
	margin: 0;
	float: right;
}

.pf_inp {
	padding: 0;
	font-size: 14px;
	line-height: 40px;
	display: block;
}

	.pf_inp textarea {
		line-height: 24px;
	}

.pset {
	margin: 5px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	display: block;
}

.pf_case {
	height: 100px;
	margin: 0 0 15px;
	padding: 0;
	position: relative;
}

	.pf_case .pc_thum {
		width: 35%;
		height: 100px;
		margin: 0 2% 0 0;
		position: relative;
		float: left;
		overflow: hidden;
	}

		.pf_case .pc_thum .pt_pro {
			width: auto;
			height: 100px;
			background-color: #f3f3f3;
			border: 1px solid #ddd;
			border-radius: 100%;
			position: relative;
			overflow: hidden;
		}

			.pf_case .pc_thum .pt_pro .pt_img {
				width: 100%;
			}

	.pf_case .pc_info {
		width: 63%;
		margin: 0;
		padding: 0;
		float: right;
	}

		.pf_case .pc_info .pc_txt {
			width: 100%;
			height: 30px;
			margin: 15px 0 5px;
			text-align: center;
			font-size: 20px;
			font-weight: 300;
			color: #1c1c1c;
			display: block;
		}

		.pf_case .pc_info .pc_btn {
			width: 130px;
			height: 30px;
			margin: 0 auto;
			padding: 0;
		}

			.pf_case .pc_info .pc_btn a {
				width: 100%;
				height: 30px;
				padding: 0 15px;
				background-color: #2d82df;
				text-align: center;
				font-size: 13px;
				font-weight: 500;
				color: #fff !important;
				line-height: 30px;
				display: block;
			}

.pf_btn {
	margin: 0 0 0 -5% !important;
	padding: 20px 10px 30px !important;
	background-color: #fff;
	position: relative;
}

	.pf_btn .pb_case {
		width: 45%;
		height: 45px;
		margin: 0 0 0 5%;
		float: left;
	}


/*프로필 설정*/

.pf_cont_lists {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.pf_cont_img {
	margin-bottom: 20px;
}

	.pf_cont_img .ri_mod {
		position: relative;
		left: 65px;
		top: 75px;
		z-index: 1;
	}

		.pf_cont_img .ri_mod img {
			width: 100%;
			width: 20px;
			height: 20px;
		}

	.pf_cont_img .pr_img {
		width: 70px;
		height: 70px;
		margin: 5px 15px 0;
		border: 1px solid #e3e3e3;
		border-radius: 50%;
		/*line-height:70px;*/
		position: relative;
		display: block;
		overflow: hidden;
	}

		.pf_cont_img .pr_img img {
			width: 100%;
		}

.pf_cont_name input,
.pf_cont_text input {
	width: 350px;
	margin: 10px 0;
	border-radius: 3px;
}

.pf_cont_name_del {
	position: relative;
	top: -40px;
	right: -320px;
}

	.pf_cont_name_del i {
		font-size: 16px;
	}

.pf_cont_btn_d {
	display: flex;
	justify-content: center;
	bottom: 0;
}

.pf_cont_btn {
	width: 350px;
	height: 50px;
	background-color: #2e83e0;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	bottom: 0;
}




/*********** 개인 카테고리 ***********/
.per_wrap {
	width: 100%;
	height: 200px;
	position: fixed;
	left: 0;
	top: 50px;
	z-index: 1000;
}

.per_cate {
	width: 100%;
	height: 200px;
	padding: 10px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 1000;
}

	.per_cate b {
		text-decoration: underline;
		font-size: 16px;
		font-weight: 400;
		color: #2d82df;
		line-height: 26px;
		display: block;
	}

	.per_cate p {
		font-size: 14px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 24px;
		display: block;
	}

	.per_cate span {
		padding-left: 25px;
		background: url(../images/mypage/category_re.png) no-repeat 10px 30%;
		background-size: 8px;
		font-size: 13px;
		font-weight: 300;
		color: #696969;
		display: block;
	}

.per_wrap .bg_over {
	top: 50px !important;
	z-index: 100 !important;
}




/******* 통통지갑 복구 ******/
.sw_cover {
	margin: 0 0 30px;
	padding: 10px;
	background-color: #f8f8f8;
	border: 1px solid #e4e4e4;
	position: relative;
}

	.sw_cover ul {
		margin: 0;
		padding: 0;
	}

	.sw_cover li {
		margin: 0 20px 10px 0;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		color: #f80d0d;
		line-height: 30px;
		display: block;
		float: left;
	}

	.sw_cover textarea {
		width: 100%;
		height: 150px;
		background-color: #fff;
		font-size: 16px;
	}

.tw_case {
	margin: 0 0 30px;
	padding: 0;
	position: relative;
}

	.tw_case ul {
		margin: 0;
		padding: 0;
	}

	.tw_case li {
		margin: 0 10px 10px 0;
		padding: 5px 10px;
		background-color: #ededed;
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		color: #222;
		line-height: 30px;
		display: block;
		float: left;
	}


.jw_wrap {
	margin: 0;
	padding: 0 10px;
	position: relative;
}

.jw_case {
	margin: 10px 0 30px;
	padding: 0;
	position: relative;
}

.jw_inp {
	margin: 0 0 10px;
	padding: 5px 10px 0;
	border: 1px solid #e5e5e3;
	background-color: #fff;
}

	.jw_inp p {
		margin: 0 0 2px;
		font-size: 13px;
		font-weight: 400;
		color: #999;
		display: block;
	}

	.jw_inp b {
		display: block;
	}

		.jw_inp b input {
			padding: 0;
			border: 0 none;
		}

			.jw_inp b input[type="text"],
			.jw_inp b input[type="password"] {
				height: 30px;
				font-size: 16px;
				color: #02b9ff !important;
				line-height: 30px;
			}

				.jw_inp b input[type="text"]:hover,
				.jw_inp b input[type="password"]:hover,
				.jw_inp b input[type="text"]:focus,
				.jw_inp b input[type="password"]:focus {
					color: #ccc !important;
				}

		.jw_inp b ::-webkit-input-placeholder,
		.jw_inp b :-moz-placeholder,
		.jw_inp b ::-moz-placeholder,
		.jw_inp b :-ms-input-placeholder,
		.jw_inp b .formerize-placeholder {
			color: #dadada !important;
		}

	.jw_inp:hover {
		background-color: #02b9ff;
	}

		.jw_inp:hover p {
			color: #fff;
		}




/******* 통통지갑 + 거래내역 ******/
.sl_wrap {
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: relative;
}

	.sl_wrap .sw_tit {
		margin: 0 0 15px;
		padding: 20px 10px 0;
		letter-spacing: -1px;
		position: relative;
	}

		.sl_wrap .sw_tit span {
			width: 30%;
			text-align: left;
			font-size: 16px;
			color: #333;
			line-height: 24px;
			float: left;
			display: block;
		}

			.sl_wrap .sw_tit span em {
				font-size: 12px;
			}

		.sl_wrap .sw_tit p {
			width: 35%;
			text-align: left;
			font-size: 14px;
			color: #333;
			line-height: 24px;
			float: left;
			display: block;
		}

			.sl_wrap .sw_tit p .swimg {
				width: auto;
				height: 25px;
			}

		.sl_wrap .sw_tit b,
		.sl_wrap .sw_tit .st_coin {
			width: 55%;
			text-align: right;
			font-size: 20px;
			color: #02b9ff;
			line-height: 24px;
			float: right;
			display: block;
		}

		.sl_wrap .sw_tit .st_coin {
			color: #000;
		}

		.sl_wrap .sw_tit b em {
			font-size: 20px;
			font-weight: 400;
		}

	.sl_wrap .sw_box {
		padding: 0 10px;
		position: relative;
	}

	.sl_wrap .sw_list {
		margin: 0 0 30px;
		padding: 0;
		border-top: 1px solid #ccc;
		position: relative;
	}

		.sl_wrap .sw_list li:nth-child(2n) {
			background-color: #efefef;
		}

		.sl_wrap .sw_list li {
			margin: 0;
			padding: 0 5%;
			border-bottom: 1px solid #ccc;
			position: relative;
			overflow: hidden;
		}

			.sl_wrap .sw_list li a {
				width: 100%;
				height: 62px;
				display: block;
			}

			.sl_wrap .sw_list li .sl_icon {
				width: 13%;
				padding: 0 0 2px;
				text-align: left;
				line-height: 25px;
				float: left;
			}

				.sl_wrap .sw_list li .sl_icon img {
					width: 30px;
					margin: 15px 0 0;
				}

			.sl_wrap .sw_list li .sl_name {
				width: 40%;
				padding: 0 0 2px;
				text-align: left;
				font-size: 15px;
				line-height: 60px;
				letter-spacing: -1px;
				float: left;
			}

				.sl_wrap .sw_list li .sl_name .sn_bnum {
					margin: 20px 0 0;
					font-size: 16px;
					line-height: 20px;
				}

				.sl_wrap .sw_list li .sl_name .sn_num {
					margin: 13px 0 0;
					font-size: 14px;
					line-height: 20px;
					letter-spacing: -1px;
					position: relative;
				}

			.sl_wrap .sw_list li .sl_cash {
				width: 40%;
				padding: 0 0 2px;
				text-align: right;
				float: left;
			}

				.sl_wrap .sw_list li .sl_cash .sk_bnum {
					margin: 20px 0 0;
					font-size: 16px;
					line-height: 20px;
				}

				.sl_wrap .sw_list li .sl_cash .sk_num {
					margin: 13px 0 0;
					font-size: 14px;
					line-height: 20px;
					letter-spacing: -1px;
					position: relative;
				}

				.sl_wrap .sw_list li .sl_cash .sk_krw {
					height: 25px;
					margin: 0 0 5px;
					padding: 0;
					border: 0 none;
					background-color: transparent;
					font-size: 13px;
					font-weight: 300;
					color: #a3a3a3;
					line-height: 20px;
					letter-spacing: -1px;
					position: relative;
				}

			.sl_wrap .sw_list li .sl_more {
				width: 4%;
				height: 60px;
				background: url(../images/icon/c_link2.png) no-repeat right 50%;
				background-size: 15px;
				line-height: 40px;
				position: absolute;
				right: 10px;
				top: 0;
			}

	.sl_wrap .sw_tlist {
		margin: 0 0 30px;
		padding: 0;
		border-top: 1px solid #ccc;
		position: relative;
	}

		.sl_wrap .sw_tlist li:nth-child(2n) {
			background-color: #efefef;
		}

		.sl_wrap .sw_tlist li {
			margin: 0;
			padding: 0 5% 2px;
			border-bottom: 1px solid #ccc;
			position: relative;
			overflow: hidden;
		}

			.sl_wrap .sw_tlist li a {
				width: 100%;
				height: 80px;
				display: block;
			}

			.sl_wrap .sw_tlist li .st_icon {
				width: 13%;
				padding: 0 0 2px;
				text-align: left;
				line-height: 25px;
				float: left;
			}

				.sl_wrap .sw_tlist li .st_icon img {
					width: 25px;
					height: auto;
					margin: 10px 0 0;
				}

			.sl_wrap .sw_tlist li .st_name {
				width: 40%;
				padding: 0 0 2px;
				text-align: left;
				font-size: 15px;
				line-height: 60px;
				letter-spacing: -1px;
				float: left;
			}

				.sl_wrap .sw_tlist li .st_name .st_bnum {
					margin: 10px 0 0;
					font-size: 16px;
					line-height: 20px;
				}

				.sl_wrap .sw_tlist li .st_name .st_num {
					margin: 2px 0 0;
					font-size: 13px;
					color: #666;
					line-height: 20px;
					letter-spacing: -1px;
					position: relative;
				}

			.sl_wrap .sw_tlist li .st_cash {
				width: 40%;
				padding: 0 0 2px;
				text-align: right;
				float: left;
			}

				.sl_wrap .sw_tlist li .st_cash .sk_bnum {
					margin: 10px 0 0;
					font-size: 16px;
					line-height: 20px;
				}

				.sl_wrap .sw_tlist li .st_cash .sk_num {
					margin: 2px 0 0;
					font-size: 13px;
					color: #666;
					line-height: 20px;
					letter-spacing: -1px;
					position: relative;
				}


.dw_list {
	margin: 0 0 20px;
	padding: 0;
	border-top: 1px solid #ccc;
	position: relative;
}

	.dw_list li:nth-child(2n) {
		background-color: #efefef;
	}

	.dw_list li {
		margin: 0;
		padding: 0 3% 10px;
		border-bottom: 1px solid #ccc;
		position: relative;
		overflow: hidden;
	}

		.dw_list li a {
			width: 100%;
			display: block;
		}

		.dw_list li .dl_icon {
			width: 13%;
			max-width: 40px;
			height: 40px;
			margin: 10px 2% 0 0;
			padding: 0;
			background-color: #efefef;
			border-radius: 100%;
			text-align: left;
			line-height: 40px;
			float: left;
			overflow: hidden;
		}

			.dw_list li .dl_icon img {
				width: 100%;
			}

		.dw_list li .dl_name {
			width: 60%;
			padding: 0 0 2px;
			text-align: left;
			font-size: 14px;
			line-height: 60px;
			letter-spacing: -1px;
			float: left;
		}

			.dw_list li .dl_name .dn_bnum {
				margin: 10px 0 0;
				font-size: 15px;
				line-height: 20px;
			}

			.dw_list li .dl_name .dn_num {
				margin: 13px 0 0;
				font-size: 13px;
				line-height: 20px;
				letter-spacing: -1px;
				position: relative;
			}

		.dw_list li .dl_cash {
			width: 25%;
			padding: 0 0 2px;
			text-align: right;
			float: left;
		}

			.dw_list li .dl_cash .dc_bnum {
				margin: 10px 0 0;
				font-size: 15px;
				line-height: 20px;
			}

			.dw_list li .dl_cash .dc_num {
				margin: 13px 0 0;
				font-size: 15px;
				line-height: 20px;
				letter-spacing: -1px;
				position: relative;
			}

			.dw_list li .dl_cash .dc_krw {
				height: 25px;
				margin: 0 0 5px;
				padding: 0;
				border: 0 none;
				background-color: transparent;
				font-size: 13px;
				font-weight: 300;
				color: #a3a3a3;
				line-height: 20px;
				letter-spacing: -1px;
				position: relative;
			}




/******* 라이브 일정표 ******/
#mainform {
	width: 100%;
	margin: 0;
	display: block;
}

/*** 슬라이드 버튼 ***/
.loop-tabbox {
	width: 100%;
	margin: 15px 0 0;
	overflow: hidden;
}

.loop-tabzone {
	width: 100%;
	z-index: 999;
	position: relative;
}

.loop-tabholder {
	width: 100%;
	min-width: 320px;
	border-bottom: 1px solid #e7e7e7;
	margin: 0 auto;
	float: left;
	overflow: hidden;
}

.loop-tab:first-child {
	margin-left: 3%;
}

.loop-tab {
	width: 13.5% !important;
	text-align: center;
	float: left;
	cursor: pointer;
}

	.loop-tab a {
		color: #999;
	}

	.loop-tab .loop-inactivetab b,
	.loop-tab b {
		width: 50%;
		max-width: 22px;
		height: 22px;
		margin: 0 auto 5px;
		font-size: 14px;
		font-weight: 400;
		color: #333;
		line-height: 22px;
		display: block;
	}

	.loop-tab .loop-inactivetab p,
	.loop-tab p {
		font-size: 12px;
		display: block;
	}

	.loop-tab .loop-inactivetab a,
	.loop-tab .loop-activetab a:hover b,
	.loop-tab a:hover b,
	.loop-tab a.on b {
		width: 50%;
		max-width: 22px;
		height: 22px;
		margin: 0 auto 5px;
		background-color: #2e83e0;
		border-radius: 100%;
		font-size: 14px;
		color: #fff;
		line-height: 22px;
		display: block;
	}

	.loop-tab .loop-activetab a:hover p,
	.loop-tab a:hover p,
	.loop-tab a.on p {
		color: #2e83e0;
	}

.loop-tabholder > .loop-tab ~ .loop-tab {
	margin-left: 0;
}

.loop-inactivetab {
	background-color: #fff;
}


/*** 슬라이드 케이스 ***/
.loop-contentzone {
	position: relative;
	left: 0;
	overflow: hidden;
}

.loop-content {
	color: #343434;
	background-color: #fff;
	position: relative;
	left: 0;
	display: none;
	z-index: 998;
}

	.loop-content .lc_tit {
		height: 30px;
		padding: 0 10px;
		background-color: #f5f5f5;
		text-align: left;
		font-size: 13px;
		color: #343434;
		line-height: 30px;
	}

	.loop-content .lc_case {
		margin: 0;
		position: relative;
	}

		.loop-content .lc_case li {
			margin: 0;
			padding: 15px 0;
			border-bottom: 1px solid #f6f6f6;
			position: relative;
		}

			.loop-content .lc_case li .lc_time {
				width: 23%;
				margin-top: 6px;
				text-align: center;
				font-size: 18px;
				float: left;
			}

			.loop-content .lc_case li .lc_text {
				width: 62%;
				text-align: left;
				float: left;
			}

				.loop-content .lc_case li .lc_text b {
					margin: 0 0 3px;
					font-size: 15px;
					font-weight: 400;
					line-height: 20px;
					display: block;
				}

					.loop-content .lc_case li .lc_text b img {
						width: auto;
						height: 15px;
					}

				.loop-content .lc_case li .lc_text p {
					font-size: 12px;
					color: #969696;
					line-height: 18px;
					display: block;
				}

			.loop-content .lc_case li .lc_push {
				width: 15%;
				float: left;
			}

				.loop-content .lc_case li .lc_push input[type="checkbox"] {
					width: 25px;
					margin: 0;
				}

					.loop-content .lc_case li .lc_push input[type="checkbox"] + label {
						width: 25px;
						height: 25px;
						margin: 0;
						padding: 0;
						background-size: 25px;
					}

						.loop-content .lc_case li .lc_push input[type="checkbox"] + label:before {
							width: 25px;
							height: 25px;
							background: url(../images/icon/schedule_btn_alarm_off.png) 0 0 no-repeat;
							background-size: 21px;
							top: 12px;
						}

					.loop-content .lc_case li .lc_push input[type="checkbox"] + label {
						width: 25px;
						height: 25px;
						margin: 0;
						padding: 0;
						line-height: 25px;
						display: block;
						position: absolute;
						right: 10px;
						top: 12px;
					}

					.loop-content .lc_case li .lc_push input[type="checkbox"]:checked + label:before {
						width: 25px;
						height: 25px;
						margin: 0;
						padding: 0;
						background: url(../images/icon/schedule_btn_alarm_on.png) 0 0 no-repeat;
						background-size: 21px;
						line-height: 25px;
						display: block;
						position: absolute;
						top: 12px;
					}

.loop-activecontent {
	display: block;
}

.loop-tabstation {
	display: none;
}


/* Start Standard Style */
.loop-standard {
	height: 32px;
}

	.loop-standard .loop-tabholder {
		height: 32px;
	}

	.loop-standard img {
		height: 32px;
		vertical-align: top;
		padding: 0 8px;
	}

	.loop-standard span {
		font-size: 16px;
		line-height: 1;
		padding-right: 8px;
	}


/* Start Metro Style */
.loop-metro {
	height: 60px;
}

	.loop-metro > .loop-tabholder {
		height: 60px;
	}

	.loop-metro .loop-tab {
		height: 60px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

		.loop-metro .loop-tab > img,
		.loop-metro .loop-tab > i {
			height: 48px;
			position: relative;
			display: block;
			margin: 16px auto 16px auto;
		}

		.loop-metro .loop-tab > i {
			font-size: 48px;
		}

		.loop-metro .loop-tab > span {
			display: block;
			position: relative;
			font-size: 14px;
			line-height: 20px;
			background: #111;
		}

		.loop-metro .loop-tab:hover span {
			top: -20px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

	.loop-metro > .loop-tabctrl {
		height: 80px;
		position: absolute;
		right: 0;
	}


@media screen and (max-width:959px) {
	#mainform {
		width: 100%;
	}

	p > a > img {
		width: 90%;
	}

	.docs {
		margin-left: 20px;
		float: none !important;
		display: inline-block;
	}

	.copyright {
		float: none !important;
		display: block;
		height: auto;
		width: auto;
		line-height: 1;
	}

		.copyright > a {
			height: auto;
			line-height: 1;
			float: none !important;
		}

			.copyright > a > img {
				margin: 0 10px;
				float: none !important;
			}

			.copyright > a > span {
				display: block;
				font-size: 20px;
				margin: 0 10px;
				float: none !important;
			}

			.copyright > a > .brand {
				font-size: 30px;
				margin-right: 0;
				margin: 0 10px;
			}

	.loop-tabbox {
		width: 100%;
	}
}






/*************************************************
*						SUB						*
*************************************************/

/******newsletter_subscribe_n.htm*******/
.nsn_conts {
	padding: 20px;
	text-align: center;
}


/*** userQnA.htm ***/
.arrowimg {
	height: 20px;
	width: 20px;
}

#container {
	width: 100%;
	margin: 0 auto;
}

.faq li {
	padding: 20px;
}

	.faq li.q {
		background: #fff;
		font-weight: bold;
		font-size: 1.1em;
		border-bottom: 1px #ddd solid;
		cursor: pointer;
	}

		.faq li.q img {
			margin-bottom: 0;
		}

	.faq li.a {
		background: rgb(255, 255, 255);
		display: none;
	}

.rotate {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}


/************************************************
*		뉴스레터 디테일 : newsletterView.htm     *
************************************************/
.newsletterView_conts .newsletterView_title {
	border-bottom: 1px solid #999;
	display: flex;
	justify-content: space-between;
	padding: 20px 10px;
}

	.newsletterView_conts .newsletterView_title h3 {
		display: block;
		font-weight: normal;
		font-size: 1.3em;
	}

	.newsletterView_conts .newsletterView_title i {
		font-size: 1.5em;
		color: #999;
	}

.newsletterView_conts .newsletterView_cont {
	margin: 0 auto;
	padding: 20px 10px;
	max-width: 700px;
	height: 100%;
}

.newsletterView_cont span {
	padding-left: 10px;
	font-weight: normal;
}

.newsletterView_cont img {
	width: 30%;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.newsletterView_cont .nvc_summary {
	border: 1px solid gray;
	margin-top: 10px;
	padding: 10px;
}

	.newsletterView_cont .nvc_summary p {
		font-weight: normal;
		padding: 5px 0;
	}

		.newsletterView_cont .nvc_summary p:first-child {
			font-size: 1.2em;
			font-weight: 500;
			padding: 10px 0;
		}

.line {
	border: 1px solid lightgray;
	display: block;
	width: 50%;
	margin: 20px auto;
}

.line2 {
	border: 1px solid lightgray;
	display: block;
	width: 100%;
	margin: 20px auto;
}

.nvc_page {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

	.nvc_page .npbtn {
		border: 1px solid #142A64;
		border-radius: 20px;
		width: 150px;
		padding: 5px 0;
		text-align: center;
		margin: 10px 0 30px;
		color: #142A64;
		font-size: 1.2em;
	}

		.nvc_page .npbtn:hover {
			background-color: #142A64;
			border: 1px solid #142A64;
			border-radius: 20px;
			width: 150px;
			padding: 5px 0;
			text-align: center;
			margin: 10px 0 30px;
			color: #fff;
			font-size: 1.2em;
		}

	.nvc_page span {
		font-size: 1.2em;
		margin-bottom: 15px;
	}

		.nvc_page span i {
			margin-right: 10px;
		}


.nvc_conts ul {
	border: none;
}

	.nvc_conts ul li {
		border: none;
	}

		.nvc_conts ul li p {
			margin-bottom: 10px;
		}

			.nvc_conts ul li p.nc_cont {
				font-weight: normal;
			}

		.nvc_conts ul li a.blue {
			display: block;
		}

.nvc_box {
	background-color: #efefef;
	padding: 20px;
}

	.nvc_box .nvc_box_link {
		display: flex;
		justify-content: space-between;
	}

		.nvc_box .nvc_box_link a {
			text-decoration: underline !important;
			display: block;
		}

	.nvc_box .nvc_list ul {
		margin: 20px 0 0;
		border-top: none;
	}

		.nvc_box .nvc_list ul li {
			list-style: none;
			border: none;
			background-color: none;
			padding: 5px;
			text-align: center;
		}

/***newsletter_subscribe.htm***/
.newsletter_subs_check {
	padding: 0 20px;
}

	.newsletter_subs_check input[type=checkbox] + label {
		display: block;
		cursor: pointer;
		color: #000;
		padding-top: 12px;
		padding-left: 30px;
		line-height: 2em;
	}

	.newsletter_subs_check input[type=checkbox] {
		display: none;
	}

		.newsletter_subs_check input[type=checkbox] + label:before {
			content: "\2714";
			border: 0.1em solid #000;
			border-radius: 0.2em;
			display: inline-block;
			width: 1.5em;
			height: 1.5em;
			color: transparent;
			transition: .2s;
		}

		.newsletter_subs_check input[type=checkbox]:checked + label:before {
			background-color: #2f82e0;
			border-color: #2f82e0;
			color: #fff;
		}

		.newsletter_subs_check input[type=checkbox]:disabled + label:before {
			transform: scale(1);
			border-color: #aaa;
		}

		.newsletter_subs_check input[type=checkbox]:checked:disabled + label:before {
			transform: scale(1);
			background-color: #bfb;
			border-color: #bfb;
		}


.ns_pb_img {
	display: block;
	margin: 20px auto;
}

.pc_title2 {
	padding: 10px 0;
	font-size: 1.3em;
	font-weight: normal;
	display: block;
}


/********newsletter.htm********/
.container3 {
	background: #fdfdfd;
	padding: 1rem;
	margin: 1rem auto;
	border-radius: 0.2rem;
	counter-reset: pagination;
	text-align: center;
}

	.container3:after {
		clear: both;
		content: "";
		display: table;
	}

	.container3 ul {
		width: 100%;
	}

.xlarge {
	width: 100%;
}

.pgn, .pgn li {
	list-style: none;
	display: inline;
	padding-left: 0px;
}

	.pgn li {
		counter-increment: pagination;
	}

		.pgn li:hover a {
			color: #fdfdfd;
			background-color: #1d1f20;
			border: solid 1px #1d1f20;
		}

		.pgn li.active a {
			color: #fdfdfd;
			background-color: #1d1f20;
			border: solid 1px #1d1f20;
		}

		.pgn li:first-child {
			float: left;
			margin-right: 5px;
		}

			.pgn li:first-child a:after {
				content: "<";
			}

		.pgn li:nth-child(2) {
			counter-reset: pagination;
		}

		.pgn li:last-child {
			float: right;
			margin-left: 5px;
		}

			.pgn li:last-child a:after {
				content: ">";
			}

		.pgn li a {
			border: solid 1px #d7d7d7;
			border-radius: 0.2rem;
			color: #7d7d7d;
			text-decoration: none;
			text-transform: uppercase;
			display: inline-block;
			text-align: center;
			padding: 0.5rem 0.9rem;
		}

			/*.pgn li a:after {
				content: " " counter(pagination) " ";
			}*/


/*********************/


.m_section {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px 0 0px;
	background: #fff;
	color: #242424;
	position: relative;
}

	.m_section .newstitle {
		margin: 0 0 10px;
		padding: 0 30px 0 10px;
	}

	.m_section .ms_nav {
		width: 35px;
		height: 35px;
		background: url(../images/icon/nav_icon.png) no-repeat;
		background-size: 20px;
		position: absolute;
		right: 0;
		top: 23px;
		display: block;
		z-index: 100;
	}

		.m_section .ms_nav a {
			width: 100%;
			height: 35px;
			display: block;
			z-index: 100;
		}

		.m_section .ms_nav ul {
			margin: 0;
			padding: 0;
			border-top: 1px solid #ccc;
			position: absolute;
			top: 30px;
			right: 5px;
		}

		.m_section .ms_nav li {
			width: 70px;
			height: 30px;
			background-color: #fff;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			display: block;
		}

			.m_section .ms_nav li a {
				width: 100%;
				height: 30px;
				text-align: center;
				font-size: 13px;
				color: #333;
				line-height: 30px;
				display: block;
			}

.newstitle {
	padding: 0 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}

.newsdate {
	height: 45px;
	margin-bottom: 20px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	text-align: right;
	position: relative;
}

	.newsdate span {
		width: 50%;
		text-align: left;
		float: left;
	}

.news_re {
	margin: 0;
	padding: 0;
	position: relative;
}

	.news_re span {
		padding-left: 25px;
		background: url(../images/mypage/category_re.png) no-repeat 10px 30%;
		background-size: 8px;
		font-size: 13px;
		font-weight: 300;
		color: #696969;
		display: block;
	}

.newsdate #lblDate {
	text-align: right;
	font-weight: 400;
	color: #999;
}

.newsdate span img {
	width: 20px;
	height: 20px;
	margin-bottom: 12px;
}

.viewarea {
	padding: 0 10px 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

	.viewarea img {
		margin: 0 auto 30px;
	}

.imagebox {
	max-width: 600px;
	height: auto;
	margin: 0 auto !important;
	display: block;
	clear: both;
}

.reply_input {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

	.reply_input input {
		width: 85%;
		border-radius: 5px;
	}

.reply_input_btn {
	width: 50px;
	background-color: #eee;
	height: 40px;
	border-radius: 5px;
	right: 0;
	position: absolute;
	top: 0;
}


.viewarea .alert {
	height: 35px;
	margin: 15px 0;
	padding: 0 7px;
	background-color: #000;
	color: #fff;
	line-height: 35px;
	letter-spacing: -1px;
	position: relative;
}

	.viewarea .alert .close {
		font-size: 20px;
		line-height: 33px;
		position: absolute;
		right: 5px;
		bottom: 0;
	}

.main_cont_text1 {
	border-bottom: 1px solid #d9d9d9;
}

.main_cont_text1, .main_cont_text2 {
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.addendum_title {
	margin: 20px 10px 0px;
	font-weight: 600;
	font-size: 16px;
}

.mc_app {
	border-top: 3px solid #2e82e0;
	border-bottom: 3px solid #2e82e0;
	text-align: center;
}

	.mc_app > .mc_app_title {
		display: flex;
		justify-content: center;
		margin-top: 30px;
	}

		.mc_app > .mc_app_title > img {
			width: 45px;
			height: 45px;
			margin-right: 20px;
		}

		.mc_app > .mc_app_title > p {
			color: #2e82e0;
			font-size: 18px;
			text-align: left;
			font-weight: normal;
		}

			.mc_app > .mc_app_title > p > span {
				display: block;
				font-size: 16px;
				margin-top: 10px;
				line-height: 20px;
			}

	.mc_app > a > img {
		width: 190px;
		display: block;
		margin: 0 auto;
	}

	.mc_app > a {
		font-size: 14px;
		font-weight: normal;
		color: #898989;
		margin: 20px auto 30px;
		display: block;
		text-decoration: underline !important;
	}

		.mc_app > a.abm_link {
			width: 190px !important;
			display: block;
		}

		.mc_app > a.abms_link {
			width: 125px !important;
			display: block;
		}



.realnews_wrap {
	width: 100%;
	height: 150px;
	position: relative;
	clear: both;
	padding-top: 10px;
}

	.realnews_wrap .rw_title {
		margin: 0px 0 5px;
		padding: 0;
		text-align: left;
		font-size: 16px;
		font-weight: 600;
	}

		.realnews_wrap .rw_title img {
			margin: 0 0 5px;
		}

	.realnews_wrap ul {
		width: 100%;
		margin: 0;
		padding: 0 0 20px 0;
		border: 0;
		list-style: none;
		position: relative;
	}

	.realnews_wrap li {
		width: 49%;
		height: 30px;
		padding: 0;
		text-align: left;
		line-height: 30px;
		float: left;
	}

		.realnews_wrap li span {
			background: #fff;
			margin-left: 3px;
			font-size: 15px;
			font-weight: 600;
			color: #333;
			display: inherit;
		}

		.realnews_wrap li .ricon {
			font-size: 10px;
			font-weight: 400;
			color: #d60825;
			float: right;
		}

		.realnews_wrap li img {
			width: 20px;
			height: 20px;
			margin: 0;
			vertical-align: middle;
		}

		.realnews_wrap li a {
			text-decoration: none;
		}



.jour_wrap2 {
	margin: 0;
	padding: 0;
	position: relative;
}

	.jour_wrap2 ul {
		margin: 0;
		padding: 0;
	}

	.jour_wrap2 li {
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px solid #d9d9d9;
		position: relative;
	}

	.jour_wrap2 .jw_thum2 {
		width: 50px;
		height: 50px;
		margin: 0 15px 0 0;
		position: relative;
		display: block;
		float: left;
	}

		.jour_wrap2 .jw_thum2 .jt_pro,
		.jour_wrap2 .jw_thum2 .jt_pro2 {
			border: 1px solid #ddd;
			background-color: #f3f3f3;
			border-radius: 100%;
			position: relative;
			overflow: hidden;
		}

			.jour_wrap2 .jw_thum2 .jt_pro .jt_img,
			.jour_wrap2 .jw_thum2 .jt_pro2 .jt_img2 {
				width: 50px;
				height: 50px;
			}

		.jour_wrap2 .jw_thum2 span {
			width: 20px;
			height: 20px;
			text-align: center;
			line-height: 20px;
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
		}

		.jour_wrap2 .jw_thum2 .jt_timg2 {
			border: 1px solid #ddd;
			position: relative;
			overflow: hidden;
		}

			.jour_wrap2 .jw_thum2 .jt_timg2 img {
				width: 100%;
			}

		.jour_wrap2 .jw_thum2 span img {
			width: 22px;
			vertical-align: middle;
		}

	.jour_wrap2 .jw_head2 {
		height: 40px;
		padding: 0 10px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #d9d9d9;
		font-size: 16px;
		font-weight: 500;
		color: #2e82e0;
		line-height: 40px;
		position: relative;
	}

		.jour_wrap2 .jw_head2 span {
			height: 40px;
			position: absolute;
			right: 10px;
			top: 0;
		}

			.jour_wrap2 .jw_head2 span a {
				margin: 0 5px;
				font-weight: 400;
				color: #1a1a1a;
			}

				.jour_wrap2 .jw_head2 span a:hover,
				.jour_wrap2 .jw_head2 span a.on {
					color: #2e82e0;
				}

	.jour_wrap2 .jw_text2 .jt_tit2 {
		height: 30px;
		margin: 8px 0 0;
		padding: 0 0 0 50px;
		font-size: 13px;
		font-weight: 400;
		color: #5e5e5e;
		line-height: 30px;
		letter-spacing: -1px;
		display: block;
	}

		.jour_wrap2 .jw_text2 .jt_tit2 input[type="file"] {
			width: 90%;
			margin: 0 0 10px;
			padding: 0;
			color: #000 !important;
		}

		.jour_wrap2 .jw_text2 .jt_tit2 input[type="submit"] {
			width: 90%;
		}

		.jour_wrap2 .jw_text2 .jt_tit2 b {
			font-size: 14px;
			font-weight: 600;
			color: #1a1a1a;
		}

		.jour_wrap2 .jw_text2 .jt_tit2 img {
			width: auto;
			height: 15px;
			margin: 0 7px;
		}

		.jour_wrap2 .jw_text2 .jt_tit2 .jt_cop2 {
			margin: 0;
			padding: 0;
			font-size: 12px;
			color: #666;
			font-weight: 400;
			line-height: 18px;
			float: left;
		}

	.jour_wrap2 .jw_text2 .jt_btn2 {
		width: 90%;
		height: 30px;
		margin: 0 auto;
		font-size: 13px;
		position: relative;
	}

		.jour_wrap2 .jw_text2 .jt_btn2 .subscription2_1 {
			width: 120px;
			height: 30px;
			margin: 15px 0 10px;
			padding: 0 10px 0 0;
			background: url(../images/icon/btn_plus.png) no-repeat 98px 50%;
			background-size: 15px;
			border: 1px solid #2e82e0;
			border-radius: 5px;
			text-align: center;
			font-size: 13px;
			color: #2e82e0;
			line-height: 30px;
			float: left;
			display: block;
		}

		.jour_wrap2 .jw_text2 .jt_btn2 .subscription2_2 {
			width: 120px;
			height: 30px;
			margin: 15px 0 10px;
			padding: 0 10px 0 0;
			background: url(../images/icon/btn_plus.png) no-repeat 98px 50%;
			background-size: 15px;
			border: 1px solid #2e82e0;
			border-radius: 5px;
			text-align: center;
			font-size: 13px;
			color: #2e82e0;
			line-height: 30px;
			float: right;
			display: block;
		}

			.jour_wrap2 .jw_text2 .jt_btn2 .subscription2_1:hover,
			.jour_wrap2 .jw_text2 .jt_btn2 .subscription2_2:hover,
			.jour_wrap2 .jw_text2 .jt_btn2 .subscription2_1.on,
			.jour_wrap2 .jw_text2 .jt_btn2 .subscription2_2.on {
				padding: 0 15px 0 0 !important;
				background: #2e82e0 url(../images/icon/btn_check.png) no-repeat 98px 50%;
				background-size: 15px;
				border: 1px solid #2e82e0;
				color: #fff !important;
			}

	.jour_wrap2 .jw_text2 .jt_txt2 {
		padding: 0 200px 0 0;
		font-size: 14px;
		color: #666;
		font-weight: 400;
		line-height: 18px;
		float: left;
	}

	.jour_wrap2 .jw_text2 .jt_scop2 {
		margin: 3px 0 0;
		padding: 0 200px 0 0;
		font-size: 12px;
		color: #2e82e0;
		font-weight: 400;
		line-height: 16px;
		float: left;
	}

		.jour_wrap2 .jw_text2 .jt_scop2 span {
			margin: 0 10px 0 0;
		}


.jour_btn {
	width: 180px;
	margin: 10px auto;
	padding: 7px 10px;
	background-color: #2d82df;
	border-radius: 3px;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	line-height: 20px;
	position: relative;
}

	.jour_btn a {
		color: #fff !important;
	}

	.jour_btn .jb_img {
		width: auto;
		height: 20px;
		margin: 0 5px 0 0;
	}


.share_case {
	width: 90%;
	margin: 20px auto;
	padding: 20px 0 0;
	text-align: left;
	border: 1px solid #fff;
	margin: 0 3px;
	line-height: 34px;
}

	.share_case a {
		display: inline-block;
		width: 34px;
		height: 34px;
		margin: 0;
		text-indent: -9000px;
		overflow: hidden;
		background: url("../images/icon/share_button.png") no-repeat;
	}

		.share_case a.fb {
			background-position: 0 0px
		}

		.share_case a.tw {
			background-position: -35px 0px
		}

		.share_case a.gp {
			background-position: -71px 0px
		}

		.share_case a.kt {
			background-position: -105px 0px
		}

		.share_case a.comment {
			background-position: -140px 0px
		}

	.share_case a {
		background: url("../images/icon/share_button.png") no-repeat;
		-webkit-background-size: 173px 33px
	}

.share_case {
	width: 99.7%;
}

*/
.share_case {
	text-align: left;
	border: 1px solid #fff;
	margin: 0 3px;
	line-height: 34px;
}

.share_case a {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0;
	text-indent: -9000px;
	background: url ("../images/icon/share_button.png") no-repeat;
	overflow: hidden;
}

	.share_case a.fb {
		background-position: 0 0px
	}

	.share_case a.tw {
		background-position: -35px 0px
	}

	.share_case a.gp {
		background-position: -71px 0px
	}

	.share_case a.kt {
		background-position: -105px 0px
	}

	.share_case a.comment {
		background-position: -140px 0px
	}

	.share_case a.sms {
		background-position: -175px 0px
	}

	.share_case a.mail {
		background-position: -212px 0px
	}

.share_case a {
	background: url("../images/icon/share_button.png") no-repeat;
	-webkit-background-size: 245px 33px
}


.ttc_info {
	height: 20px;
	margin: 30px 0 25px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	color: #3f3f3f;
	line-height: 20px;
	display: block;
	position: relative;
}

	.ttc_info img {
		width: 20px;
		height: 20px;
		margin: 0 5px 0 0;
	}


.news_content {
	margin: 20px 0 10px;
	padding: 0;
	border: 1px solid #ddd;
	position: relative;
}

	.news_content .news_title {
		height: 30px;
		padding: 0 15px;
		border-bottom: 1px solid #ddd;
		background: #f4f4f4;
		font-size: 14px;
		font-weight: 600;
		color: #333;
		line-height: 30px;
		position: relative;
	}

		.news_content .news_title span {
			font-size: 11px;
			color: #999;
			float: right;
		}

			.news_content .news_title span a {
				color: #999;
			}

	.news_content .news_list {
		margin: 0;
		padding: 5px 10px;
	}

		.news_content .news_list ul {
			margin: 0;
			padding: 0;
		}

		.news_content .news_list li {
			height: 25px;
			padding: 0 0 0 7px;
			background: url(http://www.newstong.co.kr/images/bullet_01.gif) no-repeat 0 50%;
			font-size: 13px;
			line-height: 25px;
		}

			.news_content .news_list li a {
				color: #666;
			}

	.news_content .news_vlist {
		margin: 0;
		padding: 0;
		position: relative;
	}

		.news_content .news_vlist ul {
			margin: 0;
			padding: 0;
		}

		.news_content .news_vlist li {
			height: 50px;
			padding: 5px 65px 5px 10px;
			border-bottom: 1px solid #ddd;
			font-size: 13px;
			line-height: 20px;
			position: relative;
			overflow: hidden;
		}

			.news_content .news_vlist li.nv_txt {
				padding: 5px 10px !important;
			}

			.news_content .news_vlist li span {
				height: 36px;
				position: absolute;
				right: 5px;
				top: 6px;
				overflow: hidden;
			}

				.news_content .news_vlist li span img {
					width: auto;
					height: 36px;
				}

			.news_content .news_vlist li a {
				color: #666;
			}

.list_wrap {
	width: 105px;
	max-height: 450px;
	overflow-y: scroll;
}

.newsdate1 {
	text-align: center;
}

	.newsdate1 .gb_icon {
		height: 41px;
		margin: 0 2px;
		padding: 0px 3px 2px;
		background-color: #fbfbfb;
		border: 1px solid #b6b6b6;
		border-radius: 2px;
		font-weight: bold;
		line-height: 41px;
		display: inline-block;
	}

		.newsdate1 .gb_icon input {
			width: 33px;
			margin-top: 4px;
			vertical-align: top;
		}

		.newsdate1 .gb_icon .gb_num {
			font-size: 13px;
		}



.pop_contant {
	margin: 0 -4% 10px 0;
	padding: 0 0 10px;
	position: relative;
}

.pop_scontant {
	width: 100%;
	margin: 0 -4% 10px 0;
	padding: 10px;
	position: relative;
}

.pop_bcontant {
	margin: 20px;
	padding: 0;
	position: relative;
}

.pc_lcase {
	margin: 0 0 30px;
	padding: 15px 10px;
	background: #f0f0f0;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
}

	.pc_lcase b {
		margin: 0 0 5px;
		font-size: 14px;
		font-weight: 500;
		color: #1a1a1a;
		line-height: 20px;
		display: block;
	}

	.pc_lcase p {
		margin: 0 0 20px;
		font-size: 13px;
		font-weight: 400;
		color: #666;
		line-height: 20px;
		display: block;
	}

.pc_ltit {
	margin: 0 0 5px;
	text-align: left;
	font-size: 16px;
	color: #1a1a1a;
	line-height: 24px;
}

.pc_ltit2 {
	margin: 0 0 5px;
	text-align: left;
	font-size: 1.1em;
	color: #1a1a1a;
	line-height: 24px;
}

.pc_ltxt {
	margin: 0 0 15px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 20px;
}

	.pc_ltxt .select-wrapper {
		background: #fff url(../images/icon/country_select.png) 95% 50% no-repeat;
		background-size: 17px 9px;
	}

		.pc_ltxt .select-wrapper select {
			height: 45px;
			line-height: 45px;
		}



.pc_lit {
	margin: 0;
	padding: 10px;
	background: #f1f1f1;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	line-height: 20px;
}


.pc_ctit {
	margin: 0 0 5px;
	text-align: center;
	font-size: 16px;
	color: #1a1a1a;
	line-height: 24px;
}

.pc_ctxt {
	margin: 0 0 15px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 20px;
}

.pc_cxt {
	margin: 0 0 15px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	line-height: 20px;
}

	.pc_cxt img {
		width: 50px;
		height: auto;
		margin: 0 auto 20px;
		display: block;
	}

.btn_wrap {
	height: 45px;
	margin: 25px 0 20px;
	padding: 0 0 15px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 45px;
	position: relative;
}

	.btn_wrap ul {
		margin: 0 0 0 -2%;
		padding: 0;
		position: relative;
	}

	.btn_wrap li {
		width: 48%;
		height: 45px;
		margin: 0 0 0 2%;
		padding: 0;
		line-height: 45px;
		display: block;
		float: left;
	}

		.btn_wrap li a {
			height: 40px;
			margin: 5px 0 0;
			line-height: 40px;
		}

		.btn_wrap li input {
			padding: 0;
		}

.btn100 {
	width: 100%;
}

.btn50 {
	width: 50%;
}

.btn_confirm {
	background: #2e82e0 !important;
	border-radius: 3px !important;
	font-size: 13px !important;
	color: #fff !important;
	float: left;
	display: block;
}

.btn_close {
	background: #464646 !important;
	border-radius: 3px !important;
	font-size: 13px !important;
	color: #fff !important;
	float: left;
	display: block;
}

.btn_txt {
	padding: 10px 0 0;
	border-top: 1px solid #d6d6d6;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 18px;
	position: relative;
}

	.btn_txt p {
		width: 100%;
		text-align: center;
		display: block;
	}

	.btn_txt span {
		margin: 10px 0 0;
		text-align: center;
		color: #2e82e0;
		line-height: 30px;
		display: block;
	}

		.btn_txt p a,
		.btn_txt span a {
			color: #2e82e0;
		}

	.btn_txt em {
		margin: 0 5px;
	}

		.btn_txt em img {
			width: auto;
			height: 10px;
		}


/*border-bottom*/
.b_line {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 20px;
}

.b_line2 {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 5px;
}

/*뉴스북 구독 페이지 리스트*/
.ncp_sub_lists {
	width: 100%;
	margin-top: -20px;
}

.ncp_sub_list {
	padding: 10px;
	display: flex;
	justify-content: space-between;
}

	.ncp_sub_list img {
		width: 45px;
		height: 45px;
		border-radius: 50%;
		margin: 10px 0;
		margin-right: 20px;
	}

.ncp_sub_list_text {
	width: 60%;
	font-weight: 400;
}

	.ncp_sub_list_text span {
		font-weight: 600;
		font-size: 14px;
		margin-right: 3px;
	}

	.ncp_sub_list_text em {
		font-size: 12px;
		color: gray;
	}


/* 추천+비추천 */
.gb_wrap {
	margin: 30px 0 15px;
	text-align: center;
}

	.gb_wrap .gb_case {
		height: 35px;
		margin: 0 8px;
		padding: 0 10px;
		border: 1px solid #ededed;
		border-radius: 3px;
		font-weight: bold;
		line-height: 35px;
		display: inline-block;
	}

	.gb_wrap .gb_case_1 {
		border: 1px solid #2d82df;
		height: 35px;
		margin: 0 6px;
		padding: 0 10px;
		border-radius: 3px;
		font-weight: bold;
		line-height: 35px;
		display: inline-block;
	}

	.gb_wrap .gb_case .gb_icon {
		width: 23px;
		margin: 0 15px 7px 0;
	}

	.gb_wrap .gb_case .gb_txt {
		font-size: 16px;
	}

.gb_txt_1 {
	color: #2d82df;
	font-size: 14px;
}


/* SNS */
.sns_list {
	margin: 20px 0 0;
	padding: 0;
	text-align: center;
	position: relative;
}

	.sns_list a img {
		width: 35px;
		height: auto;
		margin: 0 2px;
	}


/* 코인보상 */
.quantity-style {
	width: 100%;
}

.input-group-btn {
	width: 100%;
	height: 40px;
	line-height: 40px;
}

	.input-group-btn .glyphicon-minus {
		width: 10px;
		height: 10px;
		background: url(../images/icon/btn_g_minus.png) no-repeat;
		background-size: 10px;
		display: block;
	}

	.input-group-btn .glyphicon-plus {
		width: 10px;
		height: 10px;
		background: url(../images/icon/btn_g_plus.png) no-repeat;
		background-size: 10px;
		display: block;
	}

	.input-group-btn button {
		width: 30px !important;
		margin: 0;
	}


/*********** 인용글 쓰기 페이지 ***********/

.quotation_cont h3 {
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
}

.quotation_cont_inputs {
	margin-bottom: 30px;
}

	.quotation_cont_inputs span {
		margin-bottom: 10px;
		display: block;
		font-size: 14px;
	}

.quotation_cont_button {
	background-color: #2f82e0;
	border-radius: 5px;
	padding: 15px;
}

	.quotation_cont_button button {
		width: 100%;
	}

		.quotation_cont_button button a {
			color: #fff;
		}




/*********** 편집기 글쓰기 페이지 ***********/

.wcontainer {
	font-size: 14px;
	padding: 20px;
	margin-top: 50px;
}

.editor_btns_title {
	padding: 10px 0;
	width: 100%;
	display: block;
}

.editor_btns {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.editor_btn {
	width: 100%;
	border: 1px solid #2e82e0;
	margin-right: 10px;
	padding: 5px;
	border-radius: 3px;
}

	.editor_btn a {
		color: #2e82e0;
	}

	.editor_btn:last-child {
		margin: 0;
	}

.editor_title {
	font-size: 16px;
	border-bottom: 1px solid #000;
}

	.editor_title p {
		margin-bottom: 10px;
	}

	.editor_title input {
		border: #fff;
		border-bottom: 1px solid #000;
	}

.editor_con {
	padding: 20px 0;
}

.editor_text {
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

	.editor_text input {
		border: none;
		margin-bottom: 300px;
	}

	.editor_text p {
		font-size: 14px;
		font-weight: 400;
		/*padding:20px 0;*/
	}

.editor_rp span {
	margin-bottom: 10px;
	display: block;
	font-size: 14px;
	color: gray;
}

.editor_rp input {
	border: none;
	margin-left: -15px;
}

/*글쓰기 편집기 공개설정 페이지*/
.editor4_open, .editor4_pay {
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0;
	align-items: center;
}

	.editor4_open span, .editor4_pay span {
		font-weight: 500;
		font-size: 14px;
	}

.switch-field {
	display: flex;
}

	.switch-field input {
		position: absolute !important;
		height: 1px;
		width: 1px;
		border: 0;
	}

	.switch-field label {
		background-color: #ededed;
		color: #000;
		font-size: 14px;
		line-height: 1;
		text-align: center;
		padding: 8px 16px;
		margin-right: -1px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
		transition: all 0.1s ease-in-out;
	}

		.switch-field label:hover {
			cursor: pointer;
		}

	.switch-field input:checked + label {
		background-color: #2e82e0;
		box-shadow: none;
		color: #fff;
	}

	.switch-field label:first-of-type {
		border-radius: 4px 0 0 4px;
	}

	.switch-field label:last-of-type {
		border-radius: 0 4px 4px 0;
	}


/*********** MY 뉴스북페이지 ***********/
.my_nbn {
	display: flex;
	justify-content: space-between;
	padding: 5px 20px;
	font-weight: 500;
}

	.my_nbn span, .my_nbn i {
		font-size: 14px;
	}

.my_nbn_name {
	margin-right: 200px;
}

.my_nbc_name span {
	margin-right: 20px;
	display: block;
}

.mw_pr_list ul li:first-child {
	width: 70px;
}

.mw_pr_list ul li {
	width: 90px;
}

	.mw_pr_list ul li em {
		float: right;
		top: 4px;
		left: 0;
	}


.content.tp {
	width: 96%;
	border-bottom: 1px solid #747474;
	height: 70px;
	display: flex;
	justify-content: space-between;
}

	.content.tp .tp_con_text {
		width: 70%;
		font-size: 14px;
		line-height: 14px;
	}

		.content.tp .tp_con_text em {
			font-size: 12px;
			font-weight: 400;
			margin-top: 10px;
			display: block;
		}

	.content.tp .tp_img {
		width: 55px;
		height: 55px;
	}

	.content.tp .tp_title {
		text-align: left;
		font-weight: 500;
	}

.tp_cont_bar {
	float: right;
}




/*글쓰기 편집기(이미지 삽입)*/
.images-container {
	width: 100%;
	text-align: left;
}

	.images-container .active {
		border: 1px solid red;
		height: 78px;
		width: 78px;
	}

.container-enlarge {
	display: inline-block;
	position: relative;
	z-index: 0;
	margin-right: 8px;
	margin-bottom: 20px;
}

	.container-enlarge:nth-child(4n) {
		margin-right: 0;
	}

	.container-enlarge > img {
		width: 76px;
		height: 76px;
	}

	.container-enlarge .images-con-del {
		position: absolute;
		display: block;
		background: url(../images/icon/h_del3.png)no-repeat;
		top: 0px;
		right: 0px;
		z-index: 90;
		width: 16px;
		height: 16px;
	}

	.container-enlarge .images-con-play {
		position: absolute;
		display: block;
		bottom: 7px;
		left: 5px;
		z-index: 90;
		width: 20px;
		height: 20px;
	}


/*뷰페이지 check*/
.thumbs_check {
	display: block;
	position: relative;
	padding: 20px;
	width: 250px;
	float: right;
}

	.thumbs_check label {
		font-size: 14px;
		color: #FFF;
		float: right;
	}


.viewpage_footer {
	display: flex;
	justify-content: space-between;
}

	.viewpage_footer i {
		font-size: 20px;
		color: #FFF;
		position: relative;
		top: 25px;
		left: 25px;
	}


input[type="checkbox"] {
	display: none;
}

	input[type="checkbox"] + label {
		color: #f2f2f2;
	}

		input[type="checkbox"] + label span {
			display: inline-block;
			width: 19px;
			height: 19px;
			margin: 0 10px 0 0;
			vertical-align: middle;
			background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
			cursor: pointer;
		}

	input[type="checkbox"]:checked + label span {
		background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
	}

/******* 브리핑 ******/
.bf_wrap {
	margin: 10px 0;
	padding: 0;
	position: relative;
}

	.bf_wrap ul {
		margin: 0;
		padding: 10px 0 20px;
		background-color: #fff;
		border-bottom: 1px solid #d9d9d9;
	}

	.bf_wrap ol {
		margin: 0;
		padding: 0;
		position: relative;
	}

	.bf_wrap li {
		padding: 5px 10px 0;
		font-size: 16px;
		line-height: 22px;
		position: relative;
	}

		.bf_wrap li p {
			margin: 0 10px 5px;
			;
			font-size: 14px;
			color: #2d82df;
			display: block;
		}

		.bf_wrap li span {
			margin: 0 10px 0 0;
			color: #2d82df;
		}




/******* 프로필 ******/
.pf_wrap_ln {
	width: 100%;
	margin: 0 auto 30px;
	padding: 10px 0;
	border-left: 1px solid #e6e7e8;
	border-right: 1px solid #e6e7e8;
	border-bottom: 1px solid #e6e7e8;
	background-color: #f6fbff;
	font-family: 'Nanum Gothic' !important;
	color: #666 !important;
	line-height: 44px;
	position: relative;
}

	.pf_wrap_ln .header_b {
		width: 100%;
		margin: 0 auto;
		font-family: 'Nanum Gothic' !important;
		color: #666 !important;
		position: relative;
	}

	.pf_wrap_ln .h_top {
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
	}

	.pf_wrap_ln .h_left {
		width: 20%;
		height: 100%;
		box-sizing: border-box;
		padding: 0 0 0 2%;
		font-family: 'Nanum Gothic' !important;
		float: left;
	}

		.pf_wrap_ln .h_left .info .info_pic {
			width: 100%;
			font-size: 17px;
			float: left;
		}

			.pf_wrap_ln .h_left .info .info_pic .pic_size {
				width: 50px;
				height: 50px;
				margin: 5px 0 0;
				border: 1px solid #a9dde8;
				border-radius: 100%;
				text-align: center;
				line-height: 50px;
				vertical-align: middle;
				position: relative;
				float: left;
				overflow: hidden;
			}

				.pf_wrap_ln .h_left .info .info_pic .pic_size img {
					width: 100%;
					height: auto;
				}

		.pf_wrap_ln .h_left .pic_size {
			width: 30%;
			float: left;
		}

	.pf_wrap_ln .h_center {
		width: 47%;
		margin: 2px 0 0;
		text-align: left;
		font-family: 'Nanum Gothic' !important;
		box-sizing: border-box;
		position: relative;
		float: left;
	}

		.pf_wrap_ln .h_center .hc_name {
			margin: 0 0 5px;
			font-size: 13px;
			font-weight: 600;
			color: #000;
			line-height: 18px;
			display: block;
		}

		.pf_wrap_ln .h_center .hc_desc {
			height: 36px;
			margin: 0;
			font-size: 11px;
			font-weight: 400;
			line-height: 16px;
			display: block;
			overflow: hidden;
		}

	.pf_wrap_ln .h_right {
		width: 32%;
		margin: 0;
		padding: 25px 2% 0 0;
		box-sizing: border-box;
		font-family: 'Nanum Gothic' !important;
		font-size: 12px;
		font-weight: 600;
		color: #333;
		text-align: right;
		float: right;
	}

		.pf_wrap_ln .h_right input[type="checkbox"] {
			width: 95px;
			margin: 0;
			-moz-appearance: none;
			-webkit-appearance: none;
			-o-appearance: none;
			-ms-appearance: none;
			appearance: none;
			opacity: 0;
			clip: rect(0,0,0,0);
			display: none;
			float: left;
			z-index: -1;
		}

			.pf_wrap_ln .h_right input[type="checkbox"] + label {
				width: 95px !important;
				height: 30px;
				margin: 0;
				padding: 0;
				font-size: 12px;
				font-weight: 300;
				line-height: 30px;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

				.pf_wrap_ln .h_right input[type="checkbox"] + label:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					text-transform: none !important;
				}

				.pf_wrap_ln .h_right input[type="checkbox"] + label:before {
					width: 95px !important;
					height: 30px;
					background: none;
					right: 0;
					top: 0;
				}

			.pf_wrap_ln .h_right input[type="checkbox"]:checked + label:before {
			}

			.pf_wrap_ln .h_right input[type="checkbox"] + label b {
				width: 95px !important;
				height: 30px;
				margin: 0;
				padding: 0 5px;
				background-color: #fff;
				border: 1px solid #2e82e0;
				border-radius: 5px;
				text-align: left;
				color: #2e82e0;
				line-height: 30px;
				letter-spacing: -1px;
				display: block;
			}

				.pf_wrap_ln .h_right input[type="checkbox"] + label b img {
					width: auto;
					height: 12px;
					margin-top: -2px;
				}

			.pf_wrap_ln .h_right input[type="checkbox"] + label p {
				display: none;
			}

			.pf_wrap_ln .h_right input[type="checkbox"]:checked + label b {
				display: none;
			}

			.pf_wrap_ln .h_right input[type="checkbox"]:checked + label p {
				width: 95px !important;
				height: 30px;
				margin: 0;
				padding: 0 5px;
				background-color: #2e82e0;
				border: 1px solid #2e82e0;
				border-radius: 5px;
				text-align: left;
				color: #fff;
				line-height: 30px;
				letter-spacing: -1px;
				display: block;
			}

			.pf_wrap_ln .h_right input[type="checkbox"] + label p img {
				width: 12px;
				height: auto;
				margin-top: -2px;
			}





/*************************************************
*					SWITCH						*
*************************************************/

/* Rectangular switch 
<label class="switch">
	<input type="checkbox">
	<span class="slider"></span>
</label>
*/
/* Rounded switch 
<label class="switch">
	<input type="checkbox">
	<span class="slider round"></span>
</label>
*/

/* The switch - the box around the slider */
.switch {
	width: 55px;
	height: 30px;
	position: relative;
	display: inline-block;
	float: right;
}

	/* Hide default HTML checkbox */
	.switch input {
		display: none;
	}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		width: 26px;
		height: 26px;
		content: "";
		position: absolute;
		left: 2px;
		bottom: 2px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 30px;
}

	.slider.round:before {
		border-radius: 50%;
	}



/*briefing.htm*/
.briefing_btn_d {
	display: flex;
	justify-content: center;
	padding: 20px 0 30px;
}

.briefing_btn {
	display: block;
	width: 380px;
	height: 50px;
	color: #fff;
	background-color: #2f82e0;
	text-align: center;
	border-radius: 3px;
}


/*************************************************
*					FOOT						*
*************************************************/

.footer {
	height: 50px;
	line-height: 50px;
}

	.footer a.f_kbtn {
		width: 100%;
		height: 50px;
		background-color: #333;
		text-align: center;
		font-size: 16px;
		color: #fff !important;
		line-height: 50px;
		display: block;
	}

	.footer a.f_kbtn2 {
		width: 100%;
		height: 50px;
		background-color: #2f82e0;
		text-align: center;
		font-size: 16px;
		color: #fff !important;
		line-height: 50px;
		display: block;
	}

	.footer a:hover.f_kbtn,
	.footer a:active.f_kbtn {
		background-color: #000;
		color: #fff !important;
	}

.footer {
	height: 50px;
	line-height: 50px;
}

	.footer a.f_bbtn {
		width: 100%;
		height: 50px;
		background-color: #69a4e6;
		text-align: center;
		font-size: 16px;
		color: #fff !important;
		line-height: 50px;
		display: block;
	}

	.footer a:hover.f_bbtn,
	.footer a:active.f_bbtn {
		background-color: #2e83e0;
		color: #fff !important;
	}

	.footer a.f_gbtn {
		width: 100%;
		height: 50px;
		background-color: #bcbcbc;
		text-align: center;
		font-size: 16px;
		color: #fff !important;
		line-height: 50px;
		display: block;
	}

	.footer a:hover.f_gbtn,
	.footer a:active.f_gbtn {
		background-color: #adadad;
		color: #fff !important;
	}






/*************************************************
*					POPUP						*
*************************************************/

/*************** BOOTSTRAP POP ******************/
.modal {
	z-index: 1000000 !important;
}

	.modal.in .modal-dialog {
		max-width: 620px;
	}

.modal-header {
	font-size: 16px;
	color: #000;
}

	.modal-header .close {
		font-size: 35px;
		font-weight: 300;
		color: #000;
		float: right;
	}

.modal-content.mc_ms {
	background-color: transparent !important;
	border: 0 none;
	border-radius: 0 !important;
	box-shadow: none;
	position: relative;
}

	.modal-content.mc_ms .modal-body.mb_bg {
		background: url(../images/win_img.png) no-repeat center top;
		background-size: 100%;
	}

	.modal-content.mc_ms .modal-body .mb_cycle {
		width: 100%;
		max-width: 150px;
		height: 150px;
		margin: 80px auto;
		padding: 35px 0 0;
		background-color: #fff;
		border-radius: 100%;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		color: #222;
		position: relative;
	}

.modal-body.mb_nav {
	width: 135px;
	margin: 5px 5px 0 0;
	padding: 10px 5px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	float: right;
}

.modal-body .mb_nav {
	height: 35px;
	padding: 0 10px;
	text-align: left;
	font-size: 14px;
	color: #000;
	line-height: 35px;
	display: block;
}

	.modal-body .mb_nav img {
		width: 15px;
		height: auto;
		margin: 0 15px 4px 0;
	}

.modal-body.mb_nop {
	padding: 15px 10px;
}

.modal-body .mb_list {
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	display: block;
}

	.modal-body .mb_list:last-child {
		border: 0 none;
	}

	.modal-body .mb_list:focus,
	.modal-body .mb_list:hover {
		color: #2d81e1;
	}

.modal-body .mb_tit {
	margin: 0 0 5px;
	font-size: 14px;
	display: block;
}

.modal-body .mb_txt {
	margin: 0 0 10px;
	font-size: 12px;
	display: block;
}

.pscroll {
	height: 300px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: scroll;
}

.modal-footer {
	padding: 0 !important;
}

	.modal-footer .btn {
		height: 50px;
		margin: 0 !important;
		padding: 0;
		border-radius: 0;
		font-size: 15px;
		line-height: 50px;
		float: left;
	}

	.modal-footer .btn-normal {
		background-color: #1c1c1c !important;
		color: #fff;
	}

	.modal-footer .btn-primary {
		background-color: #2d82df;
		color: #fff;
	}


.pcxtit {
	margin: 0 0 25px;
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	font-weight: 400;
	color: #333;
	position: relative;
	display: block;
	z-index: 100;
}

.pctit {
	margin: 0 0 10px;
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	color: #333;
	position: relative;
	display: block;
	z-index: 100;
}



/***************** NORMAL POP *******************/
.float_nav {
	width: 55px;
	height: 55px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 100;
}

	.float_nav a {
		width: 55px;
		height: 55px;
		display: block;
	}

		.float_nav a img {
			width: 55px;
			height: 55px;
		}

.mw_popup1 {
	width: 100%;
	height: 100%;
	position: fixed;
	_position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
	z-index: 10000;
}

	.mw_popup1.open {
		display: block
	}

	.mw_popup1 .bg {
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .5;
		filter: alpha(opacity=50);
		position: absolute;
		top: 10px;
		left: 10px;
	}

#popup1 {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

	#popup1.g_popup1 .g_popup1 {
		display: block
	}

	#popup1 .close {
		width: 20px;
		height: 20px;
		padding: 0;
		border: 0;
		background: url(../images/icon/p_close.png) no-repeat center 50%;
		text-decoration: none !important;
		background-size: 20px;
		line-height: 20px;
		cursor: pointer;
		opacity: 1;
		overflow: visible;
		position: absolute;
		top: 20px;
		right: 20px;
	}

	#popup1 ul {
		width: 36px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		bottom: 45px;
	}

		#popup1 ul li {
			width: 36px;
			height: 36px;
			margin: 0 0 8px;
			padding: 0;
			display: block;
		}

.pop_footer {
	width: 55px;
	height: 55px;
	line-height: 55px;
	position: absolute;
	right: -10px;
	bottom: -8px;
}

	.pop_footer .pop_close {
		width: 55px;
		height: 55px;
		display: block;
	}

		.pop_footer .pop_close img {
			width: 55px;
			height: 55px;
		}






/************************************************
*		동의 : Agreement						*
************************************************/

.agr_wrap {
	margin: 0;
	position: relative;
	padding: 10px;
	font-weight: 400;
}

	.agr_wrap .agr_xtit {
		margin: 0;
		padding: 15px 0 20px;
		text-align: center;
		font-size: 22px;
		font-weight: 700;
		color: #1c1c1c;
		line-height: 30px;
		display: block;
	}

	.agr_wrap .agr_btit {
		margin: 0;
		padding: 0 0 10px;
		text-align: left;
		font-size: 17px;
		font-weight: 600;
		color: #1c1c1c;
		line-height: 26px;
		display: block;
	}

	.agr_wrap .agr_tit {
		margin: 0;
		padding: 0 0 5px;
		text-align: left;
		font-size: 15px;
		font-weight: 600;
		color: #1c1c1c;
		line-height: 26px;
		display: block;
	}

	.agr_wrap .agr_txt {
		margin: 0;
		padding: 0 0 20px;
		text-align: left;
		font-size: 13px;
		font-weight: 400;
		color: #1c1c1c;
		line-height: 20px;
		display: block;
	}

	.agr_wrap .aw_table {
		width: 100%;
		margin: 0 0 40px;
		padding: 0;
		position: relative;
	}

		.agr_wrap .aw_table th {
			padding: 5px;
			background-color: #efefef;
			border: 1px solid #ddd;
			font-size: 12px;
			font-weight: 600;
			color: #1c1c1c;
			line-height: 16px;
		}

		.agr_wrap .aw_table td {
			padding: 5px;
			background-color: #fff;
			border: 1px solid #ddd;
			font-size: 12px;
			font-weight: 400;
			color: #1c1c1c;
			line-height: 16px;
		}

.stb_xbti {
	margin: 20px 0;
	text-align: center;
	font-size: 40px;
	font-weight: 800;
	color: #666;
	line-height: 50px;
	display: block;
}

.stb_xti {
	margin-bottom: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #666;
	line-height: 25px;
	display: block;
}

.stb_bti {
	margin-bottom: 5px;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	line-height: 22px;
	display: block;
}

.stb_ti {
	margin-bottom: 5px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	line-height: 20px;
	display: block;
}

.stb_copy {
	margin-bottom: 25px;
	text-align: left;
	font-size: 13px;
	color: #666;
	font-weight: 400;
	line-height: 18px;
	display: block;
}

.stb_txt {
	margin-bottom: 5px;
	padding-left: 15px;
	text-align: left;
	font-size: 13px;
	font-weight: 400;
	color: #666;
	line-height: 18px;
	display: block;
}






/************************************************
*				회원가입 : Join					*
************************************************/
.jn_wrap {
	margin: 10px 0;
	padding: 0;
	position: relative;
}

	.jn_wrap ul {
		margin: 0;
		padding: 0;
		border-top: 1px solid #d9d9d9;
	}

	.jn_wrap li:first-child {
		border-bottom: 10px solid #f1f1f1;
	}

	.jn_wrap li {
		padding: 12px 10px;
		border-bottom: 1px solid #e4e4e4;
		background-color: #fff;
		position: relative;
	}

		.jn_wrap li .jw_l {
			width: 82%;
			float: left;
		}

			.jn_wrap li .jw_l input[type="checkbox"] + label,
			.jn_wrap li input[type="checkbox"] + label {
				margin: 0;
				padding: 0 0 0 30px;
				font-size: 15px;
				font-weight: 400;
				line-height: 45px;
				letter-spacing: -1px;
				display: block;
			}

				.jn_wrap li .jw_l input[type="checkbox"] + label:before,
				.jn_wrap li input[type="checkbox"] + label:before {
					width: 23px;
					height: 23px;
					/*background: url(../images/icon/edit_uncheck.png) right 50% no-repeat;*/
					background-size: 23px;
					line-height: 23px;
					left: 0;
					top: 25%;
				}

			.jn_wrap li .jw_l input[type="checkbox"]:checked + label:before,
			.jn_wrap li input[type="checkbox"]:checked + label:before {
				color: #2e82e0;
				/*background: url(../images/icon/edit_checked.png) right 50% no-repeat;*/
				background-size: 23px;
			}

		.jn_wrap li .jw_r {
			width: 18%;
			float: right;
		}

			.jn_wrap li .jw_r .jr_link {
				width: 100%;
				height: 40px;
				background: url(../images/icon/set_next.png) no-repeat right 65%;
				background-size: 9px;
				display: block;
			}

			.jn_wrap li .jw_r label {
				margin: 6px 0 0;
			}

	.jn_wrap .jw_tit {
		margin: 5px 0 0;
		padding: 5px 10px;
		text-align: left;
		font-size: 16px;
		color: #2e83e0;
	}






/************************************************
*				회원가입 : Join					*
************************************************/
.wal_wrap {
	margin: 0 0 40px;
	padding: 0 10px 80px;
	background-color: #fff;
	position: relative;
}

	.wal_wrap .ww_txt {
		margin: 0 0 5px;
		padding: 0;
		text-align: center;
		font-size: 15px;
		font-weight: 300;
		line-height: 20px;
		position: relative;
	}

	.wal_wrap .ww_install {
		height: 45px;
		margin: 0 0 20px;
		background: #2f82e0 url(../images/login/app_download.png) no-repeat 15px 50%;
		background-size: 25px;
		position: relative;
	}

	.wal_wrap .ww_linkage {
		height: 45px;
		margin: 0 0 20px;
		background: #2f82e0 url(../images/login/app_link.png) no-repeat 15px 50%;
		background-size: 25px;
		position: relative;
	}

		.wal_wrap .ww_install a,
		.wal_wrap .ww_linkage a {
			width: 100%;
			height: 45px;
			text-align: center;
			font-size: 16px;
			font-weight: 400;
			color: #fff;
			line-height: 45px;
			display: block;
		}






/************************************************
*		ETC										*
************************************************/

.iw_lbxt {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	position: relative;
	display: block;
}

.sctxt {
	margin: 0 0 15px;
	padding: 0;
	text-align: center;
	font-size: 17px;
	font-weight: 400;
	color: #222;
	line-height: 24px;
	letter-spacing: -1px;
	display: block;
}

.sltxt {
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	font-size: 17px;
	font-weight: 400;
	color: #222;
	line-height: 24px;
	letter-spacing: -1px;
	display: block;
}

.sltxt2 {
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	font-size: 1em;
	font-weight: 400;
	color: #222;
	line-height: 24px;
	letter-spacing: -1px;
	display: block;
}

.slcop {
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 20px;
	letter-spacing: -1px;
	display: block;
}

	.slcop img {
		width: 18px;
		height: 18px;
		margin-bottom: 5px;
	}

.tal {
	text-align: left !important;
}

.tac {
	text-align: center !important;
}

.tar {
	text-align: right !important;
}

.ft_l {
	float: left !important;
}

.ft_r {
	float: right !important;
}






/************************************************
*		TABLE	 								*
************************************************/

.table_type1 {
	width: 100%;
	margin: 0;
	font-size: 14px;
}

	.table_type1 caption {
		display: none
	}

	.table_type1 thead th,
	.table_type1 thead td {
		padding: 7px 50px;
		border-bottom: 1px solid #d8d8d8;
		font-size: 15px;
		font-weight: 500;
		color: #333;
		line-height: 20px;
	}

	.table_type1 tbody th,
	.table_type1 tbody td {
		padding: 7px 50px;
		border-bottom: 1px solid #d8d8d8;
		font-size: 13px;
		font-weight: 400;
		color: #999;
		line-height: 20px;
	}






/************************************************
*		GTC										*
************************************************/

.gtc_wrap {
	margin: 0 0 10px;
	padding: 0 5px;
	text-align: left;
	position: relative;
}

.gtc_ul1 {
	margin: 0;
	padding: 0;
	position: relative;
}

	.gtc_ul1 li {
		height: 70px;
		padding: 0 5px;
		line-height: 35px;
		letter-spacing: -1px;
		display: block;
		float: left;
		overflow: hidden;
	}

		.gtc_ul1 li .gw_img {
			width: 60px;
			height: 60px;
			margin: 5px 0 0;
			line-height: 60px;
			position: relative;
			display: block;
			float: left;
		}

			.gtc_ul1 li .gw_img img {
				width: 30px;
			}

		.gtc_ul1 li .gw_txt {
			margin: 0;
			height: 25px;
			font-size: 14px;
			font-weight: 300;
			line-height: 25px;
			position: relative;
			display: block;
		}

			.gtc_ul1 li .gw_txt em {
				margin-right: 10px;
			}

		.gtc_ul1 li .gw_btn {
			width: 100%;
			max-width: 80px;
			height: 20px;
			margin: 25px 0 0;
			padding: 0 10px;
			border: 1px solid #ccc;
			border-radius: 20px;
			text-align: center;
			font-size: 13px;
			font-weight: 400;
			color: #666;
			line-height: 20px;
			display: block;
		}

.gtc_cbit {
	padding: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #222;
	line-height: 28px;
	position: relative;
	display: block;
}

.gtc_tit {
	height: 30px;
	padding: 0 10px;
	background-color: #000;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 30px;
	position: relative;
	display: block;
}

	.gtc_tit span {
		font-size: 12px;
		line-height: 30px;
		letter-spacing: -1px;
		position: absolute;
		right: 10px;
		top: 0;
	}

		.gtc_tit span a {
			color: #fff;
		}

.gtc_txt {
	padding: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 20px;
	display: block;
}

	.gtc_txt img {
		width: 80px;
		margin-bottom: 5px;
	}

	.gtc_txt span {
		display: block;
	}

.gtc_btxt {
	padding: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #222;
	line-height: 20px;
	display: block;
}

.gtc_cbtxt {
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #222;
	line-height: 20px;
	display: block;
}

.gtc_cxt {
	padding: 10px;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	color: #222;
	line-height: 18px;
	display: block;
}

.gtc_img {
	margin: 0 0 25px;
	padding: 0;
	text-align: center;
	position: relative;
}

	.gtc_img img {
		width: 90%;
		max-width: 400px;
		height: auto;
	}

.gtc_simg {
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}

	.gtc_simg img {
		width: 70%;
		max-width: 350px;
		height: auto;
	}

.gtc_smg {
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}

	.gtc_smg img {
		width: 70%;
		max-width: 120px;
		height: auto;
	}

.gtc_ul2 {
	margin: 0 0 10px;
	padding: 0;
	border-top: 1px solid #d9d9d9;
}

	.gtc_ul2 li {
		padding: 10px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #fff;
		position: relative;
	}

		.gtc_ul2 li .gu_l {
			width: 82%;
			height: 20px;
			font-size: 14px;
			font-weight: 300;
			color: #4b4b4b;
			line-height: 20px;
			display: block;
			float: left;
		}

		.gtc_ul2 li .gu_r {
			width: 18%;
			height: 20px;
			background: url(../images/icon/set_next.png) no-repeat right 50%;
			background-size: 7px;
			display: block;
			float: right;
		}

		.gtc_ul2 li .gb_l {
			width: 78%;
			height: 30px;
			font-size: 14px;
			font-weight: 400;
			color: #666;
			line-height: 30px;
			float: left;
			display: block;
		}

		.gtc_ul2 li .gb_r {
			width: 22%;
			float: right;
		}

			.gtc_ul2 li .gb_r .gr_btn {
				width: 100%;
				height: 30px;
				background-color: #2d82df;
				border-radius: 4px;
				text-align: center;
				color: #fff;
				line-height: 30px;
				display: block;
			}

			.gtc_ul2 li .gb_r .gr_bbtn {
				width: 100%;
				height: 30px;
				background-color: #999;
				border-radius: 4px;
				text-align: center;
				color: #fff;
				line-height: 30px;
				display: block;
			}

				.gtc_ul2 li .gb_r .gr_bbtn.on {
					background-color: #222;
				}

				.gtc_ul2 li .gb_r .gr_bbtn:hover {
					color: #fff !important;
				}

		.gtc_ul2 li.on .gb_l {
			color: #222 !important;
		}

		.gtc_ul2 li .gi_l {
			width: 22%;
			text-align: center;
			font-size: 12px;
			font-weight: 400;
			color: #1c1c1c;
			line-height: 30px;
			float: left;
			display: block;
			overflow: hidden;
		}

			.gtc_ul2 li .gi_l .gi_img {
				width: 30px;
				height: 30px;
				margin: 0 auto;
				position: relative;
				display: block;
			}

				.gtc_ul2 li .gi_l .gi_img img {
					width: auto;
					height: 30px;
				}

		.gtc_ul2 li .gi_r {
			width: 78%;
			font-size: 13px;
			font-weight: 400;
			color: #333;
			line-height: 18px;
			float: right;
		}

.gtc_ul3 {
	margin: 0 0 10px;
	padding: 0;
	border-top: 1px solid #d9d9d9;
}

	.gtc_ul3 li {
		padding: 10px;
		background-color: #f9f9f9;
		position: relative;
	}

		.gtc_ul3 li .gu_l {
			width: 78%;
			height: 40px;
			font-size: 13px;
			font-weight: 400;
			color: #666;
			line-height: 40px;
			letter-spacing: -1px;
			float: left;
			display: block;
		}

			.gtc_ul3 li .gu_l.gl2 {
				line-height: 20px !important;
			}

			.gtc_ul3 li .gu_l b {
				font-size: 15px;
				font-weight: 500;
			}

		.gtc_ul3 li .gu_r {
			width: 22%;
			padding-top: 5px;
			float: right;
		}

			.gtc_ul3 li .gu_r .gr_ybtn {
				width: 100%;
				height: 30px;
				background-color: #fff2cc;
				border-radius: 4px;
				text-align: center;
				color: #333;
				line-height: 30px;
				display: block;
			}

				.gtc_ul3 li .gu_r .gr_ybtn.on {
					background-color: #ffc000;
					color: #fff !important;
				}

				.gtc_ul3 li .gu_r .gr_ybtn:hover {
					color: #fff !important;
				}

		.gtc_ul3 li.on .gu_l {
			color: #000 !important;
		}



.gtc_wrap .photosgallery-std {
	height: 340px;
	margin: 0 0 20px;
	padding: 5px;
	border: 1px solid #ccc;
}

	.gtc_wrap .photosgallery-std .sliderkit-nav {
		top: 255px;
	}

	.gtc_wrap .photosgallery-std .sliderkit-go-btn {
		top: 150px;
	}
	/* Panel */
	.gtc_wrap .photosgallery-std .sliderkit-panel {
		padding: 5px;
	}

		.gtc_wrap .photosgallery-std .sliderkit-panel .sp_head {
			margin: 0 0 5px;
			padding: 0;
			position: relative;
		}

			.gtc_wrap .photosgallery-std .sliderkit-panel .sp_head .sh_tit {
				margin: 0 0 3px;
				text-align: left;
				font-size: 15px;
				font-weight: 500;
				position: relative;
				display: block;
			}

			.gtc_wrap .photosgallery-std .sliderkit-panel .sp_head .sh_bar {
				padding: 3px 5px;
				background-color: #59c6a7;
				text-align: left;
				font-size: 14px;
				font-weight: 400;
				color: #fff;
			}

			.gtc_wrap .photosgallery-std .sliderkit-panel .sp_head .sh_txt {
				font-size: 12px;
				font-weight: 400;
				position: relative;
				display: block;
			}

		.gtc_wrap .photosgallery-std .sliderkit-panel .sp_img {
			height: 200px;
			line-height: 200px;
		}

			.gtc_wrap .photosgallery-std .sliderkit-panel .sp_img img {
				width: auto;
				height: 100%;
			}

		.gtc_wrap .photosgallery-std .sliderkit-panel .sp_info {
			margin: 8px 0 0;
			padding: 0;
			position: relative;
		}

			.gtc_wrap .photosgallery-std .sliderkit-panel .sp_info .si_txt {
				width: 60%;
				text-align: left;
				font-size: 15px;
				font-weight: 500;
				position: relative;
				display: block;
				float: left;
			}

			.gtc_wrap .photosgallery-std .sliderkit-panel .sp_info .si_btn {
				width: 35%;
				margin: 10px 0 0;
				position: relative;
				display: block;
				float: right;
			}

				.gtc_wrap .photosgallery-std .sliderkit-panel .sp_info .si_btn a {
					width: 100%;
					max-width: 100px;
					padding: 3px 10px;
					background-color: #555;
					text-align: center;
					font-size: 14px;
					color: #fff;
					display: block;
					float: right;
				}

.gtc_wrap .gw_imgc .gw_imgshare {
	position: absolute;
	right: 10px;
	width: 25px;
	top: 15px;
}


.ent_wrap {
	margin: 15px 0 20px;
	padding: 1px 5px 10px;
	background-color: #f1f1f1;
	position: relative;
}

	.ent_wrap .photosgallery-std {
		height: 325px;
		margin: 10px 0;
		padding: 5px;
		border: 1px solid #ccc;
		background-color: #fff;
	}

	.ent_wrap .ew_ul {
		margin: 0;
		padding: 0;
		position: relative;
	}

		.ent_wrap .ew_ul li {
			height: 30px;
			font-size: 14px;
			font-weight: 500;
			line-height: 30px;
			position: relative;
		}

			.ent_wrap .ew_ul li b {
				width: 30%;
				line-height: 30px;
				float: left;
			}

			.ent_wrap .ew_ul li span {
				width: 70%;
				text-align: right;
				font-size: 13px;
				line-height: 30px;
				letter-spacing: -1px;
				float: right;
			}



.coupon_wrap {
	margin: 0 0 20px;
	padding: 5px;
	background-color: #efefef;
	position: relative;
}

	.coupon_wrap .cw_tit {
		margin: 0 0 10px;
		text-align: left;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: -1px;
		position: relative;
		display: block;
	}

	.coupon_wrap .cw_ul {
		margin: 0;
		padding: 0;
		position: relative;
	}

		.coupon_wrap .cw_ul li:first-child {
			width: 32.4%;
		}

		.coupon_wrap .cw_ul li {
			width: 32.3%;
			margin: 0 .5%;
			background-color: #efefef;
			font-size: 13px;
			font-weight: 400;
			line-height: 16px;
			letter-spacing: -1px;
			position: relative;
			display: block;
			float: left;
		}

			.coupon_wrap .cw_ul li .cu_case {
				width: 100%;
				height: 90px;
				position: relative;
			}

				.coupon_wrap .cw_ul li .cu_case .cu_label {
					padding: 2px 4px;
					background-color: #FC0;
					border-radius: 3px;
					text-align: center;
					font-size: 11px;
					font-weight: 400;
					color: #333;
					line-height: 13px;
					position: absolute;
					left: 0;
					top: 0;
				}

				.coupon_wrap .cw_ul li .cu_case .cu_img {
					width: 100%;
					max-width: 90px;
					height: 90px;
					margin: 0 auto;
					background-color: #fff;
					border-radius: 100%;
					text-align: center;
					line-height: 90px;
					display: block;
					overflow: hidden;
				}

					.coupon_wrap .cw_ul li .cu_case .cu_img img {
						width: 80%;
						height: auto;
					}

			.coupon_wrap .cw_ul li em {
				width: 100%;
				text-align: center;
				font-size: 11px;
				font-weight: 400;
				letter-spacing: -1px;
				display: block;
				position: absolute;
				left: 0;
				top: 78px;
			}

			.coupon_wrap .cw_ul li p {
				margin: 8px 0 5px;
				color: #666;
				display: block;
			}

	.coupon_wrap .cw_tbar {
		margin: 5px 0 0;
		padding: 0;
		background-color: #666;
		border-radius: 3px;
		font-size: 13px;
		color: #fff;
		position: relative;
	}


	.coupon_wrap .photosgallery-std {
		height: 180px;
		margin: 0;
		padding: 0;
		border: 0 none;
	}

		.coupon_wrap .photosgallery-std .sliderkit-nav {
			top: 165px;
		}

		.coupon_wrap .photosgallery-std .sliderkit-go-btn {
			top: 150px;
			display: block !important;
		}

		.coupon_wrap .photosgallery-std .sliderkit-go-next {
			right: -5px;
		}

		.coupon_wrap .photosgallery-std .sliderkit-go-prev {
			left: -5px
		}

			.coupon_wrap .photosgallery-std .sliderkit-go-prev a {
				background-size: auto 22px;
			}

		.coupon_wrap .photosgallery-std .sliderkit-go-next a {
			background-size: auto 22px;
		}

		.coupon_wrap .photosgallery-std .sliderkit-panel {
			padding: 0;
			background-color: transparent;
		}

		.coupon_wrap .photosgallery-std .sliderkit-btn-disable {
			opacity: 0.5 !important;
		}

			.coupon_wrap .photosgallery-std .sliderkit-btn-disable a {
				opacity: 0.5 !important;
			}


	.coupon_wrap .cw_bul {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		padding: 10px;
		background-color: #efefef;
		position: relative;
		display: block;
	}

		.coupon_wrap .cw_bul .cb_case {
			width: 100%;
			height: 250px;
			position: relative;
		}

			.coupon_wrap .cw_bul .cb_case .cb_label {
				padding: 5px 10px;
				background-color: #FC0;
				border-radius: 3px;
				text-align: center;
				font-size: 13px;
				font-weight: 400;
				color: #333;
				line-height: 16px;
				position: absolute;
				left: 15%;
				top: 0;
			}

			.coupon_wrap .cw_bul .cb_case .cb_img {
				width: 100%;
				max-width: 250px;
				height: 250px;
				margin: 0 auto;
				background-color: #fff;
				border-radius: 100%;
				text-align: center;
				line-height: 250px;
				display: block;
				overflow: hidden;
			}

				.coupon_wrap .cw_bul .cb_case .cb_img img {
					width: 90%;
					height: auto;
				}

		.coupon_wrap .cw_bul .cb_btn {
			width: 100%;
			max-width: 200px;
			height: 35px;
			margin: -20px auto 10px;
			background-color: #69a4e6;
			border-radius: 4px;
			text-align: center;
			font-size: 14px;
			color: #fff;
			line-height: 35px;
			position: relative;
			display: block;
		}

.cw_btn {
	width: 100%;
	max-width: 250px;
	height: 45px;
	margin: 0 auto 10px;
	background-color: #000;
	border-radius: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff !important;
	line-height: 45px;
	position: relative;
	display: block;
}

.coupon_case {
	margin: 0;
	padding: 0;
	position: relative;
}

	.coupon_case .cc_case,
	.coupon_case .cd_case,
	.coupon_case .ce_case {
		margin: 0 0 5px;
		padding: 0;
		position: relative;
	}

		.coupon_case .cc_case .cc_inp {
			padding: 0 0 2px;
			line-height: 30px;
			position: relative;
		}

			.coupon_case .cc_case .cc_inp input {
				width: 96%;
				height: 40px;
				margin: 5px 0 0;
				padding: 0 2%;
				border: 0 none;
				background-color: transparent;
				border: 1px solid #ccc;
				font-size: 14px;
				line-height: 40px;
				float: left;
			}

	.coupon_case .cc_sbtn {
		width: 100%;
		height: 40px;
		margin: 10px 0;
		position: relative;
	}

		.coupon_case .cc_sbtn input[type="button"] {
			width: 100%;
			height: 40px;
			background-color: #000;
			border-radius: 0;
			text-align: center;
			font-size: 16px;
			color: #fff !important;
			line-height: 40px;
			display: block;
		}

	.coupon_case .cc_btn {
		width: 100%;
		height: 40px;
		margin: 40px 0;
		position: relative;
	}

		.coupon_case .cc_btn input[type="button"] {
			width: 100%;
			height: 40px;
			background-color: #000;
			border-radius: 0;
			text-align: center;
			font-size: 16px;
			color: #fff !important;
			line-height: 40px;
			display: block;
		}

	.coupon_case .cd_case input[type="text"] {
		width: 74%;
		height: 40px;
		margin: 0;
		padding: 0 2%;
		border: 0 none;
		background-color: transparent;
		border: 1px solid #ccc;
		text-align: left;
		font-size: 16px;
		color: #000;
		line-height: 40px;
		float: left;
	}

	.coupon_case .cd_case input[type="button"],
	.coupon_case .cd_case input[type="submit"] {
		width: 25%;
		height: 40px;
		background-color: #000;
		margin: 0;
		padding: 0;
		border-radius: 0;
		text-align: center;
		font-size: 14px;
		color: #fff !important;
		line-height: 40px;
		display: block;
		float: right;
	}

	.coupon_case .ce_case input[type="text"]:first-child {
		width: 32%;
		margin: 0;
	}

	.coupon_case .ce_case input[type="text"] {
		width: 33%;
		height: 40px;
		margin: 0 0 0 1%;
		padding: 0 2%;
		border: 0 none;
		background-color: transparent;
		border: 1px solid #ccc;
		text-align: left;
		font-size: 16px;
		color: #000;
		line-height: 40px;
		float: left;
	}



.noti_wrap {
	margin: 20px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	position: relative;
}

	.noti_wrap b {
		margin: 0 0 5px;
		font-size: 15px;
		font-weight: 500;
		display: block;
	}

	.noti_wrap p {
		margin: 0;
		font-size: 13px;
		font-weight: 400;
		display: block;
	}



.join_app {
	margin: 0;
	padding: 20px 0;
	position: relative;
}

	.join_app ul {
		margin: 0;
		padding: 0;
		position: relative;
	}

	.join_app li {
		margin: 0 0 5px;
		padding: 0;
		border: 1px solid #e8e8e8;
		border-radius: 3px;
		position: relative;
	}

		.join_app li a {
			width: 100%;
			height: 55px;
			padding: 5px;
			cursor: pointer;
			display: block;
		}

		.join_app li .ja_app {
			width: 25%;
			max-width: 45px;
			height: auto;
			text-align: left;
			float: left;
		}

			.join_app li .ja_app img {
				width: 100%;
			}

		.join_app li .ja_text {
			width: 46%;
			margin-left: 2%;
			float: left;
		}

			.join_app li .ja_text b {
				margin: 0;
				padding: 0;
				font-size: 16px;
				font-weight: 500;
				color: #222;
				line-height: 25px;
				display: block;
			}

			.join_app li .ja_text p {
				margin: 0;
				padding: 0;
				font-size: 12px;
				font-weight: 400;
				line-height: 20px;
				color: #999;
				letter-spacing: -1px;
				display: block;
			}

		.join_app li .ja_down {
			width: 28%;
			text-align: right;
			font-size: 13px;
			font-weight: 400;
			color: #222;
			line-height: 45px;
			letter-spacing: -1px;
			float: right;
		}

			.join_app li .ja_down img {
				width: 19px;
				height: 20px;
				margin-left: 5px;
			}






/************************************************
*			VIEW								*
************************************************/

.sns_t_fix {
	width: 100%;
	height: 40px;
	background-color: #fff;
	border: 1px solid #ccc;
	position: fixed;
	left: 0;
	top: 0;
}

	.sns_t_fix .stf_tit {
		width: 75%;
		height: 40px;
		padding: 0 0 0 5px;
		font-size: 13px;
		font-weight: 600;
		line-height: 40px;
		letter-spacing: -1px;
		position: relative;
		float: left;
		z-inddex: 10000000;
	}

		.sns_t_fix .stf_tit .st_icon {
			width: auto;
			height: 22px;
			margin-top: -3px;
			vertical-align: middle;
		}

		.sns_t_fix .stf_tit .st_txt {
			width: auto;
			height: 20px;
			vertical-align: middle;
		}

	.sns_t_fix .stf_app {
		width: 25%;
		height: 40px;
		line-height: 40px;
		position: relative;
		float: right;
		z-inddex: 10000000;
	}

		.sns_t_fix .stf_app a {
			width: 30px;
			height: 30px;
			margin: 5px 5px 0 0;
			border: 1px solid #ccc;
			border-radius: 100%;
			display: block;
			float: right;
		}

			.sns_t_fix .stf_app a.gp {
				background: url(../images/icon/icon_gstore.png) no-repeat center 50%;
				background-size: 20px;
			}

			.sns_t_fix .stf_app a.as {
				background: url(../images/icon/icon_astore.png) no-repeat center 50%;
				background-size: 20px;
			}



.btn-top {
	width: 100%;
	height: 100px;
	position: fixed;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 1000;
}

	.btn-top .bt_case {
		width: 100%;
		height: 100px;
		margin: 0;
		padding: 0;
		position: relative;
	}

		.btn-top .bt_case .bc_over {
			width: 100%;
			height: 100%;
			background-color: #00b0f0;
			opacity: 0.5;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 0;
		}

		.btn-top .bt_case .bc_f {
			width: 25%;
			text-align: center;
			line-height: 100px;
			position: relative;
			float: left;
			z-index: 100;
		}

			.btn-top .bt_case .bc_f img {
				width: 45px;
				height: auto;
			}

		.btn-top .bt_case .bc_e {
			width: 75%;
			position: relative;
			float: left;
			z-index: 100;
		}

			.btn-top .bt_case .bc_e .be_txt {
				margin: 10px 0;
				font-size: 14px;
				font-weight: 600;
				color: #333;
				line-height: 20px;
				letter-spacing: -1px;
				display: block;
			}

			.btn-top .bt_case .bc_e .be_btn {
				width: 96%;
				height: 30px;
				background-color: #00b0f0;
				text-align: center;
				font-size: 18px;
				font-weight: 600;
				color: #fff;
				line-height: 30px;
				display: block;
			}






/************************************************
*		페이징 : Paginate						*
************************************************/

.paginate {
	margin: 20px 0 30px;
	padding: 0;
	text-align: center;
	line-height: normal
}

	.paginate * {
		min-width: 20px;
		height: 20px;
		margin: 0 1px;
		padding: 0;
		font-size: 14px;
		color: #ccc;
		line-height: 20px;
		text-decoration: none;
		vertical-align: middle;
		position: relative;
		display: inline-block;
	}

	.paginate a {
		color: #ccc;
	}

		.paginate a:hover,
		.paginate a:active,
		.paginate a:focus,
		.paginate a.on {
			color: #2d82df;
		}

	.paginate .prev {
		margin: 0 5px 0 0;
		background: url(../images/icon/pn_prev_up1.png) no-repeat center 50%;
	}

	.paginate .pprev {
		margin: 0;
		background: url(../images/icon/pn_prev_up2.png) no-repeat center 50%;
	}

	.paginate .next {
		margin: 0 0 0 5px;
		background: url(../images/icon/pn_next_up1.png) no-repeat center 50%;
	}

	.paginate .nnext {
		margin: 0;
		background: url(../images/icon/pn_next_up2.png) no-repeat center 50%;
	}

	.paginate .prev:hover,
	.paginate .prev:active,
	.paginate .prev:focus {
		background: url(../images/icon/pn_prev_ov1.png) no-repeat center 50%;
	}

	.paginate .pprev:hover,
	.paginate .pprev:active,
	.paginate .pprev:focus {
		background: url(../images/icon/pn_prev_ov2.png) no-repeat center 50%;
	}

	.paginate .next:hover,
	.paginate .next:active,
	.paginate .next:focus {
		background: url(../images/icon/pn_next_ov1.png) no-repeat center 50%;
	}

	.paginate .nnext:hover,
	.paginate .nnext:active,
	.paginate .nnext:focus {
		background: url(../images/icon/pn_next_ov2.png) no-repeat center 50%;
	}






/************************************************
*			202104 추가							*
************************************************/
.tip_btn {
	height: 45px;
	margin: 30px 10px;
	background-color: #2f82e0;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 45px;
	position: relative;
}

	.tip_btn a {
		color: #fff;
	}

.tip_tab {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: #fff;
	position: relative;
}

	.tip_tab li {
		width: 25%;
		background-color: #f9f9f9;
		border-top: 1px solid #d9d9d9;
		text-align: center;
		font-size: 15px;
		line-height: 40px;
		letter-spacing: -1px;
		color: rgb(50,50,50);
		float: left;
	}

		.tip_tab li.on,
		.tip_tab li:hover {
			height: 40px;
			border-bottom: 2px solid #2f82e0;
			color: #2f82e0;
		}

			.tip_tab li.on a,
			.tip_tab li:hover a {
				color: #2f82e0;
			}

.tip_thum {
	height: 94.3vh;
	background-color: #000;
	line-height: 94.3vh;
	overflow: hidden;
}

	.tip_thum img {
		width: 100%;
	}






/************************************************
*		202107 추가							*
************************************************/

.reward_wrap {
	margin: 0;
	padding: 25px 10px;
	background-color: #fff;
	position: relative;
}

	.reward_wrap li {
		margin: 0 0 20px;
		padding: 0;
		position: relative;
	}

	.reward_wrap b {
		width: 25%;
		margin: 0 0 10px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		color: #2d82df;
		line-height: 24px;
		display: block;
		float: left;
	}

	.reward_wrap p {
		width: 75%;
		margin: 0 0 10px;
		text-align: left;
		font-size: 15px;
		font-weight: 500;
		line-height: 20px;
		display: block;
		float: left;
	}

	.reward_wrap span {
		color: #999;
		display: block;
	}


.rew_wrap {
	margin: 0 0 30px;
	padding: 0 10px 80px;
	background-color: #fff;
	position: relative;
}

	.rew_wrap .rw_tit {
		margin: 0 0 10px;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		color: #2d82df;
		line-height: 28px;
		display: block;
	}

	.rew_wrap .rw_txt {
		margin: 0 0 5px;
		padding: 10px 0 5px;
		border-bottom: 1px solid #ccc;
		font-size: 15px;
		font-weight: 300;
		line-height: 20px;
		position: relative;
	}

		.rew_wrap .rw_txt span {
			width: 10%;
			margin: 0;
			padding: 0;
			text-align: center;
			font-size: 20px;
			font-weight: 500;
			color: #2d82df;
			line-height: 50px;
			display: block;
			float: left;
		}

		.rew_wrap .rw_txt b {
			width: 25%;
			margin: 0;
			padding: 0;
			text-align: center;
			display: block;
			float: left;
		}

			.rew_wrap .rw_txt b img {
				width: auto;
				height: 50px;
			}

		.rew_wrap .rw_txt p {
			width: 65%;
			margin: 0;
			padding: 5px 0 0;
			text-align: left;
			font-size: 15px;
			font-weight: 500;
			display: block;
			float: left;
		}

	.rew_wrap .rw_btn {
		height: 45px;
		margin: 10px 0 20px;
		position: relative;
	}

		.rew_wrap .rw_btn a {
			width: 100%;
			height: 45px;
			background-color: #2d82df;
			text-align: center;
			font-size: 16px;
			font-weight: 400;
			color: #fff;
			line-height: 45px;
			display: block;
		}


/************************************************
*		20220608 추가 - NFT page				*
************************************************/
.nft_title {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	height: 50px;
	padding: 20px 0 10px 10px;
}

.nft_title2 {
	padding: 20px 0 10px 10px;
	font-size: 1.3em;
}

.nft_title img {
	width: 150px;
}

.nft_title em {
	font-weight: 400;
	margin-right: 10px;
}


.nft_button {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 20px;
	display: block;
}

	.nft_button a {
		text-align: center;
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 1.2em;
	}

.nft_detail_info {
	display: flex;
	justify-content: space-between;
	padding: 0 1rem 1rem;
	align-items: center;
}

	.nft_detail_info .ndi_r {
		width: 35%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}


		.nft_detail_info .ndi_r span em {
			display: block;
		}




/* select option 스타일 */
.select-group {
	position: relative;
	margin-right: 10px;
}

.select-with-image {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding: 3px;
	border: 1px solid black;
	cursor: pointer;
	height: 30px;
	width: 50px;
}

	.select-with-image #da {
		width: 12px;
		margin-right: 0;
	}

	.select-with-image .sg_img {
		width: 20px;
		margin-right: 10px;
	}

.select-options {
	position: absolute;
	top: 29px;
	z-index: 5;
	border: 1px solid #000;
	width: 50px;
	background-color: #fff;
}

.select-option {
	display: flex;
	align-items: center;
	cursor: pointer;
	height: 30px;
	justify-content: center;
}

	.select-option:hover {
		background-color: #ededed;
	}

	.select-option img {
		width: 20px;
		text-align: center;
	}

	.select-option span {
		font-size: 26px;
	}

.hide {
	display: none;
}

.select-group span {
	pointer-events: none;
}


/* NFT 페이지 tab-menu 스타일 적용 */
.container2 {
	max-width: 75rem;
	height: auto;
	margin: 0 auto;
	padding: 0 10px;
}

.title {
	font-family: inherit;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: inherit;
	color: #252b46;
	text-transform: capitalize;
}

.paragraph {
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	line-height: inherit;
	max-width: 100%;
	margin-top: 0.5rem;
	color: #9194a1;
	width: 100%;
}

.paragraph2 {
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	line-height: inherit;
	max-width: 100%;
	padding: 0.5rem 0;
	border-bottom: 1px solid #ccc;
	color: #000;
	width: 100%;
}

.texts > ul > li {
	margin-bottom: 2rem;
}

.texts > .nft_h_list > li {
	margin-bottom: 0;
}

.texts > ul > li a {
	color: #2196F3;
	display: block;
	margin-top: 20px;
	bottom: 0;
	text-decoration: underline !important;
}

.nft_tab_cont .tab {
	width: 100%;
	height: auto;
	padding: 1rem 0;
	border-top: 1.3px solid #000;
}

.nft_tab_cont .tab-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-bottom: 1px solid #dbdbdb;
	transition: all 0.3s ease;
}

.nft_tab_cont .tab-menu-link {
	position: relative;
	overflow: hidden;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	line-height: inherit;
	cursor: pointer;
	width: calc(100% / 4);
	height: auto;
	padding: 1rem 0;
	border-bottom: 2.5px solid transparent;
	color: #9194a1;
	background: #ffffff;
	transition: all 0.3s ease;
}

	.nft_tab_cont .tab-menu-link span {
		font-size: 1.5em;
	}

	.nft_tab_cont .tab-menu-link::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 2;
	}

	.nft_tab_cont .tab-menu-link.is-active {
		bottom: 0px;
		z-index: 0;
		overflow: hidden;
		border-bottom: 2.5px solid #2d82df;
		color: #252b46;
		background: #ffffff;
	}

.nft_tab_cont .tab-bar {
	padding: 2.5rem 0;
	overflow: hidden;
	background: #ffffff;
}

.nft_tab_cont .tab-bar-content {
	display: none;
	width: 100%;
	min-height: 10rem;
	transition: all 0.3s ease;
}

	.nft_tab_cont .tab-bar-content.is-active {
		display: block;
	}


/* NFT 구매하기페이지 */
.nft_purchase_cont ul li {
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 5px;
}

	.nft_purchase_cont ul li h3 {
		margin-bottom: 10px;
		color: gray;
	}

	.nft_purchase_cont ul li .npc_info {
		display: flex;
		justify-content: flex-start;
	}

		.nft_purchase_cont ul li .npc_info img {
			width: 30%;
			margin-right: 10px;
		}

	.nft_purchase_cont ul li .npc_amount {
		margin-top: 20px;
		border-top: 1px solid #ccc;
		padding: 10px 0 0;
	}

	.nft_purchase_cont ul li .npc_amount_list {
		display: flex;
		justify-content: space-between;
		font-weight: 400;
	}

		.nft_purchase_cont ul li .npc_amount_list:last-child {
			font-weight: 700;
		}

		.nft_purchase_cont ul li .npc_amount_list span em {
			display: block;
			font-weight: 400;
		}

.nft_purchase_cont .red {
	padding: 0 20px;
}

/* NFT 체크박스 */
.nft_purchase_check {
	padding: 0 20px;
}

	.nft_purchase_check input[type=checkbox] + label {
		display: block;
		cursor: pointer;
		color: #000;
		padding-top: 12px;
		padding-left: 35px;
		line-height: 1.2em;
	}

	.nft_purchase_check input[type=checkbox] {
		display: none;
	}

		.nft_purchase_check input[type=checkbox] + label:before {
			content: "\2714";
			border: 0.1em solid #000;
			border-radius: 0.2em;
			display: inline-block;
			width: 1.5em;
			height: 1.5em;
			color: transparent;
			transition: .2s;
		}

		.nft_purchase_check input[type=checkbox]:checked + label:before {
			background-color: #2f82e0;
			border-color: #2f82e0;
			color: #fff;
		}

		.nft_purchase_check input[type=checkbox]:disabled + label:before {
			transform: scale(1);
			border-color: #aaa;
		}

		.nft_purchase_check input[type=checkbox]:checked:disabled + label:before {
			transform: scale(1);
			background-color: #bfb;
			border-color: #bfb;
		}

/* NFT 페이지 payment 스타일 적용 */
.nft_payment_cont {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

	.nft_payment_cont img {
		width: 100px;
		padding: 50px 0 30px;
	}

	.nft_payment_cont span {
		display: block;
		padding-bottom: 20px;
		font-weight: 400;
		font-size: 1.2em;
	}

	.nft_payment_cont .npc_title {
		font-size: 1.5em;
		color: #2d82df;
		font-weight: 700;
	}

/* 키패드화면 */
.device {
	margin: 0 auto;
	display: inline-block;
	transform: scale(1);
	width: 100%;
}

	.device .device-viewport {
		contain: strict;
		width: 100%;
		margin: 0 auto;
		height: 500px;
		transform: scale(1);
	}

.body-content {
	padding: 16px;
}

	.body-content h3 {
		margin-bottom: 16px;
	}

	.body-content p {
		line-height: 1.5em;
		margin-bottom: 8px;
	}

	.body-content button {
		width: 100%;
		height: 48px;
		margin-top: 24px;
		cursor: pointer;
	}

.pin-info {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: white;
	background: #EAEAEA;
}

.pin-display {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: white;
}

.keypad {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #292a2f;
}

.keypad--row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 34px 0;
}

.keypad--button {
	color: #fff;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 400;
	cursor: pointer;
	transition: all 100ms ease-out;
}

	.keypad--button:active {
		color: #000;
	}

.confirmation-dots {
	margin-bottom: 48px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

	.confirmation-dots.error {
		animation-name: shake;
		animation-duration: 300ms;
	}

	.confirmation-dots svg {
		height: 24px;
		max-height: 24px;
		width: 220px;
	}

	.confirmation-dots .pin-circle {
		transition: all 100ms ease-out;
		fill: lightgray;
		stroke-width: 2px;
		stroke: lightgray;
		outline-offset: -2px;
		outline-width: 2px;
	}

		.confirmation-dots .pin-circle.entered {
			fill: black;
			stroke: black;
		}

		.confirmation-dots .pin-circle.success {
			fill: green;
			stroke: green;
		}

		.confirmation-dots .pin-circle.error {
			fill: red;
			stroke: red;
		}

.circle-lock--container {
	height: 72px;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: row;
}

.circle-lock {
	width: 80px;
	height: 80px;
	background: white;
	border-radius: 1000px;
	position: relative;
	top: -40px;
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

	.circle-lock .lock-icon {
		color: #333;
	}

.page-title {
	font-size: 28px;
	line-height: 32px;
	text-align: center;
	font-weight: 700;
}

.pin-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

/* 판매등록페이지  */
.nfc_wallet_addr {
	display: flex;
	flex-direction: column;
	padding: 10px;
}

	.nfc_wallet_addr .nwa_text {
		font-weight: 400;
		margin: 10px 0 0;
	}

.nft_price_cont {
	padding: 10px;
}

	.nft_price_cont span {
		margin-bottom: 10px;
		display: block;
	}

	.nft_price_cont .npc_cont {
		display: flex;
	}

.npc_cont > input {
	height: 30px;
	width: 70%;
	border: none;
	border-bottom: 1px solid lightgray;
}

.mf2 {
	display: flex;
}

/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px) {
}

@media (min-width: 1200px) {
}

@media all and (max-width:1024px) {
}

@media all and (max-width:980px) {
}

@media all and (max-width:768px) {
	/*index.html*/
	.tab_box {
		margin-left: -1% !important;
	}

	.tab_box2 {
		padding: 10px;
		margin-left: 0;
	}


	/*ncp_subscribe.htm*/

	.ncp_sub_list {
		padding: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.ncp_sub_list img {
			width: 45px;
			height: 45px;
			border-radius: 50%;
			margin: 10px 0;
			margin-right: 20px;
		}

	.ncp_sub_list_text {
		width: 75%;
	}

	.ncsbtn_2 {
		width: 25%;
	}
}

@media all and (max-width:480px) {
}

@media all and (max-width:419px) {
}


/************************************************
*		2023 01	 구독하기, 추천하기*
************************************************/

/* 스크롤바 숨기기 */
body {
    -ms-overflow-style: none;
}

::-webkit-scrollbar {
    display: none;
}

/* header 타이틀 */
.header .htit_subs {
    width: 100%;
    height: 70px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background-color: #333;
    line-height: 70px;
    position: absolute;
    left: 0;
    top: 0;
}

.header .back_subs {
    width: 25px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    margin-left: 8px;
}

    .header .back_subs a {
        width: 100%;
        height: 30px;
        background: url(../images/icon/h_icon_back.svg) no-repeat 5px 50%;
        background-size: 15px;
        line-height: 30px;
    }

.ns_pb_img {
    margin: 40px auto 16px;
}

.pc_title2 {
    text-align: center;
    font-weight: 600;
    padding: 0;
    margin-bottom: 64px;
}

/* 탭_전화번호-이메일 */
.tabmenu .nav-tabs1 {
    width: 260px;
    height: 40px;
    background-color: #dbdbdb;
    border-radius: 36px;
    display: flex;
    justify-content: space-between;
    border-bottom: none !important;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
}

.nav-link.active {
    color: #fff !important;
    background-color: #408BE0 !important;
    border: none !important;
    border-radius: 50px;
}

.nav-tabs1 {
    display: flex;
}

    .nav-tabs1 > li.active > a {
        color: #fff !important;
        background-color: #408BE0 !important;
        border: none !important;
        border-radius: 50px;
    }

    .nav-tabs1 > li > a:hover {
        border: none !important;
    }

.nav-link {
    background-color: rgba(0,0,0,0) !important;
    width: 130px;
    color: #666666;
    display: block;
}

.star_red {
    color: #DD0404;
}

.pc_ltit_subs {
    font-weight: 700;
    margin: 32px 0 16px;
    padding-left: 8px;
}

    .pc_ltit_subs img {
        margin-bottom: 0;
    }

.pc_ltxt_subs {
    margin: 0 auto;
}

    .pc_ltxt_subs input {
        border-radius: 5px;
    }

.pc_ltit_subs .btn-open img {
    width: 20px;
}

/* 팝업 */
.layer-pa_subs {
    position: relative;
}

.layer-popup {
    display: none;
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

    .layer-popup.show {
        display: block;
    }

.layer-dialog {
    margin: 0 auto;
}

.layer-pa_subs .layer-content {
    margin: 0 auto;
    max-width: 314px;
    padding: 21px 24px;
    font-size: 1em;
    color: #333;
    font-weight: 600;
    line-height: 20px;
    border: 1px solid rgba(152,176,199,0.5);
    border-radius: 5px;
    background-color: rgb(227, 236, 247);
}

.layer-popup1 {
    display: none;
    position: absolute;
    top: -12px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.layer-popup2 {
    display: none;
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.layer-popup3 {
    display: none;
    position: absolute;
    top: -12px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.layer-popup4 {
    display: none;
    position: absolute;
    top: -12px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

#jn_wrap_subs1, #jn_wrap_subs2 {
    margin: 40px auto;
}

#jn_wrap_subs1, #jn_wrap_subs2 {
    margin: 64px auto 40px;
}

    #jn_wrap_subs1 li, #jn_wrap_subs2 li {
        padding: 0 !important;
        border-bottom: none !important;
    }

        #jn_wrap_subs1 li:first-of-type, #jn_wrap_subs2 li:first-of-type {
            margin-top: 8px;
        }

        #jn_wrap_subs1 li .jw_l, #jn_wrap_subs2 li .jw_l {
            width: 100%;
        }

            #jn_wrap_subs1 li .jw_l input[type="checkbox"]:checked + label:before,
            #jn_wrap_subs2 li .jw_l input[type="checkbox"]:checked + label:before {
                border-radius: 0;
                background: url(../images/icon/btn_b_check.png) center 50% no-repeat !important;
                border: 1px solid #2F82E0;
            }

            #jn_wrap_subs1 li .jw_l input[type="checkbox"] + label,
            #jn_wrap_subs2 li .jw_l input[type="checkbox"] + label {
                letter-spacing: 0;
                /*font-size: 1.1em;*/
                color: #000;
                font-weight: 500;
                letter-spacing: -0.1em;
            }

                #jn_wrap_subs1 li .jw_l input[type="checkbox"] + label:before,
                #jn_wrap_subs2 li .jw_l input[type="checkbox"] + label:before {
                    width: 24px;
                    height: 24px;
                    border-radius: 0;
                    background-color: #D9D9D9;
                }

.blue {
    text-decoration: underline;
}

.btn_wrap_m input {
    height: 3.3em;
    font-weight: 600;
    font-size: 1.35em !important;
    border: none !important;
    box-shadow: none;
}

/* 모달 */
#modal-dialog_subs, #modal-dialog_subs2 {
    padding-top: 25%;
}

#modal-content_subs, #modal-dialog_subs2, #suc_only {
    width: 300px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px; /* top: 20%;transform: translateY(-50%) */
    ;
    margin: 0 auto;
    padding: 25px 0;
    border: none;
}

.m_close {
    float: none;
    color: #2F82E0; /*  opacity: 1 */
    ;
    font-size: 20px;
    margin-top: 24px;
}

.modal {
    background: none !important;
}

#popup_box, #popup_box2 {
    z-index: 1051 !important;
}

/* tab1 */
.tabmenu ul {
    list-style: none;
    padding-left: 0px;
}

.app_select_list ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 500px;
}

.app_select_list li {
    text-align: center;
    border: 1px solid #bbb;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 3.7% 0;
}

    .app_select_list li:nth-of-type(1) {
        margin-right: 1%;
    }

    .app_select_list li:nth-of-type(2) {
        margin: 0 1%;
    }

    .app_select_list li:nth-of-type(3) {
        margin-left: 1%;
    }

.app_select_list img {
    width: 60%;
    margin: 0 auto;
}

.app_select_list .app_name {
    font-size: 12px;
    line-height: 100%;
    padding-top: 6px;
}

.app_select_list .app_caution {
    font-size: 1em;
    color: #666666;
    font-weight: 400;
    padding: 8px 0 0 8px;
}

.app_select_item {
    opacity: 0.6;
}

    .app_select_item.active {
        box-shadow: 0 0 0 2px #2F82E0;
        opacity: 1;
        box-sizing: border-box;
    }

/* subscribe_a2+a3 */
#tel_suc {
    margin: 70px 20px;
}

.tl_logo3 {
    width: 120px;
}

.pc_title3 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

.suc_phnum {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    text-align: center;
    margin-top: 48px;
}

.suc_type {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    margin-top: 16px;
}

.suc_whatapp {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
}

.suc_email {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    margin-top: 50px;
}

.suc_type2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin-top: 8px;
}

#tel_suc .line, #e_suc .line {
    width: 20px;
    margin: 48px auto;
}

.suc_un {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #666666;
}

#tel_suc .pc_ltit_subs {
    margin: 48px 0 16px;
}

.suc_cancel_email {
    width: 100%;
}

.suc_un span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    margin: 30px 0 10px;
}

.pc_caution {
    color: #666;
    font-weight: 400;
    line-height: 100%;
    width: 340px;
    padding: 4px 0 0 8px;
    font-size: 0.9em;
}

.suc_eun {
    color: #2F82E0;
    text-align: center;
    text-decoration: underline;
    font-size: 16px;
    margin: 24px 0 80px;
    cursor: pointer;
    line-height: 23px;
    font-weight: 500;
}

#suc_only {
    font-size: 16px;
}

#tel_suc .btn_wrap, #e_suc .btn_wrap {
    padding: 0;
    margin: 0 auto;
}

.letter_latest {
    width: 100%;
}

.letter_before .btn_confirm {
    background-color: #333 !important;
}

/* subscribe_a4 */
#pc_ltit4 {
    margin: 160px 0 16px !important;
}

/* subscribe_a5 */
.btn-open1 img, .btn-open2 img, .pc_ltit_subs img {
    width: 20px;
}

.input_fields_wrap, .input_fields_wrap2 {
    margin: 0 auto;
}

    .input_fields_wrap input, .input_fields_wrap2 input {
        border-radius: 5px;
    }

.add_fields_wrap, .add_fields_wrap2 {
    margin: 0 auto;
    text-align: right;
}

.add_field_button, .add_field_button2 {
    width: 100px;
    height: 40px;
    background-color: #2F82E0;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 16px;
}



/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px) {
}

@media (min-width: 1200px) {
}

@media all and (max-width:1024px) {
}

@media all and (max-width:980px) {
}

@media all and (max-width:768px) {
    /*index.html*/
    .tab_box {
        margin-left: 0 !important;
    }

    .tab_box2 {
        padding: 10px;
        margin-left: 0;
    }


    /*ncp_subscribe.htm*/

    .ncp_sub_list {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .ncp_sub_list img {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            margin: 10px 0;
            margin-right: 20px;
        }

    .ncp_sub_list_text {
        width: 80%;
    }

    .ncsbtn_2 {
        width: 20%;
    }
}

@media all and (max-width:480px) {
}

@media all and (max-width:419px) {
}






/********20221202 뉴스통 추천보상 페이지 스타일 추가**********/
.header .htit3 {
    width: 100%;
    height: 50px;
    padding: 0;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background-color: #1d1d1d;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

.ncontainer .not_wrap .sc_cont > .sc_conts {
    text-align: left;
    padding: 20px;
    margin-bottom: 22px;
}

    .ncontainer .not_wrap .sc_cont > .sc_conts > span {
        display: block;
        color: #848484;
        font-weight: 300;
        font-size: 12px;
    }

        .ncontainer .not_wrap .sc_cont > .sc_conts > span:last-child {
            color: #000;
            font-size: 16px;
            font-weight: 500;
        }

.ncontainer .not_wrap .sc_cont > .sc_conts2 {
    padding: 0 20px;
    margin-bottom: 40px;
    color: #000;
    font-size: 14px;
    font-weight: 300;
}

    .ncontainer .not_wrap .sc_cont > .sc_conts2 > div {
        background-color: #f3f3f3;
        padding: 20px 15px;
    }

    .ncontainer .not_wrap .sc_cont > .sc_conts2 > h3 {
        font-size: 15px;
        font-weight: 300;
        text-align: center;
        color: #000;
        margin-bottom: 12px;
    }

    .ncontainer .not_wrap .sc_cont > .sc_conts2 > P {
        text-align: left;
        font-size: 14px;
        font-weight: 300;
        color: #444;
        margin-bottom: 20px;
    }

    .ncontainer .not_wrap .sc_cont > .sc_conts2 > table {
        width: 100%;
    }

        .ncontainer .not_wrap .sc_cont > .sc_conts2 > table > tbody > tr td {
            border: 1px solid #000;
            font-weight: 300;
            text-align: center;
            height: 35px;
        }

        .ncontainer .not_wrap .sc_cont > .sc_conts2 > table > tbody > tr:first-child {
            background-color: #f3f3f3;
            color: #000;
            font-size: 11px;
            font-weight: 300;
            text-align: center;
        }

        .ncontainer .not_wrap .sc_cont > .sc_conts2 > table > tbody > tr {
            font-size: 11px;
            font-weight: 300;
            text-align: center;
        }

/********20230809**********/
#relate_article {padding:0 10px;margin-bottom: 80px;}
#relate_article h4{margin-bottom: 10px; font-size: 18px;}

#relate_article ul{font-weight: normal; margin-bottom: 0px;}
#relate_article ul li{
	margin-bottom: 10px; 
	width: 355px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
#relate_article ul li:last-child{margin-bottom: 0px;}
#relate_article ul li span{background: rgb(217,217,217); font-size: 14px; padding:0 10px; margin-right: 13px; width: 100px; display:inline-block; text-align: center; }

#reply_cont{padding:0 10px;}
#reply_cont h4{margin-bottom: 10px; font-size: 18px;}
#reply_cont h4 span{font-size: 14px; color:rgb(98,98,98)}

#reply_cont .reply_cont_link {font-weight: normal; font-size: 14px; text-align: center; display: block; margin:50px auto ; color:rgb(172,172,172); }


#popular_news{padding:0 10px; margin-bottom: 80px;}
#popular_news h4{margin-bottom: 10px; font-size: 18px;}
#popular_news ul {display: flex; width: 100%; flex-direction: column; box-sizing: border-box; margin-bottom: 0;}
#popular_news ul li{display: flex; justify-content: flex-start; align-items: center;   height: 88px;  margin-bottom: 0;}
#popular_news ul li span{margin-right: 10px;}
#popular_news ul li img{width: 128px; height:88px; margin-right: 7px; margin-bottom: 0;}

#popular_news ul li .pn_txt p:first-child{
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 18px;
}
#popular_news ul li.pn_imgn .pn_txt p:first-child{
	width: 100%;
}
#popular_news ul li .pn_txt p em{color:rgb(172,172,172); font-weight: normal; font-size: 12px; }

#popular_news ul hr.pn_line{width: 100%; height: 1px; background: rgb(245,245,245); display: block; margin:5px auto; border-top: none;}


#more_news{padding:0 10px; margin-bottom: 55px;}
#more_news h4{margin-bottom: 10px; font-size: 18px;}
#more_news ul li{margin-bottom: 10px;}
#more_news ul li .pn_txt p:first-child{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 18px;
}
#more_news ul li.pn_imgn .pn_txt p:first-child{
	width: 100%;
}
#more_news ul li .pn_txt p em{color:rgb(172,172,172); font-weight: normal; font-size: 12px; }


#main_news{padding:0 10px; margin-bottom: 55px;}
#main_news h4{margin-bottom: 10px; font-size: 18px;}
#main_news ul li{margin-bottom: 10px;}
#main_news ul li .pn_txt p:first-child{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 18px;
}
#main_news ul li.pn_imgn .pn_txt p:first-child{
	width: 100%;
}
#main_news ul li .pn_txt p em{color:rgb(172,172,172); font-weight: normal; font-size: 12px; }


#participation{padding:0 10px; margin-bottom: 55px;}
#participation h4{margin-bottom: 10px; font-size: 18px;}
#participation img{width: 100%; height: 150px; object-fit: cover;}


#last_news{padding:0 10px; margin-bottom: 55px;}
#last_news h4{margin-bottom: 10px; font-size: 18px;}
#last_news ul li{margin-bottom: 10px;}
#last_news ul li .pn_txt p:first-child{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 18px;
}
#last_news ul li.pn_imgn .pn_txt p:first-child{
	width: 100%;
}
#last_news ul li .pn_txt p em{color:rgb(172,172,172); font-weight: normal; font-size: 12px; }

#phoho_news{padding:0 10px; margin-bottom: 55px;}
#phoho_news h4{margin-bottom: 10px; font-size: 18px;}
#phoho_news ul{display: flex; flex-wrap: wrap; width: 100%;}
#phoho_news ul li{width: 32%; margin-right: 2%; display: flex; flex-direction: column;}
#phoho_news ul li:nth-child(3n){margin-right: 0;}
#phoho_news ul li:nth-child(n+4){margin-top: 10px;}
#phoho_news ul li img{width: 100%; height: 120px; margin-bottom: 5px;}
#phoho_news ul li p{color:#000; font-size: 14px; line-height: 18px; font-weight: normal;}