/* @font-face { font-family: 'NotoSansCJKkr-Regular'; src: url(../font/NotoSansCJKkr-Regular.otf) format('truetype'); }
*{font-family: "NotoSansCJKkr-Regular";}  */

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

*{ font-family: 'Noto Sans KR', sans-serif; }

/* 공통 */
.ebit-nocss-box{text-align:left;z-index: 1;position:relative;}
.clearboth{*zoom:1;}
.clearboth:after{content: "";display: block;clear: both;}

/* ebit-cate-common-wrap */
.ebit-cate-common-wrap{padding:17px 0;text-align:left;z-index: 100;position:relative;}
.ebit-cate-common-wrap span{color:#000000;font-size:14px;display:inline-block;vertical-align:middle;}
.ebit-cate-common-wrap .mrl{margin:0 17px;}
.ebit-cate-common-wrap .cate-box{color:#000000;font-size:14px;display:inline-block;vertical-align:middle;position:relative;
padding-right:25px;background:url('/images/banner/20201223/arr_down.png') 99% bottom no-repeat;cursor:pointer;}
.ebit-cate-common-wrap .cate-box.on{background:url('/images/banner/20201223/arr_up.png') 99% bottom no-repeat;color:#339f45;font-weight:bold;}
.ebit-cate-common-wrap .cate-box.on .cate-box-active{display:block;}
.ebit-cate-common-wrap .cate-box .cate-box-active{min-width:220px; padding:15px;border:1px solid #7a7a7a;border-radius:2px;background:#fff;z-index:2;position:absolute;
top:25px;left:0;min-width:160px;box-sizing:border-box;display:none;}
.ebit-cate-common-wrap .cate-box .cate-box-active li a{color:#000000;font-size:14px;font-weight:normal;}
.ebit-cate-common-wrap .cate-box .cate-box-active li a:hover{font-weight:bold;}

/* 2021 12 20 */
.ebit-cate-align-box{border: 1px #d6d6d6 solid;background: #f4f4f4;position:relative;}
.ebit-cate-align-box select{position:absolute;top:5px;right:5px;border:1px solid #000;padding:2px;}
.ebit-cate-align-box img{display:inline-block;vertical-align:middle;}                                                                                                                           
.ebit-cate-align-box span{display:inline-block;vertical-align:middle;}


/* ebit-count-common-wrap */
.ebit-count-common-wrap{padding:20px 20px;border:1px solid #dddddd;border-radius:2px;position: relative;background:#fff;text-align:left;z-index: 1;position:relative;}
.ebit-count-common-wrap span{color:#000;font-size:15px;}
.ebit-count-common-wrap span strong{color:#e62b2b;font-size:15px;}
.ebit-count-common-wrap .count-select-box{position:absolute;top:10px;right:10px;width:133px;height:42px;border:1px solid #dddddd;border-radius:2px;
background:url('/images/banner/20201223/g_select_icon.jpg') 95% 50% no-repeat;color:#000000;font-size:15px;padding:0 20px;box-sizing:border-box;	-webkit-appearance: none;-moz-appearance: none;appearance: none;outline-color:#2c9d41;}

/* ebit-product-common-wrap */
.ebit-product-common-wrap{padding:10px 0;text-align:left;z-index: 1;position:relative;}
.ebit-product-common-wrap .border-box{border-bottom:1px solid #dfdddd;}
.ebit-product-common-wrap .item-box{width:25%;float:left;padding:25px;box-sizing:border-box;background:#fff;}
.ebit-product-common-wrap .item-box .inner{height:390px;width:100%;padding:10px;box-sizing:border-box;display:block;}
.ebit-product-common-wrap .item-box .inner:hover{-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.38);box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.38);}
.ebit-product-common-wrap .item-box .inner .product-img{width:100%;}
.ebit-product-common-wrap .item-box .inner .title{color:#000;font-size:14px;display:block;margin:10px 0 15px;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.4em;}
.ebit-product-common-wrap .item-box .inner .ori-price{color:#9a9a9a;font-size:14px;display:block;text-decoration: line-through;min-height:20px;}
.ebit-product-common-wrap .item-box .inner .dis-percent{color:#2b9e43;font-size:20px;display:inline-block;margin-left:10px;}
.ebit-product-common-wrap .item-box .inner .dis-price{color:#b10000;font-size:21px;display:inline-block;}
.ebit-product-common-wrap .item-box .inner .img-box{margin-top:30px;}
.ebit-product-common-wrap .item-box .inner .img-box img{width:91px;}

/* ebit-paging-common-wrap */
.ebit-paging-common-wrap{padding:35px 0 45px 0;text-align:center;}
.ebit-paging-common-wrap ul{display:inline-block;vertical-align:middle;box-sizing:border-box;}
.ebit-paging-common-wrap ul li{float:left;}
.ebit-paging-common-wrap ul li strong{height:35px;width:35px;display:inline-block;color:#000;line-height:35px;font-size:14px;}
.ebit-paging-common-wrap ul li a{height:35px;width:35px;display:inline-block;border-radius:100%;background:none;color:#000;line-height:35px;font-size:14px;}
.ebit-paging-common-wrap ul li a:hover{background:#f3aa00;color:#fff;}
.ebit-paging-common-wrap ul li a.on{background:#f3aa00;color:#fff;}
.ebit-paging-common-wrap input{display:inline-block;vertical-align:middle;box-sizing:border-box;outline:none;width:50px;height:35px;
border:1px solid #c4c4c4;}
.ebit-paging-common-wrap button{display:inline-block;vertical-align:middle;box-sizing:border-box;width:80px;height:35px;background:#f3aa00;
font-size:14px;color:#fff;line-height:35px;outline:none;border:0;}

/* 메인 5개짜리 css 기본 4개형 2021 01 04 */
.ebit-product-common-wrap.item5 {width:1200px;}
.ebit-product-common-wrap.item5 .item-box{width:20%;padding:10px;}
.ebit-product-common-wrap .item-box{width:25%;padding:10px;}

.ebit-product-common-wrap.item5 .item-box .product-img-box{ position: relative;width: 100%;height:200px;overflow:hidden;}
.ebit-product-common-wrap .item-box .product-img-box{ position: relative;width: 100%;height:200px;overflow:hidden;}
.ebit-product-common-wrap.item5 .item-box .product-img-box img{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ebit-product-common-wrap .item-box .product-img-box img{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.ebit-product-common-wrap .item-box .inner .title span{display:inline-block;width:100%;}


/* 2021 01 19 */
.ebit-product-common-wrap .item-box .inner .ori-price.super{display:inline-block;vertical-align:middle;}
.ebit-product-common-wrap .item-box .inner .ori-price.super + img{margin-left:10px;}

.ebit-product-common-wrap .item-box .inner .popcorn-percent-add{color:gray;font-size:14px;margin:15px 0;}
.ebit-product-common-wrap .item-box .inner .popcorn-percent-add img{display:inline-block;vertical-align:middle;}
.ebit-product-common-wrap .item-box .inner .popcorn-percent-add span{display:inline-block;vertical-align:middle;color:#373737;
font-size:14px;}
.ebit-product-common-wrap .item-box .inner .popcorn-percent-add + .img-box{margin:0}
.ebit-product-common-wrap .item-box .inner{height:auto;}

.ebit-product-common-wrap .item-box .inner .title{margin: 10px 0 5px;}
.ebit-product-common-wrap .item-box .inner:hover{-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);}

/* 2021 02 05 */
.ebit-product-common-wrap .item-box .inner{min-height:430px;max-height:430px;}
.ebit-product-common-wrap .item-box .inner .popcorn-percent-add{margin: 20px 0 20px;}
.ebit-product-common-wrap .item-box .inner .title{margin: 15px 0 5px;}

/* 2021 01 15 *//* 기획전페이지에 인기상품순, 신상품순 등 select 있는 영역  > 기획전 전용 css로 이동필요. */
/* .ebit-count-common-wrap{display:none;} */
.ebit-count-common-wrap .count-select-box.right-add{right:160px;}
/* 20210129 대표님요청 */
.ebit-count-common-wrap {height:64px;box-sizing:border-box; margin-top:20px;}/* 2021 06 21 */ 
.ebit-count-common-wrap span{display:none;}


/* 2021 06 10 */ /*  알수없음. 반투명한 검은 1px사각형이미지. 적용되는 위치확인필요.  */
.mobile-send-btn-css{position: fixed;top: 0;left: 0;background: url(/images/banner/20210610/back50.png) 0 0 repeat;z-index: 10000;width: 100%;height: 100%;text-align:center;}
.mobile-send-btn-css span{position:absolute;color:#fff;width:80%;height:200px;top:50%;left:50%;margin-left:-40%;margin-top:-100px;font-size:8vw;}
.mobile-send-btn-css a{position:absolute;color:#fff;width:80%;height:200px;top:38%;left:50%;margin-left:-40%;margin-top:-100px;font-size:8vw;}
.mobile-send-btn-css a img{width:45%;}




/* 2021 10 26 */ /* 결제페이지 css  이동필요 */
.order-add-ment{font-size:14px;color:#2e2e2e;padding:0;box-sizing:border-box;margin: 10px 28px 0 -50px;text-align:left;font-weight:normal;line-height: 22px;background: #fff;word-spacing: -1px;display:inline-block;}
.order-add-ment .inner{border:1px solid #c3c1c1;border-radius:10px;padding:10px 10px 10px 50px;background:url('/images/banner/20211026/pc_ment_icon_1.jpg') 8px 35% no-repeat;position:relative;}
.order-add-ment .color-g{color:#2b9e43;}
.order-add-ment .color-y{color:#f3aa03;}

.discount-new-info-box.order-paymethod-css .text-box{margin-bottom: 30px;}



/* 2022 09 14 팝콘세일아이콘 숨김처리 대표님요청 */
.ebit-product-common-wrap .item-box .inner .img-box img[alt=팝콘세일]{display:none;}
.ebit-product-common-wrap .item-box .inner .img-box span{font-size:14px;}
.ebit-product-common-wrap .item-box .inner .img-box span strong{color: #1236FC;}

/* 2022 09 19 my-point-to-sketch 추가작업 */
.my-point-to-sketch-btn-box{padding:10px;box-sizing:border-box;text-align:right;position:relative;}
.my-point-to-sketch-btn-box button{display: inline-block;background-color: #F3AA00;height: 45px;padding: 0 28px;border: none;color: #fff;font-size: 14px;line-height: 43px; font-weight: bold; text-align: center;vertical-align: middle;box-sizing: border-box;cursor: pointer;    top: 55px;
    right: 0; border-radius: 5px;position: absolute;}