@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:#e9e9e9;}
#header{position:relative; overflow:hidden; width:1000px; margin:0 auto; height:65px;}

h1{position:absolute; top:12px; left:0px; z-index:98;}
h1 img{vertical-align:top;}
#lnb{float:right; width:300px; padding:21px 0 0 0; z-index:98;}
#lnb *{float:left;}

#global li a{padding:0 10px; line-height:24px; background:url(/images/standing/common/bg_global.gif) no-repeat 100% 7px;}
#global li.end a{background:none;}
#font_control {float:right;}

#containerArea{float:left; width:100%;}
#container{overflow:hidden; width:1000px; margin:0 auto; background:url(/images/standing/common/bg.gif) repeat-y;}

/* 메인메뉴 */
#mainmenu{float:left; width:190px; padding:0 0 100px 0; background:#c3e2ea;}
#topmenu{float:left; width:100%;}
#topmenu li{letter-spacing:-1px; line-height:0;}
#topmenu li a{display:block; width:155px; padding:0 0 0 35px; color:#353f43; border-bottom:1px solid #a6cad5; font-size:125%; line-height:69px; font-weight:bold; text-decoration:none; z-index:90;}
#topmenu li.menu1 a{padding:18px 0 0 35px;}

#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:#fff; background:#61aab3 url(/images/standing/common/bg_on.gif) no-repeat 90% 50% !important;}

#topmenu li.menu1 a:active,
#topmenu li.menu1 a:focus,
#topmenu li.menu1 a:hover,
#topmenu li.menu1 a:link,
#topmenu li.menu1 a:visited{background-position: 90% 64% !important;}

#topmenu li ul{display:none;}

/* 푸터 */
#footArea{float:left; width:100%; z-index:98; border-top:3px solid #7a7a7a;}
#footer{position:relative; overflow:hidden; width:1000px; padding:25px 0 60px 0; margin:0 auto; font-size:92%; color:#4c4c4c;}
#footer .info{float:left; width:790px;}
#footer address {padding:0 0 5px 0; line-height:150%;}
#footer .copyright{text-transform:uppercase;}
#footer .linksite{float:left;}
#footer .linksite select{width:150px;}

/*
메인 레이아웃
*/
.more{display:block; position:absolute; top:24px; right:0; width:70px; padding:0 0 0 8px; font-size:90%; letter-spacing:-1px; background:url(/images/standing/main/bg_more.gif) no-repeat 0 3px;}
#mainContent{position:relative; float:left; width:809px; border-right:1px solid #d5d5d5;}
#mainLeft{float:left; width:460px; border-right:1px solid #d5d5d5;}
#mainRight{float:left; width:348px;}

#visual{float:left; width:460px; border-right:1px solid #d5d5d5;}
#visual img{vertical-align:top;}
#visual .slogan{position:absolute; top:50px; left:0; text-align:center; width:460px;}
#visual .slogan *{display:block;}
#visual .slogan strong{font-size:210%; line-height:160%; color:#0491a2; letter-spacing:-2px;}
#visual .slogan span{padding:0 0 13px 7px; font-size:170%; letter-spacing:-1px; color:#000;}
#visual .slogan p{font-size:110%; color:#636161; line-height:150%;}

/* 위원소개 */
#member{position:relative; float:left; width:319px; height:170px; padding:30px 0 0 29px;}
#member h4{float:left; width:70px; height:29px; font-size:120%;}
#member .control,
#member .control li{float:left;}
#member .control{padding:2px 0 0 0;}
#member .control li img{vertical-align:top;}
#member .profile{position:relative; float:left; width:310px; height:123px;}
#member .profile dl{float:left; position:absolute; top:0; left:0; width:296px;}
#member .profile dt{float:left; width:90px;}
#member .profile dt img{width:90px; height:119px;}
#member .profile dd{float:left; width:190px; padding:7px 0 0 16px;}
#member .profile dd li{padding:0 0 5px 7px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 6px}
#member .profile dd li strong{font-weight:normal;}
#member .profile dd .btn_area{overflow:hidden; width:100%; padding:7px 0 0 0;}
#member .profile dd .btn_area a{float:left; margin:0 5px 0 0;}
#member .more{top:32px;}

.board{position:relative; float:left; width:319px; height:130px; padding:24px 0 0 29px; border-top:1px solid #d5d5d5;}
#agenda{height:129px;}
.board h4{height:29px; font-size:120%;}
.board ul li {overflow:hidden; width:290px; height:20px;}
.board ul li a{float:left; width:203px; padding:0 0 0 7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 6px;}
.board ul li span{float:right; width:70px; text-align:right; color:#9d9d9d; font-size:92%;}
.board .none{width:290px; padding:35px 0 0 0; text-align:center;}

/* 포토갤러리*/
#gallery {position:relative; float:left; width:430px; height:183px; padding:18px 0 0 30px; border-right:1px solid #d5d5d5;}
#gallery h4{height:39px; line-height:39px; font-size:120%;}
#gallery .list{overflow:hidden; width:100%;}
#gallery .list dl{float:left; width:121px; margin:0 19px 0 0;}
#gallery .list dl.end{margin:0;}
#gallery .list dl dt{width:121px;}
#gallery .list dl dt img{width:115px; height:73px; border:3px solid #dbdbdb;}
#gallery .list dl dd{width:100%; padding:3px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
#gallery .list dl dd.date{padding:5px 0 0 0; text-align:center;}
#gallery .more{display:block; position:absolute; top:25px; right:0; width:73px; font-size:90%;}
#gallery .none{width:430px; padding:35px 0 0 0; text-align:center;}

#link {float:left; width:100%; border-top:1px solid #d5d5d5;}
#link li{float:left;}
#link li a{float:left; width:145px; height:171px; padding:30px 0 0 28px; text-decoration:none;}
#link li:first-child{border-right:1px solid #d5d5d5; background:url(/images/standing/main/bg_link1.gif) no-repeat 70px 104px;}
#link li:last-child{background:url(/images/standing/main/bg_link2.gif) no-repeat 54px 102px;}
#link li *{display:block;}
#link li strong{height:26px; font-size:120%;}
#link li span{width:135px; font-size:92%; color:#626262;}
#link li:last-child span{width:120px;}

/*
서브 레이아웃
*/
#subRight{position:relative; float:left; width:809px;}
#subRight #visual{width:809px; border-right:none; border-bottom:1px solid #d5d5d5;}
#subRight #visual .slogan{top:50px; left:470px; width:40%;}
#subRight #visual .slogan strong{font-size:170%;}
#subRight #visual .slogan span{padding:0 0 15px 7px; font-size:145%;}
#subRight #visual .slogan p{font-size:105%;}

/* 문서정보 */
#pageInfo{float:left; width:730px; padding:30px 0 25px 40px;}
#pageInfo .pageTitle{float:left; width:50%;}
#pageInfo .pageTitle h3{line-height:130%; font-size:220%; letter-spacing:-2px;}
#pageInfo .loc{float:right; padding:10px 0 0 15px; font-size:90%; background:url(/images/common/bullet/ico_home.gif) no-repeat 0 12px;}
#pageInfo .loc .loc_current{font-weight:bold;}

#tabmenu {overflow:hidden; width:743px; margin:0 0 30px 0;} 
#tabmenu li{float:left; line-height:0;}
#tabmenu li a{float:left; width:143px; margin:0 5px 0 0; text-align:center; line-height:28px; font-weight:bold; font-size:125%; color:#3d7cab; border:1px solid #e1e1e1; background:#f6f6f6;}
#tabmenu li.current_on a{color:#fff; border:1px solid #83a3bb; background:#83a3bb;} 

/* 서브기본 */
#sub_default{position:relative; float:left; width:730px; line-height:150%; padding:0 0 50px 40px;}

/* 의사일정-팝업 */
#schedule_modal h4.modal-title{padding-left:20px;font-size:18px;background:url(/images/common/bullet/bul_arrowSky.gif) no-repeat 0 6px;}
#schedule_modal ul#schedule_list li{margin-left:20px;padding:0 0 20px 15px;background:url(/images/common/bullet/bul_dash.gif) no-repeat 0px 8px;}
#schedule_modal ul#schedule_list dt.subject {margin-bottom:5px;font-weight:700;font-size:16px}
#schedule_modal ul#schedule_list dt.subject span.date {margin-left:7px;font-size:12px;color:#aaa}
#schedule_modal ul#schedule_list dd.content {font-size:14px;color:#666}


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

	#mainContent{width:577px;}
	#mainRight,
	#mainLeft{width:577px; border-right:none; border-bottom:1px solid #d5d5d5;}

	#visual{float:left; width:400px;}
	#visual .slogan{width:400px;}
	#visual .slogan strong{font-size:180%;}
	#visual .slogan span{font-size:155%;}
	#visual .slogan p{font-size:105%;}

	#gallery{width:148px; height:377px; padding:10px 0 0 28px; border-right:none;}
	#gallery .more{top:22px; width:60px}
	#gallery .list dl{margin:0 0 15px 0;}
	
	#member{width:295px; padding:25px 0 0 20px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
	#member .profile{width:295px;}

	.board{width:295px; padding:30px 0 0 20px; border-top:none;}
	.board ul li a{width:90%;}
	.board ul li span{display:none;}
	#agenda{height:165px; width:241px; border-right:none; border-bottom:1px solid #d5d5d5;}
	#agenda ul li {width:100%;}

	#link {width:261px; border-top:none; border-left:1px solid #d5d5d5;}
	#link li a{width:107px; padding:25px 0 0 23px; text-decoration:none;}
	#link li:first-child,
	#link li:last-child{background-position:60% 80%;}
	#link li span{width:85px;}
	#link li:last-child span{width:93px;}
	
	#subRight,
	#subRight #visual{width:578px;}
	#subRight #visual{margin:-6px 0 0 0;}
	#subRight #visual .slogan{left:52%; top:20px; width:50%;}
	#subRight #visual .slogan strong{font-size:150%;}
	#subRight #visual .slogan span{font-size:130%;}
	#subRight #visual .slogan p{font-size:92%;}

	#pageInfo{width:548px; padding:25px 0 25px 30px;}
	#sub_default{width:548px; padding:0 0 50px 30px;}
}

/**
768미만
**/
@media screen and (max-width:767px) {
	body{letter-spacing:-1px;}
	.w{display:none;}
	.m{display:block;}
	
	#header{width:100%; height:50px;}
	#container{width:100%; background:none;}
	.allmenu,.home{position:absolute; top:7px; z-index:99;}
	.allmenu{left:7px;}
	.home{right:7px;}

	h1{position:relative; top:9px; left:auto; text-align:center; width:100%;}
	h1 img{max-width:63%; max-height:35px;}

	#navmenu{position:absolute; top:50px; left:0; width:100%; z-index:999;}
	#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;}
	#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;}

	#footer{width:98%; padding:1em 0 2em;}
	#footer .info{width:100%; margin:0 0 1em 0;}

	#mainContent,
	#mainLeft,
	#mainRight{float:none; overflow:hidden; width:100%; border:none;}

	#visual{float:none; width:100%; border-right:none; text-align:center;}
	#visual img{margin:-25% 0 0 0;}
	#visual .slogan{top:8px; left:0; width:100%;}
	#visual .slogan strong{font-size:170%;}
	#visual .slogan span{font-size:120%; padding:0 0 8px 0;}
	#visual .slogan p{font-size:92%; line-height:120%;}
	
	.more{top:12px; width:47px;}

	#gallery{float:none; overflow:hidden; width:98%; height:auto; padding:0 0 1em 0; margin:0 auto 1em; border-bottom:1px solid #d5d5d5}
	#gallery .list dl{float:none; display:inline-block; width:30%; padding:0 1.3% 0 1.4%; margin:0 auto; text-align:center;}
	#gallery .list dl dt{width:100%;}
	#gallery .list dl dt img{width:98%; max-width:113px;}
	#gallery .list dl dd{text-align:left;}
	#gallery .more{top:13px; width:47px;}

	#member{float:none; overflow:hidden; width:98%; height:auto; padding:0; border-right:none;  margin:0 auto;}
	#member .profile{clear:both; width:100%; padding:0 0 1em 0;}
	#member .more{top:0;}

	.board{float:none; overflow:hidden; width:98%; height:auto; padding:1em 0 1em 0; margin:0 auto; border-bottom:1px solid #d5d5d5;}
	.board ul li{width:100%;}
	.board ul li a{width:75%;}
	.board ul li span{display:block;}
	#agenda{width:98%; height:auto;}
	
	#link{width:100%;}
	#link li {width:49.8%; height:163px;}
	#link li a{width:100%; padding:1em 0 0 0; text-align:center;}
	#link li span,
	#link li:last-child span{width:75%; margin:0 auto;}
	
	#subRight{float:none; overflow:hidden; width:98%; margin:0 auto 2em;}
	#pageInfo,
	#pageInfo .pageTitle,
	#tabmenu,
	#sub_default{width:100%; padding:0;}

	#pageInfo .pageTitle h3{min-height:43px; font-size:165%; line-height:220%;}

}