@charset "UTF-8";


*{margin:0;padding:0;font-family:"돋움",Dotum,Helvetica,sans-serif}
body,input,textarea,select,option,th,td{font-size:12px;line-height:1.25em;font-family:"Helvetica,AppleGothic,dotum,Sans-serif"}
h1,h2,h3,h4,h5,h6,textarea,select,option,th,td{font-size:12px;}
input{font-size:16px; border:1px solid #c8c8c8;}
ul,ol,li{list-style:none}
hr{display:none}
body{text-align:center;}
img {border:0px;}
a{text-decoration:none;color:#000;}
a:hover,a:active,a:focus{text-decoration:none;color:#000;}


#wrap { width:100%; max-width:640px;  min-width:320px;  margin:0 auto; }

		#header { width:100%; max-width:640px;  min-width:320px;  min-height:42.5px; max-height:85px; margin:0 auto;}
		#header ul li.t1 img { float:left; width:40%;  max-width:256px;}
		#header ul li.t2 img { float:left; width:10%;  max-width:256px;}
		#header ul li.t3 img { float:left; width:20%;  max-width:128px; float:left;}

		#visualwarp {clear:both;  width:100%; max-width:640px;  min-width:320px; margin:0 auto;}
		#visual { width:100%; max-height:450px; min-height:225px;}
		#visual img { width:100%; max-width:640px;  min-width:320px; float:left;}

		#visualbtn { clear:both;  width:100%; max-width:640px;  min-width:320px;}
		#visualbtn li.left img{ float:left;    min-width:30px;}
		#visualbtn li.btn1 img{ float:left; width:100%; max-width:130px;  min-width:65px;}
		#visualbtn li.btn2 img{ float:left; width:100%; max-width:130px;  min-width:65px;}
		#visualbtn li.btn3 img{ float:left; width:100%; max-width:130px;  min-width:65px;}
		#visualbtn li.btn4 img{ float:left; width:100%; max-width:130px;  min-width:65px;}
		#visualbtn li.btn5 img{ float:left; width:100%; max-width:130px;  min-width:65px;}
		#visualbtn li.btn6 img{ float:left; width:100%; max-width:130px;  min-width:65px;}
		#visualbtn li.right img{ float:left;   min-width:30px;}

		#box1 { clear:both; width:100%;  max-height:93px; min-height:46.5px; margin:0 auto;}
		#box1 img { width:100%; max-width:640px;  min-width:320px;}

		#box2 {  width:100%; max-width:640px;  min-width:320px; margin:0 auto;}
		#box2 img { float:left; width:50%; min-width:160px;  max-width:320px;}

		#box3 { width:100%; max-width:640px;  min-width:320px; margin:0 auto;}
		#box3 img { float:left; width:50%; min-width:160px;  max-width:320px; }

		#box4 { width:100%; max-width:640px;  min-width:320px; margin:0 auto;}
		#box4 ul li.b1 img { float:left; width:50%; min-width:160px;  max-width:320px; }

		#quickmenu { width:100%; max-width:640px;  min-width:320px; margin:0 auto;}
		#quickmenu ul li img { float:left; width:20%; max-width:128px;}


		#footer { width:100%; max-width:640px;  min-width:320px; margin:0 auto;}
		#footer ul li.footer_01 img { float:left; width:20%; max-width:128px;}
		#footer ul li.footer_02 img { float:left; width:12.5%; max-width:80px;}
		#footer ul li.footer_03 img { float:left; width:12.5%; max-width:80px;}
		#footer ul li.footer_04 img { float:left; width:22.5%; max-width:144px;}
		#footer ul li.footer_05 img { float:left; width:12.5%; max-width:80px;}
		#footer ul li.footer_06 img { float:left; width:20%; max-width:128px;}
		#footer ul.footer_07 img { float:left; width:100%; max-width:640px;}



		#all { position:absolute; top:117px; background:#333; width:250px;   z-index:999; padding-bottom:20px;  right:0; z-index:9999;}
			#all ul.topUl { width:250px; margin:0 auto;}
			#all ul.topUl li.subTop { float:left; width:100%; border-bottom:solid 1px #444;overflow:hidden;   text-align:left;}
			#all ul.topUl li.subTop span {position:relative;  width:250px; height:30px; padding:5px; color:#fff; font-weight:bold;}
			#all ul.topUl li.subTop a:hover {color:#8dc9ff;}



			#all ul.topUl li.subTop div.subChild {height:0px;overflow:hidden;}
			
			#all ul.topUl li.subTop div.subChild ul {}
			#all ul.topUl li.subTop div.subChild li {padding-left:30px;  padding-top:8px;padding-bottom:3px; height:29px; border-bottom:solid 1px #666;  background-color:#444; }
			#all ul.topUl li.subTop div.subChild a {color:#fff;}

#all ul.topUl li.subTop span {display:block; text-decoration:none;cursor:pointer; line-height:250%;}

#all ul.topUl li.subTop .on{display:block; text-decoration:none;cursor:pointer; }
#all ul.topUl li.subTop .on:hover,
#all ul.topUl li.subTop .on:focus,
#all ul.topUl li.subTop .on.on{width:240px; background-color:#666;  }