@charset "utf-8";

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

/* 메인메뉴 */
#topmenu_acc{position:absolute; top:0px; left:0px; z-index:99; width:945px; padding:5px; background:#fff; border:1px solid #ccc;}
#topmenu_acc #topmenu_acc_inner{position:relative; overflow:auto; width:100%; height:55px;}
#topmenu_acc li.menu1{float:left; width:130px;}
#topmenu_acc li.menu2{float:left; width:130px;}
#topmenu_acc li.menu3{float:left; width:130px;}
#topmenu_acc li.menu4{float:left; width:130px;}
#topmenu_acc li.menu5{float:left; width:130px;}
#topmenu_acc li.menu6{float:left; width:130px;}
#topmenu_acc li.menu7{float:left; width:130px;}
#topmenu_acc li ul{margin:5px 0 0 0;}
#topmenu_acc li ul li{padding:2px 0; font-size:0.92em;}
#topmenu_acc li ul li.current_on a{color:#3c6abd; text-decoration:underline;}

/* 팝업존 */
#pop_acc{float:left; display:inline; width:280px; margin:-45px 0 0 40px;}
#pop_acc ul{position:relative; overflow:auto; width:260px; height:50px; padding:5px; background:#fff; border:1px solid #ccc;}
#pop_acc ul li{padding:2px 0 2px 6px; background:url(/images/kr/main/notice_ico.gif) no-repeat 0 0.5em;}

/* 배너모음 */
#banner_acc{position:absolute; top:475px; left:400px; width:325px; height:100px; padding:5px; background:#fff; border:1px solid #ccc;}
#banner_acc ul{position:relative; overflow:auto; width:310px; height:80px; margin:5px 0 0 0; padding:5px; line-height:1.4em; background:#fafafa; border:1px solid #eaeaea;}

/* 링크사이트 */
.linksite_acc{clear:both; width:150px; line-height:1.3em; padding:5px; background:#fff; border:1px solid #ccc;}
.linksite_acc p{clear:both; font-weight:bold;}
.linksite_acc ul{position:relative; overflow:auto; width:140px; height:80px; margin:5px 0 0 0; padding:5px; line-height:1.4em; background:#fafafa; border:1px solid #eaeaea;}

/* 게시판 */
#notice_acc{position:absolute; top:0px; left:0px; width:358px; height:105px; padding:5px; line-height:0.5em; background:#fff; border:1px solid #ccc; z-index:99;}
#notice_acc .notice_acc1{float:left; width:150px;}
#notice_acc .notice_acc2{float:right; width:150px;}
#notice_acc .notice_acc3{clear:both; float:left; width:350px;}
#notice_acc p{margin:5px 0; font-weight:bold;}
#notice_acc li{clear:both; padding:0 0 0 8px; line-height:1.7em; font-size:0.92em; background:url(../images/main/notice_ico.gif) no-repeat 0 7px;}

/**
공통 적용요소
**/
/*
공통 레이아웃
*/
.m{display:none;}
body{background:#c2c2c2;}
#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;}

#lnbArea{float:left; width:100%; height:41px; background:#c1b39f;}
#lnb{position:relative; width:1001px; margin:0 auto;}
#lnb *{float:left; color:#492b00; letter-spacing:-1px;}

#global li{line-height:0; padding:0 0 7px 0;}
#global li a{position:relative; width:120px; text-align:center; line-height:41px; background:url(/images/kr/common/bg_global2.gif) no-repeat 100% 0; text-decoration:none;}
#global li:first-child{background:url(/images/kr/common/bg_global2.gif) no-repeat;}
#global li.open a{background:#289801; color:#fff;}
#global li.open ul{z-index:99; position:absolute; top:39px; left:0; width:300px; padding:20px 5px; border-top:none; background:#d7d7d7 url(/images/kr/common/bg_arrow.png) no-repeat 52px 0;}
#global li.open ul li{padding:0;}
#global li.open ul a{width:auto; padding:0 10px; font-size:92%; line-height:170%; background:none; color:#555;}
#global li.open ul.llist{min-width:108px; width:108px;}
#global li.open ul.llist a{width:90px;}
#global li .caret{float:none;}
#global li.open .caret{display:none;}

#global2 {float:right;}
#global2 li{line-height:0;}
#global2 li a{padding:0 20px 0 20px; line-height:41px; background:url(/images/kr/common/bg_global.gif) no-repeat 0 50%;}
#global2 li:first-child a{background:none;}

#headArea{float:left; width:100%; height:93px; background:#e9e9e9;}
#header{position:relative; width:1001px; margin:0 auto;}
#header *{float:left;}

h1{position:absolute; top:32px; left:0px; z-index:96; font-size:175%; line-height:100%; letter-spacing:-1px;}
h1 a {width:200px; text-decoration:none;}
h1 a img{vertical-align:top; height:38px; margin:0 0.4em 0 0;}
h1 a div {width:72%;}
h1 a strong{width:100%; margin:0.1em 0 0.2em 0; text-shadow:0 0 1px #fff; line-height:105%;}
h1 a span{padding:0 0 0 0.5em; font-size:41%; line-height:100%; letter-spacing: 0px; color:#5e5e5e;}

#font_control {padding:39px 2px 0 495px;}
#font_control li img{vertical-align:top;}

#search {display:block; padding:39px 0 0 0; visibility:visible; z-index:95;}
#search .searchbar{width:230px; height:37px; padding:0 0 0 5px; margin:0 3px 0 0; line-height:37px; color:#3e3d3d; border:1px solid #d5d5d5; background:#f4f4f4;}

#container_main{float:left; width:100%; background:#e9e9e9;}
#container_sub{float:left; width:100%; background:#fff url(/images/kr/common/bg.gif) repeat-x 0 52px;}
#container{position:relative; overflow:hidden; width:1001px; margin:52px auto 0;}

/* 메인메뉴 */
#menuArea{position:absolute; top:134px; width:100%; z-index:96; background:#e9e9e9 url(/images/kr/common/bg_menu.gif) repeat-x;}
#mainmenu{position:relative; width:1001px; margin:0 auto;}
#topmenu{float:left; width:1001px;}
#topmenu li{float:left; width:12.5%; line-height:0;}
#topmenu li a{display:block; font-size:135%; font-weight:bold; color:#fff; line-height:52px; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:97;}

#topmenu li a:active,
#topmenu li a:focus,
#topmenu li a:hover,
#topmenu > li.current_on > a{background:#e86011;}

#topmenu li .menu{position:relative; clear:both; width:auto; height:278px; display:none; z-index:96;}
#topmenu li .menu ul{display:block !important; position:absolute; top:0; left:0; width:99.6%; height:258px; padding:20px 0 0 0; border-left:1px solid #d8d8d8;}
#topmenu li.menu8 .menu ul{border-right:1px solid #d8d8d8;}
#topmenu li.menu9{display:none;}

#topmenu li ul li{float:none; width:100%;}
#topmenu li ul li a{margin:0 0 10px 0; padding:0 0 0 10px; color:#151515; text-align:left; font-size:100%; line-height:120%; font-weight:normal;}

#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li a:hover{color:#0190e6; background:#fff;}
#topmenu li li.current_on a{color:#0190e6;}

#topmenu li:focus .menu ul,
#topmenu li:hover .menu ul{background:#fff;}

/* 푸터 */
#footArea{float:left; width:100%; padding:22px 0 50px 0;}
#footer{position:relative; overflow:hidden; width:1001px; margin:0 auto;}
#footer .info{float:left; width:460px;}
#footer .info .list{float:left; width:460px; padding:3px 0 0 0;}
#footer .info .list li{float:left; padding:0 10px 0 0; margin:0 10px 0 0; background:url(/images/kr/common/bg_link.gif) no-repeat 100% 3px;}
#footer .info .list li.end{padding:0; margin:0; background:none;}
#footer .info .list li.privacy a{font-weight:bold; color:#306bbb;}
#footer .info address {clear:both; width:100%; padding:10px 0 5px 0;}
#footer .info p{text-transform:uppercase; font-size:80%; color:#4f4f4f;}
#footer .linksite_wa{float:left; width:480px;}
#footer .linksite{float:right;}
#footer .linksite *{float:left;}
#footer .linksite fieldset{margin:0 8px 0 0;}
#footer .linksite select{width:117px; margin:0 2px 0 0;}
#footer .wa{float:right; padding:8px 8px 0 0;}

/* 업무담당 */
#information {clear:both; float:right; width:100%; margin:50px 0 0 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fafafa;}
#information ul {overflow:hidden; width:96%; padding:7px 2%;}
#information ul li{float:left; padding:0.3em 10px 0.3em 0; margin:0 10px 0 0;}
#information ul li.start{font-weight:bold;}

/* 메인 레이아웃 */
#mainContent{position:relative; overflow:hidden; width:1001px; padding:17px 0 22px 0;}
#mainContent .section{float:left; width:323px; margin:0 0 13px 0;}

/* 메인비주얼*/
#visual{position:relative; float:left; width:477px; margin:0 9px 13px 0;}
#visual .list li{float:left; position:absolute; top:0; left:0px;}
#visual .list li img{vertical-align:top;}
#visual .control{position:absolute; top:10px; right:10px; float:left; z-index:99;}
#visual .control li{float:left; margin:0 6px 0 0;}
#visual .carousel-caption{right:0; left:0; padding:0; bottom:100%}
#visual .slogan,
#visual .caption{display:block; position:absolute; top:22px; left:50px; right:auto; padding:0;}
#visual .caption{top:246px; left:auto; right:0; width:107px; height:28px; font-size:105%; line-height:28px; background:rgba(256, 256, 256,0.4);}
#visual .carousel-indicators{position:absolute; top:10px; right:10px; left:auto; margin:0; width:auto;}
#visual .carousel-indicators li{background:#aeaeae; border:1px solid #aeaeae;}
#visual .carousel-indicators .active{width:27px; background:#289801; border:1px solid #289801;}

#quick{float:left; width:183px; margin:0 9px 13px 0;}
#quick li {width:100%; line-height:0;}
#quick li a{display:block; width:88px; padding:0 0 0 95px; line-height:99px; color:#fff; font-size:135%; font-weight:bold; text-decoration:none;}
#quick li.q1{background:#afbf06;}
#quick li.q2{background:#76a80b;}
#quick li.q3{background:#289801;}
#quick li.q1 a{background:url(/images/kr/main/bg_quick1.png) no-repeat 24px 32px;}
#quick li.q2 a{background:url(/images/kr/main/bg_quick2.png) no-repeat 24px 32px;}
#quick li.q3 a{background:url(/images/kr/main/bg_quick3.png) no-repeat 24px 32px;}

/* 의사일정 */
#agenda{float:left; width:299px; height:137px; padding:12px 0 0 24px; margin:0 0 10px 0; background:#c1c1c1;}
#agenda h4{float:left; padding:0 0 6px 0; font-size:135%;}
#agenda h4 strong{font-size:160%; letter-spacing:-2px;}
#agenda .more{float:right; width:52px; padding:17px 25px 0 0; font-weight:bold; font-size:85%; color:#6f6f6f;}
#agenda .list{float:left; width:260px; height:30px;  padding:16px 0 0 14px; border:1px solid #d3d3d3; background:#fff;}
#agenda .list ul {position:relative; width:260px; height:30px;}
#agenda .list ul li{position:absolute; top:0; left:0; width:255px; z-index:90 !important;}
#agenda .link{float:left; width:100%; padding:9px 0 0 0;}
#agenda .link li{float:left; line-height:0;}
#agenda .link li a{float:left; width:82px; padding:0 0 0 50px; line-height:27px; color:#fff; font-weight:bold; text-decoration:none;}
#agenda .link li.li1 a{margin:0 12px 0 0; background:#828282 url(/images/kr/main/ico_agenda1.png) no-repeat 17px 5px;} 
#agenda .link li.li2 a{background:#828282 url(/images/kr/main/ico_agenda2.png) no-repeat 17px 5px;}

/* 의사일정-팝업 */
#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, #schedule_modal ul.attach 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}

/* 열린의장실 */
#chairman{float:left; width:323px; height:139px; background:#e8cfb4;}
#chairman .greeting{float:left; width:177px; padding:0 0 0 25px;}
#chairman .greeting h4{padding:16px 0 8px 0;; font-size:135%;}
#chairman .greeting p{margin:0 0 9px 0; font-size:95%; line-height:170%; color:#4c4c4c; letter-spacing:-1px;}
#chairman .greeting p span{color:#8f4a00; font-size:115%;}
#chairman .greeting .btns{overflow:hidden; width:100%;}
#chairman .greeting .btns a{float:left; width:45%; margin:0 1px 0 0; line-height:21px; font-size:92%; font-weight:bold; text-align:center; color:#965616; border:1px solid #c98b40; background:#f6ddbf;}
#chairman .pic{float:right; margin:0 0 0 -5px;}

/* 팝업존 */
#popup{float:left; width:275px; height:158px; margin:0 12px 12px 0; border:1px solid #dfdfdf; background:#fff;}
#popup .control{overflow:hidden; width:266px; height:24px; padding:7px 0 0 9px;}
#popup .control li{float:left; margin:0 3px 0 0;}
#popup .list {float:left; position:relative; width:275px; height:127px;}
#popup .list li{position:absolute; top:0px; left:0px; width:275px; height:127px; line-height:127px; text-align:center;}
#popup .list li img{width:275px; height:127px;}
#popup img{vertical-align:top;}

/* 공지사항 */
#board{float:left; width:710px; height:158px; margin:0 0 12px 0; border:1px solid #dfdfdf; background:#fff;}
#board ul{position:relative; float:left; width:100%; border-bottom:1px solid #dfdfdf;}
#board ul li{float:left;}
#board li h4{float:left; font-weight:bold; font-size:105%; line-height:0;}
#board li h4 a{float:left; height:36px; padding:0 35px 0 35px; border-right:1px solid #dfdfdf; line-height:36px; text-decoration:none; color:#343434; background:#fff; border-top:none;}
#board li h4 a.on{color:#fff; background:#e86011; border-right:1px solid #e86011;}
#board ul ul{background:none; position:absolute; top:50px; left:10px; width:700px; border-bottom:none;}
#board ul ul li{overflow:hidden; width:690px; height:25px; margin:0;}
#board ul ul li a{float:left; width:560px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#board ul ul li span{float:right; color:#8b8b8b; letter-spacing:-1px;}
#board .more{float:none; display:block; position:absolute; top:-43px; right:8px; width:22px;}
#board .none{width:700px; padding:30px 0 0 0; text-align:center;}

/* 현역의원 */
#member{position:relative; float:left; width:260px; height:273px; padding:0 0 0 14px; margin:0 12px 0 0; border:1px solid #dfdfdf; background:#fff;}
#member h4{font-size:135%; line-height:58px;}
#member .link {float:left; width:100%; margin:0 0 12px 0;}
#member .link li{float:left; line-height:0;}
#member .link li a{float:left; width:80px; text-align:center; line-height:23px; border:1px solid #c9c9c9; border-left:none;}
#member .link li:first-child a{border-left:1px solid #c9c9c9;}
#member .profile{position:relative; float:left; width:260px; height:145px;}
#member .profile dl{float:left; position:absolute; top:0; left:0; width:260px;}
#member .profile dt{float:left; width:86px;}
#member .profile dt img{width:84px; height:107px; border:1px solid #dadada;}
#member .profile dd{float:left; width:162px; padding:0 0 0 12px;}
#member .profile dd .name{font-size:120%; line-height:200%;}
#member .profile dd li{padding:0 0 5px 0;}
/*#member .profile dd li *{display:inline-block; vertical-align:top;}
#member .profile dd li strong{width:47px;}
#member .profile dd li span{width:100px;}*/
#member .profile dd .bth{display:block; width:92px; height:20px; line-height:20px; font-weight:bold; font-size:92%; text-align:center; border:1px solid #c7c7c7; background:#e9e9e9; color:#404040; text-decoration:none;}
#member .search{float:left; width:70%;}
#member .search *{float:left;}
#member .search select{width:130px; height:17px; margin:0 2px 0 0; line-height:17px; border:1px solid #bbb; font-size:92%;}
#member .control{float:right; width:76px;}
#member .control li{float:left; margin:0 2px 0 0;}
#member .more{display:block; position:absolute; top:6px; right:6px; width:22px;}

/* 포토갤러리*/
#gallery {position:relative; float:left; width:232px; height:273px; margin:0 12px 0 0; border:1px solid #dfdfdf; background:#fff;}
#gallery h4{padding:0 0 0 15px; line-height:58px; font-size:135%;}
#gallery .list{overflow:hidden; width:219px; padding:0 0 0 13px;}
#gallery .list dl{float:left; width:100%; margin:0 0 16px 0;}
#gallery .list dl.end{margin:0}
#gallery .list dl dt{float:left; width:117px;}
#gallery .list dl dt img{width:111px; height:80px; border:3px solid #cfcfcf;}
#gallery .list dl dd{float:left; width:85px; padding:0 0 0 9px; font-weight:bold; line-height:130%;}
#gallery .list dl dd.date{padding:5px 0 0 9px; color:#616161; font-size:90%;}
#gallery .more{display:block; position:absolute; top:6px; right:6px; width:22px;}
#gallery .list .none{width:100%; padding:2em 0 0 0; text-align:center;}

#link{float:left; width:464px; height:274px; background:#fff; border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
#link li{float:left; width:231px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#link li a{float:left; height:102px; padding:34px 0 0 106px;}
#link li a strong{display:block; margin:0 0 17px 0; font-size:120%;}
#link li a span{display:block; width:115px; font-size:92%; font-weight:bold; color:#767676;}
#link li.li1 a{background:url(/images/kr/main/bg_link1.gif) no-repeat 24px 34px;}
#link li.li2 a{background:url(/images/kr/main/bg_link2.gif) no-repeat 24px 34px;}
#link li.li3 a{background:url(/images/kr/main/bg_link3.gif) no-repeat 24px 34px;}
#link li.li4 a{background:url(/images/kr/main/bg_link4.gif) no-repeat 24px 34px;}
#link li.li5 a{background:url(/images/kr/main/bg_link5.gif) no-repeat 24px 34px;}

/* 배너 */
#banner{position:relative; float:left; width:980px; height:71px; padding:0 0 0 19px; margin:12px 0 0 0; border:1px solid #dcdcdc; background:#fff;}
#banner .title{float:left; width:85px; padding:15px 0 0 0; background:url(/images/kr/main/bg_banner.gif) no-repeat 100% 25px;}
#banner h4{height:23px; font-size:120%;}
#banner .more{font-size:92%; font-weight:bold; color:#737373;}
#banner .list{overflow:hidden; float:left; width:880px; padding:14px 0 0 0;}
#banner .list #rolling{position:relative; overflow:hidden; width:2000px; height:50px;}
#banner .list #rolling *{float:left;}
#banner .list #rolling a{margin:0 3px 0 0;}
#banner .list #rolling span a img{height:45px; border:1px solid #d7d7d7; vertical-align:top;}

/*
서브 레이아웃
*/
#subContent{overflow:hidden; width:1001px; padding:17px 0 50px 0; background:url(/images/kr/common/subvisual/subvisual_bg.jpg) no-repeat left 17px;}
#subLeft{float:left; width:192px;}
#subRight{position:relative; float:left; width:809px;}
#subRight #content{float:right; width:760px;}

#subVisual{float:left; width:100%; text-align:right;}
#subVisual .slogan{position:absolute; top:50px; right:0; width:345px;}

/* 서브메뉴 */
#submenu{float:left; width:192px; padding:97px 0 0 0;}
#submenu .sm_tit{width:192px; height:82px; font-size:180%; text-align:center; letter-spacing:-1px; line-height:82px; background:#a37e00; color:#fff;} 
#submenu .depth2{width:190px; margin:1px 0 20px 0; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
#submenu .depth2 li{line-height:0; font-weight:bold;}
#submenu .depth2 li a{display:block; width:170px; padding:0 0 0 20px; border-bottom:1px solid #d9d9d9; font-size:115%; line-height:44px; text-decoration:none; color:#212121;}
#submenu .depth2 li a:hover,
#submenu .depth2 li a:focus,
#submenu .depth2 li a:active,
#submenu .depth2 li.current_on a{background:#68b110 url(/images/kr/common/bg_on.png) no-repeat 168px 50%; color:#fff;} 
#submenu .depth2 li ul {display:none;}

#submenu .link {float:left; width:190px; background:#fff; border:1px solid #d2d2d2;}
#submenu .link li *{display:block;}
#submenu .link li a{height:77px; padding:19px 0 0 16px;}
#submenu .link li a strong{margin:0 0 12px 0; font-size:110%;}
#submenu .link li a span{width:95px; font-size:85%; font-weight:bold; color:#767676; letter-spacing:-1px;}
#submenu .link li.li1 a{border-bottom:1px solid #d2d2d2; background:url(/images/kr/main/bg_link1.gif) no-repeat 120px 24px;}
#submenu .link li.li2 a{background:url(/images/kr/main/bg_link2.gif) no-repeat 120px 24px;}

/* 문서정보 */
#pageInfo{float:right; width:100%; height:95px;}
#pageInfo .pageTitle{float:left;}
#pageInfo .pageTitle h3{line-height:95px; font-size:260%; letter-spacing:-2px;}
#pageInfo .loc{float:right; padding:35px 0 0 15px; font-size:92%; background:url(/images/common/bullet/ico_home.gif) no-repeat 0 37px;}
#pageInfo .loc span.loc_current{font-weight:bold;}

/* 탭메뉴 */
#tabmenu{overflow:hidden; width:100%; margin:0 0 30px 0;}
#tabmenu li{float:left; line-height:0; font-size:118%; font-weight:bold;}
#tabmenu li a{text-decoration:none; display:block; margin:0 -1px 0 0; padding:11px 0 11px 0; line-height:15px; text-align:center; color:#494949; background:#f6f6f6; border:1px solid #d8d8d8; border-top:4px solid #d8d8d8;}
#tabmenu li.last-child a{margin:0;}
#tabmenu .current_on a{color:#e86011; background:#fff; border-top:4px solid #e86011;}
.tab2 li a{width:378px;}
.tab3 li a{width:252px;}
.tab4 li a{width:188px;}
.tab5 li a{width:150px;}
.tab6 li a{width:125px;}
.tab7 li a{width:104px;}
.tab8 li a{width:182px;}

#sub_default{float:right; width:100%; line-height:150%;}

#survey_box {float:right; width:100%; box-sizing:border-box; padding: 10px 15px; border:1px solid #ccc; background:#fff; margin-top:30px;}
#survey_box p{padding:5px 5px 5px 20px; background:url(/images/common/bullet/ico_view.gif) no-repeat 0 6px;}
#survey_box ul{float:left;}
#survey_box ul li{float:left; padding-right:10px;}
#survey_box .cuy{float:left; width:100%; padding-top:10px;}
#survey_box .cuy input{width:85%;padding:10px;}
#survey_box .cuy button{width:10%;padding:10px;}

@media screen and (max-width:999px) {
	#survey_box .cuy input{width:93%;padding:3%;}
	#survey_box .cuy button{width:99.8%; margin-top:10px;}
}

#survey_box { clear: both; }

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

	#lnb,
	#header,
	#container,
	#mainContent,
	#mainContent .section,
	#subContent{width:768px;}
	#subContent{background:url(/images/kr/common/subvisual/subvisual_bg.jpg) no-repeat -100px 17px;}
	
	#font_control{padding:39px 2px 0 260px;}

	#footer{width:768px;}
	#footer .info{width:550px;}
	#footer .linksite_wa{width:160px;}
	#footer .linksite fieldset{margin:0 0 2px 0;}

	#mainmenu,
	#topmenu{width:768px;}
	#topmenu li ul li a{padding:0 0 0 5px;}
	
	#visual{margin-right:12px;}
	#quick{width:278px; margin:0 0 13px 0;}
	#quick li a{padding:0 0 0 145px; font-size:150%;}
	#quick li.q1 a,
	#quick li.q2 a,
	#quick li.q3 a{background-position:55px 32px;}

	#agenda{width:409px; margin:0 12px 0 0;}
	#agenda .list,
	#agenda .list ul{width:371px;}
	#agenda .list ul li{width:365px;}
	#agenda .link li a{width:97px; padding:0 0 0 90px;}
	#agenda .link li.li1 a,
	#agenda .link li.li2 a{background-position:40px 5px;}

	#chairman{padding:10px 0 0 0;}

	#board{width:477px;}
	#board li h4 a{padding:0 15px;}
	
	#board ul ul,
	#board .none{width:467px;}
	#board ul ul li{width:457px;}
	#board ul ul li a{width:360px;}
	
	#link{width:232px;}
	#link li a{height:43px; padding:25px 0 0 116px;}
	#link li a span{display:none;}
	#link li.li4 a{height:47px;}
	#link li.li1 a,
	#link li.li2 a,
	#link li.li3 a,
	#link li.li4 a{background-position:32px 3px;}

	#banner {width:747px}
	#banner .list{width:647px;}

	#subRight,
	#subVisual{width:576px;}
	#subVisual{padding:52px 0 0 0;}
	#subVisual .slogan{top:30px;}
	#subRight #content{width:530px;}

	.tab2 li{width:49.5%;}
	.tab3 li{width:33%;}
	.tab4 li{width:24.9%;}
	.tab5 li{width:19.5%;}
	.tab2 li a,
	.tab3 li a,
	.tab4 li a,
	.tab5 li a,
	.tab5 li a{width:100%;}
}


/**
768미만
**/
@media screen and (max-width:767px) {
	body{letter-spacing:-1px;}
	.w{display:none;}
	.m{display:block;}
	
	#header ,
	#container,
	#mainmenu, 
	#topmenu{width:100%;}
	#container{margin:0;}

	#footer{width:98%;}
	#footer .linksite_wa{width:100%; margin:1em 0 1em 0;}
	#footer .linksite{float:left;}
	#footer .linksite fieldset{width:50%;}
	#footer .linksite select{width:70%; max-width:150px;}
	#footer .wa{float:left; padding:5px 0 0 0;}

	#headArea{height:50px;}
	#header *{float:none;}

	#header h1{top:8px; left:50%; margin:0 0 0 -75px; font-size:150%;}
	#header h1 *{float:left;}
	#header h1 a strong{margin:0.1em 0 0.1em 0;}
	#header h1 a span{padding:0;}
	#header h1 img{height:33px; margin:0 0.2em 0 0;}

	.allmenu,.hsearch{position:absolute; top:6px; z-index:1000;}
	.allmenu{top:0;}
	.allmenu .navbar-toggle .icon-bar{background-color:#333;}
	.hsearch{right:7px;}

	#search{position:absolute; visibility:hidden; top:50px; width:100%; padding:1em 0; text-align:center; background:#fff; border-bottom:1px solid #ccc;}
	#search .searchbar{width:80%;}
	#search.collapse.in{visibility:visible;}

	#mainContent{width:98%; margin:0 auto; padding:1px 0 0 0;}
	
	#container_main,
	#container_sub{background:#fff;}

	#footArea{padding:3% 0 0 0;}
	#footer .info{width:100%;}
	#footer .info .list{width:100%;}

	/* 메인메뉴 */
	#navbar{position:absolute; top:50px; left:1%; width:98%; margin:0 auto; padding-bottom:7px; z-index:99; 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 4px 7px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 8px;}

	#mainContent .section{width:100%; margin:0 0 0.5em 0;}
	
	#visual {max-width:477px; width:100%; overflow:hidden; float:none; margin:0 auto;}
	#visual .carousel-indicators{top:7px; right:5px;}

	#visual .slogan{top:10px; left:10px;}
	#visual .slogan img{max-width:73%;}

	#quick {width:100%; margin:0;}
	#quick li{float:left; width:33.3%;}
	#quick li a{width:100%; padding:4em 0 0.5em 0; font-size:110%; line-height:100%; text-align:center;}
	#quick li.q1 a,
	#quick li.q2 a{background-position:50% 20%; background-size:45px;}
	#quick li.q3 a{background-position:50% 30%; background-size:55px;}

	#member,
	#gallery,
	#board,
	#banner, 
	#link{width:99.6%; padding:0; margin:0; border-bottom:none;}

	#agenda{width:98%; height:auto; padding:2% 0 1em 2%;}
	#agenda h4{font-size:110%;}
	#agenda .more{padding:1em 1em 0 0;}
	#agenda .list, #agenda .list ul{width:93%;}
	#agenda .list{padding:1em 0 0 1em;}
	#agenda .list ul{padding:0.5em 0 0 0;}
	#agenda .link li {width:48%;}
	#agenda .link li:first-child{margin:0 2% 0 0;}
	#agenda .link li a{width:90%; padding:0 0 0 10%; text-align:center;}
	#agenda .link li.li1 a, #agenda .link li.li2 a{background-position:2em 50%; margin:0;}

	#chairman{width:98%; height:115px; padding:0 0 0 2%;}
	#chairman .greeting{padding:0;}
	#chairman .greeting p{margin:0 0 0.5em 0; line-height:150%;}
	#chairman .greeting h4{padding:0.85em 0 0.3em 0; font-size:120%;}
	#chairman .pic {height:115px;}
	#chairman .pic img{height:100%;}

	#board {height:145px;}
	#board li h4 a{padding:0 5px;}
	#board ul ul{width:95%;}
	#board ul ul li{width:100%; height:1.7em;}
	#board ul ul li a{width:70%;}
	#board ul ul li.more a{width:100%;}
	#board .none{width:100%;}
	#board .more{right:0;}

	#member {width:97.6%; height:auto; padding:0 0 0.7em 2%;}
	#member h4{font-size:120%; line-height:2.3em;}
	#member .profile,
	#member .profile dl{width:100%;}
	#member .profile dd{width:67%;}
/*	#member .profile dd li span{width:75%;}*/
	#member .search {margin:0 0 0.5em 0;}

	#gallery{height:auto; padding:1% 0 0.7em 0;}
	#gallery h4{font-size:120%; line-height:2em; padding:0 0 0 2%;}
	#gallery .list {width:100%; padding:0;}
	#gallery .list dl{float:none; display:inline-block; width:47%; margin:0; padding:0 1.2% 0 1.3%; text-align:center;}
	#gallery .list dl dt {float:none; width:100%;}
	#gallery .list dl dt img{width:98%; max-width:113px;}
	#gallery .list dl dd{width:100%; padding:5px 0 2px 0;}
	#gallery .list dl dd.date{padding:0;}
	
	#link {height:auto; padding:0.6em 0; border-right:1px solid #dfdfdf;}
	#link li{width:25%; border:none;}
	#link li a{width:100%; height:auto; padding:4.5em 0 0.7em 0; text-align:center;}
	#link li a strong{margin:0; font-size:105%; line-height:100%;}
	#link li.li1 a,
	#link li.li2 a,
	#link li.li4 a{height:auto; background-position:50% 20%; background-size:45px;}
	#link li.li3 a{background-position:50% 20%; background-size:40px;}
	
	#banner .title{width:80px; padding:15px 0 0 2%;}
	#banner .title h4{font-size:110%;}
	#banner .list{width:72%;}

	#subRight,
	#subRight #content,
	#pageInfo .pageTitle{width:100%; padding:0;}

	#subContent{width:98%; margin:0 auto; padding:0 0 2em 0; background:none;}

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

}
@media screen and (max-width:415px) {
	#footer .info .list li{padding:0 5px 0 0; margin:0 4px 0 0; letter-spacing:-1.5px;}
	#tabmenu li{font-size:110%; letter-spacing:-1.5px;}
}