@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;}

.txt_blue {color:#0066cc;}

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

.gm ul  {width:1000px; margin:0 auto; overflow:hidden; zoom:-1; clear:both;}
.gm ul .logo1 {float:left; padding:5px 30px 5px 0;}
.gm ul .logo2 {float:left; padding:5px 0;}
.gm ul .go_sunfull {float:right; height:20px; padding:25px 0;}
.gm > ul li a {color:#999; font-size:13px;}
.gm > ul li a:hover {text-decoration:underline;}

.top_img {background:#b4e2ff; text-align:center;}
.top_img div {width:1003px; margin:0 auto;}
.top_img div img {display:block;}

.sponsor {border-bottom:1px solid #E9E9E9;}
.sponsor div {width:1000px; margin:0 auto; padding:15px 0;}
.sponsor div img {display:block;}

#cont_container {width:1000px; margin:0 auto;}
.cont {padding:35px 0 0 0; word-break:keep-all; color:#5b5442; font-size:18px; line-height:160%;}
.guide {padding:40px 0 30px 0; font-size:16px;}
.goods {margin:50px 0 30px 0; overflow:hidden; zoom:1; clear:both; font-size:16px;}
.goods img {float:left; margin-right:20px;}
.goods p {padding:5px 0;}
.goods strong {display:inline-block; margin-bottom:10px; color:#000; font-weight:600;}
.goods b {color:#333;}
.goods i {font-style:normal; color:#390;}

#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
}
.btn {margin:40px 0 30px 0; text-align:center;}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-size:16px; 
	font-weight:600;
	padding:12px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	text-decoration:none;
}
.myButton:active {
	position:relative;
	top:1px;
}



/* 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; 
}
.gm ul .logo1 {float:left; padding:5px 0 5px 10px;}
.gm ul .logo2 {float:right; padding:5px 10px;}
.gm ul .go_sunfull {display:none;}

.cont, .guide {
	padding:10px;
}
.goods {text-align:center; margin:30px 0 20px 0;}
.goods img {float:none;}
.goods p {text-align:left; padding-top:15px;}

	
}
@media all and (min-width:640px) and (max-width:999px){
	body, div, ul, img, #cont_container, .gm > ul, .sponsor p{
	max-width:100%; word-break:break-word; word-wrap: break-word; 
}
.gm .logo1 {margin-left:10px;}
.gm .go_sunfull {margin-right:10px;}
.cont, .guide {padding:10px;}

.goods {text-align:center; margin:30px 0 20px 0;}
.goods img {float:none;}
.goods p {text-align:left; padding-top:15px;}