@charset "utf-8";
body, html { font-family: 'Malgun Gothic', 'MalgunGothic', '맑은고딕', '맑은 고딕', '돋움', Dotum, Verdana, AppleGothic, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.2; }
/*base*/
.list-inline > li {
*display:inline; zoom: 1 }
p { margin: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
legend { width: 0; height: 0; margin: 0; visibility: hidden; }
ul, ol { margin: 0; padding: 0; }
a { text-decoration: none; color: #222; }
a:hover, a:focus { text-decoration: none; }
.list-inline.pdr0 li { padding-right: 0 !important }
.pdr0 { padding-right: 0 }
.pdL0 { padding-left: 0 !important }
.no-radius { border-radius: 0 !important }
.w-xxs { width: 45px }
.w-xs { width: 60px }
.w-sm { width: 80px }
.w-md { width: 110px }
.w-lg { width: 140px; }
.w75 { width: 75% !important }
.w-30 { width: 30% }
.mgb0 { margin-bottom: 0 }
.mgL15 { margin-left: 15px }
.mgL-15 { margin-left: -15px }
.mgt5 { margin-top: 5px }
.mgt15 { margin-top: 15px }
.mgt25 { margin-top: 25px }
.mgb15 { margin-bottom: 15px; }
.pdL15 { padding-left: 15px }
.pdL25 { padding-left: 25px }
.md-clear { clear: right; display: block }
.input-xs { height: 25px!important; padding: 3px 6px; font-size: 12px }
.btn-xs { height: 25px!important; padding: 3px 10px; }
.text-red { color: #ff0000; font-weight: bold }
.text-blue { color: #025bb1 }
.text-orange { color: #f26c4f }
@media (max-width:1023px) {
.md-clear { clear: none; display: inline }
}
.line-height25 { line-height: 25px }
.li-dash { list-style: none; padding-left: 10px; }
.li-dash > li::before { content: "-"; float: left; margin-left: -10px }
.btn-control { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
border-radius: 0; border: 1px solid #ccc; }
.btn.btn-control:hover, .btn.btn-control:focus { color: #090; }
.btn.btn-blue { background-color: #007dd4; color: #fff; border-radius: 0; font-size: 12px; font-weight: bold; line-height: 30px; padding: 0 15px; font-family: dotum, "돋움"; }
.btn-lightgray { background-color: #999; border-radius: 0; color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; padding: 0 15px; }
.btn-darkgray { background-color: #888888; border-radius: 0; color: #fff; font-family: dotum, "돋움"; font-size: 12px; font-weight: bold; line-height: 30px; padding: 0 16px; }
.btn-darkgray.btn-sm { line-height: 28px }
.btn-red { background-color: #d9534f; border-radius: 0; color: #fff; font-family: dotum, "돋움"; font-size: 12px; font-weight: bold; line-height: 30px; padding: 0 16px; }
.btn:focus, .btn:hover { color: #fff; opacity: .8 }
.mgl5 a { margin-left: 5px; }
input[type='text'], input[type='email'], input[type='password'], select, input[type='datetime'], input[type='number'] { border: 1px solid #ccc; height: 30px; padding: 3px 6px; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
input[type="text"]:focus, input:focus, textarea:focus, input[type="datetime"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus { box-shadow: none; border-color: #007aff; }
input[type="checkbox"] { border: 1px solid #ccc; margin-top: 8px; vertical-align: top; }
label { vertical-align: top; line-height: 28px; margin-bottom: 0 }
textarea { border: 1px solid #ccc; }
.form-control { border-radius: 0; }
.form-control:focus { box-shadow: none; border-color: #007aff }
.submenu02 { display: none; }
.submenu02 .fa { display: none; }
.skipnavi { position: relative; z-index: 100000; width: 1120px; margin: 0 auto; list-style: none }
.skipnavi a { display: block; position: absolute; top: 0; left: 0; overflow: hidden; width: 1px; height: 1px; font-size: 0; line-height: 0; }
.skipnavi a:focus { width: 300px; height: 29px; color: #fff; font-size: 14px; line-height: 29px; font-weight: bold; background-color: #0073bc; text-align: center; }
/* base end */


/*메인*/
#wrap { width: 100%; position: relative; overflow-x: hidden; overflow-y: visible; z-index: 10; min-width: 350px }
.img_title { font-family: "바탕", "바탕체"; color: #fff; font-weight: bold; text-shadow: 2px 2px 2px #000; position: absolute; right: 30px; bottom: 170px ;display:none !important}
.container { position: relative; padding-left: 0; padding-right: 0; }
@media (min-width:1023px) {
.container { max-width: 1100px }
}
#header { width: 100%; background-color: #FFFFFF; overflow: hidden; min-width: 350px }
h1.logo { margin: 0 auto; float: left }
.top-link { font-size: 11px; text-align: right; background-color: #f7f7f7; border-bottom: 1px solid #ccc; padding: 6px 0 }
.top-link > ul > li:after { content: "|"; padding-left: 10px; font-size: 100% }
.top-link > ul > li:last-child:after { content: ""; padding-left: 0; }
.top-link > ul > li a { color: #989898 }
/*nav*/
#gnb { position: relative; border-top: 1px solid #46a748; }
#gnb.on { border-bottom: 1px solid #c62f00; }
#gnb.on > .container { background: url(/incheon/images/images/bg_nav_open.png) no-repeat left bottom; }
#gnb:before { border-bottom: 1px solid #ddd; }
#gnb .gnblist { text-align: center; position: relative; display: block; float: right; margin-top: -65px }
#gnb .gnblist > li { display: block; padding: 0px 0px; margin: 0; line-height: 50px; font-size: 1.3em; vertical-align: top; float: left; width: 135px }
#gnb .gnblist > li a { display: block; }
#gnb .gnblist .main-menu > a { font-weight: bold }
#gnb .gnblist > li > ul > li > a:hover { color: #0073BC; }
#gnb .gnblist > li > a > .glyphicon { display: none }
#gnb .submenu { width: 100%; text-align: center; list-style: none; line-height: 22px; font-size: 0.75em; padding: 30px 5px 15px 5px; display: none }
#gnb .submenu li { padding: 5px 0px; }
#gnb .submenu li a { line-height: 16px; }
#gnb .submenu li a > span { display: none }
.link_icon .fa-clone { font-size: 0.7em; margin-left: 5px; color: #ccc; font-weight: normal; }
/*main content*/
.main-con { padding-bottom: 35px; background: url(/incheon/images/images/main/bg_content2.png) bottom center no-repeat; background-size: 100% auto; }
/*메인비주얼*/
#mainvisual { background:url(/incheon/images/images/main/visual_bg.jpg) no-repeat top center  ; height: 300px; margin-top: 105px ;-webkit-background-size:100%;
background-size:cover ;}
.visual { clear: both; position: relative; width: 100%; height: 300px;  overflow: hidden; }
.visual_area { position: relative; width: 1100px; min-width: 1100px; min-height: 300px; margin: 0 auto; }
.visual_01 { width: 100%; height: 300px;}
.visual_01 img { position: absolute; top: 43px; left: 24px; }
.img_visual01 { width: 1100px; height: 300px;  }
.cloud_01 img { position: absolute; left: 450px; z-index: 1; opacity: 0.9; animation: cloud_01 5s infinite; animation-timing-function: linear; }
.cloud_02 img { position: absolute; top: 70px; left: 520px; z-index: 2; opacity: 0; animation: cloud_02 5s infinite; animation-timing-function: linear; animation-delay: 0.5s; }
.cloud_03 img { position: absolute; top: 130px; left: 1010px; z-index: 4; opacity: 0; animation: cloud_03 5.2s infinite; animation-timing-function: linear; animation-delay: 1.5s; }
.cloud_04 img { position: absolute; top: 110px; left: 1030px; z-index: 3; opacity: 0; animation: cloud_04 5.3s infinite; animation-timing-function: linear; animation-delay: 1.8s; }
.cloud_05 img { position: absolute; top: 30px; left: 750px; z-index: 5; opacity: 0; animation: cloud_05 6s infinite; animation-timing-function: linear; animation-delay: 2.5s; }
 @keyframes cloud_01 { 0% {
left:450px;
opacity:0;
}
 15% {
left:430px;
opacity:0.9;
}
 50% {
left:370px;
opacity:0.9;
}
 85% {
left:320px;
opacity:0;
}
 100% {
left:450px;
opacity:0;
}
}
@keyframes cloud_02 { 0% {
left:520px;
opacity:0;
}
 8% {
left:510px;
opacity:1;
}
 72% {
left:400px;
opacity:1;
}
 83% {
left:380px;
opacity:0;
}
 100% {
left:520px;
opacity:0;
}
}
@keyframes cloud_03 { 0% {
left:1010px;
opacity:0;
}
 8% {
left:1000px;
opacity:1;
}
 73% {
left:920px;
opacity:1;
}
 87% {
left:900px;
opacity:0;
}
 100% {
left:1010px;
opacity:0;
}
}
@keyframes cloud_04 { 0% {
left:1030px;
opacity:0;
}
 8% {
left:1020px;
opacity:0.9;
}
 73% {
left:940px;
opacity:0.9;
}
 87% {
left:920px;
opacity:0;
}
 100% {
left:1030px;
opacity:0;
}
}
@keyframes cloud_05 { 0% {
left:750px;
opacity:0;
}
 5% {
left:740px;
opacity:0.8;
}
 80% {
left:660px;
opacity:0.8;
}
 90% {
left:640px;
opacity:0;
}
 100% {
left:750px;
opacity:0;
}
}
/* section */
.section_01, .section_02 { width: 100%; height: 290px; }
.box_01, .box_02, .box_03, .box_04 { position: relative; width: 23.635%; height: 290px; float: left; border: 0px; transition: all .2s ease; }
.box_05, .box_06 { position: relative; width: 26.365%; height:290px; float: left; border: 0px; transition: border .2s ease; }
.box_01 { background-color: #fff799; }
.box_02 { background-image: url(/incheon/images/images/main/bg_map.png); }
.box_03 { background-image: url(/incheon/images/images/main/bg_business.png); }
.box_04 { background-color: #f89c30; }
.box_06 { background-color: #0fbeb3; }
.blog { position: relative; height: 50%; background-image: url(/incheon/images/images/main/bg_blog.png); transition: border .2s ease; }
.bank { position: relative; height: 50%; background-image: url(/incheon/images/images/main/bg_bank.png); transition: border .2s ease; }
.box_01 h3, .box_02 h3, .box_03 h3, .box_04 h3, .box_05 h3, .box_06 h3 { padding-top: 43px; font-size: 28px; color: #FFFFFF; text-align: center; line-height: normal; }
.box_01 h3 { color: #39932c; }
.box_01 img, .box_02 img, .box_03 img, .box_04 img { position: absolute; bottom: 25px; left: 50%; margin-left: -85px; }
.box_06 img { position: absolute; bottom: 25px; left: 50%; margin-left: -100px; }
.box_01 img.graphic_line, .box_02 img.graphic_line, .box_03 img.graphic_line, .box_04 img.graphic_line, .box_06 img.graphic_line { top: 0px; left: 0px; margin-left: 0px; }
.news { width: 52.73%; height:290px; float: left; border-right: 1px solid #eeeeee; }
.news h3 { width: 100%; height: 50px; line-height: 50px; padding-left: 28px; font-size: 20px; color: #FFFFFF; text-shadow: 1px 1px 2px rgba(0,0,0,.5); background-image: url(/incheon/images/images/main/bg_news.png); }
.notice, .event, .finance { width: 100%; height: 80px; border-bottom: 1px dashed #666666; }
/*.notice h4,.event h4,.finance h4 {width:22%; height:91px; float:left; font-size:20px; color:#333; line-height:91px; text-align:center; background-color:#f7f7f7; border-bottom:1px dashed #666666;} */
.news h4 { width: 22%; height: 80px; float: left; font-size: 20px; color: #333; line-height: 80px; text-align: center; background-color: #f7f7f7; border-bottom: 1px dashed #666666; }
.news ul { float: left; width: 78%; height: 80px; padding: 10px 15px; padding-left: 20px }
.news ul li { line-height: 30px; list-style: none }
.news ul li a { display: block; float: left; width: 80%; text-align: left; font-size: 16px; color: #323232; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news ul li a:before { content: ""; width: 3px; height: 3px; background-color: #444; float: left; margin-right: 5px; margin-top: 13px }
.news ul li span { float: right; display: block; width: 20%; text-align: right; font-size: 14px; color: #aaaaaa; }
.finance, .finance h4 { border: 0px; }
.box_05 h3 { padding: 22px 0 0 23px; font-size: 25px; text-align: left; }
.box_05 img { position: absolute; right: 15px; bottom: 20px; }
/* contents over */
.box_01:hover { border: 5px solid #1c6611; }
.box_02:hover { border: 5px solid #005FFC; }
.box_03:hover { border: 5px solid #0FBEB3; }
.box_04:hover { border: 5px solid #ff0000; }
.box_06:hover { border: 5px solid #11857e; }
.blog:hover { border: 5px solid #FFF799; }
.bank:hover { border: 5px solid #FF4F4F; }
.box_02:hover h3 { color: #ffea01 }
.box_03:hover h3 { color: #fffca8 }
.box_04:hover h3 { color: #fff200 }
.box_06:hover h3 { color: #d7ff78 }
.blog:hover h3 { color: #fffdcd }
.bank:hover h3 { color: #d5e7ff }
/* .banner */
.banner { position: relative; width: 100%; margin: 20px auto 0px; }
.banner p { padding-bottom: 15px; font-size: 15px; font-weight: 700; color: #777777; }
.banner p strong { color: #222222; }
.banner_list { height: 60px; padding-left: 160px; text-align: center; overflow: hidden; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.banner_list li { display: block; float: left; width: 20%; text-align: center; text-indent: -9999px; }
.banner_list li a img { margin: auto; display: block; }
.banner .btn_bundle { position: absolute; left: 14px; bottom: 16px; z-index: 10; }
.banner .btn_bundle li { display: inline; }
.banner .btn_bundle li a { float: left; margin-right: 1px; text-indent: -9999px; width: 24px; height: 24px; border: 1px solid #e6e6e6; background-color: #FFFFFF; }
.banner .btn_bundle li:nth-child(1) a { background-image: url(/incheon/images/images/btn_left.png); background-repeat: no-repeat; background-position: center; }
.banner .btn_bundle li:nth-child(2) a { background-image: url(/incheon/images/images/btn_stop.png); background-repeat: no-repeat; background-position: center; }
.banner .btn_bundle li:nth-child(3) a { background-image: url(/incheon/images/images/btn_right.png); background-repeat: no-repeat; background-position: center; }
.banner .btn_bundle li:nth-child(4) a { background-image: url(/incheon/images/images/btn_list.png); background-repeat: no-repeat; background-position: center; }
/* 하단 부분 */
#footer { background-color: #f7f7f7; padding: 25px 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#footer h1 { float: right; width: 165px; height: 60px; margin-right: 20px; margin-top: 10px; overflow: hidden; text-indent: -9999px; }
#footer h1 img { display: block; }
#footer .divFamilySite { height: 30px; line-height: 30px; margin-bottom: 15px; }
#footer .divFamilySite h2 { float: left; margin-right: 10px; padding-top: 2px; font-size: 13px; font-weight: 700; color: #04580a; }
#footer .divFamilySite h2 span { color: #46a748; }
#footer .select1, #footer .select2, #footer .select3 { float: left; margin-right: 8px; }
#footer address { margin: 8px 0 0 0px; font-style: normal; font-size: 11px; font-weight: bold; color: #9c9c9c; line-height: 1.4; }
#footer address span { font-weight: normal; color: #B3B3B3; }
#footer .info_menu { width: 100%; height: 25px; line-height: 25px; list-style: none }
#footer .info_menu li { float: left; }
#footer .info_menu li:after { content: "|"; padding: 0 15px; }
#footer .info_menu li:last-child:after { content: ""; }
#footer .info_menu li a { font-size: 13px; font-weight: 700; color: #022662; }
/* 위로가기버튼 */
.top_btn { display: none; width: 45px; height: 45px; text-indent: -9999px; background-image: url(/incheon/images/images/top_btn.png); background-repeat: no-repeat; background-size: auto 100%; position: fixed; right: 20px; bottom: 20px; opacity: .8; z-index: 100; }
@media (max-width:1199px) {
#gnb .gnblist > li { width: 110px; }
#gnb .submenu li a { font-size: 13px; letter-spacing: -1px }
.news h4 { font-size: 18px; width: 18% }
.news ul { width: 80%; }
.news ul li a { font-size: 14px }
}
@media (min-width:971px) {
#gnb { display: block !important }
}
@media (max-width:1000px) {
#header { border-bottom: 1px solid rgba(27, 189, 0, 1); }
#gnb { display: none }
.nav_open { position: fixed; width: 100% }
.nav_open #gnb { border-bottom: none; width: auto; bottom: 0; box-shadow: 2px 2px 10px rgba(0,0,0,0.8); border-top: 0px solid #0073bc; position: relative; left: -80%; overflow-y: auto; z-index: 999; background: none; display: block }
#gnb:before { display: none }
.nav_open #header, .nav_open #header .container, .nav_open #gnb { position: static }
.nav_open #gnb .gnblist { width: 70%; background: rgba(15, 107, 31, 0.94); z-index: 1300; position: fixed; bottom: 0; top: 90px; overflow-y: auto; left: 0 }
.nav_open #gnb .gnblist > li { float: none; width: 100%; text-align: left }
.nav_open #gnb .gnblist > li > a { border-bottom: 1px solid #4E8252; color: #fff; padding-left: 15px; }
.nav_open #gnb .gnblist > li > a > .glyphicon { font-size: 0.85em; display: inline }
.nav_open #gnb .submenu { padding: 0 !important; background-color: rgba(40, 76, 37, 0.9); margin-bottom: 0; height: auto !important; position: relative }
.nav_open #gnb .submenu li { display: block; width: 100%; margin: 0; text-align: left; padding: 0 }
.nav_open #gnb .submenu li a { line-height: 35px; color: #FFFFFF; display: block; padding-left: 35px; }
.nav_open #gnb .submenu li a > span { display: inline }
.nav_open #gnb .submenu li a .fa-plus, #gnb .submenu li a .fa-minus { padding-left: 8px; }
.nav_open #gnb > .container > ul > li > ul.submenu > li > a:hover { color: #6dcff6; }
.nav_open #gnb .submenu02 { display: none; padding-left: 0px; position: relative; left: 0; right: 0; background-color: rgba(25, 58, 23, 1); margin-bottom: 0 }
.nav_open #gnb .submenu02 li { width: 100%; padding: 0 }
.nav_open #gnb .submenu02 li a { color: #CCCCCC; display: block; }
.nav_open #gnb .submenu02 li a:before { content: "-"; padding-right: 3px; }
.nav_open #gnb > .container > ul > li > ul.submenu > li > ul > li > a:hover { color: #ffff00; }
.nav_open_btn { margin-top: 8px; margin-right: 10px; float: right }
.news { width: 100% }
.box_01, .box_02, .box_03, .box_04 { width: 50%; height: 200px }
.box_05, .box_06 { width: 50%; }
.graphic_line { display: none }
.box_01 .icon_img, .box_02 .icon_img, .box_03 .icon_img, .box_04 .icon_img { width: 100px; left: 90% }
.box_01 h3, .box_02 h3, .box_03 h3, .box_04 h3 { text-align: left; padding-left: 30px; padding-top: 40px }
.section_01, .section_02 { height: auto }
}
 @media (max-width:767px) {
body { font-size: 12px }
.news h4 { font-size: 13px; font-weight: bold }
.news ul li a { width: 79%; font-size: 13px }
.news ul li span { font-size: 12px; letter-spacing: -1px; width: 21% }
.info_menu { clear: both }
#footer { padding-left: 10px; padding-right: 10px }
}
 @media (max-width:500px) {
.box_05 .icon_img { width: 80px; }
}
/*서브페이지*/

/* snb */
#snb { float: left; width: 250px; margin-bottom: 50px; }
#snb ul { list-style: none }
#snb ul > li { border-bottom: 1px solid #e5e5e5; }
#snb ul > li > a { display: block; padding: 15px; font-size: 15px; color: #2f2f2f; }
#snb ul > li > a.select { background-color: #007dd4; color: #fff; font-weight: 700; }
#snb ul > li > ul { background-color: #f8f8f8; border-top: 1px solid #eee ;display:none;}
#snb ul > li.select > ul {display:block}
#snb ul > li > ul > li { border-bottom: none }
#snb ul > li > ul > li > a { padding: 6px 10px; margin-left: 10px; font-size: 14px }
#snb ul > li > ul > li > a.select, #snb ul > li > ul > li > a:focus { color: #007dd4; font-weight: bold; text-decoration: none; background-color: transparent; }
#snb ul > li > ul > li > a:before { content: "-"; float: left; color: #666; margin-right: 10px }

 @media only screen and (max-width:1200px) {
  #snb.hidden-xs.hidden-sm {display:block !important}
  #snb {width:100%;border-bottom:1px solid #ddd;}
  #snb .snb_tit {width:100%;height:100px}
  #snb > ul {margin-top:15px;}
  #snb ul > li {display:inline-block;float:left;border-bottom:none}
  #snb > ul > li{}
  #snb ul > li > ul {position:absolute;background-color: transparent;left:0}
  #snb ul > li > ul > li > a::before { display:none }
 }
/* section.contents */
.borderL { border-left: 1px solid #ccc; }
.mgt107 { margin-top: 107px }
.contents {float:left; width:800px; padding-left:50px; background:#fff;}
.contents:after { content: ""; clear: both; display: block; }
.contents_02 { width: 100%; background: #fff; }
.contents_02:after { content: ""; clear: both; display: block; }
.snb_tit { position: relative; width: 250px; height: 130px;  overflow: hidden; background-color: #c4e2e8;}
.snb_tit p { position: relative;  font-size: 18pt;font-weight:bold;  color: #333;  z-index: 2;padding:20px 0 0 15px }
.snb_tit img { position: absolute; right: 0px; bottom: 0px; z-index: 1; }
/* page_tit */
.page_tit { position: relative; vertical-align: middle; width: 100%; margin: 50px 0 30px 0; float: left }
.page_tit h2 { float: left; width: 50%; font-size: 36px; font-weight: 700; color: #222222; }
.page_tit p.breadcrumb { float: right; width: 50%; text-align: right; color: #8b8b8b; background-color: #fff; }
.page_tit p span:before { content: ">"; padding: 5px; }
.page_tit p img { display: inline; }
/* page_tit_02 */
.page_tit_02 { position: relative; width: 100%; height: 160px; vertical-align: bottom; background: url(/incheon/images/images/sub/img_page_tit_02.png) center bottom no-repeat; }
.page_tit_02 h2 { position: absolute; left: 0px; bottom: 25px; font-size: 25px; font-weight: 700; color: #467321; }
.page_tit_02 p { position: absolute; right: 0px; bottom: 0px; text-align: right; color: #8b8b8b; line-height: 60px; }
.page_tit_02 p span:before { content: ">"; padding: 5px; }
.page_tit_02 p img { display: inline; }
/* 산림정보 (info_page) */ 
.info_page { width: 100%; margin: 40px 0 50px 0; }
.info_page ul { list-style: none }
.info_page ul:after { content: ""; clear: both; display: block; }
.info_page ul li { position: relative; float: left; width: 23.5%; margin-right: 2%; height: 800px; }
.info_page ul li > .img_title { top: 7px; left: 7px; right: auto; bottom: auto }
.info_page ul li:nth-child(1) { background-color: #4c4b39; background-image: url(/incheon/images/images/sub/img_forest_info_01.png); background-position: top center; background-repeat: no-repeat; }
.info_page ul li:nth-child(2) { background-color: #9a2305; background-image: url(/incheon/images/images/sub/img_forest_info_02.png); background-position: top center; background-repeat: no-repeat; }
.info_page ul li:nth-child(3) { background-color: #826057; background-image: url(/incheon/images/images/sub/img_forest_info_03.png); background-position: top center; background-repeat: no-repeat; }
.info_page ul li:nth-child(4) { margin-right: 0; background-color: #548c5f; background-image: url(/incheon/images/images/sub/img_forest_info_04.png); background-position: top center; background-repeat: no-repeat; }
.info_page ul li h3 { position: absolute; left: 0px; bottom: 0px; width: 115px; height: 380px; text-indent: -9999px; }
.info_page ul li:nth-child(1) h3 { background-image: url(/incheon/images/images/sub/text_forest_info_01.png); }
.info_page ul li:nth-child(2) h3 { background-image: url(/incheon/images/images/sub/text_forest_info_02.png); }
.info_page ul li:nth-child(3) h3 { background-image: url(/incheon/images/images/sub/text_forest_info_03.png); }
.info_page ul li:nth-child(4) h3 { background-image: url(/incheon/images/images/sub/text_forest_info_04.png); }
.info_page ul li p { text-indent: -9999px; }
.info_page ul li a { position: absolute; right: 20px; bottom: 48px; display: block; width: 50px; height: 136px; text-indent: -9999px; background: url(/incheon/images/images/sub/btn_forest_info.png) no-repeat; }
/* 산림산업 */
.business_page { width: 100%; margin: 40px 0 50px 0; }
.business_page h2 { font-size: 20px; font-weight: 700; color: #333333; margin-bottom: 5px; }
.business_page p { float: left; width: 50%; height: 200px; text-align: center;position:relative }
.business_page p span { width: 50%; height: 200px; display: table-cell; vertical-align: middle; line-height: 40px; font-size: 40px; color: #ffffff; text-shadow: 2px 2px 3px rgba(0,0,0,.5); }
.business_page  p > span.img_title {font-size:15px;left:7px;bottom:-5px;top:auto;right:auto;height: auto;text-align:left;width:auto}
.business_page ul { float: left; width: 50%; height: 200px; }
.business_page ul li { position: relative; float: left; display: table; width: 50%; height: 100px; }
.business_page ul li a { width: 100%; height: 100px; display: table-cell; vertical-align: middle; padding: 0 20px; line-height: 30px; font-size: 24px; color: #FFFFFF; }
.business_page ul li a span { position: absolute; right: 20px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(/incheon/images/images/sub/btn_forest_go.png) center no-repeat; }
.business ul li:nth-child(1) { background: url(/incheon/images/images/sub/bg_forest_business_01.png); }
.business ul li:nth-child(2) { background: url(/incheon/images/images/sub/bg_forest_business_02.png); }
.business ul li:nth-child(3) { background: url(/incheon/images/images/sub/bg_forest_business_03.png); }
.business ul li:nth-child(4) { background: url(/incheon/images/images/sub/bg_forest_business_04.png); }
.composition ul li:nth-child(1) { background: url(/incheon/images/images/sub/bg_forest_composition_01.png); }
.composition ul li:nth-child(2) { background: url(/incheon/images/images/sub/bg_forest_composition_02.png); }
.composition ul li:nth-child(3) { background: url(/incheon/images/images/sub/bg_forest_composition_03.png); }
.composition ul li:nth-child(4) { background: url(/incheon/images/images/sub/bg_forest_composition_04.png); }
.business, .composition { width: 100%; }
.composition { margin: 30px 0 0 0; }
.business p { background-image: url(/incheon/images/images/sub/bg_forest_img.png); background-position: top center; background-repeat: no-repeat; background-size: cover; }
.composition p { background-image: url(/incheon/images/images/sub/bg_composition_img.png); background-position: top center; background-repeat: no-repeat; background-size: cover; }
.business:after { content: ""; clear: both; display: block; }
.composition:after { content: ""; clear: both; display: block; }
@media screen and (max-width:1000px) {
/* section.contents */
.contents_02 { width: 100%; padding: 0 2%; background: #fff; }
/* pagination */
.page_tit h2 { width: 100%; }
.page_tit p { display: none; }
/* page_tit_02 */
.page_tit_02 h2 { position: absolute; top: 30px; left: 50%; bottom: 0px; width: 200px; margin-left: -100px; text-align: center; }
.page_tit_02 p { display: none; }
/* 산림산업 */
.business_page p { width: 40%; }
.business_page p span { width: 40%; }
.business_page ul { width: 60%; }
}
 @media screen and (max-width:767px) {
/* 산림정보 (info_page) */ 
.info_page { width: 100%; margin: 20px 0 50px 0; }
.info_page ul { }
.info_page ul:after { content: ""; clear: both; display: block; }
.info_page ul li { position: relative; float: left; width: 100%; margin: 0 0 2% 0; height: 200px; }
.info_page ul li > .img_title { display: none }
.info_page ul li:nth-child(1) { background-image: none; }
.info_page ul li:nth-child(2) { background-image: none; }
.info_page ul li:nth-child(3) { background-image: none; }
.info_page ul li:nth-child(4) { margin-right: 0; background-image: none; }
.info_page ul li h3 { position: absolute; top: 20px; left: 20px; bottom: 0px; width: 80%; height: 150px; text-indent: 0px; font-size: 35px; font-weight: 700; font-family: serif; color: #fff; }
.info_page ul li:nth-child(1) h3 { background-image: none; }
.info_page ul li:nth-child(2) h3 { background-image: none; }
.info_page ul li:nth-child(3) h3 { background-image: none; }
.info_page ul li:nth-child(4) h3 { background-image: none; }
.info_page ul li p { position: absolute; top: 70px; left: 20px; text-indent: 0px; font-size: 15px; font-weight: 600; font-family: serif; color: #a9a9a9; }
.info_page ul li:last-child p { color: #222222; }
.info_page ul li a { position: absolute; right: 20px; bottom: 30px; display: block; width: 150px; height: 50px; line-height: 50px; text-align: center; text-shadow: 2px 2px 4px rgba(0,0,0,.5); text-indent: 0px; font-size: 18px; font-weight: 700; color: #FFFFFF; border: 1px solid #FFFFFF; background: none; }
/* 산림산업 */
.business_page p { display: none; }
.business_page ul { float: none; width: 100%; height: 200px; }
.business_page  p > span.img_title {display:none}
	
}
@media screen and (max-width:479px) {
/* 산림정보 */
.info_page ul li h3 { top: 30px; font-size: 26px; }
.info_page ul li a { width: 120px; height: 40px; line-height: 40px; font-size: 16px; }
/* 산림산업 */
.business_page ul li { position: relative; float: left; display: table; width: 100%; height: 100px; }
.business_page ul li a { width: 100%; height: 100px; display: table-cell; vertical-align: middle; padding: 0 20px; line-height: 30px; font-size: 25px; font-weight: 700; font-family: serif; color: #FFFFFF; }
.business_page ul li a span { position: absolute; right: 20px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(..//incheon/images/images/sub/btn_forest_go.png) center no-repeat; }
.composition { margin: 30px 0 0 0; }
}
/* sub_content */
.sub_content { padding: 0 0 50px 0; font-size: 14px; line-height: 1.4; color: #666666; float: left; width: 100%; }
.sub_content:after { content: ""; clear: both; display: block; }
@media (max-width:1200px) {
.contents { margin: 0; padding-right: 30px; padding-left: 30px }
.page_tit p.breadcrumb { line-height: normal; width: 100%; margin: 0 0 20px 0 }
.page_tit h2 { width: 100% }
.page_tit { margin-top: 10px }
.contents, .borderL { border: none }
}
/* 인사말 */
.greeting { text-align: justify; }
.greeting > img { float: left; display: block;}
.greeting .des { float: left; width: 70%; padding: 10px 0 60px 2.5%; }
.des h3 { font-size: 15px; font-weight: 700; color: #222222; }
.des h3 strong { font-size: 22px; }
.des h3 strong b { font-size: 25px; }
.des p { margin: 10px 0 15px 0; font-size: 14px; color: #0c0c0c; }
.des p.des_first { color: #754c24; padding: 25px 0; }
.des p.number01, .des p.number02 { position: relative; }
.des p.number01 strong, .des p.number02 strong { padding: 10px 0; font-size: 23px; color: #39932c; border-top: 1px solid #ccc; }
.des p.number02 strong { color: #2492df; }
.des p.number01 span, .des p.number02 span { display: block; width: 100%; padding: 10px 0 20px 0; }
.des p.number01 img, .des p.number02 img { position: absolute; top: -25px; right: 120px; }
.des p.des_last { padding: 20px 0 0 0; font-size: 15px; font-weight: 700; color: #0c0c0c; border-top: 1px solid #ccc; }
@media (max-width:1199px) {
.des p.number01 img, .des p.number02 img { right: 25px }
}
@media screen and (max-width:767px) {
.page_tit h2 { font-size: 28px }
/* 인사말 */
.greeting .des { width: 100%; padding: 0 }
.greeting > img { width: 60%; }
.des p.number01 img, .des p.number02 img { display: none; }
}
@media screen and (max-width:479px) {
/* 인사말 */
.greeting > img { width: 80%; }
}
/*로그인*/
.login { border-top: 2px solid #46a748; border-bottom: 1px solid #ccc; padding-bottom: 25px }
.login_in { width: 400px; margin: 30px auto }
.login_in .left { float: left; width: 260px }
.login_in .right { float: left; width: 140px }
.login_in .right button { line-height: 69px; font-size: 15px }
.login_in label { text-align: left; float: left; width: 80px }
.login_in .login_forget { padding-left: 20px; font-size: 13px; margin-top: 10px; }
.login_in .login_forget li { margin-bottom: 5px }
.login_in .login_forget span { float: right; width: 200px; text-align: left }
.login_in .login_forget span a { color: #02b9ad; font-weight: bold; text-decoration: underline }
.join-box { border: 4px solid #eee; padding: 25px 30px; }
.join-box > img { float: left; margin-right: 20px }
.join-box > p { float: left }
.join-box > p > span { font-size: 20px; color: #736357; font-weight: bold; line-height: 37px }
.join-box > a { float: right; padding: 5px 10px; font-size: 13px; margin-top: 10px }
@media screen and (max-width:600px) {
.login_in { width: 100%; }
.login_in .left { float: none; width: 255px; margin: 0 auto }
.login_in .right { float: none; width: 250px; margin: 0 auto; }
.login_in .right button { line-height: 40px; }
.login_in .login_forget span { width: 45% }
.join-box > img { float: none; margin: 0 auto; display: block }
.join-box > p > span { font-size: 16px; color: #736357; line-height: 25px }
}
/*화원가입*/
.join-tabs { border: none }
.join-tabs > li { background-color: #f7f7f7; border: 1px solid #ccc; padding: 11px 18px; position: relative; margin-right: 13%; font-size: 16px; font-weight: bold }
.join-tabs > li:last-child { margin-right: 0 }
.join-tabs > li:after { content: url(..//incheon/images/images/board/account/arrow.png); position: absolute; right: -70px }
.join-tabs > li:last-child:after { content: "" }
.join-tabs > li > img { background-color: #959595; vertical-align: bottom }
.join-tabs > li.active { color: #46a748 }
.join-tabs > li.active > img { background-color: #090; }
.join > .tab-content h3, .login h3 { font-size: 20px; font-weight: bold; color: #2d2d2d; margin-top: 34px; margin-bottom: 10px }
.join hr { border-color: #ccc; }
@media screen and (max-width:1199px) {
.join-tabs > li { margin-right: 6%; }
.join-tabs > li:after { content: ""; }
}
@media screen and (max-width:767px) {
.join-tabs > li > img { display: block }
.join-tabs > li { margin-right: 0; padding: 11px; width: 33.3% }
.xs-clear { clear: both; display: block }
}
/*이용약관*/
.divUse { padding: 30px; font-family: "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; line-height: 160%; color: #454545; border: 1px solid #ccc; margin: 10px 0; overflow: auto; height: 255px; font-size: 13px }
.divUse fieldset { margin: 0; padding: 0; }
.divUse h4 { margin: 10px 0 10px 0; padding: 0; font-size: 12px; font-weight: bold; }
.divUse h5 { margin: 10px 0 0 0px; padding: 0; font-size: 12px; font-weight: normal; color: #000; }
.divUse p { margin: 5px 0 0 0; padding: 0; }
.divUse ol { margin: 5px 0 0 25px; padding: 0; list-style: decimal; list-style-position: outside; }
.divUse ol ol { list-style: circle }
.divUse ul { margin: 0 0 0 20px; padding: 5px 0 5px 0; color: #666; }
.divUse ul li { margin: 0; padding: 0; }
.divUse .btm { padding-bottom: 20px; }
.divUse .agree { padding: 8px 0 0 0; margin: 0; }
.divUse .agree label { position: relative; top: 1px; margin: 0; padding: 0; vertical-align: middle; }
.divUse .agree checkbox { border-color: #ccc; }
/*가입완료*/
.info_box { border-top: 2px solid #46a748; border-bottom: 1px solid #333; padding: 36px 0; text-align: center }
/*아이디 찾기*/
.join-box.idsearch p { width: 220px; margin-left: 10px }
.join-box.idsearch p label { font-size: 14px; color: #333; }
.join-box.idsearch p input { float: right }
.join-box.idsearch button { display: block; width: 120px ;float:right;margin-top:20px}
.join-box.idsearch.pwsearch img { margin-top: 20px }
.join-box.idsearch.pwsearch button { margin-top: 30px }
@media screen and (max-width:600px) {
.join-box.idsearch img { display: none }
.join-box.idsearch p { float: none; margin: 0 auto }
.join-box.idsearch p span { display: block; margin-bottom: 0 }
.join-box.idsearch button { float: none; clear: both; display: block; width: 100% }
.join-box.idsearch.pwsearch button { margin-top: 10px }
}

/*오시는길*/
.nav.nav-tabs.sjtab { border: none; margin-bottom: 15px; }
.nav.nav-tabs.sjtab.maptab li { width: 33.33333333% }
.nav-tabs.sjtab > li > a { background-color: #f1f1f1; border-radius: 0; border: 1px solid #ccc; margin-right: -1px; padding: 14px; text-align: center; font-size: 16px }
.nav-tabs.sjtab > li.active > a, .nav-tabs.sjtab > li.active > a:focus, .nav-tabs.sjtab > li.active > a:hover { background-color: #5b5b5b; color: #fff; ; border-color: #5b5b5b; font-weight: bold; }
.info_box2 { width: 100%; background: url(/incheon/images/images/sub/line-bg.jpg); padding: 15px }
.info_in { background-color: #fff; padding: 20px }
.map_title { font-size: 16px; color: #333; font-weight: bold }
hr.dash-line { border-style: dashed }
.arrow_list > li { background: url(/incheon/images/images/sub/arrow.jpg) no-repeat left 6px; padding-left: 15px; list-style: none; line-height: 22px }
/*비전*/
.vision li { list-style: none }
.vision > ul > li { width: 24%; float: left; border-radius: 4px; margin-right: 1% }
.vision > ul > li > h4 { background: #406fc8 url(/incheon/images/images/sub/vision_h3_bg.png) no-repeat -15px bottom; height: 65px; border-radius: 4px; color: #fff; text-align: center; line-height: 65px; letter-spacing: -1px; font-weight: 600; font-size: 16px }
.vision > ul > li > ul > li { border: 1px solid #ccc; font-family: "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size: 12px; border-radius: 4px; margin-top: 3px; padding: 9px 3px 9px 15px }
.vision > ul > li > ul > li:before { content: ""; width: 2px; height: 2px; background-color: #6182c0; float: left; margin: 5px; margin-left: -7px }
@media screen and (max-width:767px) {
.vision > ul > li { width: 49%; margin-bottom: 15px }
}
@media screen and (max-width:480px) {
.vision > ul > li { width: 100%; margin-bottom: 15px; }
.vision > ul > li > h4 { height: auto; line-height: 40px }
}
/*조합연혁*/
.history { height: 657px; position: relative; margin-bottom: -50px }
.history > h3 { top: 33px; left: 115px; position: absolute }
.history > ul { padding-top: 170px; margin-left: 55px }
.history li { list-style: none }
.history > ul > li { margin-bottom: 30px }
.history > ul > li > h4 { background: url(/incheon/images/images/sub/history_year_li.png) no-repeat left top; padding-left: 35px; color: #007dd4; font-size: 22px; font-weight: bold; }
.history > ul > li > ul { margin-left: 200px; margin-top: -20px; }
.history > ul > li > ul > li { background: url(/incheon/images/images/sub/history_year_li_li.png) no-repeat left 3px; padding-left: 95px; font-size: 15px; margin-bottom: 6px }
.history > ul > li > ul > li > .year { display: inline-block; width: 70px; margin-left: -70px }
@media screen and (max-width:767px) {
.history > h3 { position: static }
.history { background-position: right 0; }
.history > ul { padding-top: 100px; }
.history > ul > li > h4, .history > ul > li > ul { position: static; margin-top: 20px; }
.history > ul > li > ul { margin-left: 30px; }
.history > ul > li > ul > li { font-size: 13px }
}
/*조직도*/

.org > ul { height: 400px; margin-top: 30px }
.org > ul > li { background: url(/incheon/images/images/sub/org-bg1.gif) no-repeat center top; text-align: center; line-height: 56px; list-style: none; color: #fff; font-weight: bold; font-size: 16px; position: relative }
.org > ul > li > ul { position: relative; }
.org > ul > li > ul > li { position: absolute; background: url(/incheon/images/images/sub/org-bg2.gif) no-repeat left top; width: 182px; }
.org > ul > li > ul > li.org01 { top: 80px; left: 50px; }
.org > ul > li > ul > li.org01 > ul { width: 555px; margin-left: -50px }
.org > ul > li > ul > li.org02 { top: 80px; right: 50px }
.org > ul > li > ul > li > ul > li { background: url(/incheon/images/images/sub/org-bg3.gif) no-repeat left top; width: 134px; line-height: 42px; display: inline-block; margin-top: 100px; position: relative }
.org > ul > li > ul > li > ul > li > p { color: #666; border: 1px solid #7a7a7a; margin-top: -3px; font-weight: normal }
.org > ul > li:before { content: ""; width: 1px; height: 40px; background-color: #ccc; position: absolute; left: 50%; top: 56px; }
.org > ul > li:after { content: ""; width: 586px; height: 1px; background-color: #ccc; position: absolute; left: 142px; top: 95px; }
li.org02:before, li.org01:before { content: ""; width: 1px; height: 40px; background-color: #ccc; position: absolute; left: 50%; top: -40px; }
li.org01:after { content: ""; width: 1px; height: 45px; background-color: #ccc; position: absolute; left: 50%; top: 56px; }
li.org01 > ul:before { content: ""; width: 420px; height: 1px; background-color: #ccc; position: absolute; left: 18px; top: 101px; }
li.org01 > ul > li:before { content: ""; width: 1px; height: 55px; background-color: #ccc; position: absolute; left: 50%; top: -55px; }
li.org02 > ul > li:before { content: ""; width: 1px; height: 100px; background-color: #ccc; position: absolute; left: 50%; top: -100px; }
@media screen and (max-width:1199px) {
.org > ul > li > ul > li.org01 { left: 20px }
.org > ul > li > ul > li.org02 { right: -40px }
.org > ul > li::after { left: 110px; width: 508px }
}
@media screen and (max-width:1200px) {
.org > ul > li::after { left: 111px; width: 529px }
}
@media screen and (max-width:767px) {
.org > ul { height: auto; }
.org > ul > li { background-position: left 0; text-align: left; padding-left: 30px }
.org > ul > li > ul { margin-left: 40px; text-align: left; margin-top: 20px }
.org > ul > li::after { left: 131px; width: 474px }
.org > ul > li > ul > li { position: static; width: 100%; margin-bottom: 20px; padding-left: 30px }
.org > ul > li > ul > li.org01 > ul, .org > ul > li > ul > li > ul { margin-left: 20px; width: auto; }
.org > ul > li > ul > li > ul > li { display: block; width: 100%; margin-top: 5px; padding-left: 20px; position: relative }
.org > ul > li > ul > li > ul > li > p { width: 100%; margin-left: -20px; padding-left: 20px; margin-top: -1px }
.org > ul > li:after, li.org01 > ul:before { display: none }
.org > ul > li:before { contetn: ""; width: 1px; height: 490px; left: 50px }
li.org01:before { content: ""; width: 20px; height: 1px; left: -20px; top: 30px; position: absolute }
li.org02:before { content: ""; width: 20px; height: 1px; left: -20px; top: 470px; position: absolute }
li.org01:after { content: ""; width: 1px; height: 308px; left: 25px }
.org > ul > li > ul > li > ul > li:before { content: ""; width: 25px; height: 1px; left: -25px; top: 30px; position: absolute }
li.org02 > ul { position: relative }
li.org02 > ul:before { content: ""; width: 1px; height: 37px; left: -26px; top: -6px; position: absolute; background-color: #ccc; }
}
/*사이트맵*/
.sitemap > li { display: inline-block; width: 175px; vertical-align: top; margin-right: 20px; font-size: 13px; margin-bottom: 65px }
.sitemap > li > h3 { border-top: 2px solid #333; border-bottom: 1px solid #555; font-size: 16px; color: #222; font-weight: bold; padding: 15px 0; text-align: center }
.sitemap > li > ul > li { border-bottom: 1px solid #ccc; list-style: none; }
.sitemap > li > ul > li > a { color: #383838; display: block; padding: 10px 0 10px 5px }
.sitemap > li > ul > li > a:before { content: ""; width: 2px; height: 2px; background-color: #333; float: left; margin-top: 9px; margin-right: 10px }
.sitemap > li > ul > li > a:focus { text-decoration: none }
.sitemap > li > ul > li > a[class=""] > .off, .sitemap > li > ul > li > a[class="collapsed"] > .on, .sitemap > li > ul > li > a > .on { display: none; }
.sitemap > li > ul > li > a[class="collapsed"] > .off, .sitemap > li > ul > li > a[class=""] > .on { display: inline; margin-top: -4px; }
.sitemap > li > ul > li > ul > li { list-style: none; padding: 3px 0 3px 15px; font-size: 12px; }
.sitemap > li > ul > li > ul > li > a { color: #666 }
.sitemap > li > ul > li > ul > li:before { content: "-"; float: left; margin-right: 5px; }

/*팝업*/
.popup { border: 2px solid #0072bc; position: absolute; z-index: 2000; background-color: #fff; font-family: "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; box-shadow: 2px 2px 3px rgba(0,0,0,.2); }
.popup  h3.title { background-color: #0072bc; padding: 8px 5px; color: #fff; font-size: 13px; }
.popup .carousel-indicators {bottom:auto;top:35px;text-align:left;left:5px;margin-left:0;width:auto;}
.popup .carousel-indicators > li{text-indent:0;width:23px;height:24px;background: #fff url(..//incheon/images/images/board/popup_nob.gif) no-repeat left top;text-align:center;line-height:24px;border:none;border-radius:0;color:#fff;font-weight:bold}
.popup .carousel-indicators > li.active {background:url(..//incheon/images/images/board/popup_no.gif) no-repeat left top;color:#fff;}
.popup  .pop_content { padding:10px 0;overflow:auto;position:absolute;top:55px;bottom:30px;left:0;right:0}
.popup .carousel-inner,.popup .carousel-inner > .item {height:100%}
.popup .carousel-inner .pop_foot { background-color: #e8e8e8; position: absolute; bottom: 0; width: 100%; padding: 3px 5px ;height:30px;top:auto}
.popup > .pop_foot > a.btn { line-height: 25px; margin-top: 2px }
/*조합원가입안내*/
.bullet { background: url(/incheon/images/images/sub/bullet.png) no-repeat left 1px; padding-left: 25px; font-size: 17px; font-weight: bold; margin-bottom: 15px; color: #444 }
.bullet_line { background: url(/incheon/images/images/sub/bullet2.png) no-repeat left 3px; margin-left: 25px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #444 }
.dot-li { list-style: none; margin-left: 25px; margin-bottom: 15px }
.dot-li > li { padding-left: 10px; background: url(/incheon/images/images/sub/dot-li.gif) no-repeat left 10px; line-height: 22px; margin-bottom: 5px }
/*Faq*/
.Faq > ul { list-style: none; }
.Faq > ul > li > .quest { position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 13px; font-weight: bold; color: #444; padding-left: 50px }
.Faq > ul > li > .quest > span { color: #fff; background-color: #2a88dd; padding: 6px 10px; border-radius: 30px; margin-right: 15px; margin-left: -35px }
.Faq > ul > li > .answer { background-color: #f1f7f9; padding: 15px; }
.Faq > ul > li > .answer > span { color: #fff; background-color: #7aad00; padding: 6px 10px; border-radius: 30px; }
.Faq > ul > li > .answer > div { margin-left: 50px; margin-top: -20px }
.table01 { border-top: 2px solid #46a748; }
.table01.cnt, .table01.cnt th, .table01.cnt td { text-align: center }
.table01 th { background-color: #f4f4f4; color: #444; }
.table01.vmiddle th, .table01.vmiddle td { vertical-align: middle }
/*point*/
.point { border: 1px solid #ddd; padding: 15px 160px 15px 25px; background: url(/incheon/images/images/sub/line-bg2.jpg); position: relative }
.point:after { content: url(/incheon/images/images/sub/point1.png); position: absolute; right: 4px; top: 50%; margin-top: -50px }
@media screen and (max-width:767px) {
.point { padding: 15px 100px 15px 15px; font-size: 13px }
.point:after { right: -20px }
}

/*산림정보*/
.scon { line-height: 25px }
.scon h3.bullet { margin-top: 15px }
.scon p { margin: 10px 0 }
.scon h4.bullet_line { margin-top: 20px; margin-bottom: 10px }
.scon strong { color: #555 }
.sanrim_tab .nav.nav-tabs { border: none; }
.sanrim_tab .nav.nav-tabs > li { border: 1px solid #ddd; width: 16%; margin-right: 0.6%; margin-bottom: 0.6%; border-radius: 3px }
.sanrim_tab .nav.nav-tabs > li > a { padding: 8px 3px; letter-spacing: -1px; border: none; text-align: center; margin: 0; border-radius: 3px }
.sanrim_tab .nav.nav-tabs > li.active { border: 1px solid #007dd4; background-color: #007dd4 }
.sanrim_tab .nav.nav-tabs > li.active > a { background-color: #007dd4; color: #fff; }
.pdL40 { padding-left: 40px }
.img-mg { margin: 10px 15px 15px 0 }
.scon .center {text-align:center}
@media screen and (max-width:767px) {
.sanrim_tab .nav.nav-tabs > li {width:24%}
.sanrim_tab .nav.nav-tabs > li > a {height:50px;line-height:20px}
}

/*게시판*/
.atotal {
    width: 100%;
    background: #FDFDFD;
    padding-top: 10px;
    margin-bottom: 5px;
    float: left;
}
.atotal .tleft {
    float: left;
}
.atotal .tright {
    float: right;
}

#container {
    position: relative;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
#content_wrap {
    float: right;
    width: 700px;
    overflow: hidden;
    position: relative;
}
table.border {
    clear: both;
    border-top: 2px solid #3f79a2;
    border-bottom: 1px solid #c2c2c2;
}
table.border .no_rline{border-right:none}
table.border th {
    padding-top: 6px;
    padding-bottom: 6px;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    background: #f7f7f7;
    text-align: center;
}
table.border td {
    padding-top: 7px;
    padding-bottom: 7px;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    line-height: 18px;
}
table.border caption {
    position: relative;
    visibility: hidden;
    height: 0;
    font-size: 0;
    line-height: 0;
    padding:0;
}

table.border td.val {padding-left: 10px;}

#footer .select {
		top:8px;
		position:absolute;
		right:205px;
}

#footer .select div {
	height:20px;
	margin-bottom:15px;
}
#footer .select form{
	display:inline;
	width:auto;
}
#footer .select form select, #footer .select_site form input, #footer .select form{
	vertical-align:top;
} 
#banner {
		position:relative;
		width:100%;
		margin:20px auto 0px;
		margin-left:104px;
}
#banner .bg_l {
    float: left;
    width: 10px;
    height: 54px;
    background: url(/common/images/bg_banner_left.gif) no-repeat;
}
#banner .bg_m {
    float: left;
    width: 860px;
    height: 54px;
    padding: 0 5px;
    background: url(/common/images/bg_banner_mid.gif) repeat-x;
}
#banner .bg_r {
    float: left;
    width: 10px;
    height: 54px;
    background: url(/common/images/bg_banner_right.gif) no-repeat;
}
.mBann {
    position: relative;
    width: 862px;
    height: 38px;
    margin: 8px 0 0;
    padding: 0;
    z-index: 10;
}
.mBann .title {
    display: block;
    width: 49px;
    height: 18px;
}
.mBann dl.control {
    position: absolute;
    top: 20px;
    left: 0;
}
.mBann .bann_wrap {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 78px;
    width: 785px;
    height: 38px;
}
.mBann .bann_wrap div {
    position: absolute;
    width: 10000px;
    height: 43px;
    margin: 0;
    padding: 0;
}
.mBann .bann_wrap div ul {
    position: absolute;
    top: 0px;
    left: 0;
    width: 10000px;
    height: 34px;
    margin: 0;
    padding: 0;
}
.mBann .bann_wrap li {
    float: left;
    height: 34px;
    padding: 0 35px 0 0;
}
/*
.sanrim_tab h4{
	background: url(/incheon/images/images/sub/bullet.png) no-repeat left 1px;
    padding-left: 25px;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #444;
  }
.sanrim_tab h5{
 	background: url(/incheon/images/images/sub/bullet2.png) no-repeat left 3px;
    margin-left: 25px;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
    margin-top:20px;
    margin-bottom: 10px;
    color: #444;
} 
.sanrim_tab .tbl, th, td {
    border: 0;
}	
.sanrim_tab .tbl{
	 	border-top: 2px solid #73b73f;
		width: 100%;
    border-collapse: collapse;
    border-spacing: 0;	    
    margin-bottom:20px;
}
.sanrim_tab .tbl thead th {
    text-align: center;
    background: #fafcf6;
}
.sanrim_tab .tbl th, .tbl td {
    padding: 5px 7px;
    border-left: 1px solid #dfecd4;
    border-bottom: 1px solid #dfecd4;
}
.sanrim_tab table, td, th {
    text-align: left;
    padding: 0;
    margin: 0;
    color: #666666;
    font-size: 12px;
}
.sanrim_tab .table{
	width:100%;
	max-width:100%

}
.sanrim_tab caption {
    position: relative;
    visibility: hidden;
    height: 0;
    font-size: 0;
    line-height: 0;
}*/

.aCenter{text-align:center}
.center{text-align:center}
.pl14{padding-left:14px}

#s_title {height:52px; margin-top:12px; position:relative; margin:50px 0 30px 0}
#s_title h3 {float:left; width:50%; font-size:36px; font-weight:700; color:#222222}

#content {position:relative; min-height:350px; height:auto !important; height:350px; padding-bottom:50px;}

/* 테이블 */
.tbl_type1{background:url(../../images/common/tbl1_bg.gif) repeat-x 0 0; padding-top:2px; overflow:hidden; margin:0 -1px; position:relative}
.tbl_type1 table,.tbl_type th,.tbl_type td{border:0; font-size:12px; line-height:1.4em}
.tbl_type1 table{width:100%;text-align:center;border-collapse:collapse}
.tbl_type1 th{padding:8px 10px 5px;border:1px solid #e5e5e5; background:#fcfcfc; border-top:0 none;color:#28880E;font-weight:bold; white-space:nowrap; font-size:12px; }
.tbl_type1 td{padding:8px 10px 5px;border:1px solid #e5e5e5;color:#666666; font-size:12px; }
.tbl_type1 td.point1{font-weight:bold; color:#BB4F00}
.tbl_type1 td.point2{background:#f0f4e6; color:#BB4F00}
.tbl_type1 td.top{vertical-align:top}
.tbl_type1.h1 td{padding:5px 10px 2px}
.tbl_type1 tfoot th,.tbl_type1 tfoot td{color:#28880E;font-weight:bold;background:#fcfcfc;}

/* 정책자금융자지원, 윤리의식자기점검 */
.tbl_type2{background:url(../../images/common/tbl1_bg.gif) repeat-x 0 0; padding-top:2px; overflow:hidden; margin:0 -1px; position:relative}
.tbl_type2 table,.tbl_type th,.tbl_type td{border:0; font-size:11px; line-height:1.4em}
.tbl_type2 table{width:100%;text-align:center;border-collapse:collapse}
.tbl_type2 th{padding:8px 5px 5px;border:1px solid #e5e5e5; background:#fcfcfc; border-top:0 none;color:#28880E;font-weight:bold; white-space:nowrap; font-size:11px; }
.tbl_type2 td{padding:8px 5px 5px;border:1px solid #e5e5e5;color:#666666; font-size:11px; }
.tbl_type2 td.point1{font-weight:bold; color:#BB4F00}
.tbl_type2 td.point2{background:#f0f4e6; color:#BB4F00}
.tbl_type2 td.top{vertical-align:top}
.tbl_type2.h1 td{padding:5px 10px 2px}

/* 리스트 */
.list_type1 li{position:relative; margin-bottom:24px; background:url(../../images/common/dash2.gif) repeat-x 0 100%; padding:0 0 0 201px; *zoom:1}
.list_type1 li:after{content:""; display:block; clear:both}
.list_type1 li .pt{display:inline;overflow:hidden;float:left; margin:0 19px 0 -201px; position:relative; width:182px; padding-bottom:20px}
.list_type1.w2 li{padding-left:255px}
.list_type1.w2 .pt{width:232px; margin-left:-255px}

.list_type2 ul{margin-left:-39px; padding-left:15px; *zoom:1}
.list_type2 ul:after{content:""; display:block; clear:both}
.list_type2 li{float:left; padding:0 0 39px 39px}
.list_type2 li strong{display:block; text-align:center; padding-top:20px; color:#666666}
.list_type2.w2 ul{margin-left:-12px; padding-left:0}
.list_type2.w2 ul li{padding-left:12px}

.list1{font-size:12px; line-height:1.6em; color:#666666; text-align:left}
.list1 li{position:relative; padding-left:8px; background:url(../../images/common/arrow_red.gif) no-repeat 0 5px}
.list1 li strong{color:#bf2525; font-weight:normal}

.list2{font-size:12px; line-height:1.6em; color:#666666; text-align:left}
.list2 li{position:relative; padding-left:8px; background:url(../../images/common/arrow_green1.gif) no-repeat 0 5px}
.list2 li strong{color:#bf2525; font-weight:normal}
.list2 li strong.b{color:#28880E; font-weight:bold; font-size:12px}
.list2 li strong.n{color:#666666; font-weight:bold}

/* 타이틀 */
.tit1{background:url(../../images/common/tit_icon1.gif) no-repeat 0 0; font-size:17px; font-weight:800; padding:0 0 2px 22px; margin-bottom:30px; margin-left:7px; position:relative}
.tit2{font-size:18px; font-weight:800; margin-bottom:11px; position:relative}
.tit3{font-size:12px; font-weight:bold; color:#313131; margin-bottom:5px}

/* 탭 */
.tab_type1{background:url(../../images/intro/history_tab_bg.gif) no-repeat 0 0; width:100%; height:52px; margin-bottom:24px}
.tab_type1 ul{padding-left:12px; *zoom:1}
.tab_type1 ul:after{content:""; display:block; clear:both}
.tab_type1 li{float:left; background:url(../../images/intro/history_tab_bg_bar.gif) no-repeat 0 100%; padding:0 8px}
.tab_type1 li.first{background:none}

.tab_type2 ul{margin-bottom:36px; *zoom:1}
.tab_type2 ul:after{content:""; display:block; clear:both}
.tab_type2 li{float:left; position:relative}

/* 기타 */
.p1{color:#666666; font-size:1em; line-height:1.6em; padding-bottom:20px}
.info01_giude .p1{font-size:0.9em;} /* 고객지원안내 */
.mr_b50{margin-bottom:50px}
.mr_b20{margin-bottom:20px}
.mr_b10{margin-bottom:10px}
.mr_t10{margin-top:10px}
.mr_t20{margin-top:20px}
.pd_s30{padding-left:30px; padding-right:30px}
.pd_s15{padding-left:15px; padding-right:15px}
.pd_b20{padding-bottom:20px}
.pd_l20{padding-left:20px}
.mr_s30{margin-left:30px; margin-right:30px}
.align_r{text-align:right}
.align_l{text-align:left}
.cwr1{padding:0 30px; background:url(../../images/common/dash2.gif) repeat-x 0 100%; padding-bottom:10px; margin-bottom:30px}
.float_wrap {*zoom:1}
.float_wrap:after{content:""; display:block; clear:both}
.float_wrap .lc{float:left; padding:0 20px 20px 0}
.float_wrap .lc strong{display:block; text-align:center; color:#666; font-size:11px; margin-top:10px}
.float_wrap .rc{position:relative}
.t1{color:#28880E}
.t2{color:#BB4F00}
.t3{color:#BB4F00}
.t4{color:#28880E}
.object-center { display:table; width:100% }
.object-center li { display:table-cell; text-align:center }

.law_list li{font-size:1em; color:#666666; height:52px; background:url(../../images/common/dash2.gif) repeat-x 0 100%; *zoom:1}
.law_list li:after{content:""; display:block; clear:both}
.law_list li strong{float:left; background:url(../../images/common/arrow_green1.gif) no-repeat 3px 3px; padding-left:12px; position:relative; top:20px}
.law_list li a{float:right; position:relative; top:10px}

.finance0302_top{position:relative; height:32px;}
.finance0302_top .top_r{position:absolute; right:0; top:-10px}
.finance0402_img{position:relative;width:559px; margin:0 auto; height:207px;margin-bottom:30px}
.finance0402_img dl{position:absolute; z-index:-1; visibility:hidden;}
.finance0504_tab{background-image:url(../../images/intro/finance0504_tab_bg.gif)}
.finance0504_tab li{padding:0 13px}
.finance0505_top{position:absolute; top:0; left: 360px;}