@charset "utf-8";

@font-face { 
font-family: 'notokr'; 
src: url('/common/css/notokr-regular.eot'); 
src: url('/common/css/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('/common/css/notokr-regular.woff2') format('woff2'), 
url('/common/css/notokr-regular.woff') format('woff'), 
url('/common/css/notokr-regular.ttf') format('truetype'), 
url('/common/css/notokr-regular.svg#notokr-medium') format('svg'); 
font-weight: normal; 
font-style: normal; 
}

@font-face { 
font-family: 'notokr'; 
src: url('/common/css/notokr-medium.eot'); 
src: url('/common/css/notokr-medium.eot?#iefix') format('embedded-opentype'), 
url('/common/css/notokr-medium.woff2') format('woff2'), 
url('/common/css/notokr-medium.woff') format('woff'), 
url('/common/css/notokr-medium.ttf') format('truetype'), 
url('/common/css/notokr-medium.svg#notokr-medium') format('svg'); 
font-weight: 200; 
font-style: normal; 
}

@font-face { 
font-family: 'notokr'; 
src: url('/common/css/notokr-bold.eot'); 
src: url('/common/css/notokr-bold.eot?#iefix') format('embedded-opentype'), 
url('/common/css/notokr-bold.woff2') format('woff2'), 
url('/common/css/notokr-bold.woff') format('woff'), 
url('/common/css/notokr-bold.ttf') format('truetype'), 
url('/common/css/notokr-bold.svg#notokr-bold') format('svg'); 
font-weight: 300; 
font-style: normal; 
}


html {
	width:100%;
	height:100%;
	margin:0;padding:0;
	display:block;
	font-family:'notokr'; 
	font-size:14px;
	
}
body {
	margin:0;
	padding:0;
}

html ,body{overflow-x:hidden;}

hr, .blind {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	left:-100%;
	font-size:0;
	line-height:0;
}
caption {
	color:#fff
}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body, table, td, tr, div, ul, li, ol {
	line-height:20px;
	font-family: notokr, Arial,sans-serif;
	font-size:14px;
	font-weight:normal
}
div, ul, li, td, tr, th, tbody, thead {
	font-size:14px;
	font-family: notokr, Arial,sans-serif;
}
ul, li, dl, dt, dd {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family: notokr, Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:nomal;
}
strong, b, h1, h2, h3{font-weight:200;font-family: notokr, Arial,sans-serif;}

table {
	border-spacing:0;
	border:0;
	border-collapse:collapse;
	font-family: notokr, Arial,sans-serif;
	table-layout:fixed
}
table th, table td {
	padding: 0;
	font-family: notokr, Arial,sans-serif;
	border-bottom:1px solid #dbdbdb;
}
a {
	text-decoration: none;
	font-size:14px;
	font-family: notokr, Arial,sans-serif;
}
a:link {
	color:#393939;
	font-family: notokr, Arial,sans-serif;
	font-size:14px;
}
a:hover {
	color:#dbdbdb !important;
	font-family: notokr, Arial,sans-serif;
	font-size:14px;
}
a:visited {
	color:#393939;
	font-family: notokr, Arial,sans-serif;
	font-size:14px;
}

#accessibility {
	text-align:center
}
#accessibility a {
	position:absolute;
	display:block;
	width:1px;
	height:1px;
	left:-100%;
	overflow:hidden;
}
#accessibility a:focus, #accessibility a:active {
	position:relative;
	left:0;
	width:100%;
	height:auto;
	padding:5px 0;
}
#accessibility p {
	margin:0; padding:0;
}
#wrapper {
	width:100%;
	margin:0px;
	padding:0px;
	position: relative;
}


nav {
}
#common_menu_wrap{width:100%;	background:url(/images/common/common_bg.gif);  height:50px; }
#common_menu {
    position:relative;
	font-size:1.5em;
	display:block;
	margin:0 auto;
	z-index:12;
	height:50px;
	width:1200px;
	margin:0 auto;
	padding-top:12px;
	text-align:center;
}
#common_menu li {
	margin:0px;
	width:16.5%;
	height:100%;
	line-height:1.5em;
	display:inline-block;
	float:left;
	text-align:center;
	
}
#common_menu > ul > li.m1{
       background:none;  
		}
#common_menu > ul > li{background: url(/images/common/menu_line.gif) left center no-repeat ;box-sizing:border-box;}
		
#common_menu > ul > li > a {
	color:#ffffff;
	font-size:1.3em;
	font-weight:500;
	position:relative;
	display:inline-block;
	padding-left:8%;
	height:100%;
	line-height:27px;
	text-align:center;
	letter-spacing:-0.1em;
	text-shadow:2px 1px 1px #14317c;	
}
#common_menu > ul > li:hover > a{color:#f9ff45 !important;}

#common_menu .m1 ul, #common_menu .m2 ul, #common_menu .m3 ul, #common_menu .m4 ul, #common_menu .m5 ul, #common_menu .m6 ul, #common_menu .m7 ul {
	position:absolute;
	z-index:2;
	background:#103758;
	border-radius:0 10px;
	border:1px solid #ffffff;
	border-top:0px;
}

#common_menu li li a {
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	color:#ffffff;
}
#common_menu ul li ul li a:hover, #common_menu ul li ul li a:focus {
	margin:0px;
	color:#f9ff45 !important;
}
#common_menu li ul {
	height:auto;
}
#common_menu li ul li {
	height:auto;
	vertical-align:top;
	background:none;
	white-space:nowrap;
	margin:0px !important;	
	padding:3px !important;
	width:auto !important
}
#common_menu li.m1 ul, #common_menu li.m2 ul, #common_menu li.m3 ul, #common_menu li.m4 ul, #common_menu li.m5 ul, #common_menu li.m6 ul, #common_menu li.m7 ul {
	top:50px;display:none
}
#common_menu li.m1, #common_menu li.m2, #common_menu li.m3, #common_menu li.m4 {
}
#common_menu li.m1 {
}
#common_menu li ul li a{font-size:12px; letter-spacing:0}

#smenu_1 li, #smenu_2 li, #smenu_3 li, #smenu_4 li, #smenu_5 li{} 
#smenu_1{padding:0 1%;}
#smenu_2{padding:0 1%; margin-left:-1%;}
#smenu_3{padding:0 1%;margin-left:-1%;}
#smenu_4{padding:0 1%;margin-left:-1%;}



#navigation h2 {
}
/* ������ �� */



#subvisual {
	width:100%;
	height:110px;
	clear:left;
	text-align:center;
	background:url(../../images/common/sub_bg.gif);
}
#title {
            width:1200px; 
			height:100px; 
			clear:left; 
			margin:0 auto; 
			
			height:80px; 
			padding-top:30px;}
#title .title_01 {width:19.5%; height:100%; overflow:hidden;float:left;border-radius:15px 0 0 0 ;}
#title .title_01 img{width:100%;height:100%;}
#title .title_02 {width:80.5%; height:80px; float:left;background:url(../../images/common/sub_title_bg.gif) repeat-x bottom; }
#sub-wrap {width:100%;clear:left; background:url(../../images/common/sub_bg.gif);}
#sub-container {
	width:1200px;
	 min-height:750px; 
	margin:0 auto;
	padding-top:0px;
	background-color:#ffffff;
	overflow:hidden;
	border-radius:0 0 50px 0;
}


#leftmenu {
	width:19.5%;
	float:left;
}
#leftmenu h2 {
	margin:0 auto;
	padding:0px;
	width:100%;
	height:40px;
	font-size:22px; 

	letter-spacing:-1px;
	line-height:22px;
	border-bottom:2px solid #6fb523;	
	margin-bottom:10px;
	margin-left:20px;
	text-align:center;
}
#leftmenu h2 span{color:#6fb523}

#leftmenu ul {
	clear:left;
	padding:0;
	width:100%;
	overflow:hidden;
}
#leftmenu li div li a {
                                    color:#999; 
									font-size:14px;
									}


#leftmenu li {
	text-align:left;
	border-bottom:1px solid #ebebeb;
	margin-top:5px;
	word-break:keep-all;
}
#leftmenu li h3 {padding:0; margin:0}
#leftmenu a {
	display:block;
	padding-top:5px;
	padding-left:10px;
	color:#000;
	font-weight:normal;
	font-size:15px;
}
#leftmenu .sub_over {
                                      background:url(../../images/common/left_over.gif) 95% center no-repeat;
									  width:95%; 
									  height:auto; 
									  padding-left:1%;
									  }
#leftmenu .sub_out {width:95%; padding-left:1%;}
#leftmenu .sub_over a { color: #3a8c03;}
#leftmenu .sub_out {}
#leftmenu .new_sub_out{display:none}
#leftmenu .new_sub_out, #leftmenu .new_sub_over {	border:0px;}
#leftmenu .new_sub_out li {
	padding:0;
	height:0px;
	border:0;
}
#leftmenu .new_sub_out li a {
	font-size:0em
}
#leftmenu .new_sub_over li {
	margin-left:0px; height:px; font-size:14px;  line-height:18px;
	background:url(/images/common/leftmenu-list-dot.gif) no-repeat 0 16px;
}
#leftmenu .new_sub_over li a {
	font-size:0.9em;
}
#smenu {float:left; width:100%; background:url(../../images/common/smenu_bg.gif) repeat-x; height:30px; padding-top:4px;}
#smenu ul {width:1200px; margin:0 auto;}
#smenu ul li {float:left; padding-right:13px;}
#smenu ul li a { color:#FFFFFF; font-size:14px;}
#smenu ul li a:hover{}
#smenu #m1 {padding-left:50px; width:950px;}
#smenu #m2 {padding-left:100px; width:1100px;}
#smenu #m3 {padding-left:50px; width:950px;}
#smenu #m4 {padding-left:410px; /* width:390px; */width:149px;}
#smenu #m5 {display:none;}


#ss_menu_1 ul li span a {color:#999; font-size:14px;}
#ssmenu_1 a {color:#333; text-decoration:none;}
#ssmenu_2 a {color:#333; text-decoration:none;}
#ssmenu_3 a {color:#333; text-decoration:none;}
#ssmenu_4 a {color:#333; text-decoration:none;}
#ssmenu_5 a {color:#333; text-decoration:none;}
#ssmenu_6 a {color:#333; text-decoration:none;}
#ssmenu_7 a {color:#333; text-decoration:none;}
#ssmenu_8 a {color:#333; text-decoration:none;}
#ssmenu_9 a {color:#333; text-decoration:none;}
#ssmenu_10 a {color:#333; text-decoration:none;}
#leftmenu #ssmenu_1 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_2 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_3 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_4 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_5 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_6 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_7 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_8 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_9 ul li a {color:#888; font-size:14px;}
#leftmenu #ssmenu_10 ul li a {color:#888; font-size:14px;}
#leftmenu  ul li a:hover {text-decoration:underline;}


#leftmenu .s_p_over {
}
#leftmenu .sub_out a {
}
#leftmenu li {
	padding:5px 0 5px 0px;
/*	background-image:url(/images/common/submenu_bg.png);
	background-repeat:repeat-y; */
	overflow:hidden;
}
#leftmenu li div {
	color:#ccc;
	width:75%;
	margin-bottom:10px
}
#leftmenu li div li {
	padding:0px;
    border-bottom:none;
 	margin:0;
	margin-top:5px;
	height:27px;
}

/*프로그램 선택*/
  .program .program_select{
    width: 100%;
    height: 42px;
    margin-bottom: 30px;
	display:none;
	}	
	.program .program_select option{height:42px;}		

.program_tab{width:100%;height:50px;margin-bottom:3%;display:block;}
.program_tab li{float:left;width:50%;height:100%;border:1px solid #ddd;box-sizing:border-box;height:50px;}
.program_tab li a{width:100%;display:block;line-height:50px;text-align:center;height:100%;}
.program_tab li a:hover{background:#6d6d6d;color:#fff;}

/*
#title {
	width:600px;
	height:90px;
	padding-top:30px;
	margin-bottom:30px;

}
*/
#title h4{
 width:45%;
  float:left;
  font-size:25px;
  text-align:left;
  padding:30px 0 0 40px;
  font-weight:bold;
  color:#414141;
  font-family:NanumEB;
}
#title .navigator {
	float:right;
	text-align:right;
	font-size:14px;
	padding-top:30px;
	color:#767676;
	margin-right:3%;
}

#title .navigator .nav1 a {color:#000000;}
#title .navigator .nav2 {}
#title .navigator .nav3 {color:#018b55; font-weight:bold;}

#contents {
	float:right;
	line-height:20px;
	min-height:250px;
	text-align:left;
	width:80.5%;
	  padding:5% 3%;
	border-left:1px solid #ebebeb;
	font-size:16px;
	box-sizing:border-box;
}

#contents div, tr, td, ul, li, dl, dd, dt, p{font-size:15px; letter-spacing:-0.04em}
#ajaxLoadingLayer {
	position:fixed;
	left:0px;
	top:0px;
	z-index:5;
	width:100%;
	height:100%;
	background-color:#333;
	display:none
}
.select_opt {
	position:relative;
	float:left;
}
.sebox_basic {
	margin-right:3px;
}
.sebox_order {
	margin-right:10px;
}
.sebox_func {
	margin-right:3px;
}
.sebox_ctgr {
	margin-right:3px;
}
.select_opt a {
	font-size:11px;
	color:#666666;
}
.top_list .sebox_basic .list_label {
	width:94px;
	background-position:88px -40px;
}
.top_list .sebox_func .list_label {
	padding:5px 0 3px 5px;
	width:64px;
	background-position:55px -40px;
}
.top_list .sebox_adm .list_label {
	padding:5px 0 3px 5px;
	width:55px;
	background-position:46px -40px;
}
.top_list .sebox_ctgr .list_label {
	padding:5px 0 4px 5px;
	width:97px;
	background-position:88px -40px;
}
.top_list .select_opt .s-choice {
}
.top_list .sebox_basic .s-choice {
	background-position:88px -56px;
}
.top_list .sebox_func .s-choice {
	background-position:55px -56px;
}
.top_list .sebox_adm .s-choice {
	background-position:46px -56px;
}
.top_list .sebox_ctgr .s-choice {
	background-position:88px -56px;
}
.top_list .select_opt ul {
	position:absolute;
	left:0;
	margin:0;
	width:95px;
	_width:90px;
	border:1px solid #D3D3D3;
	background-color:#F9F9F9;
	z-index:100;
}
.top_list .sebox_basic ul {
	top:24px;
	width:94px;
	_width:97px;
}
.top_list .sebox_func ul {
	top:24px;
	width:69px;
	_width:64px;
}
.top_list .sebox_adm ul {
	top:24px;
	width:60px;
	_width:55px;
}
.top_list .sebox_ctgr ul {
	top:25px;
	width:102px;
	_width:97px;
}
.top_list .select_opt li {
	text-indent:5px;
	list-style:none;
}
.top_list .sebox_basic li {
	width:94px;
}
.top_list .sebox_func li {
	width:69px;
}
.top_list .sebox_adm li {
	width:60px;
}
.top_list .sebox_ctgr li {
	width:102px;
}
.top_list .select_opt li a {
	float:left;
	_margin-right:-5px;
	padding:4px 0 2px;
	width:95px;
	overflow:hidden;
}
.top_list .sebox_basic li a {
	width:94px;
}
.top_list .sebox_func li a {
	width:69px;
}
.top_list .sebox_adm li a {
	width:60px;
}
.top_list .sebox_ctgr li a {
	width:102px;
}
.top_list .select_opt li a:hover {
	background-color:#F0F0F0;
}
.sitemap {
	float:left;
	padding:0 12px 15px 0px;
	margin-bottom:40px;
	width:700px;
}
.sitemap div{float:left; padding-right:10px;}
.sitemap h4 {
	background:none !important;
	padding-left:0 !important;
	margin-bottom:2px !important;
	text-align:center;
	font-size:18px;  color:#559a09; border-bottom:2px solid #559a09
}
.sitemap ul {
	width:190px;
	padding:10px;
	background:#f9f9f9;
}
.sitemap ul li {
	padding-left:13px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #dcdcdc;
	font-size:13px;
}
.sitemap ul ul {
	margin:0 !important;
	padding-left:0;
	background:none !important;
}
.sitemap li li {
	padding-left:5px;
	padding-bottom:5px;
	margin:0;
	border-bottom:none;
}
.nomal {
	padding:0;
	margin:0;
	font-weight:nomal;
!important
}

.text_o {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.board-top {
	clear:left;
	text-align:center
}
.board-top h4 {
	font-size:18px;
	line-height:18px;
	color:#ff7600;
	margin:0px;
	padding:0;
	height:25px;
}
.board-top p {
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:14px;
	height:40px;
}

.mboard_on1, .mboard_on1 table,
.mboard_on2,mboard_on2 table{display:none;}

.view1_on,.view1_on table{display:none;}

.view1_off,.view1_on{margin-top:5%;}

table#pass_div tr,
table#pass_div th,
table#pass_div td{border-right:0;}

table.view_in th,
table.view_in tr,
table.view_in td{border-bottom:0;}

.mboard_on1 table th,
.mboard_on1 table tr,
.mboard_on1 table td,
.mboard_on2 table th,
.mboard_on2 table tr,
.mboard_on2 table td{border-right:0;}

.view1_top_off{display:none;}

/*게시판 수정하기 부분 /sgkmaster/board/skin/def/list/write.php*/
.write1_t_off{display:block;}
.write1_b_off{display:block;}

.write1_t_on{display:none;}
.write1_b_on{display:none;}



header{clear:left}

#wrapper #header {
	margin:0px;
	padding:0px;
	width:1200px;
	margin:0 auto;
	height:100px;
}
#wrapper #header h1 {
	width:730px;
	float:left;
	padding:10px 0 0 0; margin:0; border:0px solid #ebebeb
}
#wrapper #header h1 ul {
	margin:0;
	padding:0
}
#wrapper #header h1 li {
	float:left;
}

#wrapper #header #util {
	float:left;;
	padding-top:40px;
	padding-left:100px;
}
#wrapper #header #util p{margin:0; padding:0 10px 0 0; text-align:right}

#wrapper #header #util ul {margin:0; padding:0 0 0 px;
}
#wrapper #header #util li {
     float:left;
	font-size:14px;
	padding-left:5px;
	
}
#wrapper #header .gray {
	color:#c6c6c6
}



#wrapper #main-search {
	float:left;
	padding-top:30px; padding-left:20px;
	width:270px 
}
#wrapper #main-search ul {
	margin:0;
	padding:0;
}
#wrapper #main-search li {
	float:left;
	margin:0;
	padding:0;
	font-size:0px;
}
#wrapper #main-search .search-bg {
	background:url(/images/common/search-bg.gif) repeat-x;
	height:32px;
width:110px;
}
#wrapper #main-search input {
	border:none;
	background-color:#transparent;
	width:110px;
	margin-top:7px
}
nav {
	clear:left;
	width:100%;
	background:url(/images/common/submenu-bg.gif) repeat-x;

}

#top_menu {
	display:block;
	margin:0 auto;
	width:1200px;
	clear:left;
	height:110px;
	padding-bottom:10px;
}

#top_menu_min{display:none;position:absolute;top:0;left:0;}
#top_menu_min > .top_right > ul.right_in > ul.lang_list{display:none;} 

#top_menu .top_left {
   width:30%;
  float:left;
  padding-top:35px;
  text-align:center;
}
#top_menu .top_left  img {height:100%;}

#top_menu .logo {
  width:40%;
  height:75px;
  padding-top:8px;
  float:left;
  text-align:center;
 }
 #top_menu .logo a{margin:0 auto;}
#top_menu .top_right {
  height:70%;
  width:30%;
  left:65%;top:0;
  padding-top:40px;
  float:right;
}

#top_menu .top_right  ul.right_in{
                                                          float:right;
														  position:relative;
														  height:100%;
														  }


#top_menu .top_right ul.right_in li{float:left;}
#top_menu .top_right ul.right_in li a{display:inline-block;width:100%;height:100%;}
#top_menu .top_right ul.right_in  li.top1 a{background:url(../../images/common/btn-book-check.gif) center center no-repeat;}
#top_menu .top_right ul.right_in  li.top2 a{background:url(../../images/common/login_btn.gif)center center no-repeat;}
#top_menu .top_right ul.right_in li.top2_1 a{background:url(../../images/common/logout_btn.gif)center center no-repeat;}
#top_menu .top_right ul.right_in li.top3 a{background:url(../../images/common/lang_btn.gif)center center no-repeat;}

#top_menu .top_right li.top1{width:95px;height:28px;margin-right:5px;}
#top_menu .top_right li.top2{width:61px;height:28px;margin-right:5px;}
#top_menu .top_right li.top2_1{width:67px;height:28px;margin-right:5px;}
#top_menu .top_right li.top3{width:78px;height:28px;}



#top_menu .top_right li a{display:inline-block;width:100%;height:100%;}

  
  
#top_t_wrap {
    width:100%;
	float:left;
	height:23px;
}

#top_t {
 width:1200px;
 margin:0 auto;
}


#top_menu .top_right .bandiland {margin-top:55px;
}

#top_menu .util {
  /*background:url(../../images/common/util_bg.gif) no-repeat right;
  width:223px;*/
  width:100px;
  height:28px;
  float:right;
  margin-top:55px;
  padding-top:12px;
}

#top_menu .util img {
  padding:0 0px 0 23px;
  }
#common_wrap {
  width:100%;
  height:51px;
}
#common_wrap ul {
  width:1200px;
  margin:0 auto;  
}

#common_wrap ul li {
  float:left;
  /* width:166px; */
  /* width:200px; menu 4�� */
  width:16.6%;/*250px;*/
  text-align:center;
  background:url(../../images/common/menu_bg.gif) no-repeat;
  padding:11px 0 5px 0;
}

.sub_menu{
                   position:absolute;
				   width:100%;
				   height:60px;
				   display:none;
				   }



.no_back {background:0;}

.sbg{clear:left; background-color:#747474; width:100%; height:30px; margin-top:-1px; display:none;}



#footer_wrap {
                         position:relative;
						 clear:both;
						 width:100%; 
						 float:left; 
						 background:#eeeeee; 
						 padding-top:10px;
						 
						 }
.footer_menu {background-color:#00CCFF; float:left; width:100%;padding-bottom:20px;;}
.footer_menu li {float:left; background-color:#00CCFF; padding:0 10px; font-size:14px; color:#2b2929; height:14px; line-height:14px;}
.brd {border-left:1px solid #666666;}
.left {margin-left:298px;}


#muju{
	text-align:left;
	font-style:normal;
	font-size:13px;
	color:#6e6e6e;
	height:40px;
	line-height:40px;
	padding-left:32%;
	letter-spacing:0px;
	
}


footer {
	clear:left;
	width:1200px;
	margin:0 auto;
	height:100%;
}

#footer{width:100%;position:relative;bottom:0;height:100px;}
#footer ul{float:left;}

#footer ul.f_logo{width:28%;height:100%;padding-right:4%;margin-top:-30px;}
#footer ul.f_logo li{width:100%;height:100%;text-align:center;}
#footer ul.f_logo li a{
                                     width:100%;height:100%;
									 text-align:center;
									 display:inline-block;
									 background:url(/images/common/footer_logo_2018.gif) top center no-repeat;
									 }

#footer ul.adress{
	font-style:normal;
	color:#6e6e6e;
	height:100%;
	width:51%;
}
#footer ul.adress li{font-size:13px;}
#footer ul.f_right{
	vertical-align:top;
	padding:20px 0 0 3%;
	margin:0;	
}

#footer ul.f_right li a{font-size:13px;}





#quick-wrap{position:absolute; z-index:-1; padding-top:5px;}
#quick{}
#quick ul{margin:0; padding:0}
#quick li{margin:0; padding:0;  line-height:0; font-size:0}



#town_list li {
	float:left;
	text-align:center;
	padding:5px;
	border:1px solid #ebebeb;
	padding:10px 20px 10px 20px;
	background:#fff
}

#lang_list {
                     z-index:2000; 
					 background-color:#fff; 
					 position:absolute; 
					 margin-left:168px; 
					 margin-top:28px;}
#lang_list li {
                    text-align:center; 
					height:25px;
					font-size:12px; 
					color:#3e3e3e; 
					width:100%; 
					border-bottom:1px dotted #ccc; 
					padding-top:4px;
					display:block;
					}
#lang_list li.last_li{border-bottom:none;}
#lang_list li a {height:29px; color:#3e3e3e;line-height:29px; font-size:11px;}
#lang_list > li.last_li{height:40px;}
#lang_list > li.last_li > a {
                                     color:#a0a0a0; 
									 background:url(/images/common/close_bg.gif) center 94% no-repeat; 
									 background-size:9px 9px;
									 line-height:29px;
									 }



/* pc대상 레이아웃 지정 : 1561px이상 1653px이하   고정 레이아웃 */
@media all screen and (min-width:1561px){
                                                                 #top_menu{
																                     width:60%;
																			        margin:0 auto;																		                       
																								   }
																								   
																	#common_menu{width:60%;margin:0 auto;}		
																	footer {width:60%;}
																	
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:60%;} 
 
																										   }
																										   
																										   
																								   
/* pc대상 레이아웃 지정 : 1430px 이상 1560px이하   고정 레이아웃 */
@media all and (min-width:1430px) and (max-width:1560px){
                                                                                #top_menu{
																                     width:80%;
																			        margin:0 auto;																		                       
																								   }
																								   
																	#common_menu{width:80%;margin:0 auto;}		
																	footer {width:80%;}
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:80%;} 
1429
																										   }
																										   
/* pc대상 레이아웃 지정 : 1289px 이상 1429px이하   고정 레이아웃 */
@media all and (min-width:1289px) and (max-width:1429px){
                                                                                #top_menu{
																                     width:85%;
																			        margin:0 auto;																		                       
																								   }
																								   
																	
																	#common_menu{width:85%;margin:0 auto;}		
																	footer {width:85%;}
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:85%;} 

																										   }
																										   																										   
																										   
																										   
																										   
/* pc대상 레이아웃 지정 : 1024px 이상 1288px이하   고정 레이아웃 */
@media all and (min-width:1024px) and (max-width:1288px){
                                                                                                                
																	 #top_menu{
																                     width:90%;
																			        margin:0 auto;																		                       
																								   }
																	#common_menu{width:90%;margin:0 auto;}																			
																	footer {width:90%;}
																	footer #footer .f_right{display:none;}	
																	#muju{padding-left:36%;}
																	#footer ul.f_logo{width:32%;}
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:90%;} 		
																	
																					
																												}																										   
																										   



/* pc대상 레이아웃 지정 :971px 이상 1023px이하   고정 레이아웃 */
@media all and (min-width:971px) and (max-width:1023px){
                                                                               	 #top_menu{
																                     width:93%;
																			        margin:0 auto;																		                       
																								   }
																								   
																	#common_menu{width:93%;margin:0 auto;}	
																	footer {width:93%;}	
																	footer #footer .f_right{display:none;}
																	
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:93%;} 
																				   }
																				   
																				   
/* pc대상 레이아웃 지정 : 870px 이상 970px 이하   고정 레이아웃 */
@media all and (min-width:870px) and (max-width:970px){
                                                                    #top_menu{
																                     width:95%;
																			        margin:0 auto;																		                       
																								   }
																	#top_menu .top_left{width:28%;}
																	#top_menu .top_right{width:32%;}							   
																								   
																	#common_menu{width:95%;margin:0 auto;}	
																	footer {width:95%;}	
																	.foot_in{height:120px;}
																	footer #footer .f_right{display:none;}
																	
																	
																	
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:95%;} 
																	
																	
																											
																											 }																				   
																				   
																				   
																				   
/* pc 및 대형 태블릿 대상 레이아웃 지정 : 768px 이상 869px 이하   고정 레이아웃 */
@media all and (min-width:768px) and (max-width:869px){
                                                                   #top_menu{
																                     width:98%;
																					 height:80px;
																			        margin:0 auto;																		                       
																								   }
																	 #top_menu .top_left{display:none;}	
																	  #top_menu .logo{padding-left:0%;text-align:left;}
																	  #top_menu .logo img{height:95%;}
																	  #top_menu .top_right{padding-top:30px;width:60%;}
																	  
																	#common_menu_wrap{height:55px;background-size:contain;}			   
																	#common_menu{padding-top:0;width:95%;height:100%;margin:0 auto;}	
																	
															#common_menu li.m1 ul, #common_menu li.m2 ul, #common_menu li.m3 ul,
															#common_menu li.m4 ul, #common_menu li.m5 ul, #common_menu li.m6 ul, 
															#common_menu li.m7 ul {top:55px;display:none;}
																	
																	
																	#common_menu > ul > li{line-height:55px;}
																	#common_menu > ul > li > a{font-size:1.0em;}
																	
																	footer{width:100%;}
																	footer #footer{height:100px;width:95%;margin:0 auto;}
																	footer #footer ul.f_logo{width:30%;margin-top:0px;padding-right:0;}
																	footer #footer ul.adress{width:70%;padding-top:15px;}
																	footer #footer ul.adress li{padding-left:2%;text-align:left;font-size:13px;line-height:20px;}
																	footer #footer .f_right{display:none;}														
																	#muju{display:none;}
																	
																	
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:95%;} 
																	
																	#contents{
																	                   width:100%;
																					    padding:5% 3%;
																					   }
																					   
																	#leftmenu{display:none;}
																	#title .navigator{display:none;}
																	 #title .title_01{display:none;}
																	   #title .title_02{width:100%;border-radius:20px 0 0 0;}
																	#title h4{width:100%;}
																	
																	  .program .program_select{display:block;}	
																	  .program_tab{display:none;}
																	}						   
																				   
/* pc 및 대형 태블릿 대상 레이아웃 지정 : 480px 이상 767px 이하   고정 레이아웃 */
@media all and (min-width:480px) and (max-width:767px){
																   #top_menu{
																                     width:100%;
																					 height:90px;
																			        margin:0 auto;																		                       
																								   }
																	 #top_menu .top_left{display:none;}	
																	  #top_menu .logo{padding-top:2%;padding-left:0%;text-align:left;}
																	  #top_menu .logo img{height:95%;}
																	  #top_menu .top_right{padding-top:35px;width:60%;}
																	  
																	 #common_menu_wrap{height:100px;}			 							   
																	#common_menu{width:100%;margin:0 auto;padding-top:5px;}	
																	#common_menu ul{width:100%;margin:0;padding:0;}
															#common_menu li.m1 ul, #common_menu li.m2 ul, #common_menu li.m3 ul,
															#common_menu li.m4 ul, #common_menu li.m5 ul, #common_menu li.m6 ul, 
															#common_menu li.m7 ul {
															position:absolute;
															z-index:10;
															background:rgba(255,255,255,0.9);
															border-radius:0;
															border:0;	
															width:33.33%;	
															margin:0 auto;					
															}
															
															#common_menu li.m4 ul{margin-top:50px;}
															
															#common_menu li ul li{
																										box-sizing:border-box;
																										width:100% !important;
																										height:50px;
																										line-height:50px;
																										display:block;
																										clear:both;
																										padding:0 !important;
																										}
															
															#common_menu li ul li a{
															                                              display:block;
																										  width:100%;
																										  height:100%;
																										  line-height:50px;
																										  color:#333;
																										  font-size:16px;
																										  }
																															
																	#common_menu ul li{
																	width:33.33%;
																	height:45px;
																	line-heihgt:45px;
																	}
																	#smenu_1,#smenu_2,#smenu_3,#smenu_4,
																	#smenu_5,#smenu_6,#smenu_7{padding:0;}
																	
																	#common_menu > ul > li.m4{background:none;}
																	#common_menu > ul > li > a{
																	width:100%;height:100%;
																	background:none;
																	line-height:45px;
																	padding-left:0;
																	font-size:19px;
																	font-weigth:bold;
																	
																	}
																	
																	#common_menu ul li ul li a:hover, #common_menu ul li ul li a:focus {
	margin:0px;
	background-color:rgba(48,86,174, 0.7) !important;
}
																	
													
																	

																	footer{width:100%;}
																	footer #footer ul.f_logo{margin-top:-10px;width:100%;padding:0;}
																	footer #footer ul.f_logo li{width:35%;margin:0 auto;padding:10px 0 15px 0;}
																	footer #footer ul.f_logo li a{text-align:center;}
																	footer #footer ul.adress{width:100%;height:auto;padding-bottom:15px;}
																	footer #footer ul.adress li{padding:0;text-align:center;font-size:12px;line-height:18px;}
																	ul.adress li.ad4{display:none;}
																	footer #footer .f_right{display:none;}														
																	#muju{display:none;}
																	
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:100%;} 
																	#sub-container{min-height:500px;} 
			
																	
																	#contents{
																	                   width:100%;
																					    padding:5% 3%;
																					   }
																					   
																	#leftmenu{display:none;}
																	#title .navigator{display:none;}
																	#title .title_01{display:none;}
																	   #title .title_02{width:100%;border-radius:20px 0 0 0;}
																	#title h4{width:100%;font-size:27px;text-align:center;padding-left:0;}
																	 .program .program_select{display:block;}	
																	 .program_tab{display:none;}
																	
																	/*축제소식,보도자료 게시판*/
																	.mboard_off, .mboard_off table,
																	.mboard_on2, .mboard_on2 table{display:none;}
																	.mboard_on1, .mboard_on1 table{display:block;}		
																	.view1_off,.view1_off table{display:none;}
																	.view1_on,.view1_on table{display:block;}
																	
																	/*게시판 수정하기 부분 /sgkmaster/board/skin/def/list/write.php*/
																	.write1_t_off,.write1_b_off{display:none;}
																	.write1_t_on,.write1_b_on{display:block;}

																	
																	}																						   
																				   
																				   
																				   
/* pc 및 대형 태블릿 대상 레이아웃 지정 : 360px 이상 479px 이하   고정 레이아웃 */
@media all and (min-width:360px) and (max-width:479px){
                                                                  
																   /*
																   #top_menu{
																                     width:100%;
																			        margin:0 auto;	
																					height:80px;																	                       
																								   }
																	 #top_menu .top_left{display:none;}	
																	  #top_menu .logo{
																	                                display:block;
																									padding-left:0%;
																									text-align:center;
																									width:50%;
																									}
																	  #top_menu .logo img{width:90%;}
																	  #top_menu .top_right{
																	                                        padding-top:32px;
																											width:50%;
																											height:30%;
																											}
																	  
																	  #top_menu  .top_right ul.right_in {float:none;margin:0 auto;width:166px;}
																	  #top_menu  .top_right ul.right_in  li.top2{margin-right:0;}
																	  #top_menu  .top_right ul.right_in  li.top3{display:none;}
																	  
																	  */
																	  
																	   #top_menu {display:none;}
																      #top_menu_min{display:block;}
																	  
																	  #top_menu_min{
																                     width:100%;
																			        margin:0 auto;	
																					height:80px;	
																					display:block;
																					position:relative;																                       
																								   }
																	
																	  #top_menu_min .logo{
																	                                display:inline-block;
																									float:left;
																									text-align:center;
																									width:45%;
																									height:100%;
																									}
																									
																	  #top_menu_min .logo img{width:90%;height:90%;}
																	  #top_menu_min .top_right{
																											width:55%;
																											height:100%;
																											float:left;
																											}
																	  
																	  #top_menu_min  .top_right ul.right_in {
																	                                      margin:0 auto;
																										  width:100%;
																										  }
																	  #top_menu_min  .top_right ul.right_in li{
																	                                                                      float:left;
																																		  padding:1% 0;
																																		  margin-right:2%;
																																		  text-align:center;
																																		  box-sizing:border-box;
																																		  margin-top:10%;
																																		  }
																		 #top_menu_min  .top_right ul.right_in li a{font-size:80%;letter-spacing:-1px;}
																		#top_menu_min  .top_right ul.right_in li.top1{
																																					  background-color:#ec4307;
																																					  border:1px solid #d74613;
																																					  width:41%
																																					  }
																																					  
																		#top_menu_min  .top_right ul.right_in li.top1 a{color:#ffffff;}																			  
																	  #top_menu_min  .top_right ul.right_in li.top2,
																	   #top_menu_min  .top_right ul.right_in li.top2_1{
																	                                                                                background-color:#f7f7f7;
																																					border:1px solid #d5d8dc;
																																					width:25%;
																																					
																																					}
																																					
																		#top_menu_min  .top_right ul.right_in li.top2 a,
																		#top_menu_min  .top_right ul.right_in li.top2_1 a,
																		  #top_menu_min  .top_right ul.right_in li.top3 a{color:#4d4d4d;}																			
																																					
																																					
																																					
																	  #top_menu_min  .top_right ul.right_in li.top3{
																	                                                                                border:1px solid #d5d8dc;
																																					background-color:#ffffff;
																																					width:28%;
																																					margin-right:none;
																																					}
																																					
																																				
																			 #top_menu_min > .top_right > ul.right_in > .lang_list{
																			                                               z-index:2000;
																														   position:absolute;
																														   top:70%;right:0;
																														   width:55%;height:22px;
																														   }		
																														   													
																			  #top_menu_min > .top_right > ul.right_in > .lang_list > li{
																			                                      display:inline-block;
																												  float:right;
																												  padding:0 4%;
																												  height:20%;
																												  pdding-top:0;
																												  margin-right:0;
																												  margin-top:0;
																												  }
																												  
																			  #top_menu_min > .top_right > ul.right_in > .lang_list > li > a{
																			                                       line-height:22px;
																												   color:#4d4d4d;
																												   text-align:center;
																												   }																		
																	  
																	  
																	 #common_menu_wrap{height:100px;}			 							   
																	#common_menu{width:100%;margin:0 auto;padding-top:5px;}	
																	
																	
														   #common_menu li.m1 ul, #common_menu li.m2 ul, #common_menu li.m3 ul,
															#common_menu li.m4 ul, #common_menu li.m5 ul, #common_menu li.m6 ul, 
															#common_menu li.m7 ul {
															position:absolute;
															z-index:10;
															background:rgba(255,255,255,0.9);
															border-radius:0;
															border:0;	
															width:33.33%;	
															margin:0 auto;					
															}
															
															#common_menu li.m4 ul{margin-top:50px;}
															
															#common_menu li ul li{
																										box-sizing:border-box;
																										width:100% !important;
																										height:50px;
																										line-height:50px;
																										display:block;
																										clear:both;
																										padding:0 !important;
																										}
															
															#common_menu li ul li a{
															                                              display:block;
																										  width:100%;
																										  height:100%;
																										  line-height:50px;
																										  color:#333;
																										  font-size:90%;
																										  }
																															
																	#common_menu ul li{
																	width:33.33%;
																	height:45px;
																	line-heihgt:45px;
																	}
																	#smenu_1,#smenu_2,#smenu_3,#smenu_4,
																	#smenu_5,#smenu_6,#smenu_7{padding:0;}
																	
																	#common_menu > ul > li.m4{background:none;}
																	#common_menu > ul > li > a{
																	width:100%;height:100%;
																	background:none;
																	line-height:45px;
																	padding-left:0;
																	font-size:100%;
																	font-weigth:bold;
																	
																	}
																	
																	#common_menu ul li ul li a:hover, #common_menu ul li ul li a:focus {	
																	margin:0px;	
																	background-color:rgba(48,86,174, 0.7) !important;
																	}
																	
																	
																	#footer{height:85px;}
																	footer{width:100%;}
																	footer #footer ul.f_logo{margin-top:-10px;width:100%;padding:0;}
																	footer #footer ul.f_logo li{margin:0 auto;padding:0px 0 0px 0;}
																	footer #footer ul.f_logo li a{text-align:center;}
																	footer #footer ul.adress{width:100%;height:auto;padding-bottom:15px;}
																	footer #footer ul.adress li{padding:0px 0 0 0;text-align:center;font-size:12px;line-height:18px;}
																	ul.adress li.ad1,ul.adress li.ad2,ul.adress li.ad4{display:none;}
																	footer #footer .f_right{display:none;}															
																	#muju{display:none;}
																	
																											
																	.ready{min-height:100px;}
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:100%;} 
																	
																	#sub-container{min-height:100px;} 
			
																	#contents{
																	                   width:100%;
																					    padding:3% 2%;
																						min-height:100px;
																					   }
																					   
																	#leftmenu{display:none;}
																	 .program .program_select{display:block;}	
																	 .program_tab{display:none;}
																	
																	
																	#title .navigator{display:none;}
																	#title .title_01{display:none;}
																	   #title .title_02{width:100%;border-radius:20px 0 0 0;}
																	#title h4{
																	               width:100%;
																				   font-size:27px;
																				   text-align:center;
																				   padding-left:0;
																				   }
																				   
																	/*축제소식,보도자료 게시판*/
																	.mboard_off, .mboard_off table,
																	.mboard_on1, .mboard_on1 table{display:none;}
																	.mboard_on2, .mboard_on2 table{display:block;}
																	.view1_off,.view1_off table{display:none;}
																	.view1_on,.view1_on table{display:block;}		   
																	
																	}	
																	
/* pc 및 대형 태블릿 대상 레이아웃 지정 : 300px 이상 고정 레이아웃 */
@media all and (min-width:300px) and (max-width:359px){
                                                              /*#top_menu{
																                     width:100%;
																			        margin:0 auto;	
																					height:130px;																	                       
																								   }
																	 #top_menu .top_left{display:none;}	
																	  #top_menu .logo{
																	                                display:block;
																									padding-left:0%;
																									text-align:center;
																									width:100%;
																									margin:10px 0;
																									}
																	  #top_menu .logo img{height:100%;}
																	  #top_menu .top_right{
																	                                        padding-top:0;
																											width:100%;
																											height:20%;
																											left:0;
																											float:left;
																											margin:0 auto;
																											
																											}
																	  
																	  #top_menu  .top_right ul.right_in {float:none;margin:0 auto;width:163px;}
																	  #top_menu  .top_right ul.right_in  li.top2{margin-right:0;}
																	  #top_menu  .top_right ul.right_in  li.top3{display:none;}
																	  
																	*/
																	  
																	   #top_menu {display:none;}
																      #top_menu_min{display:block;}
																	  
																	  #top_menu_min{
																                     width:100%;
																			        margin:0 auto;	
																					height:130px;	
																					display:block;
																					position:relative;																                       
																								   }
																	
																	  #top_menu_min .logo{
																	                                display:block;
																									float:left;
																									text-align:center;
																									width:100%;
																									height:65%;
																									}
																									
																	  #top_menu_min .logo img{padding-top:1%;height:85%;}
																	  #top_menu_min .top_right{
																											width:100%;
																											height:35%;
																											float:left;
																											}
																	  
																	  #top_menu_min  .top_right ul.right_in {
																	                                      margin:0 auto;
																										  width:100%;
																										  }
																	  #top_menu_min  .top_right ul.right_in li{
																	                                                                      float:left;
																																		  padding:1% 0;
																																		  margin-right:2%;
																																		  text-align:center;
																																		  box-sizing:border-box;
																																		  margin-top:0%;
																																		  }
																		 #top_menu_min  .top_right ul.right_in li a{font-size:80%;letter-spacing:-1px;}
																		#top_menu_min  .top_right ul.right_in li.top1{
																																					  background-color:#ec4307;
																																					  border:1px solid #d74613;
																																					  width:35%;
																																					  margin-left:4%;
																																					  }
																																					  
																		#top_menu_min  .top_right ul.right_in li.top1 a{color:#ffffff;}																			  
																	  #top_menu_min  .top_right ul.right_in li.top2,
																	   #top_menu_min  .top_right ul.right_in li.top2_1{
																	                                                                                background-color:#f7f7f7;
																																					border:1px solid #d5d8dc;
																																					width:25%;
																																					
																																					}
																																					
																		#top_menu_min  .top_right ul.right_in li.top2 a,
																		#top_menu_min  .top_right ul.right_in li.top2_1 a,
																		  #top_menu_min  .top_right ul.right_in li.top3 a{color:#4d4d4d;}																			
																																					
																																					
																																					
																	  #top_menu_min  .top_right ul.right_in li.top3{
																	                                                                                border:1px solid #d5d8dc;
																																					background-color:#ffffff;
																																					width:28%;
																																					margin-right:none;
																																					}
																																					
																																				
																			 #top_menu_min > .top_right > ul.right_in > .lang_list{
																			                                               z-index:2000;
																														   position:absolute;
																														   top:85%;right:0;
																														   width:55%;height:22px;
																														   }		
																														   													
																			  #top_menu_min > .top_right > ul.right_in > .lang_list > li{
																			                                      display:inline-block;
																												  float:right;
																												  padding:0 4%;
																												  height:20%;
																												  pdding-top:0;
																												  margin-right:0;
																												  margin-top:0;
																												  }
																												  
																			  #top_menu_min > .top_right > ul.right_in > .lang_list > li > a{
																			                                       line-height:22px;
																												   color:#4d4d4d;
																												   text-align:center;
																												   }	  
																	  
																	  
																	  
																	  
																	 #common_menu_wrap{height:100px;}			 							   
																	#common_menu{width:100%;margin:0 auto;padding-top:5px;}	
																	
																	
															  #common_menu li.m1 ul, #common_menu li.m2 ul, #common_menu li.m3 ul,
															#common_menu li.m4 ul, #common_menu li.m5 ul, #common_menu li.m6 ul, 
															#common_menu li.m7 ul {
															position:absolute;
															z-index:10;
															background:rgba(255,255,255,0.9);
															border-radius:0;
															border:0;	
															width:33.33%;	
															margin:0 auto;					
															}
															
															#common_menu li.m4 ul{margin-top:50px;}
															
															#common_menu li ul li{
																										box-sizing:border-box;
																										width:100% !important;
																										height:50px;
																										line-height:50px;
																										display:block;
																										clear:both;
																										padding:0 !important;
																										}
															
															#common_menu li ul li a{
															                                              display:block;
																										  width:100%;
																										  height:100%;
																										  line-height:50px;
																										  color:#333;
																										  font-size:7%;
																										  }
																															
																	#common_menu ul li{
																	width:33.33%;
																	height:45px;
																	line-heihgt:45px;
																	}
																	#smenu_1,#smenu_2,#smenu_3,#smenu_4,
																	#smenu_5,#smenu_6,#smenu_7{padding:0;}
																	
																	#common_menu > ul > li.m4{background:none;}
																	#common_menu > ul > li > a{
																	width:100%;height:100%;
																	background:none;
																	line-height:45px;
																	padding-left:0;
																	font-size:100%;
																	font-weigth:bold;
																	
																	}
																	
																	#common_menu ul li ul li a:hover, #common_menu ul li ul li a:focus {	
																	margin:0px;	
																	background-color:rgba(48,86,174, 0.7) !important;
																	}
																	
																	
																	#footer{height:85px;}
																	footer{width:100%;}
																	footer #footer ul.f_logo{margin-top:-10px;width:100%;padding:0;}
																	footer #footer ul.f_logo li{width:75%;margin:0 auto;padding:0px 0 0px 0;}
																	footer #footer ul.f_logo li a{text-align:center;background-size:100% 100%;}
																	footer #footer ul.adress{width:100%;height:auto;padding-bottom:15px;}
																	footer #footer ul.adress li{padding:0px 0 0 0;text-align:center;font-size:12px;line-height:18px;}
																	ul.adress li.ad1,ul.adress li.ad2,ul.adress li.ad4{display:none;}
																	footer #footer .f_right{display:none;}															
																	#muju{display:none;}
																	
																											
																	.ready{min-height:100px;}
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:100%;} 
																	
																	#sub-container{min-height:100px;} 
			
																	#contents{
																	                   width:100%;
																					    padding:3% 0%;
																						min-height:100px;
																					   }
																					   
																	#leftmenu{display:none;}
																	 .program .program_select{display:block;}	
																	 .program_tab{display:none;}
																	
																	
																	#title .navigator{display:none;}
																	#title .title_01{display:none;}
																	   #title .title_02{width:100%;border-radius:20px 0 0 0;}
																	#title h4{
																	               width:100%;
																				   font-size:27px;
																				   text-align:center;
																				   padding-left:0;
																				   }
																				   
															/*축제소식,보도자료 게시판*/
																	.mboard_off, .mboard_off table,
																	.mboard_on1, .mboard_on1 table{display:none;}
																	.mboard_on2, .mboard_on2 table{display:block;}		
																	.view1_off,.view1_off table{display:none;}
																	.view1_on,.view1_on table{display:block;}		
																	td.view_t{font-size:75%;}	  
																	td.text_0 a{font-size:85%;} 
																	
																table.view_in td a span{font-size:100%;}
																	
															}				   

/* pc 및 대형 태블릿 대상 레이아웃 지정 : 0px 이상 고정 레이아웃 */
@media all and (min-width:0px) and (max-width:299px){
                                                              /*#top_menu{
																                     width:100%;
																			        margin:0 auto;	
																					height:130px;																	                       
																								   }
																	 #top_menu .top_left{display:none;}	
																	  #top_menu .logo{
																	                                display:block;
																									padding-left:0%;
																									text-align:center;
																									width:100%;
																									margin:10px 0;
																									}
																	  #top_menu .logo img{height:100%;}
																	  #top_menu .top_right{
																	                                        padding-top:0;
																											width:100%;
																											height:20%;
																											left:0;
																											float:left;
																											margin:0 auto;
																											
																											}
																	  
																	  #top_menu  .top_right ul.right_in {float:none;margin:0 auto;width:163px;}
																	  #top_menu  .top_right ul.right_in  li.top2{margin-right:0;}
																	  #top_menu  .top_right ul.right_in  li.top3{display:none;}
																	  
																	*/
																	  
																	   #top_menu {display:none;}
																      #top_menu_min{display:block;}
																	  
																	  #top_menu_min{
																                     width:100%;
																			        margin:0 auto;	
																					height:130px;	
																					display:block;
																					position:relative;																                       
																								   }
																	
																	  #top_menu_min .logo{
																	                                display:block;
																									float:left;
																									text-align:center;
																									width:100%;
																									height:65%;
																									}
																									
																	  #top_menu_min .logo img{padding-top:1%;height:85%;}
																	  #top_menu_min .top_right{
																											width:100%;
																											height:35%;
																											float:left;
																											}
																	  
																	  #top_menu_min  .top_right ul.right_in {
																	                                      margin:0 auto;
																										  width:100%;
																										  }
																	  #top_menu_min  .top_right ul.right_in li{
																	                                                                      float:left;
																																		  padding:1% 0;
																																		  margin-right:2%;
																																		  text-align:center;
																																		  box-sizing:border-box;
																																		  margin-top:0%;
																																		  }
																		 #top_menu_min  .top_right ul.right_in li a{font-size:80%;letter-spacing:-1px;}
																		#top_menu_min  .top_right ul.right_in li.top1{
																																					  background-color:#ec4307;
																																					  border:1px solid #d74613;
																																					  width:35%;
																																					  margin-left:4%;
																																					  }
																																					  
																		#top_menu_min  .top_right ul.right_in li.top1 a{color:#ffffff;}																			  
																	  #top_menu_min  .top_right ul.right_in li.top2,
																	   #top_menu_min  .top_right ul.right_in li.top2_1{
																	                                                                                background-color:#f7f7f7;
																																					border:1px solid #d5d8dc;
																																					width:25%;
																																					
																																					}
																																					
																		#top_menu_min  .top_right ul.right_in li.top2 a,
																		#top_menu_min  .top_right ul.right_in li.top2_1 a,
																		  #top_menu_min  .top_right ul.right_in li.top3 a{color:#4d4d4d;}																			
																																					
																																					
																																					
																	  #top_menu_min  .top_right ul.right_in li.top3{
																	                                                                                border:1px solid #d5d8dc;
																																					background-color:#ffffff;
																																					width:28%;
																																					margin-right:none;
																																					}
																																					
																																				
																			 #top_menu_min > .top_right > ul.right_in > .lang_list{
																			                                               z-index:2000;
																														   position:absolute;
																														   top:85%;right:0;
																														   width:55%;height:22px;
																														   }		
																														   													
																			  #top_menu_min > .top_right > ul.right_in > .lang_list > li{
																			                                      display:inline-block;
																												  float:right;
																												  padding:0 4%;
																												  height:20%;
																												  pdding-top:0;
																												  margin-right:0;
																												  margin-top:0;
																												  }
																												  
																			  #top_menu_min > .top_right > ul.right_in > .lang_list > li > a{
																			                                       line-height:22px;
																												   color:#4d4d4d;
																												   text-align:center;
																												   }	  
																	  
																	  
																	  
																	  
																	 #common_menu_wrap{height:100px;}			 							   
																	#common_menu{width:100%;margin:0 auto;padding-top:5px;}	
																	
																	
															  #common_menu li.m1 ul, #common_menu li.m2 ul, #common_menu li.m3 ul,
															#common_menu li.m4 ul, #common_menu li.m5 ul, #common_menu li.m6 ul, 
															#common_menu li.m7 ul {
															position:absolute;
															z-index:10;
															background:rgba(255,255,255,0.9);
															border-radius:0;
															border:0;	
															width:33.33%;	
															margin:0 auto;					
															}
															
															#common_menu li.m4 ul{margin-top:50px;}
															
															#common_menu li ul li{
																										box-sizing:border-box;
																										width:100% !important;
																										height:50px;
																										line-height:50px;
																										display:block;
																										clear:both;
																										padding:0 !important;
																										}
															
															#common_menu li ul li a{
															                                              display:block;
																										  width:100%;
																										  height:100%;
																										  line-height:50px;
																										  color:#333;
																										  font-size:7%;
																										  }
																															
																	#common_menu ul li{
																	width:33.33%;
																	height:45px;
																	line-heihgt:45px;
																	}
																	#smenu_1,#smenu_2,#smenu_3,#smenu_4,
																	#smenu_5,#smenu_6,#smenu_7{padding:0;}
																	
																	#common_menu > ul > li.m4{background:none;}
																	#common_menu > ul > li > a{
																	width:100%;height:100%;
																	background:none;
																	line-height:45px;
																	padding-left:0;
																	font-size:100%;
																	font-weigth:bold;
																	
																	}
																	
																	#common_menu ul li ul li a:hover, #common_menu ul li ul li a:focus {	
																	margin:0px;	
																	background-color:rgba(48,86,174, 0.7) !important;
																	}
																	
																	
																	#footer{height:85px;}
																	footer{width:100%;}
																	footer #footer ul.f_logo{margin-top:-10px;width:100%;padding:0;}
																	footer #footer ul.f_logo li{width:75%;margin:0 auto;padding:0px 0 0px 0;}
																	footer #footer ul.f_logo li a{text-align:center;background-size:100% 100%;}
																	footer #footer ul.adress{width:100%;height:auto;padding-bottom:15px;}
																	footer #footer ul.adress li{padding:0px 0 0 0;text-align:center;font-size:12px;line-height:18px;}
																	ul.adress li.ad1,ul.adress li.ad2,ul.adress li.ad4{display:none;}
																	footer #footer .f_right{display:none;}															
																	#muju{display:none;}
																	
																											
																	.ready{min-height:100px;}
																	
																	/*서브페이지 및 서브레이아웃*/
																	#title ,
																	#sub-container{ width:100%;} 
																	
																	#sub-container{min-height:100px;} 
			
																	#contents{
																	                   width:100%;
																					    padding:3% 0%;
																						min-height:100px;
																					   }
																					   
																	#leftmenu{display:none;}
																	 .program .program_select{display:block;}	
																	 .program_tab{display:none;}
																	
																	
																	#title .navigator{display:none;}
																	#title .title_01{display:none;}
																	   #title .title_02{width:100%;border-radius:20px 0 0 0;}
																	#title h4{
																	               width:100%;
																				   font-size:27px;
																				   text-align:center;
																				   padding-left:0;
																				   }
																				   
															/*축제소식,보도자료 게시판*/
																	.mboard_off, .mboard_off table,
																	.mboard_on1, .mboard_on1 table{display:none;}
																	.mboard_on2, .mboard_on2 table{display:block;}		
																	.view1_off,.view1_off table{display:none;}
																	.view1_on,.view1_on table{display:block;}		
																	td.view_t{font-size:75%;}	  
																	td.text_0 a{font-size:85%;} 
																	
																table.view_in td a span{font-size:100%;}
																	
															}