@charset "utf-8"; #slide-container {display: none;} #header-container .content-header {display: none;} #content-container {margin: 0 auto; padding: 445px 0 0 0; overflow: visible !important; width: 1200px; 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(./../../a_temp_09/codyimages/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: 1200px; height: 445px; overflow: hidden;border-width: 1px 0 0 0;border-style: solid;border-color: #ddd;} #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 60; bottom: 28px; left:50%; padding: 0 60px;margin-left:-85px} #visualArea .bx-wrapper .bx-controls a {display: block; width: 50px; height: 50px; overflow: hidden; text-indent: -999em; background-image: url(./../../a_temp_09/codyimages/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: -62px 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: -124px 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position: -186px 0;} #visualArea .visualText {display:none;position: absolute; z-index: 60; top: 120px; left: 550px; width: 1200px;} #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: -135px; left: 50%;margin-left:-1000px; width: 2000px; height: 600px; background: url(./../../a_temp_09/codyimages/m_content_01.png) no-repeat 50% 100%;} */ #mainCont {margin: 0 auto; padding: 34px 0 16px 0; width: 1200px;} #mainCont:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} /* 최근게시물 */ #mainCont .latest-posts {width: 1200px; height: auto;} #mainCont .latest-posts:after{content:"";display:block;clear:both} /* 최근게시물 일반게시판 */ #mainCont .latest-posts .latest-posts-normal {float:left;width:360px;position: relative; padding: 24px 0 0 0; height: 184px;} #mainCont .latest-posts .latest-posts-normal:before {content: ''; display: block; position: absolute; top: 54px; right: 0; left: 0; height: 1px; background-color: #d7d7d7;} #mainCont .latest-posts .latest-posts-normal + .latest-posts-normal{margin-left:60px} /* 게시판탭 공통 */ .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; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;} .tab_list>ul>li>ul li.more:after{content:"";position:absolute;top:-34px;right:0;width:8px;height:12px;background:url("/user/a_temp_09/a_temp_09/codyimages/arrow.png") no-repeat} /* 게시판탭 해당 템플릿 */ .tab_list>ul>li+li {margin-left: 16px;} .tab_list>ul>li>a {font-size: 18px; color: #7f7f7f;} .tab_list>ul>li>a span.over {color: #000;} .tab_list>ul>li>ul {top: 38px;} .tab_list>ul>li>ul li {padding-right: 60px; line-height: 32px; font-size: 14px; 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: #666;} .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: 40px; height: 24px;line-height:1;color:#0082d4} /* 최근게시물 앨범게시판 */ #mainCont .latest-posts .latest-posts-gallery {position: relative; margin-top: 52px; 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(./../../a_temp_09/codyimages/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(./../../a_temp_09/codyimages/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 {float: right; margin-top: 50px;} #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 {list-style: none; margin: 0; padding: 0;} #mainCont .posts-shortcut ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .posts-shortcut ul li {float: left;} #mainCont .posts-shortcut ul li a {display: block; padding-top: 135px; width: 150px; height: 55px; font-weight: normal; font-size: 16px; text-align: center; background-image: url(./../../a_temp_09/codyimages/m_content_02.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 a {color: #000; background-color: #e5e5e5; background-position: 0 0;} #mainCont .posts-shortcut ul li.item-02 a {color: #000; background-color: #8ac9d7; background-position: -150px 0;} #mainCont .posts-shortcut ul li.item-03 a {color: #ffffff; background-color: #484e5a; background-position: -300px 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(./../../a_temp_09/codyimages/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;font-weight: normal;} #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 {display:none;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 h2 {margin: 0; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; color: #484e5a;} #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(./../../a_temp_09/codyimages/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;} .quick-Menu{width:1000px;margin:116px auto 0} .quick-Menu h3{text-align: center;font-size: 26px;color:#333;line-height: 1;} .quick-Menu ul{margin-top:62px} .quick-Menu ul:after{content:"";display:block;clear:both} .quick-Menu ul li{float:left;position:relative;width:auto;} .quick-Menu ul li a{display:block;font-size:17px;color:#333;padding-top:88px;width:200px;text-align: center;} .quick-Menu ul li a:hover{text-decoration: underline;} .quick-Menu ul li:after{content:"";position: absolute;top:0;left:50%;right:0;background-image: url(/user/shnh/mycodyimages/main-icon.png); background-repeat: no-repeat;height:88px;z-index: -1;width:72px;margin-left:-36px} .quick-Menu ul li.item-01:after{background-position: -68px 0;} .quick-Menu ul li.item-02:after{background-position: -268px 0;} .quick-Menu ul li.item-03:after{background-position: -468px 0;} .quick-Menu ul li.item-04:after{background-position: -673px 0;} .quick-Menu ul li.item-05:after{background-position: -868px 0;}