/* 기존 공통 */
#overlay { display:none; z-index:8; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.5); }
.swiper-button-prev-m { left:5px; background:url('/img/v3/common/btn_prev_s.png') no-repeat 5px 50% !important; background-size:10px auto!important; }
.swiper-button-next-m { right:0px; background:url('/img/v3/common/btn_next_s.png') no-repeat 5px 50% !important; background-size:10px auto!important; }
.fc-red { color:#ff403c !important; }
.fc-blue { color:#4f7dd1 !important; }
.rank.fc-red span { border-bottom:5px solid #ff5552; }
.rank.fc-blue span { border-top:5px solid #2672ec; }
.rank span { position:relative; top:-1px; display:inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; }
.prd-wrap { position:relative; padding:15px 0 0; border-bottom:1px solid #bdc4cc; background:#fff; }
.prd-wrap h2 { z-index:2; position:absolute; top:12px; left:15px; font-size:16px; }
.prd-wrap .lnk { position:absolute; top:16px; right:15px; font-size:.75em; }
.prd-wrap .lnk.rank { overflow:hidden; }
.prd-wrap .lnk.rank li { float:left; margin-left:5px; color:#bfbfbf; font-size:12px; }
.prd-wrap .lnk.rank li:first-child { color:#000; }
.prd-wrap .lnk.more { padding-left:20px; background:url(/img/v3/common/ico_more.gif) no-repeat 0 0; background-size:14px 14px; line-height: 1.25; }

/* 튜토리얼 */
.tutorial { display:none; z-index:12; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.75); }
.tutorial .swiper-container,
.tutorial .swiper-wrapper,
.tutorial .swiper-slide { height:100%; }
.tutorial#mainGuide .swiper-pagination { bottom:25px; }
.tutorial#toolbarGuide .swiper-pagination { bottom:50px; }
.tutorial .swiper-pagination { right:0; width:100px !important; margin:0 auto; }
.tutorial .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; background-color:#b3b3b3; opacity:1; }
.tutorial .swiper-pagination .swiper-pagination-bullet-active { background-color:#53a0ff; }
.tutorial .btn-start { position:absolute; right:0; bottom:140px; left:0; width:229px; height:50px; margin:0 auto; background:url(/img/v3/tutorial/btn_start.gif) no-repeat 50% 0; background-size:229px 50px; text-indent:-9999px; }
.tutorial .btn-skip { position:absolute; right:0; bottom:0; width:100px; height:50px; background:url(/img/v3/tutorial/btn_skip.png) no-repeat 50% 50%; background-size:62px auto; text-indent:-9999px; }
.tutorial .btn-nomore { position:absolute; right:0; bottom:110px; left:0; width:86px; height:15px; margin:0 auto; background:url(/img/v3/tutorial/btn_no_more.png) no-repeat 50% 0; background-size:86px 15px; text-indent:-9999px; }
.tutorial .main-slide1 { background:url(/img/v3/tutorial/bg_main1_1.png) no-repeat 50% 0; background-size:100% auto; }
.tutorial .main-slide1 .bottom { position:absolute; right:0; bottom:22px; left:0; width:100%; height:100%; background:url(/img/v3/tutorial/bg_main1_2.png) no-repeat 50% 100%; background-size:100% auto; text-indent:-9999px; }
.tutorial .main-slide2 { background:url(/img/v3/tutorial/bg_main2.png) no-repeat 50% 0; background-size:100% auto; }
.tutorial .main-slide3 { background:url(/img/v3/tutorial/bg_main3.png) no-repeat 50% 170px; background-size:100% auto; }
.tutorial .main-slide4 { background:url(/img/v3/tutorial/bg_main4.png) no-repeat 50% 35%; background-size:100% auto; }
.tutorial .toolbar-slide1 { background:url(/img/v3/tutorial/bg_toolbar1.png) no-repeat 50% 25%; background-size:85% auto; }
.tutorial .toolbar-slide1 .bottom { position:absolute; right:0; bottom:0; left:0; width:100%; height:100%; background:url(/img/v3/tutorial/bg_toolbar_bottom.png) no-repeat 50% 100%; background-size:100% auto; text-indent:-9999px; }
.tutorial .toolbar-slide2 { background:url(/img/v3/tutorial/bg_toolbar2.png) no-repeat 50% 75%; background-size:100% auto; }
.tutorial .toolbar-slide3 { background:url(/img/v3/tutorial/bg_toolbar3.png) no-repeat 50% 35%; background-size:100% auto; }
.tutorial .btn-close { top:20px; right:20px; width:22px; height:22px; background:url(/img/v3/btn/h40_close.png) no-repeat 0 0; background-size:22px 22px; text-indent:-9999px; }
.tutorial .sync dl { position:absolute; top:90px; left:30px; }
.tutorial .sync dt { display:inline-block; border-bottom:1px solid #fff; color:#fff; font-size:22px; line-height:1; letter-spacing:-2px; }
.tutorial .sync dd { margin-top:8px; color:#bfbfbf; font-size:16px; line-height:1.5; letter-spacing:-1px; }
.tutorial .sync dd .btn-blue { width:70px; height:32px; line-height:34px; margin-top:15px; font-size:14px; }
.tutorial .sync .btn-nomore { right:15px; bottom:15px; left:auto; }
.tutorial { width:100%; height: 100%; background: url('/images/new/common/bg_modal.png'); }
.tutorial-new { display:none; z-index:70; position:fixed; top:0; right:0; bottom:0; left:0; background:#404040; }
.tutorial-new .swiper-container,
.tutorial-new .swiper-wrapper,
.tutorial-new .swiper-slide { height:100%; }
.tutorial-new#mainGuide .swiper-pagination { bottom:25px; }
.tutorial-new#toolbarGuide .swiper-pagination { bottom:50px; }
.tutorial-new .swiper-pagination { right:0; width:100px !important; margin:0 auto; }
.tutorial-new .main-slide1 > img { width:100%; height:94.4%; }
.tutorial-new .main-slide1 a > img { width:100%; height:5.6%; }
.tutorial-new .main-slide2 > img { width:100%; height:94.4%; }
.tutorial-new .main-slide2 a > img { width:100%; height:5.6%; }
.tutorial-new .main-slide3 > img { width:100%; height:94.4%; }
.tutorial-new .main-slide3 a > img { width:100%; height:5.6%; }
.tutorial-new .main-slide4 > img:nth-child(1) { width:100%; height:74.5%; }
.tutorial-new .main-slide4 > img:nth-child(3) { width:100%; height:16.5%; }
.tutorial-new .main-slide4 a > img { width:100%; height:9%; }

/* 업데이트 권장 배너 */
#update_banner { z-index: 60; position:fixed; top:20%; left:13%; background: initial; }
#update_banner a:nth-child(1) > img { width:74%; height:10%; }
#update_banner a:nth-child(2) > img { width:74%; height:auto; }

/* 앱뷰 업데이트 권장 배너 */
#appview_update_banner { z-index: 60; position:fixed; top:20%; left:13%; background: initial; }
#appview_update_banner a:nth-child(1) > img { width:74%; height:4.8%; }
#appview_update_banner a:nth-child(2) > img { width:74%; height:auto; }

/* placeholder */
/* :-moz-placeholder { font-size:.875em; } /* Firefox 18- 
::-moz-placeholder { opacity: 1; font-size:.875em; } /* Firefox 19+ 무슨 이유인지는 모르나 반투명처리되어 opacity가 있어야함 
:-ms-input-placeholder { font-size:.875em; } */

/* 상단 검색 */
.keyword-wrap .recent ul li > a { color:#4f7dd1 !important; }

/* 메인 레이어배너 */
#event_modal { position: fixed; top: 0; display: none; z-index: 40; width: 100%; height: 100%; left: 0; background: url('/images/new/common/bg_modal.png'); cursor:pointer;}
#event_banner { position: fixed; top: 0; display: none; z-index: 41; width: 80%; margin-left: 10%; }
#event_banner .event_banner{cursor:pointer;}
#event_banner .event_banner img { width:100%; }
.intro-banner .btn-tutorial-close img { float: left; display: block; width: 100%; }

/* 메인배너 전체보기 레이어 */
.banner-m-b { z-index:11; display:none; position:absolute; top:0; right:0; left:0; text-align:center; }
.banner-m-b li { margin-bottom:1px; }
.banner-m-b .inner { position:relative; width:95%; margin:0 auto 18px; }
@media screen and (min-width:800px) {
  .banner-m-b .inner .btn-hide { right:10%; }
}
.banner-m-b .inner h3 { display:block; padding:10px 0; text-align:center; color:white; font-weight:normal; font-size:1em; }
.banner-m-b .btn-hide { z-index:9999; position:absolute; right:5%; top:13px; width:17px; height:17px; }
.banner-m-b .btn-hide:after {
    height: 24px;
    width: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -1px;
    background: #fff;
}
.banner-m-b .btn-hide:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.banner-m-b .btn-hide:before {
    height: 24px;
    width: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -1px;
    background: #fff;
	}
.banner-m-b ul { margin:0; }
.banner-m-b img { max-height: 100%; max-width: 100%; }

/* 직구 순위 */
#scroll > li img { height:14px; }

/* 핫딜 더보기 */
 .js-load { display: none; }
 .js-load.active { display: block; }
 .is_comp.js-load:after { display: none;}

/* 쇼핑몰 */
.div-reward-product { margin-top:15px; padding:0 15px 0 15px; border-bottom:0; }
.div-reward-product .item-section-more { margin-top:0; }
.prd-ranking { padding-bottom:0 !important; background:#fff; }
.prd-ranking ul { border-top:1px solid #ddd; }
.prd-ranking li { position:relative; min-height:80px; margin-left:40px; padding:12px 8px 12px 90px; border-bottom:1px solid #ddd; }
.prd-ranking.lego-ranking li { padding-top:12px; padding-bottom:12px; }
.prd-ranking li:last-child { border-bottom:0; }
.prd-ranking li .num { position:absolute; top:50%; left:-35px; width:35px; margin-top:-10px; font-size:.625em; text-align:center; line-height:1; }
.prd-ranking li .num em { font-size:1.875em; }
.prd-ranking li .num .rank { display:block; }
.prd-ranking li .tmb { position:absolute; top:12px; left:0; width:80px; height:80px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.prd-ranking li .prd-info { margin-top:12px; }
.prd-ranking li .prd-info dt { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:.813em; }
.prd-ranking li .prd-info dd { position:relative; margin-top:8px; font-size:.75em; }
.prd-ranking li .prd-info dd .prd-price { position:absolute; top:0; right:6px; font-size:.75em; border-bottom:1px solid #000; line-height:1; }
.prd-ranking li .prd-info dd .prd-price em { font-size:1.875em; }
.prd-ranking li .mall-info { margin-top:8px; }
.prd-ranking li .mall-info dt { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:.813em; }
.prd-ranking li .mall-info dd { margin-top:6px; }
.prd-ranking li .mall-info dd a { display:inline-block; margin-right:10px; color:#4f7dd1; font-size:.813em; }
.prd-ranking li .lego-info dt,
.prd-ranking li .lego-info dd { margin-top:8px; font-size:13px; }
.prd-ranking li .lego-info dd .prd-price { font-size:11px; border-bottom:1px solid #000; }
.prd-ranking li .lego-info dd .prd-price.fc-red { border-bottom:1px solid #ff403c; }
.prd-ranking li .lego-info dd .prd-price em { font-size:16px; }
.prd-ranking li .lego-info dd .prd-diff { color:#999; }
.prd-ranking img { max-height: 100%; max-width: 100%; }
.prd-ranking em, address { font-style:normal; }
.prd-wrap .item-section-more { border-top: 1px solid #c4cad6; }

/* 다른고객 구매상품 */
.page-main .item-section.realtime .item-thumb { margin: 0 -1px -1px 0; height:160px; }
.page-main .item-section.realtime .item-section-item { height:290px; }

/* 레고 */
.main-lego-price .lnk.rank a { color: #bfbfbf; }
.main-lego-price .lnk.rank a.on { color: #000; }
.lego-wrap a img { width: 100%; }
.prd-wrap.lego-wrap { padding:0; line-height:1.2 }
.prd-wrap.lego-wrap > div { margin-top:0; padding-top:0; }
.btn-more { display:block; height:38px; line-height:38px; border-top:1px solid #ddd; background:#f5f5f5; text-align:center; }
.btn-more span { display:inline-block; padding-left:20px; background:url(/img/v3/common/ico_more.png) no-repeat 0 45%; background-size:14px 14px; font-size:13px; }
.prd-wrap.main-lego-price { line-height:1.2 }
.prd-wrap.main-lego-price > div { margin-top:6px; padding-top:22px; padding-bottom:15px; }
.prd-ranking li .tmb.lego { top: 21px; }
.prd-ranking li .lego-info dd .prd-diff.rise_drop { margin-top: 8px; }
.prd-rise { display:inline-block; padding-left:18px; background:url(/img/v3/common/bul_prd_rise.gif) no-repeat 0 0; background-size:auto 12px; color:#ff403c; }
.prd-drop { display:inline-block; padding-left:18px; background:url(/img/v3/common/bul_prd_drop.gif) no-repeat 0 0; background-size:auto 12px; color:#000; }
.prd-rise span,
.prd-drop span { color:#999; font-weight:normal; }

/* 비타민 */
.vitamin-wrap { position:relative; background:#fff; line-height:1.2 }
.vitamin-wrap.aqua { background:#60b7c9; }
.vitamin-wrap.green { background:#6dbc63; }
.vitamin-wrap.pink { background:#edc1b6; }
.vitamin-wrap h2 { padding-top:15px; color:#fff; font-size:20px; line-height:1.5; letter-spacing:-1px; text-align:center; }
.vitamin-wrap h2 span { display:inline-block; padding-top:3px; font-size:14px; }
.vitamin-wrap.aqua h2 span { border-top:1px solid #92ecff; border-bottom:1px solid #92ecff; color:#92ecff; }
.vitamin-wrap.green h2 { color:#fcfedf; }
.vitamin-wrap.green h2 span { border-top:1px solid #8dea81; border-bottom:1px solid #8dea81; color:#8dea81; }
.vitamin-wrap.pink h2 span { border-top:1px solid #b6573f; border-bottom:1px solid #b6573f; color:#b6573f; }
.vitamin-wrap .prd-vitamin { padding:0 15px 20px; }
.vitamin-wrap .btn-more { border-top:0; border-bottom:1px solid #bdc4cc; }
.prd-vitamin ul { margin-top:10px; padding:5px 0; background:#fff; }
.prd-vitamin li { position:relative; min-height:75px; padding:15px 10px 15px 135px; border-bottom:1px solid #ececec; }
.prd-vitamin li:last-child { border-bottom:0; }
.prd-vitamin li .num { position:absolute; top:50%; left:10px; width:40px; margin-top:-10px; font-size:10px; text-align:center; line-height:1; }
.prd-vitamin li .num em { font-size:20px; }
.prd-vitamin li .tmb { position:absolute; top:15px; left:50px; width:75px; height:75px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.prd-vitamin li dt { margin-top:5px; font-size:12px; letter-spacing:-1px; }
.prd-vitamin li dt strong { font-size:15px; }
.prd-vitamin li dd { margin-top:5px; font-size:12px; }
.prd-vitamin li dd .prd-price { color:#ff403c; font-size:11px; border-bottom:1px solid #ff403c; }
.prd-vitamin li dd .prd-price em { font-size:16px; }
.prd-vitamin li dd .prd-diff { color:#999; }
.vitamin-find { overflow:hidden; margin:28px 11px 15px; }
.vitamin-find li { float:left; width:33.33%; padding:0 4px; box-sizing:border-box; }
.vitamin-find li a { display:block; height:38px; line-height:40px; border:1px solid #dadada; color:#808080; font-size:14px; text-align:center; }
.prd-wrap .vitamin-find { padding-bottom: 3px; }
.prd-wrap .vitamin-find select.vitamin-select{ width: 100%; }
.vitamin-wrap.mustard { background:#f2e186; }
.vitamin-wrap.khaki { background:#a9cdb7; }
.vitamin-wrap.salgoo { background:#f3c29d; }
.vitamin-wrap.navi { background:#7c8ea6; }
.vitamin-wrap.mustard h2 span { border-top:1px solid #e4d16e; border-bottom:1px solid #e4d16e; color:#b09c31; }
.vitamin-wrap.khaki h2 span { border-top:1px solid #99bda6; border-bottom:1px solid #99bda6; color:#6e937c; }
.vitamin-wrap.salgoo h2 span { border-top:1px solid #e9ac7d; border-bottom:1px solid #e9ac7d; color:#d08044; }
.vitamin-wrap.navi h2 span { border-top:1px solid #627794; border-bottom:1px solid #627794; color:#3b5373; }
.vitamin-top .sort-wrap select { float:left; width:50%; height:34px; line-height:34px; position:relative; margin-right:-1px; font-size:14px; }
.vitamin-top select { width:100%; height:28px; line-height:28px; padding-left:10px; border:1px solid #bfbfbf; box-sizing:border-box; background:#fff url(/img/v3/common/bul_select.png) no-repeat right 8px center; background-size:7px auto; color:#666; }
.vitamin-wrap img { max-height: 100%; max-width: 100%; }
.vitamin-wrap em, address { font-style:normal; }

/* START::몰테일앱 다운로드 시 권한안내 레이어 노출요청 5677 2019.07.29 ysun0026 */
.div_layer_pop_auth{z-index:90; position:fixed; margin:auto;width:80%;text-align:center;margin-left:10%;top:20%;}
.div_layer_pop_auth .pop_content{background:#fff;width:100%;}
.div_layer_pop_auth .close img{width:100%;}

/* 인덱스 실시간 카테고리 컨텐츠 상단 패딩제거 */
.category-swipe-page > .real-time.item-section{padding-top:0;}

/* 인덱스 실시간 카테고리 이미지 height 고정 */
.page-main .item-section.real-time .real-time-cont .item-box .item-info table th{height:55px;}
.page-main .item-section.real-time .real-time-cont .item-box .item-info table th img{height:55px;}

/* 다해줌 카테고리 다해줌아이콘 */
.page-main .item-section.all .item-section-item .item-brand-box_icon{margin-left: 5px;}
.page-main .item-section.all .item-section-item .item-brand-box_icon img{width: 40px;}