@charset "utf-8"; @import url(/Web-home/frame/css/layout_mall.css); @import url(/user/hsc/style/css/NotoSans.css); @import url(/user/hsc/style/css/NotoSans_url.css); *{font-family:"Noto Sans KR", "NotoSansKR-Regular", "NotoSans","맑은 고딕" !important;letter-spacing: -1px;} /********************** header **********************/ /* logo */ #header .logo {position: relative;width:100%;margin-bottom: 20px;} #header .logo h1 {height: 126px;width:710px;text-align:right !important;;} #header .logo h1 a{display:inline-block !important} #header .logo h1 a img{margin-top:-20px;} /* qr코드 */ #header .logo .qrcode{width:185px;float:right;padding-top:50px;} /* secondary-navi */ #header .secondary-navi {position: absolute; top: 64px; right: 0;} #header .secondary-navi h2 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #header .secondary-navi ul {list-style: none; margin: 0; padding: 0;} #header .secondary-navi ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #header .secondary-navi ul li {float: left; font-weight: bold; font-size: 14px; color: #333333;} #header .secondary-navi ul li+li {position: relative; margin-left: 8px; padding-left: 9px;} #header .secondary-navi ul li+li:after {content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -3px; width: 1px; height: 7px; border-left: 1px dotted #515151;} #header .secondary-navi ul li a {display: block; padding-top: 3px; height: 17px; line-height: .9; color: inherit; text-decoration: none;} #header .secondary-navi ul li a strong {color: #32a03f; text-decoration: inherit;} #header .secondary-navi ul li a:focus, #header .secondary-navi ul li a:hover {text-decoration: underline;} #header .util ul li {font-weight:500 !important;} /* item-search */ #header .item-search {/*position: absolute; top: 100px; right: 0;*/} #header .item-search .form-item .form-head {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #header .item-search .form-item .form-body .form-area {position: relative; padding: 8px 14px 8px 20px;} #header .item-search .form-item .form-body .form-area:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #header .item-search .form-item .form-body .form-area .form {float: left; overflow: visible; width: 182px; font-size: 12px; height: 20px; line-height: 20px; color: #666666; background-color: transparent;letter-spacing: -1px;} #header .item-search .form-item .form-body .form-area .btn {position: absolute; top: 0; right: 0;} #header .item-search .form-item .form-body .form-area .btn span {width: 36px; height: 36px; overflow: hidden; text-indent: -999em; background: url(./../../mycodyimages/c_btn_item_search.png) no-repeat 0 0;} /* nav-container */ #header .nav-container {float: left; position: relative; padding-left: 150px; width: 1050px;height:50px;} #header .nav-container:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; left:50%;margin-left:-1000px; width: 2000px; height: 1px; background-color: #e1e1e1;} ##mid-container{padding-top:210px} #mid-container:before {content: ''; display: block; position: absolute; z-index: -10; top:-40px; left:50%;margin-left:-1000px;width: 2000px;;height: 210px; background:url(/user/herbhandon/mycodyimages/sub-visual.png)no-repeat;} #jwWrapContent:before {content: ''; display: block; position: absolute; z-index: -10; left:50%;margin-left:-1000px;width: 2000px;;height: 210px;top:231px; background:url(/user/herbhandon/mycodyimages/sub-visual.png)no-repeat;} /*#mid-container:before {content: ''; display: block; position: absolute; z-index: -10; left:50%;margin-left:-1000px;width: 2000px;;height: 210px; background:url(/user/herbhandon/mycodyimages/sub-visual.png)no-repeat;}*/ /* all-categories */ #header .nav-container .all-categories {position: absolute; left: 0; top: 0; z-index: 999; width: 166px;} #header .nav-container .all-categories .goto-category {display: block; color: #ffffff;} #header .nav-container .all-categories .goto-category span {display: block; padding: 16px 0 0 30px; height: 34px; line-height: .9; font-size: 17px; color: #333; background: url(./../../mycodyimages/c_all_categories.png) no-repeat 0px 4px ;font-weight:600;} #header .nav-container .all-categories .category-list {border-top-color: #e6e6e6; border-bottom-color: #e6e6e6; background-color: #e6e6e6;padding:0 !important;border:0 !important;} #header .nav-container .all-categories .category-list>ul>li+li {border-top-color: #c0bfa8;} #header .nav-container .all-categories .category-list>ul>li {padding:0 !important;} #header .nav-container .all-categories .category-list>ul>li>a {color: #005824;padding-left:42px !important;font-size:15px !important;font-weight:500 !important;height:37px !important;line-height:37px !important;} #header .nav-container .all-categories .category-list>ul>li>a:before {background-image: url(./../../mycodyimages/c_category.png);left:15px !important;top:2px !important;} #header .nav-container .all-categories .category-list>ul>li>ul>li>a {color: #666;padding-left:42px !important;} #header .nav-container .all-categories .category-list>ul>li>ul {padding:0 !important;} #header .nav-container .all-categories .category-list>ul>li>ul>li {padding-left:0 !important;display:table;border-top:1px solid #bbb;width:100%;height:38px !important;line-height:38px !important;;} #header .nav-container .all-categories .category-list > ul > li > ul > li::before{background-color:#999;top:20px !important;left:31px !important} /* lnb */ #header .nav-container .lnb {float: left; position: relative; z-index: 100; padding-bottom: 40px;margin-left: 40px;} /* #header .nav-container .lnb #menuTopUI #top_div>ul>li>a.active {background: url(./../../mycodyimages/c_lnb_1depth_active.png) no-repeat 50% 100%;} */ #header .nav-container .lnb #menuTopUI #top_div>ul>li .div_2>ul>li a {} #header .nav-container .lnb #menuTopUI #top_div>ul>li .div_2>ul>li a:focus, #header .nav-container .lnb #menuTopUI #top_div>ul>li .div_2>ul>li a:hover, #header .nav-container .lnb #menuTopUI #top_div>ul>li .div_2>ul>li a.active {font-weight: bold; text-decoration: underline;} #header .nav-container .all-categories .category-list>ul>li>ul>li>a:focus, #header .nav-container .all-categories .category-list>ul>li>ul>li>a:hover, #header .nav-container .all-categories .category-list>ul>li>ul>li>a.active {font-weight: bold; text-decoration: underline;} /* phone-oders */ #header .nav-container .phone-oders {float: right; margin: 0; width: 190px; padding-left: 45px; background: url(./../../mycodyimages/c_phone_oders.png) no-repeat 0 0;} #header .nav-container .phone-oders span {display: inline-block; height: 55px; line-height: 55px; font-size: 13px; color: #ffffff; vertical-align: top;} #header .nav-container .phone-oders strong {display: inline-block; height: 55px; line-height: 55px; font-size: 16px; color: #f6ff00; vertical-align: top;} /********************** mid-container **********************/ /* snb */ #mid-container #left-container #menuSubUI .div_2>ul li a:before {border-top-color: #018323; border-left-color: #018323; background-color: #08ad51;} #mid-container #left-container #menuSubUI .div_2>ul li a.active, #mid-container #left-container #menuSubUI .div_2>ul li a:focus, #mid-container #left-container #menuSubUI .div_2>ul li a:hover {color: #609737;} /* call-center */ #mid-container #left-container .call-center {display:none;margin-top: 20px; padding: 10px; border-top: 4px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;} #mid-container #left-container .call-center h2 {margin-bottom: 8px; line-height: 22px; font-size: 14px; font-weight: bold; color: #333333;} #mid-container #left-container .call-center .phone-number .head {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mid-container #left-container .call-center .phone-number .number {display: inline-block; vertical-align: top; padding-left: 28px; font-size: 20px; line-height: 28px; color: #74a01c; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 0;} #mid-container #left-container .call-center .fax-number .head {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mid-container #left-container .call-center .fax-number .number {display: inline-block; vertical-align: top; padding-left: 28px; font-size: 20px; line-height: 28px; color: #74a01c; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 -28px;} #mid-container #left-container .call-center .business-hours {margin-top: 4px; line-height: 18px; font-size: 12px; color: #666666;} /* account-number */ #mid-container #left-container .account-guide {display:none;margin-top: -1px; padding: 10px; border: 1px solid #e7e7e7;} #mid-container #left-container .account-guide h2 {margin-bottom: 8px; line-height: 22px; font-size: 14px; font-weight: bold; color: #333333;} #mid-container #left-container .account-guide .account-number {list-style: none;} #mid-container #left-container .account-guide .account-number .head {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mid-container #left-container .account-guide .account-number .bank {display: block; overflow: hidden; height: 28px; line-height: 28px; font-size: 20px; text-indent: -999em; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 -56px;} #mid-container #left-container .account-guide .account-number .number {display: block; font-size: 20px; line-height: 28px; color: #74a01c;} #mid-container #left-container .account-guide .account-holder {margin-top: 4px; line-height: 18px; font-weight: bold; font-size: 12px; color: #666666;} #mid-container #left-container .account-guide .account-holder .head:after {content: ' : ';} /********************** content-container **********************/ #sQuickMenu {margin-top: 280px;} /********************** footer-container **********************/ #footer .secure-service {left: 240px;} #footer .site-info {padding-left: 240px;margin-top: 36px !important;} #footer .site-info:before {width: 220px; background-image: url(./../../mycodyimages/logo_footer.png);} #footer .copyright {} #content-container{width:1200px !important;min-height:700px !important} #board-container{font-size:15px !important;line-height:200%} .sopmal_find{float:right;width:212px;margin-top:8px;background: #e4e4e4;border-radius: 25px;} .sopmal_find .wizard_func_area .submit-form.item-search{} #top_k2wiz_GNB li.li_1:after{content:"";height:10px;width:1px;background:#888;position:absolute;top:50%;;margin-top:-7px} /*#content-container .content-header{position: absolute;top: -210px;width: 700px;left: 50%;margin-left: -350px;} */ #content-container .content-header h2{font-size: 35px !important;font-weight: normal !important;;text-align: center;margin: 10px 0 100px 0 !important;color:#eaeaea !important;;} #header-container, #content-container,#footer{width:1200px !important} #header:before{border-bottom: 1px solid transparent !important;background-color: transparent !important;} #left-container{display:none} #content-container{float: none !important;position: relative;} #pageNavi .pLocation{top: 96px !important;width: 100%;text-align: center;color:#828282 !important;} #pageNavi .pLocation strong{color:#828282 !important;} #shopping_view .product_img .product_slider.imgBig .slick-slide img{max-width: 460px !important;max-height: 460px !important;} #shopping_list .listContents ul li a dl dd span{font-size:20px !important} #shopping_list .listContents ul li a dl dt{font-size:16px !important;font-weight:normal !important;color:#582100 !important;max-height: 54px !important;;} .nhpolicy{font-size: 14px !important;} /*쇼핑리스트 장바구니 관심상품*/ #shopping_list .listContents.typeA ul li .list_button{position: absolute !important;;left: 0;right: 0;bottom: 160px;} #shopping_list .listContents ul li .list_button a{display:inline-block;background-color: transparent !important;border: 1px solid transparent !important;float: none !important;width: auto !important;color:#fff !important} #shopping_list .listContents ul li .list_button > div{text-align: center;background: rgba(0,0,0,0.4);;opacity: 0;transition: all .5s;} #shopping_list .listContents ul li:hover .list_button > div{opacity: 1;transition: all .5s;} #shopping_list .listContents ul li .list_button a span{font-size:3px !important;color: transparent !important;;width: 30px !important;height: 34px;display: block;} .button.normalRed.purchase input{padding-top:11px !important} #shopping_view{background-color: transparent !important;} /* 상단 서울경기양돈농협 바로가기*/ #header .shortcut ul li{margin-top:10px} #header .shortcut ul li a{height:auto !important;width:150px !important;padding:0!important;border: none !important;} #header .shortcut ul li a img{width:100%} #header .shortcut ul li a:hover{background:transparent} /* 상품리스트 장바구니 관심상품 */ #shopping_list .listContents ul li .list_button a.like span{background: url(/user/herbhandon/mycodyimages/sq_btn_like.png) left center no-repeat !important;} #shopping_list .listContents ul li .list_button a.basketList span{background: url(/user/herbhandon/mycodyimages/sq_btn_basket.png) left center no-repeat !important;} #footer-container:after{content:"";position: absolute;;width:2000px;margin-left:-1000px;left:50%;top:50px;height:1px;background-color:#d7d7d7;z-index:10} #footer-container{background:none !important;border-top:1px solid #d7d7d7;margin-top:100px;} #jwWrapFooter{background:none} #album-container div.list ul.gallery li,{font-size:16px} #album-container div.list ul.gallery li div.thumb{height: 250px} #album-container div.list ul.gallery li div.thumb img{width:100%;height:100%} .weekThumList .album_reSizeArea{width: 33.2% !important;} #album-container div.list ul.gallery li{min-height: auto !important;} #album-container div.list ul.gallery li dl dt strong{font-size:20px !important;font-weight: normal;} .wizbtnNhsmall a, .wizbtnNhsmall input, .wizbtnNhsmall button{font-size: 16px !important;} .htmlWrap .title1st{font-size: 20px !important;} .htmlWrap .k2conWrap .conbuilContent,#shopping_Tab li a{font-size: 16px !important;letter-spacing:1px} #shopping_view .product_overview .viewTitle{font-size: 35px !important;font-weight: normal !important;letter-spacing: -4px;} #shopping_view .product_overview ul li,#footer,#footer .site-info .info-list{font-size: 13px !important;font-weight:400 !important;} #sitemap,#sitemap .sm_inner{width:1000px !important} #sitemap .sm_list{width: 220px !important;} .sm_list .sm_title{font-size:18px !important;width: auto !important;height: 46px !important;background: #e8d0b0 !important;} .sm_list li{padding: 6px 0;} .sm_list li a,input, button, select{font-size:14px !important;} #header-container, #pageTop{height:auto !important} #shoppingWrap {border:none !important;} #shopping_Tab {background:none !important;border:none !important;} #shopping_Tab ul {border-left:1px solid #ccc !important} #shopping_Tab li a{border-right:1px solid #ccc !important;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important;border-left:none !important} #shopping_Search .searchWrap span.button input {border:none !important;border-radius:15px;height:31px;} #shopping_Search .searchWrap input.inputText{height:31px !important;line-height:31px !important; width:200px; min-width:200px !important; border-radius:15px;} #shopping_Search .searchWrap span.button{margin-left:5px !important;} #shopping_list .listContents ul li a dl dd.soldOut strong {color: #999999 !important;font-weight:400 !important;font-size:22px !important;;} #shopping_list .listContents ul li a dl dd.preparation strong {color: #999999 !important;font-weight:400 !important;font-size:22px !important;;} #shopping_list .listContents.typeA ul li a dl dd > strong{font-size:28px; font-weight:500;color:#000000;} #shopping_list .listContents.typeA ul li a dl dd{font-size:22px;color:#000000;} .htmlWrap .k2conWrap.typeSlideThumb .conbuilPhotoSlide .slideThumb .slideList li{width:100px !important} .htmlWrap .k2conWrap.typeSlideThumb .conbuilPhotoSlide .slideThumb .slideList li img{width:100% !important} .order-info {height:70px; margin-top:20px;background-image:url('/user/herbhandon/mycodyimages/bg_orderinfo.png');background-repeat:no-repeat;background-position-y:8px;} .order-info .call, .order-info .account {display:block;width:345px;float:left;color:#333;padding-left:45px;} .order-info .call strong, .order-info .account strong{display:block;font-size:30px;fornt-weight:bold;} .order-info .qr{float:right;} #header-container{padding-bottom:40px} #shopping_list .listContents.typeA ul li a dl{height: 85px;} ul.basket li img{width:150px !important;height:150px !important;} .htmlWrap .k2conWrap ul li{line-height: 26px !important;letter-spacing: 0 !important;} #content-container{height:auto !important} #footer .site-policy ul li{font-size:14px !important}