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

* {
	padding: 0;
	margin: 0;
}

body {
	margin:0; padding:0;
	font-family: 'Nanum Gothic', 'NanumGothic', "Dotum", sans-serif;
	color: #666;
	font-size: 0.95em;
	line-height:160%;
}

b, strong {
	font-weight: 600;
}

div, section {
	margin:0; padding:0;
	font-size:middle;
	}
	
ul, ol, li, dl, dt, dd {
	margin: 0;
	paddding: 0;
	list-style: none;
}
a, a:visited, a:active {
	color:#666; text-decoration:none;
	}
a:hover {
	text-decoration: underline;
	color: #F60;
}
img {border:none; padding:0; margin:0;}


#wrap {margin:0; padding:0; width:100%; height:100%;}

.gm {background:#2A2A2A;}
.gm > ul  {width:1000px; height:30px; margin:0 auto; overflow:hidden; zoom:-1; clear:both;}
.gm > ul li {float:right;}
.gm > ul li a {color:#eee; padding-left:10px; }
.gm > ul li a:hover {text-decoration:underline;}

.top_img {background:url(../images/top_bg.jpg);}
.top_img > ul {position:relative; width:1000px; height:399px; margin:0 auto; background:url(../images/top_img.jpg) no-repeat;}
.top_img > ul li {position:absolute;}
.top_img .logo {top:70px; left:590px;}
.top_img .top_txt {top:155px; left:590px;color:#fce990; font-weight:600; font-size:1.25em; font-family:'NanumMyeongjo', 'Nanum Myeongjo', '나눔명조', '바탕체', serif; word-break:keep-all; line-height:180%; }

.sponsor {border-bottom:1px solid #E9E9E9;}
.sponsor p {width:1000px; margin:0 auto;height:48px; background:url(../images/sponsor.gif) no-repeat 0 16px; font-size:0; line-height:0; text-indent:-99999px;}


#cont_container {
	width:1000px; margin:0 auto;
}
.cont {
	padding:50px 0 0 0;
	word-break:keep-all; color:#484848;
}
.cont p {
	padding:0 0 30px 0;
}

.cont strong {display:block;}

.guide {padding:40px 0 30px 0; font-size:1.2em;}

.news a {color:#278fcb;}
.news a:hover {text-decoration:underline;}

.txt_org {margin:50px 0; color:#e76212; font-size:13px;}

#reple {
	text-align: center;
	border-top: 3px solid #000;
	padding: 30px 0
}
#copyright {
	margin-top: 30px;
	border-top: 1px solid #666;
	padding-top: 10px;
	margin-bottom: 30px;
	text-align: center
}
#copyright a {
	font-weight: bold
}



/* divice 해상도에 따른 이미지 크기 조정 - 필요할 경우 사용 */
@media screen and (-webkit-min-device-pixel-ratio:1.5){} /* 안드로이드 */

/* Media Query */

@media all and (max-width:639px){
	body, div, ul, img, #cont_container, .gm > ul, .sponsor p{
	max-width:100%; word-break:break-word; word-wrap: break-word; 
}

.top_img > ul {background-size:auto 230px;}
.top_img > ul li {position:absolute;}
.gm > ul li a {padding-left:0; padding-right:10px; }
.top_img .logo {top:10px; left:0px; }
.top_img .top_txt {top:260px; left:0px; padding:10px; background:#E27976; color:#fce990; font-weight:600; font-size:0.9em;}

.cont, .guide {
	padding:10px;
}

.sponsor p {background-position:10px;}

	
}
@media all and (min-width:640px) and (max-width:800px){
body, div, ul, img, #cont_container, .gm > ul, .sponsor p{
	max-width:100%;  word-break:break-word; word-wrap!important: break-word!important; 
}

.top_img > ul {height:230px;background-size:auto 230px;}
.top_img > ul li {position:absolute;}
.gm > ul li a {padding-left:0; padding-right:10px; }
.top_img .logo {top:10px; left:350px; }
.top_img .top_txt {top:80px; left:340px; padding:10px; color:#fce990; font-weight:600; font-size:0.9em;}

.cont, .guide {
	padding:10px;
}

.sponsor p {background-position:10px;}