@charset "utf-8";

/* Common */
body, html, h2, h3, h4, h5, h6, div, li, ul, ol, dl, dt, dd, form, img{ padding:0; margin:0;}
body{margin:0; padding:0; font-size:16px; font-family:'malgun gothic','맑은고딕','nanum gothic','Apple SD Gothic Neo','Apple Gothic';}
/*ul,li{list-style:none;}*/
img{border:0; margin:0;}
input{font-family:'gulim', 'dotum','Apple SD Gothic Neo','Apple Gothic'; color:#555; border:0; padding:0; margin:0;}
input[type=text] {padding:1px;}
/* input[type=submit] {background:transparent; width:1px; height:1px; position:absolute; top:-10px; left:-10px;} 각종 submit 버튼이 날아감 */
input[type=submit] {width:0px; height:0px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
label{cursor:pointer;}


/* 공용 */
.hc {position:absolute;visibility:hidden;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.clear {clear:both;}
.btn_area {position:relative;padding:0; margin:0;}
.bold{font-weight:bold;}

.left{float:left;}
.right{float:right;}
.center{width:100%;margin:0 auto;}

.blue{color:#0365a8;}
.black{color:#000000;}


.relative{position: relative;}
.absolute{position: absolute;}

.cursor{cursor:pointer;}
pre {white-space:pre-wrap;}

.margin-30 {overflow:hidden;margin:30px 0;}
.margin-20 {overflow:hidden;margin:20px 0;}
.margin-10 {overflow:hidden;margin:10px 0;}

.margin_top-30 {overflow:hidden;margin:30px 0 0 0;}
.margin_top-20 {overflow:hidden;margin:20px 0 0 0;}
.margin_top-10 {overflow:hidden;margin:10px 0 0 0;}

.margin_bottom-30 {overflow:hidden;margin:0 0 30px 0;}
.margin_bottom-20 {overflow:hidden;margin:0 0 20px 0;}
.margin_bottom-10 {overflow:hidden;margin:0 0 10px 0;}


/*  Ubis css 강제 대체용 */
.anniversary_improve .F8{
	font-size:12px;
}

/* 전체 가운데 정렬용 */
.wrap {position:relative;width:700px;padding:0 0 0;margin:0 auto;}

h1{
	background-image:url(titlebgimg.jpg);
	height:101px;
	padding:0;
	margin:0 0 20px;
	position:relative;
}

.bottomImg{
	background-image:url(bottom_img.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	height:89px;
}

.titleBannerText{
	position:absolute; 	top:28px; 	left:25px;
	color:#ffffff;
	font-size:38px;
	font-family:batang;
	letter-spacing:-2px;
	text-shadow: 2px 2px 4px #000000;
}

h2{
	font-size:22px;
	color:#0872ba;
	font-weight:bold;
	border-bottom:1px solid #000000;
	padding:0 0 5px;
	margin-bottom:10px;
	overflow:auto;
}

h2 .infoText{
	margin-top:6px;
	font-size:16px;
}

ul, ol{
	margin-left:20px;
	/* text-indent:10px; */
}

li{
	margin-bottom:5px;
}

p{
	line-height:24px;
}

.infoBlock{
	width:100%;
	margin-bottom:40px;
	overflow:auto;
}

ul.half{
	width:47%;
	float:left;
}


.grayBox{
	background-color:#f4f4f4;
	padding:20px 30px;
}

.grayBox.msgBox{
	border-radius:10px;
	line-height:24px;
}

.blueBtn{
	border:1px solid #0872ba;
	color:#0872ba;
	background:#ffffff;
	cursor:pointer;
	text-align:center;
	padding:15px 0;
	border-radius:5px;
}

.blueBtn:hover{
	background:#0872ba;
	color:#ffffff;
}

.blueBtn.threeBtn{
	width:32%;
	float:left;
	margin-right:10px;
}

.blueBtn.threeBtn:last-child{
	margin-right:0;
}

.important{
	font-weight:bold;
	text-decoration:underline;
}

.subTitleText{
	text-align:center;
	font-size:32px;
	line-height:36px;
	font-weight:bold;
	font-family:batang;
	letter-spacing:-1px;
	padding:20px 0;
}

@media screen and (max-width:700px){
	
	.wrap {width:95%;}
	
	h1{
		height:90px;
		border-radius: 0 0 10px 10px;
	}
	
	.titleBannerText{
		position:absolute; 	top:28px; 	left:25px;
		color:#ffffff;
		font-size:28px;
		font-family:batang;
		letter-spacing:-2px;
		text-shadow: 2px 2px 4px #000000;
	}
	
	.grayBox.msgBox{
		padding:15px;
	}
	
	.subTitleText{
		font-size:24px;
	}
	
	ul.half{
		width:92%;
		float:left;
	}
	
	.blueBtn.threeBtn{
		width:95%;
		margin-bottom:10px;
	}
	.bottomImg{
		
	}
	
	.infoBlock img{
	width:95%;
}
}
	
}