@charset "utf-8";

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;}
body{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff;letter-spacing:-.25px;-webkit-text-size-adjust:none;word-break:keep-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;letter-spacing:-.25px;word-break:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:#767676;text-decoration:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #cfcfcf;line-height:16px;text-indent:5px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;}
input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #cfcfcf;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #cfcfcf;background:#fff;resize:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
select{max-width:100%;border:1px solid #cfcfcf;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}
/****************************** Reset 이곳 위로는 가급적 변경하지 마세요 ******************************/

.wrapper {max-width:1000px; margin:0 auto;}
.wrapper:after {content:""; display:block; clear:both;}

/****************************** Layout ******************************/
#main #wrap{min-width:1600px;}

#header {position:fixed; left:0; top:0; z-index:10; width:100%; height:39px; padding:18px 0; background:#fff;}
#header:before{content:'';position:absolute;left:0;bottom:-9px;right:0;height:9px;background:url('../image/bg_header.png') repeat-x;}
#header h1 {position:relative; z-index:10; display:inline-block;}
#header .util_wrap {overflow:hidden; float:right; margin:-17px 0 0;}
#header .util_wrap ul {margin-left:-6px; }
#header .util_wrap ul:after {content:""; display:block; clear:both;}
#header .util_wrap ul li {float:left; padding:0 6px; position:relative;}
#header .util_wrap ul li a {font-size:11px; color:#9a9a9a;}
#header .util_wrap li:before {content:""; display:block; width:1px; height:9px; background-color:#e6e6e6; position:absolute; left:0; top:50%; margin:-5px 0 0;}

#header .bg {width:100%; height:188px; background-color:#463879; position:absolute; top:75px; z-index:1;}

/* Gnb */
#gnbMenu{overflow:hidden;position:absolute;right:0;top:18px;width:100%;height:56px;}
#gnbMenu .outer{margin:56px 0 0; background:#463879; position:relative;}
#gnbMenu .inner{position:relative;width:1000px;margin:0 auto;top:-56px;}
#gnbMenu .inner:after{content:'';display:block;clear:both;}
#gnbMenu .inner:before {content:""; width:341px; height:141px; display:block; background: url('../image/img_rolling.png') left top no-repeat; position:absolute; left:0px; top:85px;}
#gnbMenu .inner > div{float:right;}
#gnbMenu .inner > div > div {display:table;table-layout:fixed;}
#gnb{display:table-row;}
#gnb > li {display:table-cell;text-align:center; position:relative; border-right:1px solid #594c87; height:100%;}
#gnb > li > a:hover,
#gnb > li > a:focus {border-bottom:2px solid #d9ab00; box-sizing:border-box;}
#gnb > li:first-child a:before {content:none;}
#gnb > li:first-child {padding-left:0;  border-left:1px solid #594c87;}

#gnb > li > a{display:block;font-size:16px;line-height:56px;color:#4e4e4e; background-color:#FFF; margin:0 -1px 0; position:relative; font-weight:bold; color:#2a2a2a;}
#gnb > li > a:before {content:""; display:block; width:1px; height:15px; background-color:#efefef; position:absolute; left:0; top:50%; margin:-7px 0 0;}
#gnb > li > a:hover +.sub, 
#gnb > li > a:focus +.sub{padding-top:22px;}
#gnb .sub{padding:24px 0 20px;}
#gnb .sub li{margin:5px 0 0;}
#gnb .sub li a{font-size:13px;text-transform:capitalize;color:#b1b1b1;}
#gnb .sub li a:hover,
#gnb .sub li a:focus,
#gnb .sub li.active a{color:#fff; font-weight:bold;}
#gnb > li > .sub > ul > li {padding:0 31px; text-align:left;}

/*
#header #gnbMenu .outer {}
#header #gnbMenu .inner {position:relative; top:-10px;}
#header #gnbMenu .inner > div{width:1000px;margin:0 auto;}
#header #gnbMenu .inner > div > div{display:table;table-layout:fixed;width:1000px;margin:0 auto 0;} 
#header #gnbMenu ul#gnb {display:table-row;}
#header #gnbMenu ul#gnb > li {display:table-cell; text-align:center;}
#header #gnbMenu ul#gnb > li.active {width:20%; border-bottom:2px solid #d9ab00;}
#header #gnbMenu li a {font-size:16px; letter-spacing:-1px; font-weight:bold; color:#2a2a2a;}
#header #gnbMenu li .sub {z-index:10;}
#header #gnbMenu li .sub ul {margin:25px 0 0 -8px;}
#header #gnbMenu li .sub ul li {text-align:left; padding:0 0 0 20px;}
#header #gnbMenu li .sub ul li a {font-size:13px; font-weight:normal; color:#b1b1b1; z-index:3;}
*/

#sBody{padding:0 0 30px;background:#f6f6f6;}
#sBody #contents{width:1000px;margin:0 auto;padding:50px 49px 70px;border:1px solid #e2e2e2;background:#fff;box-sizing:border-box;}
#sBody #contents > h3{margin:0 0 20px;font-weight:bold;font-size:35px;color:#333;}

#location{}

#mNavi{position:fixed;right:35px;top:50%;z-index:200;}
#mNavi ul{position:relative;}
#mNavi ul li{position:relative; font-size:0; margin-bottom:10px;}
#mNavi ul li a{display:inline-block;overflow:hidden;width:15px;height:16px;box-shadow:inset 1px 1px 4px rgba(0,0,0,.5);background:#fff;border-radius:100%;}
#mNavi ul li.current a {background:#463879;}


/* Contents */
#container{margin:75px 0 0;}
#contents .visual_wrap {width:100%; height:855px; overflow:hidden; position:relative;}
#contents .visual_wrap .visual {position:absolute; left:50%; bottom:250px; margin-left:-39px;}
#contents .visual_wrap .visual ul:after {content:""; display:block; clear:both;}
#contents .visual_wrap .visual ul li {float:left; padding:0 7px;}

#contents .visual_sub {width:100%; height:885px; overflow:hidden; background: url('../image/bg_visual2.jpg') center top no-repeat; position:relative;}
#contents .visual_sub .sub_slider {width:100%; min-width:1600px; position:absolute; left:0; top:332px;}
#contents .visual_sub .sub_slider .btn_more {width:167px; height:44px; position:absolute; left:50%; bottom:-15px; margin:0 0 0 -83px;}
#contents .visual_sub .sub_slider .btn_more a {width:100%; height:100%; display:block; text-align:center; color:#fff; line-height:44px; font-weight:bold; background:url('../image/bg_button.png') center top no-repeat;}
#contents .visual_sub .sub_slider .btn_more a:hover{background:url('../image/bg_button_on.png') center top no-repeat;}
#contents .visual_sub .slider:after {content:""; display:block; clear:both;}
#contents .visual_sub .slider {width:1600px; height:375px; margin:0 auto; position:relative;}
#contents .visual_sub .slider ul{width:100%;}
#contents .visual_sub .slider ul li{width:298px; margin:0 0 0 27px; float:left; position:relative;}
#contents .visual_sub .slider ul li:first-child{margin-left:0;}
#contents .visual_sub .slider ul li a{height:300px; display:block; overflow:hidden}
#contents .visual_sub .slider ul li a img{height:600px !important;}

#contents .visual_sub .slider ul li.active{margin:0 80px;}
#contents .visual_sub .slider ul li.active img.on{left:-41px; top:-38px; display:block; opacity:1; filter:alpha(opacity=100);}
#contents .visual_sub .slider .btn {position:absolute; top:40%;}
#contents .visual_sub .slider .btnPrev {left:50%; margin-left:-235px;} 
#contents .visual_sub .slider .btnNext {right:50%; margin-right:-235px;}

#contents .visual_design {width:100%; height:885px; overflow:hidden; background: url('../image/bg_visual3.jpg') center top no-repeat; position:relative;}
#contents .visual_design .btn_more {width:167px; height:44px; background: url('../image/bg_button1.png') center top no-repeat;  text-align:center; position:absolute; bottom:270px;}
#contents .visual_design .btn_more a {color:#463879; line-height:44px; font-weight:bold; display:block;}
#contents .visual_design .area {width:50%; height:885px; float:right; position:relative;}
#contents .visual_design .area .area1 {width:165px; height:183px; overflow:hidden; position:absolute; left:-20px; bottom:182px;}
#contents .visual_design .area .area1 a:hover img {margin-top:-183px;}
#contents .visual_design .area .area2 {width:154px; height:204px; overflow:hidden; position:absolute; left:123px; top:258px; }
#contents .visual_design .area .area2 a:hover img {margin-top:-204px;}
#contents .visual_design .area .area3 {width:131px; height:176px; overflow:hidden; position:absolute; left:-2px; top:124px;}
#contents .visual_design .area .area3 a:hover img {margin-top:-176px;}
#contents .visual_design .area .area4 {width:129px; height:191px; overflow:hidden; position:absolute; left:319px; top:273px;}
#contents .visual_design .area .area4 a:hover img {margin-top:-191px;}
#contents .visual_design .area .area5 {width:141px; height:234px; overflow:hidden; position:absolute; right:47px; bottom:155px;}
#contents .visual_design .area .area5 a:hover img {margin-top:-234px;}


#contents .visual_info {width:100%; height:885px; overflow:hidden; background: url('../image/bg_visual4.jpg') center top no-repeat;}
#contents .visual_info .wrapper { position:relative;}
#contents .visual_info .floor_off {position:absolute; left:405px; top:309px;}
#contents .visual_info .floor_info {position:absolute; right:16px; top:385px;}
#contents .visual_info .floor_info li:after {content:""; display:block; clear:both;}
#contents .visual_info .floor_info li {width:401px; height:48px; border-bottom:1px solid #b48e00; padding:21px 0 19px; position:relative; z-index:0}
#contents .visual_info .floor_info li a {display:block; width:100%; height:100%; padding:21px 5px 19px; margin-top:-21px; position:relative; z-index:1;}
#contents .visual_info .floor_info li em{display:none;}
#contents .visual_info .floor_info li.active {position:relative;}
#contents .visual_info .floor_info li.floor1 em {width:747px; height:94px; background: url('../image/img_line1.png') 0 0 no-repeat; position:absolute; right:0; top:-4px;}
#contents .visual_info .floor_info li.floor2 em {width:589px; height:90px; background: url('../image/img_line2.png') 0 0 no-repeat; position:absolute; right:0; top:-1px}
#contents .visual_info .floor_info li.floor3 em {width:589px; height:249px; background: url('../image/img_line3.png') 0 0 no-repeat; position:absolute; right:0; top:-82px;}
/* #contents .visual_info .floor_info li.floor4 em {width:589px; height:172px; background: url('../image/img_line4.png') 0 0 no-repeat; position:absolute; right:0; top:-83px;}
#contents .visual_info .floor_info li.floor5 em {width:589px; height:256px; background: url('../image/img_line5.png') 0 0 no-repeat; position:absolute; right:0; top:-1px;} */


#contents .visual_info .floor_info li:first-child {border-top:1px solid #b48e00;}

#contents .visual_info .floor_info li a:hover span.floor img {margin:-46px 0 0;}
#contents .visual_info .floor_info li span.floor {height:46px; overflow:hidden; float:left; padding-left:17px;}
#contents .visual_info .floor_info li span.more {float:right; vertical-align:bottom; position:absolute; right:30px; top:50%; margin-top:-9px;}


#contents .visual_info .floor_info .line {position:absolute; left:-154px; top:-1px;}

#contents .community {width:100%; height:885px; background: url('../image/bg_visual5.png') center 120px no-repeat;  position:relative;}
#contents .community .community_list {padding:248px 0 0; }
#contents .community .community_list:after {content:""; display:block; clear:both;}
#contents .community .community_list .boardLeft {width:670px;}
#contents .community .community_list .notice {width:335px; height:228px; float:left; }
#contents .community .community_list .archives {width:335px; height:230px; float:left; }
#contents .community .community_list .scm {width:670px; height:228px; margin:7px 0 0; float:left; }
#contents .community .community_list .boardRight {width:320px;}
#contents .community .community_list .fire {width:330px; height:465px; float:right; }
#contents .community .community_list .join {width:335px; height:230px; margin:7px 0 0; float:left; }


.mQuick{margin-top:-174px; position:fixed; right:20px; top:50%; z-index:10}
.mQuick > a{margin-bottom:6px;height:60px; display:block; overflow:hidden;text-align:center;}
.mQuick li{padding:6px 0;}
.mQuick li:first-child{border-top:0;}
.mQuick li img{vertical-align:top;}
.mQuick li a{height:60px; display:block; overflow:hidden;text-align:center;}
.mQuick li.active a img{margin-top:-60px !important;}
.sQuick{position:absolute; right:20px; top:435px; z-index:10}
.sQuick.fixed {top:50%;margin-top:-220px;position:fixed;}
.sQuick li{padding:6px 0;}
.sQuick li:first-child{border-top:0;}
.sQuick li a{width:60px;height:60px; display:block; overflow:hidden;text-align:center;}
.sQuick li a:hover img{margin-top:-60px;}
.sQuick li.active a img{margin-top:-60px;}


/* Sub Content */


/* 인사말 */
 .sVisual {width:100%; margin:0 0 30px; height:187px; background: url('../../default/image/sub/img_banner.png') center top no-repeat;}
 .sVisual img {padding:57px 0;}

 .greetings {}
 .greetings .greeting .bg { background: url('../../default/image/sub/bg_greeting.png') left bottom no-repeat; padding:42px 0 0; margin-top:-42px;}
 .greetings .greeting .greet {height:212px;}
 .greetings .greeting #location {font-size:12px; color:#999; font-weight:bold; margin:0 0 5px;}
 .greetings .greeting #location img {vertical-align:middle;}
 .greetings .greeting #location span.home {margin:0;}
 .greetings .greeting #location span {margin:0 0 0 5px;}
 .greetings .greeting #location .bold {color:#000;}

 .greetings .greeting .greets {overflow:hidden;}
 .greetings .greeting .greets .txtArea {margin:50px 0 40px; font-size:14px; line-height:24px; color:#666; text-align:justify;}
 .greetings .greeting .greets .left {width:430px;}
 .greetings .greeting .greets .right {width:430px;}

 .greetings .sign {font-size:14px; line-height:24px; color:#000; font-weight:bold;}


/* 연혁 */
 .history_wrap .history {padding:0 0 0 235px; margin:0 0 39px;}
 .history_wrap .history ul {border:1px solid #ddd; border-left:none; border-right:none 0;}
 .history_wrap .history ul li:first-child {border-top:none 0;}
 .history_wrap .history ul li {border-top:1px dashed #eee; padding:15px 0 15px 120px; position:relative;}
 .history_wrap .history ul li span.h3 {position:absolute; left:0; top:16px;}
 .history_wrap .history ul li span.txt em {font-weight:bold; color:#222; margin:0 5px 0 0;}
 .history_wrap .history ul li span.txt {font-size:14px; line-height:25px; color:#666;}
 .history_wrap .history ul li span.block {display:block; font-size:14px; line-height:25px; color:#666;}
 .history_wrap .history ul li span.block em {font-weight:bold; color:#222; margin:0 5px 0 0;}
 .history_wrap .history.history1 {height:254px; background: url('../../default/image/sub/bg_year1.png') left top no-repeat;}
 .history_wrap .history.history2 {height:221px; background: url('../../default/image/sub/bg_year2.png') left top no-repeat;}
 .history_wrap .history.history3 {height:292px; background: url('../../default/image/sub/bg_year3.png') left top no-repeat;}
 .history_wrap .history.history4 {height:292px; background: url('../../default/image/sub/bg_year4.png') left top no-repeat;}
 .history_wrap .history.history5 {height:292px; background: url('../../default/image/sub/bg_year5.png') left top no-repeat;}

/* 조직도 */
 .group_wrap .group {background: url('../../default/image/sub/bg_pattern.png') center top no-repeat;}
 .group_wrap .group img {display:block; width:620px; margin:10px auto 0;}
 .group_wrap .group1 {height:100%; margin:0 0 69px;}
 .group_wrap .group2 {height:100%; padding:0 0 69px;}

/* 약도 */
.local_wrap .local {margin:0 0 26px; position:relative;}
.local_wrap .local .btnArea {position:absolute; left:50%; bottom:10px; z-index:10; margin-left:-115px;}
.local_wrap .local .btnArea img.print {margin-left:10px;}
.local_wrap .localArea span:first-child {margin-left:0;}
.local_wrap .localArea span {font-size:14px; line-height:20px; letter-spacing:-.5px; color:#222; font-weight:bold; margin-left:34px;}
.local_wrap .localArea span img {margin-right:10px;}

/* 주요업무 */
.task_wrap .task {margin:10px 0 60px;}

/* 조합원 가입 */

.member_wrap p.memberShip {margin:10px 0 60px;}
.member_wrap .member img {margin:10px 0 65px;}
.member_wrap .document table {margin:10px 0 0;}

 table.basic {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
 table.basic th {font-size:14px; line-height:15px; letter-spacing:-.5px; color:#fefefe; background-color:#373737; padding:12px 0; border-left:1px solid #ddd;}
 table.basic th.border {border-bottom:1px solid #ddd;}
 table.basic th:first-child {border-left:none 0;}
 table.basic th.bleft {border-left:1px solid #ddd;}
 table.basic tbody td {text-align:center; font-size:14px; line-height:40px; letter-spacing:-1px; color:#666; border-top:1px solid #ddd; border-left:1px solid #ddd;}
 table.basic tbody td:first-child {border-left:none 0;}


/* 폐수처리시설 */
.Waste_wrap .Waste + .Waste {padding:70px 0 0;}
.Waste_wrap .Waste img {margin:10px 0 0;}

/* 실험실 */
.laboratory_wrap .laboratory img {margin:10px 0 54px;}

/* 임대사무실 */
.rent_wrap .rent {position:relative;}
.rent_wrap .rent .txt_wrap {position:absolute; left:0; top:0; z-index:1; width:100%;}
.rent_wrap .rent .txtArea {width:100%; height:41px; background-color:#29166f; opacity:0.5; position:relative;}
.rent_wrap .rent .txtArea p {font-size:14px; line-height:15px; letter-spacing:-.5px; color:#fff; line-height:41px; padding:0 0 0 21px;}
.rent_wrap .rent .txtArea .BtnArea {position:absolute; right:10px; top:10px;}
.rent_wrap .rent .slider {width:900px; height:500px; overflow:hidden; position:relative;}
.rent_wrap .rent .slider ul {width:10000%; position:absolute; left:0; top:0;}
.rent_wrap .rent .slider ul li {float:left;}
.rent_wrap .rent .slider ul li img {width:900px; height:500px;}
.rent_wrap .rent .slider .button {text-align:center; position:relative; margin-top:470px;}
.rent_wrap .rent .slider .button span a {display:inline-block; width:10px; height:10px; overflow:hidden; margin-left:10px;}
.rent_wrap .rent .slider .button span a img {vertical-align:top;}
.rent_wrap .rent .slider .button span.active a img {margin:-10px 0 0;}
.rent_wrap .rentTable {margin:30px 0 0;}
.rent_wrap .rentTable p.img {margin:0 0 20px;}


/* 의용소방대 */
.fire_wrap .fire {text-align:center; background: url('../../default/image/sub/bg_pattern03.png') center top no-repeat; margin:0 0 100px;}
.fire_wrap .fire img {margin:35px 0 0;}

/* 설문지 */
.quest {background: url('../../default/image/sub/bg_quest.png') center top no-repeat; padding:51px 49px 25px; border-bottom:1px solid #ddd;}
.quest_write {background: url('../../default/image/sub/bg_quest.png') center top no-repeat; padding:51px 49px 25px; border-bottom:1px solid #ddd;}
.quest .listBtn {text-align:center; padding:25px 0 0; border-top:1px dashed #ececec;}
.quest .write_title {text-align:center; margin:30px 0;}
.quest .write_title h3 { font-size:20px; line-height:20px; font-weight:bold; letter-spacing:-.5px; color:#000;}
.quest table {margin:0 0 30px; padding:25px 0 0; border-top:1px dashed #ececec;}
.quest1 {font-size:15px; line-height:20px; letter-spacing:-.5px; font-weight:bold; color:#29166f; padding:5px 5px;}
.quest1 img {margin:0 5px 0 0; }
.quest2 {padding:0 5px;}
.quest table .td2 span.no {margin:0 0 10px 10px;}
.quest table textarea {width:95%; padding:10px;}
.quest .btnArea {text-align:center; padding:30px 0 0; border-top:1px dashed #ececec;}
.quest .btn00 {background-color:#2a166f;}


#footer {background-color:#1f1f1f;}
#footer .bottom address {text-align:center; padding:39px 0 35px; font-size:12px; line-height:16px; color:#888;}
#footer .bottom address span {margin:0 2px;}
#footer .bottom address p.copyRight {font-size:13px; color:#666;}

.title h2 {font-size:35px; color:#000; font-weight:bold;}
.title.ver h2 {margin:0 0 64px;}
.title h3 {font-size:25px; line-height:34px; color:#34206b;}
.title.ver h3 {margin:0 0 21px;}
.title.ver h4 {margin:0 0 116px;}

h3.title {background:url('../../default/image/ico_bullet.png') left 8px no-repeat; padding:0 0 0 21px; font-size:20px; line-height:34px; font-weight:bold; color:#222; vertical-align:middle;}
.root_daum_roughmap .wrap_controllers {display:none;}


.tab_categorys{width:100%; margin-bottom:25px; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.tab_categorys ul{display:table-row}
.tab_categorys ul li{display:table-cell; position:relative;border:none; border-bottom:1px solid #463879; font-size:15px; line-height:38px;}
.tab_categorys ul li a{display:block; text-align:center; color:#666; font-size:15px; border:1px solid #ddd; border-radius:3px 3px 0 0;}
.tab_categorys ul li a:hover {background-color:#e0daf3;  border:1px solid #e0daf3;}
.tab_categorys ul li.on{background:#463879; position:relative; border-radius:3px 3px 0 0;}

.tab_categorys ul li.on a{color:#fff; border:1px solid #463879;}



/* main Visual */
#mainVisual{height:885px; position:relative;}
#mainVisual .list{}
#mainVisual .list li{width:100%; height:100%; position:absolute; left:0; top:0; background-position:center top; background-repeat:no-repeat; z-index:0; display:none;}
#mainVisual .list li:first-child{z-index:1; display:block;}
#mainVisual .list li a{width:100%; height:100%; display:block;}
#mainVisual .nav button{margin-top:-45px; position:absolute; top:50%; z-index:2;}
#mainVisual .nav button.prv{left:20px;}
#mainVisual .nav button.next{right:20px;}
#mainVisual .controller{width:100%; text-align:center; position:absolute; left:0; bottom:44px; font-size:0; z-index:2;}
#mainVisual .controller li{margin:0 5px; display:inline;}
#mainVisual .controller li button span{width:12px; height:12px; display:inline-block; vertical-align:top; background:url('../image/btn_visual_off.png') no-repeat; font-size:0; line-height:0; text-indent:-9999px}
#mainVisual .controller li.active button span{background:url('../image/btn_visual_on.png') no-repeat;}


@media print{
	#adminControl,
	#header,
	#conLeft,
	#sBody #contents > h3,
	#location,
	#footer,
	.sVisual,
	.btnArea,
	button{display:none;}
	#conLeft + #contents{float:none;margin:0 auto;}
}