@charset "utf-8"; /********************** global **********************/ /* tabs */ ul.tabs {list-style: none; margin: 0; padding: 0;} .tabs a {text-decoration: none;} .tabs a:focus, .tabs a:hover {text-decoration: underline;} /* item-display */ .item-display:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .item-display .item {float: left; width: 176px;} .item-display .item+.item {margin-left: 30px;} .item-display .item .thumbnail .images {width: 174px; height: 174px; border: 1px solid #cdcdcd;} .item-display .item .item-body {margin-top: 8px; text-align: center;} .item-display .item .item-body .data-head {line-height: 20px; font-size: 13px;} .item-display .item .item-body .data-head a {color: inherit; text-decoration: none;} .item-display .item .item-body .data-head a:focus, .item-display .item .item-body .data-head a:hover {text-decoration: underline;} .item-display .item .item-body .data-foot {margin-top: 4px;} .item-display .item .item-body .data-foot .price {line-height: 24px;} .item-display .item .item-body .data-foot .price .price-consumer {display: block;} .item-display .item .item-body .data-foot .price .price-consumer .head {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} .item-display .item .item-body .data-foot .price .price-consumer .value {text-decoration: line-through;} .item-display .item .item-body .data-foot .price .price-selling {display: block;} .item-display .item .item-body .data-foot .price .price-selling .head {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} .item-display .item .item-body .data-foot .price .price-selling .value {font-size: 18px; color: #ff6600;} .item-display .item .item-body .data-foot .price .price-selling .unit {font-size: 14px; color: #ff6600;} .item-display .item .item-body .button-area {margin-top: 8px; background-color: #949494;} .item-display .item .item-body .button-area:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .item-display .item .item-body .button-area .btn {float: left; width: 87px;} .item-display .item .item-body .button-area .btn+.btn {margin-left: 1px;} /* layout */ #slide-container {display: none;} #content-container {margin: 0 auto; overflow: visible !important; width: 1000px; height: auto !important; min-height: auto !important;} /********************** content **********************/ /* 추천상품 */ #mainCont .recommend-item {position: relative; height: 355px;} #mainCont .recommend-item:before {content: ''; display: block; position: absolute; z-index: -1; bottom: 0; top: 0; left: -500px; width: 2000px; height: 355px; background: url(./../../mycodyimages/m_visual.png) repeat-x 0 0;} #mainCont .recommend-item h2 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} /* bxslider */ #mainCont .recommend-item .bx-wrapper {position: relative; text-align: center; height: 355px;} #mainCont .recommend-item .bx-wrapper .bx-viewport {} #mainCont .recommend-item .bx-wrapper .bx-viewport .bxslider {margin: 0; padding: 0; width: 100%; height: 100%;} #mainCont .recommend-item .bx-wrapper .bx-viewport .bxslider li {} #mainCont .recommend-item .bx-wrapper .bx-viewport .bxslider li a {display: block;} #mainCont .recommend-item .bx-wrapper .bx-viewport .bxslider li a img {vertical-align: top; border: 0 none;} #mainCont .recommend-item .bx-wrapper .bx-controls {display: inline-block; position: relative; z-index: 60; bottom: 40px; padding: 4px 12px 4px 36px; vertical-align: top; border-radius: 12px; background-color: #000000; background-color: rgba(0,0,0,0.4);} #mainCont .recommend-item .bx-wrapper .bx-controls:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} /* bxslider 이동 */ #mainCont .recommend-item {} #mainCont .recommend-item .prev-direction {display: block; position: absolute; z-index: 60; top: 50%; left: 0; margin-top: -25px;} #mainCont .recommend-item .prev-direction a {display: block; width: 30px; height: 50px; overflow: hidden; text-indent: -999em; background: url(./../../mycodyimages/m_visual_direction.png) no-repeat 0 0;} #mainCont .recommend-item .next-direction {display: block; position: absolute; z-index: 60; top: 50%; right: 0; margin-top: -25px;} #mainCont .recommend-item .next-direction a {display: block; width: 30px; height: 50px; overflow: hidden; text-indent: -999em; background: url(./../../mycodyimages/m_visual_direction.png) no-repeat -30px 0;} /* bxslider 페이지 */ #mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager {} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager .bx-pager-item {float: left; margin-top: 3px; margin-bottom: 3px;} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager .bx-pager-item+.bx-pager-item {margin-left: 8px;} #mainCont .recommend-item .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;} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {background-color: #ff0000;} /* bxslider 시작 정지 */ #mainCont .recommend-item .bx-wrapper .bx-controls .bx-controls-auto {position: absolute; top: 50%; left: 12px; margin-top: -8px;} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item {} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a {display: block; width: 16px; height: 16px; overflow: hidden; text-indent: -999em; border-radius: 8px; background-image: url(./../../mycodyimages/m_visual_panels.png); background-repeat: no-repeat;} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {display: none;} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {background-position: 0 0;} #mainCont .recommend-item .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position: -16px 0;} /* 베스트 상품 */ #mainCont .best-product {margin-top: 40px;} #mainCont .best-product h2 {margin: 0 0 20px 0; line-height: .8; font-size: 26px; font-weight: bold; color: #333333; background: url(./../../mycodyimages/m_h2.png) repeat 0 0;} #mainCont .best-product h2 span {display: inline-block; padding-right: 10px; height: 26px; vertical-align: top; background-color: #ffffff;} /* 상품배너 */ #mainCont .item-banner {margin-top: 40px; width: 1000px; height: 120px;} #mainCont .item-banner h2 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .item-banner a {display: inline-block; vertical-align: top;} #mainCont .item-banner a img {vertical-align: top; width: 100%; height: 100%;} /* 우리 농특산물 */ #mainCont .speciality-product {margin-top: 40px;} #mainCont .speciality-product h2 {margin: 0 0 20px 0; line-height: .8; font-size: 26px; font-weight: bold; color: #333333; background: url(./../../mycodyimages/m_h2.png) repeat 0 0;} #mainCont .speciality-product h2 span {display: inline-block; padding-right: 10px; height: 26px; vertical-align: top; background-color: #ffffff;} #mainCont .speciality-product .tabs {display: table; table-layout: fixed; text-align: center; width: 100%;} #mainCont .speciality-product .tabs li {display: table-cell; vertical-align: middle;} #mainCont .speciality-product .tabs li+li {border-left: 2px solid #ffffff;} #mainCont .speciality-product .tabs li a {display: block; padding: 16px 20px; line-height: 16px; font-weight: bold; font-size: 14px; color: #333333; border-top-width: 2px; border-top-style: solid; background-color: #e3e3e3;} #mainCont .speciality-product .tabs li.active a {color: #0066cc; border-top-color: #0066cc; background-color: #ffffff;} #mainCont .speciality-product .tabs li .wbr {display: block;} #mainCont .speciality-product .tabs-content {padding: 32px 0 50px 0; background-color: #f2f2f2;} #mainCont .speciality-product .tabs-content .item-display {width: 794px; margin: 0 auto;} #mainCont .speciality-product .tabs-content .tabs-target {display: none;} #mainCont .speciality-product .tabs-content .tabs-target.active {display: block;} /* 초이스 상품 */ #mainCont .choice-product {margin-top: 40px;} #mainCont .choice-product h2 {margin: 0 0 20px 0; line-height: .8; font-size: 26px; font-weight: bold; color: #333333; background: url(./../../mycodyimages/m_h2.png) repeat 0 0;} #mainCont .choice-product h2 span {display: inline-block; padding-right: 10px; height: 26px; vertical-align: top; background-color: #ffffff;} /* support-container */ #mainCont .support-container {margin: 56px 0 -1px 0; background-color: #f5f5f5; border: 1px solid #dcdcdc; } #mainCont .support-container:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .support-container .btn.goto span {position: relative; padding: 5px 32px 0 12px; height: 17px; color: #ffffff; font-size: 12px; background-color: #4058a6; border-radius: 11px;} #mainCont .support-container .btn.goto span:after {content: ''; display: block; position: absolute; top: 0; right: 14px; width: 5px; height: 100%; background: url(./../../mycodyimages/c_bullet_01.png) no-repeat 0 50%;} #mainCont .support-container .btn.goto:focus span, #mainCont .support-container .btn.goto:hover span {text-decoration: underline;} /* 고객지원 */ #mainCont .support-container .customer-support {float: left; padding: 0 30px; width: 188px; height: 243px;} #mainCont .support-container .customer-support h2 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .support-container .customer-support .customer-service h3 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .support-container .customer-support .customer-service .call-center {margin: 0; padding-top: 43px; height: 51px; line-height: .9; font-size: 28px; color: #333333; text-align: center;} #mainCont .support-container .customer-support .customer-service .office-hours {margin: 0; font-size: 13px; color: #333333;} #mainCont .support-container .customer-support .bank-payment {margin-top: 16px;} #mainCont .support-container .customer-support .bank-payment h3 {margin: 0 0 8px 0; font-size: 16px; font-weight: bold; color: #333333;} #mainCont .support-container .customer-support .bank-payment .account-number {margin: 0; font-size: 13px; line-height: 22px; color: #333333;} #mainCont .support-container .customer-support .bank-payment .account-holder {margin: 0; font-size: 12px; line-height: 22px; color: #333333;} /* qna */ #mainCont .support-container .qna {float: left; position: relative; padding: 0 30px; width: 188px; height: 243px; border-left: 1px solid #dcdcdc;} #mainCont .support-container .qna:before {content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background: url(./../../mycodyimages/m_temp_01.png) no-repeat 0 0;} #mainCont .support-container .qna h2 {margin: 0; padding-top: 43px; height: 51px; line-height: .9; font-size: 28px; color: #333333; text-align: center;} #mainCont .support-container .qna p {margin: 0; font-size: 13px; line-height: 18px;} #mainCont .support-container .qna .btn.goto {margin-top: 10px;} /* faq */ #mainCont .support-container .faq {float: left; position: relative; padding: 0 30px; width: 188px; height: 243px; border-left: 1px solid #dcdcdc;} #mainCont .support-container .faq:before {content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background: url(./../../mycodyimages/m_temp_01.png) no-repeat 0 -120px;} #mainCont .support-container .faq h2 {margin: 0; padding-top: 43px; height: 51px; line-height: .9; font-size: 28px; color: #333333; text-align: center;} #mainCont .support-container .faq p {margin: 0; font-size: 13px; line-height: 18px;} #mainCont .support-container .faq .btn.goto {margin-top: 10px;} /* 공지사항 */ #mainCont .support-container .notice {float: left; padding: 0 30px; width: 191px; height: 243px; border-left: 1px solid #dcdcdc;} #mainCont .support-container .notice h2 {display: none; margin: 0; padding-top: 43px; height: 51px; line-height: .9; font-size: 28px; color: #333333; text-align: center;} /* 게시판탭 공통 */ .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 {width: 100%;} .tab_list>ul>li>a {width: 100%;} .tab_list>ul>li>a span {margin: 0; padding-top: 43px; width: 100%; height: 51px; line-height: .9; font-weight: normal !important; font-size: 28px; color: #333333; text-align: center;} .tab_list>ul>li>a span.over {color: #333333;} .tab_list>ul>li>ul {top: 90px;} .tab_list>ul>li>ul li {padding-right: 60px; padding-left: 8px;} .tab_list>ul>li>ul li:after {content: ''; display: block; position: absolute; top: 14px; left: 0; width: 2px; height: 2px; background-color: #707070;} .tab_list>ul>li>ul li a {line-height: 25px; font-size: 13px; color: #333333;} .tab_list>ul>li>ul li span {line-height: 25px; font-size: 13px; color: #333333;} .tab_list>ul>li>ul li.more {display: block; position: absolute; right: 0; bottom: -32px; padding: 0; overflow: hidden; color: #777777; background-repeat: no-repeat; background-position: 0 0;} .tab_list>ul>li>ul li.more:before {content: '+';} .tab_list>ul>li>ul li.more:after {display: none;} .tab_list>ul>li>ul li.more a {text-decoration: underline; color: inherit;} /* 전체상품 */ #shopping_Mlist{margin: 20px 0 0!important;} #shopping_Mlist .listContents{width:1020px;margin-left: -20px} #shopping_Mlist .listContents ul:after{content:"";display:block;clear:both} #shopping_Mlist .listContents ul{width:100% !important;} #shopping_Mlist .listContents ul li{width: 18% !important;margin:0 0 50px 20px !important;float:left;position:relative;} #shopping_Mlist .listContents li dl{height: 56px;} #shopping_Mlist .listContents li dl dd{font-size:20px !important} #shopping_Mlist .listContents li dl dt{font-size:14px;text-overflow: ellipsis;white-space: normal;word-break: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 5% 5% 0% 5%;} #shopping_Mlist .listContents li dl dd{font-size: 14px !important;color:#ff0000;} #shopping_Mlist .listContents li dl dd>strong{font-size:16px;font-weight:normal !inportant;;} #shopping_Mlist .listContents li .img{border:1px solid #ddd} #shopping_Mlist .listContents li .img img{width:100% !important;height:174px !important;} #shopping_Mlist .listContents li dl dd span{display:none;} #shopping_Mlist .listContents li a{display:block;text-align:center;padding: 0 1px;} .categoryZone_b span{border:1px solid #bbb;padding:7px 20px;font-size:14px;} .item-display .item .thumbnail .images img{height:174px !important;}