@import url("useCss.css");


html, body{height:100%; margin:0px; padding:0px; font-family:Noto Sans KR}
/* 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:#555;} /* colorA見A﹉aＸＴA／A?a?／ A∫aＸ?aＸ?A／A取A?A／A?A╱A見A﹉a?／A／A?A╞A∫aＸ帖A※A／aＸ§A? A∫A＝A取A見A昌A＊A／aＸ?A／A／A╳A使 */
.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,'A∫A?aＸ易A／aＸ足a?／',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;}

/*A〝a?﹌EＥA〝A卦E帖A／A?A╞A／A＝a?／A∫A昆aＸ? bodyA〝A?A╞A∫A取E帖A／A?A５ A／A＝a?／A／A?aＸ﹌A〝aＸ﹌aＸ?A／A╳aＸ?*/
a:hover, a:active, a:focus{text-decoration:none;}

#skipnavigation {position: relative;width: 100%;margin: 0 auto;}
#skipnavigation ul {margin: 0;padding: 0;}
#skipnavigation ul li a {display: block;padding: 0 10px;height: 0;overflow: hidden;color: #000;text-align: center;}

/*
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;}

.area {width:1200px; margin:auto;}
.subarea {width:1199px; margin:auto; }
.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:#449944;}

.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:#777;}
.indent1 {margin-left:20px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#777;}
.indent2 {margin-left:36px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#777;}
.indent2T {margin-left:26px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#777;letter-spacing:-1px;}
.indent3 {margin-left:36px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#777;}
.indent4 {margin-left:20px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#777;}
.indent01 {margin-left:20px; margin-top:5px; line-height:1.6; margin-bottom:15px; color:#777;}

/*
#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;}

/* A∫A使aＸ?A／A?A╱ */

/* A／aＸ?A※A∫A╱A＊ */
#container #container-area .Contents {float:left; width:770px;}
#container #container-area .Lnb {float:left; width:170px; padding:14px;}
#container #container-area .Lnb .LnbTitle {text-align:center; font-size:20px; height:64px; line-height:50px; color:#469d42; 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:#469d42; 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:#409a3c;border:0px;}
#container #container-area .Lnb .indents2 {background:#f2f2f2;}

/* A／aＸ?A※A∫A╱A＊ A∫aＸ?A５A∫A易aＸ?A見A昌A＊A／A?A╞A／aＸ|E帖 */
#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;}

/* A∫aＸ?A╞A／A╳A使A見A╱A﹉A∫A昆A╱ */
#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: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') center 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;}

.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; font-size:13px; padding:7px 10px 8px 15px;vertical-align:top;}
.BasicTable_01 td > ul > li {margin-bottom:5px;}
.BasicTable_01 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_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;}

.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:216px; min-height:280px; margin:0 13px 20px 13px; cursor:pointer;}
.BoardBody li .picture {width:216px; 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;}

.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;}
.TabBar ul li:hover,
.TabBar ul li.active {background:#2266bb;}
.TabBar ul li:hover a,
.TabBar ul li.active a {color:#FFF;background:#2266bb;}

.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_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_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_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;}
.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:#469d42;}
.paging a.active:hover {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; 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: 10px 0 50px 0;}

.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: #ff9600;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:#469d42;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;}
.disN {display: none;}


/*A∫A昌aＸ?A〝A?A卹*/
.btn_list {background:#555555;color:#ffffff;padding:5px 25px }
a.btn_list:hover {color:#ffffff;background:#8b8a8a;}
.btn_list_c {background:#555555;color:#ffffff;padding:10px 25px;margin-top:5px; }
a.btn_list_c:hover {color:#ffffff;background:#8b8a8a;}

.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; }
.mB50 { margin-bottom: 50px; }
.mB30 { margin-bottom: 30px; }
.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;}


/*A／AＤaＸ?A見A﹉a?／ 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;}
.headergnb{position:relative; min-width:1200px; width:1200px; margin:0 auto; height:63px;}
.fowiLogo{position:absolute; left:0; top:10px;}
.fowiLogo a{display:block; width:199px; height:38px; text-indent:-5000px; background:url('../images/newMain/fowiLogo.png') no-repeat 0 0;}

.topUtil{position:absolute; right:0; top:0;}
.topUtil li {float:left;}
.topUtil li a{display:block; width:63px; height:63px; text-indent:-999999px; background:url('../images/newMain/topUtil02.png') no-repeat center center #369ded;}
.topUtil li:first-child a{background:url('../images/newMain/topUtil01.png') no-repeat center center #11b5e4;}
.topUtil li a:hover{background-color:#0076d2}

.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.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: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.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:before{position: absolute; bottom: 0; left: 0;  width: 0; height: 3px;  content: ''; background: #0d9242; transition: all .3s ease}
.mainTab01 li a:hover: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: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;}


.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.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;}

.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;}
.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:before{position: absolute; bottom: 0; left: 0;  width: 0; height: 1px;  content: ''; background: #369ded; transition: all .3s ease}
.footerQuickInfo li a:hover: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;}
.snsArea{float:right;}
.snsArea ul{overflow:hidden; margin-top:5px;}
.snsArea li{float:right; 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: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;}


.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,
.relation01 .site_list li a:focus{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;}


.link{position:relative; text-align:left; color:#fff; font-size:12px; margin-top:5px;}
.link a:hover{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;}
.link.on .site_list {position:absolute; display:block; z-index:500;}
.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,
.link .site_list li a:focus{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;}

.keywordSearchClose{position:absolute; top:20px; right:0; font-size:26px; color:#ffffff;}


.GnbNew {height:63px; margin-top:0px;}
.GnbNew ul.Menu {height:63px; margin-left:230px;}
.GnbNew ul.Menu li:first-child {float:left; position:relative; margin:0 15px 0 0; 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 15px;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 {width: 100%}
.GnbNew ul.Menu li.on, .GnbNew ul.Menu li.active a{color:#0d9242;}
.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 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 .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 .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 .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:none; text-align:center; vertical-align: middle;}
.BasicTable_07 td:first-child{border-left:none; 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 .giftUse01 {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:#ff9c00;}
.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:#ff9c00; 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;}


.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: #469d42;
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}