@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{float:left; width:100%; height:125px; border-bottom:5px solid #ffce63;}
#header{position:relative; width:1000px; margin:0 auto;}
h1{position:absolute; top:41px; left:0px; z-index:98;}
h1 img{vertical-align:top;}

#container{float:left; width:100%;}

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

#global li a{line-height:130%; padding:0 9px 0 9px;}
#global li:first-child a{background:url(/images/child/common/bg_global.gif) no-repeat 100% 50%;}

#font_control {float:right;}
#font_control li{margin:0 1px 0 0;}
#font_control li:first-child{margin:0 5px 0 0; font-weight:bold;}

/* 메인메뉴 */
#menuArea{position:absolute; top:34px; left:0; height:82px; float:left; width:100%; z-index:97;}
#mainmenu{float:left; width:675px; padding:10px 0 0 325px;}

#topmenu{float:left; width:100%; background:#f79f16; border-radius:5px; behavior:url("/css/PIE.htc");}
#topmenu li{float:left; letter-spacing:-1px; line-height:0;}
#topmenu li a{display:block; width:135px; color:#fff; text-align:center; font-size:130%; line-height:51px; font-weight:bold; text-decoration:none; z-index:90;}

#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li > a:hover,
#topmenu > li.current_on > a{color:#fee798;}

#topmenu li ul{overflow:hidden; position:absolute; top:60px; left:0; z-index:60; display:none;}
#topmenu li.current_on ul{display:block !important;}
#topmenu li ul li{padding:0 11px 0 12px;}
#topmenu li ul li a{width:auto; height:30px; font-size:105%; line-height:30px; color:#585858; font-weight:bold;}

#topmenu li.menu1 ul{left:30%;}
#topmenu li.menu4 ul{left:75%;}

#topmenu li ul li a:active,
#topmenu li ul li a:focus,
#topmenu li ul li a:hover,
#topmenu li ul li.current_on a{color:#fca010;}


/* 푸터 */
#footArea{float:left; width:100%; border-top:1px solid #cccbcb;}
#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; background:url(/images/child/main/bg.jpg) no-repeat 0 15px;}
#mainLeft{float:left; width:730px; margin:0 20px 0 0;}

/* 슬로건 */
#slogan {height:432px; padding:0 0 0 30px;}
#slogan strong{display:block; width:380px; padding:50px 0 10px 0; font-size:215%; line-height:150%; color:#5a5a5a; letter-spacing:-2px;}
#slogan .greenTxt2{color:#a8cc00;}
#slogan .sTxt{display:block; font-size:85%; line-height:130%;}
#slogan p{width:310px; font-size:120%; line-height:140%; letter-spacing:-1px;}

/* 포토갤러리*/
#gallery {position:relative; overflow:hidden; width:100%; height:261px;}
#gallery h4{position:relative; height:48px; width:165px; padding:0 0 0 25px; font-size:120%; line-height:37px; color:#fff; background:#767676; border-radius:10px; behavior:url("/css/PIE.htc");}
#gallery .detail{position:relative; overflow:hidden; width:100%; margin:-10px 0 0 0; background:#e1e1e1;}
#gallery .detail p{padding:0 0 0 28px; line-height:42px;}
#gallery .detail .list{overflow:hidden; height:154px; padding:0 0 0 171px; background:url(/images/child/main/bg_gallery.gif) no-repeat 33px 10px;}
#gallery .detail .list dl{float:left; width:117px; margin:0 18px 0 0;}
#gallery .detail .list dl:last-child{margin:0;}
#gallery .detail .list dl dt{width:117px;}
#gallery .detail .list dl dt img{width:115px; height:85px; border:1px solid #919191;}
#gallery .detail .list dl dd{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery .detail .list dl dd.date{padding:9px 0 5px 0;}
#gallery .detail .list .none{width:85%; padding:2em 5%; border:1px solid #ccc; text-align:center;}
#gallery .more{display:block; position:absolute; top:2px; left:160px; padding:5px; color:#fff; font-weight:bold; font-size:150%; text-decoration:none;}

#link {float:left; width:250px;}
#link li *{display:block;}
#link li a {width:225px; padding:0 0 0 25px; color:#6a6a6a;}
#link li a strong{padding:0 0 10px 0; font-size:115%;}
#link li a span{width:105px; word-break:keep-all;}
#link li.l1 a{padding-top:20px; height:118px; border-bottom:1px solid #afd10e; background:url(/images/child/main/bg_link1.png) no-repeat 138px 50%;}
#link li.l2 a{padding-top:20px; height:118px; border-bottom:1px solid #fdc03f; background:url(/images/child/main/bg_link2.png) no-repeat 138px 50%;}
#link li.l3 a{padding-top:57px; height:70px; border-bottom:1px solid #afd10e; background:url(/images/child/main/bg_link3.png) no-repeat 138px 50%;}
#link li.l4 a{padding-top:57px; height:70px; border-bottom:1px solid #fdc03f; background:url(/images/child/main/bg_link4.png) no-repeat 138px 50%;}
#link li.l5 a{padding-top:57px; height:70px; border-bottom:1px solid #afd10e; background:url(/images/child/main/bg_link5.png) no-repeat 138px 50%;}


/*
서브 레이아웃
*/
#subVisual{overflow:hidden; width:100%;}

/* 슬로건 */
#subVisual #slogan {width:932px; height:199px; margin:0 auto; padding:0 0 0 68px; background:url(/images/child/common/bg_visual.jpg) no-repeat;}
#subVisual #slogan strong{width:450px; padding:45px 0 5px 0; font-size:185%;}
#subVisual #slogan .sTxt{font-size:90%; line-height:150%;}
#subVisual #slogan p{width:100%;}

#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:730px;}

/* 서브메뉴 */
#submenu{float:left; width:210px;}
#submenu h2{width:100%; height:109px; margin:0 0 9px 0; line-height:109px; letter-spacing:-2px; font-size:220%; text-align:center; color:#fff; background:url(/images/child/common/bg_submenu.gif) no-repeat;} 
#submenu .depth2{width:202px; margin:0 0 32px 0; padding:3px 3px 0 3px; border:1px solid #f79f16;}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display:block; width:157px; padding:0 0 0 45px; margin:0 0 3px 0; font-size:120%; line-height:43px; font-weight:bold; text-decoration:none; color:#6a6a6a;}
#submenu .depth2 li a:hover,
#submenu .depth2 li a:focus,
#submenu .depth2 li a:active,
#submenu .depth2 li.current_on a{background:#f79f16; color:#fff;} 
#submenu .link{display:block; width:193px; padding:0 0 0 15px; line-height:99px; font-size:110%; border:1px solid #b2dc8f; color:#6a6a6a; background:url(/images/child/main/bg_link4.png) no-repeat 108px 50%;}

/* 문서정보 */
#pageInfo{float:left; width:730px; padding:15px 0 0 0;}
#pageInfo .pageTitle{float:left; width:56%;}
#pageInfo .pageTitle h3{height:57px; line-height:57px; font-size:240%; letter-spacing:-2px;}
#pageInfo .pageTitle p{font-size:105%;}
#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:730px; line-height:150%; padding:35px 0 0 0;}

#survey_box { clear: both; }

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

	#mainmenu{width:527px; padding:10px 0 0 240px;}
	#topmenu li a{width:100px;}
	#topmenu li.menu1 a{width:85px;}
	#topmenu li.menu2 a{width:130px;}

	#topmenu li.menu1 ul li a{width:auto;}
	
	#mainContent{background-size:65%; background-position:0 160px;}
	#mainLeft{float:left; width:498px; margin:0 20px 0 0;}
	#slogan strong{width:360px; padding-top:20px; font-size:270%; font-family:"Nanum Gothic";}
	#slogan p{font-size:110%;}

	#gallery .detail p{padding:0 0 0 7px;}
	#gallery .detail .list{padding:0 0 0 7px; background:none;}
	#gallery .detail .list dl{margin:0 5px 0 0;}
	
	#subVisual #slogan{width:748px; padding:0 0 0 20px; background-size:contain; background-position:0 10px;}
	#subVisual #slogan strong{font-size:200%;}

	#subContent #content,
	#pageInfo,
	#sub_default{width:530px;}
}

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

	#header,
	#mainmenu,
	#mainLeft{width:100%; margin:0;}

	#footer,
	#mainContent{width:98%; margin:0 auto; background-position:90% 12%; background-size:230px;}
	#footer{padding:1.2em 0 1em 0; font-size:90%;}
	#footer ul {overflow:hidden; width:100%; margin:0 0 1em 0; text-align:center;}
	#footer ul li{display:inline-block; line-height:100%; font-size:110%;}
	#footer ul li:first-child{margin:0 1em 0 0; padding:0 1em 0 0; border-right:1px solid #ccc;}

	.allmenu{position:absolute; top:0; left:0; z-index:99;}
	.allmenu .navbar-toggle .icon-bar{background-color:#333;}

	#headArea{height:47px; border-bottom:3px solid #ffce63;}
	#header h1{top:7px; left:50%; margin:0 0 0 -85px;}
	#header h1 a img{height:30px;}
	
	#menuArea{top:50px; left:0;}
	#navbar{width:98%; margin:0 auto; 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{width:55.9%; height:auto; padding:1em 0 1.5em 0;}
	#slogan strong{width:100%; padding:0 0 0.5em 0; font-size:150%;}
	#slogan p{width:100%; font-size:100%;}

	#gallery{width:100%; height:auto;}
	#gallery h4{line-height:34px;}
	#gallery .detail {margin:-15px 0 0 0;}
	#gallery .detail p{line-height:35px;}
	#gallery .detail .list {height:auto; padding:0 0 1em 0; text-align:center;}
	#gallery .detail .list dl:last-child{display:none;}
	#gallery .detail .list dl{float:none; display:inline-block; width:30.5%; margin:0 1%;}
	#gallery .detail .list dl dt{width:100%;}
	#gallery .detail .list dl dt img{width:98%; max-width:113px; max-height:80px;}
	#gallery .more{top:0px;}

	#link{width:100%; background:#f3b52d;}
	#link li{float:left; width:33.3%;}
	#link li.l3,#link li.l4, #link li span{display:none;}
	#link li a{width:100%; text-align:center;}
	#link li a strong{padding:0; font-size:105%;}
	#link li.l1 a,#link li.l2 a,#link li.l3 a,#link li.l4 a,#link li.l5 a{height:auto; padding:6.5em 0 1em 0; background-position:50% 1em; background-size:65px; border:none;}

	#subContent{width:98%; padding:0 0 1.5em 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;}
}