@charset "utf-8"; #slide-container {display: none;} #header-container .content-header{display: none;} #content-container{margin: 0 auto; padding: 0; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;} #content-container:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0;left: -500px; width: 2000px; background:#eee !important;border-bottom:1px solid #dbdbdb} #visualArea {position: relative; z-index: 1; top: -1px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 418px; overflow: hidden;} #visualArea .visualText {position: absolute; z-index: 90; top: 260px; left: 500px; width: 1000px; text-align: left;} #visualArea .visualText .item-01 {font-size: 32px; color: #ffffff;letter-spacing:-1px;margin-bottom:24px} #visualArea .visualText .item-02 {font-size:16px;; color: #ffffff;letter-spacing:-1px;line-height:24px} #visualArea .visualText .item-02 strong {display: block; font-size: 50px; color: #567d59; font-weight: normal;} #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 60; top: 24px; left: 500px; padding: 0 0 0 36px;} #visualArea .bx-wrapper .bx-controls:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #visualArea .bx-wrapper .bx-controls .bx-controls-direction {display: none;} /* bxslider 페이지 */ #visualArea .bx-wrapper .bx-controls .bx-pager:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item {float: left; margin-top: 3px; margin-bottom: 3px;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item+.bx-pager-item {margin-left: 4px;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {display: block; width: 10px; height: 10px; overflow: hidden; text-indent: -999em; background-color: #ffffff; border-radius: 5px;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {width: 30px; background-color: #619cd7;} /* bxslider 시작 정지 */ #visualArea .bx-wrapper .bx-controls .bx-controls-auto {position: absolute; top: 50%; left: 12px; margin-top: -8px;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item {} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a {display: block; width: 16px; height: 16px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/bg_slider_panels.png); background-repeat: 0 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: 0 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position: -16px 0;} #mainCont:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .latest-posts {float: left; padding: 45px; width: 390px; height: 179px; padding: 24px 24px 0 24px;border:1px solid #e4e4e4;background:#fff;margin-right:20px} /* 게시판탭 공통 */ .tab_list {position: relative;} .tab_list>ul {list-style: none; margin: 0; padding: 0;} .tab_list>ul>li {float: left; line-height: .9;} .tab_list>ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .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 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;} .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: 20px;} .tab_list>ul>li>a {font-size: 16px; color: #666666;} .tab_list>ul>li>a span {height: 28px; border-bottom: 2px solid transparent;} .tab_list>ul>li>a span.over {color: #277dc0; border-bottom-color: #006dba;} .tab_list>ul>li>ul {top: 50px;} .tab_list>ul>li>ul li {padding-right: 60px;} .tab_list>ul>li>ul li a {line-height: 28px; font-size: 13px; color: #666666;} .tab_list>ul>li>ul li span {line-height: 28px; font-size: 13px; color: #666666;} .tab_list>ul>li>ul li.more {border: 0 none;} .tab_list>ul>li>ul li.more a {top: -50px; right: 0; width: 23px; height: 23px; background-image: url(./../../mycodyimages/m_btn_more.png);} #mainCont {padding: 20px 0;} #mainCont .product_info_wrap {padding: 20px 24px 0 24px; height: 235px; border: 1px solid #e4e4e4; background: #fff;} #mainCont .product_info_wrap .product_info {float: left; width: 200px;} #mainCont .product_info_wrap .product_info h2 {font-size: 24px; font-weight: bold; color: #666;} #mainCont .product_info_wrap .product_info .summary {margin: 16px 0 0 0; line-height: 20px; font-size: 14px; color: #666666;} #mainCont .product_info_wrap .product_info .summary .wbr {display: inline-block; vertical-align: top;} #mainCont .product_info_wrap .product_info .bank-payment {margin: 16px 0 0 0; font-size: 14px; line-height: 20px;} #mainCont .product_info_wrap .product_info .bank-payment strong {display: block; color: #414141;} #mainCont .product_info_wrap .product_info .bank-payment span {display: block; color: #666666;} #mainCont .product_info_wrap .item-display {float: right; margin: 0; padding: 0;} #mainCont .product_info_wrap .item-display:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .product_info_wrap .item-display .item {float: left; list-style: none;} #mainCont .product_info_wrap .item-display .item+.item {margin-left: 24px;} #mainCont .product_info_wrap .item-display .item .thumbnail {margin: 0 auto; width: 160px; height: 160px; overflow: hidden; border: 1px solid #cbcbcb;} #mainCont .product_info_wrap .item-display .item .thumbnail .images {display: block; width: 100%; height: 100%;} #mainCont .product_info_wrap .item-display .item .thumbnail .images img {border: 0 none; vertical-align: top; width: 100%; height: 100%;} #mainCont .product_info_wrap .item-display .item .item-body {margin-top: 8px; padding: 0 10px; text-align: center;} #mainCont .product_info_wrap .item-display .item .item-body .data-head {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666;} #mainCont .product_info_wrap .item-display .item .item-body .data-head .title {line-height: 20px; font-size: 14px; color: inherit; text-decoration: none;} #mainCont .product_info_wrap .item-display .item .item-body .data-head .title:focus, #mainCont .product_info_wrap .item-display .item .item-body .data-head .title:hover {text-decoration: underline;} #mainCont .product_info_wrap .item-display .item .item-body .data-foot .price {display: inline-block; line-height: 18px; font-size: 16px; color: #ff3333;} #mainCont .product_info_wrap .item-display .item .item-body .data-foot .price .selling-price {line-height: inherit;} #mainCont .main-tab-wrap {margin-top: 20px;} #mainCont .main-tab-wrap:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} /* 최근게시물 앨범게시판 */ #mainCont .main-gallery {float: left; position: relative; width: 490px; height: 179px; padding: 24px 24px 0 24px; border:1px solid #e4e4e4; background: #fff;} #mainCont .main-gallery h2 {display: inline-block; height: 28px; line-height: .9; font-size: 16px; color: #006dba; vertical-align: top; border-bottom: 2px solid #006dba;} /* 앨범게시판탭 해당 템플릿 */ #mainCont .main-gallery .miniBox {position: relative !important; margin-top: 24px; text-align:left;} #mainCont .main-gallery .miniBox .miniGallery-container h2 {display: none;} #mainCont .main-gallery .miniBox .miniGallery-container ul {list-style: none; margin: 0; padding: 0; height: auto;} #mainCont .main-gallery .miniBox .miniGallery-container ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .main-gallery .miniBox .miniGallery-container ul li {float: none; height: 100px;} #mainCont .main-gallery .miniBox .miniGallery-container ul li span {float:left; display:block; width:190px; text-align:left; font-size:13px; } #mainCont .main-gallery .miniBox .miniGallery-container .contents {float:left; width:290px;} #mainCont .main-gallery .miniBox .miniGallery-container ul li .thumb {float: left; width: 175px; height: 100px; margin-right: 15px;} #mainCont .main-gallery .miniBox .miniGallery-container ul li .thumb a {display: block; position: relative; width: 100%; height: 100%;} #mainCont .main-gallery .miniBox .miniGallery-container ul li .thumb a img {vertical-align: top;} #mainCont .main-gallery .miniBox .miniGallery-container ul li .title {float: right; text-align: left; width: 300px;} #mainCont .main-gallery .miniBox .miniGallery-container ul li .title a {display: block; margin: 0; padding: 0px 0 0 0; height: 20px; line-height: .9; font-size: 14px; font-weight: bold; color: #333333; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #mainCont .main-gallery .miniBox .miniGallery-container ul li .title a:focus, #mainCont .main-gallery .miniBox .miniGallery-container ul li .title a:hover {text-decoration: underline;} #mainCont .main-gallery .miniBox .miniGallery-container a.more {display: block; position: absolute; top: -50px; right: 0; width: 23px; height: 23px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;} #mainCont .banner-wrap {margin-top: 20px;} #mainCont .banner-wrap:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .banner-wrap ul.banner4 {float:left; margin: 0; padding: 0; overflow: hidden; width: 538px; height: 208px; background: #fff; margin-right: 20px; border: 1px solid #e4e4e4;} #mainCont .banner-wrap ul.banner4 li {float:left; position: relative; list-style: none; margin: -1px 0 0 -1px; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4;} #mainCont .banner-wrap ul.banner4 li a {display: block; position: relative; width: 149px; height: 84px; padding: 20px 0 0 120px;} #mainCont .banner-wrap ul.banner4 li a:before {content: ''; display: block; position: absolute; left: 30px; top: 50%; margin-top: -30px; width: 60px; height: 60px; background-image: url("./../../mycodyimages/icon_main.png"); background-repeat: no-repeat;} #mainCont .banner-wrap ul.banner4 li.item-01 a:before {background-position: 0 0;} #mainCont .banner-wrap ul.banner4 li.item-02 a:before {background-position: 0 -60px;} #mainCont .banner-wrap ul.banner4 li.item-03 a:before {background-position: 0 -120px;} #mainCont .banner-wrap ul.banner4 li.item-04 a:before {background-position: 0 -180px;} #mainCont .banner-wrap ul.banner4 li a {display: block; color: #666; text-decoration: none;} #mainCont .banner-wrap ul.banner4 li a:focus, #mainCont .banner-wrap ul.banner4 li a:hover {text-decoration: underline} #mainCont .banner-wrap ul.banner4 li a .title {display: block; line-height: 24px; font-size: 16px; color: #333; margin-bottom: 5px; text-decoration: inherit;} #mainCont .banner-wrap ul.banner4 li a .summary {display: block; line-height: 16px; font-size: 12px; color: #666; text-decoration: inherit;} #mainCont .banner-wrap ul.banner4 li a .summary .wbr {display: block; white-space: nowrap;} #mainCont .banner-wrap .popup-zone-container {position: relative; float: left; width: 440px; height: 210px; overflow: hidden;} /* 특산물 소개 */ #mainCont .product_info_wrap .item-display .item .item-body .data-foot .price .price-consumer .value{color:#000;font-weight: normal;font-size:12px} #mainCont .product_info_wrap .item-display .item .item-body .data-foot .price .price-consumer .head{display:none} #mainCont .product_info_wrap .item-display .item .item-body .data-foot .price .price-consumer .unit{display:none} #mainCont .product_info_wrap .item-display .item .item-body .data-foot .price .price-selling .unit{display:none}