@charset "utf-8";

::selection { background:#FC4; color:#fff; }
body{ margin:0; font-family:"나눔고딕", "NanumGothic", "맑은 고딕", "Malgun Gothic", "Segoe UI", "굴림"; font-size:12px; background:#EEE; padding-top:60px; text-align:center; }
h1, h2, h3, h4, h5, h6{ margin:0; }
img{ border:0; }
a{ text-decoration:none; }

#thumbnail{ width:1px; height:1px; position:absolute; top:0; left:0; opacity:0.1; }

header{ padding:15px 0; background:#29D; position:fixed; width:100%; top:0; left:0; z-index:999; }
header * a{ color:#FFF; }
header #header_wrap{ width:950px; margin:0 auto; position:relative; }
header #header_wrap ul{ list-style:none; margin:0; padding:0; }
header #header_wrap ul li{ float:left; }
header #header_wrap ul #title{ width:100%; position:absolute; font-size:28px; margin-top:-1px; font-weight:bold; z-index:0; text-shadow: 1px 1px 0px #444; }
header #header_wrap ul #menuHome{ background:url("../image/home.png"); width:30px; height:30px; cursor:pointer; position:relative; z-index:999; }
header #header_wrap ul #menuLang{ background:url("../image/lang.png"); float:right; width:30px; height:30px; cursor:pointer; position:relative; z-index:999; }
header #header_wrap ul #lang{ width:50px; position:absolute; background:#29D; top:45px; left:-10px; padding:10px 0; display:none; }
header #header_wrap ul #lang a{ background:transparent; display:block; padding:5px 15px; }

#notice{ background:#E5E5E5; border-bottom:1px solid #BBB; padding:10px 0; font-size:14px; cursor:default; }

#share{ margin-top:20px; }
#share *{ z-index:500; }
#share .kakaotalk{ width:32px; height:32px; display:inline-block; background:url("../image/kakaotalk.png"); margin-left:3px; cursor:pointer; }

#ad1{ margin-top:20px; }

#generator{ background:#E5E5E5; margin-top:50px; padding:30px 0; border:1px solid #BBB; border-left:0; border-right:0; text-align:center; }

#img{  }
#img img{ max-width:300px; }
#img textarea{ width:300px; height:100px; margin:10px 0 20px 0; resize:none; display:none; outline:none; font-size:11px; }
#img .point{ width:64px; height:64px; background:url("../image/arrow.png"); opacity:0.6; margin:0 auto; margin-top:30px; }
#img #btns{ display:none; }
#img #downloadBtn{ margin-top:10px; display:inline-block; }
#img .kakaoBtn{ margin-top:10px; margin-left:15px; display:none; }

#form{  }
#form h3{ font-size:24px; margin:50px 0 10px 0; }
#form input[type=text]{ border:0; border-bottom:1px solid #333; border-radius:0; background:transparent; padding:5px 10px; font-size:16px; text-align:center; width:100px; margin:10px 0; outline:none; }
#form input[type=radio]{ margin:10px 0; margin-left:10px; }
#form input[type=checkbox]{ margin:10px 0; margin-left:10px; }
#form textarea{ resize:none; border:1px solid #333; background:transparent; margin:10px 0; font-size:18px; width:200px; }
#form input[type=submit]{ -webkit-appearance:none; padding:20px 40px; margin-top:10px; border-radius:3px; border:0; font-size:18px; cursor:pointer; }

#ad2{ margin-top:30px; }

footer{ margin:30px 0; line-height:1.6; }

@media (max-width:1024px){
	header #header_wrap{ width:94%; padding:0 3%; }
	header #header_wrap ul #title{ width:94%; margin-top:0; font-size:26px; }

	#img .kakaoBtn{ display:inline-block; }
}

@media (max-width:500px){
	header #header_wrap ul #title{ font-size:20px; margin:3px 0; }
}

/* Sponser */
@media (max-width:750px){
	#banner{width:100%;}
}
