@charset "utf-8";
/* CSS Document */
img{max-width:100%;}
iframe{margin-top:0px;}
#topbanner{max-width:100%;}
/*.thebody{margin-top:0px;}*/
#downmenu { max-width:100%; height:170px; margin:auto; clear:both;}
#downmenu li { max-width:31%;float:left; margin-left:1%; margin-right:1%;  margin-top:100px; margin-bottom:100px; }
#downmenuk { max-width:100%; height:170px; margin:auto; clear:both;}
#downmenuk li { max-width:45%;float:left; margin-left:1%; margin-right:1%;  margin-top:100px; margin-bottom:100px;  }
#premium{width:640px; max-width:100%; margin:auto; height:364;}
.floatleft{float:left;}
.floatright{float:right;}


#cmenuwrap{max-width:640px; height:56px; width:100%; margin:auto; margin-bottom:50px;}
#cmenuwrap ul{max-width:100%; margin:auto;}
#cmenuwrap ul li{float:left;}

#cnavwrap{max-width:640px; width:100%; margin:auto; clear:both;}
#cnavwrap ul{max-width:100%; margin:auto;}


#headerwrap{width:100%;}

#bodywrap{clear:both; padding-top:10px;}

#mainmenuwrap{width:640px; max-width:100%; height:70px;}
#mainmenuwrap li{float:left;}

#submenuwrap{width:640px; max-width:100%; height:260px;}
#submenuwrap li{float:left;}


#premiummenu{width:640px; max-width:100%; height:240px;}
#premiummenu li{float:left; margin:2.5px;}

.size{width:640px; max-width:100%; height:240px;}
. size li{float:left; margin:2.5px;}

/*base*/
html, body {width:100%; height:100%; position:relative;}
html, body, div, form, select, span, filedset, blockquote, table, tr, th, td, dl, dt, dd, pre, p, ul, ol, li, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img, input, select, textarea {margin:0; padding:0; font-size:100%; vertical-align:middle;}
div, img, table, fieldset {border:0 none;}

a {text-decoration:none; outline:none;}
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}

body {
  background: #f0f0f0;

}

ul, ol, li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}

* {margin:0; padding:0; font-family:Dotum, "돋움"; -webkit-text-size-adjust:none;}

#Main_BodyBg	{background:#ffffff; min-height:100%; height:auto; height:100%;}
#Sub_BodyBg		{background:#ffffff; min-height:100%; height:auto; height:100%;}

/*main*/

#MainWrap		{margin:0; padding:0; text-align:center; background:#ffffff;}
#Wrap			{margin:0; padding:0; text-align:center; background:#ffffff;}

#Top			
.top_wrap		{margin:0 auto; padding:0; text-align:center; width:640px;}
.logo			{margin:0; padding-left:0px; float:left; text-align:center;}
.top_call		{margin:0; padding-top:0px; float:right; text-align:center;}

#top_Menu{margin:0; padding:0; max-width:100%; clear:both;}
#top_menu2 a img{float:left;}

#s_Menu		    {margin:0; padding:0; background:url(../images/smenu_bg.jpg) repeat-x; style="max-width:100%; clear:both; text-align:center;}
#best_Menu		    {margin:0; padding:0; text-align:center; background:#ffffff; clear:both;}

#BottomBg		{margin:0; padding:0; background:url(../images/bottom_bg.jpg) repeat-x; height:37px; text-align:center;}
.bottom_wrap	{margin:0 auto; width:320px; padding:0; text-align:center;} 
.bottom_menu	{margin:0; padding:0; float:left; text-align:center;}





/*smenu_1*/

#MainWrap		{margin:0; padding:0; text-align:center; background:#ffffff;}
#Wrap			{margin:0; padding:0; text-align:center; background:#ffffff;}

#Top			
.top_wrap		{margin:0 auto; padding:0; text-align:center; width:640px;}
.logo			{margin:0; padding-left:0px; float:left; text-align:center;}
.top_call		{margin:0; padding-top:0px; float:right; text-align:center;}
#top_Menu		{margin:0; padding:0; background:url(../images/topmenu_bg.jpg) repeat-x; style="max-width:100%; clear:both; text-align:center;}

#s_Menu		    {margin:0; padding:0; background:url(../images/smenu_bg.jpg) repeat-x; style="max-width:100%; clear:both; text-align:center;}
#s1_Menu		{margin:0; padding:0; text-align:center; background:#ffffff;}


#s1_1	        {margin:0; padding:0; text-align:center; background:#ffffff; repeat-x; style= max-width:100%; clear:both;}


#best_Menu		{margin:0; padding:0; text-align:center; background:#ffffff;}

#BottomBg		{margin:0; padding:0; background:url(../images/bottom_bg.jpg) repeat-x; height:37px; text-align:center;}
.bottom_wrap	{margin:0 auto; width:320px; padding:0; text-align:center;} 
.bottom_menu	{margin:0; padding:0; float:left; text-align:center;}

@media all and (max-width:100%) {


}



/*sub1_1*/

#Sheader		{position:relative; left:0; top:0; width:100%;}
#HomeBtn		{position:absolute; left:10px; top:4px;}
#BackBtn		{position:absolute; right:10px; top:4px;}
#Logo			{width:101px; height:40px; text-align:center; margin:0 auto;}

#SubTop_Copy	{margin:0; padding:0; background:url(../images/main_copy_bg.jpg) repeat-x; height:33px;}


#Scopy			{position:relative; left:0; top:0; width:100%;}
.sub_margin		{min-width:10px; width:1%; max-width:10px;}
.sub_copy		{width:189px; height:33px; text-align:center; margin:0 auto; width:98%;min-width:189px;}
.sub_call		{position:absolute; right:3px; top:3px; width:1%; text-align:right; min-width:84px;}

@media all and (max-width:480px) { 
.sub_margin		{width:10px;} 
.sub_copy		{width:189px; height:33px; text-align:left; margin:0 auto; width:98%;min-width:189px;}
.sub_call		{position:absolute; right:3px; top:3px; width:1%; text-align:right; min-width:84px;}

}


.sub_visual			{margin:0; padding:0; text-align:center;}
.sub_visual_b		{margin:0 auto; text-align:center; width:100%;}
.sub_visual_b img 	{width:100%; max-width:700px; max-height:303px;}


#TitleBg		{margin:0; padding:0; background:url(../images/sub_titlebg.jpg) repeat-x; height:33px; text-align:left;}
.title			{margin:0; padding:9px 0px 0px 10px; text-align:left; vertical-align:middle;}

#MenuBg			{margin:0; padding:0; background:url(../images/sub_menubg.jpg) repeat-x; height:40px; position:relative;}
.menu			{margin:0; left:10px; text-align:left; position:absolute;}
.menu_arr		{margin:0; right:10px; position:absolute;}

#BottomBg		{margin:0; padding:0; background:url(../images/bottom_bg.jpg) repeat-x; height:37px; text-align:center;}
.bottom_wrap	{margin:0 auto; width:320px; padding:0; text-align:center;} 
.bottom_menu	{margin:0; padding:0; float:left; text-align:center;}

#SubCon			{margin:0; padding:0; text-align:center;}
.content_wrap	{margin:0; padding:10px;}
.sub1_1_line	{margin:0; padding:0; background:url(../images/sub1_1_line.jpg) repeat-x; height:4px;}
.sub1_1_wrap	{margin:0 auto; text-align:center; width:100%;}
.sub1_1_photo	{margin:0 auto; text-align:center; width:100%;}
.sub1_1_photo img	{width:100%; max-width:573px; max-height:200px;}

/*sub1_2*/
#Sub2_wrap		{margin:0 auto; text-align:center; width:320px;}
.doc_wrap		{margin:0; padding:0px 18px 5px 18px;}
.doc_left		{margin:0; padding-right:6px; float:left;}
.doc_right		{margin:0; padding:0px; float:left;}
#Doc_bg			{margin:0; padding:0; background:url(../images/doc_bg.jpg) repeat-x; height:181px;}
.doc_info		{margin:0; padding:0; text-align:center;}
.doc_line_wrap	{margin:0; padding:0px 10px;}
.doc_line		{margin:0; padding:0; background:url(../images/doc_line.jpg) repeat-x; height:2px;} 

/*sub1_3*/
#Board_wrap		{margin:0; padding:20px 10px 20px 10px;}
.board_bg		{margin:0; padding:0; background:url(../images/board_bg.jpg) repeat-x; height:35px; text-align:center;}
.board_no		{margin:0; padding-top:12px; width:10%; text-align:center; float:left;}
.board_title	{margin:0; padding-top:12px; width:90%; text-align:center; float:left;}	
.board_list		{margin:0; padding:0; height:35px;}	
.board_line		{margin:0; padding:0; background:#dddddd repeat-x; height:1px; clear:both;}
.board_title2	{margin:0; padding:12px 0px 0px 10px}
.board_date		{margin:0; padding:0; height:30px;}
.date_left		{margin:0; padding:10px; float:left;}
.date_right		{margin:0; padding:10px; float:right;}
.board_content	{margin:0; padding:10px;}
.board_content2	{margin:0; padding:0px 10px 10px 10px;}

/*sub1_4*/
.map_title		{margin:0; padding:0; text-align:left;}
.map_wrap		{margin:0; padding:0px 10px 10px 10px; text-align:center;}
.map			{margin:0; padding:0; width:100%; border:1px #dddddd solid;}
.map_con		{margin:0; padding:0; text-align:center;}
.map_line		{margin:0; padding:0; background:#d4d4d4; height:1px;}

/*sub1_5*/			
.View_wrap		{margin:0; padding:20px 10px 20px 10px;}
.view_b			{margin:0 auto; text-align:center; width:100%;}
.view_b img 	{width:100%; max-width:500px; border:1px #CCCCCC solid;}
.view_s_wrap	{width:100%; margin:0 auto; text-align:center;}
.view_s1		{float:left; width:28%; margin-right:5px;}
.view_s1 img	{width:100%; max-width:250px; border:1px #92d7f6 solid;}
.view_s2		{float:left; width:28%; margin-right:5px;}
.view_s2 img	{width:100%; max-width:250px; border:1px #92d7f6 solid;}
.view_s3		{float:left; width:28%; margin-right:5px;}
.view_s3 img	{width:100%; max-width:250px; border:1px #92d7f6 solid;}
.view_arr		{float:left; width:5%; padding-top:5%;}

/*sub2_1*/
.sky_line_wrap	{margin:0; padding:0px 10px 0px 10px;}
.sky_line		{margin:0; padding:0; background:#85c8d8; height:2px;}
.line_bold_wrap	{margin:0; padding:0px 7px 0px 7px;}
.line_bold		{margin:0; padding:0; background:url(../images/line_bold.jpg) repeat-x; height:8px;}
.line_bold2		{margin:0; padding:0; background:url(../images/line_bold2.jpg) repeat-x; height:8px;}
.align_left		{margin:0; padding:0; text-align:center;}
.box_wrap		{margin:0 auto; padding-top:10px; padding-bottom:10px; width:95%;}
.padding10		{margin:0; padding:10px;}

.sub3_left		{margin:0; padding:0; text-align:left;}
.line_violet	{margin:0; padding:0; background:#4d61de repeat-x; height:1px;}



/*text*/
.gray			{margin:0; font-size:12px; color:#292929; line-height:1.2em; list-style-type:none; background-image:none; text-align:left;}	
.gray_center	{margin:0; font-size:12px; color:#666666; line-height:1.2em; list-style-type:none; background-image:none; text-align:center;}		
.gray_bold		{margin:0; font-size:12px; color:#888; line-height:1.2em; list-style-type:none; background-image:none; text-align:left; font-weight:bold;}
.blue_bold		{margin:0; font-size:12px; color:#093a83; line-height:1.2em; list-style-type:none; background-image:none; text-align:left; font-weight:bold;}
.black_bold		{margin:0; font-size:12px; color:#000000; line-height:1.2em; list-style-type:none; background-image:none; text-align:left; font-weight:bold;}
.navy_bold		{margin:0; padding-top:3px; padding-bottom:3px; font-size:12px; color:#2e6f81; line-height:1.2em; list-style-type:none; background-image:none; text-align:center; font-weight:bold;}
.grayb_center	{margin:0; padding:3px; padding-bottom:3px; font-size:12px; color:#7e7e7e; line-height:1.2em; list-style-type:none; background-image:none; text-align:center; font-weight:bold;}
.grayb_left		{margin:0; padding:3px; padding-bottom:3px; font-size:12px; color:#7e7e7e; line-height:1.2em; list-style-type:none; background-image:none; text-align:left; font-weight:bold;}
.white_b_center	{margin:0; padding:3px; padding-bottom:3px; font-size:12px; color:#ffffff; line-height:1.2em; list-style-type:none; background-image:none; text-align:center; font-weight:bold;}
.black_b_center	{margin:0; padding:3px; padding-bottom:3px; font-size:12px; color:#000000; line-height:1.2em; list-style-type:none; background-image:none; text-align:center; font-weight:bold;}