@charset "UTF-8";

@import url("font.css");
@import url("font-awesome/css/all.css");
@import url("useCss.css");

.header * {box-sizing: border-box;}

html, body{height:100%; margin:0px; padding:0px; font-family:Noto Sans KR, Malgun Gothic}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
img,input,select,textarea,button {vertical-align:middle;}
hr, input::-ms-clear {display:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body,th,td,input,select,textarea,button {font-size:13px; color:#000000;} /* color */
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button {font-family:Noto Sans KR, apple SD gothic neo,'돋움',dotum,sans-serif;}
a {color:inherit; text-decoration:none;outline:none;}
/*a:active, a:hover {text-decoration:underline;}*/
/*a:active {background-color:transparent; ;}*/
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
html, body {height:100%; margin:0px; padding:0px;} 
table,th,td {border-collapse:collapse; padding:0; border-spacing:0;}
.blind {overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}

/* */

a:hover, a:active {text-decoration:none;}
a:focus{outline:#ff4040 solid 1px;text-decoration:none;margin:1px 1px;display:inline-block;}

#skipnavigation {position: relative;width: 100%;margin: 0 auto;z-index:99999}
#skipnavigation ul {margin: 0;padding: 0;}
#skipnavigation ul li a {display: block;padding: 0 10px;height: 0;overflow: hidden;color: #000;}
#skipnavigation ul li a:focus {display: block;padding:0px 10px 0px 10px ;line-height: 25px;height: 25px; overflow: visible;color: #000;text-align: center;position: absolute;top: 5px;left:100px; border: 1px solid #fff;background: #fff;}

/*
input[type="button"], input[type="submit"], input[type="reset"] {height:22px; line-height:20px; border:1px solid #2c3447; background:#3e455b; color:#FFF; border-radius:3px; padding:0 5px; cursor:pointer;}
input[type="button"].searchBtn, input[type="submit"].searchBtn, input[type="reset"].searchBtn {height:35px; line-height:35px; min-width:100px; border:1px solid #2c3447; background:#3e455b; color:#FFF; border-radius:3px; padding:0 5px; font-size:16px; cursor:pointer;}
*/
input[type="text"], input[type="password"]{height:26px; background:#f8f8f8; font-size:12px; padding:0 5px; letter-spacing:0px;}
input[type="file"] {height:20px; margin:2px;}

select {border:1px solid #e5e6e6; color:#555; height:28px; margin-right:3px;}
.SearchInput {border:1px solid #ccc; border-right:0px;}
.SearchSumit {background:#f8f8f8 url('..//images/icon_search2.png') center center no-repeat; border:0px; margin:0px; width:28px; height:28px; font-size:0px; font-size:0px; border:1px solid #ccc; border-left:0px;}

.FormControl {border: 1px solid #ccc; background: #fff !important; box-sizing: border-box; resize: none; font-family: Noto Sans KR, Malgun Gothic; font-size: 14px !important;}
textarea.FormControl {padding: 5px;}
.FormTxt {font-size: 13px; margin-top: 3px; color: #666;}
.FormTxt::before {content: '\f06a'; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 3px; color: #2e6db1;}

.FileBox {margin-bottom: 5px; display: flex;}
.FileBox:last-of-type {margin-bottom: 0;}
.FileBox label {cursor: pointer; background: #275727; color: #fff; height: 28px; line-height: 28px; display: inline-block; padding: 0 10px; vertical-align: middle; font-size: 13px !important; position: relative; z-index: 1;}
.FileBox label.focus {outline: #ff4040 solid 1px;}
.FileBox input[type="file"] {overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
.FileBox .FileName {display: inline-block; border: 1px solid #ddd; height: 26px; line-height: 26px; padding: 0 15px 0 5px; font-size: 13px; width: 500px; color: #666; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.FileBox .FileAdd {background: #2e6db1; color: #fff; height: 28px; line-height: 28px; margin-left: 5px; padding: 0 10px; font-size: 13px;}
.FileBox .FileDel {background: #555; color: #fff; height: 28px; line-height: 28px; margin-left: 5px; padding: 0 10px; font-size: 13px;}
.FileBox .FileAdd:focus,
.FileBox .FileDel:focus {margin: 0 0 0 5px;}

.area {width:1200px; margin:auto;}
.subarea {width:1199px; margin:auto; border-right:1px solid #d9d9d9;}
.harfarea {width:600px; position:relative;height:50px;float:right;}
.bold {font-weight:600;}
.bold4 {font-weight:400;}
.bold5 {font-weight:500;}
.bold6 {font-weight:600;}
.fgreen {color:#275727;}
.fgreen2 {color:#2b7f21;}

.radio {vertical-align:middle; margin:0 5px;}
.radio input[type="radio"]{display:none; vertical-align:middle;}
.radio input[type="radio"] + label{display:inline-block; height:30px; line-height:30px; background:url('../images/radio_off.png') left center no-repeat; cursor:pointer; padding-left:25px; vertical-align:middle;}
.radio input[type="radio"]:checked + label {background:url('../images/radio_on.png') left center no-repeat; vertical-align:middle; font-weight:600; color:#000;}

.checkbox {vertical-align:middle; margin:0 5px;}
.checkbox input[type="checkbox"]{display:none;}
.checkbox input[type="checkbox"] + label{display:inline-block; height:30px; line-height:30px; background:url('../images/checkbox_off.png') left center no-repeat; cursor:pointer; padding-left:25px;}
.checkbox input[type="checkbox"]:checked + label {background:url('../images/checkbox_on.png') left center no-repeat;}

.indent0 {margin-left:0px; margin-top:30px; color:#595959;}
.indent1 {margin-left:20px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#595959;}
.indent2 {margin-left:36px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#595959;}
.indent2T {margin-left:26px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#595959;letter-spacing:-1px;}
.indent3 {margin-left:36px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#595959;}
.indent4 {margin-left:20px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#595959;}
.indent01 {margin-left:20px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#595959;}

/*
#wrap {height:100%;}
#header {background:#FFF; height:134px; border-bottom:1px solid #d9d9d9; position:relative; z-index: 1;} 
#header #header-area {margin:auto; height:160px;min-width:1200px;}
#header-area .headerBar {float:left; width:50%; height:50px;}
#header-area .leftbg {background:url('../images/header/hearder_left_bg.png') 0 0 repeat;}
#header-area .rightbg {background:url('../images/header/hearder_right_bg.png') 0 0 repeat;}
ul.Menu > li > a > img {vertical-align:top;} 

#header-area .leftbg .herdertab {float:left; margin-top:10px;background:url('../images/header/topsB.png') right 16px no-repeat;}
#header-area .leftbg .herdertab li {float:left; width:110px; height:40px; line-height:40px; text-align:center;background:url('../images/header/topsB.png') left 16px no-repeat;}
#header-area .leftbg .herdertab li:hover {background:#fff;}
#header-area .leftbg .herdertab li a {width:110px; height:40px; display:block; color:rgba(255,255,255,0.7);font-size:13px;}
#header-area .leftbg .herdertab li a:hover {color:rgba(0,0,0,0.8);}
#header-area .leftbg .herdertab li.on {color:#FFF;}
#header-area .leftbg .herdertab li.on a {color:#fff;}

#header-area .rightbg .herdertab {float:right; margin-top:10px;}
#header-area .rightbg .herdertab li {float:left; height:39px; line-height:39px; text-align:center; border-left:1px solid #fff; border-top:1px solid #fff; padding:0 10px;}
#header-area .rightbg .herdertab li:last-child {border-right:1px solid #fff;}
#header-area .rightbg .herdertab li a {color:#FFF;}
#header-area .rightbg .logobg {position:absolute; left:14%; top:0px; width:181px; height:60px; margin-left:-90px;background:url('../images/header/hearder_right_bg2.png') bottom center no-repeat;}

#header-area .headerSearch {position:absolute; top:8px; right:0px; margin-left:-170px; width:220px; height:34px; padding:0px;}
#header-area .headerSearch .headerSearchInner {background:#FFF;}
#header-area .headerSearch input[type="text"] {float:left; width:170px; height:34px; border:0px; padding:0px; padding-left:10px; margin:0px; background:#FFF; font-size:14px; color:#737373;}
#header-area .headerSearch input[type="submit"] {width:40px; height:34px; background:#fff url('../images/icon_search4.png') center center no-repeat; border:0px; font-size:0px; border-radius:0px;}
#header-area .resservt {position:absolute; top:50px; right:0px;}
#header-area .resservt img {width:90px;}
#header-area .headerGnbArea {height:130px;}
#header-area .headerGnbArea .logo {float:left; width:200px; height:85px; line-height:90px; margin-top:0px;}

#header-area .headerGnbArea .Gnb {float:right; height:85px; margin-top:0px;margin-right:90px;}
#header-area .headerGnbArea .Gnb ul.Menu {float:right; height:85px;margin-right:10px;}
#header-area .headerGnbArea .Gnb ul.Menu li {float:left; padding:0 12px; height:80px; line-height:100px; font-size:14px;}
#header-area .headerGnbArea .Gnb ul.Menu li.on,
#header-area .headerGnbArea .Gnb ul.Menu li:hover {border-bottom:5px solid #449944;color:#469d42;font-weight:400;}
#header-area .headerGnbArea .Gnb ul.Menu li.active a,
#header-area .headerGnbArea .Gnb ul.Menu li:hover a {color:#469d42; width:100%; height:100%; display:block;}
#header-area .headerGnbArea .Gnb ul.Menu li:last-child {padding:0px;background-image:url('');background-repeat:no-repeat;background-position:center bottom 40px;}
#header-area .headerGnbArea .Gnb ul.Menu li:last-child:hover {}

#header-area .headerGnbArea .subGnb {position:absolute; top:134px; left:0px; overflow:hidden; z-index:9999; background:#FFF; width:100%; height:0px;background:url('../images/header/submubg01.png') repeat-y left;}
.subGnb_line {border-top: 1px solid #469d42;border-bottom: 1px solid #469d42;}
#header-area .headerGnbArea .subGnb .titleArea {float:left;width:250px;height:200px;padding-top:60px;background-image:url('../images/header/menuTitlebg01.png');background-repeat:no-repeat;background-position:right bottom 0px;background-color:#ecf5eb;}
#header-area .headerGnbArea .subGnb .titleArea .titleAreat {float:right;text-align:left;width:200px;font-size:20px;font-weight:400;color:#327835;padding:0 0 8px 0;border-bottom:1px solid #badab8; }
#header-area .headerGnbArea .subGnb .titleArea .titleAreatC {float:right;text-align:left;width:200px;font-size:13px;font-weight:400;color:#666666;padding:0 0 8px 0; }
#header-area .headerGnbArea .subGnb .subMenuarea {float:left;width:923px;height:240px;padding:20px 0 0 27px;background-color:#ffffff;background-image:url('../images/header/menuTitlebg01_02.png');background-repeat:no-repeat;background-position:right bottom 0px;}
#header-area .headerGnbArea .subGnb .Submenu {float:left; width:123px; padding:5px;}
#header-area .headerGnbArea .subGnb .subMenuarea ul.subM li {float:left;font-size:14px;color:#343434;font-weight:600;margin-right:38px;}
#header-area .headerGnbArea .subGnb .subMenuarea ul.subM li ul.subML {margin-top:10px;margin-bottom:10px;}
#header-area .headerGnbArea .subGnb .subMenuarea ul.subM li ul.subML li {font-weight:400;clear:both;font-size:13px;color:#a3a3a3;margin-right:0px;}
#header-area .headerGnbArea .subGnb .subMenuarea ul.subM li a {margin-bottom:10px;}
#header-area .headerGnbArea .subGnb .subMenuarea ul.subM li a:hover {color:#409a3c;font-weight:600;}
#header-area .headerGnbArea .subGnb .Submenu h3 {}
#header-area .headerGnbArea .subGnb .Submenu ul {margin-top:10px;}
#header-area .headerGnbArea .subGnb .Submenu ul li {} 
*/


#container {min-height: 100%; margin-top:-172px; margin-bottom:-145px;}
#container #container-area {padding-top:172px; padding-bottom:145px;}

#container #container-area .Contents {float:left; width:999px; border-right:1px solid #d9d9d9;}
#container #container-area .Lnb {float:right; width:170px; padding:14px;}
#container #container-area .Lnb .LnbTitle {text-align:center; font-size:20px; height:64px; line-height:50px; color:#295d27; border-bottom:2px solid #449944;}
#container #container-area .Lnb .indents1 {margin-top:30px;}
#container #container-area .Lnb .indents1 li {font-size:14px; font-weight:400;border-bottom:1px solid #e5e5e5; }
#container #container-area .Lnb .indents1 li:first-child {border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; }
#container #container-area .Lnb .indents1 li a {height:40px; line-height:40px; padding-left:10px; display:block;}
#container #container-area .Lnb .indents1 li a.active,
#container #container-area .Lnb .indents1 li a:hover {font-weight:500; background:#295d27; color:#FFF;}
#container #container-area .Lnb .indents1 li a:focus {outline:#ff4040 solid 1px;font-weight:500; background:#295d27; color:#FFF;}
#container #container-area .Lnb .indents2 li {font-size:12px; font-weight:normal; min-height:28px;border:0px;}
#container #container-area .Lnb .indents2 li:first-child {border:0px;}
#container #container-area .Lnb .indents2 li a {height:28px; line-height:28px; padding-left:10px; display:block;}
#container #container-area .Lnb .indents2 li a.active,
#container #container-area .Lnb .indents2 li a:hover {font-weight:500; background:#f2f2f2; color:#255722;border:0px;}
#container #container-area .Lnb .indents2 li a:focus {outline:#ff4040 solid 1px;font-weight:500; background:#f2f2f2; color:#255722;border:0px;}
#container #container-area .Lnb .indents2 {background:#f2f2f2;}

/*  */
#container #container-area .Contents .navigation {height:78px; line-height:78px; border-bottom:2px solid #469d42;}
#container #container-area .Contents .navigation h1.title {float:left;font-weight:500;letter-spacing:-1px;}
#container #container-area .Contents .navigation .navigationInfo {float:right; margin-right:30px;}
#container #container-area .Contents .navigation .navigationInfo span a:focus {outline:#ff4040 solid 1px;text-decoration: underline;}

/*¸ */
#container #container-area .Contents .ContentZone {padding:0px 30px 30px 0px;}
#container #container-area .Contents .ContentZone h1.subject {font-size:19px; color:#555; background:url('../images/subject_h1.jpg') center left no-repeat; padding-left:25px; margin-left:0px; font-weight:500; text-align:left;}
#container #container-area .Contents .ContentZone h2.subject {font-size:19px; color:#555; background:url('../images/subject_h1.jpg') top 5px left no-repeat; padding-left:25px; margin-left:0px; font-weight:500; text-align:left;}
#container #container-area .Contents .ContentZone h2.subject1 {font-size:16px; color:#555; background:url('../images/subject_h2.jpg') center left no-repeat; padding-left:18px; margin-left:18px; font-weight:500; text-align:left;}
#container #container-area .Contents .ContentZone h2.subject0 {font-size:16px; color:#555; background:url('../images/subject_h2.jpg') center left no-repeat; padding-left:18px; margin-left:18px; font-weight:500; text-align:left;}
#container #container-area .Contents .ContentZone h3.subject {font-size:15px; color:#555; background:url('../images/subject_h3.jpg') top 10px left no-repeat; padding-left:16px; margin-left:20px; font-weight:500; text-align:left;}
#container #container-area .Contents .ContentZone h3.subject0 {font-size:15px; color:#555; background:url('../images/subject_h3.jpg') center left no-repeat; padding-left:21px; margin-left:0px; font-weight:500; text-align:left;}
#container #container-area .Contents .ContentZone h4.subject {font-size:14px; color:#555; background:url('../images/subject_h4.jpg') center left no-repeat; padding-left:11px; margin-left:25px; font-weight:500; text-align:left;}
#container #container-area .Contents .ContentZone .subject5 {font-size:14px; color:#555; background:url('../images/subject_h5.jpg') center left no-repeat; padding-left:11px; margin-left:25px; font-weight:400; text-align:left;}

.TableInfo {margin-bottom: 7px; font-size: 14px;}
.TableInfo .star {color: #CE4010; font-weight: 500;}
.reply {background: #8c8c8c; color: #fff; padding: 0 7px; font-size: 12px; font-weight: 500; border-radius: 30px; margin-right: 3px;}
.pList:hover .pTit,
.pList:focus .pTit {text-decoration: underline;}
.attach > label {display: block; font-size: 13px; line-height: 24px;}
label + .FileBox {margin-top: 5px;}

.BasicTable_01 {width:100%; border-top:2px solid #449944; border-bottom:1px solid #449944;}
.BasicTable_01 th {border-bottom:1px solid #449944; background:#ecf5ec; border-right:1px solid #c7e0c7; border-left:1px solid #c7e0c7; font-size:14px; padding:5px; font-weight:600;}
.BasicTable_01 th:first-child {border-right:1px solid #c7e0c7; border-left:0px;}
.BasicTable_01 th:last-child {border-right:0px;}
.BasicTable_01 td {border-bottom:1px solid #449944; border-right:1px solid #c7e0c7; font-size:13px; padding:7px 10px 8px 15px;vertical-align:top;}
.BasicTable_01 td:last-child{border-right:none;}
.BasicTable_01 td > ul > li {margin-bottom:5px;}
.BasicTable_01 td > ul > li.pro_pL20 {margin-left:15px;}

.BasicTable_01m {width:100%; border-top:2px solid #449944; border-bottom:1px solid #449944;}
.BasicTable_01m th {border-bottom:1px solid #449944; background:#ecf5ec; border-right:1px solid #c7e0c7; border-left:1px solid #c7e0c7; font-size:14px; padding:5px; font-weight:600;}
.BasicTable_01m th:first-child {border-right:1px solid #c7e0c7; border-left:0px;}
.BasicTable_01m th:last-child {border-right:0px;}
.BasicTable_01m td {border-bottom:1px solid #449944; font-size:13px; padding:7px 10px 8px 15px;vertical-align:middle;}
.BasicTable_01m td:last-child{border-left:1px solid #c7e0c7;}
.BasicTable_01m td > ul > li {margin-bottom:5px;}
.BasicTable_01m td > ul > li.pro_pL20 {margin-left:15px;}

.BasicTable_02 {width:100%; border-top:2px solid #959595; border-bottom:1px solid #999;}
.BasicTable_02 th {border-bottom:1px solid #999; background:#f6f6f6; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; font-size:14px; padding:8px 5px; font-weight:500;}
.BasicTable_02 td {border-right:1px solid #ddd;vertical-align:top;}
.BasicTable_02 th:first-child,
.BasicTable_02 td:first-child {border-right:1px solid #ddd; border-left:0px;}
.BasicTable_02 th:last-child,
.BasicTable_02 td:last-child {border-right:0px;}
.BasicTable_02 td {border-bottom:1px solid #ddd; font-size:14px; padding:7px 5px 8px 10px;text-align:center;}
.BasicTable_02 td .pLock {margin-right: 5px; color: #aaa; font-size: 12px;}


.BasicTable_02s {width:100%; border-top:2px solid #959595; border-bottom:1px solid #999;}
.BasicTable_02s th {border-bottom:1px solid #999; background:#f6f6f6; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; font-size:13px; padding:5px; font-weight:500;}
.BasicTable_02s td {border-right:1px solid #ddd;vertical-align:top;}
.BasicTable_02s th:first-child,
.BasicTable_02s td:first-child {border-right:1px solid #ddd; border-left:0px;}
.BasicTable_02s th:last-child,
.BasicTable_02s td:last-child {border-right:0px;}
.BasicTable_02s td {border-bottom:1px solid #ddd; font-size:12px; padding:7px 5px 8px 10px;text-align:center;}


.BasicTable_03 {width:100%;}
.BasicTable_03 th {font-size:16px;}
.BasicTable_03 td {font-size:15px; padding:20px 0; vertical-align:top;}

.BasicTable_04 {width:100%; border-top:1px solid #e5e5e5;}
.BasicTable_04 th {font-size:16px; text-align:left; border-bottom:1px solid #e5e5e5; padding:15px 0; vertical-align:top; background:url('/images/icon/subject_h3.jpg') 0 32px no-repeat; padding-left:21px;}
.BasicTable_04 td {font-size:15px; text-align:left; border-bottom:1px solid #e5e5e5; padding:15px 0;}


.BasicTable_05 {width:100%; border-top:2px solid #449944; border-bottom:1px solid #449944;}
.BasicTable_05 th {border-bottom:1px solid #449944; background:#ecf5ec; border-right:1px solid #c7e0c7; border-left:1px solid #c7e0c7; font-size:12px; padding:5px; font-weight:600;}
.BasicTable_05 th:first-child {border-right:1px solid #c7e0c7; border-left:0px;}
.BasicTable_05 th:last-child {border-right:0px;}
.BasicTable_05 td {border-bottom:1px solid #449944; font-size:13px; padding:7px 10px 8px 15px;}

.BasicTable_06 {width:100%; border-top:2px solid #959595; border-bottom:1px solid #999;}
.BasicTable_06 th {border-bottom:1px solid #999; background:#f6f6f6; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; font-size:14px; padding:8px 5px; font-weight:500;}
.BasicTable_06 th.star::after {content: '*'; display: inline-block; margin-left: 2px; color: #CE4010;}
.BasicTable_06 td {border-right:1px solid #ddd;vertical-align:top;}
.BasicTable_06 th:first-child,
.BasicTable_06 td:first-child {border-right:1px solid #ddd; border-left:0px;}
.BasicTable_06 th:last-child,
.BasicTable_06 td:last-child {border-right:0px;}
.BasicTable_06 td {border-bottom:1px solid #ddd; font-size:14px; padding:7px 5px 8px 10px;}

.BasicTable_09{margin:0 auto; font-weight:bold; border-collapse:collapse;}
.BasicTable_09 tr td:first-child div{margin:10px 5px; padding:5px; font-size:30px; text-align:center; width:40px; height:40px; line-height:40px; background:#2b7f21; color:#fff; border-radius:50%;} 
.BasicTable_09 tr td:nth-child(2){font-size:20px; width:100px; padding-top:15px;}
.BasicTable_09 tr td:nth-child(2) div{padding:0 3px 3px 0; border-bottom:2px solid #ddd; border-right:2px solid #ddd;}
.BasicTable_09 tr td:last-child{padding-top:10px; padding-left:10px; font-size:15px; width:580px; color:#575556;}

.BoardInfo {background: #F9FAE4; font-size: 14px; padding: 15px 20px; color: #333; margin-top: 10px;}
.BoardInfo li {position: relative; padding-left: 12px;}
.BoardInfo li:not(:last-of-type) {margin-bottom: 3px;}
.BoardInfo li::before {content: ''; display: block; width: 3px; height: 3px; background: #039c4d; position: absolute; top: 9px; left: 0;}

.picture {float:left;margin-right:0px;width:200px;}
.picture img {width:200px;height:160px;}
.pictureLeft {margin-left:185px;}

.SearchRadio {vertical-align:middle; margin:0 5px;}
.SearchRadio input[type="radio"]{display:none; vertical-align:middle;}
.SearchRadio input[type="radio"] + label{display:inline-block; background:url('../images/search_radio_off.png') 10px center no-repeat; cursor:pointer; vertical-align:middle; border:1px solid #d1d1d1; line-height:40px; height:40px; padding:0 15px; padding-left:35px; border-radius:5px;}
.SearchRadio input[type="radio"]:checked + label {background:#2e6db2 url('../images/search_radio_on.png') 10px center no-repeat; vertical-align:middle; font-weight:600; color:#FFF;}

.BoardSearch {border-bottom:1px solid #e5e5e5; padding:10px 0; height:28px; margin-top:5px;}
.BoardBody {width:100%; margin-top:15px;} 
.BoardBody li {float:left; width:22%; min-height:280px; margin:0 1.5% 20px 1.5%; cursor:pointer; box-sizing:border-box;}
.BoardBody li .picture {width:100%; height:158px; border:1px solid #ccc; background:#f1f1f1; overflow:hidden;}
.BoardBody li .picture img {width:100%; height:100%;}
.BoardBody li .subject {font-size:15px; font-weight:600; text-align:center; border-bottom:1px solid #e5e5e5; padding:3px; overflow:hidden; text-overflow: ellipsis;}
.BoardBody li .subject2 {font-size:14px;color:#555555; line-height:20px; text-align:center; border-bottom:1px solid #e5e5e5; padding:10px 0 5px 0px; overflow:hidden; text-overflow: ellipsis;}
.BoardBody li .subcontent {clear:both;font-size:12px; text-align:center; border-bottom:1px solid #e5e5e5; padding:5px 0 5px 0px;}
.BoardBody li .location {font-size:12px; text-align:center; padding:3px; overflow:hidden; text-overflow: ellipsis;}
.BoardBody ul li:focus {outline:#ff4040 solid 1px;}

.BoardBody01 {width:100%; margin-top:15px;} 
.BoardBody01 li {float:left; width:216px; min-height:180px; margin:0 13px 20px 13px; cursor:pointer;}
.BoardBody01 li .picture {width:216px; height:158px; border:1px solid #ccc; background:#f1f1f1; overflow:hidden;}
.BoardBody01 li .picture img {width:100%;height:100%;}
.BoardBody01 li .subject {font-size:15px; font-weight:600; text-align:center; border-bottom:1px solid #e5e5e5; padding:3px; overflow:hidden; text-overflow: ellipsis;}
.BoardBody01 li .subject2 {font-size:14px;color:#555555; line-height:20px; text-align:center; border-bottom:1px solid #e5e5e5; padding:10px 0 5px 0px; overflow:hidden; text-overflow: ellipsis;}
.BoardBody01 li .subcontent {clear:both;font-size:12px; text-align:center; border-bottom:1px solid #e5e5e5; padding:5px 0 5px 0px;}
.BoardBody01 li .location {font-size:12px; text-align:center; padding:3px; overflow:hidden; text-overflow: ellipsis;}

.TabBar {height:50px; margin-top:40px;}
.TabBar ul {}
.TabBar ul li {float:left; width:120px; height:48px; line-height:48px; border:1px solid #ccc; margin-right:-1px; text-align:center; font-size:16px; }
.TabBar ul li a {width:120px; height:48px; display:block;background:#fff;-webkit-transition-property:color, background; -webkit-transition-duration: 0.5s, 0.5s; -webkit-transition-timing-function: linear, ease-in; max-width: 100%;}
.TabBar ul li:hover,
.TabBar ul li.active {background:#2266bb;}
.TabBar ul li:hover a,
.TabBar ul li.active a {color:#FFF;background:#2266bb;}
.TabBar ul li:focus a {color:#FFF;background:#2266bb; outline:#ff4040 solid 1px;}

.ServiceTab {margin-top:30px;}
.ServiceTab ul {float:right;}
.ServiceTab ul li {float:left; width:230px; height:59px;  margin-left:1px; font-size:0px; cursor:pointer;}
.ServiceTab ul li.tab_01 {background:url('../images/service/ServiceTab_01.png') center center no-repeat;}
.ServiceTab ul li.tab_01:hover,
.ServiceTab ul li.tab_01.active {background:url('../images/service/ServiceTab_01_ov.png') center center no-repeat;}
.ServiceTab ul li.tab_01:focus {outline:#ff4040 solid 1px;background:url('../images/service/ServiceTab_01_ov.png') center center no-repeat;}
.ServiceTab ul li.tab_02 {background:url('../images/service/ServiceTab_02.png') center center no-repeat;}
.ServiceTab ul li.tab_02:hover,
.ServiceTab ul li.tab_02.active {background:url('../images/service/ServiceTab_02_ov.png') center center no-repeat;}
.ServiceTab ul li.tab_02:focus {outline:#ff4040 solid 1px;background:url('../images/service/ServiceTab_02_ov.png') center center no-repeat;}
.ServiceTab ul li.tab_03 {background:url('../images/service/ServiceTab_03.png') center center no-repeat;}
.ServiceTab ul li.tab_03:hover,
.ServiceTab ul li.tab_03.active {background:url('../images/service/ServiceTab_03_ov.png') center center no-repeat;}
.ServiceTab ul li.tab_03:focus {outline:#ff4040 solid 1px;background:url('../images/service/ServiceTab_03_ov.png') center center no-repeat;}
.ServiceTab ul li.tab_04 {background:url('../images/service/ServiceTab_04.png') center center no-repeat;}
.ServiceTab ul li.tab_04:hover,
.ServiceTab ul li.tab_04.active {background:url('../images/service/ServiceTab_04_ov.png') center center no-repeat;}
.ServiceTab ul li.tab_04:focus {outline:#ff4040 solid 1px;background:url('../images/service/ServiceTab_04_ov.png') center center no-repeat;}
.ServiceTabContent {margin-top:30px; text-align:center;}

.ServiceTab2 {margin-top:30px;}
.ServiceTab2 ul {width:100%; height:50px;}
.ServiceTab2 ul li {float:left; width:483px; height:48px; border:1px solid #ccc; line-height:50px; text-align:center; font-size:16px;}
.ServiceTab2 ul li:last-child {border-left:0px;}
.ServiceTab2 ul li.active {color:#FFF; background:#2266bb;}

.ulListType_01 {}
/*.ulListType_01 li:before {content:"- "; text-align:left;}*/
.ulListType_01 li {font-size:15px; color:#555; background:url('../images/subject_h5.jpg') 0px 10px no-repeat; padding-left:8px; margin-left:0px; font-weight:400; text-align:left;}

.Board_List {margin-top:20px;}
.Board_List .Board_Icon {margin-top:12px;}
.Board_List .Board_Icon .Board_Icon_01 {float:left; background:#72bf44; color:#FFF; font-size:12px; padding:2px 4px; margin-right:3px; margin-top:3px;}
.Board_List .Board_Icon .Board_Icon_02 {float:left; background:#00aeef; color:#FFF; font-size:12px; padding:2px 4px; margin-right:3px; margin-top:3px;}
.Board_List .Board_Icon .Board_Icon_03 {float:left; background:#ef6e21; color:#FFF; font-size:12px; padding:2px 4px; margin-right:3px; margin-top:3px;}
.Board_List .Board_Icon .Board_Icon_04 {float:left; background:#03953f; color:#FFF; font-size:12px; padding:2px 4px; margin-right:3px; margin-top:3px;}

/* paging */
.paging {font-size:13px; overflow:hidden; text-align:center; margin:20px 0;}
.paging a {color:#31372F; padding:0 10px; border:1px solid #dddddd; border-bottom:1px solid #dddddd; line-height:30px; vertical-align:top; margin-right:0; display:inline-block; background:#ffffff; border-radius:2px;}
.paging a:hover {color:#ffffff; line-height:30px; padding:0 10px; border:1px solid #99c74a; background:#469d42;}
.paging a.active {font-family:nanumBold; color:#ffffff; line-height:30px; padding:0 10px; border:1px solid #99c74a; background:#295d27;}
.paging a.active:hover {color:#ffffff;}
.paging a.active:focus {outline:#ff4040 solid 1px;color:#ffffff;}
.paging a.first {width:32px; height:32px; padding:0px; background:url('../images/prev_end.png') no-repeat center center #ffffff}
.paging a.prev {width:32px; height:32px; padding:0px;background:url('../images/prev.png') no-repeat center center #ffffff}
.paging a.next {width:32px; height:32px; padding:0px;background:url('../images/next.png') no-repeat center center #ffffff}
.paging a.last {width:32px; height:32px; padding:0px;background:url('../images/next_first.png') no-repeat center center #ffffff}

.Board_list_gallery li {float:left; position:relative; width:284px; height:204px; border:1px solid #bfbfbf; padding:12px; margin:0 6px 50px 7px;}
.Board_list_gallery li .Picture {float:left; width:145px; height:165px; background:#555; margin-right:13px;}
.Board_list_gallery li .Subject {float:left; width:126px; text-align:left; font-size:18px;}
.Board_list_gallery li .Board_Content {float:left; width:126px; text-align:left; font-size:12px; margin-top:12px;}
.Board_list_gallery li .Board_Link {background:url('../images/Board_Link_BG.jpg') 0 0 no-repeat; padding-right:30px; width:160px; height:30px; line-height:30px; display:block; color:#FFF; font-size:13px; font-weight:600; position:absolute; bottom:0px; left:50%; margin-left:-95px; text-align:center;}

.BoardView {margin-top:15px;}
.BoardView .ImagesView {margin:15px 0;}
.BoardView .ImagesView img {max-width:100%;}
.BoardView .picture {float:left; width:400px; max-width:100%; height:250px; background:#f2f2f2; margin-right:30px; text-align:center; overflow:hidden;}
.BoardView .Info {float:left; width:540px;}
.BoardView .Info table {width:100%;}
.BoardView .InfoTable th {color:#469d42; font-size:14px; line-height:28px; text-align:left; vertical-align:top;}
.BoardView .InfoTable th.topLine {border-top:2px solid #479d43;}
.BoardView .InfoTable td {font-size:14px; line-height:25px; text-align:left; vertical-align:top;}

.BoardView .BoardContents {margin-top:15px;}
.BoardView .BoardContents h3.titles {font-size:16px; color:#555; background:url('../images/subject_h3.jpg') center left no-repeat; padding-left:21px; margin-left:0px; font-weight:600; text-align:left;}
.BoardView .BoardContents .Con {margin-left:20px; margin-top:10px; line-height:1.8; margin-bottom:15px; color:#777; font-size:13px;}
.BoardView .BoardContents .GalleryView {margin:15px 0;}
.BoardView .BoardContents .GalleryView ul {}
.BoardView .BoardContents .GalleryView ul li {float:left; width:216px; height:158px; border:1px solid #ccc; background:#f2f2f2; margin:12px; text-align:center; overflow:hidden;}
.BoardView .BoardContents .TextInfo {background:#e9eee3; border:1px solid #bad7c0; padding:25px; color:#005e2d; font-size:14px; line-height:24px; margin:30px 0;}

.BoardView .BoardContents .GalleryView2 {margin:15px 0;}
.BoardView .BoardContents .GalleryView2 ul {}
.BoardView .BoardContents .GalleryView2 ul li {float:left; width:218px; height:200px; margin:11px; text-align:center;}
.BoardView .BoardContents .GalleryView2 ul li .pictures {margin:0px; width:216px; height:158px; border:1px solid #ccc; background:#f2f2f2; text-align:center; overflow:hidden;}
.BoardView .BoardContents .GalleryView2 ul li .GallerySubject {font-size:13px; font-weight:600; text-align:center; overflow:hidden; text-overflow:ellipsis; padding:10px 0;}

.Board_Btn_Area {margin-top:30px; border-top:1px solid #ccc;padding: 15px 0 50px 0;}
.Board_Btn_Area > a {margin: 0 3px;}

.SearchBox {background:url('/images/helpdesk_bg.png') 0 0 repeat; padding:8px;}
.SearchBox .SearchBoxInner {background:#FFF; padding:10px; font-size:15px;}
.SearchBox .SearchBoxInner .SearchBoxTable {width:100%;}
.SearchBox .SearchBoxInner .SearchBoxTable tr {border-bottom:1px dotted #ccc;}
.SearchBox .SearchBoxInner .SearchBoxTable tr:first-child {border-bottom:1px dotted #ccc;}
.SearchBox .SearchBoxInner .SearchBoxTable th {font-size:18px; padding:22px 0;}
.SearchBox .SearchBoxInner .SearchBoxTable td {padding:22px 0;}
.BoardSearch .board_total {font-size: 11px;padding-left:5px;padding-top:15px;background: url('../images/pagingIco.png') no-repeat 0px 20px;}
.BoardSearch .board_total li {float:left;padding-left:10px;}
.BoardSearch .board_total li span {color: #653b00;font-family: 'Noto Sans KR';font-weight: 400;text-decoration: underline;}

.helpdesk {background:url('../images/helpdesk_bg.png') 0 0 repeat; padding:8px;}
.helpdesk .helpdeskInner {background:#FFF; padding:10px; font-size:15px;}
.helpdesk .helpdeskInner .help_Icon {margin-right:20px;}
.helpdesk .helpdeskInner .helpLink {float:right; width:143px; height:45px; line-height:45px; display:inline-block; text-align:center; vertical-align:middle; background:#58595b url('../images/helpdesk_bg2.png') 0 0 repeat; color:#fff;}

.noticeIco {background:#295d27;color:#ffffff;font-size:11px;border:0px;border-radius:3px;padding:2px 8px;}



#footer {height:143px; clear:both; line-height:49px;}
#footer #footer-area {clear:both;padding-top:22px;padding-bottom:25px;line-height:20px;color:#8d8d8d;border-top:1px solid #e5e5e5;}
#footer #footer-area .address {float:left;width:90%;letter-spacing:0px;}
#footer ul.footerMenu li {float:left;color:#737373;padding:0 26px;margin-right:26px;background:url('../images/footer/footerBar.png') no-repeat left;}
.footerMenu {width:85%;float:left;}
.footerMenu li a:hover {color:#03953f;font-weight:500;}

.footerSel {width:15%;float:left;text-align:right;padding:10px 0 0 0;}
.footerline {border-top:2px solid #7f7f7f;}
#footer .footerSel .form-control {background-color: #FFFFFF;border: 1px solid #e5e5e5;display: block;padding: 0 2px 0 2px;width: 100%;height:24px;font-size: 13px;}
.facebook {background: url('../images/footer/facebook.png') no-repeat;}
.twitter {background: url('../images/footer/twitter.png') no-repeat;}
.blogger {background: url('../images/footer/blogger.png') no-repeat;}
.social-icons {margin: 0;float: right;}
.social-icons li {border-radius: 14px;display: inline;list-style: none;text-indent: -9999px;margin-left: 5px;float: left;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.social-icons li a {background-repeat: no-repeat;background-position: 0 0;display: block;height: 28px;width: 28px;}

.indent3Sub {float:left;padding-right:10px;width: 145px;}
.indent3SubT {line-height:26px;margin-left: 190px;}

.clearB {clear:both;}
.clear {clear:both;}
.floatL {float:left;}
.floatR {float:right;}
.floatR2 {float:right;}
.disN {display: none;}


/*버튼*/
.btn_list {background:#555555;color:#ffffff;padding:5px 25px }
a.btn_list:hover {color:#ffffff;background:#8b8a8a;}
a.btn_list:focus {outline:#ff4040 solid 1px;color:#ffffff;background:#8b8a8a;}
.btn_list_c {background:#555555;color:#ffffff;padding:10px 25px; display: inline-block;}
a.btn_list_c:hover {color:#ffffff;background:#8b8a8a;}
a.btn_list_c:focus {outline:#ff4040 solid 1px;color:#ffffff;background:#8b8a8a;}
.btn_apply_c {background:#275727; color: #fff; padding: 10px 25px; display: inline-block;}
a.btn_apply_c:hover {color: #fff; background: #5D815D;}
a.btn_apply_c:focus {outline: #ff4040 solid 1px; color: #fff; background: #5D815D;}

.h160 {float:left;width:48%;margin-left:10px;}

/* margin */
.mT0 { margin-top: 0px; }
.mT1 { margin-top: 1px; }
.mT2 { margin-top: 2px; }
.mT3 { margin-top: 3px; }
.mT4 { margin-top: 4px; }
.mT5 { margin-top: 5px; }
.mT6 { margin-top: 6px; }
.mT7 { margin-top: 7px; }
.mT8 { margin-top: 8px; }
.mT9 { margin-top: 9px; }
.mT10 { margin-top: 10px; }
.mT11 { margin-top: 11px; }
.mT12 { margin-top: 12px; }
.mT14 { margin-top: 14px; }
.mT15 { margin-top: 15px; }
.mT17 { margin-top: 17px; }
.mT19 { margin-top: 19px; }
.mT20 { margin-top: 20px; }
.mT30 { margin-top: 30px; }
.mT40 { margin-top: 40px; }
.mT50 { margin-top: 50px; }
.mT60 { margin-top: 60px; }
.mB50 { margin-bottom: 50px; }
.mB30 { margin-bottom: 30px; }
.mL0 {margin-left: 0;}
.mL24 {margin-left:24px;}
.mL45 {margin-left:45px;}
.mL140 {margin-left:140px;}
.mTm50 { margin-top: -50px; }
.h160 {height:160px;}


/* font Size */
.fontSz12 {font-size:12px;}
.fontSz13 {font-size:13px;}
.fontSz14 {font-size:14px;}
.fontSz15 {font-size:15px;}
.fontSz16 {font-size:16px;}
.fontSz20 {font-size:20px;}
.fontSz24 {font-size:24px;}
.fontSz28 {font-size:28px;}
.fontSz30 {font-size:30px;}

table td.tleft {text-align:left;}
table td.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.tcenter {text-align:center;}
table td.tright {text-align:right;}


/*추가 20180828 */

html, body{height:100%;}
.wrap{position:relative;width:100%;}
body > .wrap{height:auto; }
.headerWrap{position:relative; z-index:12; min-width:1200px;}
.header{background:url('../images/newMain/topBg.png') repeat-x 0 bottom;}
.headerTop{background:#333333;}
.headerTop > ul{min-width:1200px; width:1200px; margin:0 auto; text-align:right;}
.headerTop > ul > li{display:inline-block;}
.headerTop > ul > li > a{color:#ffffff; font-size:12px; margin-left:20px; line-height:36px;}
.headerTop > ul > li > a:hover {color:#11b5e4;}
.headerTop > ul > li > a:focus {outline:#ff4040 solid 1px;color:#11b5e4;}
.headergnb{position:relative; min-width:1200px; width:1200px; margin:0 auto; height:63px;z-index: 10000;}
.fowiLogo{position:absolute; left:0; top:10px;}
.fowiLogo a{display:block; width:199px; height:57px; text-indent:-5000px; background:url('../images/newMain/fowiLogo.png') no-repeat 0 0;}

.topUtil{position:absolute; right:0; top:0;}
.topUtil li{float:left; height:63px;}
.topUtil li a{display:block; width:63px; height:63px;}
.topUtil li:first-child a{background:#2087D8; color:#fff; text-align:center; vertical-align:middle; font-size:16px; font-weight:500; padding-top:10px; line-height:1.3; padding-top:12px;}
.topUtil li:nth-child(2) a{text-indent:-999999px; background:url('../images/topUtil02.png') no-repeat center center #369ded;}
.topUtil li a:hover{background-color:#0076d2;}
.topUtil li a:focus{outline:#ff4040 solid 1px; background-color:#0076d2}

.headergnb .number {position:absolute; top:50%; right:-165px; transform:translateY(-50%);}

.contentWrap{clear:both;}
.contentWrap01{border-bottom:1px solid #cccccc; overflow:hidden; min-width:1200px;}
.contentWrap02{min-width:1200px;}
.contentMain{min-width:1200px; width:1200px; margin:0 auto; overflow:hidden;}
.mainVisual{float:left; width:400px; height:770px;}

#mainSlider li{position:relative; height:770px;}

#mainSlider li.slide01{background:url('../images/newMain/visualImg07.jpg') no-repeat 0 0;}
#mainSlider li.slide02{background:url('../images/newMain/visualImg06.jpg') no-repeat 0 0;}
#mainSlider li.slide97{background:url('../images/newMain/visualImg01.png') no-repeat 0 0;}
#mainSlider li.slide98{background:url('../images/newMain/visualImg02.png') no-repeat 0 0;}
#mainSlider li.slide99{background:url('../images/newMain/visualImg03.png') no-repeat 0 0;}


.visualTxt{position:absolute; left:30px; top:30px; color:#ffffff;}
.visualTxt01{font-size:14px; margin-bottom:20px;}
.visualTxt02{font-size:48px; line-height:50px; font-weight:200;}
.visualTxt02 span{display:inline-block; font-weight:700; line-height:55px; background:#ffffff; color:#333333; padding:0 10px;}

.visualCaption{position:absolute; width:100%; left:0; bottom:0; background: rgba(0, 0, 0, 0.4); line-height:50px; font-size:14px; color:#ffffff;}
.visualCaption p{margin-left:30px;}



#mainSlider .bx-controls-direction a {width: 29px; height: 58px;  margin-top: 0px; background-image: url('../../resources/img_app/btn_prevNext03.png'); background-repeat: no-repeat; opacity: 0; top: 41%;}
#mainSlider .bx-wrapper:hover .bx-controls-direction a {opacity: 0.5;}
#mainSlider .bx-wrapper:hover .bx-controls-direction a:hover {opacity: 1;}
#mainSlider .bx-prev {left: 90px; background-position: 0 0;}
#mainSlider .bx-next {right: 90px; background-position: 100% 0;}
#mainSlider .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #ffffff; border: 2px solid #ffffff; }
#mainSlider .bx-wrapper .bx-pager.bx-default-pager a:focus {outline:#ff4040 solid 1px;background: #ffffff; border: 2px solid #ffffff; }
#mainSlider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0689db; border: 2px solid #0689db;}


.cont01{float:left; width:400px; height:770px;}
.cont02{float:left; width:400px; height:770px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}

.cont03{float:left; width:400px; height:272px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.cont04{float:left; width:400px; height:272px;}
.cont05{float:left; width:400px; height:272px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}

.contArea01{padding:20px 25px;}
.contDetail{position:relative;}
.contDetail h2{color:#565656; font-size:18px; font-weight:500; margin-bottom:20px;}

.cont01 .mainTab{text-align:center; margin-bottom:15px;}
.cont01 .mainTab li{display:inline-block; padding:0 10px;}
.cont01 .mainTab li a{position:relative; display:block; color:#7a7a7a; font-size:16px; font-weight:500; padding-bottom: 10px;}
.cont01 .mainTab li a:hover {color:#369ded;}
.cont01 .mainTab li a:focus {outline:#ff4040 solid 1px;color:#369ded;}
.cont01 .mainTab li a:before{position: absolute; bottom: 0; left: 0;  width: 0; height: 3px;  content: ''; background: #369ded; transition: all .3s ease}
.cont01 .mainTab li a:hover:before{width: 100%}
.cont01 .mainTab li a:focus:before {width: 100%}
.cont01 .mainTab li.active a{color:#369ded;}
.cont01 .mainTab li.active a:before{position: absolute; bottom: 0; left: 0;  width: 100%; height: 3px;  content: ''; background: #369ded; transition: all .3s ease}

.mainTab01{margin-bottom:15px;}
.mainTab01 li{display:inline-block; padding-right:20px;}
.mainTab01 li a{position:relative; display:block; color:#7a7a7a; font-size:18px; font-weight:500; padding-bottom: 10px;}
.mainTab01 li a:hover {color:#0d9242;}
.mainTab01 li a:focus {outline:#ff4040 solid 1px;color:#0d9242;}
.mainTab01 li a:before{position: absolute; bottom: 0; left: 0;  width: 0; height: 3px;  content: ''; background: #0d9242; transition: all .3s ease}
.mainTab01 li a:hover:before, .mainTab01 li a:focus:before {width: 100%}
.mainTab01 li.active a{color:#0d9242;}
.mainTab01 li.active a:before{position: absolute; bottom: 0; left: 0;  width: 100%; height: 3px;  content: ''; background: #0d9242; transition: all .3s ease}




.mainTabDetail{}
.forestImg01{height:136px; background:url('../images/newMain/forestImg01.png') no-repeat center 0;}
.forestImg03{height:136px; background:url('../images/newMain/forestImg03.png') no-repeat center 0;}
.forestList01{margin-top:20px; overflow:hidden; margin-left:-4px;}
.forestList01 li{position:relative; float:left; width:32.1%; height:114px; margin-left:4px;  margin-bottom:4px; border:1px solid #cccccc;}
.forestList01 li > a{display:block; text-align:center; padding-top:80px; color:#666666; font-size:14px; font-weight:500;}
.forestList01 li > a.forestIco01{background:url('../images/newMain/forestIco01.png') no-repeat center 25px;}
.forestList01 li > a.forestIco02{background:url('../images/newMain/forestIco02.png') no-repeat center 25px;}
.forestList01 li > a.forestIco03{background:url('../images/newMain/forestIco03.png') no-repeat center 25px;}
.forestList01 li > a.forestIco04{background:url('../images/newMain/forestIco04.png') no-repeat center 25px;}
.forestList01 li > a.forestIco05{background:url('../images/newMain/forestIco05.png') no-repeat center 25px;}
.forestList01 li > a.forestIco06{background:url('../images/newMain/forestIco06.png') no-repeat center 25px;}

.forestList01 li > a.forestIco11{background:url('../images/newMain/forestIco11.png') no-repeat center 15px;}
.forestList01 li > a.forestIco12{background:url('../images/newMain/forestIco12.png') no-repeat center 15px;}
.forestList01 li > a.forestIco13{background:url('../images/newMain/forestIco13.png') no-repeat center 15px;}
.forestList01 li > a.forestIco14{background:url('../images/newMain/forestIco14.png') no-repeat center 15px;}
.forestList01 li > a.forestIco15{background:url('../images/newMain/forestIco15.png') no-repeat center 15px;}
.forestList01 li > a.forestIco16{background:url('../images/newMain/forestIco16.png') no-repeat center 15px;}

.forestDeatil{display:none; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:10; word-break: keep-all;}
.forestDescript{position: absolute; width: 100%; height: 100%; text-align:center; background: #369ded; color:#ffffff; font-size:13px; z-index:11; padding:15px; line-height:18px;}


.contArea02{border-top:1px solid #cccccc; padding:20px 25px; margin-top:15px;}
.boardList01{margin-bottom:20px; margin-top:20px;}
.boardList01 h3{font-size:18px; color:#000; font-weight:500; line-height:22px; height:50px;}
.boardList01 p{font-size:11px; color:#666666; margin-top:0;}
.boardList02{}
.boardList02 li{margin-bottom:5px;}
.boardList02 dl{overflow:hidden; line-height:20px;}
.boardList02 dt{float:left; width:75%; font-size:12px; font-weight:500; color:#333333; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.boardList02 dd{float:right; width:23%; font-size:11px; color:#666666; text-align:right;}

.contArea03{padding:20px 25px;}
.sysUl{margin-top:10px;overflow:hidden;}
.sysUl li{float:left; width:49%; height:56px; margin-left:2px;  margin-bottom:2px; background-color:#f0f0f0}
.sysUl li a{display:block; color:#626262; margin-top:8px; padding-left:60px; font-weight:500;}
.sysUl li.sys01 a{background:url('../images/newMain/sys01.png') no-repeat 15px center;}
.sysUl li.sys02 a{background:url('../images/newMain/sys02.png') no-repeat 15px center;}
.sysUl li.sys03 a{background:url('../images/newMain/sys03.png') no-repeat 15px center;}
.sysUl li.sys04 a{background:url('../images/newMain/sys04.png') no-repeat 15px center;}
.sysUl li.sys05 a{background:url('../images/newMain/sys05.png') no-repeat 15px center;}
.sysUl li.sys06 a{background:url('../images/newMain/sys06.png') no-repeat 15px center;}

.sysUl li:hover{background-color:#1ea755}
.sysUl li:hover a{color:#ffffff;}
.sysUl li:hover.sys01 a{background:url('../images/newMain/sys01_on.png') no-repeat 15px center;}
.sysUl li:hover.sys02 a{background:url('../images/newMain/sys02_on.png') no-repeat 15px center;}
.sysUl li:hover.sys03 a{background:url('../images/newMain/sys03_on.png') no-repeat 15px center;}
.sysUl li:hover.sys04 a{background:url('../images/newMain/sys04_on.png') no-repeat 15px center;}
.sysUl li:hover.sys05 a{background:url('../images/newMain/sys05_on.png') no-repeat 15px center;}
.sysUl li:hover.sys06 a{background:url('../images/newMain/sys06_on.png') no-repeat 15px center;}


.contArea04{border-top:1px solid #cccccc; padding:20px 25px; margin-top:15px;}
.forestImg02{height:325px; background:url('../images/newMain/forestImg02.png') no-repeat center center #e6e7e8;}

.facility{margin-top:10px; overflow:hidden;}
.facility ul{overflow:hidden;}
.facility li{float:left; width:32.7%; height:50px; margin-left:2px; margin-bottom:2px; background:#f0f0f0}
.facility li a{display:block; font-size:13px; text-align:center; color:#333333; line-height:50px; font-weight:500;}
.facility li:hover a {color:#fff;}
.facility li:focus a {color:#fff;outline:#ff4040 solid 1px;}
.facility li.facilityTitle{background:#ffffff;}
.facility li.facilityTitle span{display:block; width:100px; color:#369ded; font-size:16px; margin-top:20px; padding-bottom:10px; background:url('../images/newMain/facilityTitle.png') no-repeat 0 bottom;}

.facility li:hover.facility01 {background:url('../images/newMain/facility01.png') no-repeat 0 0; background-size:cover;}
.facility li:hover.facility02 {background:url('../images/newMain/facility02.png') no-repeat 0 0; background-size:cover;}
.facility li:hover.facility03 {background:url('../images/newMain/facility03.png') no-repeat 0 0; background-size:cover;}
.facility li:hover.facility04 {background:url('../images/newMain/facility04.png') no-repeat 0 0; background-size:cover;}
.facility li:hover.facility05 {background:url('../images/newMain/facility05.png') no-repeat 0 0; background-size:cover;}

.facility li:focus.facility01 {outline:#ff4040 solid 1px;background:url('../images/newMain/facility01.png') no-repeat 0 0; background-size:cover;}
.facility li:focus.facility02 {outline:#ff4040 solid 1px;background:url('../images/newMain/facility02.png') no-repeat 0 0; background-size:cover;}
.facility li:focus.facility03 {outline:#ff4040 solid 1px;background:url('../images/newMain/facility03.png') no-repeat 0 0; background-size:cover;}
.facility li:focus.facility04 {outline:#ff4040 solid 1px;background:url('../images/newMain/facility04.png') no-repeat 0 0; background-size:cover;}
.facility li:focus.facility05 {outline:#ff4040 solid 1px;background:url('../images/newMain/facility05.png') no-repeat 0 0; background-size:cover;}

.contDetail01{position:relative;}
.contDetail01 h2{color:#565656; font-size:18px; font-weight:500; margin-bottom:10px;}
.moreBtn01{position:absolute; right:0; top:0; width:20px; height:20px; text-indent:-5000px; background:url('../images/newMain/moreBtn01.png') no-repeat 0 0;}
.moreBtn02{position:absolute; right:0; top:0; width:20px; height:20px; text-indent:-5000px; background:url('../images/newMain/moreBtn02.png') no-repeat 0 0;}
.galleryArea{position:relative;}
.galleryArea img{width:100%; height:172px; border:1px solid #cccccc;}
.galleryArea dl{margin-top:10px; overflow:hidden;}
.galleryArea dt{float:left; width:75%; font-size:12px; font-weight:500; color:#333333; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.galleryArea dd{float:right; width:23%; font-size:11px; color:#666666; text-align:right;}
.galleryImg{position:relative;}
.playBtn{position:absolute; left:50%; top:50%; width:48px; height:48px; margin-left:-24px; margin-top:-24px; text-indent:-5000px; background:url('../images/newMain/playBtn.png') no-repeat 0 0;}


.wrapFooter{clear:both; position:relative; padding-bottom:20px; min-width:1200px;}
.WrapFooterInfo{border-top:1px solid #cccccc;} 
.footerInfoDetail:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.footerInfoDetail{min-width:1200px; width:1200px; margin:0 auto; padding:20px 0 5px;position: relative;}
.footerQuickInfo{float:left; overflow:hidden; margin-top:5px;}
.footerQuickInfo li{float:left; margin-right:10px; padding-left:10px; background:url("../images/newMain/footerBar.png") no-repeat 0 5px;}
.footerQuickInfo li a{position:relative; font-size:13px; color:#333333; font-weight:500;}
.footerQuickInfo li a:hover {color: #369ded;}
.footerQuickInfo li a:focus {outline:#ff4040 solid 1px;color: #369ded;display:block;margin:1px;}
.footerQuickInfo li a:before  {position: absolute; bottom: 0; left: 0;  width: 0; height: 1px;  content: ''; background: #369ded; transition: all .3s ease}
.footerQuickInfo li a:hover:before, .footerQuickInfo li a:focus:before {width: 100%}

.footerQuickInfo li:first-child{padding-left:0; background:none; color:#000;}

.footerCopy{min-width:1200px; width:1200px; margin:0 auto; padding:0; overflow:hidden;}
.copyrightArea{float:left;}
.copyrightArea p{color:#666; font-size:11px; line-height:16px; color:#666666; letter-spacing:0;}
.mobile-copyrightArea{display:none;}
.snsArea{float:right;}
.snsArea ul{overflow:hidden; margin-top:5px; display: flex;}
.snsArea li{margin-left:2px;}
.snsArea li a{display:block; width:28px; height:28px; text-indent:-5000px;}
.snsArea li.sns01 a{background:url("../images/newMain/sns01.png") no-repeat 0 0;}
.snsArea li.sns02 a{background:url("../images/newMain/sns02.png") no-repeat 0 0;}
.snsArea li.sns03 a{background:url("../images/newMain/sns03.png") no-repeat 0 0;}
.snsArea li.sns04 a{background:url("../images/newMain/sns04.png") no-repeat 0 0;}
.snsArea li.sns05 a{background:url("../images/newMain/sns05.png") no-repeat 0 0;}

.snsArea li:hover.sns01 a {background:url("../images/newMain/sns01_on.png") no-repeat 0 0;}
.snsArea li:hover.sns02 a {background:url("../images/newMain/sns02_on.png") no-repeat 0 0;}
.snsArea li:hover.sns03 a {background:url("../images/newMain/sns03_on.png") no-repeat 0 0;}
.snsArea li:hover.sns04 a {background:url("../images/newMain/sns04_on.png") no-repeat 0 0;}
.snsArea li:hover.sns05 a {background:url("../images/newMain/sns05_on.png") no-repeat 0 0;}

.snsArea li:focus.sns01 a {outline:#ff4040 solid 1px;background:url("../images/newMain/sns01_on.png") no-repeat 0 0;}
.snsArea li:focus.sns02 a {outline:#ff4040 solid 1px;background:url("../images/newMain/sns02_on.png") no-repeat 0 0;}
.snsArea li:focus.sns03 a {outline:#ff4040 solid 1px;background:url("../images/newMain/sns03_on.png") no-repeat 0 0;}
.snsArea li:focus.sns04 a {outline:#ff4040 solid 1px;background:url("../images/newMain/sns04_on.png") no-repeat 0 0;}
.snsArea li:focus.sns05 a {outline:#ff4040 solid 1px;background:url("../images/newMain/sns05_on.png") no-repeat 0 0;}

.relation01{float:right; position:relative; width:222px; font-size:13px; text-align:left; }
.relation01 .familySite{display:block; height:28px; padding:3px 0 0 22px; background:url("../images/newMain/relationSiteBgOn.png") no-repeat;}
.relation01.on .familySite { background:url("../images/newMain/relationSiteBg.png") no-repeat; }
.relation01 .site_list {display:none; width: 222px; padding: 10px 0; position:absolute; height: 120px; right:0px; bottom:29px; overflow-y:auto; border: solid 1px #cccccc; background-color:#f9f9f9; z-index:100;}
.relation01.on .site_list {position:absolute; display:block;}
.relation01 .site_list li {line-height:22px; }
.relation01 .site_list li a {display:block; padding-left: 22px; }
.relation01 .site_list li a:hover {text-decoration: underline; }
.relation01 .site_list li a:focus {outline:#ff4040 solid 1px;text-decoration: underline; }

#gototopNew {display:none; width:24px; height:39px; position:fixed; right:4px; bottom:5px; z-index:2000; background:url("../images/newMain/totop.png"); cursor:pointer; text-indent:-5000px; overflow:hidden;}
#gototopNew:hover {background:url("../images/newMain/totop.png") 0 -39px;}
#gototopNew:focus {outline:#ff4040 solid 1px;background:url("../images/newMain/totop.png") 0 -39px;}


.link{position:relative; text-align:left; color:#fff; font-size:12px; margin-top:5px;}
.link a:hover {color:#11b5e4;}
.link a:focus {outline:#ff4040 solid 1px;color:#11b5e4;}
.link .QuickLink{display:block; padding:0px 30px 0 20px; background:url("../images/newMain/link.png") no-repeat right center;}
.link.on .QuickLink { background:url("../images/newMain/linkOn.png") no-repeat right center; color:#11b5e4;}
.link .site_list {display:none; width: 150px; padding: 10px 0; position:absolute; height: auto; right:0px; top:29px; overflow-y:auto; background-color:#333333;z-index: 999999;}
.link.on .site_list {position:absolute; display:block; z-index: 999999;;}
.link .site_list li {padding:0 20px;}
.link .site_list li a {display:block; color:#afafaf; border-top:1px solid #7c7c7c; line-height:30px; }
.link .site_list li:first-child a {border-top:none;}
.link .site_list li a:hover {color:#ffffff;}
.link .site_list li a:focus {outline:#ff4040 solid 1px;color:#ffffff;}

.link02{position:relative; text-align:left; color:#fff; font-size:12px; margin-top:5px;}
.link02 a:hover {color:#11b5e4;}
.link02 a:focus {outline:#ff4040 solid 1px;color:#11b5e4;}
.link02 .QuickLink02{display:block; padding:0px 30px 0 20px; background:url("../images/newMain/link.png") no-repeat right center;}
.link02.on .QuickLink02 { background:url("../images/newMain/linkOn.png") no-repeat right center; color:#11b5e4;}
.link02 .site_list02 {display:none; width: 150px; padding: 10px 0; position:absolute; height: auto; right:0px; top:29px; overflow-y:auto; background-color:#333333;z-index: 999999;}
.link02.on .site_list02 {position:absolute; display:block;z-index: 999999;}
.link02 .site_list02 li {padding:0 20px;}
.link02 .site_list02 li a {display:block; color:#afafaf; border-top:1px solid #7c7c7c; line-height:30px; }
.link02 .site_list02 li:first-child a {border-top:none;}
.link02 .site_list02 li a:hover {color:#ffffff;}
.link02 .site_list02 li a:focus {outline:#ff4040 solid 1px;color:#ffffff;}

.topSearchView{display:none; position:absolute; width:100%; min-width:1200px; top:99px; background:#369ded; z-index:400;}
.topSearchDetail{position:relative; min-width:800px; width:800px; margin:0 auto; padding:50px 200px;}
.topSearchDetail h3{font-size:24px; color:#ffffff; text-align:center; font-weight:200;}
.keywordSearch{margin-top:2rem;}
.keywordSearch:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.keywordSearchInput{position:relative; float:left; width:90%; background:#ffffff; height:48px;}
.keywordSearchInput input{height:48px; width:95%; padding:0 20px; font-size:20px; border:none; background:#ffffff;}
.keywordSearchBtn{float:left; width:10%; font-size:16px; text-align:center; background:#0968b1; color:#ffffff; line-height:48px; height:48px;text-indent: -999999px;background: url(../images/newMain/topUtil02.png) no-repeat center center #0968b1;}

.keywordSearchClose{position:absolute;height: 20px;width: 20px; top:20px; right:0;text-indent: -999999px;font-size:26px; color:#ffffff;background: url(../images/newMain/topclose.png) no-repeat center center;}
.topSearchlabel {left: -1000px; position: absolute; top: auto; height: 1px; overflow: hidden;}
.keywordSearchBtn:focus {outline:#ff4040 solid 1px;text-decoration:none;margin:0px;display:inline-block;}

.GnbNew {height:63px; margin-top:0px;}
.GnbNew ul.Menu {height:63px; margin-left:215px;}
.GnbNew ul.Menu li:first-child {float:left; position:relative; height:63px; line-height:63px; font-size:16px; font-weight:500; color:#000000;width: 110px;text-align: center;}
.GnbNew ul.Menu li {float:left;position:relative;margin:0 10px;height:63px;line-height:63px;font-size:16px;font-weight:500;color:#000000;width: 110px;text-align: center;}
/* .GnbNew ul.Menu li.on,
.GnbNew ul.Menu li:hover {border-bottom:5px solid #449944;color:#469d42;font-weight:400;}
.GnbNew ul.Menu li.active a,
.GnbNew ul.Menu li:hover a {color:#469d42; width:100%; height:100%; display:block;}
 */
.GnbNew ul.Menu li a{display:inline-block;}
.GnbNew ul.Menu li a:before{position: absolute; bottom: 0; left: 0;  width: 0; height: 3px;  content: ''; background: #0d9242; transition: all .3s ease}
.GnbNew ul.Menu li a:hover:before, .GnbNew ul.Menu li a:focus:before {width: 100%}
.GnbNew ul.Menu li.on, .GnbNew ul.Menu li.active a{color:#085828;}
.GnbNew ul.Menu li.active a:before{position: absolute; bottom: 0; left: 0;  width: 100%; height: 3px;  content: ''; background: #0d9242; transition: all .3s ease}

.GnbNew .Menu li ul.subM01 {width: 130px !important;}
.GnbNew ul.Menu li:nth-of-type(3),
.GnbNew ul.Menu li:nth-of-type(5) {width: 130px;}
.GnbNew ul.Menu li:nth-of-type(4) {width: 140px;}
.GnbNew ul.Menu li:nth-of-type(3) ul.subM01,
.GnbNew ul.Menu li:nth-of-type(5) ul.subM01 {width: 150px !important;}
.GnbNew ul.Menu li:nth-of-type(4) ul.subM01 {width: 160px !important;}
.GnbNew .Menu li ul.subM01 li {width: 100% !important; padding-left: 8px !important;}

/*.GnbNew ul.Menu li:last-child {padding:0px;background-image:url('../images/header/gnb_02.gif');background-repeat:no-repeat;background-position:center bottom 40px;}*/
.GnbNew ul.Menu li:last-child:hover {}

.subGnbNew {position:absolute; top:99px; left:0px; overflow:hidden; z-index:9999; background:#fff; min-width:1200px; width:100%; height:0px; -webkit-box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 5px 6px 19px 0px rgba(0, 0, 0, 0.05);}
/* .subGnbNew_line {border-bottom: 1px solid #ccc;} */
/* .subGnbNew .titleArea {float:left;width:210px;height: 240px;padding-top:20px;background-image:url('../images/header/menuTitlebg01.png');background-repeat:no-repeat;background-position:right bottom;background-color:#ecf5eb;} */
.subGnbNew .titleArea {/* float:left; */position: absolute;width: 3000px;height:260px;padding-top:20px;/* z-index: 1; */background-image:url('../images/header/menuTitlebg01.png');background-repeat:no-repeat;background-position: left bottom;/* background-color:#ecf5eb; */}
.subGnbNew .titleArea .titleAreat {float:right;text-align:left;width:200px;font-size:20px;font-weight:400;color:#327835;padding:0 0 8px 0;border-bottom:0px solid #badab8; }
.subGnbNew .titleArea .titleAreatC {float:right;text-align:left;width:200px;font-size:13px;font-weight:400;color:#666666;padding:0 0 8px 0; }
/* .subGnbNew .subMenuarea {float:left;width:970px;height:240px;padding:10px 0 0 17px;background-color:#ffffff;background-image:url('../images/header/menuTitlebg01_02.png');background-repeat:no-repeat;background-position:right bottom;} */
.subGnbNew .subMenuarea {float:left;position: absolute;margin-left: 210px;width:990px;height:260px;padding:10px 0 0 17px;/* background-color:#ffffff; */background-image:url('../images/header/menuTitlebg01_02.png');background-repeat:no-repeat;background-position:right bottom;}
.subGnbNew .Submenu {float:left; width:123px; padding:5px;}
.subGnbNew .subMenuarea ul.subM {float:left;width: 140px;height:400px;border-right:1px solid #cccccc;background-color: rgba(255,255,255,0.8);}
.subGnbNew .subMenuarea ul.subM li {font-size:13px;color:#343434;font-weight:500;padding-left:15px;margin-bottom:3px;}
.subGnbNew .subMenuarea ul.subM li ul.subML {margin-top:10px;margin-bottom:10px;}
.subGnbNew .subMenuarea ul.subM li ul.subML li {font-weight:400;clear:both;font-size:13px;color:#a3a3a3;margin-right:0px;}
.subGnbNew .subMenuarea ul.subM li a {margin-bottom:10px;}
.subGnbNew .subMenuarea ul.subM li a:hover {color:#409a3c;font-weight:500;}
.subGnbNew .subMenuarea ul.subM li a:focus {outline:#ff4040 solid 1px;color:#409a3c;font-weight:500;}
.subGnbNew .Submenu h3 {}
.subGnbNew .Submenu ul {margin-top:10px;}
.subGnbNew .Submenu ul li {}







.giftArea{line-height:24px !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.giftArea .indent3{line-height:24px !important;}
.giftArea .subject{margin-bottom:10px;}
.giftImg {overflow:hidden; margin-top:10px;}
.giftImg li{float:left; width:44%; border:1px solid #ccc; padding:20px; text-align:center; margin-right:-1px;}
.giftImg li img{display:block; width:150px; margin:0 auto; border-radius:10px;}
.giftImg li h3{color:#449944; display: inline-block; padding-bottom: 10px; position: relative; font-size: 16px; font-weight: 500; margin-bottom:20px;}
.giftImg li h3:before {content: "";  width: 40px; height: 2px; position: absolute;  bottom: 0px;  left: 50%;  margin-left: -20px; background: #449944;}

.discription{padding:0 0 20px 0;}

.giftBuy{padding:40px; background:#f9f9f9; border:1px solid #bbb; border-radius:10px; margin-bottom:40px;}
.btn_gift{display:inline-block; margin-top:10px; border-radius:50px; text-align:center; padding:10px 20px; background:#2e6db1; color:#ffffff;}
.giftTitle01{font-size:20px; text-align:center;}

.forestUse{overflow:hidden; margin-top:10px;}
.forestUse li{float:left; width:33.3%;}
.forestUse dl{padding:20px 20px 0; text-align:center;}
.forestUse dt{position:relative;}
.forestUse dt img{width:100%;}
.forestUse dd{position:relative; top:-40px; width:240px; margin:0 auto; height:60px; padding:20px 0; background:#ffffff;}
.forestUse dd p{font-size:18px; font-weight:500; color:#449944; margin-bottom:10px;}

.giftArea .BasicTable_07{margin-top:10px;}
.giftArea .BasicTable_07 td{vertical-align:middle;}
.giftArea .BasicTable_07 td.center{text-align:center;}

.BasicTable_07 td{border-left: 1px solid #c7e0c7; border-right:1px solid #c7e0c7; text-align:center; vertical-align: middle;}
.BasicTable_07 td:first-child{border-left:none;}
.BasicTable_07 td:last-child{border-right:none;}


.gift-step {padding:10px 0;}
.gift-step ul {overflow:hidden;}
.gift-step ul li {float:left; width:13.3%; height:150px; text-align:left; border:1px solid #bbb; padding:15px; margin-right:-1px;}
.gift-step ul li:nth-of-type(odd) {background-color: #f9f9f9;}
.gift-step ul li:first-child {margin-left:0;}
.gift-step ul li div {color:#000; font-size:16px; font-weight:500;}
.gift-step ul li div span {display:block; color:#bbb; position:relative; margin-right:10px; font-size:10px; margin-bottom:20px; border-bottom:1px solid #bbb;}
.gift-step ul li p {color:#666; font-size:13px; font-weight:400; line-height:18px; margin-top:20px; word-break: keep-all;}


.giftmap{position:relative; width:860px; height:808px; background:url('/images/share/giftmap.png') no-repeat 0 0;}
.giftmap a {display:block; position:absolute; text-indent:-5000px; width:160px; height:175px;}
.giftmap .giftUse011 {top:19px; left:40px;}
.giftmap .giftUse02 {top:19px; left:336px;}
.giftmap .giftUse03 {top:19px; left:658px;}
.giftmap .giftUse04 {top:408px; left:658px;}
.giftmap .giftUse05 {top:440px; left:40px;}
.giftmap .giftUse06 {top:220px; left:40px;}


.orangeColor{color:#653e00;}
.text-center{text-align:center;}

.descrit01{margin-top:10px;}
.descrit02{margin:15px 0; padding:15px; border:1px solid #ddd; background:#f9f9f9; font-size:14px; color:#000; text-decoration:underline; text-align:center;}
.giftBox {padding:20px; border:1px solid #ddd; border-radius:10px; text-align:center;}

.descriptArea {padding:20px 40px; border:1px solid #ddd; border-radius:10px; background:url('/images/share/fowiIco01.png') no-repeat 90% bottom #f9f9f9;}

.descriptArea ul{}
.descriptArea li{margin-bottom:20px;}
.descriptArea dt{position:relative; display:inline-block; font-size:18px; color:#653e00; margin-bottom:3px; padding-bottom:5px; font-weight:500;}
.descriptArea dt:after {display:block; content:''; width:25px; height:1px; position:absolute; left:0; bottom:0; background:#ff9c00;}
.descriptArea dd{font-size:16px;}

.waContents {width: 81px;height: 58px;position: absolute;right: 400px;}
.goodContents {width: 150px;height: 60px;position: absolute;right: 230px;}

.useStepArea {
overflow:hidden;
border: 1px solid #d1d1d1;
margin-bottom:15px;
border-radius:10px;
}

.useStepArea .useStepArea-in {
padding: 0 50px;
}

.useStepArea .useStepArea-name {
color: #000;
display: block;
font-size: 12px;
margin-bottom: 15px;
}

.useStepArea .useStepArea-name em{
color: #295d27;
display: block;
font-size: 16px;
}


.useStepArea .useStepArea-position {
display: block;
color: #72c02c;
font-style: normal;
margin-bottom: 15px;
}

.useStepArea p {
font-size: 13px;
line-height: 24px;
margin-bottom: 20px;
}

/*Team Space*/
.useStepArea .useStepArea-name {
margin-top: 30px;
}

.useStepArea .social-icons-v1 {
margin-bottom: 60px;
}

/*Team Image*/
.useStepArea .useStepArea-img {
position: relative;
}

.useStepArea .useStepArea-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.05);
}

/*Team Info*/
.useStepArea .team-arrow-right{float:left; width:30%;}
.useStepArea .useStepArea-img{float:left; width:70%;}
.useStepArea-img img{width:100%;}
.useStepArea .team-arrow-right,
.useStepArea .team-arrow-left {
position: relative;
}

.useStepArea .team-arrow-left:before,
.useStepArea .team-arrow-right:before {
width: 0;
height: 0;
top: 20%;
z-index: 2;
content: " ";
position: absolute;
border-style: solid;
}

.useStepArea .team-arrow-right:before {
right: -25px;
border-width: 20px 0 20px 25px;
border-color: transparent transparent transparent #fff;
}

.useStepArea .team-arrow-left:before {
left: -25px;
border-width: 20px 25px 20px 0;
border-color: transparent #fff transparent transparent;
}

/* 20181007 */

.ciImg{background:url('/images/newImages/square_bg.png') 0 0 repeat; border: 1px solid #ddd; text-align: center;}
.btn_box { text-align:center;}
.btn_box {margin: 40px 0;}

.down_btn {
	box-sizing: border-box;
	display:inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #222;
    border-bottom: 2px solid #383d48;
    background: url('/images/newImages/ico_down.png') right 50% no-repeat;
    text-align: left;
    margin: 2.5%;
}

.down_btn, .l_btn_m {font-size: 13px; transition: all .2s ease;}
.down_btn:hover {background:url('/images/newImages/ico_down_w.png') 95% 50% no-repeat #383d48;padding:0 17px;color:#fff}
.down_btn:focus {outline:#ff4040 solid 1px;background:url('/images/newImages/ico_down_w.png') 95% 50% no-repeat #383d48;padding:0 17px;color:#fff}
/* 정보공개 업무처리절차 */
.openInfoIntro {width:910px; height:273px; text-indent:-999999px; background:url('../../images/gv30/gv3001.png') no-repeat;}

/* 생애주기별 산림복지 */
.lifeRecycleTotal {overflow:hidden; width:910px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0001.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeRecycleBirth {overflow:hidden; width:910px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0002.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeRecycleChild {overflow:hidden; width:910px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0003.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeRecycleTeen {overflow:hidden; width:910px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0004.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeRecycleYouth {overflow:hidden; width:910px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_02_05_02.jpg') no-repeat; background-size: 100%;}
.lifeRecycleMidlife {overflow:hidden; width:910px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_02_06_02.jpg') no-repeat; background-size: 100%;}
.lifeRecycleOld {overflow:hidden; width:910px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0005.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeRecycleReturn {overflow:hidden; width:910px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0006.png') no-repeat; background-size: 100%; cursor: pointer;}


/* 사회적 가치 */
.lifeValue1 {overflow:hidden; width:970px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0011.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeValue2 {overflow:hidden; width:970px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0008.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeValue3 {overflow:hidden; width:970px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0009.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeValue4 {overflow:hidden; width:970px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0010.png') no-repeat; background-size: 100%; cursor: pointer;}
.lifeValue5 {overflow:hidden; width:970px; height:685px; text-indent:-999999px; background: url('../../images/service/Infographics_0007.png') no-repeat; background-size: 100%; cursor: pointer;}

/* 청탁금지법준수서약 */
.requestProhibition {overflow:hidden; height:827px; text-indent:-999999px; background: url('../../images/2023_pledge.jpg') no-repeat; background-size: 100%;}

/* 인권경영 헌장 */
.requestManagement {overflow:hidden; height:1300px; text-indent:-999999px; background: url('../../images/2023_Management.png') no-repeat; background-size: 100%;}

/* 산림치유의 개념 */
.forestHealingConception {overflow:hidden; width:865px; height:555px;  text-indent:-999999px; background: url('../../images/healing/healing01.png') no-repeat; background-size: 100%;}

/* 산림복지효과 */
.forestWellfareEffect01 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075389368788') no-repeat; background-size: 100%;}
.forestWellfareEffect02 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075388977552') no-repeat; background-size: 100%;}
.forestWellfareEffect03 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075388582354') no-repeat; background-size: 100%;}
.forestWellfareEffect04 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075387684839') no-repeat; background-size: 100%;}
.forestWellfareEffect05 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075388115123') no-repeat; background-size: 100%;}
.forestWellfareEffect06 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075387320798') no-repeat; background-size: 100%;}
.forestWellfareEffect07 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075386928135') no-repeat; background-size: 100%;}
.forestWellfareEffect08 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075386495196') no-repeat; background-size: 100%;}
.forestWellfareEffect09 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/editor/201910/157075386103109') no-repeat; background-size: 100%;}
.forestWellfareEffect10 {overflow:hidden; width:970px; height:972px;  text-indent:-999999px; background: url('/upload/attach/201911/157381819033011') no-repeat; background-size: 100%;}

/* 경영전략 */
.managementStrategy {overflow:hidden; width:960px; height:650px;  text-indent:-999999px; background: url('/upload/editor/201911/157346244577188') no-repeat; background-size: 100%;}

/* 녹색자금 운영 */
.greenFundManage01 {overflow:hidden; width:960px; height:403px;  text-indent:-999999px; background: url('../../images/share/shareImg09.gif') no-repeat; background-size: 100%;}
.greenFundManage02 {overflow:hidden; width:960px; height:385px;  text-indent:-999999px; background: url('../../images/share/shareImg10.gif') no-repeat; background-size: 100%;}

a.giftUse01:focus {outline: #ff4040 solid 1px; text-decoration: none; margin: 1px 1px; display: inline-block !important;width: 968px;}

/* 생애주기별산림복지 */
.popClose01 {cursor: pointer; background: red; width: 30px; height: 30px; border-radius: 15px; position: absolute; top: -10px; font-size: 20px;color: white; right: -15px;}
.popClose01:focus {outline: white solid 1px;}
.popClose02 {background: red; border-radius: 15px; top: 6px; width: 30px; height: 30px; right: -15px; color: white; font-size: 20px; position: absolute; z-index: 11; cursor: pointer;}
.popClose02:focus {outline: white solid 1px;} 

/* 산림치유효과 */
.forest-care div {float:left; width:49%; margin-bottom:2%;}
.forest-care div img {width:100%;}
.forest-care div:nth-child(2n) {margin-left:2%;}

/* 치유의 숲 */
.healing-forest {margin-top:10px;}
.healing-forest div:nth-child(1) {float:left; width:40%;}
.healing-forest div:nth-child(1) img {width:100%;}
.healing-forest div:nth-child(2) {float:left; width:60%; padding-left:10px; box-sizing:border-box; margin-top:-20px; padding-bottom:40px;}

/* 모달 */
.modal_default { position:relative; width:300px; height:200px; border:2px solid #f18720; background-color:#fff; border-radius:5px;}
.modal_default  .modal_close { position:absolute; right:10px; top:10px; width:60px; height:25px; background-color:#f18720; color:#fff; border-radius:4px; text-align:center; font-size:1em; font-weight:700;} 
.modal_default  .modal_inner {padding:50px 20px 0 20px; width:260px; height:auto; overflow:hidden;}
.modal_default  .pass_title {width:100%; height:auto; min-height:50px; text-align:center; }
.modal_default  .pass_title span { display:inline-block; height:100%; line-height:30px; font-size:1em; font-weight:700;}
.modal_default  .pass_form { width:100%; text-align:center;}
.modal_default  .pass_form > * { vertical-align:middle;}
.modal_default  .pass_form label { display:none; }
.modal_default  .pass_form input[type="password"],
.modal_default  .pass_form input[type="text"] { width:130px; height:20px; line-height:20px; padding:3px; border:1px solid #c3c3c3; background-color:#f9f9f9;  border-radius:4px;}
.modal_default  .pass_form .submit { display:inline-block; width:auto; margin-left:2px; padding:0 10px; height:28px; line-height:20px; color:#fff; background-color:#474747; font-size:1em; font-weight:700; border-radius:4px; }
.modal_default  .pass_form .submit:hover,
.modal_default  .pass_form .submit:focus {cursor: pointer; }

/* 모바일헤더 감추기 */
.mobile-header{display:none;}
.mobile-gnb{display:none;}


@media (max-width: 1550px) {
	.headergnb .number {display: none;}
}