@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%; background:url(/images/standing/common/bg_head.gif) repeat-x 0 80px;}
#header{position:relative; width:1000px; margin:0 auto;}

h1{position:absolute; top:18px; left:0px; z-index:98;}
h1 *{float:left;}
h1 a {width:230px; text-decoration:none; font-size:110%;}
h1 a img{height:40px; vertical-align:top; margin:0 0.3em 0 0;}
h1 a div {width:75%;}
h1 a span{width:100%;}
h1 a strong{width:100%; font-size:150%; line-height:120%; letter-spacing:-2px; text-shadow:0 0 1px #fff;}

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

#lnb{float:right; width:320px; height:64px; padding:16px 0 0 0; z-index:98;}
#lnb *{float:left;}

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

#font_control {float:right;}
#font_control li{padding:0 0 0 3px;}

/* 메인메뉴 */
#mainmenu{float:left; width:1000px; position:relative;}

#topmenu{float:left; width:100%;}
#topmenu li{float:left; letter-spacing:-1px; line-height:0;}
#topmenu li a{float:left; width:166px; padding:0 0 6px 0; color:#fff; text-align:center; font-size:135%; line-height:53px; 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{background:url(/images/standing/common/bg_arrow.png) no-repeat 50% 100%;}

#topmenu li ul{overflow:hidden; position:absolute; top:50px; left:0; width:1000px; z-index:60; display:none;}
#topmenu li.current_on ul{display:block !important;}
#topmenu li ul li{padding:0 11px 0 12px; background:url(/images/standing/common/bg_global.gif) no-repeat 0 15px;}
#topmenu li ul li a{width:auto; height:30px; font-size:100%; line-height:35px; color:#585858;}
#topmenu li ul li:first-child{background:none;}

#topmenu li.menu1 ul{left:0;}

#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:#00729c; background:none;}

/* 푸터 */
#footArea{float:left; width:100%; z-index:98; border-top:1px solid #e1e1e1; background:#f3f3f3;}
#footer{position:relative; overflow:hidden; width:1000px; padding:20px 0 60px 0; margin:0 auto; font-size:92%;}
#footer address {padding:0 0 3px 0; line-height:150%;}
#footer .copyright{text-transform:uppercase;}

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

#visual{float:left; width:490px; margin:0 0 10px 0;}
#slogan{float:left; width:493px; height:90px; padding:10px 0 0 17px; font-weight:bold; font-size:190%; line-height:130%; color:#303030; text-shadow:0 2px 2px #fff; letter-spacing:-2px;}
#slogan span{color:#00729c; white-space:pre;}

#quick{float:left; width:510px; margin:0 0 10px 0;}
#quick *{float:left;}
#quick li{padding:0 0 0 10px;}
#quick li a{width:196px; height:153px; padding:25px 0 0 22px; border:1px solid #dfdfdf; color:#fff;}
#quick li.q1 a{background:#f49f1d url(/images/standing/main/bg_link1.gif) no-repeat right bottom;}
#quick li.q2 a{width:246px; background:#f4a457 url(/images/standing/main/bg_link2.gif) no-repeat right bottom;}
#quick li strong{float:none; display:block; margin:0 0 18px 0; font-size:135%; background:url(/images/standing/main/bg_arrow.png) no-repeat 95px 2px;}
#quick li span{width:75px; word-break:keep-all;}
#quick li.q2 strong{background-position:75px 2px;}
#quick li.q2 span{width:100px;}

/* 위원소개 */
#member{position:relative; float:left; width:280px; height:218px; padding:0 0 0 18px; border:1px solid #e1e1e1; background:#f6f6f6;}
#member h4{float:left; width:50%; height:32px; padding:17px 0 0 0; font-size:120%;}
#member .control{float:right;}
#member .control li{float:left; padding:0 0 0 1px;}
#member .control li img{vertical-align:top;}
#member .profile{position:relative; clear:both; width:100%;}
#member .profile dl{float:left; position:absolute; top:0; left:0; width:280px;}
#member .profile dt{float:left; width:100px;}
#member .profile dt img{width:98px; height:124px; border:1px solid #e1e1e1;}
#member .profile dt p{width:100%; padding:10px 0 0 0; text-align:center; letter-spacing:-1px;}
#member .profile dt p strong{font-size:115%;}
#member .profile dd{float:left; width:167px; padding:0 0 0 13px;}
#member .profile dd ul{margin:0 0 5px 0;}
#member .profile dd li{padding:0 0 8px 0; line-height:130%;}
#member .profile dd li *{display:inline-block; vertical-align:top;}
#member .profile dd li strong{width:45px; font-weight:normal;}
#member .profile dd li span{width:115px; font-weight:normal;}
#member .more{top:32px;}

.board{position:relative; float:left; width:321px; height:201px; padding:17px 0 0 17px; margin:0 0 10px 10px; border:1px solid #e1e1e1;}
.board h4{height:43px; font-size:120%;}
.board ul li {overflow:hidden; width:100%; height:29px;}
.board ul li a{float:left; width:200px; 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:90px;}
.board .none{width:100%; padding:35px 0 0 0; text-align:center;}
.board .more{display:block; position:absolute; top:20px; right:0; width:73px; font-size:90%;}

#link {float:left; width:280px; height:175px; padding:23px 0 0 18px; margin:0 10px 0 0; border:1px solid #e1e1e1;}
#link h4{font-size:115%;}
#link label{display:block; margin:3px 0 7px 0; letter-spacing:-1px;}
#link fieldset{display:block; margin:0 0 12px 0;}
#link select{width:175px; height:23px; margin:0 4px 0 0; line-height:23px;}

/* 포토갤러리*/
#gallery {position:relative; float:left; width:668px; height:181px; padding:17px 0 0 20px; border:1px solid #e1e1e1;}
#gallery h4{height:26px; font-size:120%;}
#gallery .list{overflow:hidden; width:100%;}
#gallery .list dl{float:left; width:150px; margin:0 16px 0 0;}
#gallery .list dl.end{margin:0;}
#gallery .list dl dt{width:148px; border:1px solid #d4d4d4;}
#gallery .list dl dt img{width:138px; height:88px; border:5px solid #fff;}
#gallery .list dl dd{padding:7px 0 3px 0; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery .list dl dd.date{padding:0; color:#707070;}
#gallery .more{display:block; position:absolute; top:20px; right:0; width:73px; font-size:90%;}
#gallery .none{width:100%; padding:35px 0 0 0; text-align:center;}

/*
서브 레이아웃
*/
#subContent{overflow:hidden; width:1000px; margin:0 auto; padding:24px 0 80px 0;}

#subvisual {overflow:hidden; width:998px; margin:0 0 20px 0; border:1px solid #e1e1e1; background:url(/images/standing/common/bg.jpg) no-repeat right bottom;}
#subvisual *{float:left; font-weight:bold;}
#subvisual .slogan{width:507px; padding:30px 0 0 0;}
#subvisual .slogan *{float:none;}
#subvisual .slogan strong{line-height:200%; font-size:200%; letter-spacing:-2px; text-shadow:0 1px 1px #fff;}
#subvisual .slogan strong span{color:#00729c;}
#subvisual .slogan p{width:380px; font-size:108%; line-height:150%; color:#4c4c4c;}

#subContent #content{float:right; width:754px;}

/* 서브메뉴 */
#submenu{float:left; width:220px;}
#submenu h2{width:100%; height:110px; margin:0 0 9px 0; line-height:110px; letter-spacing:-2px;  font-size:190%; text-align:center; color:#fff; background:#00c1a8;} 
#submenu .depth2{width:100%; margin:0 0 32px 0;}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display:block; width:185px; padding:0 0 0 35px; margin:0 0 1px 0; font-size:110%; line-height:53px; border-bottom:1px solid #e1e1e1; text-decoration:none;}
#submenu .depth2 li a:hover,
#submenu .depth2 li a:focus,
#submenu .depth2 li a:active,
#submenu .depth2 li.current_on a{color:#006255; font-weight:bold; background:#ececec url(/images/standing/common/bg_snb.png) no-repeat 93% 50%;} 

/* 문서정보 */
#pageInfo{float:left; width:754px; padding:33px 0 30px 0;}
#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;}


/* 서브기본 */
#sub_default{position:relative; float:left; width:754px; line-height:150%;}

#survey_box { clear: both; }

/* 의사일정-팝업 */
#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,
	#mainmenu,
	#mainContent,
	#subContent,
	#footer{width:768px;}

	#topmenu li a{width:128px;}
	
	#mainContent{background:none;}
	#slogan{display:none;}
	
	#quick {width:278px;}
	#quick li:first-child{margin:0 0 10px 0;}
	#quick li a,
	#quick li.q2 a{height:108px; width:244px;}
	#quick li span{width:110px;}

	.board{width:439px;}
	.board ul li a{width:70%;}
	#bill{margin:0 10px 10px 0;}
	#link{height:193px; margin:0 0 10px 0;}
	#link fieldset{margin:0 0 25px 0;}

	#gallery{width:746px;}
	#gallery .list dl{margin:0 42px 0 0;}
	
	#subvisual{width:766px; background-size:30%;}
	#subvisual .slogan{width:275px;}
	#subvisual .slogan strong{font-size:160%;}
	#subvisual .slogan p{width:90%; font-size:105%;}

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

	#submenu{width:190px;}
	#submenu .depth2 li a{width:170px; padding:0 0 0 20px;}
}

/**
768미만
**/
@media screen and (max-width:767px) {
	body{letter-spacing:-1px;}
	.w{display:none;}
	.m{display:block;}
	
	#header{width:100%; height:48px; border-bottom:2px solid #259fcc;}

	.allmenu,.home{position:absolute; top:6px; z-index:99;}
	.allmenu{left:6px;}
	.home{right:6px;}

	h1{top:7px; left:50%; margin:0 0 0 -70px;}
	h1 a {width:180px; font-size:90%;}
	h1 a img{height:33px; margin:0 0.2em 0 0;}

	#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 ul {overflow:hidden; width:100%; margin:0 0 0.5em 0; text-align:center;}
	#footer ul li{display:inline-block; line-height:100%; font-size:105%;}
	#footer ul li:first-child{margin:0 1em 0 0; padding:0 1em 0 0; border-right:1px solid #ccc;}

	#mainContent{width:98%; padding:0; margin:0 auto;}
	#visual{float:none; width:100%; margin:0.3em 0 0.3em 0; text-align:center;}

	#quick{width:100%; margin:0 0 0.3em 0;}
	#quick li{padding:0; width:49.2%;}
	#quick li:first-child{margin:0 1.6% 0 0;}
	#quick li a,#quick li.q2 a{width:95%; height:auto; padding:0.8em 0 0.8em 5%; background:#f4a457;}
	#quick li strong{font-size:125%;}
	#quick li strong,
	#quick li.q2 strong{margin:0; background-position:93% 0;}
	#quick li.q1 a{background:#f49f1d;}
	#quick li span{display:none;}

	#member{width:97.6%; height:190px; padding:0 0 0 2%; margin:0 0 0.3em 0;}
	#member h4{height:auto; padding:0.6em 0 0.5em 0;}
	#member .profile dl{width:100%;}
	#member .profile dt {width:90px;}
	#member .profile dt img{width:88px; height:114px;}
	#member .profile dd{width:68%; padding:0 0 0 0.5em;}
	#member .profile dd ul{margin:0 0 1em 0;}
	#member .profile dd li span{width:77%;}

	.board{width:97.6%; height:auto; padding:0.7em 0 0.5em 2%; margin:0 0 0.3em 0;}
	.board h4{height:30px;}
	.board .more{top:10px; width:63px;}
	.board ul li{height:23px;}
	.board ul li a{width:65%;}
	.board ul li span{width:75px;}

	#bill{margin:0 0 0.3em 0;}
	#link{width:97.6%; height:auto; padding:0.7em 0 0.7em 2%; margin:0 0 0.3em 0;}
	#link label{font-weight:normal;}
	#link fieldset{margin:0;}
	#link fieldset:first-child{margin:0 0 0.5em 0;}
	
	#gallery{width:99.6%; height:auto; padding:0.7em 0 0.7em 0; margin:0 0 0.3em 0;}
	#gallery h4{padding:0 0 0 2%;}
	#gallery .list {text-align:center;}
	#gallery .list dl{float:none; display:inline-block; width:30.5%; margin:0 1%;}
	#gallery .list dl:last-child{display:none;}
	#gallery .list dl dt{width:99.6%;}
	#gallery .list dl dt img{width:94%; max-width:113px; border:3px solid #fff;}
	#gallery .list dl dd{text-align:left;}
	#gallery .more{top:10px; width:63px;}
	
	
	#subContent #content{float:none; overflow:hidden; width:98%; margin:0 auto 2em;}
	#subContent,
	#pageInfo,
	#pageInfo .pageTitle,
	#tabmenu,
	#sub_default{width:100%; padding:0;}

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

}