@charset "utf-8";

/**
noscript 대체콘텐츠
**/
/* 글자크기조절 */
#font_acc{position:absolute; top:10px; left:665px; width:100px; height:15px; padding:5px; background:#fff; border:1px solid #ccc;}

/**
공통 적용요소
**/
/*
공통 레이아웃
*/
.m{display:none;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

#headArea{overflow:hidden; width:100%; background:#fff;}
#header{position:relative; width:1001px; margin:0 auto;}

#container_main{float:left; width:100%; padding:80px 0 0 0; background:#e4f3de;}
#container_sub{float:left; width:100%; padding:80px 0 0 0;}

#lnb{float:right; width:370px; padding:13px 0 0 0; z-index:98;}
#lnb *{float:left;}

#global li a{line-height:170%; padding:0 9px 0 9px;}
#global li.end a{color:#0f8e0c;}

#font_control {float:right;}

/* 메인메뉴 */
#menuArea{position:absolute; top:35px; left:0; height:54px; float:left; padding:0 0 25px 0; width:100%; z-index:98; border-bottom:1px solid #dadada; background:#fff;}
#mainmenu{position:relative; width:1001px; min-height:54px; margin:0 auto;}
#mainmenu h1{position:absolute; top:0; left:0px; z-index:96;}
#mainmenu h1 img{vertical-align:top;}

#topmenu{float:left; width:800px; padding:30px 0 0 200px;}
#topmenu li{float:left; letter-spacing:-1px; line-height:0; }
#topmenu li a{float:left; width:152px; text-align:center; font-size:135%; line-height:120%; font-weight:bold; text-decoration:none; z-index:90;}
#topmenu li.menu2 a{width:190px;}

#topmenu li.current a:active,
#topmenu li.current a:focus,
#topmenu li.current a:hover,
#topmenu li.current_on a:link,
#topmenu li.current_on a:visited,
#topmenu li.current_on a:active,
#topmenu li.current_on a:focus,
#topmenu li.current_on a:hover{color:#44a205;}

#topmenu li ul{display:none !important; z-index:99;}

/* 푸터 */
#footArea{float:left; width:100%; border-top:1px solid #dadada;}
#footer{overflow:hidden; width:1000px; padding:25px 0 50px 0; margin:0 auto;}
#footer address {padding:0 0 5px 0; line-height:150%;}
#footer .copyright{text-transform:uppercase; font-size:90%;}

/*
메인 레이아웃
*/
#mainContent{position:relative; overflow:hidden; width:1000px; margin:0 auto; padding:88px 0 87px 0; background:url(/images/child/main/bg.jpg) no-repeat 100% 0;}

#link {overflow:hidden; width:100%; padding:60px 0 20px 0;}
#link li{float:left; margin:0 10px 0 0;}

/* 포토갤러리*/
#gallery {position:relative; overflow:hidden; width:451px; height:223px; padding:25px 0 0 32px; background:#f6fff2; border:1px solid #d5e6cd; border-radius:30px;}
#gallery h4{height:48px; font-size:115%;}
#gallery .list{overflow:hidden; width:100%;}
#gallery .list dl{float:left; width:128px; margin:0 18px 0 0;}
#gallery .list dl.end{margin:0;}
#gallery .list dl dt{width:128px;}
#gallery .list dl dt img{width:128px; height:98px;}
#gallery .list dl dd{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery .list dl dd.date{padding:9px 0 5px 0;}
#gallery .more{position:absolute; top:25px; right:0; width:65px; padding:0 0 0 10px; background:url(/images/standing/main/bg_more.gif) no-repeat 0 6px;}

/*
서브 레이아웃
*/
#subVisual{overflow:hidden; width:100%; background:#e4f3de; border-bottom:1px solid #dadada;}
#subVisual h3{overflow:hidden; width:1000px; margin:0 auto; padding:0 0 0 37px;}
#subVisual h3 img{margin:0 0 0 -37px;}
#subContent{overflow:hidden; width:1000px; margin:0 auto; padding:0 0 80px 0; background:url(/images/child/common/bg.gif) repeat-y;}
#subContent #content{float:right; width:770px;}

/* 서브메뉴 */
#submenu{float:left; width:200px;}
#submenu > div{width:198px; height:135px; padding:0 0 0 1px; line-height:135px; letter-spacing:-2px; font-size:210%; text-align:center; border-bottom:1px solid #dadada; background:#7fa073; color:#fff;} 
#submenu .depth2{width:190px;}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display:block; width:153px; padding:0 0 0 45px; font-size:110%; line-height:54px; border-bottom:1px solid #dadada; text-decoration:none;}
#submenu .depth2 li a:hover,
#submenu .depth2 li a:focus,
#submenu .depth2 li a:active,
#submenu .depth2 li.current_on a{background:url(/images/child/common/bg_on.gif) no-repeat 33px 50%; color:#0f8e0c;} 

/* 문서정보 */
#pageInfo{float:left; width:770px; padding:15px 0 0 0; border-bottom:1px solid #dadada;}
#pageInfo .pageTitle{float:left; width:50%;}
#pageInfo .pageTitle h3{height:57px; line-height:57px; font-size:200%; letter-spacing:-2px;}
#pageInfo .loc{float:right; padding:30px 0 0 15px; font-size:90%; background:url(/images/common/bullet/ico_home.gif) no-repeat 0 32px;}

/* 서브기본 */
#sub_default{float:left; width:770px; line-height:150%; padding:35px 0 0 0;}

/**
768
**/
@media screen and (max-width:999px) {
	img{border:0; max-width:100%; vertical-align:middle;}
	#header,
	#mainContent,
	#subContent,
	#footer{width:768px;}

	#mainContent{background-size:60%; background-position:100% 60%;}
	
	#mainmenu,
	#subVisual h3{width:768px;}
	#topmenu{width:568px;}
	#topmenu li a{width:103px;}
	#topmenu li.menu2 a{width:145px;}
	#topmenu li .menu ul{width:76px;}
	
	#subContent #content,
	#pageInfo,
	#sub_default{width:540px;}
}

/**
768미만
**/
@media screen and (max-width:767px) {
	body{letter-spacing:-1px;}
	.w{display:none;}
	.m{display:block;}

	#header,
	#mainmenu{width:100%; margin:0;}
	#container_sub{padding:55px 0 0 0;}

	#footer,
	#mainContent{width:98%; margin:0 auto; padding:0 0 4% 0; background:none;}
	#footer{padding:3% 0 4% 0;}
	
	.allmenu,.home{position:absolute; top:9px; z-index:99;}
	.allmenu{left:7px;}
	.home{right:7px;}

	/* 메인메뉴 */
	#menuArea{top:0; padding:0;}
	#mainmenu h1{position:relative; top:9px; left:auto; text-align:center; width:100%; font-size:26px !important; font-weight:bold; line-height:160%;}
	#mainmenu h1 a{text-decoration:none !important;}
	#mainmenu h1 img{height:35px;}

	#navbar{position:relative; width:98%; margin:12px auto 0; padding-bottom:7px; background:#fff; border:1px solid #999; border-radius:6px; box-shadow:0 3px 9px #ccc; background-clip:padding-box; z-index:999;}
	#navbar > li > a{font-weight:bold;}
	#navbar div{padding:0 0 0 20px;}
	#navbar div ul{overflow:hidden; width:100%;}
	#navbar div a{float:left; width:45%; padding:2px 0 2px 7px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 8px;}
	
	#slogan{text-align:center;}
	#link {width:100%; max-width:400px; padding:5% 0 5%; margin:0 auto;}
	#link li{width:31.3%; margin:0 3% 0 0;}
	#link li:last-child{margin:0;}

	#gallery{width:96%; height:auto; padding:4% 2%; border-radius:20px;}
	#gallery h4{height:2em;}
	#gallery .list dl{float:none; display:inline-block; width:30%; padding:0 1.3% 0 1.4%; margin:0 auto;}
	#gallery .list dl dt{width:100%;}
	#gallery .list dl dt img{width:98%; max-width:113px; max-height:80px;}
	#gallery .more{top:8%; width:45px;}

	#subContent{width:98%; padding:0 0 2em 0; background:none;}
	#subContent #content,
	#pageInfo,
	#pageInfo .pageTitle,
	#sub_default{width:100%;}
	
	#pageInfo{padding:0; border-bottom:none;}
	#pageInfo .pageTitle h3{min-height:43px; font-size:165%; line-height:220%;}

	#sub_default{padding:0;}
}