@charset "utf-8";

.tal {text-align:left;}
#wrapper {width:100%;  font-family:'Nanum Square', 'Noto Sans KR', sans-serif; background:#fff; color:#333;}
#head {position:relative; width:100%; background:#fff; text-align:center; z-index:30;}
.head_top {width:1040px; margin:0 auto; display:inline-block; height:100px;}
.head_top h1 {float:left; width:379px; height:57px; margin-top:10px;}
.head_top .util {float:right; margin-top:25px;}
.head_top .util ul li {float:left;}
.head_top .util ul li a {display:block; padding:15px; letter-spacing:-1px;}
.head_top .util ul li a:hover {color:#00806e;}
.head_top .util ul li.smap a {background:url("../images/mmore.gif") no-repeat right center; padding-right:26px;}

#gnb {width:100%; height:44px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; border: 2px solid #eeefff; box-sizing: border-box;}
#gnb > ul {width:1040px; margin:0 auto; display:inline-block;}
#gnb > ul > li {float:left; width:16.51%; border-right:1px solid #ececec;}
#gnb > ul > li:first-child {border-left:1px solid #ececec;}
#gnb > ul > li > a {display:block; font-size:17px; font-weight:600; padding:13px 0; letter-spacing:-1px; color:#666;}
#gnb > ul > li > a:hover, #gnb > ul > li.on > a {background-color:#30a579; color:#fff;}

#gnb > ul > li .gnb-2dep {font-family:'BMJUA'; display:none; height:180px; text-align:left; background:#fff; text-align:center; margin-top:-1px; border-bottom:2px solid #39956b;}
#gnb > ul > li .gnb-2dep li:first-child {padding-top:15px;}
#gnb > ul > li .gnb-2dep li a {display:block; color:#666; font-size:15px; padding:5px 0;}
#gnb > ul > li .gnb-2dep li a:hover, #gnb > ul > li .gnb-2dep li a:focus {color:#30a579;}
#gnb > ul > li.on .gnb-2dep, #gnb > ul > li:hover .gnb-2dep {background:#f8f8f8 url(/kr/images/common/gnb_2dep_bg.jpg) no-repeat 100% 0%;}

/* 메인 */
.mvisual_area {width:100%; height:450px; background:#dceae3;}
.main {width:1040px; margin:0 auto; margin-top:-60px;}

/* main_visual */
.main_visual {overflow:hidden; position:relative; width:100%; height:480px; z-index:20;  
	border:1px solid #d8d8d8; border-width:1px 0 1px 0;}
.main_visual #main_visual_slide {position:relative; width:100%; height:480px; overflow:hidden;}
.btn_area {position:relative; width:1040px; text-align:center; margin:0 auto; border:1px solid green;}
.main_visual .slidesjs-container {position:relative; z-index:1;}
.main_visual .slidesjs-control {position:relative; width:100%; height:480px; z-index:1;}
.main_visual .slidesjs-container .v {position:absolute; left:0; width:100%; height:auto; margin-top:-200px;}
.main_visual .slidesjs-container .slidesjs-slide {height:530px;}
.main_visual .slidesjs-previous {overflow:hidden; position:absolute; left:52%; top:310px; margin-left:-550px; z-index:3; /* width:46px; */ height:0; padding:78px 0 0; background:url('../images/visual_prev_btn.png') no-repeat 0 0;}
.main_visual .slidesjs-next {overflow:hidden; position:absolute; left:55%; top:310px; z-index:3; margin-left:-550px; width:57px; height:0; padding:78px 0 0; background:url('../images/visual_next_btn.png') no-repeat 0 0;}
.main_visual .slidesjs-pagination {display:none; position:absolute; left:28%; bottom:28px; margin-left:-45px; z-index:2; width:auto; height:16px; text-align:right;}
.main_visual .slidesjs-pagination li {display:inline-block; width:auto; margin-left:9px;}
.main_visual .slidesjs-pagination li a {display:block; overflow:hidden; width:16px; height:0; padding:16px 0 0; background:url('../images/btn_control.png') no-repeat -64px 0;}
.main_visual .slidesjs-pagination li a.active,
.main_visual .slidesjs-pagination li a:hover.active {background-position:-35px 0;}
.main_visual a.slidesjs-play,
.main_visual a.slidesjs-stop {display:none; overflow:hidden; position:absolute; left:28%; bottom:28px; margin-left:-56px; z-index:3; width:12px; height:0; padding:16px 0 0; background:url('../images/btn_control.png') no-repeat -17px 0;}
.main_visual a.slidesjs-play {background-position:0 0;}
.main_visual .slide1 {background:url('../images/mvisual_img01.jpg') no-repeat 50% 0;}
.main_visual .slide2 {background:url('../images/mvisual_img02.jpg') no-repeat 50% 0;}
.main_visual .slide3 {background:url('../images/mvisual_img03.jpg') no-repeat 50% 0;}
.main_visual .slide4 {background:url('../images/mvisual_img04.jpg') no-repeat 50% 0;}
.main_visual p {font-size:0;line-height:0;} 

.mcon01 {position:relative; background:#fff; width:458px; height:201px; float:left; padding:30px; border:1px solid #e9e9e9;}
.mcon01 h3 {font-size:20px; margin-bottom:20px;}
.mcon01 div {display:inline-block;}
.mcon01 dl {float:right; text-align:center; margin-left:30px; width:46%;}
.mcon01 dl:first-child {float:left; margin-left:0;}
.mcon01 dl dt {width:210px; height:130px; border:1px solid #bcc4c6; margin-bottom:13px;}
.mcon01 dl dt img {width:100%; height:130px;}
.mcon01 dl dd {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; #666;}
.mcon01 dl dd:hover {text-decoration:underline;}
.mcon01 .more {position:absolute; top:30px; right:30px;}

.mcon02 {position:relative; background:#f5f6fa; width:460px; height:202px; float:left; padding:30px;border-bottom:1px solid #e9e9e9;}
.mcon02 h3 {font-size:20px; margin-bottom:20px;}
.mcon02 div dl {overflow:hidden; margin-top:15px;}
.mcon02 div dl:first-child {margin-top:0;}
.mcon02 div dl a:hover{text-decoration:underline;}
.mcon02 div dl dt {background:#fff; width:67px; height:67px; border-radius:100px; text-align:center; float:left;}
.mcon02 div dl dt span.date {display:inline-block; font-size:26px; font-weight:bold; margin-top:12px; color:#3f4952;}
.mcon02 div dl dt span.year {display:inline-block; font-size:12px; letter-spacing:-1px; color:#a5a8ac; font-weight:bold;}
.mcon02 div dl dd {display:inline-block; line-height:24px; margin-left:20px; padding-top:10px; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon02 div dl dd:hover{text-decoration:underline;}
.mcon02 .more {position:absolute; top:30px; right:30px;}

.mcon03 {position:relative; background:#fff; width:458px; height:300px; float:left; padding:30px; border:1px solid #e9e9e9; margin-top:-1px;}
.mcon03 h3 {font-size:20px; margin-bottom:20px;}
.mcon03 dl {display:inline-block; border-bottom:1px dashed #bcbcbc;}
.mcon03 dl a {display:inline-block;}
.mcon03 dl a:hover {text-decoration:underline;}
.mcon03 dl dt {display: inline-block; width:450px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:17px; color:#333; margin-bottom:10px;}
.mcon03 dl dt:hover, .mcon03 dl dd:hover {text-decoration:underline;}
.mcon03 dl span {display:inline-block; font-size:14px;; color:#737373; margin-bottom:15px;}
.mcon03 dl dd {display: inline-block; width:450px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#737373; margin-bottom:20px;}
.mcon03 ul {margin-top:35px;}
.mcon03 ul li {margin-top:13px; background:url("../images/ico_mlist.gif") no-repeat left center; padding-left:14px; color:#666;}
.mcon03 ul li a {display: inline-block; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon03 ul li a:hover {text-decoration:underline;}
.mcon03 ul li span {float:right; font-size:12px;}
.mcon03 .more {position:absolute; top:30px; right:30px;}

.mcon04_area {background:pink; width:520px; height:360px; float:right;}
.mcon04_area div {float:left; width:260px; height:180px; box-sizing:border-box; text-align:center;}
.mcon04_area div ul li.tit {margin-top:30px;font-size:20px; margin-bottom:10px}
.mcon04_area div ul li img {}
.mcon04_area div ul li.txt {font-size:13px; margin-top:10px;}
.mcon04 {background:#f6f5f1;}
.mcon05 {background: #7c9a2e;color:#fff;}

.mcon06 {background:#30a579; color:#fff;}
.mcon07 {background:#f5f6fa;}

.mbanner_area {width:100%; height:85px; line-height:85px; border-top:1px solid #e2e0e3; border-bottom:1px solid #e2e0e3; margin-top:20px; text-align:center;}
.mbanner_area .mbanner {width:1040px; margin:0 auto; display:inline-block;}
.mbanner_area .mbanner h3 {float:left; font-size:20px;}
.mbanner_area .mbanner .banner_btn {float:left; margin-top:10px; margin-left:15px;}
.mbanner_area .mbanner .banner_btn a {float:left; width:27px; height:27px; text-align:center; margin-left:-1px; padding:0 2px;}
.mbanner_area .mbanner .roll {position:relative; float:right; overflow:hidden; width:800px; height:80px;}
.mbanner_area .mbanner .roll ul {position:relative; width:2000px; margin-top:15px;}
.mbanner_area .mbanner .roll ul > li {float:left; width:160px; height:50px; text-align:center; padding:0 25px;}


/* 서브비주얼 */
#svisual {position:relative; width:100%; height:200px; text-align:center;}
.sub_visual {position:absolute; top:0;left:0}
.sub_visual.bg1{width:100%; height:200px; background:url("../images/svisual_img1.jpg") no-repeat;}
.sub_visual.bg2{width:100%; height:200px; background:url("../images/svisual_img2.jpg") no-repeat;}
.sub_visual.bg3{width:100%; height:200px; background:url("../images/svisual_img3.jpg") no-repeat;}
.sub_visual.bg4{width:100%; height:200px; background:url("../images/svisual_img4.jpg") no-repeat;}

#container {position:relative; z-index:99; width:1040px; margin:0 auto; margin-top:20px;
margin-bottom:20px; overflow:hidden;}
/* 레프트메뉴 */
#sidebar {float:left; width:200px;}
#sidebar .sidetitle {background:url("../images/side_bg.gif") no-repeat; height:110px; line-height:110px; text-align:center; color:#fff; font-size:28px; letter-spacing:-2px;}
#sidemenu ul li {border:1px solid #e3e3e3; height:44px; line-height:44px; margin-top:4px; background:url("../images/sidemenu_off.png") no-repeat 170px center;}
#sidemenu ul li a {font-size:15px; color:#333; display:block; padding-left:20px; transition: all 0.3s ease;}
#sidemenu ul li.on {background:url("../images/sidemenu_on.png") no-repeat 170px center; border-left:1px solid #39956b;}
#sidemenu ul li.on a{color:#39956b;}
#sidemenu ul li:hover {background:url("../images/sidemenu_on.png") no-repeat 170px center; border-left:1px solid #39956b;}
#sidemenu ul li:hover a {color:#39956b;}
#sidebar .line2 {line-height:35px;}
#sidebar .line2 span {display:block; padding-top:20px; font-size:26px;}

/* 컨텐츠 */
#contents {float:right; width:780px;}
#cont_head {display:inline-block; width:100%; height:90px; line-height:90px; background:url("../images/sub_line.gif") repeat-x bottom;}
#cont_head h2 {float:left; font-size:34px; font-family: 'NanumGothic'; font-weight:600; color:#333; letter-spacing:-2px;}
#location {float:right;}
#location ul li {float:left; background:url("../images/ico_arrow.gif") no-repeat right center; padding:0 15px 0 12px;}
#location ul li.now {background:none; color:#000;}
#location ul li.home img {vertical-align: middle;}

/* 컨텐츠내용 */
#cont_wrap {margin-top:30px; padding-bottom:40px; min-height:300px;}

/* foot */
#foot {clear:both; background:#eeeff3; width:100%; }
.f_area {padding:20px 0;}
.f_area h2 { margin-right:40px; }
.f_area address { font-size:14px; color:#747577; }
#foot .inner{max-width:1040px; margin:0 auto;}
.f_area .inner{display:flex;}


.ft_top{border-bottom:1px solid #ddd;}
.ft_top ul{display:flex;}
.ft_top ul li a {display:inline-block; padding:15px;color: #555;font-size: 14px;font-weight: 700;}
.ft_top ul li:first-child a{color:#000; padding-left:0;}

/* 리스트 */
h4.tit{clear:both; color:#000; font-size:20px; padding-left:26px; margin-bottom:20px; font-weight:bold; background:url("../images/h4_icon.gif") no-repeat left 3px; letter-spacing:-0.2px;}
h4.h4_t{margin-top:30px;}
h5.tit{clear:both; color:#333; font-size:18px; padding-left:26px; margin-bottom:12px; font-weight:bold; background:url("../images/h5_icon.gif") no-repeat 4px 2px; letter-spacing:-0.2px;}
h5.h5_t{margin-top:30px;}
ul.list1 li {line-height:1.4; margin-bottom:6px; color:#777; padding-left:20px; background:url("../images/bullet1.gif") no-repeat 10px 10px;}

/* BBS - LIST */
.tb_bbs {border-collapse:collapse; border-spacing:0; border-top:2px solid #39956b}
.tb_bbs th {padding:14px 10px; border-top:#515a68 1px solid; border-bottom:#CCC 1px solid; 
background-color:#FBFBFB; font-size:15px; font-weight:400; color:#222;}
.tb_bbs td {padding:14px 10px; border-bottom:#eaeaea 1px solid; font-size:14px; text-align:center; color:#666;}
.tb_bbs td.sbj {text-align:left; color:#555;}
.tb_bbs td.sbj a { padding:0; color:#222; font-weight:300;}
.tb_bbs td.sbj a:hover { text-decoration:underline }
.tb_bbs td.sbj a.reply {padding-left:22px; color:#ba8440; background:url(../images/ic_reply.png) 0 50% no-repeat}
.tb_bbs td .atta {vertical-align:middle}
.tb_bbs td.state { line-height:0.8 }
.tb_bbs td.state .st1 { color:#0194f2; font-weight:400 }
.tb_bbs td.state .st2 { color:#ff6600; font-weight:400; line-height:1.1}
.tb_bbs td.state .st3 { color:#fc3434; font-weight:400 }
.tb_bbs td.state .st4 { color:#444; font-weight:400 }
.tb_bbs td.open { font-size:1.3em; color:#222; line-height:1.1 }
.paging { margin:30px 0; font-size:0; text-align:center}
.paging a {display:inline-block; width:20px; height:20px; line-height:20px; margin: 0 3px; padding:6px; border:#ccc 1px solid; font-size:13px; text-align:center;  transition:all 0.3s ease;}
.paging a.on {background-color:#46b279; border-color:#46b279; color:#fff; font-weight:bold;}
.paging a.on:hover{background-color:#2e8f5c; border-color:#2e8f5c; color:#fff; font-weight:bold;}
.paging a:hover {background-color:#edeff2; color:#555}
.bbs_top {width:100%; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.bbs_top h3 { padding:13px 15px 15px 15px; background-color:#FBFBFB; font-size:15px; font-weight:400; text-align:center; letter-spacing:0;}
.bbs_top .view_info {padding:11px 22px; font-size:0.9em; text-align:left; border-top:1px solid #ddd;}
.bbs_top .view_info span.vit {display:inline-block; color:#777; font-size:14px}
.bbs_top .view_info span.vit:after {display:inline-block; padding:0 15px; color:#CCC; font-size:12px;  vertical-align:1px; content:"|"}
.bbs_top .view_info span.vit:last-child:after {content:""; padding:0}
.bbs_top .view_info span.rep_info_tl { margin-right:10px; color:#888; }
.bbs_top .view_info span.rep_info_txt { margin-right:20px; color:#222; }
.bbs_top .view_info span.rep_info_txt:after {display:inline-block; padding:0 15px; color:#CCC; font-size:12px;  vertical-align:1px; content:"|"}
.bbs_top .view_info span.rep_info_txt:last-child:after {content:""; padding:0}

/* READ */
.view_ctn { padding:30px 20px; border-bottom:#ddd 1px solid; font-size:14px; line-height:1.8; color:#555; font-weight:300; width:780px;}
.view_ctn img {max-width:95%;}
.view_ctn .view_img { width:80%; margin:0 auto 40px auto}
.view_ctn .view_mov { position:relative; margin:0 auto 40px auto; background:#111; width:640px; height:360px; }
.view_ctn .flash_player { position:relative; margin-top:40px; }
.view_ctn .flash_player .fp_img { position:relative; display:inline-block; vertical-align:middle; }
.view_ctn .flash_player .fp_txt { position:relative; display:inline-block; vertical-align:middle; color:#666; margin-left:15px; font-size:0.85em; }
.reply_ctn {padding:30px 20px; border-bottom:#ddd 1px solid; font-size:1.0em; line-height:1.8; color:#252b34; width:100%; font-weight:300;}
.view_info1 { font-size:0.9em; padding:11px 20px; border-bottom:1px solid #ddd;}
.view_info1 span.rep_info_tl { margin-right:10px; color:#888;}
.view_info1 span.rep_info_txt { margin-right:20px; color:#222; }
.view_info1 span.rep_info_txt:after { display:inline-block; content:"|"; padding-left:20px; color:#ccc; font-size:12px;}
.view_info1 span.rep_info_txt:last-child:after {content:""; padding:0}
.view_atta {padding:20px; border-bottom:#DDD 1px solid;}
.view_atta a {display:inline-block; margin-right:30px; font-size:0.9em} 
.view_atta a:hover {color:#39956b; text-decoration:underline}
.view_atta a:before {display:inline-block; margin-right:10px; content:url(../images/ic-add.gif); vertical-align:sub}
.view_btn_area {margin-top:30px;}
.view_btn_area:after {display:block; content:""; clear:both}
.view_btn_area .btn_lt {width:30%; float:left; text-align:left;}
.view_btn_area .btn_rt {width:70%; float:left; text-align:right;}

/* 게시판 쓰기 */
.board_write_wrap { width:100%; margin-top:20px; border-top:1px solid #e9e9e9 }
.board_write_wrap1 { width:100%; margin-top:20px; border-top:1px solid #f04031 }
.board_write_wp { margin:20px; border-top:1px solid #666 }
.table_w { width:100% }
.table_w th { padding:8px 12px; color:#666; text-align:left; border-color:#e9e9e9; border-style:none none solid none; border-width:0 0 1px 0; font-weight:normal; background:#f6f6f6; font-size:1.2em;}
.table_w td { padding:8px 12px; text-align:left; border-color:#e9e9e9; border-style:none none solid none; border-width:0 0 1px 0; font-size:1.2em; }
.table_w th.ness { text-align:left; background:url(../images/member/ico/ico_ness.gif) no-repeat right center; padding-left:20px; font-size:1.2em; }
.table_w1 { width:100% }
.table_w1 th { padding:8px 12px; color:#333; text-align:left; border-color:#e9e9e9; border-style:none none solid none; border-width:0 0 1px 0; font-weight:normal }
.table_w1 td { padding:8px 12px; text-align:left; border-color:#e9e9e9; border-style:none none solid none; border-width:0 0 1px 0 }
.table_w1 th.ness { background:url(../images/ico_ch.gif) no-repeat right center }
.bbswr {position:relative; font-size:12px; width:100%; border-collapse:collapse; border-spacing:0; border-top:#004a21 2px solid; margin-top:50px}
.bbswr th {color:#666; padding:14px 0 14px 10px; border-bottom:#E0E0E0 1px solid; vertical-align:top; text-align:left;}
.bbswr td {color:#333; padding:7px 0; border-bottom:#E0E0E0 1px solid;}
.bbswr1 {position:relative; font-size:1.0em; width:100%; border-collapse:collapse; border-spacing:0;}
.bbswr1 th {color:#666; padding:14px 0 14px 10px; border-bottom:#E0E0E0 1px solid; vertical-align:top; text-align:left;}
.bbswr1 td {color:#333; padding:7px 0; border-bottom:#E0E0E0 1px solid;}
.ipt {font-family:'Noto',돋움; padding:3px; font-size:1.0em; color:#333; border:#8C8C8C 1px solid; height:20px; border-right:#BDBDBD 1px solid; border-bottom:#BDBDBD 1px solid;}
.ipt1 {font-family:'Noto',돋움; padding:3px; font-size:1.0em; color:#333; border:#8C8C8C 1px solid; padding:7px 5px; border-right:#BDBDBD 1px solid; border-bottom:#BDBDBD 1px solid;}
.fadd {font-family:'Noto'; padding:2px; font-size:12px; color:#333; height:32px; border-radius:4px; background:#fff}
.addr {font-family:'Noto'; padding:7px 10px; font-size:12px; color:#fff; border:none; background:#949494}
textarea {font-family:'Noto',돋움; padding:3px; font-size:1.083em; color:#333; border:#8C8C8C 1px solid; border-right:#BDBDBD 1px solid; border-bottom:#BDBDBD 1px solid;}

/* BBS - TOP */
.tb_top {position:relative; width:100%; height:38px; margin-bottom:20px}
.tb_top .tb_tab_wrap {font-size:0}
.tb_top .tb_tab_wrap a {display:inline-block; padding:0 12px; font-size:16px; transition:all 0.2s ease}
.tb_top .tb_tab_wrap a:first-child {padding-left:0}
.tb_top .tb_tab_wrap a:before {display:block; width:100%; height:2px; margin-bottom:10px; background-color:#FFF; content:""; transition:all 0.2s ease} 
.tb_top .tb_tab_wrap a:hover:before {background-color:#999;}
.tb_top .tb_tab_wrap a.on {color:#c7000c}
.tb_top .tb_tab_wrap a.on:before {background-color:#c7000c;} 
.tb_top .src_wrap {position:absolute; top:0; left:0}
.tb_top .src_wrap .w100 {width:100px}
.tb_top .src_wrap .i-src {display:inline-block; position:relative; height:38px; padding:0 45px 0 10px; margin-left:3px; border:#CCC 1px solid; vertical-align:top}
.tb_top .src_wrap .i-src .i-src-fld {width:180px; height:36px; background:none; border:0; /* -moz-appearance: none; -webkit-appearance: none;  */}
.tb_top .src_wrap .i-src button {display:inline-block; position:absolute; top:0; right:0; width:45px; height:36px; border:0; text-indent:-9999px; background:url(../images/ic-src.gif) 50% no-repeat}
.lab {position:absolute; left:-9999px}
.tb_top .bd_num {position:absolute; top:0; right:0; height:38px; padding:20px 0 0 0; font-size:0.85em; font-weight:300; text-align:right;}
.tb_top .bd_num .bn_t1 { color:#777;}
.tb_top .bd_num .bn_t2 { color:#f43748;}
.tb_top .bd_num .bn_t3 { color:#222;}

/* Write */
.wr_wrap {position:relative; width:100%; margin-bottom:40px; border-top:#515a68 1px solid}
.wr_wrap ul li {position:relative; padding:12px 1% 12px 12%; border-bottom:#EEE 1px solid} 
.wr_wrap ul li.wr_editor {padding:20px 1% 20px 1%}
.wr_wrap ul li span {padding-left:10px}
.wr_wrap ul li .wr_sbj {position:absolute; top:12px; left:0; width:12%; font-size:1.0em; padding:8px; color:#333; font-weight:500; letter-spacing:-0.03em;}
.wr_wrap ul li .wr_sbj1 {position:absolute; top:6px; left:0; width:12%; font-size:1.0em; padding:8px; color:#333; font-weight:bold; letter-spacing:-0.03em;}
.wr_wrap ul li .wr_guide { margin-top:6px; color:#777; font-size:13px; }
.wr_wrap ul li .i-chk { vertical-align:middle; margin-right:5px; }
.wr_wrap ul li .i-chk-txt{ margin-right:20px; }
.btn_wrap {text-align:center; margin-top:30px;}
.btn_wrap button {margin:5px !important}
.btn_write_wrap {text-align:right} 
.btn_al {text-align:left; margin-top:50px;}
.btn_rt {text-align:right}
.btn_rt button {margin:0 0 0 5px !important}
.pw_wrap {width:70%; margin:0 auto; padding:5%; margin-bottom:30px; border:#DDD 1px solid; border-radius:10px; text-align:center;}
.pw_wrap p {color:#666; font-size:14px; margin-bottom:20px}

/* Button */
a.btn_list {display:inline-block; color:#fff !important ; font-size:15px; width:120px; height:26px; line-height:26px; border:0; text-align:center; padding:10px 15px; margin:0 auto; 
border-radius:3px; background-color:#30a579; font-weight:500; transition:all 0.4s ease; }
a.btn_list:hover {background-color:#017f6e; color:#FFF}
a.btn_write  {display:inline-block; color:#fff !important; font-size:15px; width:120px; height:46px; padding:10px 15px; margin:0 auto; border:0; background:#515a68; border-radius:2px; text-align:center;  font-weight:500; transition:all 0.4s ease; vertical-align:top;}
a.btn_write:hover { background-color:#252b34; color:#fff}
a.btn_write i, a.btn_list i { vertical-align:middle; margin-right:12px;} 
.btn_edit {display:inline-block; color:#fff !important; font-size:15px; height:46px; padding:10px 24px; margin:0 auto; border:0; background-color:#999; border-radius:3px; text-align:center;  font-weight:500; transition:all 0.4s ease; } 
.btn_edit:hover {background-color:#777; color:#FFF}
a.btn_edit {display:inline-block; color:#fff !important ; font-size:15px; width:120px; height:26px; line-height:26px; border:0; text-align:center; padding:10px 15px; margin:0 auto; 
border-radius:3px; background-color:#999; font-weight:500; transition:all 0.4s ease; }
a.btn_edit:hover {background-color:#777; color:#FFF}

.btn_send {display:inline-block; color:#fff !important; font-size:15px; width:120px; height:46px; padding:10px 15px; margin:0 auto; border:0; background:#30a579; border-radius:2px; text-align:center;  font-weight:500; transition:all 0.4s ease; vertical-align:top;}
.btn_send:hover {background-color:#252b34; color:#fff}
.btn_cancel {display:inline-block; color:#333; font-size:15px; width:120px; height:46px; padding:10px 24px; margin:0 auto; border:0; background:#F0F0F0; border-radius:2px; text-align:cnter;  font-weight:500; transition:all 0.4s ease; }
.btn_cancel:hover {background-color:#dbdbdb; color:#333}
.btn_cancel i, .btn_send i { vertical-align:middle; margin-right:12px;}


a.btn_cancel {display:inline-block; color:#333 !important ; font-size:15px; width:120px; height:26px; line-height:26px; border:0; text-align:center; padding:10px 15px; margin:0 auto; 
border-radius:3px; background-color:#F0F0F0; font-weight:500; transition:all 0.4s ease; }
a.btn_cancel:hover {background-color:#dbdbdb; color:#333}


.bt_al1 { margin-top:20px; text-align:center; }
a.bd_st2 { display:inline-block; font-size:1.1em !important; color:#fff !important; border:1px solid #004e57; background:#004e57; padding:15px 40px; text-align:center; font-weight:bold; transition:all 0.3s ease; }
a.bd_st2:hover { background:#012c31; border:1px solid #012c31; }
a.bd_st2_1 { display:inline-block; font-size:1.1em !important; color:#444 !important; border:1px solid #f6cc67; background:#f6cc67; padding:15px 40px; text-align:center; font-weight:bold; transition:all 0.3s ease; }
a.bd_st2_1:hover { background:#ebbd4f; border:1px solid #ebbd4f;}
.ml_2 { margin-left:2px }
.mr_2 { margin-right:2px }

/* FORM */
.i-fld { padding:8px; border:#c8c8c8 1px solid; color:#222; font-size:0.9em !important; vertical-align:middle; }
.i-fld1 { padding:10px; border:#c8c8c8 1px solid; color:#222; font-size:0.9em !important; vertical-align:middle; }
.i-area {padding:12px; border:#c8c8c8 1px solid; color:#222; } /* text area */
.i-atta {height:38px; padding:8px 0;  font-size:12px; background-color:#FFF; color:#333;}
.i-opt  {height:38px; padding:10px 8px 8px 8px; font-size:14px; color:#333; border:#CCC 1px solid; }
.sel_st { border:none; padding:8px; width:200px; color:#555;}

/* 갤러리 */
.gallery {display:inline-block; border-top:2px solid #39956b; border-bottom:1px solid #ccc; padding:25px 0 0;}
.gallery li {width:22%; float: left; padding: 0 11.5px;}
.gallery li:hover{opacity:0.8; transition:opacity 0.2s;}
.gallery li a dl {margin-bottom:30px;}
.gallery li a dl dt {font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:8px;}
.gallery li a dl dd {font-size:13px; color:gray; margin-top:4px;}

/* table */
table.table1 {clear:both; border-collapse:collapse; border-color:#39956b; border-style:solid; border-width:2px 0 0; margin:10px 0 17px 0; width:100%;}
table.table1 thead th {background:#FBFBFB/* #f8fbfe */; color:#333; font-size:15px; font-weight:bold; text-align:center; vertical-align:middle; padding:20px 0 17px;border-bottom:1px solid #e8e8e8;}
table.table1 tbody th, tfoot th {color:#000; font-weight:400; text-align:center; vertical-align:middle; background:#FBFBFB; line-height:1.6em;}
table.table1 tbody td, tfoot td {text-align:center; font-size:0.95rem; line-height:1.6em;}
table.table1 tbody td img{vertical-align:middle;}
table.table1 tbody td input {vertical-align:middle;}

/* 첨가함*/
table.table1 select{margin-bottom: 3px; width: 20%;}
table.table1 tbody td input#emailId,
table.table1 tbody td input#emailDomain{width: 120px;}
table.table1 tbody td input#Donationdate,
table.table1 tbody td input#Forwarding{width:300px;}

table.table1 th, table.table1 td {border-bottom:1px solid #e8e8e8; padding:11px 5px 10px 5px;}
table.table1 th, table.table1 td:first-child {border-left:0;}
table.table1 th, table.table1 td:last-child {border-right:0;}
table.table1 thead th:first-child {border-left:0;}
table.table1 thead th:last-child {border-right:0;}
table.table1 tbody td.txt_left {text-align:left; padding-left:20px;}
table.table1 tbody td.hand {cursor:pointer; background:none;}
table.table1 tbody td.res_m br {display:none;}

table.table2 {clear:both; border-collapse:collapse; border-color:#39956b; border-style:solid; border-width:2px 0 0; margin:10px 0 17px 0; width:100%;}
table.table2 thead th {background:#FBFBFB; color:#333; font-weight:bold; font-size:15px; text-align:left; vertical-align:middle; padding:15px 0 12px;border:1px solid #e8e8e8;}
table.table2 tbody th, tfoot th {color:#333; font-weight:bold; text-align:center; vertical-align:middle; background:#FBFBFB; /* padding-left:20px; */ line-height:1.4em; font-size:14px;}
table.table2 tbody td, tfoot td {text-align:left; font-size:16px; padding-left:20px; line-height:1.6em;}
table.table2 tbody td img{vertical-align:middle;}
table.table2 tbody td input {vertical-align:middle;}
table.table2 tbody td select.w55 {width:55% !important;}
table.table2 tbody td input.mT4 {margin-top:0;}
table.table2 tbody td input.mB5 {margin-bottom:0;}
table.table2 tbody td.res_m br {display:none;}
table.table2 th, table.table2 td {border:1px solid #e8e8e8; padding:11px 5px 10px 5px; }
table.table2 th, table.table2 td:first-child {border-left:0;}
table.table2 th, table.table2 td:last-child {border-right:0;}
table.table2 thead th:first-child {border-left:0;}
table.table2 thead th:last-child {border-right:0;}
table.table2 tbody td input[type=text]#title {width:90% !important;}
table.table2 th.tac, table.table2 td.tac {text-align:center;}
table.hov tbody tr:hover td,
table tbody tr:focus td{background-color:#f9f9f9;}

/* tab */
.tab-type1{width:780px;overflow:hidden;position:relative; /* border-bottom:1px solid #e4e4e4; */}
.tab-type1 > li{float:left;width:49.5%;height:48px;line-height:48px;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background-color:#fbfbfb}
.tab-type1 > li:first-child{border-radius:3px 0 0 0;border-left:1px solid #e4e4e4}
.tab-type1 > li.last{border-radius:0 3px 0 0;border-right:1px solid #e4e4e4}
.tab-type1 > li a{display:block;text-align:center;font-size:17px;color:#666}
.tab-type1 > li:first-child a{border-radius:2px 0 0 0}
.tab-type1 > li.last a{border-radius:0 2px 0 0}
.tab-type1 > li.on{border:1px solid #359d62;background:#31b97f}
.tab-type1 > li.on a{font-size:17px;color:#fff}
.tab-type3{width:780px;overflow:hidden;padding-top:5px;position:relative}
.tab-type3 > li{float:left;width:156px;height:37px;line-height:36px;margin-top:5px;text-align:center;border-bottom:1px solid #31b97f}
.tab-type3 > li.last{width:154px}
.tab-type3 > li a{display:block;font-size:14px;color:#888}
.tab-type3 > li.on{height:40px;line-height:40px;margin-top:0;background:#fff;border-top:2px solid #31b97f;border-right:1px solid #31b97f;border-left:1px solid #31b97f;border-bottom:1px solid #fff;z-index:5}
.tab-type3 > li.on a{font-size:14px;font-weight:bold;color:#31b97f}


/* 센터장인사말 */
.f-green{color:#00806c;}
/*.f-green {color:#46b279;}*/
.f-orn {color:#f85d65;}
.f-lightgray {color:#666;}
.f-white {color:#fff;}
.greeting {display:inline-block; width:100%;}
.greeting .sub_tit {font-size:31px; color:#46b279/* 343434 */; letter-spacing:-1px; line-height:40px; font-weight:300;}
.greeting .sub_txt {font-size:16px; line-height:28px; color:#333; 
 background:url("../images/greeting_bg.jpg") no-repeat right top; padding-bottom:100px;}
.intro {display:inline-block; width:100%; text-align:center;}
.intro .sub_tit {font-size:31px; color:#343434; letter-spacing:-1px; line-height:40px; font-weight:300;}
.intro .sub_txt {font-size:16px; line-height:28px; color:#333;}

/* 조직도 */
.orign {width:100%; /* border:1px solid #e8e8e8; background:#fbfbfb; */ text-align:center; padding:30px 0 30px;}

/* 오시는길 */
.location {width:100%; overflow:hidden; position:relative;}
.location .map_in {width:99.6%; height:400px; border:1px solid #eaeaea; vertical-align:middle; 
 text-align:middle; margin-bottom:30px;}
.location ul li {width:100%; display:block; line-height:24px; background:url("/images/site/main/bul_arrow.png") no-repeat left top 9px; padding-left:13px; }
.location .car_in {width:100%; margin-top:30px;}
.location .car_in h5.ico_transport {float:left; width:15% !important; font-size:18px; display:inline-block; margin-top:60px; text-align:center; color:#555;}
.location .car_in h5.ico_transport img {padding-bottom:10px;}


/* 사업안내 */
.s0201 {display:inline-block;}
.s0201 li {border:3px solid #6eb138; width:15%; padding:30px 25px 27px; float:left; text-align:center; margin:10px; /* border-top:1px solid #39956b */ border-radius:15px;}

.figure {display:inline-block;}
.figure > ul > li {width:180px; float:left; text-align:center;padding:0 6px;margin-left:50px;margin-bottom:25px;}
.figure > ul > li > strong {display:inline-block; width:180px; height:180px; line-height:180px; border-radius:100px; font-size:20px; color:#fff;}
.figure > ul > li > strong.ty1 {background:#519ABF;}
.figure > ul > li > strong.ty2 {background:#6288D5;}
.figure > ul > li > strong.ty3 {background:#4A81CA;}
.figure > ul > li > strong.ty4 {background:#418CB7;}
.figure > ul > li > ul {margin-top:20px; border:1px dashed lightgray; border-radius:20px; padding:20px 0 10px;}
.figure > ul > li > ul > li {font-size:15px;  color:#666; margin-bottom:10px; letter-spacing:-1px;}

.figure_s {display:inline-block;}
.figure_s > ul > li {width:150px; height:150px; line-height:150px; float:left; text-align:center; 
background:#5ec3cd; font-size:18px; color:#fff;border-radius:100px; margin:3px;}

.figure_s > ul > li.ty1 {background:#519ABF;}
.figure_s > ul > li.ty2 {background:#1e7c82;}
/*.figure_s > ul > li.ty2 {background:#7db7df;}*/
.figure_s > ul > li.ty3 {background:#4A81CA;}
.figure_s > ul > li.ty4 {background:#418CB7;}


/* 이용안내 */
.s0202 {display:inline-block; width:100%;}
.s0202 p.tit {font-size:30px; color:#00806c; margin-bottom:30px; border-top:2px solid #00806c; border-bottom:1px solid #00806c; text-align:center; padding:22px 0 18px; font-weight:700;}
.s0202 > ul > li {border:1px solid lightgray; display:inline-block; width:94%; margin-bottom:15px; padding:20px 20px 16px; border-radius:100px;} 
.s0202 > ul > li > span {display:inline-block; float:left; border-right:1px dashed lightgray; width:20%;} 
.s0202 > ul > li > ul {float:right; width:73%; margin-top:10px;}
.s0202 > ul > li > ul > span {display:block; margin-bottom:10px; font-size:20px; /*color:#6eb138;*/ color:#00806c; font-weight:600;}
.s02bg {background:url('../images/s0202_bg.png')no-repeat right 100px;}

/* 주요일정 */
.booking_calendar_btn{text-align:center;}
.booking_calendar_btn span{vertical-align:middle;}
.month{display:inline-block;font-size:28px;font-family:Verdana,Tahoma;padding:0 20px;color:#333;margin-top:-35px;}
.booking_calendar{clear:both;width:100%;margin-top:10px;font-size:14px;}
.booking_calendar img{vertical-align:middle;}
.booking_calendar table{width:100%;border-top:2px solid #39956b;}
.booking_calendar table caption{display:none;}
.booking_calendar table thead th{background:#fbfbfb; color:#333; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle; padding:20px 0 17px; border-bottom:1px solid #c5c4c5;}
.booking_calendar table tbody td{padding:5px; height:90px;border-bottom:1px solid #e4e2e5; border-left:1px solid #e4e2e5; vertical-align:top}
.booking_calendar table tbody td:first-child{border-left:0;}
.booking_calendar table tbody td span{display:block; padding:8px 0 0 8px;}
.booking_calendar table tbody td.on {background:#f5f5f5;}
.sun {color:#ca6363;}
.sat {color:#6798c2;}
.schedule {display:inline-block; padding:8px 0 0 8px;}
.schedule li {background:url('../images/ico_schedule.png')no-repeat left center; padding-left:18px; font-size:12px; line-height:20px; width:66px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* 20171017 - 일정관리 hover 추가 */
.calender_on{position:absolute;min-width:150px;padding:7px 8px 10px 10px;background:#000;opacity:0.7;border-radius:5px;border:1px solid #000;z-index:999}
.calender_on p{font-size:12px;color:#fff}

/* 자원봉사안내 */
.s0601 h3 {text-align:center; font-size:23px; letter-spacing:-2px; padding:20px 0; line-height:34px; font-weight:400;}
.serve_grp {display:inline-block; width:100%; padding-left:30px;}
.serve_grp ul li {border:1px solid #e0e1e1; width:25%; height:180px; float:left; margin-left:-1px; margin-bottom:-1px; padding:0 20px;}
.serve_grp ul li dl {text-align:center;}
.serve_grp ul li dl img {margin-top:40px;}
.serve_grp ul li dl dt {font-size:18px; color:#333; margin-bottom:10px; font-weight:600; letter-spacing:-1px;}
.serve_spli {display:inline-block; width:100%;}
.serve_spli ul {height:77px; background:url("../images/serve_spli_bg.gif") no-repeat center;}
.serve_spli ul li {float:left; width:48%; line-height:77px; font-size:18px; color:#fff; font-weight:600; text-align:center; padding-left:10px;}

/* 후원 */
.s0602 h3 {text-align:center; font-size:25px; letter-spacing:-2px; padding:20px 0; line-height:34px; font-weight:400;}
.spon_grp {display:inline-block; width:100%;}
.spon_grp ul li {border:1px solid #e0e1e1; width:200px; height:240px; float:left; margin-left:20px; padding:0 20px}
.spon_grp ul li:first-child {margin-left:0;}
.spon_grp ul li dl {text-align:center;}
.spon_grp ul li dl img {margin-top:40px;}
.spon_grp ul li dl dt {font-size:18px; color:#333; margin-bottom:10px; font-weight:600;}
.spon_grp ul li dl dd {font-size:14px; color:#4c4c4c; line-height:18px; letter-spacing:-1px;}
.spon_spli {display:inline-block; width:100%;}
.spon_spli ul {height:77px; background:url("../images/spon_spli_bg.gif") no-repeat center;}
.spon_spli ul li {float:left; width:48%; line-height:77px; font-size:16px; color:#fff; font-weight:600; text-align:center; padding-left:10px;}
.spon_inq {display:inline-block; width:99.5%; border:1px solid #e0e1e1;  padding:35px 0 25px; text-align:center; line-height:28px;}
.spon_inq dt {font-size:20px; font-weight:600;}
.spon_inq dd {font-size:20px;}

/* 개인정보 */
.explain {display:block; height:110px; margin:10px 0 0 0;padding:25px 15px 10px 25px;border:1px solid #e4e4e4;background:#f8f8f8;color:#666;line-height:24px;overflow-y:auto;overflow-x:hidden;}
.check_box{float:left; position:relative;}
.check_box span{display:inline-block;width:19px;height:18px;vertical-align:middle;background:url('../images/radio_n.png') no-repeat 0 0;position:absolute;top:1px;right:0}
.check_box span button{width:19px;height:18px;text-indent:-9999px}
.check_box span.on{background:url('../images/radio_p.png') no-repeat 0 0}
/* .check_box input{width:18px;height:18px;margin:0 5px 0 0;background:0;position:absolute;top:0;right:-3px;z-index:6;filter:alpha(opacity=0);opacity:0}
.check_box label{display:inline-block;margin:0 0 0 23px;line-height:18px;vertical-align:top} */
.nbs {display:inline-block; width:15px; text-align:center;}

.btn_wrap {clear:both; display:inline-block; text-align:center; width:780px;}
.btn_wrap button {margin:5px !important}
.btn_write_wrap {text-align:right} 
.btn_al {text-align:left; margin-top:50px;}
.btn_rt {text-align:right}
.btn_rt button {margin:0 0 0 5px !important}
.pw_wrap {width:70%; margin:0 auto; padding:5%; margin-bottom:30px; border:#DDD 1px solid; border-radius:10px; text-align:center;}
.pw_wrap p {color:#666; font-size:14px; margin-bottom:20px}

/* 사이트맵 */
.sitemap {display:inline-block;}
.sitemap > li {width:23%; float:left; margin-left:20px; height:300px;}
.sitemap > li > a {border-top:2px solid green; border-bottom:1px solid green; display:block; text-align:center; padding:20px 0 16px;; font-weight:600; font-size:18px;}
.sitemap > li > ul {margin-top:20px;}
.sitemap > li > ul > li:hover {text-decoration:underline;}
.sitemap > li > ul > li > a {display:block;} 

/* Button
a.btn_list {display:inline-block; color:#fff !important ; font-size:15px; width:120px; height:46px; border:0; text-align:center; padding:10px 15px; margin:0 auto; border-radius:3px; background-color:#ba8440; font-weight:500; transition:all 0.4s ease; }
a.btn_list:hover {background-color:#925f1e; color:#FFF}
a.btn_write  {display:inline-block; color:#fff !important; font-size:15px; width:120px; height:46px; padding:10px 15px; margin:0 auto; border:0; background:#515a68; border-radius:2px; text-align:center;  font-weight:500; transition:all 0.4s ease; vertical-align:top;}
a.btn_write:hover { background-color:#252b34; color:#fff}
a.btn_write i, a.btn_list i { vertical-align:middle; margin-right:12px;} 
.btn_edit {display:inline-block; color:#fff !important; font-size:15px; height:46px; padding:10px 24px; margin:0 auto; border:0; background-color:#999; border-radius:3px; text-align:center;  font-weight:500; transition:all 0.4s ease; } 
.btn_edit:hover {background-color:#777; color:#FFF}
.btn_send {display:inline-block; color:#fff !important; font-size:15px; width:120px; height:46px; padding:10px 15px; margin:0 auto; border:0; background:#46b279; border-radius:2px; text-align:center;  font-weight:500; transition:all 0.4s ease; vertical-align:top;}
.btn_send:hover {background-color:#359d62; color:#fff}
.btn_cancel {display:inline-block; color:#333; font-size:15px; width:120px; height:46px; padding:10px 24px; margin:0 auto; border:0; background:#F0F0F0; border-radius:2px; text-align:cnter;  font-weight:500; transition:all 0.4s ease; }
.btn_cancel:hover {background-color:#dbdbdb; color:#333}
.btn_cancel i, .btn_send i { vertical-align:middle; margin-right:12px;} */


/* 로그인 */
.farm-A-login {border-top: 2px solid #30a579; margin:0 auto; padding-top:30px; padding-left:120px;}
input.farm-A-input-txt {width: 330px;}
.login-input-box {display:inline-block; width:100%;}
.login-input-box ul {float:left;}
.login-input-box .btn_login {background:#30a579; width:160px; height:104px;text-align:center; border-radius:5px; transition:all 0.4s ease; vertical-align:top; color:#fff; margin-left:10px; font-size:20px;}
.joinbox {display:inline-block; width:100%; margin-bottom:30px;}
.btn_check {display:inline-block; height:32px; background-color:#999; vertical-align:middle; padding:0 13px; font-size:12px; color:#fff; line-height:34px; border-radius:3px;}
.blind {width:0; height:0; overflow:hidden; position:absolute; top:-9999px; left:-9999px; font-size:0;}


.radio {display:inline-block; vertical-align:middle;}
.radio li {float:left;}
.radio li label {display:inline-block; height:15px; line-height:18px; margin-right:10px;}


dl.lst_num1 {display:inline-block; width:100%}
dl.lst_num1 dt {float:left; margin-right:20px; font-size:16px; padding-left:26px; margin-bottom:12px; font-weight:bold; background:url("../images/h5_icon.gif") no-repeat 4px 2px;}
dl.lst_num1 dd {float:left;}

.skip {display:inline-block; width:0; text-indent:-999px;}


.skip_menu {position:absolute;z-index:40;}
.skip_menu p {width:120px;height:21px;}
.skip_menu p a{position:absolute;top:-200px;font-size:8px;}
.skip_menu p a:focus,
.skip_menu p a:active{top:1px;left:0;display:block;width:150px;color:#fff;height:18px;padding:5px 3px 0 3px;margin-left:5px;text-align:center;font-size:10px;font-weight:bold;background:#115aa3;text-decoration:none;}


/**모바일용 가리기*/

.f_area .mo{display:none;}
.main_m{display:none;}
.mbanner_area_m{display:none;}
.main_visual_m{display:none;}
#contents_m{display:none;}
#head_m{display:none;}
table.table11{display:none;}
#lnb_mobile{display:none;}
.tb_bbs tr.bbs_mo{display:none;}



/* 개인정보처리방침 */
.privacy{line-height:1.5; font-size:15px;}
.privacy .table1 td{border-bottom:1px solid #ddd; border-right:1px solid #e8e8e8;font-size:14px; }
.tbl_privacy td{text-align:center; }
.privacy .box{background:#f9f9f9; padding:20px;}
.text-center{text-align:center;}
.privacy .box ul{display:flex; flex-wrap:wrap;} 
.privacy .box ul li{width:calc(50% - 10px);}
.dot_list li{position: relative; padding-left: 10px; font-size: 14px;}
.dot_list li:after{position: absolute; content: ''; width: 3px; height: 3px; background:#333; left: 0; top: 8px; }
.privacy h4{padding: 20px 0 10px}


 @media all and (max-width:767px) {
	.privacy .box ul li{width:100%}
}   
    

@media screen and (min-width:991px) and (max-width:1024px){

	.tb_bbs tr.bbs_mo{display:none;}

	#wrapper {width:100%;  font-family:'Nanum Square', 'Noto Sans KR', sans-serif; background:#fff; color:#333;}

	.head_top{width: 100%;}
	.head_top img{margin-left: 5px;}
	.util{margin-right: 5px;}

	#gnb {width:99.6%; height:44px;  border-bottom:1px solid #ececec; }	
	#gnb > ul {width:98%; margin:0 auto; display:inline-block; }
	#gnb > ul > li {float:left; width:16.51%; border-right:1px solid #ececec;}
	#gnb > ul > li:first-child {border-left:none;}
	#gnb > ul > li:last-child{border-right: none;}
	#gnb > ul > li > a {display:block; font-size:17px; font-weight:600; padding:13px 0; 
	letter-spacing:-1px; color:#666;}
	#gnb > ul > li > a:hover, #gnb > ul > li.on > a {background-color:#30a579; color:#fff;}

	/* main_visual */
	.main_visual {overflow:hidden; position:relative; width:100%; height:480px; z-index:20;  
	border:1px solid #d8d8d8; border-width:1px 0 1px 0;}
	.main_visual #main_visual_slide {position:relative; width:100%; height:480px; overflow:hidden;}
	.btn_area {position:relative; width:1040px; text-align:center; margin:0 auto; border:1px solid green;}
	.main_visual .slidesjs-container {position:relative; z-index:1;}
	.main_visual .slidesjs-control {position:relative; width:100%; height:480px; z-index:1;}
	.main_visual .slidesjs-container .v {position:absolute; left:0; width:100%; height:auto; margin-top:-200px;}
	.main_visual .slidesjs-container .slidesjs-slide {height:530px;}
	.main_visual .slidesjs-previous {display:none;}
	.main_visual .slidesjs-next {display:none;}
	.main_visual .slidesjs-pagination {display:none; position:absolute; left:28%; bottom:28px; margin-left:-45px; z-index:2; width:auto; height:16px; text-align:right;}
	.main_visual .slidesjs-pagination li {display:inline-block; width:auto; margin-left:9px;}
	.main_visual .slidesjs-pagination li a {display:block; overflow:hidden; width:16px; height:0; padding:16px 0 0; background:url('../images/btn_control.png') no-repeat -64px 0;}
	.main_visual .slidesjs-pagination li a.active,
	.main_visual .slidesjs-pagination li a:hover.active {background-position:-35px 0;}
	.main_visual a.slidesjs-play,
	.main_visual a.slidesjs-stop {display:none; overflow:hidden; position:absolute; left:28%; bottom:28px; margin-left:-56px; z-index:3; width:12px; height:0; padding:16px 0 0; background:url('../images/btn_control.png') no-repeat -17px 0;}
	.main_visual a.slidesjs-play {background-position:0 0;}
	.main_visual .slide1 {background:url('../images/mvisual_img011.jpg') no-repeat 10% 0;}
	.main_visual .slide2 {background:url('../images/mvisual_img022.jpg') no-repeat 10% 0;}
	.main_visual .slide3 {background:url('../images/mvisual_img033.jpg') no-repeat 10% 0;}
	.main_visual .slide4 {background:url('../images/mvisual_img044.jpg') no-repeat 10% 0;}
	.main_visual p {font-size:0;line-height:0;} 

	/* 서브비주얼 */
	#svisual {position:relative; width:100%; height:200px; text-align:center;}
	.sub_visual {position:absolute; top:0;left:0}
	.sub_visual.bg1{width:100%; height:200px; background:url("../images/svisual_img1.jpg") no-repeat 50%;}
	.sub_visual.bg2{width:100%; height:200px; background:url("../images/svisual_img2.jpg") no-repeat 50%;}
	.sub_visual.bg3{width:100%; height:200px; background:url("../images/svisual_img3.jpg") no-repeat 50%;}
	.sub_visual.bg4{width:100%; height:200px; background:url("../images/svisual_img4.jpg") no-repeat 50%;}

	#container {position:relative; z-index:99; width:99%; margin:0 auto; margin-top:20px; 
	margin-bottom:20px; overflow:hidden; }
	.main {width:width:100%; margin:0 auto; margin-top:-60px;}

	.mcon01 {position:relative; background:#fff; width:456px; height:201px; float:left; padding:20px; 
	border:1px solid #e9e9e9;}
	.mcon01 h3 {font-size:20px; margin-bottom:20px;}
	.mcon01 div {display:inline-block;}
	.mcon01 dl {float:right; text-align:center; margin-left:30px; width:46%;}
	.mcon01 dl:first-child {float:left; margin-left:0;}
	.mcon01 dl dt {width:210px; height:130px; border:1px solid #bcc4c6; margin-bottom:13px;}
	.mcon01 dl dt img {max-width:100%; height:130px;}
	.mcon01 dl dd {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; #666;}
	.mcon01 dl dd:hover {text-decoration:underline;}
	.mcon01 .more {position:absolute; top:30px; right:30px;}

	.mcon02 {position:relative; background:#f5f6fa; width:475px; height:202px; right:0;
	float:left; padding:20px;border-bottom:1px solid #e9e9e9;}
	.mcon02 h3 {font-size:20px; margin-bottom:20px;}
	.mcon02 div dl {overflow:hidden; margin-top:15px;}
	.mcon02 div dl:first-child {margin-top:0;}
	.mcon02 div dl a:hover{text-decoration:underline;}
	.mcon02 div dl dt {background:#fff; width:67px; height:67px; border-radius:100px; text-align:center; float:left;}
	.mcon02 div dl dt span.date {display:inline-block; font-size:26px; font-weight:bold; margin-top:12px; color:#3f4952;}
	.mcon02 div dl dt span.year {display:inline-block; font-size:12px; letter-spacing:-1px; color:#a5a8ac; font-weight:bold;}
	.mcon02 div dl dd {display:inline-block; line-height:24px; margin-left:20px; padding-top:10px; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.mcon02 div dl dd:hover{text-decoration:underline;}
	.mcon02 .more {position:absolute; top:30px; right:30px;}

	.mcon03 {position:relative; background:#fff; width:456px; height:320px; float:left; padding:20px; border:1px solid #e9e9e9; margin-top:-1px;}
	.mcon03 h3 {font-size:20px; margin-bottom:20px;}
	.mcon03 dl {display:inline-block; border-bottom:1px dashed #bcbcbc;}
	.mcon03 dl a {display:inline-block;}
	.mcon03 dl a:hover {text-decoration:underline;}
	.mcon03 dl dt {display: inline-block; width:450px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:17px; color:#333; margin-bottom:10px;}
	.mcon03 dl dt:hover, .mcon03 dl dd:hover {text-decoration:underline;}
	.mcon03 dl span {display:inline-block; font-size:14px;; color:#737373; margin-bottom:15px;}
	.mcon03 dl dd {display: inline-block; width:450px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#737373; margin-bottom:20px;}
	.mcon03 ul {margin-top:35px;}
	.mcon03 ul li {margin-top:13px; background:url("../images/ico_mlist.gif") no-repeat left center; padding-left:14px; color:#666;}
	.mcon03 ul li a {display: inline-block; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.mcon03 ul li a:hover {text-decoration:underline;}
	.mcon03 ul li span {float:right; font-size:12px;}
	.mcon03 .more {position:absolute; top:30px; right:30px;}

	.mcon04_area {background:pink; width:514px; height:360px; float:left;}
	.mcon04_area div {float:left; width:257px; height:180px; box-sizing:border-box; text-align:center;}
	.mcon04_area div ul li.tit {margin-top:30px;font-size:20px; margin-bottom:10px}
	.mcon04_area div ul li img {}
	.mcon04_area div ul li.txt {font-size:13px; margin-top:10px;}
	.mcon04 {background:#f6f5f1;}
	.mcon05 {background: #7c9a2e;color:#fff;}

	.mbanner_area {width:100%; height:85px; line-height:85px; border-top:1px solid #e2e0e3; border-bottom:1px solid #e2e0e3; margin-top:20px; text-align:center;}
	.mbanner_area .mbanner {width:97%; margin:0 auto; }
	.mbanner_area .mbanner h3 {float:left; font-size:20px;}
	.mbanner_area .mbanner .banner_btn {float:left; margin-top:10px; margin-left:15px;}
	.mbanner_area .mbanner .banner_btn a {float:left; width:27px; height:27px; text-align:center; 
	 margin-left:-1px; padding:0 2px;}
	.mbanner_area .mbanner .roll {position:relative; float:right; overflow:hidden; width:800px; height:80px;}
	.mbanner_area .mbanner .roll ul {position:relative; width:2000px; margin-top:15px;}
	.mbanner_area .mbanner .roll ul > li {float:left; width:160px; height:50px; text-align:center; padding:0 25px;}
	
	input.farm-A-input-txt {width: 330px;}
	/* foot */
	#foot {clear:both; background:#eeeff3; width:100%; }
	

	table.table1 select{margin-bottom: 3px; width: 25%;}
	table.table1 tbody td input#subscriberName,
	table.table1 tbody td input#school,
	table.table1 tbody td input#Donationdate,
	table.table1 tbody td input#Forwarding{width: 220px;}

}

/*******************990px*/

@media screen and (min-width:641px) and (max-width:990px) {

	/*가리기 **/
	#sidebar {display:none;}/* 레프트메뉴 */
	#head{display: none;}
	.tb_bbs tr.bbs_mo{display:none;}

	/*상단영역**/
	#wrapper {width:100%;  font-family:'Nanum Square', 'Noto Sans KR', sans-serif; background:#fff; color:#333;}
	#head_m{display:block;}
	#head_m {position:relative; width:100%; background:#fff; display:block; margin-bottom: 5px;}
	.head_top_m {width:100%; margin:0 auto; display:inline-block;}
	.head_top_m h1 {float:left; margin-top: 35px; text-align: center; margin-left: 5px;}
	.head_top_m h1 img{ vertical-align: middle;}
	.head_top_m .util_m {float:right; margin-top:2px; margin-right: 2px;}
	.head_top_m .util_m ul li {float:left;}
	.head_top_m .util_m ul li a {display:block; padding:0 12px; letter-spacing:-1px; 
	 font-size: 0.9em; margin-right:1px;}
	.head_top_m .util_m ul li a:hover {color:#00806e;}
	.head_top_m .util_m ul li.smap a {background:url("../images/mmore.gif") no-repeat right center; 
	 padding-right:26px;}


	 /* lnb & gnb */
	#gnb { display:none;}
	#lnb_mobile { display:block;}
	.btn_menu { position:absolute; top:34px; right:2%; z-index:50;}
	#lnb_mobile .lnb_box { z-index:99999; position:fixed; overflow:hidden; top:0; right:-50%; width:50%; height:100%; padding-top:80px; background:#fff;}
	#lnb_mobile .lnb_box .btn_close { position:absolute; top:34px; right:2%;}
	#lnb_mobile .lnb_navi { border-top:solid 2px #30a579; margin-top: 22px;}
	#lnb_mobile .lnb_nav_dep1 > a { display:block; padding-left:5%; line-height:60px; border-bottom:solid 1px #ccc; background:#f4f4f4; font-size:17px; font-weight:bold; color:#555;}
	#lnb_mobile .lnb_dep2 { display:none; padding:5% 0; border-bottom:solid 1px #ccc; background:#fff;}
	#lnb_mobile .lnb_dep2 a { display:block; padding:0 5%; line-height:30px; font-size:15px; color:#555;}
	#lnb_mobile .lnb_dep2 a::before { content:"- "}
	#lnb_mobile .on { display:block;}
	
	/* 서브비주얼 */
	#svisual {position:relative; width:100%; height:200px; text-align:center;}
	.sub_visual {position:absolute; top:0;left:0}
	.sub_visual.bg1{width:100%; height:200px; background:url("../images/svisual_img11.jpg") no-repeat;}
	.sub_visual.bg2{width:100%; height:200px; background:url("../images/svisual_img22.jpg") no-repeat;}
	.sub_visual.bg3{width:100%; height:200px; background:url("../images/svisual_img33.jpg") no-repeat;}
	.sub_visual.bg4{width:100%; height:200px; background:url("../images/svisual_img44.jpg") no-repeat;}

	#container {position:relative; z-index:99; width:98%; margin:0 auto; margin-top:20px;
	margin-bottom:20px; overflow:hidden; }
	#contents {float:right; width:100%;}/* 컨텐츠 */
	#cont_wrap {margin-top:30px; padding-bottom:40px; min-height:300px;} /* 컨텐츠내용 */

	#foot {clear:both; background:#eeeff3; width:100%; }
	div.f_area img.pc{display:none;}
	div.f_area img.mo{display:block; margin-left: 5px;}

	/*메인페이지**/

	/* main_visual */
	.main_visual {overflow:hidden; position:relative; width:100%; height:480px; z-index:20;  
	border:1px solid #d8d8d8; border-width:1px 0 1px 0;}
	.main_visual #main_visual_slide {position:relative; width:100%; height:480px; overflow:hidden;}
	.main_visual .slidesjs-container {position:relative; z-index:1;}
	.main_visual .slidesjs-control {position:relative; width:100%; height:480px; z-index:1;}
	.main_visual .slidesjs-container .v {position:absolute; left:0; width:100%; height:auto; margin-top:-200px;}
	.main_visual .slidesjs-container .slidesjs-slide {height:530px;}
	.main_visual .slidesjs-previous {overflow:hidden; position:absolute; left:52%; top:310px; margin-left:-550px; z-index:3; /* width:46px; */ height:0; padding:78px 0 0; background:url('../images/visual_prev_btn.png') no-repeat 0 0;}
	.main_visual .slidesjs-next {overflow:hidden; position:absolute; left:55%; top:310px; z-index:3; margin-left:-550px; width:57px; height:0; padding:78px 0 0; background:url('../images/visual_next_btn.png') no-repeat 0 0;}
	.main_visual .slidesjs-pagination {display:none; position:absolute; left:28%; bottom:28px; margin-left:-45px; z-index:2; width:auto; height:16px; text-align:right;}
	.main_visual .slidesjs-pagination li {display:inline-block; width:auto; margin-left:9px;}
	.main_visual .slidesjs-pagination li a {display:block; overflow:hidden; width:16px; height:0; padding:16px 0 0; background:url('../images/btn_control.png') no-repeat -64px 0;}
	.main_visual .slidesjs-pagination li a.active,
	.main_visual .slidesjs-pagination li a:hover.active {background-position:-35px 0;}
	.main_visual a.slidesjs-play,
	.main_visual a.slidesjs-stop {display:none; overflow:hidden; position:absolute; left:28%; bottom:28px; margin-left:-56px; z-index:3; width:12px; height:0; padding:16px 0 0; background:url('../images/btn_control.png') no-repeat -17px 0;}
	.main_visual a.slidesjs-play {background-position:0 0;}
	.main_visual .slide1 {background:url('../images/mvisual_img011.jpg') no-repeat 0% 0;}
	.main_visual .slide2 {background:url('../images/mvisual_img022.jpg') no-repeat 0% 0;}
	.main_visual .slide3 {background:url('../images/mvisual_img033.jpg') no-repeat 0% 0;}
	.main_visual .slide4 {background:url('../images/mvisual_img044.jpg') no-repeat 0% 0;}
	.main_visual p {font-size:0;line-height:0;} 

	.mcon01 {position:relative; background:#fff; width:91.8%; height:201px; float:left; padding:30px; 
	 border:1px solid #e9e9e9; }
	.mcon01 h3 {font-size:20px; margin-bottom:20px;}
	.mcon01 div {display:inline-block;  width: 90%;}
	.mcon01 dl {float:right; text-align:center; margin-left:30px; width:46%;}
	.mcon01 dl:first-child {float:left; margin-left:0;}
	.mcon01 dl dt {width:210px; height:130px; border:1px solid #bcc4c6; margin-bottom:13px; margin:0 auto;}
	.mcon01 dl dt img {max-width:210px; max-height:130px;}

	.mcon02 {position:relative; background:#f5f6fa; width:92%; height:202px; float:left; 
	 padding:30px;border-bottom:1px solid #e9e9e9;}

	.mcon03 {position:relative; background:#fff; width:91.8%; height:300px; float:left; padding:30px; 
	 border:1px solid #e9e9e9; margin-top:-1px;}
	.mcon03 h3 {font-size:20px; margin-bottom:20px;}
	.mcon03 dl {display:inline-block; border-bottom:1px dashed #bcbcbc;  width:99%; }

	.mcon04_area {background:pink; width:100%; height:360px; float:left;}
	.mcon04_area div {float:left; width:50%; height:180px; box-sizing:border-box; text-align:center;}
	.mcon04_area div ul li.tit {margin-top:30px;font-size:20px; margin-bottom:10px}
	.mcon04_area div ul li.txt {font-size:13px; margin-top:10px;}

	.mbanner_area {width:100%; height:85px; line-height:85px; border-top:1px solid #e2e0e3;  
	 border-bottom:1px solid #e2e0e3; margin-top:20px; text-align:center;}
	.mbanner_area .mbanner {width:100%; margin:0 auto; display:inline-block; }
	.mbanner_area .mbanner h3 {float:left; font-size:20px; margin-left: 5px;}
	.mbanner_area .mbanner .banner_btn {float:left; margin-top:10px; margin-left:15px; 
	 border: 1px solid blue; display: none;}
	.mbanner_area .mbanner .banner_btn a {float:left; width:27px; height:27px; text-align:center; margin-left:-1px; 
	 padding:0 2px;}
	.mbanner_area .mbanner .roll {position:relative; float:right; overflow:hidden; width:85%; height:80px;}
	.mbanner_area .mbanner .roll ul {position:relative; width:2000px; margin-top:15px;}
	.mbanner_area .mbanner .roll ul > li {float:left; width:160px; height:50px; text-align:center; padding:0 25px;}

	/*서브페이지**/

	/*tab*/
	.tab-type1{width:98%;overflow:hidden; position:relative; margin: 0 auto;} 

	/* 사업안내 */
	.figure {display:inline-block; }
	.figure > ul > li {width:98%; float:left; text-align:center;padding:0 6px; margin-top: 30px;}

	/* 갤러리 */
	.gallery {display:inline-block; border-top:2px solid #39956b; border-bottom:1px solid #ccc; padding:25px 0 0;}
	.gallery li {width:20%; float: left; padding: 0 11.5px;  margin-left: 10px;}

	/* 자원봉사안내 */
	.serve_spli {display:inline-block; width:100%;}
	.serve_spli ul {height:77px; background:url("../images/serve_spli_bg.gif") no-repeat center;
	 background-size: 99%;}

	 /* 후원 */
	.spon_grp {display:inline-block; width:100%;}
	.spon_grp ul li {border:1px solid #e0e1e1; height:240px; 
	 float:left; padding:0 20px; width: 90%;}
	.spon_spli ul {height:77px; background:url("../images/spon_spli_bg.gif") no-repeat center;
	 background-size: 99%;}
	 .spon_grp ul li:first-child {margin-left:20px;}

	 /* 사이트맵 */
	.sitemap {display:inline-block;}
	.sitemap > li {width:23%; float:left; margin-left:15px; height:300px;}

	table.table1 select{margin-bottom: 3px; width: 25%;}
	table.table1 tbody td input#subscriberName,
	table.table1 tbody td input#school,
	table.table1 tbody td input#Donationdate,
	table.table1 tbody td input#Forwarding{width: 220px;}

}

/*******640px*/

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

	/***가리기*/
	#head {display:none;}
	#sidebar {display:none;}/* 레프트메뉴 */
	.main_visual{display:none;}
	div.skip_menu{display: none;}
	.mbanner_area{display: none;}
	.booking_calendar{display:none;}/*캘린더*/

	/*상단영역***/
	#wrapper {width:100%;  font-family:'Nanum Square', 'Noto Sans KR', sans-serif; background:#fff; color:#333;}
	#head_m{display:block;}
	#head_m {position:relative; width:100%; background:#fff; display:block; margin-bottom: 5px;}
	.head_top_m {width:100%; margin:0 auto; display:inline-block;}
	.head_top_m h1 {float:left; margin-top: 35px; text-align: center; margin-left: 5px;}
	.head_top_m h1 img{ vertical-align: middle;}
	.head_top_m .util_m {float:right; width: 100%; margin-top: 5px; 
	 position:absolute; top:0; right:0; margin-left: 2px;}
	.head_top_m .util_m ul li {float:left;}
	.head_top_m .util_m ul li a {display:block; padding:0 12px; letter-spacing:-1px; 
	 font-size: 0.9em; margin-right:1px;}
	.head_top_m .util_m ul li a:hover {color:#00806e;}
	.head_top_m .util_m ul li.smap a {background:url("../images/mmore.gif") no-repeat right center; 
	 padding-right:26px;}

	 /* lnb & gnb */
	#gnb { display:none;}
	#lnb_mobile { display:block;}
	.btn_menu { position:absolute; top:34px; right:2%; z-index:50;}
	#lnb_mobile .lnb_box { z-index:99999; position:fixed; overflow:hidden; top:0; right:-50%; width:50%; height:100%; padding-top:80px; background:#fff;}
	#lnb_mobile .lnb_box .btn_close { position:absolute; top:34px; right:2%;}
	#lnb_mobile .lnb_navi { border-top:solid 2px #30a579; margin-top: 20px;}
	#lnb_mobile .lnb_nav_dep1 > a { display:block; padding-left:5%; line-height:60px; border-bottom:solid 1px #ccc; background:#f4f4f4; font-size:17px; font-weight:bold; color:#555;}
	#lnb_mobile .lnb_dep2 { display:none; padding:5% 0; border-bottom:solid 1px #ccc; background:#fff;}
	#lnb_mobile .lnb_dep2 a { display:block; padding:0 5%; line-height:30px; font-size:15px; color:#555;}
	#lnb_mobile .lnb_dep2 a::before { content:"- "}
	#lnb_mobile .on { display:block;}
	
	 /* 서브비주얼 */
	 #svisual {position:relative; width:100%; height:90px; text-align:center; }
	 .sub_visual {position:absolute; top:0;left:0}
	 .sub_visual.bg1{width:100%;  background:url("../images/svisual_img11.jpg") no-repeat; 
	 background-size: 100% 60%;}
	.sub_visual.bg2{width:100%;  background:url("../images/svisual_img22.jpg") no-repeat; 
	 background-size: 100% 60%;}
	.sub_visual.bg3{width:100%;  background:url("../images/svisual_img33.jpg") no-repeat; 
	 background-size: 100% 60%;}
	.sub_visual.bg4{width:100%;  background:url("../images/svisual_img44.jpg") no-repeat; 
	 background-size: 100% 60%;}

	 #container {position:relative; z-index:99; width:98%; margin:0 auto; margin-top:20px;
	 margin-bottom:20px; overflow:hidden;}

	 /* 컨텐츠 */
	 #contents {float:right; width:99%; /*border: 1px solid blue;*/}
	 #cont_head {display:inline-block; width:100%; height:90px; line-height:90px; 
	 background:url("../images/sub_line.gif") repeat-x bottom;}
	 #cont_head h2 {float:left; font-size:18px; font-family: 'NanumGothic'; font-weight:600; 
	 color:#333; letter-spacing:-2px;}
	 #location {float:right; font-size: 0.7em;}
	 #location ul li {float:left; background:url("../images/ico_arrow.gif") no-repeat right center; 
	 padding:0 10px 0 10px;}

	 /* 리스트 */
	h4.tit{clear:both; color:#000; font-size:18px; padding-left:26px; margin-bottom:20px; font-weight:bold; background:url("../images/h4_icon.gif") no-repeat left 3px; 
	letter-spacing:-0.2px;}
	h5.tit{clear:both; color:#333; font-size:14px; padding-left:26px; margin-bottom:12px; font-weight:bold; 
	background:url("../images/h5_icon.gif")no-repeat 4px 2px; letter-spacing:-0.2px;}

	/*로그인*/
	.farm-A-login {border-top: 2px solid #30a579; margin:0 auto; padding-top:30px; 
	 padding-left:0; margin-left: 2px;}
	.login-input-box .btn_login {background:#30a579; width:160px; height:50px;text-align:center; 
	 border-radius:5px; transition:all 0.4s ease; 
	 vertical-align:top; color:#fff; margin:10px 0 0 53%; font-size:20px;}
	.login-input-box ul {float:left;  width: 99%; }
	 input.farm-A-input-txt {width:94%;}

	/* 사이트맵 */
	.sitemap {width:100%;}
	.sitemap > li {width:100%; margin-left:0; margin-bottom: 10px;}
	.sitemap > li > a {border-top:2px solid green; border-bottom:1px solid green; display:block; 
	 text-align:center; padding:20px 0 16px; font-weight:600; font-size:1.1em; }
	.sitemap > li > ul {margin-top:20px;}
	.sitemap > li > ul > li:hover {text-decoration:underline;}
	.sitemap > li > ul > li > a {display:block; font-size:1em;}
	
	/* BBS - LIST */
	.tb_bbs tr.bbs_pc{display:none;}
	.tb_bbs tr.bbs_mo{display:block;}
	.tb_bbs th {padding:14px 22px; border-top:#515a68 1px solid; border-bottom:#CCC 1px solid;
	 background-color:#FBFBFB; font-size:15px; font-weight:400; color:#222; }

	#foot {clear:both; background:#eeeff3; width:100%; }
	.f_area .pc{display:none;}
	.f_area .mo{display:block; margin-bottom:10px; }
	.f_area {width:100%; margin:0 auto; text-align:center;}
	.f_area address {width:100%;}
	.f_area .inner{flex-wrap:wrap;justify-content: center;}
	.f_area h2{margin:0;}

	/****메인페이지*/

	 /* main_visual_m */
	.main_visual_m{display:block;}
	.main_visual_m {overflow:hidden; position:relative; width:100%; z-index:20;  
	 border:1px solid #d8d8d8; border-width:1px 0 1px 0; border-bottom: none; }
	.main_visual_m #main_visual_slide_m {position:relative; width:100%; height: 190px; overflow:hidden;}
	.main_visual_m .slidesjs-container {position:relative; z-index:1;}
	.main_visual_m .slidesjs-control {position:relative; width:100%; height:480px; z-index:1;}
	.main_visual_m .slidesjs-container .v {position:absolute; left:0; width:100%; height:auto; margin-top:-200px;}
	.main_visual_m .slidesjs-container .slidesjs-slide {height:530px;}
	.main_visual_m .slidesjs-previous {overflow:hidden; position:absolute; left:52%; top:310px; margin-left:-550px; z-index:3; /* width:46px; */ height:0; padding:78px 0 0; background:url('../images/visual_prev_btn.png') no-repeat 0 0;}
	.main_visual_m .slidesjs-next {overflow:hidden; position:absolute; left:55%; top:310px; z-index:3; margin-left:-550px; width:57px; height:0; padding:78px 0 0; background:url('../images/visual_next_btn.png') no-repeat 0 0;}
	.main_visual_m .slidesjs-pagination {display:none; position:absolute; left:28%; bottom:28px; margin-left:-45px; z-index:2; width:auto; height:16px; text-align:right;}
	.main_visual_m .slidesjs-pagination li {display:inline-block; width:auto; margin-left:9px;}
	.main_visual_m .slidesjs-pagination li a {display:block; overflow:hidden; width:16px; height:0; padding:16px 0 0; background:url('../images/btn_control.png') no-repeat -64px 0;}
	.main_visual_m .slidesjs-pagination li a.active,
	.main_visual_m .slidesjs-pagination li a:hover.active {background-position:-35px 0;}
	.main_visual_m a.slidesjs-play,
	.main_visual_m a.slidesjs-stop {display:none; overflow:hidden; position:absolute; left:28%; bottom:28px; margin-left:-56px; z-index:3; width:12px; height:0; padding:16px 0 0; background:url('../images/btn_control.png') no-repeat -17px 0;}
	.main_visual_m a.slidesjs-play {background-position:0 0;}
	.main_visual_m .slide1_m {background:url('../images/mvisual_img011.jpg') no-repeat 50% 0; background-size:100%; 100%;}
	.main_visual_m .slide2_m {background:url('../images/mvisual_img022.jpg') no-repeat 50% 0; background-size:100%; 100%;}
	.main_visual_m .slide3_m {background:url('../images/mvisual_img033.jpg') no-repeat 50% 0; background-size:100%; 100%;}
	.main_visual_m .slide4_m {background:url('../images/mvisual_img044.jpg') no-repeat 50% 0; background-size:100%; 100%;}
	.main_visual_m p {font-size:0;line-height:0;} 

	.mcon01 {position:relative; background:#fff; width:82.3%;  float:left; 
	 padding:30px; border:1px solid #e9e9e9; height: 100%;}
	.mcon01 h3 {font-size:20px; margin-bottom:20px;}
	.mcon01 dl {float:left; text-align:center; margin-left:-25px; width:100%;}
	.mcon01 dl:first-child {float:left; margin-left:-25px; margin-bottom: 20px;}
	.mcon01 dl dt {width:340px; height:200px; border:1px solid #bcc4c6; margin-bottom:13px;}
	.mcon01 dl dt img {width:100%; height: 200px;}
	.mcon01 dl dd {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; #666; width: 100%;}
	
	.mcon02 {position:relative; background:#f5f6fa; width:83%; height:100%; float:left; padding:30px;
	 border-bottom:1px solid #e9e9e9; }
	.mcon02 div dl dt {background:#fff; width:67px; height:67px; border-radius:100px; text-align:center; 
	float:left;}
	.mcon02 div dl dd {display:inline-block; line-height:24px; margin-left:10px; padding-top:10px; width:70.45%; 
	 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 0.73em;}
	
	.mcon03 {position:relative; background:#fff; width:82.3%; height:300px; float:left; padding:30px; 
	 border:1px solid #e9e9e9; margin-top:-1px; }-
	.mcon03 dl {display:inline-block; border-bottom:1px dashed #bcbcbc; border:  width: 99%;}
	.mcon03 dl a {display:inline-block;}
	.mcon03 dl a:hover {text-decoration:underline;}
	.mcon03 dl dt {display: inline-block; width:100%; white-space:nowrap; overflow:hidden; 
	 text-overflow:ellipsis; font-size:0.8em; color:#333; margin-bottom:10px;  border: 1px #333;}
	.mcon03 dl span {display:inline-block; font-size:14px; color:#737373; margin-bottom:15px;}
	.mcon03 ul {margin-top:35px; }
	.mcon03 ul li {margin-top:13px; background:url("../images/ico_mlist.gif") no-repeat left center; 
	 padding-left:14px; color:#666; }
	.mcon03 ul li a {display: inline-block; width:100%; white-space:nowrap; overflow:hidden; 
	 text-overflow:ellipsis; font-size: 0.8em;}
	
	.mcon04_area {background:pink; width:100%; height:360px; float:left; height: 100%;}
	.mcon04_area div {float:left; width:100%; height:180px; box-sizing:border-box; text-align:center;}
	
	/* 배너 */
	.mbanner_area_m{display: block;}
	.mbanner_area_m {width:100%; height:100%; line-height:85px; border-top:1px solid #e2e0e3; 
	 border-bottom:1px solid #e2e0e3; margin-top:20px; text-align:center;}

	 /*서브페이지****/
	 
	 /*센터장 인사말*/
	 .greeting .sub_tit {font-size:25px; color:#46b279/* 343434 */; letter-spacing:-1px; line-height:40px; 
	 font-weight:300; }
	.greeting .sub_txt {font-size:0.9em; line-height:28px; color:#333; 
	 background:url("../images/greeting_bg.jpg") no-repeat right bottom; padding-bottom:100px;  
	 background-size: 90%;}
	.greeting .sub_tit img{width: 97%; margin-left: 5px;}/*글자 이미지*/

	/*센터소개*/
	.intro {display:inline-block; width:99%; text-align:center;}
	.intro img{width: 90%;}
	.intro .sub_tit {font-size:31px; color:#343434; letter-spacing:-1px; line-height:40px; 
	font-weight:300;}
	.intro .sub_txt {font-size:0.9em; line-height:28px; color:#333;}

	/* 조직도 */
	.orign {width:100%; /* border:1px solid #e8e8e8; background:#fbfbfb; */ text-align:center; 
	padding:30px 0 30px;}
	.orign img{max-width: 90%; height: auto;}
	
	/* table */
	table.table1 {clear:both; border-collapse:collapse; border-color:#39956b; border-style:solid; 
	border-width:2px 0 0; margin:10px 0 17px 0; width:100%;}
	table.table1 input{margin-bottom: 3px;}
	table.table1 select{margin-bottom: 3px; width: 25%;}
	table.table1 thead th {background:#FBFBFB/* #f8fbfe */; color:#333; 
	font-size:15px; font-weight:bold; text-align:center; vertical-align:middle;
	padding:20px 0 17px;border-bottom:1px solid #e8e8e8;}
	table.table1 tbody th, tfoot th {color:#000; font-weight:400; text-align:center; 
	vertical-align:middle; background:#FBFBFB; line-height:1.6em; font-size: 0.83em;}
	table.table1 tbody td, tfoot td {text-align:center; font-size:0.8em; line-height:1.6em;}
	table.table1 tbody td img{vertical-align:middle;}
	table.table1 tbody td input {vertical-align:middle; width:20%;}
	table.table1 tbody td input#emailId{width:80px;}
	table.table1 tbody td input#emailDomain{width:100px;}
	table.table1 tbody td input#subscriberName,
	table.table1 tbody td input#school,
	table.table1 tbody td input#Donationdate,
	table.table1 tbody td input#Forwarding{width: 220px;}
	table.table1 tbody td input#id{width: 140px;}
	table.table1 th, table.table1 td {border-bottom:1px solid #e8e8e8; 
	padding:11px 5px 10px 5px;}

	/* 사업안내 */
	.tab-type1{width:95%;overflow:hidden;position:relative; margin:0 auto; margin-top: 10px;}

	.figure {display:inline-block;}
	.figure > ul > li {width:98%; float:left; text-align:center;padding:0 6px; margin-bottom: 15px;}
	.figure > ul > li > strong {display:inline-block; width:180px; height:180px; line-height:180px; 
	 border-radius:100px; font-size:20px; color:#fff; }
	 .mt30, .mt50, .mt10{width: 98%; font-size: 0.8em;}

	 /* 이용안내 */
	.s0202 {display:inline-block; width:90%; margin: 10px;}
	.s0202 p.tit {font-size:30px; color:#00806c; margin-bottom:30px; border-top:2px solid #00806c; 
	 border-bottom:1px solid #00806c; text-align:center; padding:22px 0 18px; font-weight:700;}
	.s0202 > ul > li {border:1px solid lightgray; display:inline-block; width:96%; margin-bottom:15px; 
	padding:20px 20px 5px; border-radius:30px; margin-left: -8px;} 
	.s0202 > ul > li > span {display:inline-block; float:left; border-right:none; width:20%; } 
	.s0202 > ul > li > ul {float:right; width:73%; margin-top:10px;}
	.s0202 > ul > li > ul > span {display:block; margin-bottom:10px; font-size:20px; color:#6eb138; 
	font-weight:600; text-align: left; margin-left: 12px;}
	.s02bg {background:url('../images/s02021_bg.png')no-repeat right 130px; background-size: 50%;}
	.s0202 ul.list1 li{line-height:1.4; margin-bottom:6px; color:#777; padding-left:25px;  
	 font-size: 0.9em; margin-left:10px; }
	.s0202 img{width: 100px; height:97px; margin-left: -10px;}
	.s0202 p{font-size: 0.8em;}

	 /* 갤러리 */
	.gallery { border-top:2px solid #39956b; border-bottom:1px solid #ccc; padding:25px 0 0;
	 margin-top:10px; display: }
	.gallery li {width:40%; margin-left: 10px;}
	.gallery li:hover{opacity:0.8; transition:opacity 0.2s;}
	.gallery li a dl {margin-bottom:30px; }
	.gallery li a dl dt {font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
	 margin-top:8px;}
	.gallery li a dl dd {font-size:13px; color:gray; margin-top:4px;}
	.bbs_top {width:100%; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; margin-top:10px;}
	
	/** BBS - TOP **/
	.tb_top .src_wrap {position:absolute; top:0; left:0;}
	.tb_top .src_wrap .i-src {display:inline-block; position:relative; height:38px; 
	 padding:0 45px 0 0; margin-left:3px; border:#ccc 1px solid; vertical-align:top; width: 30%;}
	.tb_top .src_wrap .i-src .i-src-fld {width:100%; height:36px; background:none; 
	border:0; /* -moz-appearance: none; -webkit-appearance: none;  */ }
	
	/** 자원봉사안내 **/
	.s0601 h3 {text-align:center; font-size:18px; letter-spacing:-2px; padding:20px 0; line-height:34px; 
	 font-weight:400;}
	.serve_grp {display:inline-block; width:90%; padding-left:30px;}
	.serve_grp ul li {border:1px solid #e0e1e1; width:30%; height:180px; float:left; 
	 margin-left:-1px; margin-bottom:-1px; padding:0 20px;}
	.serve_grp ul li dl {text-align:center;}
	.serve_grp ul li dl img {margin-top:40px;}
	.serve_grp ul li dl dt {font-size:18px; color:#333; margin-bottom:10px; font-weight:600; letter-spacing:-1px;}
	.serve_spli {display:inline-block; width:100%;}
	.serve_spli ul {height:77px; background:url("../images/serve_spli_bg.gif") no-repeat center; 
	 background-size: 100%}
	.serve_spli ul li {float:left; width:40%; line-height:77px; font-size:15px; color:#fff; font-weight:600; 
	text-align:center; padding-left:10px; margin-left: 10px;}
	.s0601 h4.tit{clear:both; color:#000; font-size:18px; padding-left:26px; 
	margin-bottom:20px; width: 90%;}
	
	/* 후원 안내*/
	.s0602 h3 {text-align:center; font-size:20px;
	letter-spacing:-2px; padding:20px 0; line-height:34px; font-weight:400;}
	.s0602 h4.tit{font-size: 1.1em; width:90%;}
	.spon_grp {display:inline-block; width:99%;}
	.spon_grp ul li {border:1px solid #e0e1e1; width:88%; height:240px; margin-left:0;}
	.spon_grp ul li dl {text-align:center;}
	.spon_grp ul li dl img {margin-top:40px;}
	.spon_grp ul li dl dt {font-size:18px; color:#333; margin-bottom:10px; font-weight:600;}
	.spon_grp ul li dl dd {font-size:14px; color:#4c4c4c; line-height:18px; letter-spacing:-1px;}
	.spon_spli ul { background:#fff;}
	.spon_spli ul li { width:90%; font-size:0.9em; color:#333; font-weight:300;text-align:left;}
	.spon_inq {display:inline-block; width:99.2%; border:1px solid #e0e1e1;  padding:35px 0 25px; 
	 text-align:center; line-height:28px;}
	.spon_inq dt {font-size:15px; font-weight:600;}
	.spon_inq dd {font-size:15px;}	
	
	.radio { vertical-align:middle; width: 100%;}
	.radio li {float:left;  margin-left: 5px; width:30%}
	.radio li label {height:15px; line-height:18px;}

}


@media all and (max-width:767px) {	
.view_ctn { padding:0; border-bottom:#ddd 1px solid; font-size:14px; line-height:1.8; color:#555; font-weight:300; width:100%;}
.view_ctn img {max-width:100%; height:auto;}
.btn_wrap {clear:both; display:inline-block; text-align:center; width:100%;}

/* Button */
a.btn_list {width:20%;}
a.btn_write  {width:20%}
a.btn_edit {width:20%; }


.btn_send {width:20%;}
.btn_cancel {width:20%; }

a.btn_cancel {width:20%;}

}