@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{}
img {border:0px;}
a{text-decoration:none;color:#000;}
a:hover,a:active,a:focus{text-decoration:none;color:#000;}




@media (min-width:661px){   

	#wrap{ width:100%;}

	#subcontent { position:relative; width:760px; margin:0 auto; }
	#subcontent img { width:100%; }

	#header {position:relative;  width:760px; height:140px; margin:0 auto; }
	#logo { position:absolute; top:0px; left:0px; float:left; width:325px; }
	#header_icon { position:absolute; right:0px;  float:left; }
	#header_icon ul li { float:left; margin-left:10px; }
	#kakao { clear:both; width:760px; margin:0 auto; }
	#kakao ul li { float:left; }
	#kakao ul li img { width:152px; }
	
	#visual {position:relative;  width:760px; margin:0 auto; }
	#visual img { width:760px; }
	#box { width:760px; margin:0 auto; }
	#box ul {  }
	#box ul li { float:left; width:380px; height:252px; }
	#box ul li img { width:380px; }

	#notice { clear:both; position:relative; top:px; width:760px; margin:0 auto; }
	#notice div {}
	
	.more { position:absolute; top:8%; right:5%; }

	#notice div.notice_01 { position:relative; top:20px; width:760px; margin:0 auto; height:352px; background:url('/m/images/notice_bg.jpg') no-repeat; }
	#notice div.notice_01 div.notice01_title { position:absolute; top:20px; left:30px;}
	#notice div.notice_01 ul { clear:both; padding-top:26px; padding-left:30px; }
	#notice div.notice_01 ul.first {  padding-top:110px; }
	#notice div.notice_01 ul li { float:left;}
	#notice div.notice_01 ul li.photo {width:68px;}
	#notice div.notice_01 ul li.subject { width:520px; padding-left:12px; padding-top:16px; font-family:'NanumGothicBold'; font-size:26px; white-space:nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis; overflow:hidden;}
	#notice div.notice_01 ul li.day { width:130px;   padding-top:16px; font-family:'NanumGothicBold'; font-size:26px;  }
	
	#notice div.notice_02 { position:relative; top:20px; width:760px; height:352px; margin:0 auto; background:url('/m/images/notice_bg.jpg') no-repeat; }
	#notice div.notice_02 div.notice02_title { position:absolute; top:20px; left:30px;}
	#notice div.notice_02 ul { clear:both; padding-top:26px; padding-left:30px; }
	#notice div.notice_02 ul.first {  padding-top:110px; }
	#notice div.notice_02 ul li { float:left;}
	#notice div.notice_02 ul li.subject { width:572px; padding-left:28px; padding-top:16px; font-family:'NanumGothicBold'; font-size:26px; background:url('/m/images/dot.jpg') no-repeat 4px 20px; white-space:nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis; overflow:hidden;}
	#notice div.notice_02 ul li.day { width:130px;   padding-top:16px; font-family:'NanumGothicBold'; font-size:26px;  }
	
	#notice div.notice_03 { position:relative; top:20px; width:760px; height:352px; margin:0 auto; background:url('/m/images/notice_bg.jpg') no-repeat; }
	#notice div.notice_03 div.notice03_title { position:absolute; top:20px; left:30px;}
	#notice div.notice_03 ul { clear:both; padding-top:26px; padding-left:30px; }
	#notice div.notice_03 ul.first {  padding-top:110px; }
	#notice div.notice_03 ul li { float:left;}
	#notice div.notice_03 ul li.subject { width:572px; padding-left:28px; padding-top:16px; font-family:'NanumGothicBold'; font-size:26px; background:url('/m/images/dot.jpg') no-repeat 4px 20px; white-space:nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis; overflow:hidden;}
	#notice div.notice_03 ul li.day { width:130px;   padding-top:16px; font-family:'NanumGothicBold'; font-size:26px;  }
	
	#notice div.notice_04 { position:relative; top:20px; width:760px; height:352px; margin:0 auto; background:url('/m/images/notice_bg.jpg') no-repeat; }
	#notice div.notice_04 div.notice04_title { position:absolute; top:20px; left:30px;}
	#notice div.notice_04 ul { clear:both; padding-top:26px; padding-left:30px; }
	#notice div.notice_04 ul.first {  padding-top:110px; }
	#notice div.notice_04 ul li { float:left;}
	#notice div.notice_04 ul li.subject { width:572px; padding-left:28px; padding-top:16px; font-family:'NanumGothicBold'; font-size:26px; background:url('/m/images/dot.jpg') no-repeat 4px 20px; white-space:nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis; overflow:hidden;}
	#notice div.notice_04 ul li.day { width:130px;   padding-top:16px; font-family:'NanumGothicBold'; font-size:26px;  }

	#footer_wrap { clear:both; position:relative; top:70px; width:760px; margin:0 auto; }
	#footer_wrap img { width:100%; }
	#footer_menu { position:absolute; top:300px; left:22%; }
	#footer_menu ul li { float:left; }

	div#allMenu {position:absolute; left:0px;top:0px;margin:auto; width:95%;background:#69b4e2; z-index:9999;padding-bottom:20px;display:none;}
	div#allMenu div#Title {position:relative;width:99%;margin:auto;font-size:4em;font-weight:bold;color:#fff;}
	div#Title ul {width:100%;position:relative;padding:20px 0px;}
	div#Title li {position:relative;display:inline-block;width:45%;}
	div#Title li.title {text-align:left; margin-left:4%;}
	div#Title li.close {text-align:right;}
	div.MenuContent {position:relative;width:90%;background:#fff;margin:auto;}
	div.menuChart {width:95%;border-bottom:1px solid #ddd; padding-bottom:10px;margin:auto;}
	div.menuChart table.subTable{width:100%;}
	table.subTable th{width:100%;font-size:30px;text-align:left;padding-left:10px;color:#69b4e2;}
	table.subTable th.etcMenu{width:33%;font-size:30px;text-align:left;padding-left:10px;color:#69b4e2;}
	table.subTable td{width:50%;padding-left:10px;font-size:14px;vertical-align:top;}





}

@media (max-width:660px){   

	#wrap{ width:100%;}
	.sub_menu2 { max-width:320px; }
	#subcontent { position:relative; width:320px; margin:0 auto; }
	#subcontent img { width:100%; }

	#header {position:relative;  width:320px; height:65px; margin:0 auto; }
	#logo { position:absolute; top:0px; left:0px; float:left; width:140px; }
	#logo img  { width:100%; }
	#header_icon { position:absolute; right:0px; width:156px;  float:left; }
	#header_icon ul li { float:left; margin-left:4px; }
	#header_icon ul li img { width:35px;  }
	#kakao { clear:both; width:320px; margin:0 auto; }
	#kakao ul li { float:left; }
	#kakao ul li img { width:64px; }
	
	#visual {position:relative;  width:320px; margin:0 auto; }
	#visual img {width:100%; }
	#box { width:320px; margin:0 auto; }
	#box ul { }
	#box ul li { float:left; margin-top:0px; padding-top:0px; height:106px; }
	#box ul li img { width:160px; }

	#notice { clear:both; position:relative; top:20px; width:320px; margin:0 auto; }
	#notice div { margin-top:20px; }
	
	.more { position:absolute; top:5%; right:3%; }
	.more img { width:70%; }

	#notice div.notice_01 { position:relative; width:320px; height:229px; background:url('/m/images/m_notice_bg.jpg') no-repeat; }
	#notice div.notice_01 div.notice01_title { position:absolute; left:10px;}
	#notice div.notice_01 div.notice01_title img { width:70%;}
	#notice div.notice_01 ul { clear:both; padding-top:16px; padding-left:14px; }
	#notice div.notice_01 ul.first {  padding-top:90px; }
	#notice div.notice_01 ul li { float:left; }
	#notice div.notice_01 ul li img { width:34px;}
	#notice div.notice_01 ul li.photo {width:34px;}
	#notice div.notice_01 ul li.subject { width:180px; padding-left:6px; padding-top:6px; font-family:'NanumGothicBold'; font-size:12px; white-space:nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis; overflow:hidden; }
	#notice div.notice_01 ul li.day { width:50px;   padding-top:6px; font-family:'NanumGothicBold'; font-size:12px;  }
	
	#notice div.notice_02 { position:relative; width:320px; height:229px; background:url('/m/images/m_notice_bg.jpg') no-repeat; }
	#notice div.notice_02 div.notice02_title { position:absolute; left:10px;}
	#notice div.notice_02 div.notice02_title img { width:70%;}
	#notice div.notice_02 ul { clear:both; padding-top:16px; padding-left:14px; }
	#notice div.notice_02 ul.first {  padding-top:90px; }
	#notice div.notice_02 ul li { float:left;}
	#notice div.notice_02 ul li.subject { width:210px; padding-left:14px; padding-top:6px; font-family:'NanumGothicBold'; font-size:12px; background:url('/m/images/dot.jpg') no-repeat 4px 10px; white-space:nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis; overflow:hidden;}
	#notice div.notice_02 ul li.day { width:50px;   padding-top:6px; font-family:'NanumGothicBold'; font-size:12px;  }
	
	#notice div.notice_03 { position:relative; width:320px; height:229px; background:url('/m/images/m_notice_bg.jpg') no-repeat; }
	#notice div.notice_03 div.notice03_title { position:absolute; left:10px;}
	#notice div.notice_03 div.notice03_title img { width:70%;}
	#notice div.notice_03 ul { clear:both; padding-top:16px; padding-left:14px; }
	#notice div.notice_03 ul.first {  padding-top:90px; }
	#notice div.notice_03 ul li { float:left;}
	#notice div.notice_03 ul li.subject { width:210px; padding-left:14px; padding-top:6px; font-family:'NanumGothicBold'; font-size:12px; background:url('/m/images/dot.jpg') no-repeat 4px 10px; white-space:nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis; overflow:hidden;}
	#notice div.notice_03 ul li.day { width:50px;   padding-top:6px; font-family:'NanumGothicBold'; font-size:12px;  }
	
	#notice div.notice_04 { position:relative; width:320px; height:229px; background:url('/m/images/m_notice_bg.jpg') no-repeat; }
	#notice div.notice_04 div.notice04_title { position:absolute; left:10px;}
	#notice div.notice_04 div.notice04_title img { width:70%;}
	#notice div.notice_04 ul { clear:both; padding-top:16px; padding-left:14px; }
	#notice div.notice_04 ul.first {  padding-top:90px; }
	#notice div.notice_04 ul li { float:left;}
	#notice div.notice_04 ul li.subject { width:210px; padding-left:14px; padding-top:6px; font-family:'NanumGothicBold'; font-size:12px; background:url('/m/images/dot.jpg') no-repeat 4px 10px; white-space:nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis; overflow:hidden;}
	#notice div.notice_04 ul li.day { width:50px;   padding-top:6px; font-family:'NanumGothicBold'; font-size:12px;  }

	#footer_wrap { clear:both; position:relative; top:70px; width:320px; margin:0 auto; }
	#footer_wrap div img { width:100%; }
	#footer_menu { position:absolute; top:120px; left:20%; }
	#footer_menu ul li { float:left; width:18%; }

	div#allMenu {position:absolute; left:0px;top:0px;margin:auto; width:95%;background:#69b4e2; z-index:9999;padding-bottom:20px;display:none;}
	div#allMenu div#Title {position:relative;width:99%;margin:auto;font-size:1.5em;font-weight:bold;color:#fff;}
	div#Title ul {width:100%;position:relative;padding:20px 0px;}
	div#Title li {position:relative;display:inline-block;width:45%;}
	div#Title li.title {text-align:left; margin-left:4%;}
	div#Title li.close {text-align:right;}
	div.MenuContent {position:relative;width:90%;background:#fff;margin:auto;}
	div.menuChart {width:95%;border-bottom:1px solid #ddd; padding-bottom:10px;margin:auto;}
	div.menuChart table.subTable{width:100%;}
	table.subTable th{width:100%;font-size:14px;text-align:left;padding-left:10px;color:#69b4e2;}
	table.subTable th.etcMenu{width:33%;font-size:13px;text-align:left;padding-left:10px;color:#69b4e2;}
	table.subTable td{width:50%;padding-left:10px;font-size:12px;vertical-align:top;}


}