@charset "euc-kr";

#mainRolling{width:100%; position:relative;}
#mainRolling:after{clear:both; display:block; content:""}
#rol_content{margin: 0px auto;width: 980px; height: 372px}
#mainRol_leftBanner {float:left; width:180px; height:372px;z-index:3; background:#434b5a}
#mainRol_leftBanner ul{margin:0 0 0 20px; padding:11px 0 9px 0; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -290px -209px}
#mainRol_leftBanner ul li a{color:#fff; height:20px; line-height:21px; display:block; vertical-align:middle; padding-top:2px;}
#mainRol_leftBanner ul li a:hover{height:20px; line-height:21px;/*background:#5e6577;*/ vertical-align:middle}

ul.menu1 .rolLeftBn a{height:20px;   line-height:21px; }
ul.menu1 .rolLeftBn a:hover{}
#mainRol_leftBanner div.contents{color:#333; display:none; background-color:#fff; position: absolute;z-index: 3;width:799px;height:371px;border-top:1px solid #4b5566; border-right: 1px solid #4b5566; border-right: 1px solid #4b5566;border-bottom: 1px solid #4b5566;top:-1px; left:180px}
#mainRol_leftBanner div.contents a{height:20px; line-height:21px; color:#666; padding-left:0}
#mainRol_leftBanner div.contents a:hover{height:20px; line-height:21px;  background:none; font-weight:normal; text-decoration:underline}
#mainRol_leftBanner div.contents ul{background:none; margin-left:0}
#mainRol_leftBanner div.contents ul.rollLeftSubUl li.rollLeftSubll,
#mainRol_leftBanner div.contents ul.rollCenterSubUl li.rollCenterSubll{}
#mainRol_leftBanner div.contents ul.rollLeftSubUl, #mainRol_leftBanner div.contents ul.rollCenterSubUl{padding:0}
#mainRol_leftBanner div.contents ul.rollLeftSubUl li.rollLeftSubll.title,
#mainRol_leftBanner div.contents ul.rollCenterSubUl li.rollCenterSubll.title {font-size:14px; font-weight:bold ;padding:31px 0 0 13px;margin-bottom:7px; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main_20160601_modi.png) no-repeat -832px -439px}
#mainRol_leftBanner div.contents ul.rollCenterSubUl li.rollCenterSubll.title{margin-bottom:9px}
#mainRol_leftBanner div.contents div.contentsDiv{float:left;width:131px; height:371px; margin-left:20px}
#mainRol_leftBanner div.contents div.contentsDivImg {float: left;width:422px; height:371px; margin-left:0; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -429px -376px}
#mainRol_leftBanner div.contents div.popular{margin-left:26px; width:200px; height:371px; background:#f0f1f3 url(/images/qubridge/common_new/sp_main.png) no-repeat -429px -376px}
#mainRol_leftBanner div.contents div.popular li{margin:0 0 13px 20px}
/* 191031 ¼öÁ¤ */
#mainRol_leftBanner div.contents div.popular li a{width:160px; height:40px; line-height:40px; padding:0; background:url(http://www.officeplus.com/images/qubridge/common_new/brand_logo.png) no-repeat 0 0}
#mainRol_leftBanner div.contents div.popular li a:hover{background:url(http://www.officeplus.com/images/qubridge/common_new/brand_logo.png) no-repeat -160px 0}

#mainRol_leftBanner div.contents div.popular li a span{ width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden}
#mainRol_leftBanner div.contents div.contentsDivImg a{ padding-top:0}
#mainRol_leftBanner div.contents div.contentsDivImg a img {margin-left:1px; max-width:421px;max-height:404px}
#mainRol_leftBanner div.contents .arrow{background:url(http://www.officeplus.com/images/qubridge/common_new/sp_common.png) no-repeat 0 -119px;position:absolute; top:21px; width:7px; height:13px;display:block;left:-7px}
#mainRol_leftBanner .rolLeftBn02 div.contents .arrow{top:43px}
#mainRol_leftBanner .rolLeftBn03 div.contents .arrow{top:65px}

#mainRol_leftBanner .rolLeftBn02 div.contents div.popular .rollLeftSubll + .rollLeftSubll a{background-position:0 -40px}
#mainRol_leftBanner .rolLeftBn02 div.contents div.popular .rollLeftSubll + .rollLeftSubll a:hover{background-position:-160px -40px}
#mainRol_leftBanner .rolLeftBn02 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a{background-position:0 -80px}
#mainRol_leftBanner .rolLeftBn02 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a:hover{background-position:-160px -80px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll a{background-position:0 -122px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll a:hover{background-position:-160px -122px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll + .rollLeftSubll a{background-position:0 -164px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll + .rollLeftSubll a:hover{background-position:-160px -164px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a{background-position:0 -203px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a:hover{background-position:-160px -203px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a{background-position:0 -242px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a:hover{background-position:-160px -242px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll + .rollLeftSubll  + .rollLeftSubll a{background-position:0 -281px; height:37px}
#mainRol_leftBanner .rolLeftBn01 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll + .rollLeftSubll  + .rollLeftSubll a:hover{background-position:-160px -281px}
/* 191031 ¼öÁ¤ */
#mainRol_leftBanner .rolLeftBn03 div.contents div.popular .rollLeftSubll a{background-position:0 -319px}
#mainRol_leftBanner .rolLeftBn03 div.contents div.popular .rollLeftSubll a:hover{background-position:-160px -319px}
#mainRol_leftBanner .rolLeftBn03 div.contents div.popular .rollLeftSubll + .rollLeftSubll a{background-position:0 -360px}
#mainRol_leftBanner .rolLeftBn03 div.contents div.popular .rollLeftSubll + .rollLeftSubll a:hover{background-position:-160px -360px}
#mainRol_leftBanner .rolLeftBn03 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a{background-position:0 -401px}
#mainRol_leftBanner .rolLeftBn03 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a:hover{background-position:-160px -401px}
#mainRol_leftBanner .rolLeftBn03 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a{background-position:0 -441px}
#mainRol_leftBanner .rolLeftBn03 div.contents div.popular .rollLeftSubll + .rollLeftSubll + .rollLeftSubll + .rollLeftSubll a:hover{background-position:-160px -441px}

#mainRol_leftBanner ul.menu1{background:none; margin:0 0 0 0; padding-top:14px;}
#mainRol_leftBanner ul.menu1 .rolLeftBn > a{background:url(http://www.officeplus.com/images/qubridge/common_new/bg_rolLeftBn.gif) no-repeat 0 0; padding-left:33px;}
#mainRol_leftBanner ul.menu1 .rolLeftBn > a:hover{height:20px; line-height:21px; background-position:0 -23px; vertical-align:middle; }
#mainRol_leftBanner ul.menu2{margin-left:0}
/* 190110 ¼öÁ¤ */
#mainRol_leftBanner ul.menu2 a{color:#eddebb; padding-left:20px}
/* 190110 ¼öÁ¤ */
#mainRol_leftBanner ul.menu3{margin-left:0}
#mainRol_leftBanner ul.menu3 a{padding-left:20px}
#mainRol_leftBanner ul.menu2 a:hover, #mainRol_leftBanner ul.menu3 a:hover{background:none; text-decoration:underline;}
#mainRol_leftBanner ul.menu4{position:absolute; bottom:18px; width:146px; background:none; margin:0 0 0 17px; padding:0 0 0 0;  }
/*20160701_¿ÀÇÂ*/
#mainRol_leftBanner ul.menu4 a{text-indent:-999em;  height:62px; padding:0 0 0 38px; line-height:62px; background:url(/images/qubridge/main/ban_evet.gif) no-repeat 0 0}
#mainRol_leftBanner ul.menu4 a:hover{background-position:0 -62px; height:62px; line-height:62px}
/*20160701_¿ÀÇÂ*/

/*Æó¼â*/
#mainRolling2{width:100%; position:relative;}
#mainRolling2 #roll_navi span + span + span + span + span + span .slideNavi{background-position:-640px -68px}
#mainRolling2 #roll_navi span + span + span + span + span + span .slideNavi.on{background-position:-640px -102px}
/*//Æó¼â*/

#wrapper #container .main_content #contents{clear:both; zoom:1; margin:0 auto 0;width: 100% !important;background:#fff; padding:0}
#gf_wrapper #container .main_content #contents{clear:both; zoom:1; margin:0 auto 0;width: 100% !important;background:#fff; padding:0}
/* 201810_¸ÞÀÎ Ãß°¡ */
.main_content{margin:0 auto;width:980px;height:auto;min-height:2700px;}
/* 201810_¸ÞÀÎ Ãß°¡ */
.service-banner-wrap{position:relative;width:980px;padding: 40px 0 0px;margin:0 auto;overflow:hidden;}
.service-banner-wrap .tit{padding-bottom:12px;}
.main_content .service-banner{position:relative;width:243px;height:338px;margin-bottom:0px !important;overflow:hidden;}
.service-banner-wrap .sl-table tr td{border:1px solid #e6e6e6;}
/* .main_content .service-banner .slick-list{overflow: visible;} */
/*.main_content .service-banner img{width:200px;height:195px;}*/
.service-banner-wrap .line-bg{margin-top:40px;}
.main_content .service-banner .slick-prev{width: 18px;height: 33px;top: 81px;left:-70px;background: url(/images/qubridge/common_new/arrow_left.jpg) no-repeat;z-index: 999;}
.main_content .service-banner .slick-prev:before{content: ' ';}
.main_content .service-banner .slick-prev:hover{background: url(/images/qubridge/common_new/arrow_left_over.jpg) no-repeat;}
.main_content .service-banner .slick-next{width: 18px;height: 33px;top: 81px;right:-70px;background:url(/images/qubridge/common_new/arrow_right.jpg) no-repeat;z-index: 999;}
.main_content .service-banner .slick-next:before{content: ' ';}
.main_content .service-banner .slick-next:hover{background: url(/images/qubridge/common_new/arrow_right_over.jpg) no-repeat;}
.main_content .service-banner .slick-dots{bottom:15px;}
.main_content .service-banner .slick-dots li{width:6px;	height:6px;padding: 0 0px 0 5px;margin:0;}
.slick-dots li button{width:8px;height:8px;padding:0;}
.main_content .service-banner .slick-dots li button:before{width:8px;	height:8px;content: " ";	opacity: 1;	background:url(/images/qubridge/common_new/service_dot.png) no-repeat;}
.main_content .service-banner .slick-dots li.slick-active button:before{width:8px;	height:8px;	opacity: 1;	 content: " ";	background:url(/images/qubridge/common_new/service_dot_on.png) no-repeat;}


.main_content .section{margin:50px auto 0}
.main_content .section a{vertical-align:top}
.main_content .srv_link{margin:5px auto 0; width:980px; height:76px; text-align:center; overflow:hidden}
.main_content .srv_link a{text-indent:-9999px; display:block; margin:0 0 0 20px; overflow:hidden; vertical-align:top; float:left; background:url(/images/qubridge/common_new/srv_link.png) no-repeat; width:230px; height:76px}
.main_content .srv_link a:first-child{margin-left:0px}
.main_content .srv_link a{background-position:0 0}
.main_content .srv_link a:hover{background-position:0 -76px}
.main_content .srv_link a + a{background-position:-250px 0}
.main_content .srv_link a + a:hover{background-position:-250px -76px}
.main_content .srv_link a + a + a{background-position:-500px 0}
.main_content .srv_link a + a + a:hover{background-position:-500px -76px}
.main_content .srv_link a + a + a + a{background-position:-750px 0}
.main_content .srv_link a + a + a + a:hover{background-position:-750px -76px}

.main_content .hotdeal{margin:40px 0 0 0; position:relative; height:903px}
.item_list_wrap{width:691px}
.item_list_wrap .tab{width:691px; overflow:hidden}
.item_list_wrap .tab li {text-align:center; color:#333;  float:left; width:195px; line-height:30px; padding-left:1px; height:29px; vertical-align:middle}
.item_list_wrap .tab li:first-child{margin-left:47px}
.item_list_wrap .tab li.last{}
.item_list_wrap .tab li a { display:inline-block; vertical-align:top; width:197px; color:#6a6b70; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -330px 0; color:#fff; overflow:hidden; height:30px; padding-top:2px}
.item_list_wrap .tab li a:hover, .item_list_wrap .tab li.this a {background-position: -330px -29px}
.item_list_wrap .tabconts{}
.item_list{width:690px;overflow:hidden;clear:both;border:solid #c3c3c3;border-width:1px 1px 0 0}
.item_list li{position:relative;float:left;width:219px;height:280px;border:solid #c3c3c3;border-width:0 0 1px 1px;padding:10px 0 0 10px}/*20160607_±ÝÁÖÀÇƯ°¡¼öÁ¤*/
.item_list li.even{margin-left:-1px;border-left-width:1px}
.item_list li>a{display:block; margin-top:21px;height:239px}
.item_list li>a:first-child{display:block; margin-top:0}
.item_list li>a:hover .title{text-decoration:underline}
.item_list li>a:hover .prd_code{background:#e0e7f9}
.item_list li .thumb{width:185px;height:185px; margin-left:12px;}/*20160615_±ÝÁÖÀÇƯ°¡¼öÁ¤*/
/* 190110 ¼öÁ¤ */
.item_list li .title{overflow:hidden; display:block; width:188px; /* height:30px;  */padding:2px 0 0 0; ;color:#222;font-size:12px; text-align:left; text-overflow: ellipsis; font-family:gulim; line-height:16px}
/* 190110 ¼öÁ¤ */
.item_list li .title span{width:188px; display:block; line-height:14px; font-size:11px;white-space:nowrap}
.item_list li .prd_code{font-size:12px; display:block; margin-top:5px; margin-bottom:3px;overflow:hidden;color:#616b8e; line-height:15px; height:14px; vertical-align:middle; width:60px; background:#c5d1f3;font-weight:bold; padding:2px 0 0 0; text-align:center}
.item_list li .in{margin-top:5px; width:210px; overflow:hidden}/*20160607_±ÝÁÖÀÇƯ°¡¼öÁ¤*/
.item_list li .sale{float:left; display:inline-block;color:#ff3745;font-family:arial;font-size:20px;vertical-align:top; font-weight:bold; letter-spacing:-1px; padding:0 0 0 0;}/*20160615_±ÝÁÖÀÇƯ°¡¼öÁ¤*/
.item_list li .price{float:right}
.item_list li .sale span{overflow:hidden;position:absolute;top:-999em;left:-999em}
.item_list li .sale>strong{font-size:20px}
.item_list li .price{display:inline-block;margin:0 0 0 2px;color:#fff;font-family:tahoma;vertical-align:top}
.item_list li .price .info{display:inline-block;margin-left:5px}
.item_list li .price .info del{display:block;color:#888;font-size:13px}
.item_list li .price .info .note{display:block;margin-top:2px;color:#888;font-family:dotum,"µ¸¿ò";font-size:11px;letter-spacing:-1px}
.item_list li .price>strong{color:#222;font-size:20px;font-family:arial; letter-spacing:-1px}
.item_list li .price>strong>span{ font-size:12px; font-weight:normal; margin-left:3px; color:#676767}
.item_list li .buy{color:#888;font-size:11px}
.item_list li .buy strong{font-family:tahoma;font-size:12px}
.item_list .tag{position:absolute;left:20px;top:20px}
.item_list .buy{position:absolute;right:10px;bottom:12px; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -230px -672px;  width:40px; height:31px}
.item_list .buy a{width:40px; height:31px;  display:block; text-indent:-9999px}
.item_list .tag .lowest,.item_list .tag .free{overflow:hidden;display:inline-block;width:60px;height:46px;font-size:0;line-height:0; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -119px -672px}
.item_list .tag .lowest{background-position:-119px -672px}
.item_list .tag .free{background-position:-324px -672px; position:absolute;left:146px;top:131px}
.main_content .ban_promotion{position:absolute; top:0; right:0}
.ban_promotion ul li a{display:block; margin:0 0 15px 0}
.ban_promotion ul li.soca{}
.ban_promotion ul li.soca a:first-child{width:149px; height:29px; line-height:29px; margin:0 0 0 120px; text-align:right; vertical-align:middle; font-size:0; color:#f0f0f0; cursor:pointer; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -640px -184px}
.ban_promotion ul li.soca a:first-child:hover{background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -640px -230px}

.main_content .recm_brand{position: relative; width:980px; height:303px; margin-top:0;}/*20160608_¼öÁ¤*/
.recm_brand .md02Conts {position:relative}
.recm_brand .md02Conts h2, .brand_shop h2{border-bottom:3px solid #707f98; height:30px; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat 0 -61px; text-indent:-9999px}
.recm_brand .md02Conts .tab{margin:-33px 0 0 0; height:33px; position:absolute; right:0}
.recm_brand .md02Conts .tab li {height:33px; text-align:center;  color:#6a6b70;  float:left}
.recm_brand .md02Conts .tab li a {display:inline-block; padding-top:10px;height:23px; padding-left:12px; padding-right:12px; letter-spacing:-0.7px; color:#6a6b70; background:url(http://www.officeplus.com/images/qubridge/common_new/line_main_brand.png) no-repeat 0 1px}
.recm_brand .md02Conts .tab li:first-child a{background:none}
.recm_brand .md02Conts .tab li a:hover, .recm_brand .md02Conts .tab li.this a {color:#fff; background:#707f98; left:1px; position:relative}
.recm_brand .tabconts {padding:25px 0 33px 10px; letter-spacing:-0.5px; height:187px; clear:both}
.recm_brand .tabconts ul {_zoom:1; height:187px; width:980px}
.recm_brand .tabconts ul li {float:left; width:141px; margin-left:60px;color:#000; position:relative; _height:187px; _zoom:1}
.recm_brand .tabconts ul li:first-child{ margin-left:0}
.recm_brand .tabconts ul li div {text-align:center}
.recm_brand .tabconts ul li div a, .recm_brand .tabconts ul li div a span{display:block}
.recm_brand .tabconts ul li div a{width:142px; height:184px; overflow:hidden}
.recm_brand .tabconts ul li div a img{border:1px solid #dadde4}
.recm_brand .tabconts ul li .thumb{border:1px solid #dadde4; width:140px; height:140px; text-align:center}
.recm_brand .tabconts ul li .tx1 {padding:9px 0 2px 0; text-align:left; color:#555}
.recm_brand .tabconts ul li .tx2 {padding:0 0 4px 10px}
.recm_brand .tabconts ul li .tx1, .tabconts ul li .tx2{font-size:11px}
.recm_brand .tabconts ul li .tx1 a, .tabconts ul li .tx2 a{color:#666}
.recm_brand .tabconts ul li .tx1 a:hover{text-decoration:underline}
.recm_brand .tabconts ul li .tx2 del {color:#888;  font-size:11px}
.recm_brand .tabconts ul li .tx2 span strong {color:#E10000}
.recm_brand .tabconts ul li .tx2 span {font-size:11px; color:#000}
.recm_brand .tabconts ul li .tx2{padding:0; font-size:12px;  color:#555}
.recm_brand .tabconts ul li .tx2 strong{color:#222; font-family:arial; font-size:15px; margin-left:3px; margin-right:2px; letter-spacing:-1px}
.recm_brand .tabconts ul li .tx2 a {}
.recm_brand .tabconts ul li div >a:hover .tx1{text-decoration:underline}
.recm_brand .tabconts ul li .balloon {font-size:11px; position:absolute; width:47px; height:46px; left:-10px; top:-7px; text-align:center; color:#E10000; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat 0 -669px; text-indent:-9999px}
.main_content .brand_shop{margin-top:0;  width:980px; height:305px; overflow:hidden}
.main_content .brand_shop h2 {background-position:0 -94px; border:none}

#column {width:980px; background:#6c7a9f;  position:relative; height:275px}
#column ul {position:relative;_zoom:1; padding-top:20px}
#column ul li a {color:#fff;display:block; width:114px; height:18px; line-height:18px; position:relative; padding-left:16px}
#column ul li.over {background:#8592af; padding-left:16px;  }
#column ul li.over a {padding-left:0;color:#fff}
#column ul li ul{display:none}
#column ul li.over ul {display:block}
#column ul li.over ul li {display:block; padding-left:0; height:280px}
#column .tit{width:114px; font-size:12px; height:21px;  line-height:22px; display:block; vertical-align:top; padding-top:3px}
#column .tit a{}
#column .con{overflow:hidden;border:1px solid #6c7a9f; border-left:0 none; position:absolute; top:0; width:849px; height:253px; left:130px; background:#fff}
#column .con .left{position:absolute; top:0}
#column .con .right{background:#fff; padding:29px 0 0 28px; position:absolute; top:1px; left:470px; width:344px; height:251px; overflow:hidden}
#column .bestprd_lst{width:344px; _zoom:1; height:280px; padding-top:0}

#column .bestprd_lst li {float:left; width:150px; height:230px; margin:0 0 0 33px; color:#000; position:relative;_zoom:1; background:#fff}
#column .bestprd_lst li:first-child{margin-left:0}
#column .bestprd_lst li div {text-align:center}
#column .bestprd_lst li .tx1 {padding:9px 0 0 0; display:block}
#column .bestprd_lst li .tx2 {padding:0 0 0 8px}
#column .bestprd_lst li .tx1, .bestprd_lst li .tx2{width:140px; font-size:11px}
#column .bestprd_lst li .tx2{width:140px; overflow:hidden; padding:0; font-size:12px;  color:#555}
#column .bestprd_lst li .tx2 del {color: #888;margin-left:0; font-size:11px}
#column .bestprd_lst li .tx2 span strong{color:#E10000}
#column .bestprd_lst li .tx2 span {font-size:11px; color:#000}
#column .bestprd_lst li .tx2 strong{color:#222; font-family:arial; font-size:15px; margin-left:3px; margin-right:2px; letter-spacing:-1px}
#column .bestprd_lst .balloon{width:31px; height:30px; position:absolute; right:0; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -761px -767px; text-indent:-9999px}
#column ul li.over .tit .arrow{background:url(http://www.officeplus.com/images/qubridge/common_new/sp_common.png) no-repeat 0 -148px;position:absolute; right:0; top:5px; width:4px; height:13px;display:block}
#column ul li.over .bestprd_lst a{width:140px; height:184px;background:none; display:block; color:#666;  text-align:left; font-size:11px;line-height:14px}
#column ul li.over .bestprd_lst a:hover .tx1{text-decoration:underline}

/*ºê·£µå¼¥*/
.brand_shop{width:980px;}
.brand_shop a{display:block;color:#282828;text-decoration:none;cursor:pointer;}
.brand_shop .skip {position:absolute;top:-5000px;visibility:hidden;width:0 !important;height:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;}
.brand_shop .shop_inner {overflow:hidden;position:relative;height:273px; background:#6c7a9f; border-top:1px solid #6c7a9f; border-bottom:1px solid #6c7a9f;border-right:1px solid #6c7a9f;}
.brand_shop .shop_inner dt {display:none;position:absolute;left:0;width:140px;height:24px; }
.brand_shop .shop_inner dt > a {font-size:12px; display: block;vertical-align: top; overflow:hidden;  line-height:22px; height:21px;padding:3px 10px 0;color:#fff; background-color:#6c7a9f;}
.brand_shop .shop_inner dt > a:hover,
.brand_shop .shop_inner dt > a.select {background: #8592af url(http://www.officeplus.com/images/qubridge/main/brand_shop/over.gif) no-repeat 0 0;}
.brand_shop .shop_inner dd {position:absolute;left:140px;top:0;width:840px;height:278px;}
.brand_shop .shop_inner dd > a {width:100%;height:278px;}
/*¸ÞÀÎ ºê·£µå¼¥ ÀÌÀü,ÀÌÈÄ ¹öÆ° */
.brand_shop .shop_inner > p {position:absolute;width:140px;text-align:center;background-color:#6c7a9f;}
.brand_shop .shop_inner p.btn_prev{left:0;top:2px; height:14px;}
.brand_shop .shop_inner p.btn_next {left:0;bottom:0; height:19px;}
.brand_shop .shop_inner p a {padding:0;text-indent:-10000px;background:url(http://www.officeplus.com/images/qubridge/main/brand_shop/brand_navi_prv.gif) no-repeat center center;}
.brand_shop .shop_inner p.btn_next a {background:url(http://www.officeplus.com/images/qubridge/main/brand_shop/brand_navi_nxt.gif) no-repeat center center;}
/*¸ÞÀÎ ºê·£µå¼¥ Àç»ý,¸ØÃã ¹öÆ°*/
.brand_shop .shop_inner p.btn_playStop {background-color:transparent; z-index:100;position:absolute;left:160px;bottom:10px;width:30px;height:25px;}
.brand_shop .shop_inner p.btn_playStop a {width:30px;height:25px;padding:0;text-indent:0;background:none;}
.event_num{visibility:hidden}
/*¸ÞÀÎ ºê·£µåº° º£½ºÆ®»óÇ°*/
.brand_shop .con{position:absolute; top:0;  left:0; width:840px; height:273px;background:#fff}
.brand_shop .con .left{position:absolute; top:0}
.brand_shop .con .right{background:#fff; padding:29px 0 0 28px; position:absolute; top:0; left:470px; width:344px; height:251px; overflow:hidden}
.brand_shop .con .right .bestprd{float:left; width:150px; height:230px; margin:0 0 0 33px; color:#000; position:relative;_zoom:1; background:#fff}
.brand_shop .con .right .fir{margin-left:0}
.bestprd .tx1 {padding:9px 0 0 0; display:block}
.bestprd .tx2 {padding:0 0 0 8px}
.bestprd .tx1, .bestprd .tx2{width:140px; font-size:11px; text-align:left;}
.bestprd .tx2{width:140px; overflow:hidden; padding:0; font-size:12px;  color:#555; background:#fff;}
.bestprd .tx2 del {color: #888;margin-left:0; font-size:11px}
.bestprd .tx2 span strong{color:#E10000}
.bestprd .tx2 span {font-size:11px; color:#000}
.bestprd .tx2 strong{color:#222; font-family:arial; font-size:15px; margin-left:3px; margin-right:2px; letter-spacing:-1px}
.bestprd_lst .balloon{width:31px; height:30px; position:absolute; right:0; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -761px -767px; text-indent:-9999px}
.bestprd a:hover .tx1{text-decoration:underline}
.bestprd a{width:140px;height: 184px; background: none;display: block; color: #666;text-align: left;font-size: 11px; line-height: 14px;}
/*//ºê·£µå¼¥*/

.main_content .news_area{width:980px; position:relative; font-size:11px; margin-top:55px}
.news_area h2{text-indent:-999em; overflow:hidden; width:244px;height:27px; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat 0 -136px}
.news_area ul{height:110px; background:url(http://www.officeplus.com/images/qubridge/common_new/dot2.png) repeat-x 0 bottom}
.news_area ul li{position:relative; overflow:hidden; line-height:25px; height:24px; vertical-align:middle; background:url(http://www.officeplus.com/images/qubridge/common_new/dot2.png) repeat-x 0 0; margin:0 0 0 5px; padding-top:3px}
.news_area ul li span, .news_area ul li a{float:left}
.news_area ul li a{color:#777; display:block; vertical-align:middle; font-size:11px; overflow:hidden}
.news_area ul li a:hover{color:#000}
.news_area .info{overflow:hidden; height:150px}
.news_area .more{text-indent:9999px;position:absolute; top:9px; left:63px; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_bt.png) no-repeat 0 -128px}
.news_area .notice, .main_content .news{width:242px; float:left; margin-left:26px; position:relative}
.news_area .notice{margin-left:0}
.notice ul li span{overflow:hidden;  text-indent:-9999px; display:block; width:40px; height:14px; margin:4px 0 0 0;background:url(http://www.officeplus.com/images/qubridge/common_new/sp_ico.png) no-repeat 0 0}
.notice ul li a{width:174px}
.notice .evt{background-position:0 -49px}
.notice .noti{background-position:0 -63px}
.news h2{background-position:0 -171px}
.news .more{left:111px}
.news span{color:#a9a9a9; margin-right:5px}
.news_area .btm_banner{position:absolute; top:-6px; right:0}
.news_area .btm_banner a{float:left; margin:0 0 0 14px}
.main_content .srvinfo{margin:30px auto 0; padding:0 0 0 18px; width:960px; overflow:hidden; position:relative; border:solid #e3e3e3;border-width:1px 1px 0 1px}
.srvinfo dl dt{font-weight:bold; color:#000}
.srvinfo dl a{font-size:11px; line-height:16px; height:15px; padding-top:3px; letter-spacing:-1px; color:#444; display:block}
.srvinfo dl a:hover{text-decoration:underline}
.srvinfo .cs, .srvinfo .tos, .srvinfo .lst{float:left; width:198px; height:179px; border-left:1px solid #e3e3e3; padding:0 0 17px 0}
.srvinfo .cs, .srvinfo .tos{width:180px}
.srvinfo .cs, .srvinfo .tos{background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat 0 0; height:179px}
.srvinfo .cs{background-position:0 -241px; border-left:0; width:143px; overflow:hidden; margin-right:19px}
.srvinfo .cs dl{width:143px; overflow:hidden}
.srvinfo .cs dt, .srvinfo .tos dd{text-indent:-9999px}
.srvinfo .cs dt{width:97px; height:37px}
.srvinfo .cs dd{}
.srvinfo .cs dd a, .srvinfo .tos dt a{display:block; height:36px; text-indent:-9999px}
.srvinfo .cs dd a{padding-top:0}
.srvinfo .cs dd a.bt_view{position:absolute; top:15px; left:123px; width:38px; height:15px; display:block}
.srvinfo .cs dd a:hover.bt_view{background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -248px -256px}
.srvinfo .cs dd ul li a:hover{background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat -144px -278px; margin-left:1px}
.srvinfo .cs dd ul li + li a:hover{background-position:-144px -314px}
.srvinfo .cs dd ul li + li + li a:hover{background-position:-144px -350px}
.srvinfo .cs dd ul li + li + li + li a:hover{background-position:-144px -386px}
.srvinfo .tos{background-position:0 -434px; width:182px}
.srvinfo .tos dt a{height:70px}
.srvinfo .lst{width:204px}
.srvinfo .lst dl{padding:25px 0 0 21px}
.srvinfo .lst dl dt{background:url(http://www.officeplus.com/images/qubridge/common_new/sp_main.png) no-repeat}
.srvinfo .lst dl dt.a-tit{background:url(/images/qubridge/common_new/a_tit.png) no-repeat}
.srvinfo .lst dl dt{text-indent:-9999px; height:18px}
.srvinfo .lst dl dt.tit_srv1{	background-position:0 -773px}
.srvinfo .lst dl dt.tit_srv2{background-position:0 -811px}
.srvinfo .lst dl dt.tit_srv3{background-position:0 -849px}
.srvinfo .lst dl dt.tit_srv4{background-position:0 -887px}
.srvinfo .lst dl dt.tit_srv5{background-position:0 -926px}
.srvinfo .lst dl dd{margin-top:5px}
.srvinfo .lst dl:first-child{padding-top:20px}


/*20160615_ÇÏ´ÜÀå¹è³Ê·Ñ¸µ½ºÅ¸ÀϼöÁ¤*/
.mdbanner{height:180px;}
.banner_slide{position:relative;}
.banner_slide #p_click3, .banner_slide #n_click3{position:absolute; top:43px; cursor:pointer; display:block; width:19px; height:35px;}
.banner_slide #p_click3{left:15px;}
.banner_slide #n_click3{left: 945px;}
#srolling3{position:relative;overflow:hidden;width:980px;height:280px;}
#srolling_bullet{display:none;}

/* ¿ÀÇÇ_2017¸ÞÀΰ³Æí */
.main_content .getdeal{width:980px;margin:50px auto 0;position: relative;}
.main_content .getdeal .getdeal-arrow{position:absolute;top:-19px;left:-35px;z-index:999;}
.main_content .getdeal .getdeal-tit-box{width:981px;height:37px;background:#eff0f2;*zoom:1;}
.main_content .getdeal .getdeal-tit-box:after{display:block;content:"";clear:both;}
.main_content .getdeal .getdeal-tit-box .getdeal_tit{margin-top:-5px;}
.main_content .getdeal .getdeal-tit-box .date-box{float:right;padding:12px 16px 0 0;}
.main_content .getdeal ul.item_list{*zoom:1;border:0;}
.main_content .getdeal ul.item_list:after{display:block;content:"";clear:both;}
.main_content .getdeal ul.item_list{width:981px;}
.main_content .getdeal ul.item_list li {float: left;position: relative;width: 244px;height: 348px;padding:0;border: solid #c3c3c3;border-width: 0 0 1px 1px;}
.main_content .getdeal ul.item_list li:after{display:block;content:"";clear:both;}
.main_content .getdeal ul.item_list li a{width: 184px;height: 273px;padding: 45px 30px 30px 30px; ;}
.main_content .getdeal ul.item_list li .thumb{width:185px;height:185px;overflow:hidden;margin:0;}
.main_content .getdeal ul.item_list li .prd_code{margin-top:15px;background: #ececec;color:#777;}
.main_content .getdeal ul.item_list li .title{line-height: 17px;font-family:'dotum';}
.main_content .getdeal ul.item_list li .price-box{float:left;display: inline-block;margin: 0px;vertical-align: top;font-family:'dotum';}
.main_content .getdeal ul.item_list li .price-box:after{display:block;content:"";clear:both;}
/* 190110 ¼öÁ¤ */
.main_content .getdeal ul.item_list li .price-box .price{ float: left;display: block;margin:0 5px 0 0;text-decoration: line-through;color: #777;font-size: 14px;}
.main_content .getdeal ul.item_list li .price-box .price-discount{float: left;color: #ff4546;font-size:18px;font-weight:bold;letter-spacing: -1px;}
/* 190110 ¼öÁ¤ */
.main_content .getdeal ul.item_list li .in{width:184px;}
.main_content .getdeal ul.item_list li .getdeal-sticker{position:absolute;top:35px;right:25px;width:65px;height:65px;background:url('/images/qubridge/common_new/ico_geatdeal_sticker.png');color:#ff4f4f;font-family:arial;font-weight:bold;}
.main_content .getdeal ul.item_list li .getdeal-sticker .num-box{position:absolute;top:30px;right:11px;}
.main_content .getdeal ul.item_list li .getdeal-sticker .num-box:after{display:block;content:"";clear:both;}
.main_content .getdeal ul.item_list li .getdeal-sticker .num-box span{float:left;}
.main_content .getdeal ul.item_list li .getdeal-sticker .num{font-size:22px;}
.main_content .getdeal ul.item_list li .getdeal-sticker .per{margin-top:3px;vertical-align:top;font-size:18px;}
.main_content .getdeal ul.item_list li .soldout{display:none;position: absolute;top: 45px;left: 30px;width:185px;height:185px;background:url('/images/qubridge/common_new/soldout.png')}
.main_content .getdeal ul.item_list li .limit-txt{position:absolute;top:6px;right:6px;font-size:11px;color:#adadad;}
.main_content .getdeal ul.item_list .bd-top{border-top:1px solid #c3c3c3;}
.main_content .getdeal ul.item_list #select-bx-1,.main_content .getdeal ul.item_list #select-bx-2,.main_content .getdeal ul.item_list #select-bx-3,.main_content .getdeal ul.item_list #select-bx-4{border-top:1px solid #c3c3c3;}
.main_content .getdeal ul.item_list #select-bx-4,.main_content .getdeal ul.item_list #select-bx-8,.main_content .getdeal ul.item_list #select-bx-12{border-right:1px solid #c3c3c3;}
.main_content .getdeal ul.item_list .box-bd{content:'';display:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:20;border:1px solid #f65658}
.main_content .getdeal ul.item_list .over .box-bd{display:block}
.main_content .getdeal ul.item_list .over .prd_code{background:#f65658;color:#fff;}
.main_content .b-box-wrap{position:relative;width:980px;height:330px;margin:30px auto 65px;}
.main_content .b-box-wrap:after{display:block;content:"";clear:both;}
.main_content .b-box-1{float:left;width:710px;height:100%;margin-right:25px;}
.main_content .b-box-2{float:left;width:245px;height:100%;}
.main_content .b-box-2 .ban2{position:absolute;}
.main_content .b-box-2 .biz-banner{margin-bottom:20px;}
.main_content .b-box-2 .biz-banner ul{position:relative;height:155px;}
.main_content .b-box-1 .pro-banner{position:relative; width: 710px; height: 330px; overflow: hidden;}
.main_content .b-box-1 .pro-banner .selectBan {position:absolute;bottom:19px; right: 19px;}
.main_content .b-box-1 .pro-banner .selectBan:after{display:block;content: "";clear:both;}
.main_content .b-box-1 .pro-banner .selectBan li {display: block;float: left;width: 14px;height: 14px;overflow: hidden;cursor: pointer;display: inline;margin: 0 7px 0 0;}
.long-bn-wrap{width:100%;height:90px;margin: 80px auto 50px;background:#ffe2ec;}
.long-bn-wrap .long-bn{width:980px;margin:0 auto;}
.long-bn-wrap .long-bn img{margin-top:-30px;}
/* //¿ÀÇÇ_2017¸ÞÀΰ³Æí */


/* 201810_¸ÞÀÎ '±âÇÁÆ®¾ØÇ÷¯½º_Ãßõ»óÇ°'*/
.main_recommend_wrap{float:left; width:980px; height:auto; margin-bottom:50px;}

.goods_wrap{float:left; width:980px; height:306px; margin-bottom:20px;}
.g_goods{float:left; width:180px; height:306px; margin-right:20px;}
.g_goods a:hover{color:#7c4fbf;}
.g_goods ul:hover{color:#7c4fbf; cursor:pointer;}
.zoom_image{float:left; width:180px; height:306px; background:#ffffff; margin-bottom:36px;}
.zoom_image img{width:180px; height:180px; overflow:hidden; float:left; z-index:100;}
.zoom_image ul .prod_box{float:left; width:180px; height:100px; z-index:400;font-family:Roboto-Medium,NanumBarunGothicBold,dotum,sans-serif;}
.zoom_image ul .prod_box p.code_num{font-weight:bold; font-size:11px; color:#713ef3; margin-bottom:4px; margin-top:20px;}
.zoom_image ul .prod_box p.tit_name{float:left; width:180px; height:30px; letter-spacing:-0.5px; background:#ffffff; margin-bottom:12px;}
.zoom_image ul .prod_box p.price_info{float:left; font-size:17px;}
.zoom_image ul .prod_box p.price_info b{font-family:Roboto-Medium,sans-serif;}
.zoom_image ul .prod_box p.price_info span.won{font-size:12px; color:#555;}
.zoom_image ul .prod_box p.price_info span.price{float:left; font-size:12px; float:right; margin-left:10px; margin-top:10px; color:#999; text-decoration:line-through;}






/* 201810_¸ÞÀÎ '±âÇÁÆ®¾ØÇ÷¯½º_ÆäÀÌ¡ ¿µ¿ª'*/
#paging_wrap{float:right; width:auto; height:50px; margin-top:10px;}
#paging{margin:0 auto;}
#paging > ul {list-style-type:none;}
#paging > ul li {font-size: 1.2em; font-weight:bold; line-height:1em; display:inline-block; cursor:pointer; width:15px; height:15px; border:1px solid #ccc; padding:10px; float:left; text-align:center; margin-left:4px; font-family:"Noto Sans Korean", "Malgun Gothic", Arial, Helvetica, serif , sans-serif;}
#paging > ul > li:hover {/*background: #fbfbfb;*//*font-weight:bold;*/color: #a09bec; font-family:"Noto Sans Korean", "Malgun Gothic", Arial, Helvetica, serif , sans-serif;}
#paging > ul > li.selected {color: #fff; font-size:1.2em; background:#333; font-weight:none; font-weight:bold; cursor:default; font-family:"Noto Sans Korean", "Malgun Gothic", Arial, Helvetica, serif , sans-serif;}
#paging > ul li.next {font-size: 18px; line-height:0.7em;}
#paging > ul li.last {font-size: 18px; border-right:1px solid #ccc; line-height:0.7em;} 
#paging > ul li.first {font-size: 18px; line-height:0.7em;}
#paging > ul li.previous {font-size: 18px; line-height:0.7em;}


/* 201810_·Ñ¸µ¹è³Ê Àüü¿µ¿ª */
.bx-wrapper .bx-viewport {	/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform:translatez(0);transform: translatez(0);}
.bx-wrapper .bx-viewport ul {margin:0px; padding:0px;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;	bottom: 10px; width:auto;}

/* 201810_·Ñ¸µ¹è³Ê in btn¿µ¿ª*/

.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #ccc;padding-top: 20px;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {background: #ccc;text-indent: -9999px;display: block;	width: 13px; height: 13px;margin: 0 4px; outline: 0;	-moz-border-radius: 5px;-webkit-border-radius: 5px;	border-radius: 20px;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}

/* 201810_·Ñ¸µ¹è³Ê ÁÂ¿ì ¹öÆ°(NEXT / PREV) */

.bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;}
.bx-wrapper img { max-width: 980px; display: block;}
.bxslider { margin: 0; padding: 0;}
ul.bxslider { list-style: none;}
.bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0);}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 730px;}
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url('images/bx_loader.gif') center center no-repeat #ffffff; height: 278px; width: 980px; position: absolute; top: 0; left: 0; z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 13px; height: 13px;  margin: 0 4px; outline: 0; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
/*.bx-wrapper .bx-pager.bx-default-pager a:hover,*/
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #605baf;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0;}


/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { position: absolute; top:330px; right:270px; width: auto; height:30px; z-index:1; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute;  bottom: 0; left: 0; background: #666;  background: rgba(80, 80, 80, 0.75); width: 980PX;}
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; font-size: .85em; padding: 10px;}


/* 201810_¸ÞÀÎ ÇÁ·Î¸ð¼Ç ¿µ¿ª(1~2¹ø°) */
.t_item_line{display:block; float:right; width:236px; height:280px;}
.t_item_line ul li{float:left; width:234px; height:132px; border:1px solid #efeef6; cursor:pointer; cursor:pointer;}
.t_item_line ul li:hover{border:1px solid #403c82; cursor:pointer;}
.sec:nth-child(2){
	margin-top:12px; color:red;
}

/* 201810_¸ÞÀÎ º°µµ Ä«Å×°í¸® ¿µ¿ª(8°³) */

.gmmain_cate{float:left; width:980px; height:88px; margin-top:14px;}
/* 201810_30 ¼öÁ¤ */
.gmmain_cate ul li{position:relative; float:left; width:109px; height:86px; border:1px solid #efeef6; color:#403c82; margin-right:10px; cursor:pointer; text-align: center; font-size:13px; z-index:100 font-family:'³ª´®¹Ù¸¥°íµñ',NanumBarunGothic,'Apple SD Gothic Neo',AppleGothic,'µ¸¿ò',Dotum,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif};}
.gmmain_cate ul li img{width:109px; height:86px; z-index:100;}

.gmmain_cate ul li.f1 span{float:left; width:35px; height:30px; margin:17px 0 0 38px; background: url('http://www.officeplus.com/images/giftnplus/event/gift_icon_01_off.jpg') no-repeat;}
.gmmain_cate ul li.f1 span a:hover{float:left; width:36px; height:86px; z-index:500; color:#7c4fbf; background: url('http://giftnplus.officeplus.com/images/giftnplus/event/gift_icon_01_on.jpg') no-repeat;}
.gmmain_cate ul li.f1 span a p{position:absolute; top:0px; left:0px; width:100%; height:100px; font-size:12px; text-align:center; z-index:1; line-height:11.1em;}
.gmmain_cate ul li.f2 span{float:left; width:35px; height:30px; margin:17px 0 0 38px; background: url('http://www.officeplus.com/images/giftnplus/event/gift_icon_02_off.jpg') no-repeat;}
.gmmain_cate ul li.f2 span a:hover{float:left; width:36px; height:86px; z-index:500; color:#7c4fbf; background: url('http://giftnplus.officeplus.com/images/giftnplus/event/gift_icon_02_on.jpg') no-repeat;}
.gmmain_cate ul li.f2 span a p{position:absolute; top:0px; left:0px; width:100%; height:100px; font-size:12px; text-align:center; z-index:1; line-height:11.1em;}
.gmmain_cate ul li.f3 span{float:left; width:35px; height:30px; margin:17px 0 0 38px; background: url('http://www.officeplus.com/images/giftnplus/event/gift_icon_03_off.jpg') no-repeat;}
.gmmain_cate ul li.f3 span a:hover{float:left; width:36px; height:86px; z-index:500; color:#7c4fbf; background: url('http://giftnplus.officeplus.com/images/giftnplus/event/gift_icon_03_on.jpg') no-repeat;}
.gmmain_cate ul li.f3 span a p{position:absolute; top:0px; left:0px; width:100%; height:100px; font-size:12px; text-align:center; z-index:1; line-height:11.1em;}
.gmmain_cate ul li.f4 span{float:left; width:35px; height:30px; margin:17px 0 0 38px; background: url('http://www.officeplus.com/images/giftnplus/event/gift_icon_04_off.jpg') no-repeat;}
.gmmain_cate ul li.f4 span a:hover{float:left; width:36px; height:86px; z-index:500; color:#7c4fbf; background: url('http://giftnplus.officeplus.com/images/giftnplus/event/gift_icon_04_on.jpg') no-repeat;}
.gmmain_cate ul li.f4 span a p{position:absolute; top:0px; left:0px; width:100%; height:100px; font-size:12px; text-align:center; z-index:1; line-height:11.1em;}
.gmmain_cate ul li.f5 span{float:left; width:35px; height:30px; margin:17px 0 0 38px; background: url('http://www.officeplus.com/images/giftnplus/event/gift_icon_05_off.jpg') no-repeat;}
.gmmain_cate ul li.f5 span a:hover{float:left; width:36px; height:86px; z-index:500; color:#7c4fbf; background: url('http://giftnplus.officeplus.com/images/giftnplus/event/gift_icon_05_on.jpg') no-repeat;}
.gmmain_cate ul li.f5 span a p{position:absolute; top:0px; left:0px; width:100%; height:100px; font-size:12px; text-align:center; z-index:1; line-height:11.1em;}
.gmmain_cate ul li.f6 span{float:left; width:35px; height:30px; margin:17px 0 0 38px; background: url('http://www.officeplus.com/images/giftnplus/event/gift_icon_06_off.jpg') no-repeat;}
.gmmain_cate ul li.f6 span a:hover{float:left; width:36px; height:86px; z-index:500; color:#7c4fbf; background: url('http://giftnplus.officeplus.com/images/giftnplus/event/gift_icon_06_on.jpg') no-repeat;}
.gmmain_cate ul li.f6 span a p{position:absolute; top:0px; left:0px; width:100%; height:100px; font-size:12px; text-align:center; z-index:1; line-height:11.1em;}
.gmmain_cate ul li.f7 span{float:left; width:35px; height:30px; margin:17px 0 0 38px; background: url('http://www.officeplus.com/images/giftnplus/event/gift_icon_07_off.jpg') no-repeat;}
.gmmain_cate ul li.f7 span a:hover{float:left; width:36px; height:86px; z-index:500; color:#7c4fbf; background: url('http://giftnplus.officeplus.com/images/giftnplus/event/gift_icon_07_on.jpg') no-repeat;}
.gmmain_cate ul li.f7 span a p{position:absolute; top:0px; left:0px; width:100%; height:100px; font-size:12px; text-align:center; z-index:1; line-height:11.1em;}
.gmmain_cate ul li.f8 span{float:left; width:35px; height:30px; margin:17px 0 0 38px; background: url('http://www.officeplus.com/images/giftnplus/event/gift_icon_08_off.jpg') no-repeat;}
.gmmain_cate ul li.f8 span a:hover{float:left; width:36px; height:86px; z-index:500; color:#7c4fbf; background: url('http://giftnplus.officeplus.com/images/giftnplus/event/gift_icon_08_on.jpg') no-repeat;}
.gmmain_cate ul li.f8 span a p{position:absolute; top:0px; left:0px; width:100%; height:100px; font-size:12px; text-align:center; z-index:1; line-height:11.1em;}

.gmmain_cate ul li:hover{color:#7c4fbf;}
/* 201810_30 ¼öÁ¤ */
.gmmain_cate ul li:hover{border:1px solid #322c98;}
.gmmain_cate ul li span{float:left; width:68px; height:68px;}
.f1:nth-child(1){
	margin-left:10px;
}
.f8:nth-child(8){
	
}


/* 201810_¸ÞÀÎ '±âÇÁÆ®¾ØÇ÷¯½º/Ãßõ»óÇ°' ÅؽºÆ® ¿µ¿ª */
.m_txt_tit{float:left; width:980px; height:78px; margin-top:30px; margin-bottom:24px; text-align:center; font-size:22px; font-weight:bold; color:#000; font-family:'³ª´®¹Ù¸¥°íµñ',NanumBarunGothic,'Apple SD Gothic Neo',AppleGothic,'µ¸¿ò',Dotum,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif}
.m_txt_tit ul li{float:left;}
.m_txt_tit ul li.gift_m_tit{font-size:24px; font-weight:bold; color:#333; margin-top:-3px;}
.m_txt_tit ul li.m_line{width:1px; height:18px; background:#ccc; margin:1px 12px;}
.m_txt_tit ul li.recommend_tit{font-weight:bold; color:#605baf; font-size:18px;}


.ce3:hover{float:left; width:183px; border:1px solid red; box-sizing:border-box;}

.ssz{float:left; width:161px; min-height:52px; overflow:hidden; background:red; font-size:14px; font-weight:bold; text-align:justify; letter-spacing:-1px; color:#222; margin:10px 0;}
.ssz span a{color:#fff; font-size:14px; font-weight:bold; text-align:justify; letter-spacing:-1px; color:#333;}
.ssz span a:hover{color:#fff; font-size:14px; font-weight:bold; text-align:justify; letter-spacing:-1px; color:pink;}
.fddsa ul li{float:left;}


/* 201810_29 ¼öÁ¤ ¸ÞÀÎ ±âÇÁÆ®¾ØÇ÷¯½º ·Ñ¸µ¹è³Ê */
.slide, .slidectrl { list-style:none; padding:0; margin:0;}
.slidebox { width:730px; overflow:hidden; position:relative; height:278px; }
.slide{ width: 3660px; height: 278px; position: absolute;left: 0;}
/* 2018_12_13 ¼öÁ¤ */
.slide li{display: inline-block; height: 278px;text-align: center;color: white;font-size: 10px;line-height: 150px;margin-right: -3.5px;}
/* 2018_12_13 ¼öÁ¤ */  
.slidectrl { width:730px; text-align:center; margin:60px 0; position:absolute; top:190px; height:50px;}
.slidectrl li {display:inline-block; }
.slidectrl ul.slidepos li{width:10px; height:10px; background:#fff; border-radius:30px; cursor:pointer;}


/* 201904 ¼öÁ¤ */

/* ¸ÞÀÎ ½½¶óÀ̵å */
.gmmain_slide{position:relative; float:left; width:980px; height:380px; margin-top:16px; overflow:hidden;}
.in_slider span.txt_cover{position:absolute; z-index:400; left:0; top:380px; width:100px; height:12px; background:#fff;}

.gmmain_wrap{float:left; width:980px; height:380px;}
.gmmain_wrap p.gmmain_l{float:left; width:729px; height:380px; cursor:pointer;}
.gmmain_wrap p.gmmain_l a{float:left; width:729px; height:380px;}
.gmmain_wrap p.gmmain_l a img{float:left; width:729px; height:380px;}

.gmmain_wrap p.gmmain_r{float:left; width:251px; height:380px; cursor:pointer;}
.gmmain_wrap p.gmmain_r a{float:left; width:251px; height:380px;}
.gmmain_wrap p.gmmain_r a img{float:left; width:251px; height:380px;}

/* ¸ÞÀÎ ÇÁ·Î¸ð¼Ç 4°³ */
.gmmain_promotion{position:relative; float:left; width:980px; height:250px; margin-top:12px; background:#ffffff;}
.gmmain_promotion ul li{float:left; width:236px; height:162px; border-top:2px solid #333; margin-right:12px; cursor:pointer; background:#f5f5f5;}
.gmmain_promotion ul li:hover{ border-top:2px solid #6e67dd; cursor:pointer;}
.gmmain_promotion ul li.cho{float:right; margin-right:0px;}
.discount_icon{position:absolute; width:46px; height:46px;}

.gmbar{float:left; width:980px; height:4px; background:#f0f0f0; margin-bottom:2px; margin-top:14px;}
.seller_item{position:absolute; top:164px; width:236px; height:74px; background:#fff;}
.seller_item p.item_tit{font-size:13px; letter-spacing:-1px; font-weight:bold; color:#333; width:100%; height:20px; text-align:center; margin-top:12px;}
.seller_item p.item_info{width:100%; height:16px; text-align:center; margin-top:5px; color:#333;}
.seller_item p.item_info span.fix_price{color:#999; margin-right:10px; font-size:12px; text-decoration:line-through;}
.seller_item p.item_info span.sale_price{color:#333; font-size:22px; letter-spacing:-1px; font-family:Roboto-Medium,sans-serif; font-weight:bold;}
.seller_item p.item_info span.txt_line{position:absolute; top:36px; left:107px; width:20px; height:1px; background:#333;}
.seller_item p.item_info span.txt_won{font-size:13px; margin-left:-2px;}

/* 201904 ¼öÁ¤ end */

/* 191105 Ãß°¡ ¼öÁ¤ */
.npay_pointcolor{ color: #00c73c !important;}
.npay_storebtn_bx,
.npay_button_box,
.npay_button_box2,
.npay_storebtn_bx *,
.npay_button_box *,
.npay_button_box2 *{display:block !important;overflow:hidden !important;float:none !important;position:static !important;top:auto !important;left:auto !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 none !important;font-size:12px !important;line-height:21px !important;font-family:'µ¸¿ò',Dotum,Helvetica,sans-serif !important;text-align:left !important;text-decoration:none !important;vertical-align:top !important;background:none !important;border-radius:0 !important}
.npay_storebtn_bx{display:inline-block !important; width:225px !important; height:88px !important;}
/* //191105 Ãß°¡ ¼öÁ¤ */