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

h1{position:absolute; top:22px; left:0px; z-index:98; font-size:175%;}
h1 *{float:left; color:#fff;}
h1 a {width:190px; text-decoration:none;}
h1 a img{vertical-align:top; margin:0 0.4em 0 0;}
h1 a div{width:65%;}
h1 a span{padding:0 0 0 0.1em; line-height:140%; font-weight:normal; font-size:62%; text-shadow:0 0 1px #fff;}
h1 a strong{width:100%; line-height:130%; letter-spacing:-2px; text-shadow:0 0 1px #f5721c;}

#lnb{float:right; width:260px; padding:12px 0 0 0; z-index:98;}
#lnb *{float:left;}
#global li:first-child{padding:0 7px 0 0; margin:0 7px 0 0; background:url(/images/member/common/bg_global.gif) no-repeat 100% 7px;}
#global li a{line-height:22px; color:#fff;}

#font_control {float:right;}
#font_control li.end{padding:0 0 0 4px;}

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

/* 메인메뉴 */
#mainmenu{float:left; width:800px; padding:5px 0 0 200px;}
#topmenu{float:left; width:100%;}
#topmenu li{float:left; line-height:0;}
#topmenu li a{float:left; width:115px; text-align:center; color:#fff; font-size:125%; line-height:40px; font-weight:bold; text-decoration:none; z-index:90;}
#topmenu li.menu4 a,
#topmenu li.menu5 a{width:170px;}

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

#topmenu li ul{display:none;}

/* 푸터 */
#footArea{float:left; width:100%; background:#5d5d5d;}
#footer{position:relative; overflow:hidden; width:1000px; padding:23px 0 50px 0; margin:0 auto; color:#e3e3e3;}
#footer .info{float:left; width:650px;}
#footer .info address {padding:0 0 0.5em 0; line-height:150%;}
#footer .info .copyright{text-transform:uppercase; font-size:90%;}
#footer .linksite{float:right; width:210px;}
#footer .linksite *{float:left;}
#footer .linksite select{width:138px; height:30px; line-height:30px; padding:2px; margin:0 4px 0 0; border:1px solid #cecece;}

/*
메인 레이아웃
*/
#mainContent{position:relative; overflow:hidden; width:1000px; margin:0 auto; padding:31px 0 41px 0;}
#mainContent h4{height:49px; padding:0 0 0 33px; line-height:49px; border-bottom:1px solid #ddd; font-size:120%;}

.section1{float:left; width:517px; margin:0 12px 0 0;}
.section2{float:left; width:470px;}

#visual{position:relative; float:left; width:517px; margin:0 12px 12px 0;}
#visual .slogan{position:absolute; top:30px; left:0; width:100%; text-align:center; font-size:200%; line-height:130%; letter-spacing:-3px;}
#visual .slogan strong{color:#0e87d3;}
#visual .slogan p{font-size:55%; font-weight:bold; letter-spacing:-1px; color:#3f3f3f;}

/* 의원소개 */
#member{position:relative; float:left; width:468px; height:262px; border:1px solid #ddd; background:#fff; border-radius:4px; behavior:url("/css/PIE.htc");}
#member .profile{float:left; width:435px; padding:18px 0 0 33px;}
#member .profile dl{float:left; width:100%;}
#member .profile dt{float:left; width:124px;}
#member .profile dt .pic{width:124px; height:141px;}
#member .profile dt a{float:left; margin:7px 3px 0 0;}
#member .profile dd{float:left; width:261px; padding:0 0 0 25px;}
#member .profile dd .name{display:block; padding:0 0 5px 0; font-size:110%; line-height:150%; border-bottom:1px solid #e0e0e0;}
#member .profile dd ul{margin:0 0 5px 0;}
#member .profile dd li{padding:5px 0 6px 10px; border-bottom:1px solid #e0e0e0; line-height:130%; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 11px;}
#member .profile dd li *{display:inline-block; vertical-align:top;}
#member .profile dd li strong{width:60px;}
#member .profile dd li span{width:190px;}
#member .more{position:absolute; top:17px; right:23px;}

/* 공지사항 */
.board{position:relative; float:left; width:515px; height:200px; margin:0 0 12px 0; border:1px solid #ddd; background:#fff; border-radius:4px; behavior:url("/css/PIE.htc");}
.board ul {width:483px; padding:13px 0 0 32px;}
.board ul li {overflow:hidden; width:100%; height:23px;}
.board ul li a{float:left; width:350px; padding:0 0 0 10px; 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:100px;}
.board .none{width:100%; padding:35px 0 0 0; text-align:center;}
.board .more{position:absolute; top:17px; right:23px;}

/* 포토갤러리*/
#gallery {position:relative; float:left; width:468px; height:261px; margin:0 0 12px 0; background:#fff; border:1px solid #ddd; border-radius:4px; behavior:url("/css/PIE.htc");}
#gallery .list{overflow:hidden; width:436px; padding:19px 0 0 32px;}
#gallery .list dl{float:left; width:187px;}
#gallery .list dl:first-child{margin:0 29px 0 0;}
#gallery .list dl dt{width:187px;}
#gallery .list dl dt img{width:187px; height:141px;}
#gallery .list dl dd{width:100%; padding:9px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery .more{position:absolute; top:16px; right:26px;}
#gallery .none{width:100%; padding:45px 0 0 0; text-align:center;}

#link{float:left; width:510px;}
#link li{float:left;}
#link li:first-child{margin:0 12px 0 0;}
#link li a{position:relative; display:block; width:102px; height:110px; padding:25px 98px 0 30px; color:#fff; border-radius:5px; behavior:url("/css/PIE.htc");}
#link li.li1 a{background:#47b0d9 url(/images/member/main/bg_link1.png) no-repeat 141px 47px;}
#link li.li2 a{background:#83b400 url(/images/member/main/bg_link2.png) no-repeat 153px 47px;}
#link li strong{display:block; margin:0 0 12px 0; font-size:120%;}

/*
서브 레이아웃
*/
#subContent{overflow:hidden; width:1000px; margin:0 auto; padding:30px 0 64px 0;}
#subRight{float:left; width:788px; padding:0 0 0 12px;}

#subvisual{position:relative; width:788px; margin:0 0 12px 0;}
#subvisual .slogan{position:absolute; top:27px; left:44%; text-align:right; font-size:180%; line-height:150%; letter-spacing:-2px;}
#subvisual .slogan strong{color:#0e87d3;}
#subvisual .slogan p{font-weight:bold; font-size:53%; line-height:215%; letter-spacing:-1px; color:#3f3f3f;}

#subRight #content{position:relative; float:left; width:710px; padding:34px 38px 100px 38px; background:#fff; border:1px solid #ddd; border-radius:4px; behavior:url("/css/PIE.htc");}

/* 서브메뉴 */
#submenu{float:left; width:200px; background:#fff;}
#submenu .sm_tit{position:relative; width:200px; height:96px; padding:0 0 10px 0; font-size:190%; text-align:center; letter-spacing:-1px; line-height:96px; background:#47b0d9; color:#fff; border-radius:4px; behavior:url("/css/PIE.htc");}
#submenu .depth2{position:relative; width:198px; padding:0 0 200px 0; margin:-10px 0 0 0; border:1px solid #ddd; border-top:none; background:#fff; border-bottom-left-radius:4px; border-bottom-right-radius:4px; behavior:url("/css/PIE.htc");}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display:block; width:163px; padding:0 0 0 35px; line-height:53px; font-weight:bold; border-bottom:1px solid #ddd; font-size:115%; text-decoration:none; color:#5f5f5f; background:url(/images/member/common/bg_off.gif) no-repeat 90% 50%;}
#submenu .depth2 li a:hover,
#submenu .depth2 li a:focus,
#submenu .depth2 li a:active,
#submenu .depth2 li.current_on a{background:url(/images/member/common/bg_on.gif) no-repeat 90% 50%; color:#1891c0;} 

/* 문서정보 */
#pageInfo{overflow:hidden; width:710px; height:60px;}
#pageInfo .pageTitle{float:left; width:50%;}
#pageInfo .pageTitle h3{font-size:250%; letter-spacing:-2px;}
#pageInfo .loc{float:right; padding:15px 0 0 15px; font-size:92%; background:url(/images/common/bullet/ico_home.gif) no-repeat 0 17px;}
#pageInfo .loc span.loc_current{font-weight:bold;}

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

#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;}
	#footer .info{width:550px;}

	#visual{width:470px; height:264px; overflow:hidden; width:468px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-radius:6px; behavior:url(/css/PIE.htc);}
	#visual .img img{max-width:517px; margin:0 0 0 -13px;}

	#member{width:284px;}
	#member h4{padding:0 0 0 15px;}
	#member .profile{width:272px; padding:15px 0 0 12px;}
	#member .profile dt{width:93px;}
	#member .profile dt .pic{width:93px; height:auto;}
	#member .profile dd{width:164px; padding:0 0 0 10px;}
	#member .profile dd li{padding:5px 0 6px 0; background:none;}
	#member .profile dd li span{width:104px;}

	.section1,
	.section2{width:100%; margin:0;}
	.board{width:376px;}
	.board:first-child{margin:0 12px 0 0;}
	.board ul{width:344px;}
	.board ul li a{width:65%;}
	
	#gallery{margin:0 12px 0 0;}

	h1.logo { font-size: 140%; }

	#link{width:286px;}
	#link li:first-child{margin:0 0 12px 0;}
	#link li a{width:158px; height:100px;}
	#link li.li1 a,
	#link li.li2 a{background-position:205px 47px;}

	#mainmenu{width:608px; padding:5px 0 0 160px;}
	#topmenu li a{width:101px; font-size: 1.1em}
	#topmenu li.menu4 a, #topmenu li.menu5 a{width:101px;}
	
	#subRight,
	#subvisual{width:556px;}
	
	#subRight #content{width:516px; padding:20px 20px 100px 20px;}
	#sub_default,
	#pageInfo{width:516px;}

	#subvisual .slogan{top:17px; font-size:160%;}
	#subvisual .slogan p{width:240px; font-size:60%;}
}

/**
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%; padding:0;}

	#mainContent{width:98%; margin:0 auto; padding:0.3em 0;}
	#mainContent h4{height:2.5em; line-height:2.5em; padding:0 0 0 0.8em;}

	#footer{width:98%; padding:0 0 1em 0;}
	#footer .info,
	#footer .linksite{width:100%; margin:0 0 1em 0;}
	#footer .linksite select,
	#footer .linksite input{border-radius:0; background:#fff;}
	#footer ul {overflow:hidden; width:100%; margin:1em 0 0.5em 0; text-align:center;}
	#footer ul li{display:inline-block; line-height:100%;}
	#footer ul li:first-child{margin:0 1em 0 0; padding:0 1em 0 0; border-right:1px solid #ccc;}
	#footer ul li a{color:#fff;}
	
	#header h1{top:6px; left:50%; margin:0 0 0 -65px; font-size:145%;}
	#header h1 *{float:left;}
	#header h1 a img{height:35px; margin:0 0.2em 0 0;}
	#header h1 a strong{line-height:100%;}

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

	#navbar{position:absolute; top:50px; left:1%; 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;}
	
	#member{width:99.6%; height:auto; margin:0 0 0.5em 0;}
	#member .profile{width:98%; padding:0.7em 0 1em 2%;}
	#member .profile dd{width:66%;}
	#member .profile dd li strong{width:55px;}
	#member .profile dd li span{width:72%;}
	#member .more{top:0.8em; right:0.8em;}

	.board{width:99.6%; height:180px; margin:0 0 0.5em 0;}
	.board:first-child{margin:0 0 0.5em 0;}
	.board ul{width:98%; padding:0.7em 0 0 1em;}
	.board ul li a{padding:0 0 0 7px;}
	.board ul li span{width:77px;}
	.board .more{top:0.8em; right:0.8em;}

	#gallery {width:99.6%; height:auto; margin:0 0 0.5em 0;}
	#gallery .list{width:100%; padding:0.7em 0 1em 0; text-align:center;}
	#gallery .list dl{float:none; display:inline-block; width:46%; margin:0 1.5%;}
	#gallery .list dl:first-child{margin:0 1.5%;}
	#gallery .list dl dt{width:100%;}
	#gallery .more{top:0.8em; right:0.8em;}

	#link{width:100%;}
	#link li{width:49%;}
	#link li:first-child{margin:0 2% 0 0;}
	#link li a{width:55%; height:auto; padding:1em 40% 1.5em 5%;}
	#link li.li1 a, #link li.li2 a{background-position:92% 68%; background-size:auto 45px;}

	#subContent{width:98%; padding:0.3em 0;}
	#subRight,
	#pageInfo,
	#pageInfo .pageTitle{width:100%; padding:0;}

	#subRight #content{width:99.6%; padding:0 0 2em 0;}

	#pageInfo {height:auto;}
	#pageInfo .pageTitle h3{padding:0 0 0 0.5em; min-height:43px; font-size:165%; line-height:220%; background-position:0 50%;}

	#sub_default{width:98%; padding:1%;}
}

@media screen and (max-width:359px) {

}