body {
	font-family:"nanum";
	color:#333;
	font-size:14px;
	line-height:1.5;
}

a {
	text-decoration:none;
	color:#333;
}

.auto {
	width:960px;
	margin:auto;
	position:relative;
}

.auto:after {
	content:"";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}

.clearFix:after {
	content:"";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}

ul:after,ol:after,dl:after {
	content:"";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}

/* header */
#header {
	position:relative;
	width:100%;
	background:#d2dfee;
	border-bottom:1px solid #d2dfee;
	z-index:99;
}

#header .gnbWrap {
	height:100px;
	width:100%;
	position:absolute;
	z-index:999;
	background:#d2dfee;
	overflow:hidden;
}

#header .gnbWrap:after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#eee;
	position:absolute;
	top:100px;
}

#header h1 {
	float:left;
	padding:10px 0;
}

#gnb {
	float:right;
	text-align:center;
}

#gnb > ul > li {
	float:left;
}

#gnb > ul > li > a {
	display:block;
	he ight:100px;
	padding:35px 32px;
	font-size:20px;
	font-family:"nanumB";
}

#gnb > ul > li .sub {
	height:250px;
	padding:15px 0;
	background: #d2dfee;
	border-right:1px solid #d2dfee;
	border-left:1px solid #d2dfee;
}

#gnb > ul > li .sub a {
	display:block;
	padding:3px 0;
	font-weight: bold;
	font-size:16px;
}

#gnb > ul > li .sub a:hover {
	background:#53759c;
	color:#fff;
}
#gnb > ul > li:hover > a {
	color:#53759c;
}

#gnb > ul > li:hover .sub {
	border-color:#d2dfee;
}

#header .mGnbWrap {
	width:100%;
	height:50px;
	background: #d4dfee;
	display:none;
	z-index:999;
}
#header .mGnbWrap .allBtn {
	float:left;
}
#header .mGnbWrap .allBtn .fa {
	font-size: 34px;
	padding:8px 3px 8px 20px
}
#header .mGnbWrap .mLogo {
	float:right;
	padding:0px;
	line-height: 0;
	padding:12px 20px 12px 0px;
}
#header .mGnbWrap .mLogo img {
	width:auto;
	height:26px;
}
#mGnb {
	width:40%;
	position: fixed;
	z-index:99999;
	background: #6584ad;
	left:-40%;
}
#mGnb > ul {
	z-index:99999;
}
#mGnb > ul > li > a {
	display:block;
	height:30px;
	line-height:30px;
	font-size: 1.25em;
	font-weight: bold;
	border-bottom:1px solid #ccc;
	padding-left:20px;
	color:#fff;
}

#mGnb .sub {
	display:none;
}

#mGnb .sub > li a {
	display:block;
	font-weight: bold;
	height:26px;
	line-height:26px;
	font-size: 1.1em;
	background: #d4dfee;
	padding-left:30px;
	color:#333;
}

#footer {
	padding:30px 0;
	background:#333;
	color:#fff;
	font-size:11px;
}
#footer .footerTop div.info {
	float:right;
	margin-top:15px;
}
#footer .footerTop div.info ul {
	padding-bottom: 6px;
}
#footer .footerTop .flogo {
	float:left;
}

#footer .footerTop li {
	float:left;
}

#footer .footerTop li span {
	float:left;
	color:#fff;
	padding:0 10px;
	display:block;
	position:relative;
}

#footer .footerTop li span:after {
	content:"";
	display:block;
	width:1px;
	height:10px;
	background:#fff;
	position:absolute;
	left:0px;
	top:2px;
}

#footer .footerTop li:first-child span {
	padding-left:0;
}

#footer .footerTop li:first-child span:after {
	display:none;
}
#footer .mFooter {
	text-align: center;
	display:none;
}
#divpop{
	display:block;
	position: absolute;
	top:10%;
	left:10%;
	width:410px;
	height:auto;
	background: #fff;
	border:5px solid #3571b5;
	z-index:100;
}
#divpop2{
	display:block;
	position: absolute;
	top:10%;
	left:33%;
	width:410px;
	height:auto;
	background: #fff;
	border:5px solid #3571b5;
	z-index:100;
}
/*#divpop img,#divpop2 img {
	width:100%;
}
#divpop .popWrap,#divpop2 .popWrap {
	padding:20px 25px 0;
}
#divpop .btnWrap,#divpop2 .btnWrap {
	width:100%;
	margin:10px 0 20px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}
#divpop .btnWrap form input,
#divpop .btnWrap form label,
#divpop2 .btnWrap form input,
#divpop2 .btnWrap form label
{
	float:left;
}
#divpop .btnWrap form input,#divpop2 .btnWrap form input {
    margin: 5px 3px 3px 4px;
}
#divpop .btnWrap form a,#divpop2 .btnWrap form a {
	float:right;
}
*/
.pop{
		height:auto;
		border:2px solid #ddd;
		position:absolute;
		z-index:1000;
	}
.popWrap img{
	width:100%;
	height:auto;
}
	.btnWrap{
		overflow:hidden;
		background:#fff;
	}
	.btnWrap .to_end{
		float:left;
	}
	.btnWrap .to_end #day,.btnWrap .to_end #day2{
		margin:10px;
	}
	.btnWrap .to_end label{
		font:17px "맑은 고딕";
	}
	.btnWrap .close{
		float:right;
		cursor:pointer;
		font:17px "맑은 고딕";
		margin:8px;
	}
	#popup1{
		left:50px;
		top:10px;
	}
	#popup2{
		left:660px;
		top:10px;
	}
@media all and (max-width: 700px) {
        #header {
			position: fixed;
		}
		#header .gnbWrap {
			display:none;
		}
		#header .mGnbWrap {
			display:block;
			z-index:99999;
		}
		#footer .footerWrap {
			display:none;
		}
		#footer .mFooter {
			display:block;
		}
		#divpop,#divpop2 {
		width:60%;
		height:auto;
		border:3px solid #3571b5;
	}
	#divpop .popWrap,#divpop2 .popWrap {
		padding:2% 3% 0;
	}
	#divpop .btnWrap,#divpop2 .btnWrap {
		width:100%;
		margin:4px 0 7px;
		padding-top: 3px;
		border-top: 1px solid #ddd;
	}
	#divpop .btnWrap form input,#divpop2 .btnWrap form input {
		margin: 3px 3px 3px 4px;
	}
	#divpop2{
	top:50%;
	left:10%;
	}
}