@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*Layer*/
body{width:100%;font-family:"나눔고딕","NanumGothic",'Nanum Gothic'}
#wrap{overflow:hidden;width:100%}
#header{}
#container{width:94%;margin:0 auto;padding:3%;background:#eceef2;}
#contents{width:100%;}
#footer{width:100%;}
#bg_black{ 
	display:none;
	position:absolute;left:0;top:0;width:100%;z-index:500;
	background:url(/m/images/common/bg_black.png) repeat;
}


/*header*/
.head{
	position:relative;
	text-align:center;
}
.head h1{text-align:center;}
.head .btn_menu{position:absolute;left:0;top:0;}

.menu{
	display:none;
	position:absolute;left:-75%;top:0;z-index:1000;
	width:75%;
	background:#fff;
}
.menu_top{position:relative;background:#2875b3;}
.menu_top .menu_close{position:absolute;right:0;top:0;}
.menu>ul{}
.menu>ul>li{
	border-bottom:1px solid #ddd;
}
.menu>ul>li>a{
	display:block;
	background:#fff;color:#494949;
	padding:5% 7%;font-weight:600;
	font-size:16px;
}
.menu>ul>li>ul{
	display:none;
	border-top:1px solid #ddd;
	background:#f0f1f3;
}
.menu>ul>li>ul>li{border-bottom:1px solid #ddd;}
.menu>ul>li>ul>li:last-child{border-bottom:0;}
.menu>ul>li>ul>li>a{
	display:block;
	padding:5% 7%;font-size:14px;
}


/*footer*/
.foot{
	padding:10% 5%;
	background:url(/m/images/common/bg_footer.gif) repeat;
	text-align:center;
}
.foot address{
	color:rgba(255,255,255,0.6);
	line-height: 1.5em;
    font-size: 0.8em;
}
.foot address dl{overflow:hidden;}
.foot address dl dt{display:inline;font-weight:600;}
.foot address dl dd{display:inline;}
.foot .copy{
	margin-top:20px;color:rgba(255,255,255,0.4);
    font-size: 1em;
}


/**/
.main_title{
	position:relative;
}
.main_title .more{
	position:absolute;right:0;top:0;
}

.main_area1{
	background:#fff;
	padding:5% 3%;
}
.main_area1_img{margin-top:20px;}

.main_area2{overflow:hidden;margin:3% 0 20%;}
.main_area2 .box1{width:96%;padding:2%;background:#0070c1;text-align:center;}
.main_area2 .box1 .line{padding:5%;border:1px solid rgba(255,255,255,0.3)}
.main_area2 .box1 a{
	display:block;color:rgba(255,255,255,1);
	
	background:url(/m/images/main/main_area2_bg1.gif) no-repeat 97% center;
	background-size:auto 60%
}
.main_area2 .box1 .title_area{margin-bottom:10px;}
.main_area2 .box1 .title_area h2{font-size:16px;color:#fff;font-weight:600;}
.main_area2 .clear{overflow:hidden;margin:3% 0;}
.main_area2 .fl{float:left;}
.main_area2 .fr{float:right;}
.main_area2 .box2{
	width:38.5%;padding:5%;text-align:center;
}
.main_area2 .box2 a{
	display:block;color:rgba(255,255,255,0.6);
}
.main_area2 .box2 .title_area{margin-bottom:10px;}
.main_area2 .box2 .title_area h2{font-size:16px;color:#fff;font-weight:600;}
.main_area2 .bg1{background:url(/m/images/main/main_area2_bg1.jpg) no-repeat;background-size:cover;}
.main_area2 .bg2{background:url(/m/images/main/main_area2_bg2.jpg) no-repeat;background-size:cover;}

.main_area2 .box3{
	width:48.5%;text-align:center;position:relative;
}
.main_area2 .box3 .title_area{
	position:relative;position:absolute;left:5%;top:5%;margin-bottom:10px;z-index:100;
	width:90%;text-align:left;
}
.main_area2 .box3 .title_area h2{font-size:16px;color:#fff;font-weight:600;}
.main_area2 .box3 .title_area a{color:#fff;position:absolute;right:0;top:20%;}
.main_area2 .box3 .list_area{overflow:hidden;}
.main_area2 .box3 .list_area .list_ul{position:relative;width:1000%;}
.main_area2 .box3 .list_area .list_ul li{float:left;width:10%;}
.main_area2 .box3 .list_area .list_ul li{}
.main_area2 .box3 .list_area .thum_ul{
	position:absolute;left:0;bottom:15px;
	width:100%;
}
.main_area2 .box3 .list_area .thum_ul li{
	display:inline-block;
	width:10px;height:10px;margin:0 2px;
}

#popup {position: absolute;z-index:9000;width:100%;top:0;}