@charset "utf-8";


/*03수정*/
.slick-slider .slick-arrow {position:absolute; z-index:1; top:50%; width:28px; height:28px; text-indent:-9999px; transform:translateY(-50%);}
.slick-slider .slick-arrow.slick-prev {left:-34px; background:url(http://w2.officeplus.com/images/qubridge/ico/ico_roll_prev.png);}
.slick-slider .slick-arrow.slick-next {right:-34px; background:url(http://w2.officeplus.com/images/qubridge/ico/ico_roll_next.png);}
.like_category{z-index: 20;}
.nav_shadow{top: 5;width:100%;position: absolute;z-index: 1;height: 4px; background: #333; opacity: 0.1;}
.main_visual {position:relative; margin-top:20px;}
.main_visual .slick-slide {margin-right:20px;}
.main_visual .slick-slide a {display:block; width:100%; height:100%;}
.main_visual .double > a + a {margin-top:17px;}
.main_visual .slick-arrow {width:40px; height:40px;}
.main_visual .slick-arrow.slick-prev {left:0; background:url(http://w2.officeplus.com/images/qubridge/ico/ico_visual_prev.png);}
.main_visual .slick-arrow.slick-next {right:0; background:url(http://w2.officeplus.com/images/qubridge/ico/ico_visual_next.png);}
.main_visual .m_visual_ctrl {position:absolute; z-index:1; right:0; bottom:0; padding:10px 14px 0 28px; color:#666; border-radius:100px 0 0 0; background:#fff;}
.main_visual .m_visual_ctrl span {display:inline-block; padding:0 3px;}
.main_visual .m_visual_ctrl .cnt {color:#000;}
.main_visual .m_visual_ctrl > a {display:inline-block; width:8px; height:14px; padding-top:3px; margin-left:5px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 2px; vertical-align:bottom;}
.main_visual .m_visual_ctrl > a.pause {background-image:url(http://w2.officeplus.com/images/qubridge/ico/ico_pause.jpg);}
.main_visual .m_visual_ctrl > a.play {background-image:url(http://w2.officeplus.com/images/qubridge/ico/ico_play.jpg);}

.mainV_wrap {position:relative;width:1280px;margin:0 auto;}
.mainV_wrap {position:relative;}
.mainV_wrap .swiper-pagination {width:100px; left:auto;right:-2px;bottom:-3px; background:#fff;height:35px; line-height:30px;border-radius: 25px 0 0 0;color:#666666;font-family:'Tahoma';font-size:14px;border:1px solid #fff;z-index:8;}
.mainV_wrap .swiper-pagination-current {color:#000;}
.main_visual .swiper-slide {width:auto;}
.mainV_bg{position:absolute; left:0px; top:0px; width:100%; height:461px; border-bottom:1px solid #dddddd;background-repeat: repeat-x;}/*03추가*/

.main_visual .swiper-button-next {width:40px;height:40px; background:url(http://w2.officeplus.com/images/qubridge/ico/ico_visual_next.png) no-repeat center center;right:0;}
.main_visual .swiper-button-prev {width:40px;height:40px; background:url(http://w2.officeplus.com/images/qubridge/ico/ico_visual_prev.png) no-repeat center center;left:0;}
.mainV_wrap .swiper-controll {position:absolute;bottom:7px; right:14px;z-index:10;}
.mainV_wrap .swiper-controll .pause {position:relative;display: inline-block ;width: 8px;height: 14px;margin-bottom:2px;;margin-left: 0px;text-indent: -9999px;background-repeat: no-repeat;background-position: center 2px; vertical-align: bottom;background-image:url(http://w2.officeplus.com/images/qubridge/ico/ico_pause.jpg)}
.mainV_wrap .swiper-controll .play {position:relative;display: none ;width: 8px;height: 14px;margin-bottom:2px;;margin-left: 0px;text-indent: -9999px;background-repeat: no-repeat;background-position: center 2px; vertical-align: bottom;background-image:url(http://w2.officeplus.com/images/qubridge/ico/ico_play.jpg)}
/* 2002_메인수정 s */
.special_service h3 {position:relative; width:1280px; margin:0 auto; font-size:30px; color:#464646; font-weight:500; text-align:left; letter-spacing:-2px; font-family:'Noto Sans KR';line-height:1;}
.special_service h3 span{position:absolute; left:170px; top:8px;font-size:16px; color:#888; letter-spacing:-1px; margin-left:20px;  font-weight:200;}

/* 2002_메인수정 e */
.special_service .sp_service {padding:20px 0; margin-top:10px; background:#f3f3f3;}
.special_service .sp_service ul:after{content:"";display: block;clear: both;overflow: hidden;}
.special_service .sp_service li {float:left;}
.special_service .sp_service li + li {margin-left:40px;}
.special_service .sp_service li a{position:relative; display:block;height:118px;width:92px;text-align: center;}
.special_service .sp_service li a:before{content:''; overflow:hidden; position:absolute; z-index:1; left:50%; top:0; width:90px; height:90px;margin-left:-46px;border-radius:50%; border:1px solid #eee; background-position:center top; background-repeat:no-repeat;}
.special_service .sp_service li:hover a span {text-decoration:underline;}
.special_service .sp_service li a span{font-size:16px;color: #464646;padding-top:98px;display: inline-block;letter-spacing:-0.04em;}/*kdh수정*/

.special_service .sp_service li.easyorder a:before {background-image:url(../../images/qubridge/ico/pic_service01.png);}
.special_service .sp_service li.deferred a:before {background-image:url(../../images/qubridge/ico/pic_service02.png);}
.special_service .sp_service li.delivery a:before {background-image:url(../../images/qubridge/ico/pic_service03.png);}
.special_service .sp_service li.execute a:before {background-image:url(../../images/qubridge/ico/pic_service04.png);}
/* 20200625 대량구매상담 추가 -PKS S */
.special_service .sp_service li.consulting a:before {background-image:url(../../images/qubridge/ico/pic_service11.png);}
/* 20200625 대량구매상담 추가 -PKS E */
.special_service .sp_service li.hotel a:before {background-image:url(../../images/qubridge/ico/pic_service05.png);}
.special_service .sp_service li.snack a:before {background-image:url(../../images/qubridge/ico/pic_service06.png);}
.special_service .sp_service li.kindergarten a:before {background-image:url(../../images/qubridge/ico/pic_service07.png);}
.special_service .sp_service li.bundle a:before {background-image:url(../../images/qubridge/ico/pic_service08.png);}
.special_service .sp_service li.ink a:before {background-image:url(../../images/qubridge/ico/pic_service09.png);}
.special_service .sp_service li.rental a:before {background-image:url(../../images/qubridge/ico/pic_service10.png);}
/*   .special_service .sp_service li.easyorder a:before {background-image:url(http://w2.officeplus.com/images/qubridge/dummy/pic_service01.png);}    */
/* 2002_메인수정 e */

/* 2002_메인수정 s */
.product_wrap > div {z-index:6666; text-decoration:none;}
.product_wrap > div h3 { width:1280px;margin:0 auto; font-size:30px; text-align:left; font-weight:500; font-family:'Noto Sans KR'; letter-spacing:-2px;}
.product_wrap > div h3 span{position: absolute; left: 140px; top: -5px; font-size: 30px; color: #464646; letter-spacing: -1px; margin-left: 20px; font-weight: 500;}
/* 2002_메인수정 e */
.info .pd_name {color:#000;font-family:'Malgun Gothic';font-weight:400;}
.info .price {font-size:14px;}/*03수정*/
.info .price p {display:block;}
.info .price .origin {color:#c8c8c8; text-decoration:line-through;text-align: right;}
.info .price .sale span {font-size:26px; font-weight:700; font-family:'Tahoma';}/*kdh수정*/
.info .price .discount {color:#BB2649; font-family:'Tahoma';font-size:30px;line-height:60px;}
/*03수정 e*/

.getdeal h3:before {position:absolute; z-index:1; left:0; top:50%; width:100%; height:1px; background:#eaeaea;}/*03수정 e*/
.getdeal h3.tit02{position:relative; width:1280px; border-bottom:2px solid #000; margin-top:20px; color:#464646;line-height: 1;/*padding-bottom: 10px;*/}
.getdeal h3.tit02 a{border-bottom: 1px solid; padding: 1px; position: absolute; left: 432px; top: 4px; font-size: 16px; color: #888; letter-spacing: -1px; margin-left: 20px; font-weight: 200; display: inline-block; line-height: 16px; transition: .2s;}
.getdeal h3.tit02 a:hover{color: #bb2649; font-weight: 300; transition: .2s;} 
.tit_bar01{position:absolute; top:10px; left:177px; width:1px; height:14px; color:#000; background:#333;}
.tit_bar02{position: absolute; top: 4px; left: 147px; width: 1px; height: 14px; color: #000; background: #333;}
.tit_bar03{position:absolute; top:10px; left:148px; width:1px; height:14px; color:#464646; background:#333;}
.tit_bar04{position:absolute; top:10px; left:305px; width:1px; height:14px; color:#000; background:#333;}
.tit_bar05{position:absolute; top:10px; left:174px; width:1px; height:14px; color:#464646; background:#333;}
.tit_bar06{position:absolute; top:10px; left:223px; width:1px; height:14px; color:#000; background:#333;}
.gift h3.tit03{position:relative;line-height:1;color: #464646;margin-top:40px;}
.gift h3.tit03 span{position:absolute; left:140px;top:8px; font-size:16px; color:#888; letter-spacing:-1px;font-weight:200;}
.getdeal h3 img {/*position:relative; z-index:10; display:inline-block; padding:0 25px; background:#fff;*/ margin-top:-20px;} 
.customize_out_area h3.tit04{position:relative;border-bottom:2px solid #444; color:#464646;line-height:1;padding-bottom:10px;margin-top: 50px;margin-bottom: 20px; font-size:30px; font-weight:500; }
.customize_out_area h3.tit04 span{position:absolute; left:303px;top:8px; font-size:16px; color:#888; letter-spacing:-1px; margin-left:20px; font-weight:200;}
.brand_shop_wrap h3.tit05{position:relative; color:#464646;line-height: 1;}
.brand_shop_wrap h3.tit05 span{position:absolute; left:164px; top:8px;font-size:16px; color:#888; letter-spacing:-1px; margin-left:20px; font-weight:200}
.like_category h3.tit06{position:relative;color:#464646;line-height: 1;}
.like_category h3.tit06 span{position:absolute; left:213px; top:8px;font-size:16px; color:#888; letter-spacing:-1px; margin-left:20px; font-weight:200;}
.like_category{z-index: 20 !important;}
.scroll_event04{padding-top:50px;}
/* .gift.scroll_event01{padding-top:2060px;} */

.getdeal.wrapper { z-index:4;}
.getdeal_wrap {position:relative; z-index:4;}
.getdeal_wrap::after {content:''; display:block; clear:both;}

.getdeal_wrap .gd_time {position:absolute; z-index:1; left:35px; top:3px; margin-right:108px; margin-bottom:-22px; text-align:right; font-family:'nanumbarun'; font-size:20px; line-height:1;}

.getdeal_wrap .gd_time strong {color:#333333; font-family:'Tahoma'; font-weight:600; }

.gd_slider_wrap{float:left;box-sizing:border-box;border:1px solid #e6e6e6;width:305px;height:480px;margin-top:20px;margin-left:20px;}
.gd_slider_wrap:nth-child(1),
.gd_slider_wrap:nth-child(5){margin-left:0;}
.getdeal_wrap .gd_slider_wrap:hover .prd_QuickBtn{opacity:1;visibility:visible;}

/*겟딜 썸네일 영역 css 추가 20211014 S*/
.getdeal_wrap .gd_slider_wrap .thumb .bg_color{display:block; position:absolute; top:0; left:0; width:100%; height:286px; opacity:0; visibility:hidden;}
.getdeal_wrap .gd_slider_wrap:hover .thumb .bg_color{background-color:rgba(255,255,255,0.4); transition:all 0.15s; opacity:1; visibility:visible;}
/*겟딜 썸네일 영역 css 추가 20211014 E*/

.getdeal_wrap .gd_list a.box{}
.getdeal_wrap .gd_list .thumb {display: block;overflow:hidden; text-align:center;position:relative;}/*03수정 e*/
.getdeal_wrap .gd_list .thumb .badgeArea{ display:inline-block;width:100%;height:auto;padding:19px;position:absolute;top:1px;left:0;}
.getdeal_wrap .gd_list .thumb .badgeArea .badge { font-size:11px;padding:2px 8px;width:auto;margin-right:2px;}
.getdeal_wrap .gd_list .thumb img { width:286px; height:286px; z-index:4;}
.getdeal_wrap .gd_list .info {padding:15px 20px 0; z-index:4;}
.getdeal_wrap .gd_list .info .code {display:inline-block; padding:0 4px; font-size:13px;height:20px; line-height:20px; font-weight:600;font-family:'Tahoma'; background:#dfdfdf;}
.getdeal_wrap .gd_list .info .pd_name {margin-top:10px; font-size:17px; line-height:1.3; height:48px;overflow: hidden;font-family:'Malgun Gothic';}
.getdeal_wrap .gd_list .info .price{float:none; margin-top:30px;}
.getdeal_wrap .gd_list .info .price:after {content:'';display:block;clear:both}
.getdeal_wrap .gd_list .tag {padding:12px 20px; border-top:1px solid #e6e6e6;}
.getdeal_wrap .gd_list .tag span {display:inline-block; padding:2px; font-size:11px;}
.getdeal_wrap .gd_list .tag span.deli_com {color:#c321ff; border:1px solid #c321ff;}
.getdeal_wrap .gd_list .tag span.deli_self {color:#ff20c3; border:1px solid #ff20c3;}
.getdeal_wrap .gd_list .tag span.sale {color:#1b73df; border:1px solid #1b73df;}
.gd-swiper{position:relative;}
/*겟딜 좌우 버튼 영역*/
.gd-swiper .swiper-button-next2 {background:url(/images/qubridge/ico/ico_visual_next.png) no-repeat center center;right:2.5%;}
.gd-swiper .swiper-button-prev2 {background:url(/images/qubridge/ico/ico_visual_prev.png) no-repeat center center;left:2.5%;}
/*겟딜 좌우 버튼 영역*/
.gd-swiper .swiper-button-next2 {background:url(/images/qubridge/ico/ico_visual_next.png) no-repeat center center;right:0%;}
.gd-swiper .swiper-button-prev2 {background:url(/images/qubridge/ico/ico_visual_prev.png) no-repeat center center;left:0%;}
.gd-swiper .swiper-button-next2,
.gd-swiper .swiper-button-prev2{width:60px;height:60px; opacity:0; outline:none;background-size:contain;position:absolute;
	z-index:9;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.25s;
	margin-top:0px;top:48.3%;
}
.gd-swiper:hover .swiper-button-next2,
.gd-swiper:hover .swiper-button-prev2{opacity:1;visibility:visible;}

.getdeal_wrap .gd_list .prd_QuickBtn {position: absolute;top:25%; opacity: 0;z-index:4;visibility: hidden;transition:all 0.15s;left:0;right:0;}
.getdeal_wrap .gd_list .prd_QuickBtn button {padding:0;border:none;float:left; width:50px; height:50px;background-color:rgba(0,0,0,0.8); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; line-height: 50px;text-align: center;margin:0 5px;z-index:2;}
.getdeal_wrap .gd_list .prd_QuickBtn button:hover {background:#BB2649;}
.getdeal_wrap .gd_list .prd_QuickBtn img{vertical-align: middle;margin:15px auto;z-index:4;}
.getdeal_wrap .gd_list  li {position:relative;z-index:4;}
.prd_QuickBtn button,
.prd_QuickBtn > a {border:none !important;}

.gd_slider_list .prd_QuickBtn{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: stretch;}


.getdeal_wrap .gd_cnt {position:absolute; z-index:1;left:auto;bottom:auto; right:29px; top:-3px; font-size:18px; color:#868686;text-align: right;padding-right:5px;}
.getdeal_wrap .gd_cnt span {margin:0 2px;}
.getdeal_wrap .gd_cnt .swiper-pagination-current {color:#000;}

/* 2002_메인수정 s */
.gift .gift_list {margin-top:15px;}
.gift .gift_list li {float:left; width:413px; height:290px;}
.gift .gift_list li + li {margin-left:20px;}
.gift .gift_list li a {position:relative; display:block; width:100%; height:100%;}
.gift .gift_list li a img {max-width:100%; max-height:100%;}
.gift .gift_list p {position:absolute; left:0; bottom:0px; width:100%; height:90px; padding-top:15px; padding-left:40px; font-weight:400; line-height:1.3em; text-align:left; font-size:22px; background:rgba(255,255,255,0.7); max-height:164px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; white-space: normal;word-wrap: break-word;}

.gift .line_banner {width:1280px; height:100px;}
.gift .line_banner img {max-width:100%; max-height:100%;}
/* 2002_메인수정 e */

.customized h3 {background:url(/images/qubridge/bg/linebg_h3.jpg) repeat-x left center;}
.customized h3 span {display:inline-block; padding:0 25px; background:#fff;}
.customized .tag {margin:17px 0 20px 0; text-align:center;}
.customized .tag a {display:inline-block; padding:5px; color:#333; font-size:12px; font-family:'nanumbarun'; background:#ededed;margin:0 5px;}
.customized .tag a:hover {background:#e3e3e3;}
.customized .tag a:before {content:'#';}

.customized .cst_list li {float:left; width:190px; position:relative;}
.customized .cst_list .thumb {overflow:hidden; width:190px; height:190px;}
.customized .cst_list .thumb img {max-width:100%; max-height:100%; transition:all .5s ease;}
.customized .cst_list .thumb:hover img {transform:scale(1.1);}
.customized .cst_list .info {padding:0px 0px; width:190px; height:80px; background:skyblue;}
.customized .cst_list .info .price p {display:inline-block;}
.customized .cst_list .info .price .sale span { font-size: 20px;font-weight: 400;margin-left:10px;}
.customized .cst_list .info .pd_name {height:35px; font-size:14px; font-weight:400; line-height:1.3; background:orange; margin-top:15px;}


.customized .cst_list .prd_QuickBtn {display:flex;flex-direction:row;align-items: center;justify-content: center; width:190px;height:190px;position: absolute;top:1px;left:1px;background-color:rgba(255,255,255,0.8);opacity: 0;}
.customized .cst_list .prd_QuickBtn a {padding:0;border:none;float:left; width:50px; height:50px;background-color:rgba(0,0,0,0.8); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; line-height: 50px;text-align: center; margin:0 5px;z-index:2;}
.customized .cst_list .prd_QuickBtn a:nth-of-type(1){display:block;border:0 !important;padding:0;background:none !important;width:190px;height:190px;position:absolute;z-index:1;}
.customized .cst_list .prd_QuickBtn a:hover {background:#BB2649;}
.customized .cst_list .prd_QuickBtn img{vertical-align: middle;margin:15px auto;}
.customized .cst_list li {position:relative;}
.customized .cst_list li:hover .prd_QuickBtn {opacity:1;}
.customized .cst_list li:hover .pd_name span {border-bottom:1px solid #000;}


.brand_shop_wrap {padding:45px 0; background:#f5f5f5; margin-top:40px;}
.brand_list {margin-top:10px; background:#fff;padding:1px 0;}
.brand_list li {position:relative; float:left; width:182px; height:50px; background:#fff;}
.brand_list li:before {content:''; position:absolute; z-index:1; left:0; top:50%; margin-top:-18px; width:1px; height:36px; background:#e6e6e6;}
.brand_list li:nth-child(7n + 1):before {display:none;}
.brand_list li a {position:relative; z-index:10; display:block; width:100%; height:50px; text-align:center; border:1px solid transparent;}
.brand_list li a:hover {}
.brand_list li.on a {}
.brand_list li a img {position:relative; top:50%; max-width:100%; max-height:100%; transform:translateY(-50%);}


/* 2002_메인수정 s */
.brand_list li.on_01 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_1_off.jpg) no-repeat}
.brand_list li.on_01 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_1_on.jpg) no-repeat}
.brand_list li.on_01.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_1_on.jpg) no-repeat}
.brand_list li.on_02 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_2_off.jpg) no-repeat}
.brand_list li.on_02 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_2_on.jpg) no-repeat}
.brand_list li.on_02.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_2_on.jpg) no-repeat}
.brand_list li.on_03 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_03_off.jpg) no-repeat}
.brand_list li.on_03 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_03_on.jpg) no-repeat}
.brand_list li.on_03.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_03_on.jpg) no-repeat}

/* BOSCH
.brand_list li.on_03 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_3_off.jpg) no-repeat}
.brand_list li.on_03 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_3_on.jpg) no-repeat}
.brand_list li.on_03.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_3_on.jpg) no-repeat}
*/
.brand_list li.on_04 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_4_off.jpg) no-repeat}
.brand_list li.on_04 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_4_on.jpg) no-repeat}
.brand_list li.on_04.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_4_on.jpg) no-repeat}

.brand_list li.on_05 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_5_off.jpg) no-repeat}
.brand_list li.on_05 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_5_on.jpg) no-repeat}
.brand_list li.on_05.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_5_on.jpg) no-repeat}
.brand_list li.on_06 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_6_2408_off.jpg) no-repeat}
.brand_list li.on_06 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_6_2408_on.jpg) no-repeat}
.brand_list li.on_06.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_6_2408_on.jpg) no-repeat}
.brand_list li.on_07 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_7_off.jpg) no-repeat}
.brand_list li.on_07 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_7_on.jpg) no-repeat}
.brand_list li.on_07.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand01_7_on.jpg) no-repeat}
.brand_list li.on_08 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_clever_off.jpg) no-repeat}
.brand_list li.on_08 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_clever_on.jpg) no-repeat}
.brand_list li.on_08.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_clever_on.jpg) no-repeat}
.brand_list li.on_09 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_2_off.jpg) no-repeat}
.brand_list li.on_09 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_2_on.jpg) no-repeat}
.brand_list li.on_09.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_2_on.jpg) no-repeat}
.brand_list li.on_10 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_3_off.jpg) no-repeat}
.brand_list li.on_10 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_3_on.jpg) no-repeat}
.brand_list li.on_10.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_3_on.jpg) no-repeat}
.brand_list li.on_11 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_4_off.jpg) no-repeat}
.brand_list li.on_11 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_4_on.jpg) no-repeat}
.brand_list li.on_11.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_4_on.jpg) no-repeat}
.brand_list li.on_12 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_5_off.jpg) no-repeat}
.brand_list li.on_12 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_5_on.jpg) no-repeat}
.brand_list li.on_12.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_5_on.jpg) no-repeat}
.brand_list li.on_13 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_6_off.jpg) no-repeat}
.brand_list li.on_13 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_6_on.jpg) no-repeat}
.brand_list li.on_13.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_6_on.jpg) no-repeat}

.brand_list li.on_14 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_8_off.jpg) no-repeat}
.brand_list li.on_14 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_8_on.jpg) no-repeat}
.brand_list li.on_14.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand02_8_on.jpg) no-repeat}

.brand_list li.on_15 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_1_off.jpg) no-repeat}
.brand_list li.on_15 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_1_on.jpg) no-repeat}
.brand_list li.on_15.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_1_on.jpg) no-repeat}
.brand_list li.on_16 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_2_off.jpg) no-repeat}
.brand_list li.on_16 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_2_on.jpg) no-repeat}
.brand_list li.on_16.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_2_on.jpg) no-repeat}
.brand_list li.on_17 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_3_off.jpg) no-repeat}
.brand_list li.on_17 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_3_on.jpg) no-repeat}
.brand_list li.on_17.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_3_on.jpg) no-repeat}
.brand_list li.on_18 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_4_off.jpg) no-repeat}
.brand_list li.on_18 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_4_on.jpg) no-repeat}
.brand_list li.on_18.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_4_on.jpg) no-repeat}
.brand_list li.on_19 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_5_off.jpg) no-repeat}
.brand_list li.on_19 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_5_on.jpg) no-repeat}
.brand_list li.on_19.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_5_on.jpg) no-repeat}
.brand_list li.on_20 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_6_off.jpg) no-repeat}
.brand_list li.on_20 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_6_on.jpg) no-repeat}
.brand_list li.on_20.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_6_on.jpg) no-repeat}
.brand_list li.on_21 a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_7_off.jpg) no-repeat}
.brand_list li.on_21 a:hover{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_7_on.jpg) no-repeat}
.brand_list li.on_21.on a{width:100%; height:50px; background:url(../../images/qubridge/event/ico_brand03_7_on.jpg) no-repeat}
/* 2002_메인수정 e */


/* 2002_메인수정 s */
.brand_con {position:relative; margin-top:20px;}
.brand_con > div {display:block;}
.brand_con .brand_main {position:absolute; z-index:1; left:50%; width:630px; height:440px; transform:translateX(-50%);}
.brand_con .brand_main img{width:630px; height:440px;}
.brand_con .brand_pd_list li {position:relative;float:left; width:305px; height:440px; border:1px solid #e8e8e8; background:#fff;}
.brand_con .brand_pd_list li:last-child {float:right;}
.brand_con .brand_pd_list >ul>li>a>p{position:relative; overflow:hidden; width:303px; height:288px;}
.brand_con .brand_pd_list .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; /*max-width:100%; max-height:100%;*/}
.brand_con .brand_pd_list .info {padding:34px 25px 0; font-size:17px; line-height:1.3;border-top:1px solid #e6e6e6; /*height: 95px;*/}
.brand_con .brand_pd_list .info .cate {font-weight:700;padding-bottom: 15px;}
.brand_con .brand_pd_list .info .price p {display:inline-block;}
.brand_con .brand_pd_list .info .price p+p{margin-left: 5px;}
/* 2002_메인수정 e */

.brand_con .brand_pd_list .prd_QuickBtn {display:flex;flex-direction:row;align-items: center;justify-content: center; width:303px;height:288px;position: absolute;top:0px;left:0px;background-color:rgba(255,255,255,0.7);opacity: 0;}
.brand_con .brand_pd_list .prd_QuickBtn a {padding:0;border:none;float:left; width:50px; height:50px;background-color:rgba(0,0,0,0.8); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; line-height: 50px;text-align: center; margin:0 5px;z-index:2;}
.brand_con .brand_pd_list .prd_QuickBtn a:nth-of-type(1) {display:block;border:0 !important;padding:0;background:none !important;width:100%;height:100%;position:absolute;z-index:1;}
.brand_con .brand_pd_list .prd_QuickBtn a:hover {background:#BB2649;}
.brand_con .brand_pd_list .prd_QuickBtn img{vertical-align: middle;margin:15px auto;}
.brand_con .brand_pd_listli {position:relative;}
.brand_con .brand_pd_list li:hover .prd_QuickBtn {opacity:1;}
.brand_con .brand_pd_list li:hover .pd_name span {border-bottom:1px solid #000;}

.brand_pd_list .info .pd_name{height: 50px;}

.like_cate_pd {margin-bottom:40px; border-top:2px solid #ff6028; border-bottom:1px solid #e6e6e6;}
.like_cate_pd:after {display:block; content:''; clear:both;}
.like_cate_pd .cate_info {float:left; width:220px; padding:35px 22px; border-right:1px solid #e9e9e9;font-family:'Noto Sans KR';height:380px;}
.like_cate_pd .cate_info > strong {display:block; margin-bottom:15px; line-height:1; font-size:26px; font-weight:500;}
.like_cate_pd .cate_info .sub li {padding:5px 0; }
.like_cate_pd .cate_info .sub li a {display:inline-block;font-size:14px; line-height:1; font-weight:400;}
.like_cate_pd .cate_info .tag {margin-top:35px;}
.like_cate_pd .cate_info .tag li {margin:10px 0;}
.like_cate_pd .cate_info .tag li a {display:inline-block; padding:0 10px; font-size:14px; color:#3d3d3d; background:#ededed;height: 30px;line-height: 30px;}
.like_cate_pd .cate_info .tag li a:hover {background:#e3e3e3;}
.like_cate_pd .cate_info .tag li a:before {content:'#';}
.like_cate_pd .cate_pd_list {float:left; width:1060px; padding:40px 0 0 40px;}

/*기존*/
.like_cate_pd .cate_pd_list li {float:left; width:180px; position:relative;}
.like_cate_pd .cate_pd_list li + li {margin-left:30px;}


.like_cate_pd .cate_pd_list .info .qbSlide_item {float:left; width:180px; position:relative;background: #000;}
.like_cate_pd .cate_pd_list .info .qbSlide_item + .qbSlide_item {margin-left:30px;}


.like_cate_pd .cate_pd_list .thumb {width:180px; height:180px;}
.like_cate_pd .cate_pd_list .thumb img {max-width:100%; max-height:100%;}
.like_cate_pd .cate_pd_list .info {overflow: hidden;padding:15px 10px;}
.like_cate_pd .cate_pd_list .info .pd_name {
	height:46px;font-size:13px; line-height:1.7; font-weight:600;
	overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; vertical-align:top; display:box;
	display:-webkit-box; display:-ms-flexbox; word-wrap:break-word; -webkit-line-clamp:3;
	margin-top: 0; margin-bottom:20px;
}
.like_cate_pd .cate_pd_list .info .price p {display:inline-block;font-size:13px;}
.like_cate_pd .cate_pd_list .info .price .sale,
.like_cate_pd .cate_pd_list .info .price .sale span {font-size:14px; font-weight:800; margin-left:5px;}


.like_cate_pd .cate_pd_list .prd_QuickBtn {width:180px;height:180px;position: absolute;top:0px;left:0px;background-color:rgba(255,255,255,0.4);opacity: 0;visibility: hidden;transition:all 0.15s;
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}
.like_cate_pd .cate_pd_list .prd_QuickBtn a {padding:0;border:none;float:left; width:50px; height:50px;background-color:rgba(0,0,0,0.8); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; line-height: 50px;text-align: center; margin:20px 5px;z-index:2;}
.like_cate_pd .cate_pd_list .prd_QuickBtn a:nth-of-type(1){display:block;border:0 !important;padding:0;background:none !important;width:190px;height:190px;position:absolute;z-index:1;}
.like_cate_pd .cate_pd_list .prd_QuickBtn a:hover {background:#BB2649;}
.like_cate_pd .cate_pd_list .prd_QuickBtn img{vertical-align: middle;margin:15px auto;}
.like_cate_pd .cate_pd_list  li:hover .prd_QuickBtn {opacity:1;visibility: visible;}
.like_cate_pd .cate_pd_list  li:hover .pd_name span {border-bottom:1px solid #000;}

.like_cate_pd .cate_pd_list .qbSlide_body .qbSlide_item{position:relative;height:300px;overflow: hidden;width: 180px;float:left;}
.like_cate_pd .cate_pd_list .qbSlide_body .qbSlide_item+.qbSlide_item{margin-left:30px;}
.like_cate_pd .cate_pd_list .qbSlide_body .qbSlide_item:hover .prd_QuickBtn {opacity:1;visibility:visible;}
.like_cate_pd .cate_pd_list .qbSlide_body .qbSlide_item:hover .pd_name span {border-bottom:1px solid #000;}
/*left_lnb*/
.r_banner{top:788px;}
.l_banner{position:absolute; left:-110px; top:788px; width:90px; height:auto; z-index:8888;}
.left_lnb{position:absolute; top:820px; width:90px; height:auto; z-index:8888; transition-duration:0.7s;}
.left_lnb.on {position:fixed;top:116px;}/*03수정*/
.left_lnb > ul {width:89px;}
.left_lnb > ul > li {width:93px; position:relative;}
.left_lnb > ul > li:not(:first-of-type) {margin-top:-1px;}
.left_lnb > ul > li > a{display:block; width:100%; padding:12px 12px; font-size:12px; font-weight:200; letter-spacing:-0.040em; color:#333; line-height:1; position:relative; border:1px solid #eee; box-sizing:border-box; text-align:left; background-color:#fff;}
.left_lnb > ul > li.type01 > a.on{font-weight:500; background-color:#BB2649; color:#fff; border-color:#BB2649; z-index:2;}
.left_lnb > ul > li:nth-of-type(n+2) a {margin-top:0px;}
/* .left_lnb > ul > li:nth-of-type(2) a:after{content:""; display:block; width:5px; height:5px; background-color:#BB2649; position:absolute; top:11px; right:6px; border-radius:50%;} */
.left_lnb > ul > li.type02 > a.on{ font-weight:500; color:#ff6028; border-color:#ff6028;border-bottom: 1px solid #eee !important;}
.left_lnb > ul > li ul {display:none; width:100%; border:1px solid #ff6028; position:absolute; top:35px; left:0;padding:0px 0px 0px 0px;border-top:none !important;}
.left_lnb > ul > li ul li {width:100%;padding-left:1px;}
.left_lnb > ul > li ul li a {display:block; width:100%; height:32px; padding-right:10px; font-size:12px; font-weight:400; letter-spacing:-0.040em; text-align:right; line-height:32px; color:#555; background-color:#fff;}
/*
.left_lnb > ul > li ul li:first-of-type a:hover span {border-bottom:1px solid #ff6028;color:#ff6028;}
.left_lnb > ul > li ul li:nth-of-type(2) a:hover span {border-bottom:1px solid #ffb533;color:#ffb533;}
.left_lnb > ul > li ul li:nth-of-type(3) a:hover span {border-bottom:1px solid #619864;color:#619864;}
.left_lnb > ul > li ul li:nth-of-type(4) a:hover span {border-bottom:1px solid #546ac7;color:#546ac7;}
.left_lnb > ul > li ul li:nth-of-type(5) a:hover span {border-bottom:1px solid #bb5295;color:#bb5295;}
.left_lnb > ul > li ul li:nth-of-type(6) a:hover span {border-bottom:1px solid #7a7e93;color:#7a7e93;}
.left_lnb > ul > li ul li:nth-of-type(7) a:hover span {border-bottom:1px solid #a9c55d;color:#a9c55d;}
.left_lnb > ul > li ul li:nth-of-type(8) a:hover span {border-bottom:1px solid #e45454;color:#e45454;}
*/
.left_lnb > ul > li.type02 ul li a.on {width:calc(100% + 1px);margin-left:-1px;}

.left_lnb > ul > li.type02.show-ul ul{display: block;}
.left_lnb > ul > li.type02.b00 > a {border:1px solid #ff6028;color:#ff6028;}
.left_lnb > ul > li.type02.b00 ul {border:1px solid #ff6028}
.left_lnb > ul > li.type02.b00 ul li a.on {background:#ff6028;color:#fff;}

.left_lnb > ul > li.type02.b01 > a {border:1px solid #ffb533;color:#ffb533;}
.left_lnb > ul > li.type02.b01 ul {border:1px solid #ffb533}
.left_lnb > ul > li.type02.b01 ul li a.on {background:#ffb533;color:#fff;}

.left_lnb > ul > li.type02.b02 > a {border:1px solid #619864;color:#619864;}
.left_lnb > ul > li.type02.b02 ul {border:1px solid #619864}
.left_lnb > ul > li.type02.b02 ul li a.on {background:#619864;color:#fff;}

.left_lnb > ul > li.type02.b03 > a {border:1px solid #546ac7;color:#546ac7;}
.left_lnb > ul > li.type02.b03 ul {border:1px solid #546ac7}
.left_lnb > ul > li.type02.b03 ul li a.on {background:#546ac7;color:#fff;}

.left_lnb > ul > li.type02.b04 > a {border:1px solid #bb5295;color:#bb5295;}
.left_lnb > ul > li.type02.b04 ul {border:1px solid #bb5295}
.left_lnb > ul > li.type02.b04 ul li a.on {background:#bb5295;color:#fff;}

.left_lnb > ul > li.type02.b05 > a {border:1px solid #7a7e93;color:#7a7e93;}
.left_lnb > ul > li.type02.b05 ul {border:1px solid #7a7e93}
.left_lnb > ul > li.type02.b05 ul li a.on {background:#7a7e93;color:#fff;}

.left_lnb > ul > li.type02.b06 > a {border:1px solid #a9c55d;color:#a9c55d;}
.left_lnb > ul > li.type02.b06 ul {border:1px solid #a9c55d}
.left_lnb > ul > li.type02.b06 ul li a.on {background:#a9c55d;color:#fff;}

.left_lnb > ul > li.type02.b07 > a {border:1px solid #e45454;color:#e45454;}
.left_lnb > ul > li.type02.b07 ul {border:1px solid #e45454}
.left_lnb > ul > li.type02.b07 ul li a.on {background:#e45454;color:#fff;}


.like_cate_pd.office {border-top-color:#ff6028;}
.like_cate_pd.office strong a,
.like_cate_pd.office .sub li a {color:#ff6028;}
.like_cate_pd.office .sub li a:hover {border-bottom:1px solid #ff6028;}

.like_cate_pd.escribulator {border-top-color:#ffb533;}
.like_cate_pd.escribulator strong a,
.like_cate_pd.escribulator .sub li a {color:#ffb533;}
.like_cate_pd.escribulator .sub li a:hover {border-bottom:1px solid #ffb553;}

.like_cate_pd.copy {border-top-color:#619864;}
.like_cate_pd.copy strong a,
.like_cate_pd.copy .sub li a {color:#619864;}
.like_cate_pd.copy .sub li a:hover {border-bottom:1px solid #619864}

.like_cate_pd.food {border-top-color:#546ac7;}
.like_cate_pd.food strong a,
.like_cate_pd.food .sub li a {color:#546ac7;}
.like_cate_pd.food .sub li a:hover {border-bottom: #546ac7;}

.like_cate_pd.industrial {border-top-color:#bb5295;}
.like_cate_pd.industrial strong a,
.like_cate_pd.industrial .sub li a {color:#bb5295;}
.like_cate_pd.industrial .sub li a:hover {border-bottom: 1px solid #bb5295}

.like_cate_pd.computer {border-top-color:#7a7e93;}
.like_cate_pd.computer strong a,
.like_cate_pd.computer .sub li a {color:#7a7e93;}
.like_cate_pd.computer .sub li a:hover {border-bottom: 1px solid #7a7e93;}

.like_cate_pd.file {border-top-color:#a9c55d;}
.like_cate_pd.file strong a,
.like_cate_pd.file .sub li a {color:#a9c55d;}
.like_cate_pd.file .sub li a:hover {border-bottom: 1px solid #a9c55d}

.like_cate_pd.ecoupon {border-top-color:#e45454;}
.like_cate_pd.ecoupon strong a,
.like_cate_pd.ecoupon .sub li a {color:#e45454;}
.like_cate_pd.ecoupon .sub li a:hover {border-bottom:1px solid #e45454}


.btm_info:after {display:block; content:''; clear:both;}
.btm_info > div {position:relative; float:left; width:calc(50% - 10px); margin-top:20px;}/*03수정*/
.btm_info > div:nth-child(even) {float:right;}
.btm_info > div h3 {margin-bottom:25px;  font-size:16px; font-weight:700; border-bottom:1px solid #ebebeb; border-top:2px solid #212121; line-height:50px;}
.btm_info > div h3.h3_notice {background:url(/images/qubridge/ico/ico_notice.png) no-repeat top 18px left 10px;}
.btm_info > div h3.h3_new {background:url(/images/qubridge/ico/ico_event.png) no-repeat 13px 20px;}
.btm_info > div h3 span {display:inline-block; position:relative; padding-left:32px; }
.btm_info > div .more_btn {position:absolute; z-index:1; right:10px; top:19px;display: inline-block;text-indent: -999em;background:url(/images/qubridge/btn/link_more_main.gif);width:47px;height: 13px;}
.btm_info > div p {font-size:16px; color:#5d5d5d;line-height: 1;}
.btm_info > div p strong{color: #000;font-weight: 500;}

.btm_info > .smart_cs,
.btm_info > .tosmall {border-bottom:none; margin-top:0;}
/* 2002_메인수정 s */
.btm_info > .smart_cs h3{margin-bottom:25px;  font-size:21px; font-weight:800; border-bottom:none; border-top:1px solid #e6e6e6; line-height:1;padding-top:40px;}
.btm_info > .tosmall h3 {margin-bottom:0px;  font-size:21px; font-weight:800; border-bottom:none; border-top:0; line-height:1;padding-top:40px;}
/* 2002_메인수정 e */
.btm_info > .smart_cs .more_btn {top:42px;display: inline-block;text-indent: -999em;background:url(/images/qubridge/btn/link_more_main.gif);width:47px;height: 13px;}
.btm_info > .smart_cs h3 span {padding-left:0;}
.btm_info > .smart_cs h3 .subT {font-size:14px; color:#9f9f9f; display:inline-block;margin-left:12px;font-weight:400;}

.btm_info > .tosmall h3{margin-bottom: 10px;}
.btm_info > .tosmall h3 .subT {font-size:20px; color:#333; display:inline-block;margin-left:-20px;font-weight:400;color:#898989;}
.btm_info > .tosmall .tel{float:right; width:100px; height:60px;}
.btm_info > .tosmall .tel ul li{}
.btm_info > .tosmall .deli{float:right; width:100px; height:60px;}
.btm_info > .tosmall .deli span{}

.btm_info .board_list {padding-right:20px;}
.btm_info .board_list li {position:relative; margin:25px 0; padding-left:7px;}
.btm_info .board_list li.new p {position:relative; padding-left:58px;}
.btm_info .board_list li.new p:before {content:'NEW'; position:absolute; z-index:1; left:0; top:-4px; padding:4px 10px; font-size:13px; color:#ff7800;border:1px solid #ff8f2b; border-radius:100px;}
.btm_info .board_list li.notice p {position:relative; padding-left:44px;}
.btm_info .board_list li.notice p:before {content:'공지'; position:absolute; z-index:1; left:0; top:-1px; padding:0px 10px 0 0; font-size:16px; color:#ff3332; font-weight:700;font-size: 14px;color: #BB2649;}
.btm_info .board_list li.notice p:after {content:'|'; position:absolute; z-index:1; left:33px; top:-1px; padding:0px 10px 0 0; font-size:16px; color:#cccccc; font-weight:400; }
.btm_info .board_list li.event p {position:relative; padding-left:97px;}
.btm_info .board_list li.event p:before {content:'이벤트당첨자'; position:absolute; z-index:1; left:0; top:-2px; padding:0px 10px 0 0; font-size:16px; color:#212121; font-weight:700;font-size: 14px; color: #BB2649;}
.btm_info .board_list li.event p:after {content:'|'; position:absolute; z-index:1; left:87px; top:-1px; padding:0px 10px 0 0; font-size:12px; color:#cccccc; font-weight:400; }
.btm_info .board_list li p a {overflow:hidden; display:block; width:100%; padding-right:90px; font-size:14px; color:#5d5d5d; text-overflow:ellipsis;line-height:14px;white-space:nowrap;height:14px;color: #9e9e9e;}
.btm_info .board_list li a:hover{color: #000;}
.btm_info .board_list li a:hover span {border-bottom:1px solid #5d5d5d;}

.btm_info .smart_cs .tel {margin:20px 0 40px 0;}
.btm_info .smart_cs .tel::after {content: '';display:block;clear:both;}
.btm_info .smart_cs .tel li {display:inline-block; width:50%;float:left;text-align: center;}
.btm_info .smart_cs .tel li em {font-size:20px; display:block;margin-bottom:15px;}
.btm_info .smart_cs .tel li p {display:inline-block; font-size:38px; font-weight:600; color:#000; font-family:'tahoma'}
.btm_info .smart_cs .tel li:first-of-type {border-right:1px solid #ededed;}
.btm_info .smart_cs .tel li:first-of-type p {color:#BB2649;}
.btm_info .smart_cs .quick {display:flex;flex-direction:row;align-items: center;justify-content: space-around; margin-top:10px;}
.btm_info .smart_cs .quick a {width:150px; font-size:16px; border:1px solid #bababa; text-align: center;height:60px; line-height:58px;color: #9e9e9e;font-weight: 700;transition:color 0.15s}
.btm_info .smart_cs .quick a:hover{color: #000;}

.btm_info .tosmall {border-top:1px solid #e6e6e6;}
.btm_info .tosmall:after {display:block; content:''; clear:both;}
.btm_info .tosmall > strong {position:relative; float:left; display:block; width:160px; padding-top:110px; text-align:center; font-size:20px; color:#171717;}
.btm_info .tosmall > strong:before {content:''; position:absolute; z-index:1; left:50%; top:5px; margin-left:-45px; width:90px; height:90px; border-radius:90px; border:1px solid #e1e1e1; background:#f2f2f2 url(/images/ico/ico_tos_logo.jpg) no-repeat center top;}
.btm_info .tosmall > div {float:left; width:calc(100% - 0px);} /*03수정*/
.btm_info .tosmall .deli {position:relative;display:inline-block;}
.btm_info .tosmall .deli span {display:block; color:#fec5be;margin-bottom:10px;}
.btm_info .tosmall .tel  {border-bottom:1px solid #ffcfcd;margin-bottom:10px;}
.btm_info .tosmall .tel li {margin:0 0 10px 0;}
.btm_info .tosmall .tel em {font-size:15px;color:#fff;}
.btm_info .tosmall .tel p {display:inline-block; font-size:33px; font-weight:600; color:#fff; line-height:1;}
.tosmall .tosmall_bg {position:relative;display:block; width:100% !important; height:auto;background: linear-gradient( 135deg, #ff9c97, #f7312e ); border-radius: 15px;margin-top:40px;padding:30px;}
.tosmall .tosmall_bg:after {content: '';display:block;clear:both;}
.btm_info .tosmall_bg h3 {margin-bottom:25px; font-family:'nanumbarun'; font-size:21px; font-weight:800; border-bottom:none; border-top:none; line-height:1;padding-top:00px;}
.btm_info .tosmall_bg h3 span {padding-left:0;color:#fef3ef;}
.btm_info .tosmall_bg h3 p {display:inline-block;color:#fff884;font-size:28px;font-weight:700;margin-left:5px;}
.btm_info .tosmall_bg .tos_profile {width:130px; height:130px; display:inline-block;background:#fff url(/images/qubridge/ico/ico_tos_logo_2.jpg) no-repeat center center; border-radius: 20px;margin:10px 38px 10px 20px;}
.btm_info .tosmall_bg  .tos_go {width:128px;height:32px; line-height:30px;  border:1px solid #ffcecd;color:#fff;padding-right:33px;text-align: right;display:inline-block;position:relative;margin-left:30px;background:url(/images/qubridge/ico/ico_space_white.png)no-repeat center right 15px;}


.btm_link_wrap {margin-top:40px; /*margin-bottom:50px;*/}
.btm_link_wrap .btm_link {display:flex; width:100%;flex-direction:row;align-items: center;justify-content: space-between; border-spacing:13px; margin:0 -0px;}
.btm_link_wrap .btm_link > div {width: 25%;border-top: 1px solid #9e9e9e;}
.btm_link_wrap .btm_link strong {display:block;font-size: 16px;text-align:left;line-height:50px;font-weight:700;border-bottom:1px solid #ededed;padding-left:10px;}/*kdh수정*/
.btm_link_wrap .btm_link ul {padding:10px; height:125px;position: relative;}
/* .btm_link_wrap .btm_link ul:after{content:"";position: absolute;left: 0;top: 49px;width: 100%;height: 1px;background: #ededed;} */
.btm_link_wrap .btm_link ul li {position:relative; margin:10px 0; padding-left:0}
.btm_link_wrap .btm_link ul li:before {}
.btm_link_wrap .btm_link ul li a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#9e9e9e;line-height:16px;height:20px;transition:all 0.15s}
.btm_link_wrap .btm_link ul li a:hover{color: #000;}
.btm_link_wrap .btm_link ul li a:hover span{}/*kdh수정*/


/* 메인 슬라이드 */

/* main_슬라이드 Start */
.slide { position: relative; overflow: hidden;}
.big_slide:hover .slide_btn_wrap{opacity:0.7 !important;}
.mainV_wrap:hover .slide_btn_wrap{opacity:0.7 !important;}
.panel {position:absolute; left:0; top:0;}
.panel.animated{transition: .3s ease-in;}
.panel:after { content: ""; display: block; clear: both;}
.panel li img{width:780px; height:460px;}

.panel>li { width:780px; height: 460px; float: left; background-repeat: no-repeat; background-size: 100% 100%; position: relative;}


.dot:after {content: ""; display: block; clear: both;}
.dot { position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%);}
.dot>li { float: left; width: 1px; height: 1px; border-radius: 50%; margin-left: 10px; margin-right: 10px; text-indent: -9999px; cursor: pointer;}
.dot>li.on { background-color: #342f2f;}

.prev {float:left; width: 20px; height: 20px; cursor: pointer; margin-top:13px; margin-left:6px;}
.prev:hover{width: 20px; height: 20px; background-image:url(http://192.168.20.143/officeplus/site/recommend/prev_on.png);}
.prev img{width:20px; height:20px;}
.next {float:right; width: 20px; height: 20px; cursor: pointer; margin-top:13px; margin-right:0px;}
.next:hover{width: 20px; height: 20px; background-image:url(http://192.168.20.143/officeplus/site/recommend/next_on.png);}
.next img{width:20px; height:20px;}

.big_slide{float:right; width:780px; position:absolute; left:216px; height:460px;}
.big_slide_in{float:right; width:100%; height:460px;}

.slide_btn_wrap{position:absolute; left:630px; top:378px; width:124px; height:44px; border-radius:50px; background:#333; opacity:0; transition-duration:0.5s;}
.slide_bt_num{float:left; color:#fff; font-size:14px; margin-top:13px; margin-left:20px;}
.slide_bt_num{float:left; color:#fff; font-size:14px; margin-top:11px; margin-left:19px;}
.slide_bt_num{float:left; color:#fff; font-size:14px; margin-top:11px; margin-left:19px;}
.slide_bt{position:relative; float:right; width:60px; height:38px; margin-right:10px;}
.slide_bt p{position:absolute; left:33px; top:17px; width:1px; height:14px; background:#777;}
/* main_슬라이드 End */

.main_billboard_list{position:absolute; right:280px; bottom:5px; width:780px; height:40px; z-index:2; background:#555; opacity:0.9;}

.themeSlider{position: relative;border-bottom: 1px solid #ddd;}
/* 메인 오피스플러스 추천상품 */
.home_suggest{
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 1280px;
    margin: 0 auto;
}
.themeControl{position: absolute;right:30px;bottom:40px;width: 120px;height: 45px;border-radius:25px;background:rgba(54,54,54,0.25);z-index: 1000;transition:all 0.15s}
.wrap_c{padding:16px 0 0 18px;position: relative;margin-right: 15px;}
.wrap_c .swiper-button-nextb,
.wrap_c .swiper-button-prevb{position: absolute;display: block;background-repeat: no-repeat;background-position: 0 0;width: 9px;height: 16px;top: 15px;cursor:pointer;}
.wrap_c .swiper-button-nextb{background-image: url(/images/qubridge/bg/aw-next.png);right: 0;}
.wrap_c .swiper-button-prevb{background-image: url(/images/qubridge/bg/aw-prev.png);right: 25px;}
.wrap_c .tweenline{position: absolute;display: block;background:url(/images/qubridge/bg/top-line.png);width: 1px;height:14px;top: 16px;right: 16px;}
.themeControl .swiper-pagination-g {color: #fff;font-size: 14px;font-weight:bold;font-family:'tahoma';line-height: 1;}
.themeControl .swiper-pagination-g span.swiper-pagination-current{margin-right: 0 !important;}
.themeControl .swiper-pagination-g span{}
.themeControl:hover{background:rgba(54,54,54,0.45);}
.hometopSlider{margin: 0 auto;width: 1281px;padding:0 285px 0 216px;box-sizing: border-box}
.themeColor{position: absolute;left: 0;top: 0;height: 460px;width: 100%;}
#main_recommend{position:absolute; top:40px;right:0px; width:285px; height:380px; z-index:7777; overflow:hidden; background:#fff;}

#slide{position:relative;overflow:hidden;}
#slide ul{width:400%;height:100%;overflow:hidden;}
#slide ul:after{content:"";display:block;clear:both;}
#slide li{float:left;width:25%;height:100%;background:#fff;}
#slide input{display:none;}
#slide label{float:left;display:inline-block;vertical-align:middle;width:10px;height:10px;background:#d3d3d3;transition:0.3s;border-radius:50%;cursor:pointer; margin-left:2px;}
#slide label+label{margin-left:7px;}
#slide .pos{position:absolute;top:30px;right:30px;overflow: hidden;}
#pos1:checked~ul{margin-left:0%;}
#pos2:checked~ul{margin-left:-100%;}
#pos3:checked~ul{margin-left:-200%;}
/*#pos4:checked~ul{margin-left:-300%;}*/
#pos1:checked~.pos>label:nth-child(1){background:#333;}
#pos2:checked~.pos>label:nth-child(2){background:#333;}
#pos3:checked~.pos>label:nth-child(3){background:#333;}
.pos_label_on{background-color:#333 !important;}
/*#pos4:checked~.pos>label:nth-child(4){background:#666;}*/

.recommend_tit{position:absolute; margin-bottom:4px; width:170px;left:25px; top:25px; width:170px; height:50px;}
.recommend_tit p{font-weight:500; letter-spacing:-1px; color:#363636; font-size:16px;}
.recommend_tit span{display: block; letter-spacing:-1px; color:#888;font-size:13px;font-weight: 300;}
.product_list{float:left; width:232px; height:280px; margin-top:90px; margin-left:25px; box-sizing:border-box;}
.product_list .product_list_l{float:left; width:232px; height:140px; font-size:13px; cursor:pointer;}
.product_list .product_list_l p.recommend_txt{float:left; width:110px; height:34px; overflow:hidden; line-height:1.3em; margin-top:16px; margin-bottom:6px; color:#333; letter-spacing:-0.5px;}
.product_list .product_list_l p.recommend_txt a{color:#333; font-family:"맑은 고딕","Malgun Gothic","돋움",dotum,sans-serif;}
.product_list .product_list_l p.recommend_txt a:hover{text-decoration: underline;}
.product_list .product_list_l p.img{float:left; width:110px; height:110px; border:1px solid #e6e6e6; margin-bottom:4px; margin-right:10px; border-radius:7px; overflow:hidden;}
.product_list .product_list_l p.img img{width:108px; height:108px;}
.product_list .product_list_l span.cost{float:left; width:110px; height:20px; color:#888888; font-weight:bold; letter-spacing:-0.5px; text-decoration:line-through;font-family:'Tahoma';}
.product_list .product_list_l span.discount{float:left; width:110px; height:20px; color:#000; font-weight:bold; letter-spacing:-0.5px;font-family:'Tahoma';}
.product_list .product_list_r{float:right; width:110px; height:180px; font-size:13px; cursor:pointer;}
.product_list .product_list_r p.img{width:110px; height:110px; border:1px solid #e6e6e6; margin-bottom:4px;}
.product_list .product_list_r p.img img{width:108px; height:108px;}
.product_list .product_list_r p.recommend_txt{width:110px; height:32px; overflow:hidden; line-height:1.3em; margin-bottom:6px; color:#333; letter-spacing:-0.5px;}
.product_list .product_list_r p.recommend_txt a{color:#333; font-family:"Helvetica Neue","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",dotum,sans-serif;}
.product_list .product_list_r p.recommend_txt a:hover{text-decoration: underline;}
.product_list .product_list_r span{width:110px; height:20px; color:#000; font-weight:bold; letter-spacing:-0.5px;}



/* 회원님을 위한 맞춤상품 */

.customize_area{width:100%;}
.customize_out_area{position:relative; width:1280px;  margin:0 auto;}
.customize_out_area > div h3{position:relative; margin-bottom:30px; height:60px; border-bottom:2px solid #444;}
.customize_out_area > div h3 span{position:absolute; left:600px; font-size:16px; color:#888; letter-spacing:-1px; margin-left:20px; font-weight:200; line-height:3em;}
.customize_in_area{width:100%;  display:flex; justify-content:center;}

#qbSlide1{width:1230px;}
.qbSlide_item a .thumb{width: 180px;height: 180px;}
.qbSlide_item a .thumb img{display: block;width:100%;height: auto;vertical-align: top;}
.qbSlide_item a .info p.pd_name{float:left; font-size:14px; letter-spacing:-0.5px; height:40px; overflow:hidden; margin-top:20px; }
.qbSlide_item a .info .price{float:left; height:30px;}
.qbSlide_item a .info .price p.origin{float:left; font-size:14px; letter-spacing:-1px;}
.qbSlide_item a .info .price p.sales{float:left; color:#333; font-size:18px; margin-left:10px; margin-top:-5px; font-weight:700;}

#qbSlide1 .qbSlide_container .qbSlide_item .prd_QuickBtn a:nth-of-type(1) {
    display: block;
    border: 0 !important;
    padding: 0;
    background: none !important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
#qbSlide1 .qbSlide_container .qbSlide_item .prd_QuickBtn {height:180px;position: absolute;top:0;left:5px; background-color:rgba(255, 255, 255, 0.4); opacity: 0;visibility:hidden;transition:all 0.15s; z-index:9999;}
#qbSlide1 .qbSlide_container .qbSlide_item .prd_QuickBtn a {padding:0;border:none;float:left; width:50px; height:50px;background-color:rgba(0,0,0,0.8); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; line-height: 50px;text-align: center; margin:0 5px;z-index:2;}
#qbSlide1 .qbSlide_container .qbSlide_item .prd_QuickBtn a:hover {background:#BB2649; cursor:pointer;}
#qbSlide1 .qbSlide_container .qbSlide_item .prd_QuickBtn img{vertical-align: middle;margin:15px auto;}
/*#qbSlide1 .qbSlide_item {position:relative;} 210310 수정 */
#qbSlide1 .qbSlide_item:hover a.box {border:1px solid #464659;}
#qbSlide1 .qbSlide_item:hover .prd_QuickBtn {opacity:1;visibility: visible;}
#qbSlide1 .qbSlide_item:hover .pd_name span {border-bottom:1px solid #000;}
#qbSlide1 .prd_QuickBtn{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: stretch;}
/*
#qbSlide1 .qbSlide_item a .thumb{width: 180px;height: 180px;}
#qbSlide1 .qbSlide_item .info {padding:15px 10px;overflow:hidden;padding-top: 0;}
#qbSlide1 .qbSlide_item .info .pd_name {
	height:47px; margin-bottom:10px; font-size:13px; line-height:1.7; font-weight:600;
	overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; vertical-align:top; display:box;
	display:-webkit-box; display:-ms-flexbox; word-wrap:break-word; -webkit-line-clamp:3;
	margin-top:0;
}
#qbSlide1 .qbSlide_item>a{display: block;}
*/
#qbSlide1 .info .price .sales,
#qbSlide1 .info .price .sales span {font-size:14px; font-weight:800; margin-left:5px;}
#qbSlide1 .info .price .sales{margin-top:0;}
#qbSlide1{height: 325px;}
#qbSlide1 .qbSlide_item:hover .pd_name span {border-bottom:1px solid #000;}


/* .slider_list .prd_QuickBtn {display:flex;flex-direction:row;align-items: center;justify-content: center; width:calc(100% - 4px);height:170px;position: absolute;top:20px;left:0px; background-color:rgba(255, 255, 255, 0.8); opacity: 0; width:170px;}
.slider_list .prd_QuickBtn a {padding:0;border:none;float:left; width:50px; height:50px;background-color:rgba(0,0,0,0.8); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; line-height: 50px;text-align: center; margin:0 5px;z-index:2;}
.slider_list .prd_QuickBtn a:nth-of-type(1){display:block;border:0 !important;padding:0;background:none !important;width:100%;height:100%;position:absolute;z-index:1;}
.slider_list .prd_QuickBtn a:hover {background:#BB2649; cursor:pointer;}
.slider_list .prd_QuickBtn img{vertical-align: middle;margin:15px auto;}
.slider_list  li {position:relative;}
.slider_list  li:hover a.box {border:1px solid #464659;}
.slider_list  li:hover .prd_QuickBtn {opacity:1;}
.slider_list  li:hover .pd_name span {border-bottom:1px solid #000;}
.prd_QuickBtn > a {border:none !important;}

.slider_list p.thumb img{width:170px; height:170px;}
.slider_list .info p.pd_name{float:left; font-size:14px; letter-spacing:-0.5px; width:170px; height:40px; overflow:hidden; margin-top:20px;}
.slider_list .info .price{float:left; width:170px; height:30px;}
.slider_list .info .price p.origin{float:left; font-size:14px; letter-spacing:-1px;}
.slider_list .info .price p.sales{float:left; color:#333; font-size:18px; margin-left:10px; margin-top:-5px; font-weight:700;}

.customize_area{width:100%; height:330px;}
.customize_out_area{position:relative; width:1280px; height:270px; margin:0 auto;}
.customize_out_area > div h3{position:relative; margin-bottom:30px; height:60px; border-bottom:2px solid #444;}
.customize_out_area > div h3 span{position:absolute; left:600px; font-size:16px; color:#888; letter-spacing:-1px; margin-left:20px; font-weight:200; line-height:3em;}
.customize_in_area{width:100%; height:270px; display:flex; justify-content:center;}



.slider_01{float:left; width:1220px; height:270px;}
.slider_01 ul li{float:left; width:170px; height:270px; margin:0 15px;}
.slider_02{float:left; width:1220px; height:290px; overflow:hidden;}
.slider_02 ul li{float:left; width:170px; height:270px; margin:0 15px;} */

/* 맞춤상품 슬라이드 소스 s */
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: block; margin:0 auto; width:1220px; height:270px;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container { max-width: 1280px; height:270px; position: relative; overflow:hidden; margin: auto;}

/* Next & previous buttons */
.sl_prev, .sl_next { cursor: pointer; top: 50%; margin-top: -22px; color: white; font-weight: bold; font-size: 30px; transition: 0.6s ease; border-radius: 100px;}

/* Position the "next button" to the right */
.sl_next {position:absolute; z-index:5555; right: 10px; width:17px; height:31px; background:url(/images/qubridge/ico/ico_customize_next.png) no-repeat center center;}
.sl_prev {position:absolute; z-index:5555; left: 10px; width:17px; height:31px; background:url(/images/qubridge/ico/ico_customize_prev.png) no-repeat center center;}


/* The dots/bullets/indicators */
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: none; transition: background-color 0.6s ease;}

.active, .dot:hover { background-color: #717171;}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
  }

@keyframes fade { from {opacity: .4} to {opacity: 1} }

/* On smaller screens, decrease text size */
@media only screen and (max-width: 100px) { .prev, .next,.text {font-size: 11px}}
/* 맞춤상품 슬라이드 소스 e */

/* 하단 TOS Mall 사업자 특화 전용몰 */
.tosmall p.go_btn {position:absolute; right:245px; top:42px; width:72px; height:22px; cursor:pointer;}
.tosmall_area {width:615px; height:222px;}
.tosmall_area .tosmall_l {float:left; width:386px; height:222px; background:#f5f5f5;}
.tosmall_area .tosmall_l .tosmall_l_log {float:left; width:150px; height:222px;}
.tosmall_area .tosmall_l .tosmall_l_log p {margin:56px 30px; width:110px; height:110px; border-radius:100px; overflow:hidden; background:#fff;}
.tosmall_area .tosmall_l .tosmall_l_in {float:right; width:210px; height:222px;letter-spacing:0.5px;}
.tosmall_area .tosmall_l .tosmall_l_in .tosmall_l_phone {float:left; width:180px; height:80px; margin-top:30px; border-bottom:1px solid #888;}
.tosmall_area .tosmall_l .tosmall_l_in .tosmall_l_phone span.call_n01 {float:left; width:180px; height:26px; font-size:14px; color:#777; margin-bottom:10px; font-weight:300;}
.tosmall_area .tosmall_l .tosmall_l_in .tosmall_l_phone span.call_n02 {float:left; width:180px; height:26px; font-size:14px; color:#777; font-weight:300;}
.tosmall_area .tosmall_l .tosmall_l_in .tosmall_l_txt {float:left; width:210px; height:80px; margin-top:20px; letter-spacing:0.5px;}
.tosmall_area .tosmall_l .tosmall_l_in .tosmall_l_txt span.txt_n01 {float:left; width:210px; height:26px; font-size:14px; color:#777; margin-bottom:5px; font-weight:300;}
.tosmall_area .tosmall_l .tosmall_l_in .tosmall_l_txt span.txt_n02 {float:left; width:210px; height:26px; font-size:14px; color:#777; font-weight:300;}
.tosmall_area .tosmall_r{float:right; width:224px; height:222px; background:#f5f5f5;}
.tosmall_area .tosmall_r span{display: block;text-align:center; color:#333; font-size:14px;height:72px;line-height:72px;}
.tosmall_area .tosmall_r span b{font-weight: 700;font-family: 'Tahoma';}
.tosmall_area .tosmall_r p{border-radius:100%;height: 110px;width: 110px;overflow:hidden; background:#fff;margin: 0 auto;}
.tosmall_area .tosmall_r p a{display: block;width: 100%;height: 100%;}



/*1125 추가*/
/* .getOver {display:none;width:1280px;height:375px;border:1px solid #3d3d3d;background:#fff;position:absolute;left:-235px;;top:55px;z-index:2;} */

/*0107 추가*/
/* .swiper-slide.double {width:400px !important;}
.swiper-slide.big {width:860px !important;} */

.ml30{margin-left:30px;}
.ml_30{margin-left:-30px;}





.qbSlide{position:relative; width:100%; height:100%;}
.qbSlide_container{width:100%; height:100%; overflow:hidden;}
.qbSlide_body{width:100%; height:100%; display:flex; justify-content:space-around; overflow:hidden;}
.qbSlide_prev_arrow_up{width:25px; height:2px; border-radius:5px; background:#333; position:absolute; left:12px; transform:rotate(-45deg); top:16px;}
.qbSlide_prev_arrow_down{width:25px; height:2px; border-radius:5px; background:#333; position:absolute; left:12px; transform:rotate(45deg); top:32px;}
.qbSlide_next_arrow_up{width:25px; height:2px; border-radius:5px; background:#333; position:absolute; left:12px; transform:rotate(45deg); top:16px;}
.qbSlide_next_arrow_down{width:25px; height:2px; border-radius:5px; background:#333; position:absolute; left:12px; transform:rotate(-45deg); top:32px;}
.qbSlide_dot_area{width:100%; height:30px; position:absolute; bottom:-30px; display:flex; justify-content:center; align-items:center;}
.qbSlide_dot{width:10px; height:10px; background:#d3d3d3; border-radius:100%; transition-duration:0.5s;}
.qbSlide_dot+.qbSlide_dot{margin-left: 7px;}
.qbSlide_dot.on{background: #a7a7a7;}
.qbSlide:hover .qbSlide_prev{opacity:1 !important;}
.qbSlide:hover .qbSlide_next{opacity:1 !important;}

.qbSlide_item a .thumb{text-align: center;background: #fff;}
.qbSlide_item a .thumb img{width:180px; height:180px;}
.qbSlide_item a .info p.pd_name{float:left; font-size:14px; letter-spacing:-0.5px; width:170px; height:40px; overflow:hidden; margin-top:20px; }
.qbSlide_item a .info .price{float:left; width:170px; height:30px;}
.qbSlide_item a .info .price p.origin{float:left; font-size:14px; letter-spacing:-1px;}
.qbSlide_item a .info .price p.sales{float:left; color:#333; font-size:18px; margin-left:10px; margin-top:-5px; font-weight:700;}


/* 메인 고객감사 이벤트 팝업 */
.pop{width:400px; height:770px; position:absolute; right:16.6%; top:1.5%; background:#ffffff; z-index:888; display:none;}
.pop .hide{display:none;}
.pop .btm{position:absolute;bottom: -15px; right: 10px;font:normal 11px dotum;}
.pop .btm a.btn_close{height:13px; margin-bottom:20px; float:right;}
.pop .btm a.btn_close img {padding-left:5px; float:right;}
.pop .btm label {color:#999;cursor: pointer; vertical-align:0px;}
.pop .btm input{line-height:13px; vertical-align:-2px;}
.name_tit{position:absolute; left:107px; top:216px; font-size:17px; font-weight:bold; letter-spacing:-1px; color:#a6c0fd; font-family:'ngR', 'ngB', Helvetica, 'Apple SD Gothic', 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕',sans-serif;}

/* 메인 새단장 이벤트 팝업 */
.popup{width:282px; height:380px; position:absolute; right:16.6%; top:4.1%; background:#ffffff;z-index:888;}
.popup .btm a.btn_close{height:13px; margin-bottom:1px; float:right;}
.popup .btm a.btn_close img {z-index:9999; bottom:7px; right:8px; position:absolute;}
.popup .btm label {color:#999;cursor: pointer; vertical-align:0px;}
.popup .btm input{line-height:13px; vertical-align:-2px;}

/* 맞춤상품 슬라이드 배너 */
.slide_wrap { position: relative; overflow: hidden; background:#ffffff; margin:0 auto; height:325px; width:1240px;}
.slide_wrap .panel:after { content: ""; display: block; clear: both;}
.slide_wrap .panel>li { width: 25%; height: 200px; float: left; background-repeat: no-repeat; background-size: 100% 100%; position: relative;}
.prev_bn { position: absolute; width: 22px; height: 50px; background-color: #fff; top: 45%; transform: translateY(-50%); left: -25px; cursor: pointer;}
.next_bn { position: absolute; width: 22px; height: 50px; background-color: #fff; top: 45%; transform: translateY(-50%); right:-26px; cursor: pointer;}

.panel .qbSlide_item{width:190px; height:325px; float:left; position:relative;}
.panel .qbSlide_item:not(:last-child){margin-right:20px;}    
/*.panel .qbSlide_item a .thumb{width: 180px;height: 200px; position:absolute; left:6px; top:-200px; z-index:1;}*/
.panel .qbSlide_item .thumb{margin:auto;}
.panel .qbSlide_item .info {padding:15px 10px;overflow:hidden;padding-top: 0; margin-top:20px;}
.panel .qbSlide_item .info .pd_name {
	height:47px; margin-bottom:10px; font-size:13px; line-height:1.7; font-weight:600;
	overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; vertical-align:top; display:box;
	display:-webkit-box; display:-ms-flexbox; word-wrap:break-word; -webkit-line-clamp:3;
	margin-top:0;}
panel .qbSlide_item>a{display: block;}