html,body {margin:0;padding:0;font-size:16px; font-family:Malgun Gothic,gulim, dotum; line-height:1.8em;}

body{ width:100%;	height:100%;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.txtCenter{text-align:center;}
.bold{font-weight:bold;}

.red{color:#b91c1c;}
.blue{color:#6699cc;}
.gray{color:#a0a0a0;}

.graySmallText{font-size:13px; color:#737475;}

body{
		/* background:url(pat.jpg) repeat; */
		/* background-size: cover; */
		background-attachment:fixed;
		background-color:#6c7019;
}

.titleArea{
	margin:20px 0 0;
	background-color:#ffffff;
	overflow:auto;
	width:100%;
	border-radius:10px 10px 0 0;
}

.titleArea img.center{
	border-radius:6px;
}

.categoryText{
	width:90%;
	color:#505050;
	font-size:16px;
	border-bottom:1px solid #dcdcdc;
	margin:10px auto 20px;
	padding:10px 0 0;
	text-align:right;
}

.titleTextArea{
	width:90%;
	padding-bottom:20px;
	margin:0 auto 10px;
	
}

.titleText{
	font-size:30px; font-family: 'Batang', serif; 
	line-height:34px; letter-spacing:-1px;
	color:#000000;
	margin-bottom:10px;
	padding-bottom:20px;
	border-bottom:1px solid #dcdcdc;
}

.subTitle{
	margin:0 0 20px 0;
	font-size:18px; font-weight:bold; font-family:'Malgun Gothic';
}

.subTitle.pointTitle{
	font-size:20px; font-family: 'Batang', serif; 
}

.subTitle.tbLine{
	border-top:1px solid #444446;
	border-bottom:1px solid #ebebeb;
	padding:10px 0 ;
	margin:30px 0;
}

.subTitle.leftBorder{
	float:left;
	padding:0 20px 0;
	border-left:3px solid #000000;
}

.fontSizeArea{
	float:left;
	margin-right:10px;
}

.conBox .mgRight20{margin-right:20px;}
.conBox .mgLeft20{margin-left:20px;}

.bold{font-weight:bold;}

.hc {position:absolute;visibility:hidden;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.zeroMargin {margin:0;font-size:2px;height:19px;}

.bg {
	width:100%; height:100%;
	text-align:center;
	background-color:#e1ddd7;
	/* background-image:url(sub_bg.jpg); */
	background-repeat: no-repeat; 
	background-attachment:fixed;
	background-size:100% auto;
}

.bgimg {
	position:absolute;top:0px;left:0px;
	width:100%;height:100%;	
/* 	background-image:url(sub_bg.jpg);
	background-repeat: no-repeat; 
	background-attachment:fixed;
	background-size:100% 100%; */
	z-index:-1;
}

.conWidth{
	width:740px;
}

.centerTable {
	position:relative;
	margin:0 auto; 
	text-align:left;
	margin-bottom:50px;
}

.conAreaTop{
	padding:0;
	font-size:18px; text-align:right;
	font-family:'Bradley Hand ITC', 'Malgun Gothic';
	letter-spacing:-1px;
	color:#000000;
	font-weight:bold;
	opacity:0.8;
}

.navi{
	width:100%;
	margin-bottom:10px;
	overflow:auto;
	/* background-image:url(navi_bg.jpg); */
	background-repeat: no-repeat;
	/* border-radius:5px; */
	line-height:20px;
}

.navi a{
	position:relative;
	float:left; 
	width:14.6%; 	width:calc(16.66% - 20px);
	height:42px;
	padding:6px 10px;
	list-style:none;
	font-size:14px; text-align:center; font-family:'Malgun Gothic'; letter-spacing:-1px;font-weight:bold;
	color:#000000;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	border-top:4px solid #bfbfbf;
	background-color:#ffffff;
}

.navi a .naviCategory{
	font-size:13px;
	text-align:left;
}

.navi a [class*="naviTitleText"] {
	font-size:18px;
	text-align:left;
	border-bottom:0;
	line-height:22px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* .navi a.first, .navi a.first:hover{
	border-radius:5px 0 0 5px;
}
*/
/*
.navi a.last, .navi a.last:hover{
	border-radius:0 5px 5px 0;
} */

.navi a:hover, .navi .select:hover{
	background-color:#777777;
	color:#ffffff;
	border-top:4px solid #444444;
}

.navi .select{
	cursor:default;
	text-decoration:none;
	color:#3b5998;
	border-top:4px solid #0d7cef;
}

.navi .deco{
	position:absolute;
	bottom:-5px; left:48%;
	
}
/* .navi .color1{
	background:transparent;

}
.navi .color2{
	background:transparent;
} */

.conArea{
	/* background-color:rgba(255, 255, 255, 0.9); */
	background-color:#ffffff;
	padding:20px 0 15px;
	border-radius:0px 0px 10px 10px;
	margin-bottom:30px;
}

.conBox {
	width:90%;
	border:0; margin:0 auto;
	padding: 0 0 20px 0;
	overflow:auto;
}

.conBox img {
	margin:10px 0 30px 0;
	border-radius:10px;
}

.conBox a{
	position:relative;
	z-index:1;
}
.imgZoomBtn{
	position:absolute;
	right:10px; bottom:30px;
	width:40px; height:40px;
	background-image:url(imgzoombtn.png);
	z-index:100;
	font-size:0;
}

.conBox p{
	margin:0 0 20px 0;
}

.conBox .qaq{font-size:1.2em;padding-top:20px;}
.conBox .qaa{font-size:1.2em; color:#776446;padding-bottom:20px;}

.conFoot{
	padding:20px 0;
}

.footer{
	width:100%;
	text-align:center;
}

.conBox .fortuneImg{
	border-radius:60px;
	margin-right:20px;
}

.conBox .fitImg{
	width:100%;
	margin-bottom:0;
}

.conBox .bookImg{
float:left;
width:200px;
margin:0 20px 20px 0;
}
.snsArea{
	float:right;
}
.snsArea a:hover{text-decoration:none;}

.fontSizeArea img, .snsArea img{border:0; height:30px;}

.snsArea .kakaoBtn{/* display:none;  */ cursor:pointer;}
.snsArea .lineBtn{display:none;}
.snsArea .bandAppBtn{display:none;}

.snsArea.mobile{
	display:none;
}

.width100{width:100%}

.leftMark{
	padding-left:20px;border-left:3px solid #000000;
}

.answer{
	color:#776446;
	margin:10px 0 50px;
}

.printAndTop{
	text-align:center;
}

.printTitleText{
	display:none;
}

.othersubpage{
	display:none;
}


/* ½ºÅ©·Ñ ³»·ÈÀ» °æ¿ì ºÙ´Â Ŭ·¡½º */

.categoryfixed{
	float:left;
	width:auto;
	font-size:14px; color:#ffffff;
	border:0;
	margin:0 20px; 	padding:0;
}

.titlefixed{
	float:left;
	color:#ffffff;
	border:0;
	margin:0; 	padding:0;
	text-align:left;
}

.fontSizeAreafixed{
	float:right;
}
/* 
.navifixed, .titleAreafixed {
	width:740px;
} */

	
.titleTextAreafixed{
	width:710px;
}

.titlefixed{
	font-size:20px;
	line-height:36px;
}

.navifixed {
	position: fixed;
	top: 0px;
	z-index:100;
}

.titleAreafixed {
	position: fixed;
	top:58px;
	margin:0;
	padding:10px 0;
	background-color:rgba(17,53,74,0.7);
	z-index:101;
	border-radius:0px;
}

.conAreafixed{
	margin-top:400px;
	border-radius:10px;
}

.conBox .imgAutoCenter{
	text-align:center;
	margin:0 0 0 0;
	padding:0;
}

.movieClip{
	width:100%;
	overflow:auto;
	margin-top:50px;
}

.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 740px ¹Ì¸¸À϶§ */
@media screen and (max-width:740px){
	body{
		/* background:url(pat.jpg) repeat; */
		background-size: auto;
		background-color:#6c7019;
	}
	.conWidth{
		width:100%;
	}
	.conBox {width:90%; font-size:1.1em;}
	.conBox .subTitle{font-size:1.1em; line-height:1.4em;}
	.conBox .titleArea img{width:100%;}
	.conBox img { width:100%;}
	
/* 	.fontSizeArea{
		float:left;
	} */
	
	.snsArea{
		float:right;
	}
	
	.fontSizeArea img, .snsArea img{border:0; height:30px;}
	.snsArea .kakaoBtn{display:inline;}
	.snsArea .lineBtn{display:inline;}
	.snsArea .bandAppBtn{display:inline;}
	
	.snsArea.mobile{
		display:none;
	}
	
	.fontSizeArea img, .snsArea img{border:0; height:30px;}
	
	.snsArea.mobile{
		display:block;
		float:none;
		text-align:center;
	}
	
	.snsArea.mobile img{
		height:40px;
		margin:0 10px 10px;
	}
	
	.conAreaTop{display:none;}
	
	.snsArea .bandBtn{display:none;}
	
	.conBox .display{display:none;}
	
	.titleArea{margin:0; border-radius:0;}
	
	.titleTextArea{width:90%;}
	
	
	.titlefixed{
	width:65%;
	font-size:20px;
	line-height:24px;
	}
	/* 
	.titlefixed{
	width:60%;
	float:left;
	color:#ffffff;
	border:0;
	margin:0; 	padding:0;
	text-align:left;
} */
	
	.categoryfixed{
		display:none;
	}
	.categoryText, .titleTextAreafixed{
		width:90%;
	}
	
	.conAreafixed{
	margin-top:350px;
	border-radius:10px;
	}
	
	.titleAreafixed {
		position: fixed;
		top:0px;
		margin:0;
		padding:10px 0;
		background-color:rgba(17,53,74,0.7);
		z-index:101;
		border-radius:0px;
	}
	
	.snsAreafixed{
		display:none;
	}
	
	.navi{
		display:none;
		height:317px;
		position:fixed;
		top:50%;
		margin-top:-160px;
		border-radius:0;
		z-index:100;
	}
	
	.navi a{
		clear:both;
		width:100%; background:#ffffff;
		font-size:20px; text-align:left; font-weight:normal;
		padding:20px 0px;
		margin:0 auto;
		text-indent:20px;
		border-bottom:1px solid #7d7d7d;
	}
	
	.navi a:first-child{
		border-top:1px solid #7d7d7d;
	}
	.closeArea{
		position:fixed; top:0;
		width:100%; height:100%;
		background:rgba(0,0,0,0.4);
		z-index:80;
		display:none;
	}
	
	.navi a.first, .navi a.first:hover, .navi a.last, .navi a.last:hover{
		border-radius:0;
	}
	
	.navifixed {
	/* display:none; */
	}
	
	.othersubpage{
		display:block;		position:fixed;		bottom:0;
		width:100%;
		padding:10px 0;
		font-size:20px; color:#ffffff; text-align:center;
		/* background-color:rgba(17,53,74,0.7); */
		z-index:100;
		cursor:pointer;
	}
	
	.othersubpage .othersubpageBtn{
		width:50%;
		border:1px solid #000000;
		border-radius:20px;
		padding:5px;
		color:#000000;
		margin:0 auto;
		background:rgba(255,255,255,0.7);
	}
	
	
}

/* 740px ~1000px À϶§ */
@media screen and (min-width: 741px) and (max-width: 1000px) {
	
	.conWidth{
		width:740px; 
	}
	
	/* .categoryText, .titleTextArea{width:80%;} */
	.titlefixed{
	width:56%;
	}
}


/* 1000px ÀÌ»ó À϶§ */
@media screen and (min-width: 1001px) {
	.conWidth{
		width:1000px; 
	}
	
	.titleTextAreafixed{
	width:95%;
	}
	
	.titlefixed{
	width:65%;
	}

}