@charset "utf-8"; /* layout.css */ @import "reset.css"; @import "base.css"; /*@impor url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);*/ /*@font-face { font-family: 'Nanum Brush Script'; font-style: normal; font-weight: 400; src: url(font/NanumBrushScript-Regular.eot); src: url(font/NanumBrushScript-Regular.eot?#iefix) format('embedded-opentype'), url(font/NanumBrushScript-Regular.woff2) format('woff2'), url(font/NanumBrushScript-Regular.woff) format('woff'), url(font/NanumBrushScript-Regular.ttf) format('truetype'); }*/ #header, #header *, #footer, #footer *{box-sizing:border-box;} .fixHeight body{position:fixed;left:0;right:0;top:auto;backface-visibility:hidden;overflow:hidden;} .fixHeight #wrap{overflow:hidden;} /*.fixHeight, .fixHeight body, .fixHeight #wrap{overflow:hidden;}*/ .fixHeight .bottom_util{display:none;} .sprites{background:url('../images/common/sprites_header.png') no-repeat 0 0;background-size:185px 100px;text-indent:-9999em;overflow:hidden;} .christmas .logo {width: 50px !important;height: 40px !important;} .christmas #header > h1 {background:url('/images/christmas/logo.gif') no-repeat;background-position: center !important;background-size: 100% 100%;text-indent:-9999em;overflow:hidden;} #wrap{position:relative;overflow-x:hidden;z-index:1;} #wrap.scrolled{padding-top:40px;} #wrap.scrolled .top_fixed{position:fixed;left:0;top:0;width:100%;z-index:1000;} #header{position:relative;padding:13px 15px 0;} #header .logo{position:absolute;left:15px;bottom:0;;width:48px;height:36px;background-position:-25px -30px;z-index:1;} /*#header .logo:after{content:"";display:block;position:absolute;left:66px;top:10px;width:60px;height:45px;background:url('../../p/images/common/logo_ani3.gif') no-repeat 0 100%;background-size:100% auto;}*/ /* #header:after{content:"";display:block;position:absolute;left:66px;top:10px;width:54px;height:36px;background:url('../../p/images/common/logo_ani2.gif') no-repeat 0 100%;background-size:100% auto;} */ /*#header .logo{display:inline-block;margin-left:5px;width:78px;height:36px;background:url('../../p/images/common/logo_fantasy.gif') no-repeat 0 0;background-size:100% auto;} */ #header .logo > a{display:block;width:100%;height:100%;} #header .partners{position:absolute;right:15px;top:20px;} #header .partners a{display:inline-block;margin-left:13px;vertical-align:middle;} #header .partners .laypop_brandpavilionlist .pop_brandpavilionlist a{margin:0;} #header .partners a.brd_logo{margin:0;} #header .partners a.brd_logo img{height:24px;width:auto;} #header .partners ._btnTypeS{border-radius:10px;} #header .flied2{position:relative;} #header .goods_search{position:relative;padding-left:70px;width:calc(100% - 40px);} #header .goods_search .inp_search{height:38px;width:100%;padding:0 40px 0 10px;line-height:38px;border:0;border-radius:30px;background-color:#f2f2f2;-webkit-appearance:none;outline:none;} #header .goods_search .btn_search{display:block;position:absolute;right:13px;top:7px;width:18px;height:19px;background-position:-26px 0;} #header .btn_cart{position:absolute;right:0;top:0;width:40px;height:38px;;} #header .btn_cart > a{display:block;width:100%;height:100%;background:url('../images/common/ico_cart.png') no-repeat 100% center;background-size:27px auto;text-indent:-9999em;overflow:hidden;} #header .btn_cart .cart_num{display:inline-block;position:absolute;right:-4px;top:4px;width:16px;height:16px;line-height:16px;background-color:#ff3737;border-radius:50%;font-size:12px;color:#fff;text-align:center;text-indent:0;} /* 2021-06-08 추가 통합검색 TOP */ #header .new_auto_keywords{display:none;position:relative;margin:0px 55px 0 13px;} #header .research_box{position:relative;margin:-5px 10px 0 10px;padding:5px 10px 5px 33px;font-size:12px;text-align:left;} #header .research_box label{position:absolute;left:15px;} #header .recomnsearch_box{position:absolute;top:10px;right:0;font-size:12px;z-index:2;} #header .recomnsearch_box .dt_tit{position:relative;text-align: right;} #header .recomnsearch_box .dt_tit .btn_recomnsearch{display:block;} #header .recomnsearch_box .dt_tit .btn_recomnsearch span{padding-right:5px;} #header .recomnsearch_box .dt_tit .btn_recomnsearch:after{content:'';display:inline-block;width:10px;height:6px;background:url('../images/icon/ic_ar_recomnsearch.png') 0 0 no-repeat;vertical-align: 1px;} #header .recomnsearch_box .dt_tit .btn_recomnsearch.on:after{transform:rotate(180deg);} #header .recomnsearch_box .dd_recomnsearchword.on{display:block;} #header .recomnsearch_box .dd_recomnsearchword{display:none;margin-top:5px;padding:15px 20px;text-align:left;border:1px solid #d2d2d2;background-color:#fff;} #header .recomnsearch_box .dd_recomnsearchword li{padding-top:10px;} #header .recomnsearch_box .dd_recomnsearchword li:first-child{padding-top:0;} #header .recomnsearch_box .dd_recomnsearchword a{display:block;line-height:18px;} #mySideMenu{background-color:#dedede;overflow-y:auto;} #mySideMenu *{box-sizing:border-box;} #mySideMenu .top{position:relative;background-color:#222222;color:#fff;border-bottom:1px solid #cacacd;} #mySideMenu .top .ad_slogan{margin-top:15px;font-size:12px;} #mySideMenu .top .popX{position:absolute;right:0;top:5px;width:50px;height:50px;} #mySideMenu .top .ico_setting{display:block;position:absolute;right:50px;top:19px;width:23px;height:23px;background-position:0 -75px;vertical-align:middle;} #mySideMenu .top .login_info{padding:15px;} #mySideMenu .top .login_info .login_id{color:#fff;font-size:16px;} #mySideMenu .top .login_info .btn{display:inline-block;padding:0 6px;margin-right:3px;min-width:90px;height:30px;line-height:30px;color:#fff;font-size:13px;border:1px solid #fff;text-align:center;} #mySideMenu .top .login_info .btn.naver{margin-left:7px;} #mySideMenu .my_menu{margin-top:5px;background-color:#fff;} #mySideMenu .my_menu .list{border-top:1px solid #cacacc;} #mySideMenu .my_menu .list:after{content:"";display:block;clear:both;} #mySideMenu .my_menu .list > li{float:left;width:33.333%;height:115px;border-left:1px solid #ececec;border-top:1px solid #ececec;} #mySideMenu .my_menu .list > li:nth-of-type(1), #mySideMenu .my_menu .list > li:nth-of-type(2), #mySideMenu .my_menu .list > li:nth-of-type(3){border-top:0;} #mySideMenu .my_menu .list > li > a{display:block;width:100%;height:100%;padding-top:25px;text-align:center;} #mySideMenu .my_menu .list > li .tit{font-size:13px;color:#333;} #mySideMenu .my_menu .list > li .total{margin-top:5px;font-size:19px;font-weight:bold;} #mySideMenu .my_menu .list > li .total .count{font-size:24px;color:#333;} #mySideMenu .my_menu .list > li .total .count.zero{font-size:24px;color:#b9b9b9;} #mySideMenu .my_menu .list > li .imp{margin-top:12px;font-size:11px;color:#ff4840;} #mySideMenu .my_menu .list > li .imp .count{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;font-size:11px;color:#fff;border-radius:25px;background-color:#ff4840;} #mySideMenu .my_menu .list > li .imp.green{color:#00d58d;font-size:11px;} #mySideMenu .my_menu .list > li .imp.green .count{background-color:#00d58d;} #mySideMenu .go_link{padding:10px 8px 22px;} #mySideMenu .go_link:after, #mySideMenu .go_link > div:after{content:"";display:block;clear:both;} #mySideMenu .go_link a{display:block;float:left;width:calc(25% - 3px);height:40px;line-height:40px;margin-left:6px;border-radius:3px;border:1px solid #c6c7c9;background-color:#fff;font-size:13px;font-weight:bold;color:#333333;text-align:center;} #mySideMenu .go_link a:nth-of-type(1){margin-left:0;} #mySideMenu .go_link > .div_2{margin-top:6px;} #mySideMenu .go_link > .div_2 > a{width:calc(50% - 3px);} #mySideMenu .go_link > .div_3 > a{width:calc(33.3333% - 4px);} #mySideMenu .go_link sup{line-height:1;} #categoryMenu *{box-sizing:border-box;} #categoryMenu .sideMenuWrap{min-height:100%;overflow-y:auto;} #categoryMenu .top{position:relative;width:100%;text-align:center;background-color:#f4f4f4;border-bottom:1px solid #cacacd;} #categoryMenu .top > h2{height:48px;line-height:48px;font-size:17px;color:#333333;font-weight:bold;} #categoryMenu .top > h2 > span{display:inline-block;padding-left:12px;margin-left:6px;background:url(../images/common/ico_depth.png) no-repeat 0 center;background-size:7px 17px;} #categoryMenu .top > h2 > span:first-child{padding-left:0;margin-left:0;background:none;} #categoryMenu .top .btn_back{display:block;position:absolute;left:15px;top:15px;width:20px;height:18px;background:url(../images/common/ico_back.png) no-repeat 0 center;background-size:100%;text-indent:-9999em;overflow:hidden;} #categoryMenu .top .popX{position:absolute;right:0;top:0;width:50px;height:50px;} #categoryMenu .top .popX:before, #categoryMenu .top .popX:after{background-color:#4f4f4f;transition:none;} #categoryMenu .category_wrap{position:relative;min-height:100%;} #categoryMenu .category_list > li{display:table;width:100%;position:relative;border-bottom:1px solid #ececec;} #categoryMenu .category_list > li > a{display:table-cell;height:63px;padding-left:15px;color:#333;font-size:14px;font-weight:bold;vertical-align:middle;} #categoryMenu .category_list > li > a .new{display:inline-block;position:relative;top:-3px;left:5px;color:#fe4565;font-size:10px;font-weight:normal;vertical-align:top;} #categoryMenu .category_list > li .link{display:table-cell;width:80px;padding-left:0 !important;background:none !important;text-align:center;} #categoryMenu .category_list > li .link:before, #categoryMenu .category_list > li .link:after{display:none !important;} #categoryMenu .category_list > li .link > span{display:inline-block;width:60px;height:29px;line-height:29px;color:#666666;font-size:11px;border:1px solid #cacacd;border-radius:3px;text-align:center;} #categoryMenu #depth1 .category_list > li > a{position:relative;padding-left:68px;;} #categoryMenu #depth1 .category_list > li > a:before{content:"";position:absolute;left:15px;top:9px;display:block;width:45px;height:45px;background-repeat:no-repeat;background-position:center center;background-color:rgba(34,34,34,0.08);border-radius:50%;background-size:100% auto;} #categoryMenu #depth1 .category_list > li > a:after{content:"";display:block;position:absolute;left:15px;top:9px;width:45px;height:45px;background-color:rgba(34,34,34,0.08);border-radius:50%;} #categoryMenu #depth1 .category_list > li.m_tv > a:before{background-image:url('../images/category/ico_tv.jpg');} #categoryMenu #depth1 .category_list > li.m_refrigerator > a:before{background-image:url('../images/category/ico_refrigerator.jpg');} #categoryMenu #depth1 .category_list > li.m_washing > a:before{background-image:url('../images/category/ico_washing.jpg');} #categoryMenu #depth1 .category_list > li.m_kitchen > a:before{background-image:url('../images/category/ico_kitchen.jpg');} #categoryMenu #depth1 .category_list > li.m_household > a:before{background-image:url('../images/category/ico_air_cleaner.jpg');} #categoryMenu #depth1 .category_list > li.m_health > a:before{background-image:url('../images/category/ico_chair_etc.jpg');} #categoryMenu #depth1 .category_list > li.m_season > a:before{background-image:url('../images/category/ico_air_conditioner.jpg');} #categoryMenu #depth1 .category_list > li.m_computer > a:before{background-image:url('../images/category/ico_notebook.jpg');} #categoryMenu #depth1 .category_list > li.m_digital > a:before{background-image:url('../images/category/ico_camera.jpg');} #categoryMenu #depth1 .category_list > li.m_phone > a:before{background-image:url('../images/category/ico_phone.jpg');} #categoryMenu #depth1 .category_list > li.m_industrial > a:before{background-image:url('../images/category/ico_industrial.jpg');} #categoryMenu #depth1 .category_list > li.m_furniture > a:before{background-image:url('../images/category/ico_furniture.jpg');} #categoryMenu #depth1 .category_list > li.m_toy > a:before{background-image:url('../images/category/ico_toy.jpg');} #categoryMenu #depth1 .category_list > li.m_golf > a:before{background-image:url('../images/category/ico_golf.jpg');} #categoryMenu #depth1 .category_list > li.m_fruit > a:before{background-image:url('../images/category/ico_fruit.jpg');} #categoryMenu #depth1 .category_list > li.m_rental > a:before{background-image:url('../images/category/ico_rental.jpg');} #categoryMenu #depth1 .category_list > li.m_fruit > a:before{background-image:url('../images/category/ico_fruit.jpg');} #categoryMenu #depth1 .category_list > li.m_fashion > a:before{background-image:url('../images/category/ico_fashion.jpg');} #categoryMenu #depth2 .category_wrap{margin-bottom:-200px;} #categoryMenu #depth2 .category_list{padding-bottom:220px;} #categoryMenu #depth2 .banner{position:absolute;left:0;bottom:0;width:100%;z-index:1;} #categoryMenu #depth2 .banner img{width:100%;} #categoryMenu #depth3 .category_wrap{margin-bottom:-200px;} #categoryMenu #depth3 .category_list > li > a{position:relative;width:100%;} #categoryMenu #depth3 .category_list > li > a:before{content:"";display:block;position:absolute;top:22px;right:17px;width:12px;height:12px;border:1px solid #666666;border-width:1px 1px 0 0;transform:rotate(45deg);text-indent:-9999em;} #categoryMenu #depth3 .include_bnr{padding-bottom:220px;} #categoryMenu #depth3 .include_bnr .category_list{min-height:225px;} #categoryMenu #depth3 .include_bnr .banner_tip{margin-top:30px;text-align:center;} #categoryMenu #depth3 .include_bnr .banner_tip > a{display:block;} #categoryMenu #depth3 .include_bnr .banner_tip .img{display:inline-block;width:90px;height:90px;border-radius:50%;background-position:center center;background-size:cover;} #categoryMenu #depth3 .include_bnr .banner_tip .text{margin-top:10px;} #categoryMenu #depth3 .include_bnr .banner_tip .text > strong{padding-bottom:2px;font-size:18px;color:#333;border-bottom:1px solid #333333;} #categoryMenu #depth3 .banner{position:absolute;left:0;bottom:0;width:100%;z-index:1;} #categoryMenu #depth3 .banner img{width:100%;} #categoryMenu #depth1 .category_list > li .ico{position:absolute;display:block;left:15px;top:9px;width:45px;height:45px;border-radius:50%;overflow:hidden;} #categoryMenu #depth1 .category_list > li .ico img{width:100%;} #categoryMenu #depth1 .category_list > li p{margin-top:3px;} #categoryMenu .sideMenuWrap:nth-of-type(2n){z-index:1002;} #categoryMenu .sideMenuWrap:nth-of-type(3n){z-index:1003;} .sideMenuWrap{position:fixed;top:0;width:100%;height:100%;background-color:#fff;z-index:1001;overflow:initial; -webkit-transition: -webkit-transform 300ms; -webkit-transition-duration: 300ms; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); transform: translate3d(-100%, 0, 0); } .sideMenuWrap.active{ -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; transform: translate3d(0, 0, 0) !important; } .sideMenuWrap .side_menu{position:relative;width:100%;height:100%;overflow-y:auto;} .sideMenuWrap .btn_side_close{position:absolute;left:100%;top:0;width:40px;height:40px;background-color:#01954b;z-index:1000;transform: translate3d(-40px, 0, 0);} .sideMenuWrap .btn_side_close.show{transform: translate3d(0, 0, 0);} .side_bg{position:fixed;top:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1000;} #footer{text-align:center;padding-bottom:60px;border-top:1px solid #d5d5d5;background-color:#f0f0f1;} #footer .ft_mn1{background-color:#333333;padding:11px 0;letter-spacing:-1px;font-size:0;} #footer .ft_mn1 li{display:inline-block;border-right:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align:center;vertical-align:middle;} #footer .ft_mn1 li a{display:block;padding:0;height:15px;font-size:14px;line-height:15px;color:#fff;} #footer .ft_mn1 li.l{border-right:0;} #footer .ft_mn1 li:nth-child(1){width:21%;} #footer .ft_mn1 li:nth-child(2){width:29%;} #footer .ft_mn1 li:nth-child(3){width:21%;} #footer .ft_mn1 li:nth-child(4){width:29%;border-right:0;} #footer .ft_mn2{padding:15px 0 0 20px;letter-spacing:-.75px;text-align:left;} #footer .ft_mn2 li{display:inline-block;padding:0 10px 0 0;margin-right:5px;border-right:1px solid #9b9b9b;line-height:13px;} #footer .ft_mn2 li a{padding:0;color:#777;line-height:13px;font-size:12px;} #footer .ft_mn2 li:last-child{border-right:0;} #footer address{border-top:none;padding:17px 20px 20px;text-align:left;letter-spacing:-.5px;color:#666666;} #footer address .ti_name{display:block;padding-bottom:17px;color:#666666;font-size:12px;font-weight:normal;} #footer address .tx_info{line-height:18px;font-size:12px;} #footer address .tx_info > a{margin-right:5px;color:#666;} #footer address .tx_info strong{font-weight:normal;} #footer address .ti_name span{display:inline-block;padding-right:5px;margin-right:5px;} #footer address .ti_name .link_em{margin-left:5px} #footer .ft_sns{margin:0 18px;border-top:none;padding:0;} #footer .ft_sns a{display:inline-block;width:33px;height:33px;margin:0 3px;} #footer .ft_sns a.btn_f{background:url('../images/common/ico_f.png') no-repeat 0 0;background-size:auto 100%;} #footer .ft_sns a.btn_b{background:url('../images/common/ico_b.png') no-repeat 0 0;background-size:auto 100%;} #footer .ft_sns a.btn_p{background:url('../images/common/ico_post.png') no-repeat 0 0;background-size:auto 100%;} #footer .ft_sns a.btn_y{background:url('../images/common/ico_youtube.png') no-repeat 0 0;background-size:auto 100%;} #footer .ft_sns a.btn_i{background:url('../images/common/ico_insta.png') no-repeat 0 0;background-size:auto 100%;} #footer small{display:block;margin-top:10px;color:#666666;font-size:11px;letter-spacing:0;} #footer .kicc{margin-top:10px;} #footer .kicc strong{font-size:12px;font-weight:bold;color:#222;} #footer .kicc p{margin-top:3px;font-size:12px;color:#666;word-break:keep-all;line-height:1.4;} #footer .kicc .btn{display:inline-block;margin-top:3px;padding:3px 5px;background-color:#999;color:#fff;font-size:11px;} #footer .notice{padding:0 20px 20px;} #footer .notice .text{font-size:12px;color:#666;line-height:1.4;text-align:left;word-break:keep-all;} /*기존 floating*/ #footer .ft_nav{position:fixed;bottom:0;left:0;right:0;display:table;width:100%;background-color:#fff;border-top:1px solid #b0b1b1;z-index:3;} #footer .ft_nav > a{display:table-cell;max-width:0;height:50px;color:#222;font-size:11px;padding-top:33px;background-size:auto 21px;background-repeat:no-repeat;background-position:center 8px;box-sizing:border-box;} #footer .ft_nav > a > strong{font-weight:normal;} #footer .ft_nav > a.ico_home{background-image:url('../images/icon/ico_footer_home.png');} #footer .ft_nav > a.ico_my{background-image:url('../images/icon/ico_footer_myland.png');} #footer .ft_nav > a.ico_myland{background-image:url('../images/icon/ico_footer_myland.png');} #footer .ft_nav > a.ico_category{background-image:url('../icon/ico_footer_category.png');} #footer .ft_nav > a.ico_search{background-image:url('../images/common/ico_footer_search.png');} #footer .ft_nav > a.ico_talk{background-image:url('../images/icon/ico_footer_kakaotalk.png');} #footer .ft_nav > a.ico_kakaotalk{background-image:url('../images/icon/ico_footer_kakaotalk.png');} #footer .ft_nav > a.ico_mail{background-image:url('../images/common/ico_footer_mail.png');} #footer .ft_nav > a.ico_ship{background-image:url('../images/icon/ico_footer_ship.png');} #footer .ft_nav > a.ico_order{background-image:url('../images/icon/ico_footer_ship.png');} #footer .ft_nav:after{display:none;} /*#footer .ft_nav > a.ico_search{background:url('../images/common/ico_footer_search.png') center 9px no-repeat;background-size:15.5px auto;}*/ /*floating 메뉴가 없는 경우 .bottom_util{position:relative;text-align:center;} .bottom_util .btn_util .btn_top, .bottom_util .btn_util .btn_zoom, .bottom_util .btn_util .btn_prev{position:fixed;width:40px;height:40px;line-height:40px;box-shadow:0 0 2px rgba(0,0,0,.4);border-radius:3px;overflow:hidden;z-index:2;} .bottom_util .btn_util .btn_top{right:10px;bottom:-45px;background-color:rgba(255,255,255,.9);transition-duration:0.2s;} .bottom_util .btn_util .btn_top i, .bottom_util .btn_util .btn_top i:before, .bottom_util .btn_util .btn_top span{display:block;} .bottom_util .btn_util .btn_top i{ position:relative;height:9px;margin-top:10px;} .bottom_util .btn_util .btn_top i:before{content:'';position:absolute;left:50%;top:0; border-bottom:8px solid #565656;border-left:8px solid transparent;border-right:8px solid transparent;border-top:0;margin-left:-8px;} .bottom_util .btn_util .btn_top span{color:#565656;font-size:12px;line-height:12px;padding-top:2px;text-align:center;} .bottom_util .btn_top.top_able{bottom:10px;} */ .bottom_util{position:relative;text-align:center;} .bottom_util .btn_floating{position:fixed;bottom:0;left:0;right:0;display:table;width:100%;background-color:#fff;border-top:1px solid #b0b1b1;z-index:5;} .bottom_util .btn_floating.menu_disable{bottom:-53px;} .bottom_util .btn_floating > a{display:table-cell;max-width:0;height:50px;color:#222;font-size:11px;padding-top:33px;background-size:auto 21px;background-repeat:no-repeat;background-position:center 7px;box-sizing:border-box;} .bottom_util .btn_floating a.ico_home{background-image:url('../images/icon/ico_footer_home.png');} .bottom_util .btn_floating a.ico_myland{background-image:url('../images/icon/ico_footer_myland.png');background-position:center 5px;} /*.bottom_util .btn_floating a.ico_myland.ani{background-image:url('../images/icon/ico_footer_myland_ani.gif');background-size:auto 38px;background-position:center 0;}*/ .bottom_util .btn_floating a.ico_category{background-image:url('../images/icon/ico_footer_category.png');} .bottom_util .btn_floating a.ico_kakaotalk{background-image:url('../images/icon/ico_footer_kakaotalk.png');} .bottom_util .btn_floating a.ico_ship{background-image:url('../images/icon/ico_footer_ship.png');} .bottom_util .btn_floating a.ico_event{background-image:url('../images/icon/ico_footer_event_ani.gif');background-size:auto 38px;background-position:center 0;} .bottom_util .btn_floating a.ico_benefit{background-image:url('../images/icon/ico_footer_benefit.png');} .bottom_util .btn_util .btn_top, .bottom_util .btn_util .btn_zoom, .bottom_util .btn_util .btn_prev{display:none;position:fixed;width:50px;height:50px;line-height:60px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;border-radius:50%;text-indent:-9999em;overflow:hidden;z-index:110;} .bottom_util .btn_util .btn_prev{left:12px;bottom:85px;background-image:url('../images/icon/ico_back.png?v=1');} .bottom_util .btn_util .btn_zoom{right:12px;bottom:-40px;background-image:url('../images/icon/ico_zoom.png?v=1');} .bottom_util .btn_util .btn_top{right:12px;bottom:-40px;background-image:url('../images/icon/ico_top.png?v=1');} .bottom_util .btn_util .btn_top i, .bottom_util .btn_util .btn_top i:before, .bottom_util .btn_util .btn_top span{display:block;} .bottom_util .btn_util .btn_top i{ position:relative;height:9px;margin-top:10px;} .bottom_util .btn_util .btn_top i:before{display:none;content:'';position:absolute;left:50%;top:0; border-bottom:8px solid #565656;border-left:8px solid transparent;border-right:8px solid transparent;border-top:0;margin-left:-8px;} .bottom_util .btn_util .btn_top span{color:#565656;line-height:12px;padding-top:2px;text-align:center;font-size:12px;} .bottom_util .btn_floating.menu_disable + .btn_util .btn_top{bottom:10px;} .bottom_util .btn_top.top_able{display:block;bottom:85px;} .bottom_util .btn_zoom.zoom_able{display:block;bottom:110px;} .bottom_util .btn_util .btn_email{position:fixed;right:0;bottom:55px;width:60px;height:60px;background:url('../images/icon/ico_mail_on.png') no-repeat 0 0;background-size:cover;text-indent:-9999em;overflow:hidden;z-index:2;} .bottom_util .btn_floating + .btn_util .btn_email{bottom:55px;} .bottom_util .btn_floating + .btn_util .top_able + .btn_email{bottom:107px;} .bottom_util .btn_floating.menu_disable + .btn_util .btn_email{bottom:55px;} /*top fixed*/ #header .goods_search .ui-input-text{border:0;border-radius:0;} #content .top_fixed.fixed{position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:100;} #content .fixed_gap{height:45px;} .section-title{position:relative;background-color:#fff;border-bottom:1px solid #cacacd;text-align:center;z-index:102;} .section-title h2{height:45px;line-height:45px;font-size:16px;color:#333333;} .section-title .back{display:block;position:absolute;top:0;left:6px;width:40px;height:45px;background-image:url('../images/common/ico_back.png');background-repeat:no-repeat;background-position:center !important;background-size:auto 18px !important;text-indent:-9999em;overflow:hidden;} .section-title .back span{display:none;} .section-title .back_m{display:block;position:absolute;top:0;left:6px;width:40px;height:40px;background:url('../images/common/ico_back.png') no-repeat center !important;background-size:auto 18px !important;text-indent:-9999em;overflow:hidden;} .section-title .back_m span{display:none;} .section-title .home{display:block;position:absolute;top:0;left:46px;width:42px;height:40px;background:url('../images/common/ico_home.png') no-repeat center;background-size:21px auto;text-indent:-9999em;overflow:hidden;} .section-title .btn_r{display:block;position:absolute;right:6px;top:0;} .section-title .btn_r a.btn_share{display:inline-block;width:19.5px;height:24px;padding:8px 5px;background-image:url('../images/common/ico_share.png');background-position:center;background-repeat:no-repeat;background-size:19.5px auto;text-indent:-9999em;overflow:hidden;box-sizing:content-box;} .section-title .btn_r a.btn_hart{display:inline-block;width:19.5px;height:22px;padding:9px 5px;background:url('../images/common/ico_keeping.png') center no-repeat;background-size:14px auto;text-indent:-9999em;overflow:hidden;} .section-title .btn_r .cart{position:relative;display:inline-block;margin-left:-3px;} .section-title .btn_r .ico_cart{display:inline-block;padding:0;width:40px;height:40px;background:url('../images/common/ico_cart.png') center no-repeat;background-size:20px auto;text-indent:-9999em;overflow:hidden;} .section-title .btn_r .search{display:inline-block;padding:0;width:40px;height:40px;background:url('../images/common/ico_search2.png') center no-repeat;background-size:20px auto;text-indent:-9999em;overflow:hidden;} .section-title .btn_r .count{display:block;position:absolute;right:0;top:8px;width:15px;height:15px;line-height:15px;color:#fff;background-color:#000221;font-size:11px;text-align:center;border-radius:20px;z-index:2;} .section-title .btn_r .setting{display:inline-block;padding:0;width:25px;height:40px;background:url('../images/common/ico_setting2.png') center no-repeat;background-size:20px auto;text-indent:-9999em;overflow:hidden;} .section-title .btn_r_v2{top:8.5px;} /*.page-search .section-title{border-top:0;} .page-search .section-title .inp_box label .ui-input-text{border:0;border-radius:0;} .page-search .section-title .inp_box label .ui-input-text input[type="text"]{width:100%;height:35px;line-height:35px;padding:0 40px 0 10px;border:2px solid #00af57;background-color:#fff;}*/ /*탑배너*/ ._comm_top_banner *{box-sizing:border-box;} ._comm_top_banner{position:relative;width:100%;height:46px;text-align:center;background-color:#333333;overflow:hidden;} ._comm_top_banner li{float:none;height:46px !important;} ._comm_top_banner li > a{display:block;height:100%;background-repeat:no-repeat;background-position:center 0;background-size:auto 100%;} ._comm_top_banner .img{margin-right:6px;margin-left:-20px;} ._comm_top_banner .img img{height:100%;} ._comm_top_banner .txt{display:inline-block;margin-top:16px;font-size:13px;color:#fff;letter-spacing:0;} ._comm_top_banner .btn_x{display:block;position:absolute;right:10px;top:13px;width:20px;height:20px;text-indent:-9999em;overflow:hidden;z-index:1;background:url('../images/icon/btn_x.png') no-repeat 0 0;background-size:100% auto;} ._comm_top_banner img{height:100%;} /*앱설치 유도 배너(메인 노출)*/ ._main_top_banner{position:relative;height:55px;background-color:#f5f5f5;text-align:center;} ._main_top_banner > a{display:block;width:100%;height:100%;} ._main_top_banner > a > img{height:100%;} ._main_top_banner .btn_x{display:block;position:absolute;right:14px;top:22px;width:12px;height:12px;text-indent:-9999em;overflow:hidden;z-index:1;background:url('../images/common/bg_x.png') no-repeat 0 0;background-size:100% auto;} /*앱설치 유도 팝업*/ .popup_app_install{max-width:100% !important;width:100% !important;padding:0 3.474vw;text-align:center;} .popup_app_install .img img{width:100%;} .popup_app_install .text{margin-top:4.167vw;color:#fff;font-size:6.94vw;font-weight:500;line-height:1.28;;letter-spacing:-0.05em;} .popup_app_install .btn_app_view{margin-top:4.5vw;padding:0 17.912%;} .popup_app_install .btn_app_view > a{display:block;} .popup_app_install .btn_web_view{margin-top:9vw;} .popup_app_install .btn_web_view > a{display:inline-block;padding-bottom:0.8vw;font-size:3.61vw;color:#fff;border-bottom:0.278vw solid #fff;} /*카테고리*/ .category_area{background-color:#fff;} .category_area *{box-sizing:border-box;} .category_area .list{display:none;} .category_area .list:after{content:"";display:block;clear:both;} .category_area .list > li{float:left;width:25%;min-height:83px;margin:0;padding:0;border-left:1px solid #e4e4e6;;border-bottom:1px solid #e4e4e6;} .category_area .list > li:nth-child(4n+1){border-left:0;} .category_area .list > li > a{display:block;width:100%;padding-bottom:12px;font-size:10px;color:#333333;text-align:center;letter-spacing:-1px;background-color:#fff;} .category_area .list > li .ico{display:block;width:60px;height:58px;margin:0 auto;background-position:center center;background-size:auto 100%;background-repeat:no-repeat;} .category_area .list > li.all .ico{background-image:url('../images/category/ico_all.jpg');} .category_area .list > li.tv .ico{background-image:url('../images/category/ico_tv.jpg');} .category_area .list > li.refrigerator .ico{background-image:url('../images/category/ico_refrigerator.jpg');} .category_area .list > li.washing .ico{background-image:url('../images/category/ico_washing_normal.jpg');} .category_area .list > li.kitchen .ico{background-image:url('../images/category/ico_kitchen.jpg');} .category_area .list > li.household .ico{background-image:url('../images/category/ico_air_cleaner.jpg');} .category_area .list > li.health .ico{background-image:url('../images/category/ico_chair_etc.jpg');} .category_area .list > li.season .ico{background-image:url('../images/category/ico_air_conditioner.jpg');} .category_area .list > li.computer .ico{background-image:url('../images/category/ico_notebook.jpg');} .category_area .list > li.digital .ico{background-image:url('../images/category/ico_camera.jpg');} .category_area .list > li.best .ico{background-image:url('../images/category/ico_best.jpg');} .category_area .list > li.new .ico{background-image:url('../images/category/ico_new.jpg');} .category_area .list > li.phone .ico{background-image:url('../images/category/ico_phone.jpg');} .category_area .list > li.toy .ico{background-image:url('../images/category/ico_toy.jpg');} .category_area .list > li.rental .ico{background-image:url('../images/category/ico_rental.jpg');} .category_area .folder{text-align:center;border-bottom:1px solid #e4e4e6;background-color:#f5f5f5;} .category_area .folder > a{display:block;padding:10px 0;text-align:center;} .category_area .folder .btn_category{position:relative;padding-right:16px;color:#636363;font-size:12px;} .category_area .folder .btn_category:before{content:"";position:absolute;right:50%;top:13px;margin-right:-45px;border-top:8px solid #636363;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0;} .category_area .folder .btn_category.close:before{content:"";position:absolute;right:50%;top:13px;margin-right:-45px;border-bottom:8px solid #636363;border-left:5px solid transparent;border-right:5px solid transparent;border-top:0;} /*list type*/ /*new - 2020*/ ._list_goods{padding:0 10px;background-color:#fff;} ._list_goods:after{content:"";display:block;clear:both;} ._list_goods > li{float:left;width:50%;padding:10px 5px;box-sizing:border-box;} ._list_goods > li:nth-child(2n+1){clear:both;} ._list_goods > li > a{display:block;position:relative;} /*._list_goods .img{position:relative;background-color:#f4f4f4;border-radius:10px;overflow:hidden;} ._list_goods .img img{width:100%;mix-blend-mode:multiply;}*/ /*삼성브라우저 다크모드 지원 이슈*/ ._list_goods .img{position:relative;border-radius:10px;overflow:hidden;} ._list_goods .img:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(30,30,30,0.05);} ._list_goods .img img{width:100%;} ._list_goods ._detail{padding:15px 0 10px;text-align:left;} ._list_goods ._detail .code{font-size:12px;color:#999999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} ._list_goods ._detail .prd_name{margin-top:5px;font-size:14px;max-height:33px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;line-height:1.2;} ._list_goods ._detail .price_wrap{margin-top:8px;font-size:12px;} ._list_goods ._detail .price_wrap .num{font-size:16px;font-weight:700;} ._list_goods ._detail .price_wrap .won{margin-left:2px;margin-right:5px;font-weight:600;} ._list_goods ._detail .price_wrap .rate{color:#999999;} ._list_goods ._detail .price_wrap .bene{color:#ff3737;font-weight:600;} ._list_goods ._detail .price_wrap .bene > span{text-indent:0;} ._list_goods ._detail .price_wrap .month{margin-top:3px;color:#2853de;font-size:12px;} ._list_goods ._detail .price_wrap.rental{text-align:right;} ._list_goods ._detail .price_wrap.rental .cost:after, ._list_goods ._detail .price_wrap.rental .bene:after{content:"";display:block;clear:both;} ._list_goods ._detail .price_wrap.rental .bene{position:relative;} ._list_goods ._detail .price_wrap.rental .txt{float:left;margin-top:3px;min-width:85px;text-align:left;} ._list_goods ._detail .price_wrap.rental .price{float:right;} ._list_goods ._detail .price_wrap.rental .standard{margin-top:2px;font-size:11px;color:#666666;} ._list_goods ._detail .price_wrap.rental .won{margin-right:0;} ._list_goods ._detail .star_point{margin-top:8px;font-size:12px;} ._list_goods ._detail .star_point .point{vertical-align:middle;} ._list_goods ._detail .star_point .num{margin-left:8px;vertical-align:middle;color:#999999;} ._list_goods ._detail .ico_badge{margin-top:8px;} ._list_goods ._detail .ico_badge > span{display:inline-block;margin-bottom:3px;padding:0 5px;height:20px;line-height:20px;color:#222222;font-size:11px;background-color:#ffffff;border:1px solid #d2d2d2;vertical-align:top;} ._list_goods ._detail .ico_badge .type1{color:#fff;background-color:#222222;border:none;} ._list_goods ._detail .ico_badge .type2{color:#fff;background-color:#3459f7;border:none;} ._list_goods ._detail .ico_badge .type3{color:#fff;background-color:#b12df5;border:none;} ._list_goods ._detail .ico_badge .type4{color:#fff;background-color:#0fbcd1;border:none;} ._list_goods ._detail .ico_badge .type5{color:#fff;background-color:#f31f48;border:none;} ._list_goods .ico_first{position:absolute;left:5px;top:0;} ._list_goods .grade{position:absolute;left:5px;top:5px;display:block;width:34px;height:50px;z-index:1;text-indent:-9999em;overflow:hidden;} ._list_goods._col1 > li{float:none;width:100%;padding:10px;} ._list_goods._row > li{float:none;width:100%;} ._list_goods._row > li > a{display:flex;align-items:center;} ._list_goods._row .img{width:160px;} ._list_goods._row ._detail{padding:0 0 0 15px;width:calc(50% - 10px);} ._list_goods._row ._issue_icon{right:auto;left:122px;} /*old + new*/ ._list_goods ._list_goods{padding:0 !important;} ._list_goods ul.ui-grid-a, ._list_goods ul.ui-grid-b, ._list_goods ul.ui-grid-c, ._list_goods ul.ui-grid-d, ._list_goods ul.ui-grid-solo, ._list_goods li.ui-block-a, ._list_goods li.ui-block-b, ._list_goods li.ui-block-c, ._list_goods li.ui-block-d, ._list_goods li.ui-block-e{padding:10px 5px !important;} ._list_goods .tx_img{position:relative;padding:0 !important;display:block;border-radius:10px;overflow:hidden;} ._list_goods .tx_img .sold_out{position:absolute;top:50%;left:50%;text-align:center;border-radius:63.75px;background-color:rgba(0, 0, 0, 0.4);width:127.5px;height:127.5px;margin:-63.75px 0 0 -63.75px;z-index:1;} ._list_goods .tx_img .sold_out i{position:relative;display:inline-block;top:38%;text-align:center; font-size:16px;color:#ffffff;letter-spacing:-.1px;font-weight:bold;line-height:21.5px;} ._list_goods .tx_img .tx_soldout2{position:absolute;top:50%;left:50%;text-align:center;border-radius:63.75px;background-color:rgba(0, 0, 0, 0.4);width:127.5px;height:127.5px;margin:-63.75px 0 0 -63.75px;z-index:1;} ._list_goods .tx_img .tx_soldout2 i{position:relative;display:inline-block;top:38%;text-align:center; font-size:16px;color:#ffffff;letter-spacing:-.1px;font-weight:bold;line-height:21.5px;} ._list_goods .tx_img img{width:100%;} ._list_goods .tx_img:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(30,30,30,0.05);} ._list_goods .tx_ti{margin-left:2px;margin-top:5px;max-height:34px;color:#222;font-size:12px;line-height:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;display:block;text-align:left;} ._list_goods .tx_price{min-height:36px;margin-left:2px;margin-top:6px;display:block;overflow:hidden;text-align:left;} ._list_goods .tx_price .priceBox{display:inline-block;vertical-align:middle;} ._list_goods .tx_price .priceBox .priceType1{/*margin-top:-5px;*/display:inline-block;} ._list_goods .tx_price .priceBox .priceType1 .price{color:#888 !important;font-size:12px;text-decoration:line-through;} ._list_goods .tx_price .priceBox .priceType2{margin-top:-1px;display:block;} ._list_goods .tx_price .priceBox .priceType2.price{font-size:18px;font-weight:bold;} ._list_goods .tx_price .priceBox .priceType2 .won{margin-top:1px;color:#222;font-size:12px;font-weight:bold;position:relative;top:0;left:1px;} ._list_goods .tx_price .priceBox .priceType1 + .priceType2{margin-top:-4px;} ._list_goods .tx_price .priceBox .price_benefit em{color:#fd1f27 !important;} ._list_goods .tx_price .priceBox .price_benefit .txt{margin-left:4px;margin-top:1px;color:#fd1f27;font-size:12px;font-weight:bold;vertical-align:middle;position:relative;top:0;left:1px;} ._list_goods .tx_price .discount{display:inline-block;margin-left:3px;font-size:13px;color:#ff3737;} ._list_goods .tx_price .discount .tx_num{font-size:13px;} ._list_goods .tx_price.bgBlue1 .discount{background-position:0 -26px;} /*old*/ .list_goods > li{position:relative;margin-top:8px;background-color:#fff;border-bottom:1px solid #ededed;} .list_goods > li:first-child{margin-top:0;} .list_goods > li > a{display:block;} .list_goods > li.soldout{position:relative;} .list_goods > li.soldout:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.5);z-index:100;} .list_goods > li.soldout:after{content:"SOLD OUT";display:block;position:absolute;left:50%;top:50%;width:130px;height:130px;padding:42px 20px 0;margin:-65px 0 0 -65px;border-radius:50%;background-color:rgba(0,0,0,0.4);color:#fff;line-height:1.1;font-size:22px;font-weight:bold;text-align:center;box-sizing:border-box;z-index:101;} .list_goods > li.comming{position:relative;} .list_goods > li.comming:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.5);z-index:100;} .list_goods > li.comming:after{content:"COMMING SOON";display:block;position:absolute;left:50%;top:50%;width:130px;height:130px;padding-top:42px;margin:-65px 0 0 -65px;border-radius:50%;background-color:rgba(0,0,0,0.4);color:#fff;line-height:1.1;font-size:22px;font-weight:bold;text-align:center;box-sizing:border-box;z-index:101;} .list_goods .detail{position:relative;padding:10px 15px 18px 12px;} .list_goods .detail .prd_name{font-size:14px;color:#000;} .list_goods .detail .prd_name .p_name{display:block;max-height:38px;overflow:hidden;line-height:1.3;} .list_goods .detail .prd_name .code{margin-top:3px;display:block;font-size:12px;color:#999;} .list_goods .detail .price{margin-top:12px;} .list_goods .detail .price:after{content:"";display:block;clear:both;} .list_goods .detail .price .origin_pirce{margin-top:-4px;} .list_goods .detail .price .origin_pirce .won {font-size:11px;color:#94989f;text-decoration:line-through;} .list_goods .detail .price .origin_pirce .won > em{font-size:12px;letter-spacing:0px;} .list_goods .detail .price .discount_rate{position:relative;top:6px;float:left;margin-right:10px;color:#fd353c;font-size:15px;} .list_goods .detail .price .discount_rate span{font-size:29px;font-weight:bold;} .list_goods .detail .price .discount_price{margin-top:-2px;} .list_goods .detail .price .discount_price .won{font-size:13px;color:#000;} .list_goods .detail .price .discount_price .won > em{font-size:20px;font-weight:bold;} .list_goods .benefit{position:absolute;right:15px;bottom:12px;text-align:right;} .list_goods .benefit img{width:36px;} .list_goods .img{position:relative;width:100%;} .list_goods .img .img_brand_logo{position:absolute;right:10px;top:0;width:100px;z-index:10;border:none;} .list_goods .img img{width:100%;border:none;} .list_goods .img iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:none;} .list_goods .col_type .img{text-align:center;} .list_goods .col_type .img img{width:150px;} .list_goods .col_type .img_brand_logo img{width:100%;} .list_goods .col_type{min-height:150px;} .list_goods .col_type > a{display:table;width:100%;} .list_goods .col_type .img{display:table-cell;width:44%;padding:6px;border-right:1px solid #ededed;vertical-align:middle;} .list_goods .col_type .img img{width:100%;max-width:260px;border:none;} .list_goods .col_type .detail{display:table-cell;width:56%;padding-left:3%;padding-bottom:40px;vertical-align:middle;} .list_goods .grade{position:absolute;left:10px;top:10px;display:block;width:34px;height:50px;z-index:1;text-indent:-9999em;overflow:hidden;} .list_goods .ico_display{position:absolute;top:10px;left:10px;display:block;z-index:1;} .list_goods .ico_cashback{position:absolute;top:10px;left:10px;display:block;z-index:1;} .list_goods .ico_no_interest{position:absolute;top:10px;left:10px;display:block;z-index:1;} .list_goods .ico_plus_point{position:absolute;top:5px;left:10px;display:block;z-index:11;} .list_goods .ico_add_benefit{position:absolute;top:10px;left:10px;display:block;z-index:11;} .list_goods .ico_first{position:absolute;left:10px;top:0;z-index:2;} /*2분할*/ .list_goods.half:after{content:"";display:block;clear:both;} .list_goods.half li{float:left;width:calc(50% - 6px);margin-left:12px;margin-top:0;border-bottom:0;} .list_goods.half li:nth-child(2n + 1){margin-left:0;clear:both;} .list_goods.half .detail{padding-left:0;padding-right:0;} .list_goods.half .detail .price .discount_rate span{font-size:20px;} .list_goods.half .detail .prd_name .p_name{height:30px;font-size:12px;} .list_goods.half .detail .price .discount_price .won > em{font-size:14px;} .list_goods ._list_goods{padding-left:0;padding-right:0;} .list_goods_division > li{position:relative;} .list_goods_division > li.soldout{position:relative;} .list_goods_division > li.soldout:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:100;} .list_goods_division > li.soldout:after{content:"SOLD OUT";display:block;position:absolute;left:50%;top:50%;width:100px;height:100px;padding:32px 10px 0;margin:-50px 0 0 -50px;border-radius:50%;background-color:rgba(0,0,0,0.6);color:#fff;line-height:1.1;font-size:18px;font-weight:bold;text-align:center;box-sizing:border-box;z-index:101;} .list_goods_division > li.comming{position:relative;} .list_goods_division > li.comming:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:100;} .list_goods_division > li.comming:after{content:"COMMING SOON";display:block;position:absolute;left:50%;top:50%;width:100px;height:100px;padding-top:32px;margin:-50px 0 0 -50px;border-radius:50%;background-color:rgba(0,0,0,0.6);color:#fff;line-height:1.1;font-size:18px;font-weight:bold;text-align:center;box-sizing:border-box;z-index:101;} .list_goods_division > li > a{display:table;width:100%;} .list_goods_division .img{display:table-cell;width:44%;vertical-align:middle;} .list_goods_division .img img{width:100%;max-width:260px;} .list_goods_division .detail{display:table-cell;width:56%;padding-left:3%;vertical-align:middle;} .list_goods_division .detail .prd_name{min-height:62px;font-size:14px;color:#000;} .list_goods_division .detail .prd_name .p_name{display:block;max-height:38px;overflow:hidden;line-height:1.3;} .list_goods_division .detail .prd_name .code{display:block;margin-top:3px;font-size:12px;color:#999;} .list_goods_division .detail .price{margin-top:10px;} .list_goods_division .detail .price .origin_pirce .won {font-size:11px;color:#94989f;text-decoration:line-through;} .list_goods_division .detail .price .origin_pirce .won > em{font-size:12px;letter-spacing:0px;} .list_goods_division .detail .price .discount_price .won{font-size:13px;color:#222222;} .list_goods_division .detail .price .discount_price .won > em{font-size:22px;font-weight:bold;vertical-align:-1px;} .list_goods_division .ico_first{position:absolute;left:10px;top:0;z-index:2;} .benefit > span{display:inline-block;width:36px;height:36px;text-indent:-9999em;text-align:left;vertical-align:top;overflow:hidden;} .benefit .ico_gift{background:url(http://www.etlandmall.co.kr/nas/cdn/test/img/main/ico_gift.gif) no-repeat 0 0;background-size:100%;} .benefit .ico_free{background:url(http://www.etlandmall.co.kr/nas/cdn/test/img/main/ico_free.gif) no-repeat 0 0;background-size:100%;} .benefit .ico_promotion{background:url(http://www.etlandmall.co.kr/nas/cdn/test/img/main/ico_promotion.gif) no-repeat 0 0;background-size:100%;} /*2019-06-19 추가 : 상품리스트 혜택 추가*/ ._priceWrap{margin-top:10px;} ._priceWrap .price_org{color:#999;} ._priceWrap .price_org .value{font-size:13px;color:#666666;letter-spacing:0;text-decoration:line-through;} ._priceWrap .price_org .percent{margin-left:3px;font-size:13px;font-weight:700;} ._priceWrap .price_benefit .value{font-size:13px;color:#ff2222;} ._priceWrap .price_benefit .value > strong{font-weight:700;margin-right:3px;font-size:20px;} ._priceWrap .price_benefit .txt{font-size:12px;color:#ff2222;} ._priceWrap .price_selling .value{font-size:13px;} ._priceWrap .price_selling .value > strong{font-weight:700;margin-right:3px;font-size:20px;} ._monthly_inst{margin-top:10px;} ._monthly_inst .month{display:inline-block;height:16px;line-height:16px;padding:0 9px 0 5px;font-size:11px;color:#fff;background:#222222 url('../images/bg/bg_monthly.gif') no-repeat 100% 0;background-size:auto 16px;} ._monthly_inst .value{font-size:12px;} ._etc_icon{margin-bottom:4px;} ._etc_icon .icon{display:inline-block;margin-bottom:4px;padding:0 6px;height:22px;line-height:22px;font-size:11px;color:#777;border:1px solid #d2d2d2;} .no_list{padding:100px 0;background-color:#fff;} .no_list > p{font-size:13px;text-align:center;} ._no_result{padding:30px 0;font-size:13px;color:#777;text-align:center;} /*soldout / commingsoon*/ li.this_soldout{position:relative;} li.this_soldout .img{position:relative;} li.this_soldout .img:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.5);z-index:1;} li.this_soldout .img:after{content:"SOLD OUT";display:block;position:absolute;left:50%;top:50%;width:130px;height:130px;padding:42px 20px 0;margin:-65px 0 0 -65px;border-radius:50%;background-color:rgba(0,0,0,0.4);color:#fff;line-height:1.1;font-size:22px;font-weight:bold;text-align:center;box-sizing:border-box;z-index:5;} li.this_coming, li.this_comming{position:relative;} li.this_coming .img:before, li.this_comming .img:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.5);z-index:1;} li.this_coming .img:after, li.this_comming .img:after{content:"COMING SOON";display:block;position:absolute;left:50%;top:50%;width:130px;height:130px;padding-top:42px;margin:-65px 0 0 -65px;border-radius:50%;background-color:rgba(0,0,0,0.4);color:#fff;line-height:1.1;font-size:22px;font-weight:bold;text-align:center;box-sizing:border-box;z-index:5;} /*2019-11-04 혜택가 표시*/ .price_benefit{color:#ff3737 !important;} .price_benefit *{color:#ff3737 !important;} .price_benefit .txt{margin-left:5px;font-size:13px;} /* ------common ------*/ .bt0{border-top:0 !important} ._pt0{padding-top:0px !important;} ._pt5{padding-top:5px !important;} ._pt10{padding-top:10px !important;} ._pt15{padding-top:15px !important;} ._pt20{padding-top:20px !important;} ._pt25{padding-top:25px !important;} ._pt30{padding-top:30px !important;} ._pt35{padding-top:35px !important;} ._pt40{padding-top:40px !important;} ._pb0{padding-bottom:0 !important;} ._pb10{padding-bottom:10px !important;} ._pb20{padding-bottom:20px !important;} ._pb30{padding-bottom:30px !important;} ._pr0{padding-left:0 !important;} ._pr15{padding-right:15px !important;} ._pl0{padding-left:0 !important;} ._pl15{padding-left:15px !important;} ._ml3{margin-left:3px !important;} ._ml0{margin-left:0px !important;} ._ml5{margin-left:5px !important;} ._ml10{margin-left:10px !important;} ._ml15{margin-left:15px !important;} ._ml20{margin-left:20px !important;} ._ml30{margin-left:30px !important;} ._ml40{margin-left:40px !important;} ._ml80{margin-left:80px !important;} ._mr0{margin-right:0px !important;} ._mr10{margin-right:10px !important;} ._mt0{margin-top:0px !important;} ._mt5{margin-top:5px !important;} ._mt7{margin-top:7px !important;} ._mt10{margin-top:10px !important;} ._mt15{margin-top:15px !important;} ._mt20{margin-top:20px !important;} ._mt25{margin-top:25px !important;} ._mt30{margin-top:30px !important;} ._mt35{margin-top:35px !important;} ._mt40{margin-top:40px !important;} ._mt45{margin-top:45px !important;} ._mt50{margin-top:50px !important;} ._mt60{margin-top:60px !important;} ._mt70{margin-top:70px !important;} ._mt80{margin-top:80px !important;} ._mt85{margin-top:85px !important;} ._mt100{margin-top:100px !important;} ._mb10{margin-bottom:10px !important;} ._mb15{margin-bottom:15px !important;} ._mb20{margin-bottom:20px !important;} ._mb25{margin-bottom:25px !important;} ._mb30{margin-bottom:30px !important;} ._mb35{margin-bottom:35px !important;} ._mb40{margin-bottom:40px !important;} ._mb50{margin-bottom:50px !important;} .alignL{text-align:left !important;} .alignR{text-align:right !important;} .alignC{text-align:center !important;} ._division:after{content:"";display:block;margin-left:-15px;width:calc(100% + 30px);height:9px;background-color:#e9ecef;border-top:1px solid #d3d3d3;} ._inner_cont{padding:15px;background-color:#fff;} /*상품 후기 별점*/ /*old*/ .rate_star{display:inline-block;width:98px;height:18px;} .rate_star > i{position:relative;display:inline-block;width:100%;height:100%;background-image:url('../images/icon/icon_star.png');background-repeat:repeat-x;background-position:0 0;background-size:auto 36px;text-indent:-9999em;overflow:hidden;vertical-align:top;} .rate_star > i:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url('../images/icon/icon_star.png');background-repeat:repeat-x;background-size:auto 36px;background-position:0 -18px;vertical-align:top;} .rate_star > i.star_0:before, .rate_star > i.star_00:before{width:0;} .rate_star > i.star_05:before{width:9px;} .rate_star > i.star_1:before, .rate_star > i.star_10:before{width:20px;} .rate_star > i.star_15:before{width:29.5px;} .rate_star > i.star_2:before, .rate_star > i.star_20:before{width:40px;} .rate_star > i.star_25:before{width:49.5px;} .rate_star > i.star_3:before, .rate_star > i.star_30:before{width:60px;} .rate_star > i.star_35:before{width:69.5px;} .rate_star > i.star_4:before, .rate_star > i.star_40:before{width:80px;} .rate_star > i.star_45:before{width:89.5px;} .rate_star > i.star_5:before, .rate_star > i.star_50:before{width:98px;} .rate_star2{display:inline-block;width:73px;height:13px;} .rate_star2 > i{position:relative;display:inline-block;width:100%;height:100%;background-image:url('../images/icon/icon_star.png');background-repeat:repeat-x;background-size:auto 26px;background-position:0 0;text-indent:-9999em;overflow:hidden;vertical-align:top;} .rate_star2 > i:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url('../images/icon/icon_star.png');background-size:auto 26px;background-position:0 -13px;background-repeat:repeat-x;vertical-align:top;} .rate_star2 > i.star_0:before, .rate_star2 > i.star_00:before{width:0;} .rate_star2 > i.star_05:before{width:6.5px;} .rate_star2 > i.star_1:before, .rate_star2 > i.star_10:before{width:14.5px;} .rate_star2 > i.star_15:before{width:21px;} .rate_star2 > i.star_2:before, .rate_star2 > i.star_20:before{width:29px;} .rate_star2 > i.star_25:before{width:35.5px;} .rate_star2 > i.star_3:before, .rate_star2 > i.star_30:before{width:43.5px;} .rate_star2 > i.star_35:before{width:50px;} .rate_star2 > i.star_4:before, .rate_star2 > i.star_40:before{width:58px;} .rate_star2 > i.star_45:before{width:64.7px;} .rate_star2 > i.star_5:before, .rate_star2 > i.star_50:before{width:71px;} .rate_star3{display:inline-block;width:137px;height:25px;} .rate_star3 > i{position:relative;display:inline-block;width:100%;height:100%;background-image:url('../images/icon/icon_star.png');background-repeat:repeat-x;background-size:auto 50px;background-position:0 0;text-indent:-9999em;overflow:hidden;vertical-align:top;} .rate_star3 > i:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url('../images/icon/icon_star.png');background-size:auto 50px;background-position:0 -25px;background-repeat:repeat-x;vertical-align:top;} .rate_star3 > i.star_0:before, .rate_star3 > i.star_00:before{width:0;} .rate_star3 > i.star_05:before{width:12.5px;} .rate_star3 > i.star_1:before, .rate_star3 > i.star_10:before{width:28px;} .rate_star3 > i.star_15:before{width:40.5px;} .rate_star3 > i.star_2:before, .rate_star3 > i.star_20:before{width:56px;} .rate_star3 > i.star_25:before{width:78.5px;} .rate_star3 > i.star_3:before, .rate_star3 > i.star_30:before{width:84px;} .rate_star3 > i.star_35:before{width:96.5px;} .rate_star3 > i.star_4:before, .rate_star3 > i.star_40:before{width:112px;} .rate_star3 > i.star_45:before{width:124.5px;} .rate_star3 > i.star_5:before, .rate_star3 > i.star_50:before{width:137px;} /*new - 2020 */ ._star{display:inline-block;vertical-align:middle;} ._star > i{position:relative;display:inline-block;width:100%;height:100%;background-image:url('../images/icon/icon_star.png');background-size:auto 50px;background-repeat:repeat-x;background-position:0 0;text-indent:-9999em;overflow:hidden;vertical-align:top;} ._star > i:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url('../images/icon/icon_star.png');background-size:auto 50px;background-position:0 -25px;background-repeat:repeat-x;vertical-align:top;} ._star._s{width:55px;height:10px;} ._star._s > i{background-size:auto 20px;} ._star._s > i:before{background-size:auto 20px;background-position:0 -10px;} ._star._s > i.star_0:before, ._star._s > i.star_00:before{width:0;} ._star._s > i.star_05:before{width:5px;} ._star._s > i.star_1:before, ._star._s > i.star_10:before{width:11px;} ._star._s > i.star_15:before{width:16.2px;} ._star._s > i.star_2:before, ._star._s > i.star_20:before{width:22px;} ._star._s > i.star_25:before{width:27.5px;} ._star._s > i.star_3:before, ._star._s > i.star_30:before{width:33px;} ._star._s > i.star_35:before{width:38.5px;} ._star._s > i.star_4:before, ._star._s > i.star_40:before{width:44px;} ._star._s > i.star_45:before{width:49.5px;} ._star._s > i.star_5:before, ._star._s > i.star_50:before{width:55px;} ._star._m{width:73px;height:13px;} ._star._m > i{background-size:auto 26px;} ._star._m > i:before{background-size:auto 26px;background-position:0 -13px;} ._star._m > i.star_0:before, ._star._m > i.star_00:before{width:0;} ._star._m > i.star_05:before{width:6.5px;} ._star._m > i.star_1:before, ._star._m > i.star_10:before{width:14.5px;} ._star._m > i.star_15:before{width:21px;} ._star._m > i.star_2:before, ._star._m > i.star_20:before{width:29px;} ._star._m > i.star_25:before{width:35.5px;} ._star._m > i.star_3:before, ._star._m > i.star_30:before{width:43.5px;} ._star._m > i.star_35:before{width:50px;} ._star._m > i.star_4:before, ._star._m > i.star_40:before{width:58px;} ._star._m > i.star_45:before{width:64.7px;} ._star._m > i.star_5:before, ._star._m > i.star_50:before{width:71px;} ._star._l{width:137px;height:25px;} ._star._l > i{background-size:auto 50px;} ._star._l > i:before{background-size:auto 50px;background-position:0 -25px;} ._star._l > i.star_0:before, ._star._l > i.star_00:before{width:0;} ._star._l > i.star_05:before{width:12.5px;} ._star._l > i.star_1:before, ._star._l > i.star_10:before{width:28px;} ._star._l > i.star_15:before{width:40.5px;} ._star._l > i.star_2:before, ._star._l > i.star_20:before{width:56px;} ._star._l > i.star_25:before{width:78.5px;} ._star._l > i.star_3:before, ._star._l > i.star_30:before{width:84px;} ._star._l > i.star_35:before{width:96.5px;} ._star._l > i.star_4:before, ._star._l > i.star_40:before{width:112px;} ._star._l > i.star_45:before{width:124.5px;} ._star._l > i.star_5:before, ._star._l > i.star_50:before{width:137px;} .input_data{text-align:center;} .input_data .select_star{font-size:0;} .input_data .select_star > a{display:inline-block;width:22px;height:21px;background:url('../images/icon/ico_star2.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;vertical-align:top;} .input_data .select_star > a.on{background-position:0 -21px;} .input_data .num{margin-left:5px;font-size:18px;font-weight:bold;} /*페이징*/ .section-pagination{margin-top:20px;text-align:center;} .section-pagination > a{display:inline-block;margin:0;width:18px;height:20px;line-height:20px;border:1px solid #ccc;font-size:12px;color:#555;vertical-align:top;background-color:#fff;box-sizing:content-box;} .section-pagination .first{background:#fff url('../images/btn/pagination_first.png') no-repeat 0 0;background-size:100%;} .section-pagination .prev{background:#fff url('../images/btn/pagination_prev.png') no-repeat 0 0;background-size:100%;} .section-pagination .next{background:#fff url('../images/btn/pagination_next.png') no-repeat 0 0;background-size:100%;} .section-pagination .last{background:#fff url('../images/btn/pagination_last.png') no-repeat 0 0;background-size:100%;} .section-pagination > a.active{border:1px solid #ed1b24;color:#ed1b24;font-weight:bold;} /*상품리스트 배지*/ .cateBadge1{width:39px;height:39px;background:url('../images/icon/ico_badgePack1.png') no-repeat;background-size:320px 40px;position:absolute;top:0;left:0;display:inline-block;z-index:1;text-indent:-9999em;overflow:hidden;} .cateBadge1.type1{background-position:0 0;} .cateBadge1.type2{background-position:-200px 0;} /*2018-03-15 박스개봉 -> 전시상품으로 교체*/ .cateBadge1.type3{background-position:-80px 0;} .cateBadge1.type4{background-position:-120px 0;} .cateBadge1.type5{background-position:-160px 0;} .cateBadge1.type6{background-position:-200px 0;} .cateBadge1.type7{background-position:-240px 0;} .cateBadge1.type8{background-position:-280px 0;} /*아이콘*/ ._gift_icon{position:absolute;right:8px;bottom:8px;width:47px;height:47px;overflow:hidden;z-index:2;} ._gift_icon > span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;text-indent:-9999em;} ._issue_icon{position:absolute;right:0;top:0;z-index:2;} ._issue_icon span{display:block;width:38px;height:auto;margin-bottom:5px;} ._issue_icon span img{width:100% !important;height: auto !important;} .ico_first{display:none;width:40px;height:44px;background:url('../images/icon/ico_first.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;} .ico_display{display:block;width:34px;height:34px;background:url('../images/icon/ico_badgePack1.png') no-repeat -200px 0;background-size:320px 40px;text-indent:-9999em;overflow:hidden;} .ico_cashback{display:block;width:34px;height:34px;background:url('../images/icon/ico_cashback.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;} .ico_plus_point{display:block;padding-top:28px;width:50px;height:58px;background:url('../images/icon/ico_plus_point.png') no-repeat 0 0;background-size:100%;color:#fff;font-size:12px;text-align:center;font-weight:normal;box-sizing:border-box;} .ico_add_benefit{display:block;position:absolute;top:0;left:0;z-index:2;} .ico_add_benefit > div{position:relative;padding-top:10px;width:47px;height:47px;font-size:10px;color:#fff;text-align:center;line-height:1.2;background-position:0 0;background-repeat:no-repeat;background-size:100%;box-sizing:border-box;} .ico_add_benefit > div + div{margin-top:-8px;} .ico_add_benefit .value{display:block;font-size:12px;letter-spacing:0 !important;} .ico_add_benefit .value em{margin-left:1px;font-size:10px;} .ico_add_benefit .red{background-image:url('../images/bg/bg_benefit_red.png');z-index:4;} .ico_add_benefit .pink{background-image:url('../images/bg/bg_benefit_red.png');z-index:4;} .ico_add_benefit .blue{background-image:url('../images/bg/bg_benefit_blue.png');z-index:3;} .ico_add_benefit .white{background-image:url('../images/bg/bg_benefit_white.png');z-index:2;color:#222;} .ico_add_benefit .orange{background-image:url('../images/bg/bg_benefit_orange.png');z-index:1;} .ico_add_benefit .item{display:block;padding:0;margin-top:0 !important;margin-bottom:1px;width:48px;min-height:34px;height:auto;padding:4px 0 3px;border-radius:4px;font-size:10px;color:#fff;text-align:center;background-color:#3459f7;} .ico_add_benefit .item.type1{background-color:#3459f7;} .ico_add_benefit .item.type2{background-color:#222222;} .ico_add_benefit .item.type3{background-color:#b12df5;} .ico_add_benefit .item.type4{background-color:#0fbcd1;} .ico_add_benefit .item.type5{background-color:#f73470;} .ico_add_benefit .item > span{display:block;letter-spacing:-1px;white-space:nowrap;} .ico_watt{display:inline-block;width:18px;height:18px;background:url('../images/icon/ico_watt.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;vertical-align:middle;} .grade.new{width:34px;height:50px !important;background:url('../images/main/grade_new.png') no-repeat 0 0;background-size:100% 100%;text-indent:-9999em;overflow:hidden;} .grade.S{background:url('../images/main/grade_S.png') no-repeat 0 0;background-size:100% 100%;} .grade.A{background:url('../images/main/grade_A.png') no-repeat 0 0;background-size:100% 100%;} .grade.B{background:url('../images/main/grade_B.png') no-repeat 0 0;background-size:100% 100%;} .grade.C{background:url('../images/main/grade_C.png') no-repeat 0 0;background-size:100% 100%;} .ico_no_interest{display:block;width:34px;height:34px;background:url('../images/icon/ico_no_interest.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;} /*수량선택*/ .amountNum{display:inline-block;border:1px solid #d2d2d2;border-radius:5px;overflow:hidden;vertical-align:middle;} .amountNum button, .amountNum a{display:block;float:left;width:20px;height:26px;text-align:center;background-color:#fff;background-position:center;background-repeat:no-repeat;text-indent:-9999em;overflow:hidden;} .amountNum:after{content:"";display:block;clear:both;} .amountNum .minus{background-image:url('../images/icon/ico_minus.gif');background-size:9px auto;} .amountNum .plus{background-image:url('../images/icon/ico_plus.gif');background-size:11px auto;} .amountNum .num{display:block;float:left;width:30px;height:26px;margin-left:-1px;border:1px solid #d2d2d2;border:none;text-align:center;background-color:#fff;} /*탭 스타일*/ .tab_title_type{display:flex;background-color:#fff;} .tab_title_type a{flex-grow:1;height:47px;padding-top:15px;font-size:14px;color:#999999;font-weight:600;text-align:center;border-bottom:1px solid #cccccc;} .tab_title_type a.on{color:#222;border-bottom:3px solid #222222;} .tab_title_type .s{display:inline-block;margin-left:3px;color:#ff3737;} ._tabContent{display:none;} ._tabContent.show{display:block;} .tab_title_type2{display:table;width:100%;background-color:#fff;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;} .tab_title_type2 > a{display:table-cell;padding:15px 0;width:25%;max-width:1px;font-size:13px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;text-align:center;color:#666666;} .tab_title_type2 > a.on{color:#fff;background-color:#222222;} /*table*/ ._tb_type_list{width:100%;border-top:1px solid #222222;text-align:center;} ._tb_type_list thead th{padding:15px 0;font-size:12px;color:#222;font-weight:600;background-color:#fafafa;} ._tb_type_list tbody td{padding:15px 0;font-size:12px;border-bottom:1px solid #d2d2d2;background-color:#fff;} ._tb_type_list tfoot td{border-bottom:1px solid #222222;background-color:#fafafa;} /*thead th, tbody th가 있는 경우*/ ._tb_type_list3{width:100%;border-top:1px solid #222222;text-align:center;border-top:1px solid #222222;} ._tb_type_list3 thead th{padding:10px 0;font-size:12px;font-weight:bold;border-bottom:1px solid #222222;} ._tb_type_list3 tbody th{padding:10px 0;font-size:12px;border-bottom:1px solid #d2d2d2;font-weight:600;word-break:keep-all;background-color:#eeeeee;line-height:1.3;} ._tb_type_list3 tbody td{padding:10px 0;font-size:12px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;word-break:keep-all;line-height:1.3;} ._tb_type_list3 tbody td:first-child{border-left:0;border-right:1px solid #d2d2d2;} ._tb_type_list3 tbody td:last-child{border-right:0;} ._tb_type_list3 tbody .alignL{padding-left:15px;} ._tb_type_list3 tbody .alignR{padding-right:15px;} ._tb_type_list3.black thead th{background-color:#222;color:#fff;} ._tb_type_list3.black tbody th{background-color:#f1f1f1;} /*기본 테이블*/ ._tb_basic{text-align:left;} ._tb_basic thead th{padding:10px 12px;background-color:#444444;font-size:14px;color:#fff;border-right:1px solid #444444;text-align:center;} ._tb_basic tbody th{padding:15px 12px;background-color:#eeeeee;color:#666666;font-size:12px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;} ._tb_basic tbody td{padding:15px 12px;color:#666666;font-size:12px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;} /*가로형*/ ._tb_type_row{width:100%;table-layout:auto;border-top:1px solid #222222;text-align:left;} ._tb_type_row th{padding:10px 5px 10px 10px;font-size:12px;background-color:#eeeeee;border-bottom:1px solid #d5d5d5;line-height:1.4;} ._tb_type_row td{padding:10px 15px;font-size:12px;border-bottom:1px solid #d5d5d5;line-height:1.4;background-color:#fff;} ._tb_type_row.alignC th, ._tb_type_row.alignC td{padding-left:0;padding-right:0;} ._tb_type_row.black th{background-color:#222222;color:#fff;} ._tb_type_row.black tbody td{color:#000;} ._tb_refer{margin-top:7px;font-size:12px;color:#999;} /*동영상플레이*/ .video_thumbnail{position:relative;display:block;width:100%;height:100%;z-index:1;} .video_thumbnail:before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.5);} .video_thumbnail:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url('../images/btn/btn_video_play.png') no-repeat center center;background-size:50px;} /*button*/ ._btnTypeL{display:block;width:100%;height:50px;line-height:48px;font-size:16px;font-weight:bold;text-align:center;box-sizing:border-box;vertical-align:middle;border-radius:5px;} ._btnTypeLM{display:block;width:100%;height:45px;line-height:43px;font-size:15px;font-weight:bold;text-align:center;box-sizing:border-box;vertical-align:middle;border-radius:5px;} ._btnTypeM{display:block;width:100%;height:40px;line-height:38px;font-size:14px;font-weight:bold;text-align:center;box-sizing:border-box;vertical-align:middle;border-radius:5px;} ._btnTypeS{display:inline-block;padding:0 15px;height:28px;line-height:26px;font-size:12px;font-weight:bold;text-align:center;box-sizing:border-box;vertical-align:middle;border-radius:3px;} ._btnTypeXS{display:inline-block;padding:0 10px;height:24px;line-height:22px;font-size:12px;text-align:center;box-sizing:border-box;vertical-align:middle;} ._btnTypeL._btnMax{display:inline-block;max-width:180px;} ._inlineB{display:inline-block !important;width:auto;} ._inlineB._btnTypeM{padding:0 20px;} ._btnTypeL.disabled, ._btnTypeLM.disabled, ._btnTypeM.disabled, ._btnTypeS.disabled, ._btnTypeXS.disabled{background-color:#999999 !important;cursor:default;} ._btnWhite{border:1px solid #222222;color:#222222;background-color:#fff;} ._btnWhiteLight{border:1px solid #d2d2d2;color:#222222;background-color:#fff;} ._btnBlack{background-color:#222222;color:#fff;border:1px solid #222222;} ._btnRed{background-color:#ff3737;color:#fff;border:1px solid #ff3737;} ._btnRedLine{background-color:#fff;border:1px solid #ff3737;color:#ff3737;} ._btnPink{background-color:#f316a1;color:#fff;border:1px solid #f316a1;} ._btnGray{background-color:#999999;color:#fff;border:1px solid #999999;} ._btn_area{margin-top:30px;width:100%;text-align:center;} ._btn_area ._btnTypeL + ._btnTypeL{margin-top:7px;} ._btn_area.both:after{content:"";display:block;clear:both;} ._btn_area.both > a, ._btn_area.both > button{margin-top:0 !important;width:calc(50% - 2px);padding-left:10px;padding-right:10px;box-sizing:border-box;} ._btn_area.both > a:first-child, ._btn_area.both > button:first-child{float:left;} ._btn_area.both > a:last-child, ._btn_area.both > button:last-child{float:right;} ._radius4{border-radius:4px;} ._ico_arrow_r, ._ico_go{display:inline-block;padding-right:25px;background-image:url('../images/icon/ico_go.png');background-repeat:no-repeat;background-position:97% center;background-size:9px;} ._ico_download{display:inline-block;padding-right:20px;background:url('../images/icon/ico_download.gif') no-repeat 100% center;background-size:15px auto;} ._inlineB ._ico_arrow_r{background-position:100% center;} ._btnWhite ._ico_arrow_r{background-image:url('../images/icon/ico_arrow_blk.png');} ._btnWhiteLight ._ico_arrow_r{background-image:url('../images/icon/ico_arrow2.png');} ._ico_arrow_b{display:inline-block;padding-right:20px;background:url('../images/icon/ico_arrow_b.png') no-repeat 100% center;background-size:8px auto;} ._btnTypeXS ._ico_arrow_b{padding-right:10px;} ._btnTypeM ._ico_arrow_r{background-size:6px;} ._btnTypeL.more_sale{width:100%;border:1px solid #222222;background:url('../images/product/btn_go_link.png') no-repeat 95% center;background-size:9px auto;} ._btnTypeL.more_sale > span{display:inline-block;padding-right:26px;background:url('../images/product/ico_sale.png') no-repeat 100% center;background-size:21px auto;} /*form*/ /*type: text_tel_textarea*/ input.disabled{background-color:#f7f7f7 !important;} ._input_form input[type='text'], ._input_form input[type='tel'], ._input{width:100%;height:40px;padding:0 10px;border:1px solid #d2d2d2;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;font-size:12px;border-radius:0;box-sizing:border-box;} ._input_form textarea, ._textarea{width:100%;padding:10px;border:1px solid #d2d2d2 !important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;font-size:12px;resize:none;border-radius:0;line-height:1.5;overflow-y:auto;text-indent:0;box-sizing:border-box;} ._input_form input[type='text']:focus, ._input_form input[type='tel']:focus, ._input:focus, ._input_form textarea:focus, ._textarea:focus{border:1px solid #222222;} ._file_attach{display:inline-block;position:relative;width:100%;} ._file_attach input[type='file']{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;border:none;cursor:pointer;} ._file_attach .btn_file{position:absolute;right:0;top:0;padding:0 10px;} .file_attach .ui-input-text{margin:0 !important;border:none !important;} .file_attach .ui-input-text input{padding:0;text-indent:0 !important;} /*type: radio*/ ._radio_wrap_col ._radio_wrap{margin-top:10px;} ._radio_wrap_col ._radio_wrap:first-child{margin-top:0;} ._radio_wrap_row ._radio_wrap{display:inline-block;} ._radio_wrap_row ._radio_wrap + ._radio_wrap{margin-left:15px;} ._radio_wrap{position:relative;} ._radio_wrap input[type='radio']{position:absolute;left:0;top:0;width:0;opacity:0;} ._radio_wrap input[type='radio']+label{display:inline-block;padding-left:30px;padding-top:3px;font-size:13px;min-height:22px;line-height:1.3;} ._radio_wrap input[type='radio']+label:before{content:"";position:absolute;left:0;top:50%;margin-top:-11px;width:22px;height:22px;background:url('../images/common/ico_radio.png') no-repeat 0 0;vertical-align:middle;background-size:22px auto;} ._radio_wrap input[type='radio']+label strong{display:inline-block;margin-top:2px;} ._radio_wrap input[type='radio']:not(old):checked+label:before{background-position:0 -22px;} /*type: checkbox*/ ._checkbox[type="checkbox"] + label{margin-left:5px;font-size:13px;font-weight:bold;vertical-align:middle;} ._checkbox[type="checkbox"] + label + input[type="checkbox"]{margin-left:20px;border-radius:0;} ._checkbox[type="checkbox"]{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:24px;height:24px;margin:0;border:none !important;background-color:transparent;background-image:url('../images/common/ico_checkbox.gif');background-repeat:no-repeat;background-position:0 0;background-size:100% auto;} ._checkbox:checked[type="checkbox"]{background-position:0 -24px;} /*type: select*/ ._select{min-width:100px;height:38px;line-height:38px;padding:0 30px 0 10px;font-size:12px;color:#333333;background:#fff url('../images/icon/bg_select2.gif') no-repeat right center;background-size:36px auto;border:1px solid #cccccc;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none \0/IE9;} ._select:focus{border:1px solid #222;} ._select::-ms-expand{display:none;} ._select.disabled{background-color:#f7f7f7;} ._select{padding-right:0 \0/IE8+9;background:#fff \0/IE8+9;} /*type:select list*/ ._select_box{position:relative;display:inline-block;min-width:150px;vertical-align:middle} ._select_box.on .btn_select{border:2px solid #222;line-height:38px;} ._select_box.open .btn_select{border:1px solid #222222;line-height:40px;} ._select_box.open .btn_select:before{transform:rotate(180deg);} ._select_box.open .option_list{display:block;border:1px solid #222222;} ._select_box .btn_select{position:relative;display:block;width:100%;height:40px;line-height:40px;padding:0 40px 0 15px;font-size:12px;color:#222222;border:1px solid #d2d2d2;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} ._select_box .btn_select:before{content:"";display:block;position:absolute;right:0;top:0;width:38px;height:38px;background-color:#fff;background-image:url('../images/icon/ico_arrow_b.png');background-repeat:no-repeat;background-position:center center;background-size:16px 8px;} ._select_box .option_list{display:none;position:absolute;left:0;top:39px;width:100%;max-height:150px;border:1px solid #acacac;background-color:#fff;z-index:10;overflow-y:auto;overflow-x:hidden;} ._select_box .option_list > li{border-top:1px solid #dfdfdf;} ._select_box .option_list > li:first-child{border-top:0;} ._select_box .option_list > li > a{display:block;min-height:40px;padding:13px 10px 12px 15px;width:100%;height:100%;font-size:12px;font-weight:500;color:#444;word-break:break-all;letter-spacing:0;} ._select_box .option_list > li > a:hover, ._select_box .option_list > li > a:focus, ._select_box .option_list > li > a:active{background-color:#fafafa;} ._select_box.disabled{opacity:0.5;} ._select_box.disabled:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.05);} ._select_box.disabled .btn_select{border:1px solid #d2d2d2;} /*list type*/ ._list_type1 > li{padding-left:8px;font-size:12px;color:#666666;text-indent:-8px;line-height:1.4;word-break:keep-all;} ._list_type_dot > li{position:relative;padding-left:9px;font-size:12px;line-height:1.6;word-break:keep-all;text-align:left;} ._list_type_dot > li:before{content:"•";display:block;position:absolute;left:0;top:3px;line-height:1;} ._list_dot_wrap > dt{font-size:13px;font-weight:600;} ._list_dot_wrap > dd{margin-top:10px;} ._list_dot_wrap > dd li{position:relative;padding-left:9px;font-size:12px;line-height:1.6;word-break:keep-all;} ._list_dot_wrap > dd li:before{content:"•";display:block;position:absolute;left:0;top:3px;line-height:1;} /*icon*/ ._bg_icon{display:inline-block;background-image:url('../images/icon/icons.png');background-size:104px 76px;text-indent:-9999em;overflow:hidden;vertical-align:middle;text-align:left;} ._ico_help{width:16px;height:16px;background-position:-84px -35px;} ._ico_notice{width:17px;height:17px;background-position:-35px -5px;} ._ico_below{width:19px;height:10px;background-position:-5px -61px;transition-duration:0.5s;transform:rotate(0);} ._ico_below_s{width:12px;height:12px;background-position:-87px -5px;transition-duration:0.5s;transform:rotate(0);} ._ico_below.active, ._ico_below_s.active{transition-duration:0.5s;transform:rotate(180deg);} ._ico_right{width:15px;height:15px;background-position:-62px -5px;} ._ico_r_white{display:inline-block;width:9px;height:17px;background:url('../images/icon/ico_arrow_wh.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;vertical-align:middle;} ._ico_x{width:20px;height:20px;background-position:-5px -5px;} ._ico_x2{width:15px; height:15px;background-position:-31px -35px;} ._ico_x3{width:14px;height:14px;background-position:-62px -30px;} ._ico_x_wh{display:inline-block;width:20px;height:20px;background:url('../images/btn/btn_x_wh.png') no-repeat 0 0;background-size:100%;text-indent:-9999em;overflow:hidden;} ._ico_state1{display:inline-block;height:20px;line-height:20px;padding:0 10px;color:#fff;font-size:12px;background-color:#ff7777;border-radius:4px;vertical-align:middle;} ._ico_state2{display:inline-block;height:20px;line-height:20px;padding:0 10px;color:#ff6969;font-size:11px;background-color:#fff;border:1px solid #ff7777;border-radius:25px;vertical-align:middle;} ._ico_state3{display:inline-block;height:20px;line-height:20px;padding:0 10px;color:#999999;font-size:11px;background-color:#fff;border:1px solid #999999;border-radius:25px;vertical-align:middle;} ._ico_state4{display:inline-block;height:18px;line-height:18px;padding:0 7px;color:#ff3737;font-size:11px;background-color:#fff;border:1px solid #ff3737;border-radius:25px;vertical-align:middle;} ._ico_wish{display:none;width:25px;height:22px;background:url('../images/icon/ico_wish.png') no-repeat 0 0;background-size:25px auto;text-indent:-9999em;overflow:hidden;vertical-align:middle;} .floating_buy_btns #wishBtn{display:none;} ._ico_wish.on{background-position:0 -22px;} /*text*/ ._f24{font-size:24px !important;font-weight:600;letter-spacing:-1px;line-height:1.6;word-break:keep-all;} ._f20{font-size:20px !important;font-weight:600;letter-spacing:-1px;line-height:1.6;word-break:keep-all;} ._f18{font-size:18px !important;font-weight:600;letter-spacing:-1px;line-height:1.6;word-break:keep-all;} ._f17{font-size:17px !important;font-weight:600;letter-spacing:-1px;line-height:1.6;word-break:keep-all;} ._f16{font-size:16px !important;font-weight:600;letter-spacing:-1px;line-height:1.6;word-break:keep-all;} ._f15{font-size:15px !important;line-height:1.4;word-break:keep-all;} ._f14{font-size:14px !important;line-height:1.4;word-break:keep-all;} ._f13{font-size:13px !important;line-height:1.4;word-break:keep-all;} ._f12{font-size:12px !important;line-height:1.4;word-break:keep-all;} ._f11{font-size:11px !important;line-height:1.4;word-break:keep-all;} ._txt_notice{padding-left:20px;background:url('../images/icon/ico_notice.png') no-repeat 0 0;background-size:17px auto;font-size:12px;line-height:17px;vertical-align:middle;} ._txt_notice2{padding-left:20px;background:url('../images/icon/ico_info.png') no-repeat 0 0;background-size:17px auto;font-size:12px;min-height:18px;vertical-align:middle;color:#222;} /*line*/ ._line_top{padding-top:15px;margin-top:15px;border-top:1px solid #d2d2d2;} ._line_top._black{border-top:1px solid #222222;} ._line_top._sp10{padding-top:10px;margin-top:10px;} ._line_top._sp20{padding-top:20px;margin-top:20px;} /*color*/ .co_red{color:#ff3737 !important;} .co_gray{color:#999999 !important;} .co_gray6{color:#666666 !important;} .co_gray7{color:#777 !important} .co_purple{color:#a302d9 !important;} .co_blue{color:#593eff !important;} .co_blu{color:#2c87ff !important;} .co_green{color:#00c77f !important} /*쿠폰*/ ._coupon{display:inline-block;padding-right:30px;width:140px;height:65px;background-repeat:no-repeat;text-align:center;overflow:hidden;font-weight:600;line-height:1;color: #fff;background-size:cover;background-position:center;box-sizing:border-box;} ._coupon .tit{display:block;margin:26px 0 5px;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,0.5);} ._coupon .tit strong {font-size:22px;} ._coupon.ship{background-image:url('../images/bg/coupon_ship.png');} ._coupon.ship .tit {display:none;} ._coupon.sale{background-image:url('../images/bg/coupon_sale.png');} ._coupon.price{background-image:url('../images/bg/coupon_price.png');} /*등급아이콘*/ ._level{display:inline-block;width:85px;height:85px;background-size:100%;background-repeat:no-repeat;} ._level.indivip{background-image:url('../images/icon/level_individual_vip.png');} ._level.indiv{background-image:url('../images/icon/level_individual.png');} /*카테고리*/ ._category{position:relative;min-height:98px;position:relative;background-color:#fff;} ._category *{box-sizing:border-box;} ._category .list{border-bottom:1px solid #eeeeee;background-color:#fff;} ._category .list:after{content:"";display:block;clear:both;} ._category .list > li{position:relative;float:left;width:25%;min-height:78px;margin:0;padding:0;border-left:1px solid #eeeeee;border-top:1px solid #eeeeee;} ._category .list > li:nth-child(4n+1){border-left:0;} ._category .list > li > a{display:block;width:100%;height:95px;font-size:12px;color:#333333;text-align:center;background-color:#fff;letter-spacing:-1px;white-space:normal;} ._category .list > li .ico{display:block;height:62px;background-size:auto 100%;background-repeat:no-repeat;background-position:center top;} ._category .list > li.air_conditioner > a .ico{background-image:url('../images/category/ico_air_conditioner.jpg');} ._category .list > li.refrigerator > a .ico{background-image:url('../images/category/ico_refrigerator.jpg');} ._category .list > li.fan > a .ico{background-image:url('../images/category/ico_fan.jpg');} ._category .list > li.air_cleaner > a .ico{background-image:url('../images/category/ico_air_cleaner.jpg');} ._category .list > li.it > a .ico{background-image:url('../images/category/ico_it.jpg');} ._category .list > li.tv > a .ico{background-image:url('../images/category/ico_tv.jpg');} ._category .list > li.washing > a .ico{background-image:url('../images/category/ico_washing.jpg');} ._category .list > li.dryer > a .ico{background-image:url('../images/category/ico_dryer.jpg');} ._category .list > li.vacuum > a .ico{background-image:url('../images/category/ico_vacuum.jpg');} ._category .list > li.beauty > a .ico{background-image:url('../images/category/ico_beauty.jpg');} ._category .list > li.health > a .ico{background-image:url('../images/category/ico_health.jpg');} ._category .list > li.kitchen > a .ico{background-image:url('../images/category/ico_kitchen.jpg');} ._category .list > li.kitchen_s > a .ico{background-image:url('../images/category/ico_kitchen_s.jpg');} ._category .list > li.season > a .ico{background-image:url('../images/category/ico_season.jpg');} ._category .list > li.camera > a .ico{background-image:url('../images/category/ico_camera.jpg');} ._category .list > li.phone > a .ico{background-image:url('../images/category/ico_phone.jpg');} ._category .list li.kettle > a .ico{background-image:url('../images/category/ico_kettle.jpg');} ._category .list li.coffee > a .ico{background-image:url('../images/category/ico_coffee.jpg');} ._category .list li.computer > a .ico{background-image:url('../images/category/ico_computer.jpg');} ._category .list li.notebook > a .ico{background-image:url('../images/category/ico_notebook.jpg');} ._category .list li.music > a .ico{background-image:url('../images/category/ico_music.jpg');} ._category .list li.range > a .ico{background-image:url('../images/category/ico_range.jpg');} ._category .list li.dishwasher > a .ico{background-image:url('../images/category/ico_dishwasher.jpg');} ._category .list li.styler > a .ico{background-image:url('../images/category/ico_styler.jpg');} ._category .list li.kimchi > a .ico{background-image:url('../images/category/ico_kimchi.jpg');} ._category .list li.massage > a .ico{background-image:url('../images/category/ico_massage.jpg');} ._category .list li.washing_normal > a .ico{background-image:url('../images/category/ico_washing_normal.jpg');} ._category .list li.water > a .ico{background-image:url('../images/category/ico_water.jpg');} ._category .list li.airfryer > a .ico{background-image:url('../images/category/ico_airfryer.jpg');} ._category .list li.healthfood > a .ico{background-image:url('../images/category/ico_healthfood.jpg');} ._category .list li.microwave > a .ico{background-image:url('../images/category/ico_microwave.jpg');} ._category .list li.tablet > a .ico{background-image:url('../images/category/ico_tablet.jpg');} ._category .list li.winter > a .ico{background-image:url('../images/category/ico_winter.jpg');} ._category .list li.air_dehumid > a .ico{background-image:url('../images/category/ico_air_dehumid.jpg');} ._category .list li.smart > a .ico{background-image:url('../images/category/ico_smart.jpg');} ._category .list li.chair > a .ico{background-image:url('../images/category/ico_chair_etc.jpg');} ._category .list li.etc > a .ico{background-image:url('../images/category/ico_etc.jpg');} ._category .list li.industrial > a .ico{background-image:url('../images/category/ico_industrial.jpg');} ._category .list li.homecare > a .ico{background-image:url('../images/category/ico_homecare.jpg');} ._category .list li.all > a .ico{background-image:url('../images/category/ico_all.jpg');} ._category .list li.all2 > a .ico{background-image:url('../images/category/ico_all2.jpg');} ._category .list li.mall > a .ico{background-image:url('../images/category/ico_mall.jpg');} ._category .list li.issue > a .ico{background-image:url('../images/category/ico_issue.jpg');} ._category .list li.furniture > a .ico{background-image:url('../images/category/ico_furniture.jpg');} ._category .list li.toy > a .ico{background-image:url('../images/category/ico_toy.jpg');} ._category .list li.rental > a .ico{background-image:url('../images/category/ico_rental.jpg');} ._category .list li.golf > a .ico{background-image:url('../images/category/ico_golf.jpg');} ._category .list li.game > a .ico{background-image:url('../images/category/ico_game.jpg');} ._category .list li.leisure > a .ico{background-image:url('../images/category/ico_leisure.jpg');} ._category .list li.fashion > a .ico{background-image:url('../images/category/ico_fashion.jpg');} ._category .list li.waste_disposal > a .ico{background-image:url('../images/category/ico_waste_disposal.jpg');} ._category .list > li.on:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #e6123b;z-index:1;box-sizing:border-box;} ._category .list.div_5 > li{position:relative;width:20%} ._category .list.div_5 > li:nth-child(4n+1){border-left:1px solid #eeeeee;} ._category .list.div_5 > li:nth-child(5n+1){border-left:none;} ._category .fixed.list.div_5 > li:nth-child(5n+1){border-left:1px solid #eeeeee;} ._category .fixed{position:fixed;width:100%;top:45px;left:0;height:97px;z-index:10;width:100%;white-space:nowrap;overflow-x:auto;overflow-y:hidden;font-size:0;-webkit-overflow-scrolling:touch;} ._category .fixed li{float:none;display:inline-block;width:80px !important;vertical-align:top;} ._category .fixed > li:nth-child(4n+1){border-left:1px solid #e4e4e6;} ._category .fixed > li:nth-child(1){border-left:0;} ._category .fixed > li.blank{display:none;} ._category .btnMove{display:none;padding-top:35px;font-size:18px;font-weight:bold;color:#333;box-sizing:border-box;text-align:center;} ._category .fixed ~ .prev{display:block;position:fixed;left:0;top:45px;width:20px;height:97px;background-color:rgba(255,255,255,0.5);z-index:10;} ._category .fixed ~ .next{display:block;position:fixed;right:0;top:45px;width:20px;height:97px;background-color:rgba(255,255,255,0.5);z-index:10;} ._category.type2 .blank{display:none;} ._category.type2 .list{white-space:nowrap;overflow-x:auto;font-size:0;border-bottom:0;} ._category.type2 .list.fixed{height:auto;} ._category.type2 .list > li{display:inline-block;float:none;width:80px !important;height:108px;border:none !important;text-align:center;} ._category.type2 .list > li > a{height:auto;padding:17px 0 14px;} ._category.type2 .list > li .ico{position:relative;margin:0 auto;width:50px;height:50px;margin-bottom:7px;border-radius:50%;background-size:cover;overflow:hidden;} ._category.type2 .list > li .ico:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);} ._category.type2 .list > li.on .ico{border:1px solid #f52d3a;} ._category.type2 .list > li.on:before, ._category.type2 .list > li.on .ico:before{display:none;} ._category.type2 .list > li.on a{font-weight:bold;color:#f52d3a;} /*2023-01-05 상품 카테고리*/ ._category_wrapper{margin-top:20px;margin-left:-7px;margin-right:-7px;} ._category_wrapper.show ._list{position:fixed;left:0;top:45px;width:100%;padding:40px 15px 15px;background-color:#fafafa;border-bottom:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,0.1);/*white-space:nowrap;overflow-x:auto;*/z-index:13;} ._category_wrapper.show ._list > li > button{height:36px;font-size:13px;} ._category_wrapper.show ._list > li:last-child{margin-right:15px;} ._category_wrapper.show ._list > li:first-child{background-color:#fff;border:1px solid #d1d1d1;} ._category_wrapper.show ._list > li:first-child button{color:#222;} ._category_wrapper ._list{margin-left:1px;font-size:0;} ._category_wrapper ._list:after{content:"";display:block;clear:both;} ._category_wrapper ._list > li{display:inline-block;;width:calc(33.333% - 4px);margin:2px;border:1px solid #d1d1d1;background-color:#fff;border-radius:5px;vertical-align:top;} ._category_wrapper ._list > li > button{display:flex;width:100%;height:42px;font-size:14px;align-items:center;text-align:center;justify-content:center;text-overflow:ellipsis;overflow:hidden;} ._category_wrapper ._list > li > button > span{display:-webkit-box;max-height:38px;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: keep-all;word-wrap: break-word;white-space: normal;overflow:hidden;} ._category_wrapper ._list > li.on{position:relative;z-index:1;} ._category_wrapper ._list > li.on > button{font-weight:600;color:#fff;border:none;background-color:#222;} ._category_wrapper ._list > li:first-child{background-color:#222;border:1px solid #222;} ._category_wrapper ._list > li:first-child button{color:#fff;} ._category_title{position:relative;height:50px;margin-top:50px;z-index:12;} ._category_title ._title{display:flex;height:50px;margin:0 -9.5px;padding:0 10px;align-items:center;font-size:16px;border-bottom:1px solid #222 !important;text-align:left !important;color:#222 !important;background-color:#fff;} ._category_title.fixed ._title{position:fixed;left:0;top:45px;width:100%;margin:0;z-index:13;background-color:#fafafa;} ._btn_view_all{position:fixed;right:5px;top:63px;width:auto !important;padding-left:35px;font-size:13px;color:#333;z-index:11;opacity:0;pointer-events:none;z-index:13;} ._btn_view_all .bar{position:absolute;left:10px;top:1px;width:18px;height:12px;z-index:101;} ._btn_view_all .bar > span{display:block;position:absolute;left:0;width:100%;height:2px;background-color:#333;border-radius:4px;transition:all 0.3s linear;} ._btn_view_all .bar > span:nth-child(1){top:5px;} ._btn_view_all .bar > span:nth-child(2){top:5px;} ._btn_view_all .bar > span:nth-child(3){bottom:5px;} ._btn_view_all.show{opacity:1;pointer-events:auto;} ._btn_view_all.show .bar > span:nth-child(1){top:0;} ._btn_view_all.show .bar > span:nth-child(2){top:5px;} ._btn_view_all.show .bar > span:nth-child(3){bottom:0;} ._btn_view_all.open .bar > span:nth-child(1){top:0;-webkit-transform:translateY(20px) rotate(-45deg);transform:translateY(5px) rotate(-45deg);} ._btn_view_all.open .bar > span:nth-child(2){opacity:0;} ._btn_view_all.open .bar > span:nth-child(3){bottom:0;-webkit-transform:translateY(-20px) rotate(45deg);transform:translateY(-5px) rotate(45deg);} ._btn_view_all.open .txt{display:none;} /*popup*/ .layers{display:none;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100vh;/* Fallback for browsers that do not support Custom Properties */ height: calc(var(--vh, 1vh) * 100);height: -webkit-fill-available;z-index:1001;transform:translate3d(0,0,0);-webkit-transform:translateZ(0);-webkit-overflow-scrolling:touch;overflow:hidden;z-index:2147483647000;} /*for IOS safari bug*/ .layers *{box-sizing:border-box;} .layers .mask{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1002;} .layerPopup{display:none;position:absolute;width:90%;left:50%;top:50%;z-index:1003;max-width:670px;filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.2));} .layerPopup.full{width:100%;min-height:100%;left:0;top:0;right:0;bottom:0;margin:0;background-color:#fff;max-width:none;} .layerPopup.full .body{overflow-y:auto;-webkit-overflow-scrolling:touch;} .layerPopup.full .header > h2{font-size:18px;} .layerPopup .header{position:relative;min-height:auto;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#222;} .layerPopup .header > h2{font-size:16px;padding-left:15px;text-align:left;font-weight:bold;} .layerPopup .popX{position:absolute;top:0px;right:0;width:40px;height:40px;text-indent:-9999em;overflow:hidden;z-index:1;} .layerPopup .body{position:relative;background-color:#fff;font-size:14px;color:#333;word-break:keep-all;} .layerPopup .body .popX{position:absolute;top:5px;right:0;width:40px;height:40px;text-indent:-9999em;overflow:hidden;} .layerPopup .body img{width:100%;} .layerPopup .body .text_area{padding:25px 20px;font-size:14px;color:#333;line-height:1.3;letter-spacing:-1px;text-align:center;} .layerPopup .body .info_area{padding:20px;font-size:14px;color:#333;line-height:1.3;background-color:#f8f8f8;} .layerPopup .body .list_dot > li{position:relative;padding-left:10px;font-size:12px;color:#444;line-height:19px;text-align:left;} .layerPopup .body .list_dot > li:before{content:"";position:absolute;left:0;top:7px;width:2px;height:2px;background-color:#999;} .layerPopup .body .list_title{padding-left:20px;height:40px;line-height:38px;background-color:#e9e9e9;font-size:14px;font-weight:bold;color:#444;} .layerPopup .body .tal{text-align:left;} .layerPopup .body .popX:before, .layerPopup .body .popX:after{background-color:#222;} .layerPopup .body .popX.wh:before, .layerPopup .body .popX.wh:after{background-color:#fff;} .layerPopup.alert{max-width:275px;} .layerPopup .btn_box{padding:0 20px 30px;text-align:center;} .layerPopup .btn_box:after{content:"";display:block;clear:both;} .layerPopup .btn_box > a{display:inline-block;width:100%;max-width:150px;margin-left:6px;height:33px;line-height:31px;border-radius:3px;font-weight:bold;text-align:center;} .layerPopup .btn_box > a:first-child{margin-left:0;} .layerPopup .btn_box.half > a{display:block;float:left;width:calc(50% - 3px);} .layerPopup .btn_box .btn_white{background-color:#fff;border:1px solid #d7d7d7;color:#333;} .layerPopup .btn_box .btn_gray{background-color:#777;border:1px solid #777;color:#fff;} .layerPopup .chk_area{position: relative;padding: 10px 15px;color: #717176;font-size: 12px;text-align: left;background-color:#fff;} .layerPopup .chk_area input[type="checkbox"] + label{margin-left:10px;} .layerPopup .chk_area input[type="checkbox"]{border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin:0;border:none !important;background-color:transparent;background-image:url('../images/common/ico_checkbox.gif');background-repeat:no-repeat;background-position:0 0;background-size:20px auto;} .layerPopup .chk_area input:checked[type="checkbox"]{background-position:0 -20px;} .layerPopup .chk_area input[type="checkbox"] + label{margin-left:5px;} .layerPopup .chk_area .close{display: block;position: absolute;right: 15px;top: 13px;min-width: auto;height: auto;line-height: 13px;color: #717176;text-decoration:underline;} #nonWorkingPop .body{background:none;} #nonWorkingPop .popX{width:30px;height:30px;top:0;} #nonWorkingPop .body .popX:before, #nonWorkingPop .body .popX:after{background-color:#fff;} .layerPopup .bottom{display:table;width:100%;} .layerPopup .bottom > a{display:table-cell;width:1%;height:41px;line-height:41px;font-size:13px;color:#666;text-align:center;background:#fff;} .layerPopup .bottom .pop_close{border-left:1px solid #ebebeb;} /*2019-04-01 new popup style*/ .layerPopup.new{padding:0 20px 30px;background-color:#fff;} .layerPopup.full.new{padding:0;} .layerPopup.full.new .header{margin:0 15px;} .layerPopup.full.new .body{padding-left:15px;padding-right:15px;} .layerPopup.new .header{height:auto;line-height:1.2;padding:15px 0;background-color:#fff;border-bottom:2px solid #222222;} .layerPopup.new .header h2{padding-left:0;font-size:16px;font-weight:bold;color:#222222;text-align:center;} .layerPopup.new .header .popX{right:-10px;} .layerPopup.new .popX{top:5px;right:0;z-index:1;} .layerPopup.new .inner{padding:0 15px;} .layerPopup.new .body{padding-top:15px;padding-bottom:20px;} .laypop_alert{left:5% !important;margin-left:0 !important;background-color:#fff;} .laypop_alert .header{padding-bottom:0 !important;border-bottom:0 !important;background-color:none !important;} .laypop_alert .body{padding-top:25px !important;padding-bottom:0 !important;text-align:center;} .laypop_alert .body p{font-size:13px;line-height:1.4;} .laypop_alert .body ._btn_area ._btnTypeM{min-width:160px;} .layer_memo_wrap{position:relative;} .layer_memo_wrap .layerMemo{display:none;position:absolute;left:0;top:0;padding:20px;border:1px solid #d2d2d2;background-color:#fff;z-index:1;} .layer_memo_wrap .layerMemo .header{padding-bottom:15px;font-size:14px;font-weight:bold;border-bottom:2px solid #222222;} .layer_memo_wrap .layerMemo .body{padding-top:15px;} .layer_memo_wrap .layerMemo .body .text{font-size:12px;color:#222;line-height:1.6;} /*2022-7-18 이푸드팝업 zindex*/ #_NBCHATLAYOUT{z-index:1000 !important;} /*popup : 공유하기*/ .lay_share_sns{max-width:320px;} .lay_share_sns.new .body{padding:0;} .lay_share_sns .header{color:#333;background-color:#fff;border-bottom:1px solid #ddd;} .lay_share_sns .popX:before, .lay_share_sns .popX:after{background-color:#222;} .lay_share_sns .body{padding:5px 20px 25px;} .lay_share_sns .sns_list{overflow:hidden;} .lay_share_sns .sns_list li{width:25%;margin-top:20px;float:left;text-align:center;} .lay_share_sns .sns_list li .ico{width:63.5px;height:69px;background:url('../images/bg/bg_sns_share.png') no-repeat;display:inline-block;background-size:254px 142.5px;} .lay_share_sns .sns_list li.nth1 .ico{background-position:0 0;} .lay_share_sns .sns_list li.nth2 .ico{background-position:-63.5px 0;} .lay_share_sns .sns_list li.nth3 .ico{background-position:-127px 0;} .lay_share_sns .sns_list li.nth4 .ico{background-position:-190.5px 0;} .lay_share_sns .sns_list li.nth5 .ico{background-position:0 -74px;} .lay_share_sns .sns_list li.nth6 .ico{background-position:-63.5px -74px;} .lay_share_sns .sns_list li.nth7 .ico{background-position:-127px -74px;} .lay_share_sns .sns_list li.nth8 .ico{background-position:-190.5px -74px;} .lay_share_sns .url_box{margin-top:30px;text-align:center;} .lay_share_sns .url_box .text{margin-bottom:7px;font-size:12px;color:#333;text-align:center;} .lay_share_sns .url_box input[type='text']{padding:0 10px;width:100%;height:30px;line-height:30px;border:1px solid #ccc;} /*popup : 공유하기*/ .share_sns_page{padding:0 15px 30px;} .share_sns_page .popX:before,.share_sns_page .popX:after{background-color:#222;} .share_sns_page .body{max-width:500px;margin:0 auto;padding-top:40px !important;} .share_sns_page .sns_list{overflow:hidden;} .share_sns_page .sns_list li{width:33.333%;margin-bottom:20px;float:left;text-align:center;} .share_sns_page .sns_list li > a, .share_sns_page .sns_list li > button{display:block;} .share_sns_page .sns_list li #url-btn{display:inline-block;} .share_sns_page .sns_list li .ico{width:77px;height:77px;background:url('../images/bg/sns_share.png') no-repeat;display:inline-block;background-size:320px 240px;} .share_sns_page .sns_list li em{display:block;margin-top:5px;font-size:16px;color:#222222;} .share_sns_page .sns_list li.nth1 .ico{background-position:0 0;} .share_sns_page .sns_list li.nth2 .ico{background-position:-80px 0;} .share_sns_page .sns_list li.nth3 .ico{background-position:-160px 0;} .share_sns_page .sns_list li.nth4 .ico{background-position:-240px 0;} .share_sns_page .sns_list li.nth5 .ico{background-position:0 -80px;} .share_sns_page .sns_list li.nth6 .ico{background-position:-80px -80px;} .share_sns_page .sns_list li.nth7 .ico{background-position:-160px -80px;} .share_sns_page .sns_list li.nth8 .ico{background-position:-240px -80px;} .watt_share_area{position:relative;} .watt_share_area .layer_watt{position:absolute;left:calc(100% + 10px);top:7px;width:170px;padding:10px 15px;border:1px solid #999999;background:#fff;border-radius:4px;text-align:left;line-height:1.5;box-sizing:border-box;} .watt_share_area .layer_watt:before{content:"";display:block;position:absolute;left:-15px;top:50%;width:15px;height:20px;margin-top:-10px;font-size:17px;background:url('../images/bg/bg_layer.gif') no-repeat 0 0;background-size:100%;} .watt_share_area .layer_watt .bg_watt{display:inline-block;margin-left:2px;width:17px;height:24px;background:url('../images/bg/bg_watt.png') no-repeat 0 0;vertical-align:top;background-size:100%;} /*팝업X 버튼*/ .popX{display:block;width:40px;height:40px;text-indent:-9999em;overflow:hidden;text-align:left;} .popX:before, .popX:after{content:'';position:absolute;width:50%;height:1px;top:50%;left:5px;margin-top:-1px;margin-left:5px;background-color:#fff;border-radius:3px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;} .popX.black:before, .popX.black:after{background-color:#000;} .active .popX:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);} .active .popX:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);} /*Banner*/ .comm_top_banner{position:relative;text-align:left;} .comm_top_banner > a{display:block;} .comm_top_banner .btn_x{display:block;position:absolute;right:0;top:50%;margin-top:-20px;width:40px;height:40px;text-indent:-9999em;overflow:hidden;} .comm_top_banner img{width:100%;max-width:720px;} .comm_top_banner .btn_x:before{content:"";position:absolute;left:5px;top:50%;margin-top:-1px;display:block;width:50%;height:1px;background-color:#fff;transform:rotate(45deg);} .comm_top_banner .btn_x:after{content:"";position:absolute;left:5px;top:50%;margin-top:-1px;display:block;width:50%;height:1px;background-color:#fff;transform:rotate(-45deg);} .comm_top_banner .btn_x.black:before, .comm_top_banner .btn_x.black:after{background-color:#222;} /*2018-11-05 TV광고배너*/ .tv_viewer{position:fixed;left:15px;bottom:55px;z-index:1;overflow:hidden;} .tv_viewer video{display:block;} .tv_viewer .tit{padding:5px 0;font-size:11px;color:#fff;background-color:#111111;text-align:center;} .tv_viewer .btn_x{display:block;float:right;width:20px;height:19px;background:url('../images/btn/btn_x.jpg') no-repeat 0 0;background-size:cover;text-indent:-9999em;overflow:hidden;text-align:left;} .tv_viewer .btn_pop_show{display:block;width:100px;} .tv_viewer .btn_pop_show img{width:100%;} .popup_show_tv{width:100% !important;} .popup_show_tv .top{padding:0 15px 10px 0;text-align:right;} .popup_show_tv .top .pop_x{display:inline-block;width:20px;height:20px;background:url('../images/btn/btn_x_wh.png') no-repeat 0 0;background-size:cover;text-align:left;text-indent:-9999em;overflow:hidden;} .popup_show_tv .bottom{padding:7px 12px;color:#fff;font-size:13px;} .popup_show_tv .bottom input[type='checkbox']{display:inline-block;margin-right:3px;width:20px;height:20px;background:none;border:none;border-radius:0;} #emailFormView{position:fixed;right:0;bottom:160px;width:60px;height:60px;background:url('../images/icon/ico_mail_on.png') no-repeat 0 0;background-size:cover;z-index:100;} #emailFormView > em{display:block;width:60px;height:60px;background:url('../images/icon/ico_mail_on2.png') no-repeat 0 0;background-size:cover;text-indent:-9999em;overflow:hidden;animation:iconRepeat 1.4s infinite forwards ease-in;} @keyframes iconRepeat{ 0%,100%{opacity:1;} 50% {opacity:0}} .layers .popup_email_reg{overflow:inherit;} .popup_email_reg *{box-sizing:border-box;} .popup_email_reg:before{content:"";display:block;position:absolute;left:50%;top:-35px;margin-left:-30px;width:80px;height:80px;background:url('../images/icon/ico_mail_on2.png') no-repeat 0 0;background-size:cover;z-index:1;} .popup_email_reg .cont{padding:50px 0 25px;background-color:#282828;} .popup_email_reg .txt{font-size:18px;color:#fff;line-height:1.4;text-align:center;word-break:keep-all;} .popup_email_reg .txt strong{display:block;font-size:21px;color:#00f1aa;} .popup_email_reg .inp_mailaddr{padding:0 30px;margin:20px 0 15px;} .popup_email_reg .inp_mailaddr .ui-input-text{margin:0;border:none;border-radius:0;background:none;} .popup_email_reg .inp_mailaddr input[type='text']{padding:0 12px;width:100%;height:45px;border:none;background-color:#fff;font-size:13px;} .popup_email_reg .inp_mailaddr .btn{display:block;margin-top:13px;height:43px;line-height:43px;background-color:#00f1aa;border-radius:25px;font-size:13px;color:#282828;font-weight:bold;text-align:center;} .popup_email_reg .s_txt{margin-bottom:10px;font-size:12px;color:#ccc;line-height:1.4;word-break:keep-all;} .popup_email_reg .agreement{position:relative;padding:0 30px;text-align:left;} .popup_email_reg .agreement:after{content:"";display:block;clear:both;} .popup_email_reg .agreement .btn_detail{float:left;font-size:12px;color:#999;text-decoration:underline;} .popup_email_reg .agreement .check{float:right;color:#ccc;font-size:14px;} .popup_email_reg .agreement .check .ui-checkbox{margin:0;} .popup_email_reg .agreement .s_txt{display:inline-block;} .popup_email_reg .agreement label{margin-right:5px;} .popup_email_reg .agreement input[type="checkbox"]{-moz-border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:21px;height:20.5px;margin:0;border-radius:0;border:none !important;background-color:transparent;background-image:url('../images/common/ico_check.gif');background-repeat:no-repeat;background-position:0 0;background-size:100% auto;} .popup_email_reg .agreement input:checked[type="checkbox"]{background-position:0 -20.5px;} .popup_email_reg .bottom{display:table;width:100%;} .popup_email_reg .bottom > a{display:table-cell;width:1%;height:41px;line-height:41px;font-size:13px;color:#666;text-align:center;background:#fff;} .popup_email_reg .bottom .pop_close{border-left:1px solid #ebebeb;} .popup_email_reg .policy{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:40px 20px 0;border:10px solid #00f1aa;background:#fff;word-break:keep-all;text-align:left;} .popup_email_reg .policy .pop_x{display:block;position:absolute;right:15px;top:15px;width:13px;height:11px;background:url('../images/btn/btn_x2.png') no-repeat 0 0;background-size:cover;text-indent:-9999em;overflow:hidden;} .popup_email_reg .policy p{margin-bottom:13px;font-size:13px;color:#151515;line-height:1.5;} .popup_email_reg .policy li{margin-bottom:5px;padding-left:69px;font-size:12px;color:#151515;line-height:1.5;text-indent:-69px;} /*팝업: 카드 무이자 안내 */ .creditCard .card{display:inline-block;width:110px;height:55px;} .creditCard .card{background-position: center center; background-repeat: no-repeat;text-indent:-9999em;overflow:hidden;} .creditCard .card.card-1 { background-image: url('../images/card/card_bc.png'); } /*BC카드*/ .creditCard .card.card-2 { background-image: url('../images/card/card_kb.png'); } /* 국민카드*/ .creditCard .card.card-3 { background-image: url('../images/card/card_lotte.png'); } /* 롯데카드*/ .creditCard .card.card-4 { background-image: url('../images/card/card_lotte_l.png'); } /* 전자랜드L카드*/ .creditCard .card.card-5 { background-image: url('../images/card/card_samsung.png'); } /* 삼성카드*/ .creditCard .card.card-6 { background-image: url('../images/card/card_samsung_t.png'); } /* 전자랜드T카드*/ .creditCard .card.card-7 { background-image: url('../images/card/card_samsung_7.png'); } /* 삼성7카드*/ .creditCard .card.card-8 { background-image: url('../images/card/card_shinhan.png'); } /* 신한카드*/ .creditCard .card.card-9 { background-image: url('../images/card/card_keb.png'); } /* 외환카드*/ .creditCard .card.card-10 { background-image: url('../images/card/card_hyundai.png'); } /* 현대카드*/ .creditCard .card.card-11 { background-image: url('../images/card/card_hana.png'); } /* 하나SK카드*/ .creditCard .card.card-12 { background-image: url('../images/card/card_nh.png'); } /* 농협카드*/ .creditCard .card.card-13 { background-image: url('../images/card/card_citi.png'); } /* 씨티카드*/ .creditCard .card.card-15 { background-image: url('../images/card/card_shinhan_lg.png'); } /*신한카드*/ .creditCard .cardcard-16 { background-image: url('../images/card/card_lotte_priceking.png'); } /*롯데카드 프라이스킹*/ .creditCard .cardcard-17 { background-image: url('../images/card/card_samsung_3v2.png'); } /*삼성 3V2*/ .creditCard .cardcard-18 { background-image: url('../images/card/card-18.png'); } /*삼성 BIZ 6 v2*/ .creditCard .card.card-20 { background-image:url('../images/card/card-20.jpg'); } /*전북은행*/ .laypop_card_free{width:560px;} .laypop_card_free .line_tit{margin-top:10px;padding-bottom:10px;border-bottom:1px solid #222222;font-size:13px;color:#222222;font-weight:bold;} .laypop_card_free .list_card{display:table;width:100%;} .laypop_card_free .list_card .cell_card{display:table-cell;width:110px;text-align:center;vertical-align:middle;} .laypop_card_free .list_card .cell_text{display:table-cell;width:calc(100% - 110px);padding-left:10px;text-align:left;font-size:12px;vertical-align:middle;} .laypop_card_free .list_card .cell_text p{line-height:1.6;word-break:keep-all;} .laypop_card_free .list_card > li{padding:13px 0;border-bottom:1px solid #eeeeee;} /*팝업 : 할인해주세요*/ .laypop_request .notice_coupon{padding:15px 10px;border-top:1px dashed #666666;background-color:#fafafa;} .laypop_request .notice_coupon .tit{font-size:12px;} .laypop_request .notice_coupon .txt{margin-top:5px;color:#999999;font-size:12px;} .laypop_request .total_price_area{padding:15px 10px;border-top:1px solid #222222;} .laypop_request .total_price_area .tit{margin-top:2px;font-size:12px;} .laypop_request .total_price_area .total_price{font-size:12px;font-weight:bold;} .laypop_request .total_price_area .total_price .price{font-size:16px;} .laypop_request ._input_form{margin-top:20px;} .laypop_request ._input_form .cell{margin-top:10px;} .laypop_request ._input_form .offer{position:relative;} .laypop_request ._input_form .offer input{padding-right:30px;} .laypop_request ._input_form .offer .won{position:absolute;right:10px;top:10px;font-size:12px;color:#999999;} .discount_request .pd_selected .cell{display:table;width:100%;padding:20px 0;border-top:1px solid #eeeeee;} .discount_request .pd_selected .cell:first-child{padding-top:5px;border-top:0;} .discount_request .pd_selected .cell .img{display:table-cell;width:80px;vertical-align:top;} .discount_request .pd_selected .cell .pd_detail_info{display:table-cell;width:calc(100% - 80px);padding-left:15px;vertical-align:middle;} .discount_request .pd_selected .cell .pd_detail_info:after{content:"";display:block;clear:both;} .discount_request .pd_selected .cell .pd_detail_info .pd_title{font-size:13px;color:#222222;line-height:1.4;} .discount_request .pd_selected .cell .pd_detail_info .pd_title > span{display:block;} .discount_request .pd_selected .cell .pd_detail_info .option{margin:5px 0 10px;color:#999999;font-size:12px;} .discount_request .pd_selected .cell .pd_detail_info .amountNum{font-size:12px;color:#999999;} .discount_request .pd_selected .cell .pd_detail_info .price .price_org{display:block;font-size:12px;color:#999999;text-decoration:line-through;} .discount_request .pd_selected .cell .pd_detail_info .price .price_discount{display:block;font-size:14px;font-weight:bold;color:#222222;} /*리뷰 등록 팝업*/ .laypop_review_reg .title_review{display:table;width:100%;border-bottom:1px solid #d2d2d2;} .laypop_review_reg .title_review .cell{display:table-cell;padding-bottom:15px;vertical-align:middle;} .laypop_review_reg .title_review .cell.img{width:100px;text-align:center;} .laypop_review_reg .title_review .cell.img img{width:75px;} .laypop_review_reg .title_review .cell.cont{padding:0 10px;text-align:left;} .laypop_review_reg .title_review .cell.cont .tit{font-size:13px;} .laypop_review_reg .title_review .cell.cont .option{margin-top:3px;font-size:12px;color:#999;} .laypop_review_reg .form_field{margin-top:35px;} .laypop_review_reg .form_field .row{display:table;table-layout:fixed;width:100%;margin-top:30px;} .laypop_review_reg .form_field .cell{display:table-cell;vertical-align:top;} .laypop_review_reg .form_field .refer{margin-top:8px;} .laypop_review_reg .form_field textarea{padding:10px;} .laypop_review_reg .file_attach{display:inline-block;position:relative;width:100px;height:30px;} .laypop_review_reg .file_attach input[type='file']{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;filter: alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;border:none;cursor:pointer;} .laypop_review_reg .file_attach .file_input_textbox[type='text']{width:100%;height:100%;border:none;} .laypop_review_reg .file_attach .btn_file{position:absolute;left:0;top:0;width:95px;height:30px;line-height:28px;font-size:12px;color:#222222;background-color:#fff;border:1px solid #222222;text-align:center;} .laypop_review_reg .list_photo{margin-top:18px;width:100%;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;} .laypop_review_reg .list_photo:after{content:"";display:block;clear:both;} .laypop_review_reg .list_photo > li{display:inline-block;position:relative;width:70px;height:70px;margin-left:2px;} .laypop_review_reg .list_photo > li:first-child{margin-left:0;} .laypop_review_reg .list_photo > li .img{display:block;width:100%;height:100%;background-size:cover;background-position:center;} .laypop_review_reg .list_photo > li .btn_del{display:block;position:absolute;right:0;top:0;width:20px;height:19px;background:url('../images/btn/btn_x.jpg') no-repeat center;background-size:100%;text-indent:-9999em;overflow:hidden;} .laypop_review_reg ._btn_area{margin-top:18px;} /*640이상 해상도 대응*/ @media screen and (min-width: 640px) { .list_goods_division:after, .list_goods:after{content:"";display:block;clear:both;} .list_goods_division > li, .list_goods > li, .list_goods_division > li:nth-of-type(2n+1), .list_goods > li:nth-of-type(2n+1), .list_goods_division > li:nth-of-type(1), .list_goods_division > li:nth-of-type(2), .list_goods > li:nth-of-type(1), .list_goods > li:nth-of-type(2){margin-top:0 !important;} .list_goods .detail .prd_name{height:60px;} } /*2019-10-30 페밀리행사 팝업*/ .popup_familysale img{width:100%;} .popup_familysale .cont > a{display:block;} .popup_familysale .agreement input:checked[type="checkbox"]{background-position:0 -20.5px;} .popup_familysale .bottom{display:table;width:100%;} .popup_familysale .bottom > a{display:table-cell;width:1%;height:41px;line-height:41px;font-size:13px;color:#666;text-align:center;background:#fff;} .popup_familysale .bottom .pop_close{border-left:1px solid #ebebeb;} .bottom_util .btn_floating.menu_disable ~ .bnr_floating_familysale{display:none;bottom:5px;} .bnr_floating_familysale{position:fixed;bottom:60px;left:50%;width:240px;margin-left:-120px;z-index:2;} .bnr_floating_familysale img{width:100%;} .laypop_check_member{background-color:#ffe3e7 !important;} .laypop_check_member .body{height:100%;padding:0 !important;background-color:#ffe3e7 !important;} .laypop_check_member .body .popX{position:absolute;right:5px;top:5px;width:50px;height:50px;} .laypop_check_member .btn{padding:0 30px 50px;text-align:center;} .laypop_check_member .btn img{max-width:600px;} /*2020-03-11 포인트마켓 행사 기간에만 노출*/ .point_layer{display:none;} html.eventPointDay .point_layer{display:block;width:200px;height:45px;background:url('../../mobile/img/event/pointday/txt_point_go.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden;background-size:100% auto;} html.eventPointDay .ico_point_day{display:inline-block;width:25px;height:25px;vertical-align:middle;background:url('../../mobile/img/event/pointday/ico_point_day.png') no-repeat 0 0;background-size:25px auto;line-height:25px;} html.eventPointDay .point_layer{display:block;} html.eventPointDay .point_layer > a{display:block;height:100%;} html.eventPointDay #header .top_menu .menu_list li{position:relative;} html.eventPointDay #header .top_menu .menu_list li .point_layer{position:absolute;left:0;top:18px;} html.eventPointDay .bottom_util .btn_floating.menu_disable ~ .point_layer{display:none;bottom:5px;} html.eventPointDay .point_layer{position:fixed;bottom:60px;left:50%;margin-left:-108px;z-index:2;} html.eventPointDay .point_layer img{width:100%;} html.eventPointDay #mySideMenu .my_menu .list > li.point{border:1px solid #fd1f27;} html.eventPointDay #mySideMenu .my_menu .list > li.point .tit{position:relative;display:inline-block;padding-left:28px;background:url('../../mobile/img/event/pointday/ico_point_day.png') no-repeat 0 0;background-size:25px auto;line-height:25px;} #laypopCheckMember .cont > a{display:block;} #popupPointMarket .cont > a{display:block;} /*2022-03-07 회원혜택알림*/ .bnr_bt_ani{position:fixed;left:0;bottom:-100px;width:100%;z-index:0;opacity:0;background-color:#2839a1;border-radius:15px 15px 0 0;overflow:hidden;text-align:center;} .bnr_bt_ani > a{display:block;} .bnr_bt_ani .btn_close{position:absolute;top:15px;right:13px;width:16px;height:16px;color:#fff;font-size:20px;color:#fff;font-weight:300;text-indent:-9999em;overflow:hidden;} .bnr_bt_ani .btn_close:before{content:"";position:absolute;left:0;top:50%;display:block;width:100%;height:2px;background-color:#fff;transform:rotate(45deg);} .bnr_bt_ani .btn_close:after{content:"";position:absolute;right:0;top:50%;display:block;width:100%;height:2px;background-color:#fff;transform:rotate(-45deg);} .bnr_bt_ani.show{animation:evtToast 6s .2s forwards; -webkit-animation:evtToast 5s .2s forwards;} .bnr_bt_ani .inner{position:relative;max-width:720px;margin:0 auto;} .bnr_bt_ani img{width:100%;max-width:720px;} .bnr_bt_ani .bell{width:4.42vw;display:block;position:absolute;left:34.5%;top:73%;max-width:35px;} .popup_alarm_sms{width:280px;height:320px !important;border-radius:10px;background-color:#fff;text-align:center;letter-spacing:-0.05em;box-shadow:8px 8px 20px rgba(0,0,0,0.2);} .popup_alarm_sms .popX{display:block;position:absolute;left:50%;top:-16px;margin-left:-16px;width:37px;height:37px;background-color:#333333;border-radius:50%;} .popup_alarm_sms .popX:after, .popup_alarm_sms .popX:before{left:5px;margin-top:-2px;width:45%;height:2px;background-color:#ececec;} .popup_alarm_sms .before .cont{height:235px;padding:48px 15px 0;} .popup_alarm_sms .complete .cont{height:235px;padding:23px 15px 0;} .popup_alarm_sms .complete .img img{width:64px;} .popup_alarm_sms .complete .tit{margin-top:10px;} .popup_alarm_sms .complete .s_txt{margin-top:15px;} .popup_alarm_sms .tit{font-weight:700;font-size:25px;line-height:1.3;letter-spacing:-0.06em;} .popup_alarm_sms .txt{margin-top:15px;font-size:15px;line-height:1.42;letter-spacing:-0.06em;white-space:nowrap;} .popup_alarm_sms .s_txt{margin-top:25px;font-size:12px;color:#999999;white-space:nowrap;} .popup_alarm_sms .btn{padding:0 27px;} .popup_alarm_sms .chk_area{margin-top:28px;padding:0;text-align:center;} .popup_alarm_sms .chk_area ._checkbox[type="checkbox"]{width:27px;height:27px;background-image:url('../images/common/ico_checkbox2.png');background-size:27px auto;} .popup_alarm_sms .chk_area ._checkbox:checked[type="checkbox"]{background-position:0 -27px;} .popup_alarm_sms .chk_area ._checkbox + label{font-size:17px;color:#222222;font-weight:400;} .popup_alarm_sms .btn > a{display:block;line-height:55px;font-size:17px;color:#3a70c4;font-weight:700;text-align:center;background-color:#e8f1ff;border-radius:10px;} .popup_alarm_sms .btn .on{background-color:#2b58ff;color:#fff;} @keyframes evtToast { 0% {bottom:-100px; opacity:1; z-index:1001;} 20% {bottom:50px;} 80% {bottom:50px; opacity:1; z-index:1001;} 100% {bottom:-100px;z-index:0;} } /*2020-10-19 팝업 : e.POINT 적립안내*/ .popupEpointInfo .body{padding:0 0 45px 0 !important;height:100%;} .popupEpointInfo .top_area{padding:20px 0 220px;background-color:#0fbcd1;text-align:center;} .popupEpointInfo .top_area .tit img{width:186px;} .popupEpointInfo .top_area .txt{margin-top:10px;vertical-align:top;color:#fff;font-size:14px;} .popupEpointInfo .top_area ._btnBlack{margin-top:18px;} .popupEpointInfo .info_way{max-width:720px;width:90%;margin:-190px auto 0;padding:20px 20px 10px;background-color:#fff;border-radius:5px;box-shadow:0 10px 10px rgba(38,38,38,0.15);} .popupEpointInfo .info_way ul:after{content:"";display:block;clear:both;} .popupEpointInfo .info_way li{margin-bottom:10px;font-size:12px;line-height:1.5;} .popupEpointInfo .info_way li .tit{display:inline-block;width:70px;font-weight:bold;vertical-align:top;} .popupEpointInfo .info_way li .tit:before{content:"";display:inline-block;width:4px;height:4px;margin-right:4px;background-color:#222;vertical-align:middle;} .popupEpointInfo .info_way li .txt{display:inline-block;width:calc(100% - 75px);vertical-align:top;} .popupEpointInfo .tit_cont{margin:37px 0 20px;text-align:center;font-size:15px;font-weight:bold;} .popupEpointInfo .mid_area{max-width:720px;margin:0 auto;padding:0 15px;text-align:center;} /*2021-06-16 팝업 : 신청 form*/ .popupForm ._input_form > li{display:table;width:100%;border-bottom:1px solid #eeeeee;} .popupForm ._input_form > li:last-child{border-bottom:none;} .popupForm ._input_form .tit{display:table-cell;padding:20px 5px 20px 8px;width:30%;font-size:14px;color:#222;vertical-align:top;} .popupForm ._input_form .cell{display:table-cell;padding:13px 0;width:70%;font-size:12px;color:#666666;vertical-align:middle;} .popupForm ._input_form .cell .btn_wrap{position:relative;} .popupForm ._input_form .cell .btn_wrap input{width:calc(100% - 90px);} .popupForm ._input_form .cell .btn_wrap ._btnTypeM{position:absolute;right:0;top:0;width:90px;font-size:13px;} .popupForm ._input_form .cell .text_count{margin-top:8px;font-size:12px;color:#999999;text-align:right;} .popupForm ._input_form .cell .prd_link:hover .prd_name{text-decoration:underline;} .popupForm ._input_form .cell .prd_img{display:inline-block;width:50px;height:50px;vertical-align:middle;border:1px solid #eeeeee;} .popupForm ._input_form .cell .prd_img img{width:100%;} .popupForm ._input_form .cell .prd_name{position:relative;display:inline-block;padding-right:20px;margin-left:10px;max-width:calc(100% - 80px);vertical-align:middle;line-height:16px;} .popupForm ._input_form .cell .prd_name:after{content:"";display:block;width:15px;height:15px;position:absolute;right:0;top:50%;margin-top:-7px;background:url('../images/icon/icons.png') no-repeat -62px -5px;background-size:104px 76px;} .popupForm ._input_form .cell .disabled{background-color:#999999;} .popupForm ._input_form .cell .input_code{position:relative;margin-top:10px;} .popupForm ._input_form .cell .time_count{position:absolute;right:15px;top:12px;color:#ff3737;font-size:12px;} .popupForm ._input_form .ui-input-text{margin:0;border:0;} .popupForm ._input_form .ui-input-text.ui-focus:not(textarea){border:0 !important;} .popupForm ._input_form textarea.ui-input-text.ui-focus{border:1px solid #222 !important;} .popupForm ._input_form .ui-input-text{text-indent:0;} .popupForm ._input_form .ui-input-text input{text-indent:0;} .popupForm ._input_form textarea{height:80px !important;overflow-y:auto;} .popupForm .agreement_area{margin-top:20px;text-align:center;} .popupForm .agreement_area .ui-checkbox{position:relative;display:inline-block;padding-left:30px;} .popupForm .agreement_area .ui-checkbox input[type='checkbox']{position:absolute;left:0;top:-5px;} /*2021-07-21 로딩중*/ ._loading_wrap{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:10000;} ._loading_wrap ._loading_inner{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);padding:30px 0;width:220px;text-align:center;background-color:#fff;} ._loading_wrap ._loading_inner .text{margin-top:15px;font-size:14px;} /*2021-11-04 toast popup*/ .popupWrap{visibility:hidden;} .popupWrap .mask{opacity:0;z-index:-1;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(32,32,32,0.5);transition:all 0.5s ease;} .popupWrap.active{display:block;visibility:visible;} .popupWrap.active .mask{opacity:1;z-index:999;} .popupWrap.active .toastPopup{transform:translateY(0);} .toastPopup{/*visibility:hidden;*/transform:translateY(100%);position:fixed;left:0;bottom:0;width:100%;padding:20px;background-color:#fff;border-radius:15px 15px 0 0;z-index:1000;transition:all 0.5s ease;} .toastPopup .top{padding-bottom:20px;} .toastPopup .top .title{font-size:22px;font-weight:700;} .toastPopup .top .title .s_txt{margin-left:5px;font-size:13px;color:#acacac;font-weight:400;} .toastPopup .top .title2{text-align:center;font-size:18px;color:#707070;} /*팝업 : 앱 알림받기*/ .newmemeber_coupon{min-height:100vh;background-color:#ff3737;text-align:center;} .popup_app_push{padding:45px 15px 15px;box-sizing:border-box;} .popup_app_push *{box-sizing:border-box;} .popup_app_push:before{content:"";display:block;width:65px;height:65px;position:absolute;left:50%;top:-32.5px;margin-left:-32.5px;background:#fff url('../images/bg/bg_app_gift.png') no-repeat 0 0;background-size:100% auto;border-radius:50%;} .popup_app_push .text1{font-size:20px;font-weight:600;letter-spacing:-1px;} .popup_app_push .text2{margin-top:18px;font-size:13px;line-height:1.3;} /*2022-03-31 팝업 : 수신동의 고지 */ .layer_trm_check{max-width:280px;text-align:center;border-radius:15px;padding-bottom:0;} .layer_trm_check.layerPopup.new .body{padding-bottom:0;} .layer_trm_check .tit{font-size:16px;font-weight:700;} .layer_trm_check .txt{margin:20px 0;font-size:14px;line-height:1.3;} .layer_trm_check p{font-size:13px;line-height:1.34;} .layer_trm_check ._list_type_dot{display:inline-block;} .layer_trm_check ._list_type_dot li{padding-left:0;text-align:center;} .layer_trm_check ._list_type_dot li:before{display:none;} /* 아이콘(2021) */ .ic_refrech{display:inline-block;width:23px;height:23px;background:url('../images/icon/ic_refresh.png') 0 0 no-repeat;vertical-align:middle;background-size:100%;} .tag_cored{min-width:auto;height:23px;padding:2px 10px;line-height:23px;background-color:#ff3737;color:#fff;font-size:11px;border:0} .ic_price_minusgreen{display:inline-block;width:19px;height:19px;margin-right:5px;background:url('../images/icon/ic_minus_prgreen.png') 0 0 no-repeat;background-size:100%;vertical-align:middle;font:0/0 auto;} .ic_price_minusred{display:inline-block;width:19px;height:19px;margin-right:5px;background:url('../images/icon/ic_minus_prred.png') 0 0 no-repeat;background-size:100%;vertical-align:middle;font:0/0 auto;} .ic_price_equalgreen{display:inline-block;width:19px;height:19px;margin-right:5px;background:url('../images/icon/ic_equal_prgreen.png') 0 0 no-repeat;background-size:100%;vertical-align:middle;font:0/0 auto;} .ic_price_equalred{display:inline-block;width:19px;height:19px;margin-right:5px;background:url('../images/icon/ic_equal_prred.png') 0 0 no-repeat;background-size:100%;vertical-align:middle;font:0/0 auto;} .ic_price_cardlink{display:inline-block;width:18px;height:18px;margin-right:5px;background:url('../images/icon/ic_link3_pr.png') 0 0 no-repeat;background-size:100%;vertical-align:middle;font:0/0 auto;} .ic_cert_phone{display:inline-block;width:40px;height:40px;background:url('../images/icon/ic_cert_phone.png') 0 0 no-repeat;background-size:100%;vertical-align:middle;font:0/0 auto;} .ic_cert_ipin{display:inline-block;width:40px;height:40px;background:url('../images/icon/ic_cert_ipin.png') 0 0 no-repeat;background-size:100%;vertical-align:middle;font:0/0 auto;} .ic_chk_cert{display:inline-block;width:15px;height:15px;background:url('../images/icon/ic_chk_joincertif.jpg') 0 0 no-repeat;background-size:100%;vertical-align:middle;font:0/0 auto;} .ic_ar_categoryright{display:inline-block;width:7px;height:15px;background:url('../images/icon/ic_ar_categoryright.png') 0 0 no-repeat;background-size:100%;font:0 auto;vertical-align:middle;} .ic_ar_categorydown{display:inline-block;width:15px;height:7px;background:url('../images/icon/ic_ar_categorydown.png') 0 0 no-repeat;background-size:100%;font:0 auto;vertical-align:1px;} .ic_categoryplus{display:inline-block;width:12px;height:12px;background:url('../images/icon/ic_categoryplus.png') 0 0 no-repeat;background-size:100%;font:0 auto;vertical-align:-1px;} .ic_cate_pricesearch{display:inline-block;width:19px;height:18px;background:url('../images/icon/ic_cate_search.png') 0 0 no-repeat;vertical-align:middle;font:0/0 auto} /* 2023-02-20 오작교 배송 불가 팝업*/ .laypop_delivery_unavailable{font-family: notokr;max-height:80%;overflow: auto;width:90%} .laypop_delivery_unavailable .delivery_unavailable_list dt{font-size:14px;color:#232323;display:flex;align-items: center;margin:14px 0 10px 0;font-weight:600;} .laypop_delivery_unavailable .delivery_unavailable_list dt:before{content:"■";margin-right:8px;} .laypop_delivery_unavailable .delivery_unavailable_list dd{font-size:13px;display:flex;text-indent:-43px;padding-left: 43px;margin-bottom: 2px;line-height:1.5;margin-left:20px;word-break: keep-all;} .laypop_delivery_unavailable .delivery_unavailable_list dd+dt{margin-top:25px;} .laypop_delivery_unavailable .delivery_unavailable_list dd:before{content:"-";margin-right:8px;} /* slick slider (슬라이더 관련 CSS) */ .slick-slider {position:relative;display:block;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list {position:relative;display:block;height:100%;overflow:hidden;margin:0;padding:0} .slick-list.dragging {cursor:pointer;} .slick-slider .slick-track, .slick-slider .slick-list {height:100%;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .slick-track {position:relative;top:0;left:0;display:block;z-index:1} .slick-track:before, .slick-track:after {display:table;content:''} .slick-track:after {clear:both} .slick-loading .slick-track {visibility:hidden} .slick-slide{display:none;position:relative;float:left;height:100%;min-height:1px;outline:none;} .slick-initialized .slick-slide {display:block} .slick-arrow {display:inline-block;width:50px;height:50px;background-color:#d3d3d3;text-indent:-9999px;overflow:hidden;z-index:1;transition-duration:0.3s;} .slick-arrow.slick-prev{position:absolute;left:0;top:50%;margin-top:-25px;background:rgba(34,34,34,0.2) url('../images/btn/btn_slide_prev.png') no-repeat center center;} .slick-arrow.slick-next{position:absolute;right:0;top:50%;margin-top:-25px;background:rgba(34,34,34,0.2) url('../images/btn/btn_slide_next.png') no-repeat center center;} .slick-disabled{opacity:0.3;} .slick-dots > li{display:inline-block;margin:0 5px;} .slick-dots > li button{display:inline-block;width:10px;height:10px;border-radius:50px;background-color:#000;opacity:0.4;text-indent:-9999em;overflow:hidden;outline:none;} .slick-dots .slick-active button{opacity:1;}