charset "utf-8";


/*************************************************
*					LAYOUT						*
*************************************************/

.wrap{width:100%;margin:0;padding:0;position:relative;}
.mcontainer{width:100%;margin:0;padding:0;position:relative;}






/*************************************************
*					MAIN						*
*************************************************/

/******* BG ******/
.pl_bg{width:100%;height:100%;background:#272731 url(../images/img_background.png) center top;background-size:100%;z-index:1;}
.gray_bg{width:100%;height:100%;background:#eee;}




/******* NOTICE ******/
.not_wrap{margin:0;padding:0;position:relative;}
.not_wrap ul{margin:0 0 10px;padding:0;border-top:1px solid #e5e5e5;}
.not_wrap li{padding:15px 10px;border-bottom:1px solid #e5e5e5;background-color:#fff;position:relative;}
.not_wrap li .nw_l{width:12%;margin:0;padding:0;text-align:center;float:left;}
.not_wrap li .nw_l img{width:auto;height:16px;margin:0 auto;}
.not_wrap li .nw_r{width:86%;margin:0 0 8px;font-size:14px;font-weight:400;color:#202020;line-height:20px;display:block;float:right;}
.not_wrap li .nw_c{width:12%;margin:0;padding:0;text-align:center;font-size:12px;font-weight:300;color:#8a8a8a;line-height:18px;float:left;}

.cw_c{margin:0 0 10px;padding:15px;background-color:#fff;border-bottom:1px solid #e6e6e6;text-align:left;position:relative;}
.cw_c b{margin:0 0 6px;padding:0;font-size:14px;font-weight:400;color:#202020;line-height:20px;display:block;}
.cw_c p{margin:0;padding:0;font-size:12px;font-weight:300;color:#8a8a8a;line-height:18px;display:block;}
.cw_view{padding:20px 15px;background-color:#fff;font-size:14px;line-height:22px;}




/******* PERSONAL ******/
.per_wrap{margin:0;padding:15px 0;position:relative;}
.per_case{margin:0 5%;padding:10px;background-color:#556bbe;position:relative;}
.per_case b{margin:0 0 15px;text-align:center;font-size:18px;font-weight:600;color:#fff;line-height:30px;display:block;}
.per_case p{margin:0 0 15px;font-size:14px;font-weight:600;color:#fff;line-height:22px;display:block;}
.per_case ul{margin:0 0 20px;padding:0;position:relative;}
.per_case ul li{width:50%;text-align:left;font-size:14px;font-weight:400;color:#fff;float:left;}
.per_case ul li b{font-size:16px;font-weight:400;color:#fff;}
.per_case .pc_copy{
	height:210px;
	padding:10px;
	background-color:#2d2f3b;
	font-size:12px;
	font-weight:400;
	color:#fff;
	position:relative;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:scroll;
}
.per_case .pc_copy b{margin:0;font-size:13px;display:inline-table;}
.per_case .pc_inp{
	padding:10px;
	background-color:#2d2f3b;
	position:relative;
}
.per_case .pc_inp strong{font-size:16px;}
.per_case .pc_inp p{
	margin:0 0 5px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:40px;
}
.per_case .pc_inp span{font-size:13px;font-weight:400;color:#fff;line-height:20px;}
.per_case .pc_inp .select-wrapper{ margin:0 0 5px;}
.per_case .pc_inp input,
.per_case .pc_inp select{color:#fff;}
.per_case .pc_inp select option {
	background-color:#333;
	color:#efefef;
}

.per_case .pc_info{
	padding:10px;
	background-color:#fff;
	font-size:15px;
	font-weight:400;
	color:#556bbe;
	line-height:20px;
	letter-spacing:-1px;
	position:relative;
}
.per_case .pc_info .pi_img{margin:0;padding:0 0 10px;text-align:center;}
.per_case .pc_info .pi_img img{width:85%;}
.per_case .pc_info b{
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	background-color:#556bbe;
	border-radius:100%;
	text-align:center;
	font-size:18px;
	font-weight:500;
	color:#fff;
	line-height:20px;
	display:inline-block;
}
.per_scroll{height:260px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

.per_foot{width:100%;height:50px;background-color:#556bbe;position:fixed;left:0;bottom:0;}
.per_foot a{width:100%;height:50px;text-align:center;font-size:18px;font-weight:400;color:#fff;line-height:50px;display:block;}




/******* PROFILE + NEWSBOOK ******/
.pf_wrap{margin:0;padding:0;position:relative;}
.pf_btn{
	width:80px;
	height:35px;
	background-color:#78b89a;
	border-radius:7px;
	text-align:center;
	font-size:15px;
	font-weight:400;
	color:#fff !important;
	line-height:35px;
	display:block;
	position:absolute;
	right:15px;
	top:20px;
	z-index:1000;
}
.pf_case{
	margin:0;
	padding:30px 0;
	background-color:#fff;
	border-bottom:1px solid #eee;
	text-align:center;
	position:relative;
}
.pf_case .pc_thum{
	width:110px;
	height:110px;
	margin:20px auto 40px;
	padding:0;
	border:1px solid #e6e6e6;
	border-radius:110px;
	line-height:110px;
	position:relative;
	display:block;
	overflow:hidden;
}
.pf_case .pc_thum img{width:100%;height:auto;}
.pf_case b{margin:0 0 10px;padding:0;font-size:28px;font-weight:500;color:#333;display:block;}
.pf_case p{margin:0;padding:0;font-size:18px;font-weight:400;color:#999;display:block;}


.pf_info{
	width:100%;
	max-width:530px;
	margin:0 auto 10px;
	padding:25px 0 10px;
	background-color:#fff;
	border-bottom:1px solid #e6e6e6;
	text-align:center;
	position:relative
}
.pf_info ul{
	margin:0;
	padding:0;
	position:relative;
}
.pf_info li{
	width:100%;
	margin:0 0 15px;
	padding:0;
	line-height:40px;
	position:relative;
	display:block;
}
.pf_info li span{width:20%;text-align:center;display:block;float:left;}
.pf_info li span img{width:35px;height:auto;}
.pf_info li b{
	width:80%;
	text-align:left;
	font-size:18px;
	font-weight:400;
	display:block;
	float:left;
}
.pf_info li a.copy{
	margin:0 10px;
	padding:0;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	display:inline-block;
}



.ttnb_wrap{margin:0;padding:0 0 100px;position:relative;}
.ttnb_wrap .ttnb_btn{
	margin:0;
	padding:15px 5px;
	background-color:#fff;
	border-bottom:1px solid #eee;
	position:relative;
}
.tbcase{
	width:46%;
	margin:0 2%;
	padding:0;
	border-radius:10px;
	box-shadow:0 0 3px 3px #e9e9e9;
	position:relative;
	float:left;
}
.tbcase .tc_thum{
	width:30%;
	height:60px;
	margin:0;
	text-align:center;
	line-height:60px;
	position:relative;
	float:left;
	overflow:hidden;
}
.tbcase .tc_thum img{width:80%;height:auto;}
.tbcase .tc_text{
	width:65%;
	height:60px;
	text-align:center;
	position:relative;
	float:left;
}
.tbcase .tc_text b{
	height:60px;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:500;
	line-height:60px;
	display:block;
	overflow:hidden;
}


.ttnb_tit{
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:20px;
	font-weight:600;
	color:#333;
	line-height:35px;
	position:relative;
}
.ttnb_tit span{
	position:absolute;
	right:0;
	top:0;
}
.ttnb_tit a.nav{
	width:50px;
	height:35px;
	background:url(../images/icon/ic_more_horiz.png) no-repeat right 0;
	background-size:100%;
	display:block;
}
.ttnb_tit .ttpop{
	margin:0;
	padding:10px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 0 3px 3px #e9e9e9;
	position:absolute;
	right:0;
	top:30px;
	z-index:1000;
}
.ttnb_tit .ttpop ul{
	margin:0;
	padding:0 15px;
	position:relative;
}
.ttnb_tit .ttpop li{
	margin:0;
	font-size:16px;
	font-weight:500;
	color:#181818;
	line-height:26px;
	position:relative;
	display: block;
}
.ttnb_date{
	margin:0 0 5px;
	padding:0;
	font-size:15px;
	font-weight:400;
	color:#999;
	position:relative;
}



.ttnb_wrap .ttnb_case{
	width:100%;
	max-width:500px;
	margin:0 auto;
	padding:20px 15px;
	background-color:#fff;
	border-bottom:1px solid #e6e6e6;
	position:relative;
}
.ttnb_wrap .ttnb_case .tc_nbcase{margin:0;padding:0;background-color:#fff;position:relative;}
.ttnb_wrap .ttnb_case .tc_nbcase .tc_thum{
	width:45%;
	height:130px;
	margin-right:4%;
	background-color:#f9f9f9;
	border:1px solid #e9e9e9;
	text-align:center;
	display:block;
	overflow:hidden;
	float:left;
}
.ttnb_wrap .ttnb_case .tc_nbcase .tc_bthum{
	width:100%;
	height:400px;
	margin:0;
	padding:0;
	background-color:#f9f9f9;
	border:1px solid #e9e9e9;
	text-align:center;
	display:block;
	overflow:hidden;
	float:left;
}
.ttnb_wrap .ttnb_case .tc_nbcase .tc_thum img,
.ttnb_wrap .ttnb_case .tc_nbcase .tc_bthum img{width:auto;height:100%;}
.ttnb_wrap .ttnb_case .tc_nbcase .tc_text{width:50%;padding:20px 0 0;display:block;overflow:hidden;float:left;}
.ttnb_wrap .ttnb_case .tc_nbcase .tc_text b{margin:0 0 25px;font-size:18px;line-height:24px;display:block;}
.ttnb_wrap .ttnb_case .tc_nbcase .tc_text p{text-align:right;font-size:14px;display:block;}
.ttnb_wrap .ttnb_case .tc_nbcase .tc_text p a{color:#01b9ff;}


.ttnb_wrap .ttnb_photo{margin:0 0 10px;padding:0;background-color:#fff;position:relative;}


.ttnb_fix_ftext{
	width:100%;
	margin:0;
	padding:15px 0;
	background-color:#fff;
	border-top:1px solid #eee;
	text-align:center;
	font-size:20px;
	font-weight:600;
	position:fixed;
	left:0;
	bottom:0;
	z-index:1000;
}

.ttnb_fix_fcase{
	width:94%;
	margin:0;
	padding:15px 3%;
	background-color:#fff;
	border-radius:10px 10px 0 0;
	box-shadow:0 0 4px 4px #e0e0e0;
	position:fixed;
	left:0;
	bottom:0;
	z-index:1000;
}






/************************************************
*		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;}






/************************************************
*		동의 : Agreement						*
************************************************/

.agr_wrap{margin:0;padding:15px;position:relative;}
.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;}






/************************************************
*		ETC										*
************************************************/

.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;}

.only_pc{display:block !important;}
.only_mobile{display:none !important;}






/************************************************
*		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){
	.only_pc{display:none !important;}
	.only_mobile{display:block !important;}

	.ttnb_wrap{padding:0 0 180px;}

	.ttnb_tit{

		font-size:16px;
		line-height:25px;
	}
	.ttnb_tit a.nav{
		height:25px;
	}
	.ttnb_tit .ttpop li{
		font-size:14px;
		line-height:24px;
	}
	.ttnb_date{
		font-size:13px;
	}


	.ttnb_wrap .ttnb_case{
		max-width:94%;
		padding:15px 3%;
	}

	.ttnb_wrap .ttnb_case .tc_nbcase .tc_thum{
		height:100px;
	}
	.ttnb_wrap .ttnb_case .tc_nbcase .tc_bthum{
		height:300px;
	}
	.ttnb_wrap .ttnb_case .tc_nbcase .tc_text b{margin:0 0 15px;font-size:15px;line-height:20px;}
	.ttnb_wrap .ttnb_case .tc_nbcase .tc_text p{font-size:13px;}


	.ttnb_fix_fcase{
		width:94%;
		margin:0;
		padding:15px 3%;
		background-color:#fff;
		border-radius:10px 10px 0 0;
		box-shadow:0 0 4px 4px #e0e0e0;
		text-align:center;
		font-size:20px;
		font-weight:500;
		line-height:30px;
		position:fixed;
		left:0;
		bottom:0;
	}
	.ttnb_fix_fcase a{
		margin:10px 0 0;
		height:50px;
		border-radius:8px;
		text-align:center;
		font-size:20px;
		font-weight:400;
		line-height:50px;
		letter-spacing:-1px;
		display:block;
	}
	.ttnb_fix_fcase a.nor_btn{background-color:#f2f2f2;border:1px solid #bebebe;color:#333;}
	.ttnb_fix_fcase a:hover.nor_btn{color:#333 !important;}
	.ttnb_fix_fcase a.poi_btn{background-color:#a40000;color:#fff;}
	.ttnb_fix_fcase a:hober.poi_btn{color:#fff !important;}
}

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}





