@charset "utf-8"; #slide-container {display: none;} #header-container .content-header {display: none;} #content-container {margin: 0 auto; padding: 340px 0 0 0; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;} .btn.goto {position: relative; border: 1px solid #a67c52; border-radius: 3px;} .btn.goto span {padding: 7px 20px 0 15px; height: 20px; width: 85px; font-size: 13px; color: #a46b45; font-weight: bold; text-align: left;} .btn.goto span:after {content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 28px; background: url(./../../mycodyimages/m_btn_goto.png) no-repeat 50% 50%;} .btn.goto:focus, .btn.goto:hover span {text-decoration: underline;} /* visualArea */ #visualArea {position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 340px; overflow: hidden;} #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 60; top: 83px; left: 550px; padding: 0 26px;} #visualArea .bx-wrapper .bx-controls a {display: block; width: 25px; height: 23px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-direction a {position: absolute; top: 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {left: 0; background-position: 0 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-next {right: 0; background-position: -25px 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {display: none;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {background-position: -50px 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position: -75px 0;} #visualArea .visualText {display:none;position: absolute; z-index: 60; top: 120px; left: 550px; width: 1000px;} #visualArea .visualText .item-01 {font-size: 16px; color: #787878; font-weight: bold;} #visualArea .visualText .item-02 {font-size: 36px; color: #0054a7; font-weight: bold; margin-top: 8px;} #visualArea .visualText .item-02 strong {color: #271d5c;} #visualArea .visualText .item-03 {font-size: 14px; color: #454545; margin-top: 8px;} #visualArea .visualText .button-area {margin-top: 60px;} #visualArea .visualText .button-area a+a {margin-left: 10px;} /* mainCont */ #content-container {} /*#content-container:before {content: ''; display: block; position: absolute; z-index: -1; bottom: 0; left: -500px; width: 2000px; height: 600px; background: url(./../../mycodyimages/m_content_01.png) no-repeat 50% 100%;}*/ #mainCont {margin: 0 auto; padding: 40px 0 30px 0; width: 1000px;} #mainCont:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} /* 최근게시물 */ #mainCont .latest-posts {height: 208px;} #mainCont .latest-posts:after{content: ''; display: block;clear:both} /* 최근게시물 일반게시판 */ #mainCont .latest-posts .latest-posts-normal {position: relative;float: left; width: 450px; padding: 24px 0 0 0; height: 184px;} #mainCont .latest-posts .latest-posts-normal:before {content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; height: 4px; border-left: 60px solid #1164b0; background-color: #212121;} /* 게시판탭 공통 */ .tab_list {position: relative;} .tab_list>ul {list-style: none; margin: 0; padding: 0;} .tab_list>ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .tab_list>ul>li {float: left; line-height: .9;} .tab_list>ul>li>a {float: left; line-height: inherit;} .tab_list>ul>li>a span {display: block; font-weight: bold; line-height: inherit; letter-spacing: -1px;} .tab_list>ul>li>ul {position: absolute; left: 0; right: 0; list-style: none; margin: 0; padding: 0;} .tab_list>ul>li>ul li {position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .tab_list>ul>li>ul li:before {content: '- '} .tab_list>ul>li>ul li a {text-decoration: none;} .tab_list>ul>li>ul li a:focus, .tab_list>ul>li>ul li a:hover {text-decoration: underline;} .tab_list>ul>li>ul li span {position: absolute; right: 0; top: 0;} .tab_list>ul>li>ul li.more {position: static; line-height: 0;} .tab_list>ul>li>ul li.more a {display: block; position: absolute; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;} /* 게시판탭 해당 템플릿 */ .tab_list>ul>li+li {margin-left: 16px;} .tab_list>ul>li>a {font-size: 16px; color: #7f7f7f;} .tab_list>ul>li>a span.over {color: #1164b0;} .tab_list>ul>li>ul {top: 31px;} .tab_list>ul>li>ul li {padding-right: 60px; line-height: 29px; font-size: 13px; color: #666666;} .tab_list>ul>li>ul li+li {border-top: 1px solid #e0e0e0;} .tab_list>ul>li>ul li a {line-height: inherit; font-size: inherit; color: inherit;} .tab_list>ul>li>ul li span {line-height: inherit; font-size: inherit; color: inherit;} .tab_list>ul>li>ul li.more a {top: -35px; right: 0; width: 24px; height: 24px; background-image: url(./../../mycodyimages/m_btn_more.png);} /* 최근게시물 앨범게시판 */ #mainCont .latest-posts .latest-posts-gallery {position: relative;float: right; width: 450px; padding-top: 24px;} #mainCont .latest-posts .latest-posts-gallery:before {content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; height: 4px; border-left: 60px solid #1164b0; background-color: #212121;} #mainCont .latest-posts .latest-posts-gallery h2 {margin: 0 0 32px 0; line-height: .9; font-size: 16px; font-weight: bold; color: #1164b0;} /* 앨범게시판탭 해당 템플릿 */ .miniBox {position: static !important;} .miniBox .miniGallery-container.skin_005 {} .miniBox .miniGallery-container.skin_005 h2 {display: none;} .miniBox .miniGallery-container.skin_005 ul {list-style: none; margin: 0; padding: 0; height: auto;} .miniBox .miniGallery-container.skin_005 ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .miniBox .miniGallery-container.skin_005 ul li {float: left; width: 140px; height: auto;} .miniBox .miniGallery-container.skin_005 ul li+li {margin-left: 15px;} .miniBox .miniGallery-container.skin_005 ul li .thumb {display: block; width: 100%; height: 95px;} .miniBox .miniGallery-container.skin_005 ul li .thumb a {display: block; width: 100%; height: 100%;} .miniBox .miniGallery-container.skin_005 ul li .thumb a img {vertical-align: top;} .miniBox .miniGallery-container.skin_005 ul li .title {display: block; margin-top: 4px; line-height: 24px;} .miniBox .miniGallery-container.skin_005 ul li .title a {display: block; margin: 0; width: 100%; line-height: inherit; font-size: 13px; color: #666666; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .miniBox .miniGallery-container.skin_005 ul li .title a:focus, .miniBox .miniGallery-container.skin_005 ul li .title a:hover {text-decoration: underline;} .miniBox .miniGallery-container.skin_005 a.more {display: block; position: absolute; top: 20px; right: 0; width: 24px; height: 24px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;} /* 팝업존 */ #mainCont .popup-zone {float: right; width: 450px; height: 210px;} #mainCont .popup-zone .popupWrap {position: relative;} #mainCont .popup-zone .popupWrap ul {margin: 0;} #mainCont .popup-zone .popupWrap ul li a img {vertical-align: top;} #mainCont .popup-zone .popupWrap .pop_btnAll {display: none;} #mainCont .popup-zone .popupWrap .pop_btn {position: absolute; top: 20px; right: 20px;} #mainCont .popup-zone .popupWrap .pop_btn a {display: block; width: 20px; height: 20px; text-indent: -999em; overflow: hidden; background-image: url(./../../mycodyimages/m_popupzone_panel.png); background-repeat: no-repeat;} #mainCont .popup-zone .popupWrap .pop_btn a.pre {float: left; margin-left: -1px; background-position: 0 0;} #mainCont .popup-zone .popupWrap .pop_btn a.next {float: left; margin-left: -1px; background-position: -20px 0;} #mainCont .popup-zone .popupWrap .pop_btn #popupStopView {float: left; margin-left: -1px;} #mainCont .popup-zone .popupWrap .pop_btn #popupStopView a {background-position: -40px 0;} #mainCont .popup-zone .popupWrap .pop_btn #popupStartView {float: left; margin-left: -1px;} #mainCont .popup-zone .popupWrap .pop_btn #popupStartView a {background-position: -60px 0;} #mainCont .posts-shortcut {margin-top: 30px;;overflow: hidden} #mainCont .posts-shortcut h3 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .posts-shortcut ul {display: table;width:1000px;list-style: none; margin: 0; padding: 0;} #mainCont .posts-shortcut ul li {display: table-cell;} #mainCont .posts-shortcut ul li a {display: block;position:relative;padding-top: 102px; width: 166px; height: 36px; font-weight: bold; font-size: 14px;color: #000000;text-align: center;} #mainCont .posts-shortcut ul li a:after {content:"";position:absolute;top:16px;left:50%;margin-left:-40px;width:80px;height:80px;background-image: url(./../../mycodyimages/m_content_06.png); background-repeat: no-repeat;} #mainCont .posts-shortcut ul li a:focus, #mainCont .posts-shortcut ul li a:hover {text-decoration: underline;} #mainCont .posts-shortcut ul li.item-01{background-color: #E0E0E0} #mainCont .posts-shortcut ul li.item-01 a:after {content:"";background-position: 0 0;} #mainCont .posts-shortcut ul li.item-02{background-color: #bfe1e4;} #mainCont .posts-shortcut ul li.item-02 a:after {content:"";background-position: -168px 0;} #mainCont .posts-shortcut ul li.item-03{background-color: #d9e6ef;} #mainCont .posts-shortcut ul li.item-03 a:after {content:"";background-position: -335px 0;} #mainCont .posts-shortcut ul li.item-04{background-color: #E0E0E0;} #mainCont .posts-shortcut ul li.item-04 a:after {content:"";background-position: -504px 0;} #mainCont .posts-shortcut ul li.item-05{background-color: #bfe1e4;width: 169px;} #mainCont .posts-shortcut ul li.item-05 a:after {content:"";background-position: -672px 0;} #mainCont .posts-shortcut ul li.item-06{background-color: #d9e6ef;} #mainCont .posts-shortcut ul li.item-06 a:after {content:"";background-position: -838px 0;} /* mid-container */ #mainCont .financial-products {float: left; margin: 40px 0;} #mainCont .financial-products h3 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .financial-products ul {list-style: none; margin: 0; padding: 0;} #mainCont .financial-products ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .financial-products ul li {float: left; width: 250px;} #mainCont .financial-products ul li a {display: block; padding: 20px 0 0 116px; height: 70px; background-image: url(./../../mycodyimages/m_content_03.png); background-repeat: no-repeat;} #mainCont .financial-products ul li a strong {display: block; line-height: 26px; font-size: 15px; color: #ffffff;} #mainCont .financial-products ul li a span {display: block; line-height: 26px; font-size: 13px;} #mainCont .financial-products ul li a:focus *, #mainCont .financial-products ul li a:hover * {text-decoration: underline;} #mainCont .financial-products ul li.item-01 a {background-color: #404d89; background-position: 0 0;} #mainCont .financial-products ul li.item-01 a span {color: #a2aedc;} #mainCont .financial-products ul li.item-02 a {background-color: #5369bf; background-position: -250px 0;} #mainCont .financial-products ul li.item-02 a span {color: #c1d7e6;} #mainCont .financial-products ul li.item-03 a {background-color: #458dbf; background-position: -500px 0;} #mainCont .financial-products ul li.item-03 a span {color: #b9eef4;} #mainCont .financial-products ul li.item-04 a {background-color: #45b2bf; background-position: -750px 0;} #mainCont .financial-products ul li.item-04 a span {color: #bee9df;} #mainCont .coop-infomation {float: left; position: relative;} #mainCont .coop-infomation:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} /* 행사일정표 */ #mainCont .event-calendar {float: left; padding: 20px 30px 0 30px; width: 270px; height: 240px; background-color: #ffffff;} #mainCont .event-calendar h3 {margin: 0; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; color: #484e5a;} #mainCont .event-calendar #flonttimetable-container #date {position: absolute; top: 0; right: 0;} /* 날씨정보 */ #mainCont .weather-info {float: left; margin-left: 5px; padding: 20px 30px 0 30px; width: 270px; height: 175px; background-color: #ffffff;} #mainCont .weather-info h3 {margin: 0; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; color: #484e5a;} /* 농산물가격안내 */ #mainCont .price-guide {float: right; margin-top: 5px; width: 330px; height: 60px; background-color: #ffffff;} #mainCont .price-guide h3 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .price-guide ul {list-style: none; margin: 0; padding: 0;} #mainCont .price-guide ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .price-guide ul li {float: left; width: 50%;} #mainCont .price-guide ul li a {display: block; padding-top: 8px; height: 52px; line-height: 20px; color: #ffffff; text-align: center;} #mainCont .price-guide ul li a span {display: block; font-size: 12px; text-decoration: inherit;} #mainCont .price-guide ul li a strong {display: block; font-size: 15px; text-decoration: inherit;} #mainCont .price-guide ul li a:focus, #mainCont .price-guide ul li a:hover {text-decoration: underline;} #mainCont .price-guide ul li.item-01 a {background-color: #458dbf;} #mainCont .price-guide ul li.item-02 a {background-color: #5369bf;} /* 농수산물 안내 */ #mainCont .crop-guide {float: right; position: relative; margin-left: 5px; padding: 20px 180px 0 30px; width: 120px; height: 240px; background: #ffffff url(./../../mycodyimages/m_content_04.png) no-repeat 0 0;} #mainCont .crop-guide h3 {margin: 0; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; color: #484e5a;} #mainCont .crop-guide p {margin: 20px 0 0 0; font-size: 13px; color: #666666;} #mainCont .crop-guide .btn {position: absolute; bottom: 30px; left: 30px;}