@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: 15px;
	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:active {
	color:#666; text-decoration:none;
	}
a:hover {
	text-decoration: none;
	color: #36C;
}
img {border:none; padding:0; margin:0;}



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

.top_img {width:100%; background:url(images/top_bg.jpg);}
.top_img div {width:100%; height:522px; background:url(images/top_img_m.png) no-repeat 50% 0;}
.top_img h1, .top_img p {text-indent:-9999px;}
.support {background:#fff; border-bottom:1px solid #ddd;}
.support div {padding:10px 10px;}
.support div img {width:90%;}

#container {width:100%;}

.bnr {margin:20px 0; text-align:center;}
.bnr img {width:90%;}

.summary {width:90%; margin:0 auto; padding:100px 0 20px 0; background:url(images/bar.jpg) no-repeat;  border-bottom:1px solid #ddd;}
.summary dl {padding:0 0 0 5px;}
.summary dt {width:117px; height:30px; margin-bottom:10px; padding-left:10px; background:url(images/tit_bg.jpg) no-repeat; color:#fff; font-weight:600;}
.summary dd {margin-bottom:10px;}
.summary dd a {color:#0066ff;}
.summary dd a:hover {text-decoration:underline;}
.ex_img {padding-top:10px; width:100%;}

.txt_black {color:#333;}
.txt_purple {color:#840ec2;}

.guide {padding:40px 20px 30px 20px; word-break:keep-all;}

#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
}

@media all and (min-width:639px) and (max-width:1024px){
.support div img {width:auto;}
.ex_img {width:auto;}

}

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

/* Media Query */
/* 태블릿 */
@media all and (min-width:768px) and (max-width:1024px){


}

/* PC */
@media all and (min-width:1025px) {
.top_img div {max-width:1140px; height:547px; margin:0 auto; background:url(images/top_img.png) no-repeat 50% 0;}
.support div {width:1000px; margin:0 auto; padding:10px 10px;}
.support div img {width:auto;}

#container {width:1000px; margin:0 auto;}
.bnr img {width:auto;}
.ex_img {width:auto;}

.summary {width:1000px; margin:0 auto;}
.summary dl {overflow:hidden; zoom:1; clear:both;}
.summary dt {float:left;}
.summary dd {width:100%; padding-left:153px; padding-bottom:10px;}

}