/* reset */
html,
body,
h1, h2, h3, h4, h5, h6, h7,
ul, ol, li, dl, dt, dd,
div, p, adress, span, em, strong, big, small, b, u, blockquote, pre,
table, abbr, caption, thead, tfoot, tbody, tr, th, td,
img,
a,
form, fieldset, legend, label, input, button, select, option, textarea{margin:0; padding:0}
h1, h2, h3, h4, h5, h6, h7{font-size:1em}
ul, ol, li{list-style:none}
table{border-spacing:0; border-collapse:collapse; table-layout:fixed}
address, em, strong{font-style:normal}
img, fieldset, form{border:0}
/*img{vertical-align:top}*/
input, select, div.selector, button{vertical-align:middle}
hr{display:none}

caption{visibility:hidden; overflow:hidden; font-size:1%; line-height:1%}
legend, .accessibility, .blind, .hide{visibility:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:1%; line-height:1%}
.wrap{overflow:hidden; zoom:1}
.border{border:1px solid red}
/** html .png24{position:relative; tmp:expression(setPng24(this))}*/ /* for IE */
small{font-size:11px}

html, body{background:#fff; font-family:���� Dotum,arial,verdana; color:#414141; border:1px;font-size:12px;font-weight: normal; }
body{overflow-y:scroll; *overflow-y:none; }
input, select{font-family: Dotum,arial,verdana; color:#414141;font-size:12px;}
select{border:1px solid #ccc}

div.selector{position:relative; z-index:1}
div.selector,
div.selector span{overflow:hidden; display:inline-block; -webkit-font-smoothing: antialiased}
div.selector{*display:inline; position:relative; border:1px solid #ccc; background:#fff url(/images/qubridge/btn/btn_select.gif) no-repeat right 0}
div.selector span{position:absolute; top:0; left:5px; height:19px; line-height:19px; color:#666; white-space:nowrap; cursor:pointer}
div.selector select{position:relative; z-index:1; width:auto; height:19px; background:none; opacity:0; filter:alpha(opacity:0); border:none}

div.selector_g{position:relative; z-index:1}
div.selector_g,
div.selector_g span{overflow:hidden; display:inline-block; -webkit-font-smoothing: antialiased}
div.selector_g{*display:inline; position:relative; border:1px solid #cae0ae; background:#fff url(/images/qubridge/btn/btn_select_g.gif) no-repeat right 0}
div.selector_g span{position:absolute; top:0; left:5px; height:19px; font-size:11px; line-height:19px; color:#000; white-space:nowrap; cursor:pointer}
div.selector_g select{position:relative; z-index:1; width:auto; height:19px; background:none; opacity:0; filter:alpha(opacity:0); border:none}
div.selector_g select option{font-size:11px; color:#000}

div.selector2{position:relative; z-index:1}
div.selector2,
div.selector2 span{overflow:hidden; display:inline-block; vertical-align:top; -webkit-font-smoothing: antialiased}
div.selector2{*display:inline; position:relative; border:1px solid #ccc; background:#fff url(/images/qubridge/btn/btn_select.gif) no-repeat right 3px}
div.selector2 span{position:absolute; top:0; left:5px; height:27px; line-height:27px; color:#666; white-space:nowrap; cursor:pointer}
div.selector2.disabled span{color:#bbb}
div.selector2 select{position:relative; z-index:1; width:auto; height:27px; background:none; opacity:0; filter:alpha(opacity:0); border:none}

input.text{padding:1px; height:17px; line-height:17px; border:1px solid #ccc}
input.text2{padding:2px 1px; height:17px; line-height:17px; background:#e5f3fa; border-top:1px solid #c1ccd3; border-left:1px solid #c1ccd3; border-bottom:1px solid #e5f3fa; border-right:1px solid #e5f3fa}
input.text3{padding:1px; height:17px; line-height:17px; border:1px solid #02b0bf}
input.radio,
input.check{margin-right:5px; width:13px; height:13px}
input.file{width:100%; height:20px}
textarea{overflow-x:hidden; overflow-y:scroll; padding:2px; font:normal 12px/1.2 ,dotum,arial,verdana; color:#414141; border:1px solid #ccc}

/* paging */
.paging{clear:both; overflow:hidden; zoom:1; display:block; margin-top:10px; height:18px; text-align:center}
.paging a{position:relative; z-index:1; padding:0 14px 0 11px; font-weight:bold; font-size:14px; line-height:18px; background:url(/images/qubridge/common/bg_paging.gif) no-repeat right top}
.paging a:link,
.paging a:visited{color:#ababab}
.paging a:hover,
.paging a.active{color:#ff4e00; text-decoration:none}
.paging a.prev,
.paging a.next{padding:0; background:none}
.paging a.first,
.paging a.last{padding:0 2px; font-size:11px; background:none}
.paging a.none{padding:0 10px; background:none}

.paging_round{clear:both; zoom:1; display:block; margin-top:10px; height:12px; text-align:center}
.paging_round a{padding:0 8px 0 4px; font-size:12px; color:#000; border-right:1px solid #000}
.paging_round a.active{font-weight:bold; color:#f00}
.paging_round a.none{border:0}
.paging_round a.prev,
.paging_round a.next{padding:0; border:0}
.paging_round a img{vertical-align:middle}

/* apart */
.clear{clear:both !important}
.noClear{clear:none !important}
.inline{display:inline !important}
.block{display:block !important}
.inlock{display:inline-block !important}

.fLt{float:left !important}
.fRt{float:right !important}
.lt{text-align:left !important}
.ct{text-align:center !important}
.rt{text-align:right !important}

.bold{font-weight:bold !important}
.normal{font-weight:normal !important}
.f12{font-size:12px !important}
.f11{font-size:11px !important}

.scroll{overflow-x:hidden; overflow-y:scroll;
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#999999;
scrollbar-track-color:#f7f7f7;
scrollbar-darkshadow-color:#999999;
scrollbar-face-color:#eeeeee;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#eeeeee}
.noBG{background:none !important}
.br{display:block !important; margin-top:5px !important}
.mt50{margin-top:50px !important}

#click_close{position:fixed; _position:absolute; z-index:99; bottom:0; margin-left:50%; left:-134px; width:624px; height:44px;  background:url(/images/qubridge/common/bg_clickClose.gif) no-repeat}
*html #click_close{top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight))}
#click_close .btn{position:absolute; top:15px; right:35px}
#click_close .btn a{margin-left:5px}
#click_close p{padding:16px 0 0 90px; font-weight:bold; font-size:16px; color:#000}
#click_open{position:fixed; _position:absolute; z-index:99; bottom:0; margin-left:50%; left:-134px; width:624px; height:131px;  background:url(/images/qubridge/common/bg_clickOpen.gif) no-repeat}
*html #click_open{top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight))}
#click_open .btn{position:absolute; top:15px; right:35px}
#click_open .btn a{margin-left:5px}
#click_open .header p{padding:16px 0 0 90px; height:29px; font-weight:bold; font-size:16px; color:#000}
#click_open .cont{clear:both; position:relative; padding-left:3px}
#click_open .cont .banner{width:530px; height:86px}
#click_open .cont .btns{position:absolute; top:0; right:0}
#click_open .cont .btns a{display:block; padding-left:25px; width:65px; height:24px; ; font-weight:bold; line-height:24px; color:#2aba97}
#click_open .cont .btns a:hover,
#click_open .cont .btns a.cart{color:#f00}
#click_open .cont .btns a.cart:hover{color:#000}
#click_open .cont .class{float:left; padding:7px 0 0 22px; width:97px}
#click_open .cont ul{float:left; padding:7px 0 0 0}
#click_open .cont ul li{padding-left:8px; line-height:22px; color:#6a7376;  background:url(/images/qubridge/ico/bul_arr16.gif) no-repeat 0 6px}
#click_open .cont ul li strong{color:#0da199}
#click_open .cont ul li img{vertical-align:middle}
#click_mini{position:fixed; _position:absolute; z-index:99; bottom:0; margin-left:50%; left:416px}
*html #click_mini{top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight))}

.titArea{clear:both; position:relative; padding-top:25px; width:980px; background:#f1f1f1 url(/images/qubridge/category/bg_titArea.gif) repeat-x 0 top}
.titArea .inner{overflow:hidden; padding-bottom:20px; width:100%;  background:url(/images/qubridge/category/bg_titArea.gif) repeat-x 0 bottom}
.titArea h1,
.titArea .title{display:inline; float:left; margin:0 15px; padding:0 0 5px 10px; font-size:16px; color:#ef2828; }
.titArea p{overflow:hidden; display:inline; float:left; margin-top:5px; font-size:11px; color:#969696}
.titArea ul{overflow:hidden; display:inline; margin:2px 0 0 15px}
.titArea li{display:inline; float:left; margin:3px 0 5px; padding:0 11px; font-size:11px; line-height:13px; white-space:nowrap; border-right:1px solid #969696}
.titArea li a{color:#969696}
.titArea li a:hover{color:#ef2828}
.titArea .btn{position:absolute; top:20px; right:15px}
.titArea .tit{text-align:center}
/* 190110 ¼öÁ¤ */
.titArea .tit h1,
.titArea .tit .title{float:none; color:#222222;}
.titArea .tit h1 strong,
.titArea .tit .title strong{color:#ff4546}
/* 190110 ¼öÁ¤ */
.titArea .txt{text-align:center}
.titArea .txt h1{line-height:30px;}
.titArea .txt h1,
.titArea .txt .title{float:none; padding:0; font-weight:normal; font-size:12px; color:#4f4f4f; background:none}
.titArea .txt h1 strong,
.titArea .txt .title strong{font-size:14px}
.titArea .txt h1 em{font-weight:bold; color:#ff0000}
.titArea fieldset{clear:both; margin-top:20px}
.titArea fieldset *{vertical-align:middle}
/* 190110 ¼öÁ¤ */
.titArea fieldset input.text{margin-right:-6px; width:242px; padding:4px; background:#ffffff; border:2px solid #cccccc;}
/* 190110 ¼öÁ¤ */
*:first-child+html .titArea fieldset input.text, *:first-child+html .titArea fieldset img{margin-top:-1px}

.titArea_normal{clear:both; position:relative; padding-top:17px; width:980px; background:#f1f1f1 url(/images/qubridge/category/bg_titArea_normal.gif) repeat-x 0 top}
.titArea_normal .inner{overflow:hidden; padding-bottom:17px; width:100%;  background:url(/images/qubridge/category/bg_titArea_normal.gif) repeat-x 0 bottom}
.titArea_normal h1{display:inline; float:left; padding-left:17px; width:930px; font-size:14px; color:#0092be}
.titArea_normal h1 img{display:inline; float:left; margin:0 5px 0 0}
.titArea_normal h1 span.ico{float:left; margin:0 5px 0 0}
.titArea_normal h1 span.tit{float:left; width:860px}

.titArea_direct{clear:both; position:relative; padding-top:17px; width:980px; background:#f1f1f1 url(/images/qubridge/category/bg_titArea_direct.gif) no-repeat 0 top}
.titArea_direct .inner{overflow:hidden; padding-bottom:17px; width:100%;  background:url(/images/qubridge/category/bg_titArea_direct.gif) no-repeat 0 bottom}
/* 190110 ¼öÁ¤ */
.titArea_direct h1{display:inline; float:left; padding-left:14px; width:669px; font-size:16px; color:#222222;}
/* 190110 ¼öÁ¤ */
.titArea_direct h1 img{display:inline; float:left; margin:0 5px 0 0}
.titArea_direct h1 span.ico{float:left; margin:0 5px 0 0}
.titArea_direct h1 span.tit{float:left; width:600px}
.titArea_direct .direct{overflow:hidden; float:left; margin:-25px 0; padding:25px 0; width:262px; height:100%; font-size:11px; color:#fff}
.titArea_direct .direct img{display:inline; float:left; padding:0 10px 0 17px; vertical-align:middle}
.titArea_direct .direct p{float:left;width: 140px;padding:3px 0;}
.titArea_direct .direct strong{display:block; font-size:12px}

.titArea_Qpoint{clear:both; position:relative; padding-top:17px; width:980px; background:#f1f1f1 url(/images/qubridge/category/bg_titArea_Qpoint.gif) no-repeat 0 top}
.titArea_Qpoint .inner{overflow:hidden; padding-bottom:17px; width:100%;  background:url(/images/qubridge/category/bg_titArea_Qpoint.gif) no-repeat 0 bottom}
.titArea_Qpoint .title {display:inline; float:left; padding-left:14px; width:669px; font-size:14px; color:#202d42}
.titArea_Qpoint .title img{display:inline; float:left; margin:0 5px 0 0}
.titArea_Qpoint .title span.ico{float:left; margin:0 5px 0 0}
.titArea_Qpoint .title span.tit{float:left; width:600px}
.titArea_Qpoint .Qpoint{overflow:hidden; float:left; margin:-25px 0; padding:25px 0; width:262px; font-weight:bold; line-height:15px; color:#fff}
.titArea_Qpoint .Qpoint img{display:inline; float:left; padding:5px 10px 0 17px; vertical-align:middle}
.titArea_Qpoint .Qpoint p{float:left; padding:3px 0}
.titArea_Qpoint .Qpoint strong{display:block; font-size:12px}
.titArea_payment{clear:both; position:relative; padding-top:22px; width:980px;border-top: 4px solid #a9a8a8;border-bottom: 1px solid #cfe0ea;background:#e2fbff url(/images/qubridge/category/bg_titArea_payment.gif) repeat-x 0 top}
.titArea_payment .inner{overflow:hidden; padding-top:5px; width:100%;  background:url(/images/qubridge/category/bg_titArea_payment.gif) repeat-x 0 bottom}
.titArea_payment h1{float:left}
.titArea_payment .mark{float:left; margin:-5px 10px 0 5px}
.titArea_payment .txtArea{float:left; margin-top:5px; line-height:18px; color:#666}
.titArea_payment .txtArea em{color:#f00}
.titArea_payment .txtArea p.complete{font-weight:bold; color:#0aa3be}
.titArea_payment .btn{position:absolute; top:25px; right:15px}
.titArea_payment .cartImg{position:absolute; z-index:10; top:0; right:0; width:140px; height:135px;  background:url(/images/qubridge/order/img_cart.gif) no-repeat}

.titArea_simple{clear:both; position:relative; width:100%; height:32px; background:#a9a8a8}
.titArea_simple p{display:inline; float:left; margin-left:20px; line-height:32px; color:#fff}
.titArea_simple select{position:absolute; top:0; right:0}
.titArea_simple div.selector{position:absolute; top:5px; right:5px}

.titArea_default{clear:both; position:relative; width:980px; border-top:2px solid #a9a8a8}
.btnArea{clear:both; overflow:hidden; margin-top:20px; width:100%; text-align:center}
/*201808 add*/
.btnRental{margin-top:16px;}
.btnArea .txt{font-weight:bold; font-size:14px; color:#ababab}
.btn_over a{overflow:hidden; display:inline-block; width:83px; padding-top:29px; height:0; background-position:0 0}
.btn_over a:hover{background-position:0 -29px !important}

/* 190110 ¼öÁ¤ */
.searchBox{margin-top:30px; padding:10px 0px 10px 0; border:1px solid #a5a6aa; border-top:1px solid #a5a6aa; width:978px;}
/* 190110 ¼öÁ¤ */
.searchBox.select-list{margin-top:0;}
.searchBox.select-list dl dd{min-height: 37px;}
.searchBox dl{width:978px;}
.searchBox dt, .searchBox dd{float:left; margin:0; padding:6px 0 6px 0; *padding:6px 0 0 0;  line-height:18px; border-top:1px solid #dedede; vertical-align:top; }
.searchBox dt{clear:both; display:inline-block; margin:0; font-weight:bold; color:#777;  background:none; font-size:11px; width:97px; height:24x; padding:10px 0 0 40px; }
.searchBox dt.fLt{clear:none; margin-right:4px; width:auto; font-weight:normal}
.searchBox dt.fLt{margin-top:6px; background-position:0 8px}
*:first-child+html .searchBox dt.fLt{margin-top:3px; background-position:0 10px}
.searchBox dd{position:relative;  width:840px; }
.searchBox dd a{position:absolute; top:20px; left:-70px}
.searchBox dd span{white-space: nowrap !important; display:inline-block; line-height:18px;}
.searchBox fieldset label{display:inline-block; width:140px;font-size:11px; color:#666; line-height:12px; height:11px; vertical-align:top; margin-top:5px; }
.searchBox fieldset *{vertical-align:top}
.searchBox fieldset ul{padding-left:5px;}
.searchBox fieldset li{float:left;  background:url(/images/qubridge/ico/bul_arr04.gif) no-repeat 0px 10px; line-height:26px; margin:2px 0px; padding-left:10px; width:227px}
/* 190110 ¼öÁ¤ */
.searchBox fieldset li a span{color:#777;}
/* 190110 ¼öÁ¤ */
.searchBox fieldset li a:hover span{color:red}
.searchBox dd input[type=checkbox]{width:11px; height:11px; line-height:12px; margin-top:5px; position:relative; top:-1px;}
.searchBox dl dt:nth-child(1){border-top:0 none;}
.searchBox dl dd:nth-child(2){border-top:0 none;}
.searchBox dl dd{cursor:pointer;}

#contents a#newToggleBtn{display:block; background:url(/images/qubridge/btn/btn_newToggle.gif) no-repeat; width:138px; height:27px; text-indent:-999em; margin:0 auto}
#contents a#newToggleBtn.closeBtn{background-position:left bottom}
#newToggleBox{background:#fff; border-top:1px solid #f1f1f1; display:none}
#newToggleBox fieldset{position:relative}
#newToggleBox dd{width:841px}
#newToggleBox label{width:160px}
#newToggleBox input#searchBtn{float:right; position:absolute; bottom:0px; right:0px}

.categoryTab{clear:both; overflow:hidden; margin-top:25px; width:100%; height:32px}
.categoryTab ul{display:inline; float:left;}
.categoryTab li{float:left; width:68px; height:32px; line-height:33px; text-align:center; }
.categoryTab li a{overflow:hidden; display:block; background:url(/images/qubridge/common_new/tab_category.gif) no-repeat 0 0; padding-top:32px; height:0; text-indent:-9999px; }
.categoryTab li.tab01{width:71px;}
.categoryTab li.tab01 a{background-position:0 0}
.categoryTab li.tab01 a:hover,.categoryTab li.tab01 a.active{background-position:0 -32px}
.categoryTab li.tab02 a{background-position:-71px 0}
.categoryTab li.tab02 a:hover,.categoryTab li.tab02 a.active{background-position:-71px -32px}
.categoryTab li.tab03 a{background-position:-139px 0}
.categoryTab li.tab03 a:hover,.categoryTab li.tab03 a.active{background-position:-139px -32px}
.categoryTab li.tab04 a{background-position:-207px 0}.categoryTab li.tab04 a:hover,
.categoryTab li.tab04 a.active{background-position:-207px -32px}
.categoryTab li.tab05 a{background-position:-275px 0}.categoryTab li.tab05 a:hover,
.categoryTab li.tab05 a.active{background-position:-275px -32px}

.option { float:right; margin-bottom:15px;}
.option div.selector { margin:1px 20px 0 0; vertical-align:top;}
.option .viewFormat a {overflow:hidden; display:inline-block; padding-top:22px; width:23px; height:0;  /*text-indent:-9999px;*/ font-size:0; background:url(/images/qubridge/common_new/btn_viewFormat.gif) no-repeat}
.option .viewFormat a.imageType { background-position:0 0;}
.option .viewFormat a.imageType:hover,
.option .viewFormat a.imageType.active { background-position:0 -22px;}
.option .viewFormat a.listType { background-position:-23px 0;}
.option .viewFormat a.listType:hover,
.option .viewFormat a.listType.active { background-position:-23px -22px;}
.option .viewFormat a.galleryType{ background-position:0 0;}
.option .viewFormat a.galleryType:hover,
.option .viewFormat a.galleryType.active { background-position:0 -22px;}
.option select{vertical-align:top;margin-left:6px; padding:1px 0 1px 0}
.option .viewFormat{margin-left:3px}

/* product list */
.prodT{clear:both; overflow:hidden; margin-bottom:10px; width:980px;  background:url(/images/qubridge/common/bg_listT.gif) no-repeat 0 0}
.prodT thead{width:980px; height:28px; background:none}
.prodT thead th{padding:0 5px; height:28px; font:normal 11px/28px ����,dotum,arial,verdana; color:#767676}
.prodT tbody{background:none}
.prodT tbody th{padding:15px 5px; text-align:left; font-weight:normal; line-height:16px; color:#444; border-bottom:2px solid #ececec}
.prodT tbody th .icon{height:20px}
.prodT tbody th .icon img{float:left; margin-right:2px}
.prodT tbody th a{clear:both; display:block}
/* 190110 ¼öÁ¤ */
.prodT tbody th span{display:block; color:#888; margin-top:3px;}
/* 190110 ¼öÁ¤ */
.prodT tbody th em{font-weight:bold}
/* 190110 ¼öÁ¤ */
.prodT tbody th strong{color:#222;}
/* 190110 ¼öÁ¤ */
.prodT tbody th span.date,
.prodT tbody th span.red{color:#f00}
.prodT tbody th a:hover,
.prodT tbody th a:hover span,
.prodT tbody th a:hover em,
.prodT tbody th a:hover strong{color:#ef2828}
.prodT td{padding:15px 5px; line-height:18px; border-bottom:2px solid #ececec}
.prodT td .thumb{display:block; float:left}
.prodT td .thumb img{margin:0 10px 0 5px; width:80px; height:80px}
.prodT td .mark{display:block; float:left; width:25px}
.prodT td .mark img{display:block; margin-bottom:-2px; width:21px; height:21px; border:2px solid #c9c9c9}
.prodT td .recommend img{width:55px; height:55px; border:2px solid #c3c3c3}
.prodT td .text{float:left; margin-right:2px; width:35px; height:15px; line-height:15px; text-align:right}
.prodT td .countBtn{float:left; margin-right:5px; width:10px}
.prodT td .countBtn a{display:block; margin-bottom:1px; font-size:1%; line-height:1%}
.prodT td .unitPrice{color:#a0a0a0}
.prodT td del{display:block; text-decoration:line-through; color:#a0a0a0}
/* 190110 ¼öÁ¤ */
.prodT td ins,
.prodT td span.price{display:block; color:#ff4546}
.prodT td span.vat{display:block; color:#585858}
.prodT td span.Q{display:block; padding-left:12px; font-weight:bold; color:#628ae4;  background:url(/images/qubridge/ico/ico_Q.gif) no-repeat 0 4px}
/* 190110 ¼öÁ¤ */
.prodT td .btns a{display:block; margin-bottom:8px}
.prodT img{vertical-align:middle}
.prodT td .setBox{position:relative}
.prodT td .setBox .setInfo{position:absolute; top:-15px; left:-7px}
.prodT td .setBox .setInfo img{width:197px; height:37px}
.prodL{clear:both; overflow:hidden; margin:0; width:946px; border-top:1px solid #18191a; border-bottom:2px solid #ececec; padding-left: 34px;}
.prodL li{float:left; padding:0 13px 0 5px; height:330px}

/* table */
.listT{clear:both; overflow:hidden; margin-bottom:10px; color:#767676; width:980px;  background:url(/images/qubridge/common/bg_listT.gif) no-repeat}
.listT thead{width:980px; height:30px; background:none}
.listT thead th{padding:0 5px; height:28px; font:normal 11px/28px dotum,arial,verdana}
.listT tbody{background:none}
.listT tbody th{padding:15px 5px; text-align:left; font-weight:normal; line-height:16px; color:#444; border-bottom:2px solid #ececec}
.listT tbody td{padding:15px 5px; text-align:center; line-height:18px; border-bottom:2px solid #ececec}

.wLine td, .wLine th{border:0 !important}
.bLine td{background:#f0faff; border-top:0}
.bLine td.address{text-align:left}
.bLine td.etc{text-align:left}

.type2{width:804px;  background:url(/images/qubridge/common/bg_listT2.gif) no-repeat}
.type2 tbody th,
.type2 tbody td{padding:10px; line-height:16px}
.type2 tbody td{text-align:center}
.type2 .no{font-weight:bold; color:#000}
.type2 em{color:#f00}

.type2a{width:804px;  background:url(/images/qubridge/common/bg_listT2.gif) no-repeat}
.type2a tbody th,
.type2a tbody td{padding:10px 0; line-height:16px}
.type2a tbody td{text-align:center}
.type2a tbody td.rt{padding-right:10px; text-align:right}
.type2a .no{font-weight:bold; color:#000}
.type2a em{color:#f00}

.type3{width:100%;  background:url(/images/qubridge/common/bg_listT3.gif) repeat-x; border-bottom:2px solid #d1d1d1}
.type3 thead{height:25px}
.type3 thead th{padding:0 15px; height:25px; line-height:25px; border-bottom:2px solid #d1d1d1}
.type3 tbody th,
.type3 tbody td{padding:15px; text-align:center; border-bottom:1px solid #d1d1d1}
.type3 tbody .ltBorder{border-left:2px solid #d1d1d1}
.type3 tbody .rtBorder{border-right:2px solid #d1d1d1}
.type3 tbody th{color:#000 !important}
.type3 tbody th em{color:#f00}

.tableT{clear:both; overflow:hidden; margin-bottom:10px; width:100%; color:#767676; border:2px solid #dadada}
.tableT th,
.tableT td{padding:11px; text-align:center; font-weight:normal; line-height:18px; border:1px solid #dadada}
.tableT thead th{padding:3px; font-size:11px; color:#b1b1b1}

.faqT{clear:both; overflow:hidden; margin-bottom:15px; width:100%; color:#9e9e9e}
.faqT thead th{height:27px; font-weight:normal; line-height:27px; color:#8b98a5; background:#e2e8ee}
.faqT tbody th,
.faqT tbody td{padding:10px; border-bottom:1px solid #eaedee}
.faqT tbody th{padding-left:35px; text-align:left; font-weight:normal; color:#000}
.faqT tbody th strong{color:#5fc5ff}
.faqT tbody th img{position:absolute; margin-left:-35px}
.faqT tbody td{text-align:center}
.faqT tbody td.date{font-weight:bold}
.faqT tbody tr.active th,
.faqT tbody tr.active td{background:#f4faff}
.faqT tbody tr.active th{font-weight:bold}
.faqT tbody td.answer {padding:0}
.faqT tbody td.answer .contArea{padding:30px; text-align:left; line-height:24px; color:#636363; border:2px solid #aacbe8}

/* error */
#error{position:relative; margin:200px auto; width:485px; height:270px;  background:url(/images/qubridge/error/bg_errorBox.gif) no-repeat}
#error h1{position:absolute; top:0; left:0}
#error .sorry{padding:60px 0 0 128px; line-height:18px; color:#999}
#error .sorry em{font-weight:bold; color:#225386}
#error .sorry strong{font-size:14px}

.star { overflow:hidden; display:block; padding-top:18px; height:0; background:url(/images/qubridge/ico/ico_star.gif) no-repeat;}
.star.point50 { width:100px;}
.star.point45 { width:100px; background-position:-20px 0;}
.star.point40 { width:80px;}
.star.point35 { width:80px; background-position:-40px 0;}
.star.point30 { width:60px;}
.star.point25 { width:60px; background-position:-60px 0;}
.star.point20 { width:40px;}
.star.point15 { width:40px; background-position:-80px 0;}
.star.point10 { width:20px;}

/*201603_One Part Renewal Style*/
/* Common*/
/* 190110 ¼öÁ¤ */
a:link, a:visited { text-decoration:none; color:#222;}
a:active, a:hover, a:focus {text-decoration:none; color:#222;}
a:active, a:hover, a:hover {text-decoration:none; color:#ff4546;}
/* 190110 ¼öÁ¤ */
button{font:12px Dotum,Arial,AppleGothic,sans-serif; color:#666; line-height:16px; border:0 none; vertical-align:middle;cursor:pointer}

/* Skip */
#skip{position:relative;z-index:999}
#skip ul li{display:inline}
#skip h2{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap}
#skip a{position:absolute;top:-100px;left:-999px;display:inline-block;border:1px solid #24242c;background:#31313b;color:white}
#skip a:focus,#skip a:active{top:0;left:0;cursor:pointer;zoom:1;display:inline-block;margin-right:9px;padding:5px 8px 4px;background:#31313B;font-weight:normal;font-size:11px;line-height:1.4em}

/* Layout */
#wrapper{position:relative; z-index:2; width:100%}
#wrapper:after{clear:both; display:block; content:""}
#wrapper #innerWrapper{position:relative; zoom:1; margin:0 auto}
#wrapper #innerWrapper:after{clear:both; display:block; content:""}
#wrapper #header{clear:both; position:relative; z-index:300; margin:0 auto; height:133px}
/*20181031*/
#wrapper #gr_header{clear:both; position:relative; z-index:300; margin:0 auto; height:133px}
#wrapper #container{/*clear:both;*/ zoom:1; position:relative; z-index:2; margin:0 auto; background:url(/images/qubridge/common_new/bg_header.gif) no-repeat center 0}
#wrapper #container:after{clear:both; display:block; content:""}
#wrapper #container #contents{position:relative;zoom:1; margin:57px auto 100px; width:980px; /*background:#fff;padding:13px 0 0 0*/ }
#wrapper #container #contents:after{clear:both; display:block; content:""}
/*20181031*/
#wrapper #container.gf_line{/*clear:both;*/ zoom:1; position:relative; z-index:2; margin:0 auto; background:url(http://giftnplus.officeplus.com/images/qubridge/btn/bg_header_giftn.gif) no-repeat center 0}
#gf_wrapper{position:relative; z-index:2; width:100%}
#gf_wrapper:after{clear:both; display:block; content:""}
#gf_wrapper #innergf_wrapper{position:relative; zoom:1; margin:0 auto}
#gf_wrapper #innergf_wrapper:after{clear:both; display:block; content:""}
#gf_wrapper #gr_header{clear:both; position:relative; z-index:300; margin:0 auto; height:133px}
#gf_wrapper #gf_container{/*clear:both;*/ zoom:1; position:relative; z-index:2; margin:0 auto; background:url(http://www.officeplus.com/images/qubridge/btn/bg_header_giftn.gif) no-repeat center 0}
#gf_wrapper #gf_container:after{clear:both; display:block; content:""}
#gf_wrapper #gf_container #contents{position:relative;zoom:1; margin:57px auto 100px; width:980px; /*background:#fff;padding:13px 0 0 0*/ }
#gf_wrapper #gf_container #contents:after{clear:both; display:block; content:""}
#footerWrap{clear:both; position:relative; margin:0 auto 0;padding:12px 94px 0; height:249px; background: url(/images/qubridge/common_new/bg_footer.png) repeat 0 0}
#footerWrap .footer{width:980px; margin:0 auto}
.footer ul{display:inline; float:left; width:920px; margin-left:27px; height:54px}
.footer li{float:left; position:relative; margin:3px 0 0 -3px; padding-left:0; height:12px; line-height:12px; color:#808080; border-left:1px solid #808080}
.footer li a{color:#808080;  line-height:16px; margin-left:9px; margin-right:11px}
.footer li a:hover{color:#808080; text-decoration:underline;}
.footer li.first{border:0}
.footer li.famLink{float:right; margin:0; padding:0; height:19px; border:0}
.footer li.famLink a{float:left; margin:0 0 0 6px}
.footer li.famLink a:first-child{margin-left:0}
.footer li.witchCust a{font-weight:bold}
.footer #family{display:none; position:absolute; z-index:10; top:-133px; right:0; padding:8px 0 4px; width:151px; height:126px; background:url(/images/qubridge/common/bg_family.gif) no-repeat}
.footer #family a{display:block; height:24px; line-height:24px; margin:0 0 0 21px; width:130px; font-size:12px; color:#535353; font-weight:normal}
.footer #family a:hover{text-decoration:underline;}
.footer .copyArea{clear:both; overflow:hidden; float:left; padding-top:160px; width:660px; text-indent:-9999px;height:0; background:url(/images/qubridge/common_new/txt_copyright.gif) no-repeat 0 0}
.footer .surety{float:left; padding:35px 0 0 0}

/* Header */
.gnbArea_wrap{height: 32px; background: #fff; border-bottom:1px solid #c3c3c3}
.gnbArea{width: 980px; margin: 0 auto; height: 32px; position:relative}
/* 2019_02_08_¼öÁ¤ */
.gnbArea h1{position:absolute;top:49px;left:13px; z-index:100}
/* 2019_02_08_¼öÁ¤ */
.group{position:relative;z-index:200;float:left;  width:5px}
.group ul{width:750px; *zoom: 1}
.group ul:after{display: block; content: ""; clear: both}
.group li{float: left; width:41px; height: 32px; border-left: 1px solid #c3c3c3}
.group li a{display: block; text-indent: -9999em; height: 32px; background: url(/images/qubridge/common_new/txt_gatewayNavigation_gf.png) no-repeat}
.group li.interpark{width:71px}
.group li.interpark a{background-position:17px 5px}
.group li.shopping a{background-position:-53px 5px}
.group li.book a{background-position:-95px 5px}
.group li.ticket a{background-position:-139px  5px}
.group li.tour{width:43px}
.group li.tour a{background-position:-183px  5px}
.group li.imarket{width: 66px}
.group li.imarket a{background-position:-226px  5px}
.group li.current{position: relative; width:90px}
.group li.current a{ height: 33px; top: 0; left: 0; background-color: #fff}
.group li.welcome{float:left; width:300px; height:32px; background:#fff;}
.group li.welcome a{background-position:-294px 5px; height:32px; border-right: 1px solid #fff}
.group li.welcome a:hover{background-position:-577px 5px;}
.group li.welcome span.line-f{width:90px; height:1px; background:#fff; position:absolute;; top:32px; right:210px;}
.group li.welcome span.line-l{width:1px; height:33px; background:#c3c3c3; position:absolute;; top:0px; left:89px;}
.group li.welcome span.o_line_b{position:absolute; top:32px; left:0px; width:90px; height:2px; background:#fff;}
.group li.welcome span.o_line_l{position:absolute; top:0px; left:89px; width:1px; height:33px; background:#c3c3c3;}
.group li.welcome span.line-bg{position:absolute; top:0px; left:92px; width:250px; height:30px; background:#fff;}
/*.group li.link{float:left; width:166px; cursor:pointer; height:32px; margin-left:-1px;}
.group li.link a{background-position:-394px  5px}
.group li.link a:hover {background-position: -572px 5px;}*/
/* 201810 officeplus  */
.group li.office_go{float:left; width:166px; cursor:pointer; height:32px; margin-left:-1px;}
.global{float:right;height:21px;padding-top:11px}
.global *{font-family: dotum, verdana, sans-serif}
.global a{ line-height:16px; display:inline-block; padding-bottom:5px;font-size:11px;color:#777;letter-spacing:-1px}
.global a:hover{text-decoration:underline;}
.global li{float:left;padding-right:7px;margin-right:6px;background:url(/images/qubridge/common_new/ico_topnav.gif) right -78px no-repeat}
.global li.logout a{font-weight: bold}
.global li.last{background:none;padding-right:0;margin-right:0}
.global .mypage{position:relative;z-index:200}
.global .mypage b{line-height:16px;  vertical-align:top; display:inline-block; background:url(/images/qubridge/common_new/select_layer.gif) no-repeat 0 0; width:11px; height:10px}
.global .mypage b.on{background-position:0 -10px}
.global .mypage div{display:none;width:101px; padding:4px 0 5px 7px; background:#fff; border:1px solid #a9acae; position:absolute;  top:21px; left:-20px}
.global .mypage .arrow{position:absolute; z-index:301; top:-9px; left:47px; width:16px; height:10px; background:url(/images/qubridge/common_new/sp_common.png) no-repeat -11px 3px}
.global .mypage div span{display:block; line-height:16px; padding:0 7px 0 0}
.global .mypage div span a{line-height:16px; height:15px;  padding:3px 0 0 8px; color:#696c77;  background:url(/images/qubridge/common_new/dot.png) no-repeat 0 9px; letter-spacing:-1px; }
.global .mypage div span a:hover{}
.global .cs{background:none}
.global .cs{padding-right: 0; margin-right:0;}
.global .login a{color:#636363}
.gnbArea_center{/*height:38px;*/padding:0 0 34px}
.gnbArea .ly_info{z-index:1001;color:#161718; line-height:15px; font-size:11px; position:absolute; top:27px; right:0;  width:277px; height:91px; background:url(/images/qubridge/common_new/bg_ly_info_op.gif) no-repeat 0 0; padding:11px 0 0 0;}
.gnbArea .ly_info .info_tx{width:235px; padding:13px 20px 0 18px; }
.gnbArea .ly_info .bt_action{overflow:hidden; margin:0 0 0 38px;}
.gnbArea .ly_info .bt_action a{float:left;display:block; margin:3px 0 0 2px; line-height:15px;}
.gnbArea .ly_info .bt_close{position:absolute; top:12px; right:7px;}
.gnbArea .ly_info .bt_close a{display:block; height:17px; overflow:hidden;}
.gnbArea .ly_info .bt_close a:hover img{margin-top:-17px;}
.gnbArea .ly_info2{position: absolute;top:27px; right: 0;width:320px;height:195px;  z-index:1002; background:#fff; border:1px solid #555; }
.gnbArea .ly_info2 .in{width:280px; padding:30px 20px 30px 20px; }
.gnbArea .ly_info2 .txt{width:280px; text-align:left; padding-bottom:10px;}
.gnbArea .ly_info2 .bt_wrap{overflow:hidden; width:270px; text-align:center; margin:15px auto 0;}
.gnbArea .ly_info2 .bt_wrap a.bt{display:inline-block; font-weight:bold; font-size:12px; padding:2px 0 0 0;  width:108px; height:28px;  line-height:29px; vertical-align:middle; background:url(/images/qubridge/common_new/bg_bt_gray.jpg); color:#fff; vertical-align:middle;  text-align:center; margin:0 auto;background:url(/images/qubridge/common_new/bg_bt_red.jpg);}
.gnbArea .ly_info2 .bt_wrap a.bt:hover {}
.gnbArea .ly_info2 .bt_wrap a:first-child.bt{margin-left:0;}
.gnbArea .ly_info2 .bt_close{display:block; background:url(/images/qubridge/common_new/btn_pop_close.png) no-repeat 0 0; width:14px; height:14px; position:absolute; right:11px; top:11px;}
.gnbArea .ly_info2 .bt_close span{width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden}


/* 201810_22  */
/* top*/
.l_link_section{position:absolute; right:-11px; top:57px; width:137px; height:48px;}
.r_link_section{position:absolute; right:-139px;  top:56px; width:109px; height:48px; background:red ;z-index: 3000}
.c_link_bar{position:absolute; right:-20px; top:70px; width:1px; height:34px; background:#dbdbdb;}

/*Floater*/
#floater_left{position:absolute;  z-index:500; top:189px; left:50%; margin-left:-590px; padding:0; width:100px}
#floater_left ul li a{display:block; width:80px; height:112px; background:url(/images/qubridge/common_new/left_banner.png) no-repeat 0 0; text-indent:-9999px; font-size:0; line-height:0; vertical-align:top;}
#floater_left ul li a:hover{background-position:-80px 0;}
#floater_left ul li + li a{background-position:0 -112px; height:107px; }
#floater_left ul li + li a:hover{background-position:-80px -112px;}
#floater_left ul li.close1 a{background-position:0 -219px; height:123px;}
#floater_left ul li.close1 a:hover{background-position:-80px -219px;}
#floater_left ul li.close2 a{background-position:0 -343px; height:123px;}
#floater_left ul li.close2 a:hover{background-position:-80px -343px;}
#floater_left ul li.close3 a{background-position:0 -467px; height:123px;}
#floater_left ul li.close3 a:hover{background-position:-80px -467px;}
#floater_left ul li.close4 a{background-position:0 -591px; height:123px;}
#floater_left ul li.close4 a:hover{background-position:-80px -591px;}
#floater_left ul li.close5 a{background-position:0 -715px; height:123px;}
#floater_left ul li.close5 a:hover{background-position:-80px -715px;}

#floater_right{position:absolute; top:145px; left:510px; z-index:1000;margin-left:50%;}
#floater_right, #floater_right a{color:#797979; font-size:11px}
#floater_right .cart_info{height:34px;margin:0 0 0 10px; }
#floater_right .cart_info a{color:#5a5d66; line-height:29px; height:29px;  vertical-align:top; overflow:hidden; display:block;  background:url(/images/qubridge/common_new/sp_ico.png) no-repeat 0 -20px; font-weight:bold; font-size:12px}
#floater_right .cart_info a:hover{text-decoration:underline;}
#floater_right .cart_info a span{margin:-2px 0 0 25px; display:block;  line-height:29px; height:29px; vertical-align:top}
#floater_right #Qu_RightNav_inner{position:absolute;  top:43px;}
#floater_right .inner{position:absolute; margin:0; padding:2px 2px 0 2px; width:114px; height:271px;}
#floater_right .inner #myInfo{}
#floater_right #myInfo .log_action{background:#e7e9ec; width:114px; height:69px; padding:8px 0 14px 0; border:1px solid #e2e3e4}
#floater_right #myInfo .login_before{text-align:center; height:69px;}
#floater_right #myInfo .login_before p{width:85px; overflow:hidden; text-align:center; margin:15px auto 0; line-height:15px; }
#floater_right #myInfo .login_before span{padding:0 0 5px 0; font-weight:bold; color:#5d6269; }
#floater_right #myInfo .login_before a{display:block; width:60px; height:19px; background:url(/images/qubridge/common_new/btn_rt_login.png) no-repeat 0 0;text-indent:-9999px; font-size:0; line-height:0;  text-align:center; margin:5px auto 0; }
#floater_right #myInfo .login_before a:hover{background-position:0 -19px;}
#floater_right #myInfo .login{height:auto; padding:15px 5px 10px 10px; width:99px;  line-height:16px; color:#555; vertical-align:middle; font-size:12px;}
#floater_right #myInfo .login .name, #floater_right #myInfo .login li a strong, #floater_right #myInfo .login li a{margin:0 0 5px 0; color:#555;}
#floater_right #myInfo .login li a{font-size:12px;}
#floater_right #myInfo .login li a:hover{text-decoration:underline;}
#floater_right #myInfo .login li a .txt_deco{color:#ff4546}
/* 190110 ¼öÁ¤ */
#floater_right .quck_menu{padding:7px 0 4px 4px; border-top:none; background:#fff; border:1px solid #e2e3e4; width:110px;}
/* 190110 ¼öÁ¤ */
#floater_right .quck_menu li{overflow:hidden; height:20px; line-height:20px; font-size:11px; padding-left:8px;}
#floater_right .quck_menu li a{color:#686a78; font-size:11px; letter-spacing:-1px;}
#floater_right .quck_menu li a:hover{text-decoration:underline;}
#floater_right .latest{width:116px;padding:3px 0 0 0; background:#fff;}
#floater_right .latest li{width:102px; color:#555; cursor:pointer; margin:0 0 3px 0; padding:8px 0 6px 12px;  line-height:16px; vertical-align:middle; letter-spacing:-1px;  border:1px solid #e2e3e4}
#floater_right .latest li:first-child{background:#e7e9ec;}

#floater_right .latest li a{color:#555}
#floater_right .latest li strong{font-size:11px}
#floater_right .latest li.last{width:116px; padding:0; margin:0;border:0 none; }
#floater_right .latest li .seenItem{width:116px;}
#floater_right .latest li .seenItem .view_tit{width:104px; background:url(/images/qubridge/common_new/sp_bt.png) no-repeat 0 -55px; padding:8px 0 6px 12px; cursor: pointer}
#floater_right .latest li .seenItem .view_tit2{width:104px; background:url(/images/qubridge/common_new/sp_bt.png) no-repeat 0 -55px; padding:8px 0 6px 12px; cursor: pointer}
#floater_right .latest li .seenItem .on{ width:104px; height:17px; background-position:0 -87px}
#floater_right .latest li .seenItem ul li{width:104px; padding:0; margin:0; background:none; letter-spacing:normal; border:0 none}
#floater_right .latest li .seenItem #viewBanner{background:#fff; border-top:0 none; width:114px; border:1px solid #e2e3e4;}
#floater_right .latest li .seenItem #viewBanner ul{ width:114px; border-bottom:0 none;  padding:15px 0 0 0;}
#floater_right .latest li .seenItem #viewBanner li{text-align:center; width:114px; padding-bottom:10px}
#floater_right .latest li .seenItem #viewBanner .btn{text-align:center; width:114px; border-top:0 none; padding-bottom:13px;}

#floater_right .latest li .seenItem #viewBanner2{background:#fff; border-top:0 none; width:114px; border:1px solid #e2e3e4;}
#floater_right .latest li .seenItem #viewBanner2 ul{ width:114px; border-bottom:0 none;  padding:15px 0 0 0;}
#floater_right .latest li .seenItem #viewBanner2 li{text-align:center; width:114px; padding-bottom:10px}
#floater_right .latest li .seenItem #viewBanner2 .btn{text-align:center; width:114px; border-top:0 none; padding-bottom:13px;}

#floater_right .goTop, #floater_right .right_banner{margin:0 0 0 0; text-align:center; width:116px}
#floater_right .right_banner{padding-top:3px;}
#floater_right .right_banner a{display:block;}
#floater_right .goTop{display:none;}

/* 201810_officeplus */
/* Navigation */
#categoryBtn{width:975px; margin:0 auto; height:35px;  padding:11px 0 0 5px; position:relative;z-index:30000;}
#categoryBtn a{display:block}
#container #category{position:absolute; display:none; height:auto; border:2px solid #fe504f; width:956px; background:#fff;left:50%; margin-left:-490px; top:45px; z-index:1002;  padding:0px 0 0 20px}
/*20181031 giftnplus*/
#container #category.gf_line{position:absolute; display:none; height:auto; border:2px solid #28227a; width:956px; background:#fff;left:50%; margin-left:-490px; top:45px; z-index:1002;  padding:0px 0 0 20px}
#container #category .close{cursor:pointer; position:absolute; right:10px; bottom:10px; display:block; overflow:hidden; width:21px; height:19px; background:url(/images/qubridge/common_new/btn_close.gif) no-repeat 0 0; }
#container #category .close:hover{text-indent:-9999px; height:19px;  background-position:0 -19px;}
#container #category .arrow{background:url(/images/qubridge/common_new/arrow_gnb.gif) no-repeat 0 0;position:absolute; top:-5px; width:9px; height:5px;display:block;left:86px}
#container #category ul{overflow:hidden; background: url(/images/qubridge/common_new/sp_line.png) repeat-y;line-height: 20px; zoom: 1}
#container #category ul li{margin:0 20px; float:left; width:154px}
#container #category ul li:first-child,#container #category ul li.mgl{margin-left:0}
#container #category ul li.menu2, #container #category ul li.menu3{margin-right:21px}
#container #category ul li.menu5{height:400px;}
#container #category ul li.menu6{margin-left:0}
#container #category ul li.menu6, #container #category ul li.menu7,  #container #category ul li.menu8{height: 350px;margin-top:-73px;}
#container #category ul li a{color:#696c77;  display:block;}
#container #category ul li h2.lst_tit{background:#e8e8ea; text-align:center; color:#595a5b; margin:20px 0 5px 0; font-size:13px; width:154px}
#container #category ul li h2.lst_tit a{line-height:25px; height:24px; padding:3px 0 2px; letter-spacing:-1px;}
#container #category ul li h2.lst_tit a:hover{background:#d5d5d9;}
#container #category ul li ul.lv1, #container #category ul li ul.lv1 li ul.lv2{background:none}
#container #category ul li ul.lv2 li{float:none; margin:0}
#container #category ul li ul.lv2 li a{line-height:18px; height:17px; padding-top:3px; }
#container #category ul li ul.lv2 li a:hover{text-decoration:underline;}
#container #category ul li ul.lv2 strong{background:#ff4b3a; color:#fff; height:14px; line-height:15px; padding:3px 2px 1px 2px; font-weight:normal; margin-left:4px; display:inline-block;}
#container #category ul li.menu6 h2.lst_tit, #container #category ul li.menu7 h2.lst_tit. #container #category ul li.menu8 h2.lst_tit{margin-top:10px;}

#gf_container #category{position:absolute; display:none; height:auto; border:2px solid #28227a; width:956px; background:#fff;left:50%; margin-left:-490px; top:45px; z-index:1002;  padding:0px 0 0 20px}
#gf_container #category .close{cursor:pointer; position:absolute; right:10px; bottom:10px; display:block; overflow:hidden; width:21px; height:19px; background:url(http://www.officeplus.com/images/qubridge/common_new/btn_close.gif) no-repeat 0 0; }
#gf_container #category .close:hover{text-indent:-9999px; height:19px;  background-position:0 -19px;}
#gf_container #category .arrow{background:url(/images/qubridge/common_new/arrow_gnb.gif) no-repeat 0 0;position:absolute; top:-5px; width:9px; height:5px;display:block;left:86px}
#gf_container #category ul{overflow:hidden; background: url(/images/qubridge/common_new/sp_line.png) repeat-y;line-height: 20px; zoom: 1}
#gf_container #category ul li{margin:0 20px; float:left; width:154px}
#gf_container #category ul li:first-child,#gf_container #category ul li.mgl{margin-left:0}
#gf_container #category ul li.menu2, #gf_container #category ul li.menu3{margin-right:21px}
#gf_container #category ul li.menu5{height:400px;}
#gf_container #category ul li.menu6{margin-left:0}
#gf_container #category ul li.menu6, #gf_container #category ul li.menu7,  #gf_container #category ul li.menu8{height: 350px;margin-top:-73px;}
#gf_container #category ul li a{color:#696c77;  display:block;}
#gf_container #category ul li h2.lst_tit{background:#e8e8ea; text-align:center; color:#595a5b; margin:20px 0 5px 0; font-size:13px; width:154px}
#gf_container #category ul li h2.lst_tit a{line-height:25px; height:24px; padding:3px 0 2px; letter-spacing:-1px;}
#gf_container #category ul li h2.lst_tit a:hover{background:#d5d5d9;}
#gf_container #category ul li ul.lv1, #gf_container #category ul li ul.lv1 li ul.lv2{background:none}
#gf_container #category ul li ul.lv2 li{float:none; margin:0}
#gf_container #category ul li ul.lv2 li a{line-height:18px; height:17px; padding-top:3px; }
#gf_container #category ul li ul.lv2 li a:hover{text-decoration:underline;}
#gf_container #category ul li ul.lv2 strong{background:#ff4b3a; color:#fff; height:14px; line-height:15px; padding:3px 2px 1px 2px; font-weight:normal; margin-left:4px; display:inline-block;}
#gf_container #category ul li.menu6 h2.lst_tit, #gf_container #category ul li.menu7 h2.lst_tit. #gf_container #category ul li.menu8 h2.lst_tit{margin-top:10px;}

.gnb #navi{position:absolute; top:2px; left:171px; z-index:999}
.gnb #navi li{float:left; height:36px; width:980px;  background:url(/images/qubridge/btn/sp_common_re.png) no-repeat}
.gnb #navi li.menu1{ width: 94px; background-position: -8px -245px;}
.gnb #navi li.menu2{ width:65px; background-position: -103px -245px;}
.gnb #navi li.menu3{ width:77px; background-position: -166px -245px;}
.gnb #navi li.menu4{ width:78px; background-position: -244px -245px;}
.gnb #navi li.menu5{ width:108px; background-position: -323px -245px;}
.gnb #navi li.menu6{ width:73px; background-position: -431px -245px;}
.gnb #navi li.menu7{ width:120px; background-position: -504px -245px;}
.gnb #navi li.menu8{ margin-top: 12px; margin-left: -9px; width: 84px; height: 17px; cursor: pointer;}
.gnb #navi li{float:left; font:14px/24px dotum; width:100px; text-align:center; position:relative}
.gnb #navi li a{display:block; font-size:15px; color:#fff;}
.gnb #navi li a.on{background:url(http://www.officeplus.com/images/qubridge/common_new/arrow_gnb.gif) no-repeat 30px bottom; height:44px}
.gnb #navi ul.depth2, .gnb #navi ul.depth3, gnb #navi ul.depth4{background:#fff;display:none;text-align:left; padding:6px 0 19px 0}
.gnb #navi ul.depth2{ z-index:1001; border:2px solid #ff5050; border-top:none; position:absolute; top:44px; width:172px;display:none;}
.gnb #navi ul.depth2 li{background:none; float:none; font:normal 12px/26px dotum; height:25px; width:171px; text-align:left}
.gnb #navi ul.depth2 li a{color:#555; vertical-align:top; padding-top:0px; line-height:23px; height:22px; display:block; padding-left:15px; font-size:12px}
.gnb #navi ul.depth2 li a.on, .gnb #navi ul.depth2 li a:hover{border:none; color:#fc2e2e; background:#e8e9ea url(http://www.officeplus.com/images/qubridge/common_new/arrow_gnb2.gif) no-repeat 125px 7px;}
.gnb #navi ul.depth2 li.bg_none a.on, .gnb #navi ul.depth2 li.bg_none a:hover{background:#e8e9ea;}
.gnb #navi ul.depth3{z-index:1002; border:2px solid #ff5050;position:absolute; top:0; left:130px; width:168px;  background:#fff; padding:5px 0 6px 0;}
.gnb #navi ul.depth3 li{height:21px;}
.gnb #navi ul.depth3 li:first-child{border-top:0 none}
.gnb #navi ul.depth3 li a{font-size:11px; padding-top:3px; height:18px; line-height:19px; vertical-align:top; color:#777; padding-left:10px;}
.gnb #navi ul.depth3 li a.on, .gnb #navi ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}
.gnb #navi ul.depth3 li a:hover{color:#222;}
.gnb #navi ul.depth4{z-index:1002; border:2px solid #ff5050;position:absolute; top:0; left:137px; width:188px;  background:#fff; padding:5px 0 6px 0;}
.gnb #navi ul.depth4 li{height:21px;}
.gnb #navi ul.depth4 li:first-child{border-top:0 none}
.gnb #navi ul.depth4 li a{font-size:11px; padding-top:3px;  height:18px; line-height:19px; vertical-align:top; color:#777; padding-left:10px;}
.gnb #navi ul.depth4 li a.on, .gnb #navi ul.depth4 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}
.gnb #navi ul.depth4 li a:hover{color:#222;}
.gnb #navi li.menu1 ul.depth2{left:-22px}
.gnb #navi li.menu1 a.on{background-position:51px bottom}
.gnb #navi li.menu2 ul.depth2{left:-46px}
.gnb #navi li.menu2 a.on{background-position:28px bottom}
.gnb #navi li.menu3 ul.depth2{left:-50px}
.gnb #navi li.menu3 a.on{background-position:35px bottom}
.gnb #navi li.menu4 ul.depth2{left:-22px}
.gnb #navi li.menu4 a.on{background-position:34px bottom}
.gnb #navi li.menu5 ul.depth2{left:-47px}
.gnb #navi li.menu5 a.on{background-position:49px bottom}
.gnb #navi li.menu5 ul.depth3{left:139px;}
.gnb #navi li.menu5 ul.depth2 a.on, .gnb  #navi li.menu5 ul.depth2 a:hover{background:#e8e9ea url(http://www.officeplus.com/images/qubridge/common_new/arrow_gnb2.gif) no-repeat 134px 7px;}
.gnb #navi li.menu5 ul.depth3 li a.on, .gnb  #navi li.menu5 ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}
.gnb #navi li.menu6 ul.depth2{left:-22px}
.gnb #navi li.menu6 a.on{background-position:32px bottom}
.gnb #navi li.menu7 ul.depth2{left:-31px}
.gnb #navi li.menu7 a.on{background-position:55px bottom}
.gnb #navi li.menu7 ul.depth3{left:139px;}
.gnb #navi li.menu7 ul.depth2 a.on, .gnb  #navi li.menu7 ul.depth2 a:hover{background:#e8e9ea url(http://www.officeplus.com/images/qubridge/common_new/arrow_gnb2.gif) no-repeat 134px 7px;}
.gnb #navi li.menu7 ul.depth3 li a.on, .gnb  #navi li.menu7 ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}
/* 201810_officeplus 'gnbBEST 100' */
.gnb  #navi li.menu8 ul.depth2{left:-105px; }
.gnb  #navi li.menu8 ul.depth2 li{text-align:left;}

/*giftnplus add 20181031*/
.gt_gnb  #gf_nav{position:absolute; top:2px; left:171px; z-index:999}
.gt_gnb  #gf_nav li{float:left; height:36px; background:url(http://giftnplus.officeplus.com/images/qubridge/btn/gift_n.gif) no-repeat}
.gt_gnb  #gf_nav li.menu1 {width:95px; background-position:0px 0}
.gt_gnb  #gf_nav li.menu2{width:95px;background-position:-95px 0}
.gt_gnb  #gf_nav li.menu3{width:74px; background-position:-190px 0}
.gt_gnb  #gf_nav li.menu4{width:119px; background-position:-264px 0}
.gt_gnb  #gf_nav li.menu5{width:74px; background-position:-383px 0}
.gt_gnb  #gf_nav li.menu6{width:93px; background-position:-456px 0}
.gt_gnb  #gf_nav li.menu7{width:80px; background-position:-548px 0}
.gt_gnb #gf_nav li.menu8{width:52px; background-position:-621px -207px}

.gt_gnb #gf_nav li{float:left; font:14px/24px dotum; width:100px; text-align:center; position:relative}
.gt_gnb #gf_nav li a{display:block; font-size:0; color:#ff4546;}
.gt_gnb #gf_nav li a.on{background:url(http://www.officeplus.com/images/qubridge/common_new/arrow_gnb.gif) no-repeat 30px bottom; height:44px}

/*.gt_gnb #gf_nav ul.depth2, .gnb #gf_nav ul.depth3, gnb #gf_nav ul.depth4{background:#fff;display:none;text-align:left; padding:6px 0 19px 0}*/
/* 201810 'giftnplus navi add */
.gt_gnb #gf_nav ul.depth2, .gt_gnb #gf_nav ul.depth3, gnb #gf_nav ul.depth4{background:#fff;display:none;text-align:left; padding:6px 0 19px 0}
.gt_gnb #gf_nav ul.depth2{ z-index:1001; border:2px solid #605baf; border-top:none; position:absolute; top:44px; width:172px; display:none; }

.gt_gnb #gf_nav ul.depth2 li{background:none; float:none; font:normal 12px/26px dotum; height:25px; width:171px; text-align:left}
.gt_gnb #gf_nav ul.depth2 li a{color:#555; vertical-align:top; padding-top:0px; line-height:23px; height:22px; display:block; padding-left:15px; font-size:12px}
/*.gt_gnb #gf_nav ul.depth2 li a.on, .gnb #gf_nav ul.depth2 li a:hover{border:none; color:#9590e5; background:#e8e9ea url(http://www.officeplus.com/images/qubridge/btn/arrow_gnb2.png) no-repeat 112px 7px; text-decoration:none;}*/
/*.gt_gnb #gf_nav ul.depth2 li.bg_none a.on, .gnb #gf_nav ul.depth2 li.bg_none a:hover{background:#e8e9ea;}*/
.gt_gnb #gf_nav ul.depth2 li a.on, .gt_gnb #gf_nav ul.depth2 li a:hover{border:none; color:#9590e5; background:#e8e9ea url(http://www.officeplus.com/images/qubridge/btn/arrow_gnb2.png) no-repeat 112px 7px; text-decoration:none;}
.gt_gnb #gf_nav ul.depth2 li.bg_none a.on, .gt_gnb #gf_nav ul.depth2 li.bg_none a:hover{background:#e8e9ea;}

.gt_gnb #gf_nav ul.depth3{z-index:1002; border:2px solid #605baf;position:absolute; top:0; left:117px; width:168px;  background:#fff; padding:5px 0 6px 0;}
/* 201810 'navi text border' */
.gt_gnb #gf_nav ul.depth3 li{height:21px;}
.gt_gnb #gf_nav ul.depth3 li:first-child{border-top:0 none}
.gt_gnb #gf_nav ul.depth3 li a{font-size:11px; padding-top:3px; height:18px; line-height:19px; vertical-align:top; color:#777; padding-left:10px;}
/*.gt_gnb #gf_nav ul.depth3 li a.on, .gnb #gf_nav ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}*/
.gt_gnb #gf_nav ul.depth3 li a.on, .gt_gnb #gf_nav ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}
.gt_gnb #gf_nav ul.depth3 li a:hover{color:#222;}
.gt_gnb #gf_nav ul.depth4{z-index:1002; border:2px solid #ff5050;position:absolute; top:0; left:137px; width:188px;  background:#fff; padding:5px 0 6px 0;}
.gt_gnb #gf_nav ul.depth4 li{height:21px;}
.gt_gnb #gf_nav ul.depth4 li:first-child{border-top:0 none}
.gt_gnb #gf_nav ul.depth4 li a{font-size:11px; padding-top:3px;  height:18px; line-height:19px; vertical-align:top; color:#777; padding-left:10px;}
/*.gt_gnb #gf_nav ul.depth4 li a.on, .gnb #gf_nav ul.depth4 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}*/
.gt_gnb #gf_nav ul.depth4 li a.on, .gt_gnb #gf_nav ul.depth4 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}
.gt_gnb #gf_nav ul.depth4 li a:hover{color:#222;}
.gt_gnb #gf_nav li.menu1 ul.depth2{left:-22px}
.gt_gnb #gf_nav li.menu1 a.on{background-position:51px bottom}*/
.gt_gnb #gf_nav li.menu2 ul.depth2{left:-42px}
.gt_gnb #gf_nav li.menu2 a.on{background-position:42px bottom}
.gt_gnb #gf_nav li.menu3 ul.depth2{left:-40px}
.gt_gnb #gf_nav li.menu3 a.on{background-position:45px bottom}
.gt_gnb #gf_nav li.menu4 ul.depth2{left:-12px}
.gt_gnb #gf_nav li.menu4 a.on{background-position:48px bottom}
.gt_gnb #gf_nav li.menu5 ul.depth2{left:-47px}
.gt_gnb #gf_nav li.menu5 a.on{background-position:10px bottom}
.gt_gnb #gf_nav li.menu5 ul.depth3{left:139px;}
/*.gt_gnb #gf_nav li.menu5 ul.depth2 a.on, .gnb  #gf_nav li.menu5 ul.depth2 a:hover{background:#e8e9ea url(http://www.officeplus.com/images/qubridge/btn/arrow_gnb2.png) no-repeat 134px 7px;}*/
/*.gt_gnb #gf_nav li.menu5 ul.depth3 li a.on, .gnb  #gf_nav li.menu5 ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}*/
.gt_gnb #gf_nav li.menu5 ul.depth2 a.on, .gt_gnb #gf_nav li.menu5 ul.depth2 a:hover{background:#e8e9ea url(http://www.officeplus.com/images/qubridge/btn/arrow_gnb2.png) no-repeat 134px 7px;}
.gt_gnb #gf_nav li.menu5 ul.depth3 li a.on, .gt_gnb  #gf_nav li.menu5 ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}
.gt_gnb #gf_nav li.menu6 ul.depth2{left:-22px}
.gt_gnb #gf_nav li.menu6 a.on{background-position:24px bottom}
.gt_gnb #gf_nav li.menu7 ul.depth2{left:-31px}
.gt_gnb #gf_nav li.menu7 a.on{background-position:25px bottom}
.gt_gnb #gf_nav li.menu7 ul.depth3{left:139px;}
/*.gt_gnb #gf_nav li.menu7 ul.depth2 a.on, .gnb  #gf_nav li.menu7 ul.depth2 a:hover{background:#e8e9ea url(http://www.officeplus.com/images/qubridge/btn/arrow_gnb2.png) no-repeat 134px 7px;}*/
/*.gt_gnb #gf_nav li.menu7 ul.depth3 li a.on, .gnb  #gf_nav li.menu7 ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}*/
.gt_gnb #gf_nav li.menu7 ul.depth2 a.on, .gt_gnb  #gf_nav li.menu7 ul.depth2 a:hover{background:#e8e9ea url(http://www.officeplus.com/images/qubridge/btn/arrow_gnb2.png) no-repeat 134px 7px;}
.gt_gnb #gf_nav li.menu7 ul.depth3 li a.on, .gt_gnb  #gf_nav li.menu7 ul.depth3 li a:hover{border:none; color:#222; text-decoration:underline; background:none;}
.gt_gnb  #gf_nav li.menu8 ul.depth2{left:-105px}
.gt_gnb  #gf_nav li.menu8 ul.depth2 li{text-align:left;}
/*giftnplus add 20181031*/

/* 201810_officeplus */



.gnb .payment_info{position:absolute; top:11px; right:2px}
#categoryBtn .gnb .payment_info a{width:71px; margin-top:5px; height:18px;  line-height:19px;  vertical-align:middle;  color: #5a5d66; display:block; background:url(/images/qubridge/common_new/sp_ico.png) no-repeat 0 -2px; font-weight:bold}
.gnb .payment_info a:hover{text-decoration:underline; }
.gnb .payment_info a span{display:block; }
.gnb .topLayer{display:none; position:absolute; z-index:600; top:26px; left:-76px; width:210px; text-align:left}
.gnb .topLayer span{position:absolute; z-index:301; top:0; left:98px; width:16px; height:10px; background:url(/images/qubridge/common_new/sp_common.png) no-repeat -11px 3px}
.gnb .topLayer ul{overflow:hidden; position:relative; top:0; left:0; margin:8px 0 0 0; padding:10px 14px; width:177px; background:#fff; border:1px solid #99a5b1}
.gnb .topLayer ul li a{display:block; width:177px; color:#696c77; background:none; font-weight:normal}
.gnb .topLayer ul li a:hover{background:#ececec}

/*giftnplus add 20181031*/
 .gt_gnb .gf_payment_info{position:absolute; top:11px; right:2px}
#categoryBtn .gt_gnb .gf_payment_info a{width:71px; margin-top:5px; height:18px;  line-height:19px;  vertical-align:middle;  color: #5a5d66; display:block; background:url(/images/qubridge/common_new/sp_ico.png) no-repeat 0 -2px; font-weight:bold}
.gt_gnb .gf_payment_info a:hover{text-decoration:underline; }
.gt_gnb .gf_payment_info a span{display:block; }
/*giftnplus add 20181031*/

.cate_title2{margin:72px 0 5px 0; *margin:15px 0 5px 0; font-size: 21px; line-height: 1.1;  letter-spacing:-1px}
.cate_title2_img{margin-bottom:-46px; *margin-bottom:0;}
.displayCategory{clear:both; background:url(/images/qubridge/common_new/cate_line.gif) repeat-y left 0; }
.displayCategory .categoryList{width:978px;border:1px solid #d9d9d9;border-top:none;*zoom:1}
.displayCategory .categoryList:after{display:block;clear:both;content:""}
.displayCategory .categoryList .ctListBox ul{padding-bottom:1px}
.displayCategory .categoryList .ctListBox li{margin:0 10px;padding:0 0 6px 0;line-height:16px}
.displayCategory .categoryList .ctListBox li a{color:#555}
.displayCategory .openCt{display:none;border:1px solid #ff4f51; border-top:0 none; position:absolute; z-index:500000; display:none; background:#fff}
.displayCategory .openCt .ctListBox{float:left;width:195px;border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7}
.displayCategory .openCt .ctListBox:first-child{width:194px;border-left:none}
.displayCategory .openCt .ctListBox.first-wd{width:194px;}
.displayCategory .openCt .ctListBox.bl-no{border-left:none;}
.displayCategory .openCt .ctListBox.bb-no{border-bottom:none;}
.displayCategory .openCt .ctListBox .box p{border-top:1px solid #e7e7e7;margin-bottom:-1px; height:14px;padding:14px 0 0 10px;font-weight:bold}
.displayCategory .openCt .ctListBox .box:first-child p:first-child{border-top:none}
.displayCategory .openCt .ctListBox .box p span{height:18px;display:inline-block;overflow:hidden; line-height:18px}
.displayCategory .openCt .ctListBox .box p a{color:#555}
.displayCategory .openCt .ctListBox .box p a:hover{color:#FF4F51;font-weight:bold}
.displayCategory .openCt .ctListBox .box ul:first-child{margin-top:14px}
.displayCategory .openCt .ctListBox .box ul{margin-bottom:14px}
.displayCategory .openCt .ctListBox .box ul li a{color:#777;}
.displayCategory .openCt .ctListBox .box ul li a:hover{text-decoration:underline; color:#555;}

.displayCategory .closeCt{border:0 none;  width:978px; z-index:9000; border:1px solid #ced3d6; border-top:0; border-bottom:0}
.displayCategory .closeCt .ctListBox{width:195px; float:left; border-left:1px solid #ced3d6}
.displayCategory .closeCt .ctListBox:first-child, .displayCategory .closeCt .line_no{border-left:0; width:194px}
.displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(1),
.displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(6),
.displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(11),
.displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(16),
.displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(21),
.displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(26){border-left:0; width:194px}
.displayCategory .closeCt .ctListBox .box{}
.displayCategory .closeCt .ctListBox .box p{color:#555; font-weight:bold;position:relative; line-height:39px; height:38px; padding:3px 0 0 10px; border-bottom:1px solid #ced3d6; vertical-align:middle}
.displayCategory .closeCt .ctListBox .box .list{overflow:hidden; width:31px;height:41px; background:url(/images/qubridge/common_new/bt_arow.gif) no-repeat 0 0; display:block; position:absolute; top:0; right:0; cursor:pointer}
.displayCategory .closeCt .ctListBox .box .list:hover{background-position: 0 -41px}
.displayCategory .closeCt .ctListBox .box p span a:hover{color:#ff4f51}
.displayCategory .closeCt .active{position:relative; top:-1px; left:-1px;z-index:80000; border:1px solid #ff4f51; border-top:0; border-bottom:0; width:195px}
.displayCategory .closeCt .active p{background:#fff url(/images/qubridge/common_new/cate_list_bx_top_modify.gif) no-repeat 0 0}
.displayCategory .closeCt .active p span{display:block; margin-top:1px}
.displayCategory .closeCt .active p a{color:#ff4f51;  margin-top:-1px}
.displayCategory .closeCt .ctListBox .active .list{top:-1px; background-position:0 -79px}
.displayCategory .closeCt .ctListBox .active .list:hover{background-position: 0 -79px}
.displayCategory .closeCt .listSub{display:none}
.displayCategory .closeCt .active .listSub{ left:-1px; margin-top:-5px; display:block;width:195px; border:1px solid #ff4f51;  position:absolute;border-top:0 none; background:#fff;z-index:80000; padding:0 0 15px 0}
.displayCategory .closeCt .active .listSub ul{float:left; width:194px}
.displayCategory .closeCt .active .listSub ul a{color:#777}
.displayCategory .closeCt .active .listSub ul a:hover{text-decoration:underline; color:#555 }
.displayCategory .closeCt .line_no .active{width:194px}
.displayCategory .closeCt .line_no .active .listSub ul{width:193px}

.gnbRight{border-top:2px solid #ff4f51}
.categoryButton{float:right;margin-left:6px; margin-top:-22px; height:22px}
.categoryButton a{width:119px;height:22px;margin-top:0; background: url(/images/qubridge/common_new/cate_list_view.png) no-repeat;display:inline-block}
.categoryButton a.on{background-position: 0 -23px}

.cate_title2_img .cate_office{background: url(/images/qubridge/common_new/ban_cate_b_office.jpg) no-repeat; height:324px; }
.cate_title2_img .cate_office .item_list{width:656px;overflow:hidden;clear:both; margin:0 0 0 274px;}
.cate_title2_img .cate_office .item_list li{position:relative;float:left;width:203px;height:280px;padding:0 0 0 15px; border-left:1px solid #90aeda; margin-top:23px;}
.cate_title2_img .cate_office .item_list li:first-child{border-left:0 none;}
.cate_title2_img .cate_office .item_list li>a{display:block; margin-top:21px;height:239px;}
.cate_title2_img .cate_office .item_list li>a:first-child{display:block; margin-top:0;}
.cate_title2_img .cate_office .item_list li>a:hover .title{text-decoration:underline;}
.cate_title2_img .cate_office .item_list li>a:hover .prd_code{background:#e0e7f9}
.cate_title2_img .cate_office .item_list li .thumb{width:185px;height:185px; text-align:center;}
.cate_title2_img .cate_office .item_list li .title{overflow:hidden; display:block; width:188px; height:30px; padding:2px 0 0 0; ;color:#555;font-size:12px; text-align:left; text-overflow: ellipsis; font-family:gulim; line-height:16px;}
.cate_title2_img .cate_office .item_list li .title span{width:188px; display:block; line-height:14px; font-size:11px;white-space:nowrap}
.cate_title2_img .cate_office .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;}
.cate_title2_img .cate_office .item_list li .in{margin-top:5px; width:188px; overflow:hidden;}
.cate_title2_img .cate_office .item_list li .sale{display:inline-block;color:#ff3745;font-family:arial;font-size:20px;vertical-align:top; font-weight:bold; letter-spacing:-1px;}
.cate_title2_img .cate_office .item_list li .sale{float:left;}
.cate_title2_img .cate_office .item_list li .price{float:right;}
.cate_title2_img .cate_office .item_list li .sale span{overflow:hidden;position:absolute;top:-999em;left:-999em}
.cate_title2_img .cate_office .item_list li .sale>strong{font-size:20px;}
.cate_title2_img .cate_office .item_list li .price{display:inline-block;margin:0 0 0 2px;color:#fff;font-family:tahoma;vertical-align:top}
.cate_title2_img .cate_office .item_list li .price .info{display:inline-block;margin-left:5px}
.cate_title2_img .cate_office .item_list li .price .info del{display:block;color:#888;font-size:13px}
.cate_title2_img .cate_office .item_list li .price .info .note{display:block;margin-top:2px;color:#888;font-family:dotum,"����";font-size:11px;letter-spacing:-1px}
.cate_title2_img .cate_office .item_list li .price>strong{color:#222;font-size:20px;font-family:arial; letter-spacing:-1px;}
.cate_title2_img .cate_office .item_list li .price>strong>span{ font-size:12px; font-weight:normal; margin-left:3px; color:#676767;}
.cate_title2_img .cate_office .item_list .tag{position:absolute;left:20px;top:20px; }
.cate_title2_img .cate_office .item_list .tag .lowest, .item_list .tag .best_recm{overflow:hidden;display:inline-block;width:60px;height:46px;font-size:0;line-height:0; background: url(/images/qubridge/common_new/sp_main.png) no-repeat -119px -672px; }
.cate_title2_img .cate_office .item_list .tag .lowest{background-position:-119px -672px}
.cate_title2_img .cate_office .item_list .tag .best_recm{width:58px; height:57px; background: url(/images/qubridge/common_new/sp_ico.png) no-repeat 0 -128px; }
.cate_title2_img .cate_mro ul li, .cate_title2_img .cate_digital ul li{float:left;}
.cate_title2_img .cate_mro ul li a, .cate_title2_img .cate_digital a{display:block; text-indent:-9999px;}
.cate_title2_img .cate_mro{background: url(/images/qubridge/common_new/ban_cate_b_mro.jpg) no-repeat; height:235px;}
.cate_title2_img .cate_mro ul {padding: 56px 0 0 525px;}
.cate_title2_img .cate_mro ul li{width:190px; height:151px; }
.cate_title2_img .cate_mro ul li:frist-child{width:181px;}
.cate_title2_img .cate_mro ul li a{width: 280px;height: 140px;text-align: center;}
.cate_title2_img .cate_mro ul li a:hover{}
.cate_title2_img .cate_digital{background: url(/images/qubridge/common_new/ban_cate_b_digital.jpg) no-repeat; height:276px; padding-top:47px; }
.cate_title2_img .cate_digital .srv_go{margin-left:791px; }
.cate_title2_img .cate_digital .srv_go a{display:block; width:140px; height:70px;}
.cate_title2_img .cate_digital ul{margin:56px 0 0 142px;}
.cate_title2_img .cate_digital ul li{ width:402px; height:120px; margin-left:2px;}
.cate_title2_img .cate_digital ul li:frist-child{}
.cate_title2_img .cate_digital ul li a{width:402px; height:120px;  text-align:center;}
.cate_title2_img .cate_digital ul li a:hover{}
.cate_title2_img .servicedeal-box{width:864px;height:368px;padding:30px 0 0 116px;background: #f5f5f5;}
.cate_title2_img .servicedeal-box ul:after{display:block;clear:both;content:""}
.cate_title2_img .servicedeal-box ul li{float:left;margin-right:10px;}
.cate_title2_img .cate_dailysupplies{background: url(/images/qubridge/common_new/ban_cate_b_hliving_new.jpg) no-repeat; height:115px; padding:97px 0 0 519px;}
.cate_title2_img .cate_dailysupplies a{display:block; width:350px; height:85px; }

.brand_popular{background:#e4e5e7; color:#77787a; padding:16px 0 15px 15px; line-height:19px; vertical-align:middle; position:relative;}
.brand_popular strong{position:absolute; top:16px; width:132px;background: url(/images/qubridge/common_new/arrow_brand.png) no-repeat right 4px; padding-right:2px;}
.brand_popular .ico_best{display:none;}
.brand_popular ul{overflow:hidden; margin:-1px 0 0 150px; *margin:-15px 0 0 150px;}
.brand_popular ul li{float:left; background: url(/images/qubridge/common_new/line_brand.png) no-repeat 0 4px; padding:0 14px;}
.brand_popular ul li a{line-height:20px; height:19px; padding-top:2px; display:block;}
.brand_popular ul li a:hover{text-decoration:underline;}

/*Top Search */
#header #search{width:381px; height:34px; border:2px solid #ff5257; position:absolute; z-index:2; left:206px; top:65px}
#header #search a{position:absolute; right:0; top:0;  text-align:center; height:34px; overflow:hidden;}
#header #search a:hover img{margin-top:-34px;}
#header #search span.category{display:block; font-size:11px; cursor:pointer; letter-spacing:-1px; color:#949494; width:109px; line-height:13px; height:10px; position:absolute; z-index: 3; left:7px; top:10px; background: url(/images/qubridge/common_new/select_search.gif) no-repeat right top}
#header #search span.category.on{background-position:right -10px}
#header #search input.search{border:1px solid #fff; padding:3px 0 0 17px; line-height:29px; height:28px; font-size:14px; width:296px; color:#333; font-weight:bold; overflow:hidden;vertical-align:middle; position:absolute; top:0}
/* 20181031*/
#gr_header #gf_search{width:381px; height:34px; border:2px solid #ff5257; position:absolute; z-index:2; left:206px; top:65px}
#gr_header #gf_search a{position:absolute; right:0; top:0;  text-align:center; height:34px; overflow:hidden;}
#gr_header #gf_search a:hover img{margin-top:-34px;}
#gr_header #gf_search span.category{display:block; font-size:11px; cursor:pointer; letter-spacing:-1px; color:#949494; width:109px; line-height:13px; height:10px; position:absolute; z-index: 3; left:7px; top:10px; background: url(/images/qubridge/common_new/select_search.gif) no-repeat right top}
#gr_header #gf_search span.category.on{background-position:right -10px}
#gr_header #gf_search input.search{border:1px solid #fff; padding:3px 0 0 17px; line-height:29px; height:28px; font-size:14px; width:296px; color:#333; font-weight:bold; overflow:hidden;vertical-align:middle; position:absolute; top:0}
#gr_header #gf_search{width:381px; height:34px; border:2px solid #605baf; position:absolute; z-index:2; left:206px; top:65px}
#gr_header #gf_search a{position:absolute; right:0; top:0;  text-align:center; height:34px; overflow:hidden;}
#gr_header #gf_search a:hover img{margin-top:-34px;}
#gr_header #gf_search span.category{display:block; font-size:11px; cursor:pointer; letter-spacing:-1px; color:#949494; width:109px; line-height:13px; height:10px; position:absolute; z-index: 3; left:7px; top:10px; background: url(/images/qubridge/common_new/select_search.gif) no-repeat right top}
#gr_header #gf_search span.category.on{background-position:right -10px}
#gr_header #gf_search input.search{border:1px solid #fff; padding:3px 0 0 17px; line-height:29px; height:28px; font-size:14px; width:296px; color:#333; font-weight:bold; overflow:hidden;vertical-align:middle; position:absolute; top:0}
#div_suggest{display:none; position: absolute; top:103px; left:223px; z-index: 2;}

/*Top  Link */
.direct_link{position:absolute;top:66px;left:605px}
.direct_link a{display:block;height:35px;background: url(/images/qubridge/common_new/direct_link.jpg) no-repeat}
.direct_link li{float:left}
.direct_link .menu1 a{width:92px; background-position:0 0}
.direct_link .menu1 a:hover{background-position:0 -35px}
.direct_link .menu2 a{width:98px; background-position:-93px 0}
.direct_link .menu2 a:hover{background-position:-93px  -35px}

/*Top  Link */
/* 201810_30  */
.direct_G_link { position: absolute; top: 67px; left: 605px;}
.direct_G_link a{display:block;height:35px;background:url(http://www.officeplus.com/images/qubridge/btn/direct_link.jpg) no-repeat}
.direct_G_link li{float:left}
.direct_G_link .menu1 a{width:92px; background-position:0 0}
.direct_G_link .menu1 a:hover{background-position:0 -35px}
.direct_G_link .menu2 a{width:98px; background-position:-93px 0}
.direct_G_link .menu2 a:hover{background-position:-93px  -35px}
/* 201810_30  */

/* Banner */
.top_banner{text-align:right; position:absolute; top:38px; right:0}
.top_banner #rBanner{position:relative; width:170px; height:90px; overflow:hidden;}
#rBanner .slide{padding-top:14px;}
#rBanner .selectBan{position:absolute; top:0; right:10px;}
#rBanner .selectBan li{display:block;float:left; width:9px;height:9px; overflow:hidden; cursor:pointer; display:inline; margin:0 5px 0 0;}
#rBanner .selectBan li img{width:9px; height:9px;}
.bandBanner{overflow:hidden; height:80px; margin:48px 0 44px 0; clear:both}
.bandBanner ul li{float:left}
.bandBanner ul li.bannerBig{width:590px}
.bandBanner ul li.bannerSmall{padding:0 0 0 10px; width:380px}

/*Location*/
#location{height:22px; line-height:23px; color:#919191; margin:31px auto 0; }
#location img{ float:left; margin:6px 5px 0 0}
#location > span{margin-top:2px;}
#location span,#location .wrap{overflow:visible; float:left; color:#b6b6b6;}
#location .wrap{position:relative;}
#location .wrap span a{ display:block; margin:0  5px 2px 5px; padding:2px 15px 0 5px; width:174px; height:20px; line-height:21px; color:#555; background:#fff  url(/images/qubridge/btn/btn_select.gif) no-repeat right 2px; border:1px solid #ccc;}
#location ul{display:none; position:absolute; top:22px; left:5px; width:194px; background:#fff; line-height:21px; border:1px solid #ccc;}
#location ul a{display:block; margin:0; padding:0 5px; width:184px; ; color:#666; height:20px; line-height:21px; padding-top:2px;}
#location ul a:hover{background:#eee;}

/* Login */
#contents .login{width:598px;overflow:hidden; zoom:1; margin:54px auto 0; *margin-top:80px;/* background: url(/images/qubridge/common_new/logo_qubridge.png) no-repeat 146px 12px;  */padding:36px 0 0 0; position:relative;}
#contents .login.wd-st1{width:470px;}
#contents .login  h2{position:absolute; top:0; left:0}
#contents .login .borderArea{ overflow:hidden; padding:68px 0 67px 122px; border:1px solid #e6e9ea;/*border-top:2px solid #ff4f51; */background:#f3f5f5; position:relative}
#contents .login .borderArea.new-idpw-list{width:600px;padding:0px;border-top-color:#707070;border-bottom-color:#707070;border-right:none;border-left:none;background:#fff;}
#contents .login.wd-st1 .borderArea.new-idpw-list{width:443px;padding-left:25px;}
#contents .login .borderArea.new-idpw-list h3{margin: 49px 0 26px 0;text-align:center;padding:0;}
#contents .login .borderArea.new-idpw-list p.txt-end{padding:43px 0;line-height:28px;text-align:center;color:#555;font-size:14px;}
#contents .login.wd-st1 .borderArea.new-idpw-list p.txt-end{padding:33px 0;}
#contents .login .borderArea.new-idpw-list p.txt-end.left{text-align:left;}
#contents .login .borderArea.new-idpw-list p.txt-end .r-txt{color:#ff4f51;font-weight:bold;}
#contents .login .borderArea.new-idpw-list p.txt-end .txt-call{display:block;padding-top:22px;font-size:16px;font-weight:bold;}
#contents .login .borderArea.new-idpw-list .logCont01{padding:0 0 50px 47px;border-bottom:1px solid #cacbcb; }
#contents .login .borderArea.new-idpw-list .logCont01 dl.list-3{height:96px;}
#contents .login .borderArea.new-idpw-list .logCont01 dl.list-4{height:130px;}
#contents .login .borderArea.new-idpw-list .logCont01 .dotLine .btn{left: 325px !important;}
#contents .login .borderArea.new-idpw-list .table-wrap table{border-collapse : collapse;vertical-align:top;}
#contents .login .borderArea.new-idpw-list .table-wrap table th{height:45px;background:#fafafa;border:1px solid #cacbcb;border-top-color:#707070;text-align:center;font-weight:normal;}
#contents .login .borderArea.new-idpw-list .table-wrap table td{height:34px;padding-left:9px;border:1px solid #cacbcb;border-bottom-color:#fff;text-align:left;}
#contents .login .borderArea.new-idpw-list .table-wrap table td.md{text-align:center;padding:0;}
#contents .login .borderArea.new-idpw-list .table-wrap table .l-line{border-left-color:#707070;z-index:999;}
#contents .login .borderArea.new-idpw-list .table-wrap table .r-line{border-right-color:#707070;}
#contents .login .btn-move{margin-top:40px;text-align:center;}
#contents .login .btn-move a:first-child{margin-left:0px;}
#contents .login .btn-move a{margin-left:11px;}
#contents .login fieldset{position:relative}
#contents .login fieldset p{ clear:both; margin:13px 0 0 72px;font-size:11px; color:#999}
#contents .login dl{width:260px;height:60px; font-size:12px}
#contents .login dl dt, #contents .login dl dd{padding: 0 0 10px 0;margin: 0 0 6px 0;height: 18px;line-height: 18px; vertical-align: top;float:left; }
#contents .login dl dt{width:59px; padding-top: 2px; height: 16px; vertical-align:top; font-weight:bold; text-align:right; margin-right:9px}
#contents .login dl dd{width:161px}
#contents .login dl label, #contents .login dl input{ height:23px; line-height:23px; vertical-align:top; display:inline-block;  }
#contents .login dl input[type=text], #contents .login dl input[type=password]{width:159px; height:23px; _margin:-1px 0; line-height:23px; border:1px solid #d1d1d1; padding-left:7px}
#contents .login .btn{position:absolute; top:0; left:250px}
#contents .login .txt_info{clear:both; color:#74787c; font-size:11px; line-height:18px; padding:10px 0 0 0}
#contents .login .txt_info p{color:#555; background: url(/images/qubridge/common_new/dot.png) no-repeat 0 6px; padding:0 0 0 10px}
#contents .login .txt_info span{color:#999}
#contents .login .remember{margin:17px 0 0 72px; font-size:11px; color:#000}
#contents .login .remember ul{overflow:hidden}
#contents .login .remember ul li{float:left; width:114px; height:28px}
#contents .login .btnArea{display:inline; float:left; width:330px; margin-top:34px; margin-left:33px;  background: url(/images/qubridge/common_new/sp_bt.png) no-repeat 0 -167px}
#contents .login .btnArea a{overflow:hidden; float:left; margin:0 0 0 21px; width:96px; padding-top:26px; height:0; font-size:0; }
#contents .login .btnArea a:first-child{margin-left:0; width:96px;}
#contents .idpw_search{height:800px;}
#contents .idpw_search .tab{overflow:hidden}
#contents .idpw_search .tab li{float:left; width:140px; height:48px;  }
#contents .idpw_search .tab li a{text-indent:-9999px; overflow:hidden; text-align:center; width:140px; height:48px; display:block; background: url(/images/qubridge/common_new/sp_bt.png) no-repeat 0 0;}
#contents .idpw_search .tab li:first-child a{background-position:0 -292px}
#contents .idpw_search .tab li a{background-position:-141px -243px}
#contents .idpw_search .tab li:first-child a.selected{background-position:0 -243px}
#contents .idpw_search .tab li a.selected{background-position:-141px -292px}
#contents .idpw_search ul.idpw-tab{width:274px;padding: 6px 0 24px;*zoom:1;}
#contents .idpw_search ul.idpw-tab:after{display:block;content:"";clear:both;}
#contents .idpw_search ul.idpw-tab li{float:left;width:137px;}
#contents .idpw_search{overflow:hidden; padding-top:0; background-position:290px 12px}
#contents .idpw_search h3 span{color:#ff4f51}
#contents .idpw_search .borderArea{padding:0 0 63px 40px; width:556px;overflow:hidden}
#contents .idpw_search dl{}
#contents .idpw_search  h3{text-align:left; padding-left:173px; font-size:16px; margin:43px 0 30px 0; color:#333; }
#contents .idpw_search .btnArea{margin-top:43px; margin-left:98px; background-position:0 -205px}
#contents .idpw_search  #logCont01, #contents .idpw_search  #logCont02{ border-bottom:1px solid #cacbcb; }
#contents .idpw_search  #logCont01{width:520px; padding-bottom:45px;}
#contents .idpw_search  #logCont02{width:424px; height:100px; padding-left:96px;}
#contents .idpw_search  #logCont02 .dotLine a{margin:0 3px 0 0; float:left}
#contents #tab1 .dotLine dl{overflow:hidden;width:315px}
#contents #tab1 .dotLine dl dt, #contents #tab1 .dotLine dl dd{padding:0 0 10px 0; margin:0 0 6px 0; height:18px;  line-height:18px; vertical-align:top}
#contents #tab1 .dotLine dl dt{width:131px; padding-top:2px; height:16px}
#contents #tab1 .dotLine dl dd{width:179px}
#contents #tab1 .dotLine dl dd input[type=text]{width:166px; margin:0 0 0 9px}
#contents #tab1 .dotLine .btn{position:absolute; top:0; left:320px}
#contents #tab1 .dotLine p{margin:10px 0 0 140px}
#contents #tab2 .btn{top:28px; left:320px}
#contents #tab2 #logCont02 .btn{position:relative; left:0; top:0}
#contents #tab2 dl{overflow:hidden;width:310px; height:96px}
#contents #tab2 dl dt, #contents #tab2 dl dd{padding:0 0 10px 0; margin:0 0 6px 0; height:18px;  line-height:18px; vertical-align:top}
#contents #tab2 dl dt{width:130px; padding-top:2px; height:16px}
#contents #tab2 dl dd{width:160px; padding-left:10px}
#contents #tab2 .dotLine p{margin:10px 0 0 140px}
#contents #tab2 .temp_pw{overflow:hidden; width:423px; height:28px}
#contents #tab2 .temp_pw dt, #contents #tab2 .temp_pw dd{line-height:16px; line-height:16px; vertical-align:middle}
#contents #tab2 .temp_pw dt{text-align:left;font-weight:normal; width:118px; font-size:11px; margin:0 0 0 140px;  color:#999; padding:1px 0 0 0}
#contents #tab2 .temp_pw dd{width:165px; margin:0; padding:0}
#contents #tab2 .temp_pw dd span, #contents #tab2 .temp_pw dd span input, #contents #tab2 .temp_pw dd span label{height:16px; display:inline-block; line-height:16px;vertical-align:middle;  }
#contents #tab2 .temp_pw dd span input{margin-top:-3px; margin-right:3px;height:11px}
#contents #tab2 #logCont02 .temp_pw dt{margin:0; width:214px}
#contents #tab2 #logCont02{height:127px;}

/*Alert*/
.ly_login{position:absolute; bottom:105px;  left:50%; background:#fff; border:1px solid #555; width:372px; height:198px; margin-left:-175px; line-height:18px; vertical-align:middle;}
.ly_login .in{padding:75px 0 0 0; width:372px; margin:0 auto;}
.ly_login .txt{width:372px;  text-align:center;}
.ly_login .bt_wrap{overflow:hidden; width:270px; text-align:center; margin:25px auto 0;}
.ly_login .bt_wrap a.bt {display:inline-block; font-weight:bold; font-size:12px; padding:2px 0 0 0;  width:108px; height:28px;  line-height:29px; vertical-align:middle; background:url(/images/qubridge/common_new/bg_bt_gray.jpg) no-repeat 0 0; color:#fff; vertical-align:middle;  text-align:center; margin:0 auto;}
.ly_login .bt_wrap a.rd{background: url(/images/qubridge/common_new/bg_bt_red.jpg);}
.ly_login .bt_wrap a.bt:hover {}
.ly_login .bt_wrap a:first-child.bt{margin-left:0;}
.ly_login .bt_wrap a.bt.w53 {width:53px; padding:1px 0 0 0;}
.ly_login .bt_close{display:block; background: url(/images/qubridge/common_new/btn_pop_close.png) no-repeat 0 0; width:14px; height:14px; position:absolute; right:11px; top:11px;}
.ly_login .bt_close span{width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden}
.ly_typ1{display:none}

.ly_typ2{bottom:0; top:290px;}
.ly_typ2 .in{padding-top:46px}
.ly_typ2 .id_result{padding:0; margin:0; }
.ly_typ2 .id_none{display:none}
.ly_typ2 .tx_b{color:#ff2223;}
.ly_typ2 a.bt{margin:0 5px 0 0;}
.ly_typ2{display:none}

.ly_typ3{display:none}
.ly_typ3 .in{padding-top:58px;}
.ly_typ3 .pw_result{display:none}
.ly_typ3 .pw_error{display:none}
.ly_typ3 .quiescence{margin-top:-19px}
.ly_typ3 .quiescence p{margin-bottom:20px;}
.ly_typ3 .quiescence p + p{margin-bottom:0;}

div.otherItem #rollingBanner{position:absolute; top:200px; left:1px; overflow:hidden; width:207px; height:74px;}
div.otherItem #rollingBanner ul{position:inherit; display:block; top:0; left:0;}
div.otherItem #rollingBanner ul li{margin-top:0;}
div.otherItem #rollingBanner .slides3{position:relative;width:207px}
div.otherItem #rollingBanner .slides3 ul.slide3{overflow:hidden;position:relative;width:207px;height:74px}
div.otherItem #rollingBanner .slides3 ul.slide3 li a{display:block}
div.otherItem #rollingBanner .slides3 .page{z-index:100;position:absolute;top:5px;right:5px;width:207px;text-align:right;list-style:none}
div.otherItem #rollingBanner .slides3 .page li{display:inline;margin:0 1px;_zoom:1; width:8px; height:8px;}
div.otherItem #rollingBanner .slides3 .page li a{display:inline-block;overflow:hidden;width:12px;height:13px;background:url(/images/qubridge/main/sq_rolling_btn.gif) no-repeat 0 0; line-height:999px;vertical-align:top}
div.otherItem #rollingBanner .slides3 .page li.current a{background-position:0 -12px}

.btnSearch{margin:0 auto; width:70px; text-align:center;}
.btnSearch a{display:block;background:url(/images/qubridge/common_new/btnSearch.gif) no-repeat 0 0; height:28px; overflow:hidden;}
.btnSearch a:hover{background-position:0 -28px;}
.titArea2{position:relative; width:980px;}
.titArea2 .inner{overflow:hidden; width:100%;}
.titArea2 .tit{text-align:center; font-weight:bold;  color:#4f4f4f; margin:24px 15px 0 15px; font-size:16px;   }
.titArea2 .tit strong{color:#ef2828;}
.titArea2 .tit strong.fir{background:url(/images/qubridge/ico/bul_arr03.gif) no-repeat 0 2px; padding:0 0 5px 10px; }


#contents .login .new-banner{position:relative;width:596px;height:110px;margin-bottom:2px;padding:0;border:1px solid #ced3d6;border-top:0px;overflow:hidden;}
#wrapper #ad-container{background:none}
#wrapper #ad-container #ad-header{width:100%;height:60px;background:url(/images/qubridge/common_new/bg_ad_header.jpg) repeat center 0}
#wrapper #ad-container:after{clear:both; display:block; content:""}
#wrapper #ad-container #contents{/*clear:both;*/ zoom:1; margin:57px auto 100px; width:980px;}
#wrapper #ad-container #contents:after{clear:both; display:block; content:""}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb{position:absolute; top:0px; left:141px;width:564px;height:60px;background:url(/images/qubridge/common_new/event_gnb.jpg) no-repeat;*zoom:1;}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb ul{position:relative;top:20px;left:112px;}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb ul:after{clear:both; display:block; content:""}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb ul li{float:left;}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu1 a{width:55px;height:20px;}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu2 a{width:55px;height:20px;margin-left:13px;}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu3 a{width:55px;height:20px;margin-left:13px;}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu4 a{width:55px;height:20px;margin-left:13px;}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu5 a{width:55px;height:20px;margin-left:13px;}
#wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu6 a{width:55px;height:20px;margin-left:18px;}
#wrapper #ad-container #ad-header #categoryBtn .ad-searchBox{position:absolute;top:15px;right:0;width:271px;height:28px;padding-left:12px;background:#fff;}
#wrapper #ad-container #ad-header #categoryBtn .ad-searchBox a{position:absolute;top:3px;right:4px;display:inline-block;}

.itemDetail .itemView .limit-txt-2{position:absolute;top:0;right:17px;font-size: 11px;color: #adadad;}
.itemDetail .itemView .getdeal-price-box{position:absolute;top:201px;right:38px;width:212px;height:26px;margin:0;padding:9px 8px 0 0;background: url('/images/qubridge/common_new/getdeal_price_box.gif') no-repeat;text-align:right;font-weight:bold;font-size:14px;color:#ff3600;}
.itemDetail .itemView .getdeal-price-box .symbol-1{font-size:12px;}
.itemDetail .itemView .getdeal-price-box .symbol-2{font-size:11px;}

#wrapper #container #contents.new-join-contents .idpw_search{height:auto;}
#wrapper #container #contents.new-join-contents{margin:10px auto 100px;}
#wrapper #container #contents.new-join-contents .t-info{padding:40px 0 1px;line-height:22px;text-align:center;}
#wrapper #container #contents.new-join-contents .cont01{position:relative;width:470px;margin:38px auto 0;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01{margin-top:15px;zoom:1;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01:first-child{margin-top:0px;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01:after{display:block;content:"";clear:both;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li{float:left;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1{display: inline-block;width:311px;height:29px;margin-right:10px;padding:14px 10px 0;border:1px solid #aaa;background:#fff;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input{width:99%;height:16px;font-size:14px;border:none; color: #555;font-weight: bold;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input[type="text"]:focus {outline:none;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap02{margin-top:28px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap02 input{margin: 1px 3px 0 9px;vertical-align: top;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap02 .btn-wonder{margin:-2px 0 0 3px;vertical-align: top;cursor: pointer;}
#wrapper #container #contents.new-join-contents .cont01 .wonder-box{position: absolute;bottom: -43px;right: -85px;padding: 9px 13px 7px 9px;line-height: 16px;background: #eff0f1;border: 1px solid #949494;font-size: 11px}
#wrapper #container #contents.new-join-contents .cont02 .cont-top-wrap{position:relative;width:980px;height:456px;}
#wrapper #container #contents.new-join-contents .cont02 .btn-top-wrap{position:absolute;bottom: 74px;left: 291px;}
#wrapper #container #contents.new-join-contents .cont02 .btn-top-wrap a{margin-left:11px;}
#wrapper #container #contents.new-join-contents .cont02 .btn-top-wrap a:first-child{margin-left:0px;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap{margin:47px 0 0;text-align:center;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap .tit{margin-bottom:37px;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box{width:865px;height:303px;margin: 0 auto;background:url('/images/qubridge/member/l_benefit_line.jpg');}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box:after{display:block;content:"";clear:both;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box li{float:left;padding:5px;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-change-box{width:100%;height:123px;margin-top:53px;background:#e4e9ea;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2{display: inline-block;width:448px;height:29px;margin-top:15px;padding:14px 10px 0;border:1px solid #aaa;background:#fff;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2:first-child{margin-top:0px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2.error{border:1px solid #ee5d69;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2 input{width:94%;height: 16px;font-size:14px;border:none; color: #555;font-weight: bold;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2 input:focus{outline:none;color:#555;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2 img{margin-top:-5px;}
#wrapper #container #contents.new-join-contents .cont01 .input-txt-alert,#wrapper #container #contents.new-join-contents .cont01 .input-txt-info{margin-top:10px;color:#999;}
#wrapper #container #contents.new-join-contents .cont01 .input-txt-alert{display:none;}
#wrapper #container #contents.new-join-contents .cont01 .input-txt-alert.error{color:#ff2121;}
#wrapper #container #contents.new-join-contents .cont01 .l-box{position:relative;margin-top:43px;padding:20px 0 28px;border-top:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;}
#wrapper #container #contents.new-join-contents .cont01 .l-box.reC{margin-top:0;padding-bottom: 20px;border-top:0px }
#wrapper #container #contents.new-join-contents .cont01 .l-box strong{font-size:16px;}
#wrapper #container #contents.new-join-contents .cont01 .txt-choose{color:#999;font-size:12px;font-weight:normal;}
/*#wrapper #container #contents.new-join-contents .cont01 .l-box strong .txt-choose{color:#999;font-size:12px;font-weight:normal;}*/
#wrapper #container #contents.new-join-contents .cont01 .l-box .btn-plus{margin-left: 5px;cursor:pointer;}
#wrapper #container #contents.new-join-contents .sm-plus{width:15px; height:15px;}
#wrapper #container #contents.new-join-contents .cont01 .l-box .btn-minus{display:none;margin-left: 5px;cursor:pointer;}
#wrapper #container #contents.new-join-contents .cont01 .l-box .r-txt-info{margin-top:11px;color:#ff2222;}
#wrapper #container #contents.new-join-contents .cont01 .l-box.reC .g-txt{margin-top:11px;color: #999;}

#wrapper #container #contents.new-join-contents .cont01 .l-box .l-input-box{display:none;padding:28px 0 12px;}
#wrapper #container #contents.new-join-contents .cont01 .l-box.reC .l-input-box{display:none;padding:20px 0 12px;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1.wd-st1{width:331px;}
#wrapper #container #contents.new-join-contents .cont01 .l-box.reC ul.input-box-wrap01 li .input-box-1.wd-st1{width:448px;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input:focus {outline:none;color:#555;}
#wrapper #container #contents.new-join-contents .cont01 ::-webkit-input-placeholder{color:#ddd;}
#wrapper #container #contents.new-join-contents .cont01 :-moz-placeholder{color:#ddd;}
#wrapper #container #contents.new-join-contents .cont01 ::-moz-placeholder{color:#ddd;}
#wrapper #container #contents.new-join-contents .cont01 :-ms-input-placeholder{color:#ddd !important;}
#wrapper #container #contents.new-join-contents .cont01 input[type=text]::-ms-clear{display: none; }
#wrapper #container #contents.new-join-contents .cont01 .input-box-2.wd-st2{width:248px;margin-right:1px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2.wd-st3{width:173px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01.ht-st1{margin-top:43px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01.ht-st2{margin-top:15px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01.line-2{line-height:17px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01.line-2 .line-pd{padding-left:17px;}
#wrapper #container #contents.new-join-contents .cont01 .txt-agree{margin-top:27px;}
#wrapper #container #contents.new-join-contents .cont01 .txt-agree a.lnk{color:#555;text-decoration:underline;font-weight:bold;}
#wrapper #container #contents.new-join-contents .cont01 .btn-join{display:block;margin-top:24px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01 input{margin: 1px 3px 0 0;vertical-align: top;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01 .btn-wonder{margin: -2px 0 0 3px;vertical-align: top;cursor: pointer;}
#wrapper #container #contents.new-join-contents .cont01 .wonder-box2{position: absolute;bottom: 111px;right: -51px;padding: 9px 13px 7px 9px;line-height: 16px; background: #eff0f1;border: 1px solid #949494;font-size: 11px;}

.itemDetail .itemView .limit-txt-2{position:absolute;top:0;right:17px;font-size: 11px;color: #adadad;}
.itemDetail .itemView .getdeal-price-box{position:absolute;top:201px;right:38px;width:212px;height:26px;margin:0;padding:9px 8px 0 0;background: url('/images/qubridge/common_new/getdeal_price_box.gif') no-repeat;text-align:right;font-weight:bold;font-size:14px;color:#ff3600;}
.itemDetail .itemView .getdeal-price-box .symbol-1{font-size:12px;}
.itemDetail .itemView .getdeal-price-box .symbol-2{font-size:11px;}

#wrapper #container #contents.new-join-contents{margin:10px auto 100px;}
#wrapper #container #contents.new-join-contents .t-info{padding:40px 0 1px;line-height:22px;text-align:center;}
#wrapper #container #contents.new-join-contents .cont01{position:relative;width:470px;margin:38px auto 0;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01{margin-top:15px;zoom:1;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01:first-child{margin-top:0px;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01:after{display:block;content:"";clear:both;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li{float:left;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1{display: inline-block;width:311px;height:29px;margin-right:10px;padding:14px 10px 0;border:1px solid #aaa;background:#fff;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input{width:99%;height:18px;font-size:14px;border:none; color: #555;font-weight: bold;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input[type="text"]:focus {outline:none;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap02{margin-top:28px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap02 input{margin: 1px 3px 0 9px;vertical-align: top;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap02 .btn-wonder{margin:-2px 0 0 3px;vertical-align: top;cursor: pointer;}
#wrapper #container #contents.new-join-contents .cont01 .wonder-box{position: absolute;bottom: -43px;right: -85px;padding: 9px 13px 7px 9px;line-height: 16px;background: #eff0f1;border: 1px solid #949494;font-size: 11px}
#wrapper #container #contents.new-join-contents .cont02 .cont-top-wrap{position:relative;width:980px;height:456px;}
#wrapper #container #contents.new-join-contents .cont02 .btn-top-wrap{position:absolute;bottom: 74px;left: 291px;}
#wrapper #container #contents.new-join-contents .cont02 .btn-top-wrap a{margin-left:11px;}
#wrapper #container #contents.new-join-contents .cont02 .btn-top-wrap a:first-child{margin-left:0px;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap{margin:47px 0 0;text-align:center;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap .tit{margin-bottom:37px;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box{width:865px;height:303px;margin: 0 auto;background:url('/images/qubridge/member/l_benefit_line.jpg');}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box:after{display:block;content:"";clear:both;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box li{float:left;padding:5px;}
#wrapper #container #contents.new-join-contents .cont02 .l-benefit-change-box{width:100%;height:123px;margin-top:53px;background:#e4e9ea;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2{display: inline-block;width:448px;height:29px;margin-top:15px;padding:14px 10px 0;border:1px solid #aaa;background:#fff;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2:first-child{margin-top:0px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2.error{border:1px solid #ee5d69;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2 input{width:94%;height: 18px;font-size:14px;border:none; color: #555;font-weight: bold;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2 input:focus{outline:none;color:#555;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2 img{margin-top:-5px;}
#wrapper #container #contents.new-join-contents .cont01 .input-txt-alert,#wrapper #container #contents.new-join-contents .cont01 .input-txt-info{margin-top:10px;color:#999;}
#wrapper #container #contents.new-join-contents .cont01 .input-txt-alert{display:none;}
#wrapper #container #contents.new-join-contents .cont01 .input-txt-alert.error{color:#ff2121;}
#wrapper #container #contents.new-join-contents .cont01 .l-box{position:relative;margin-top:43px;padding:20px 0 28px;border-top:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;}
#wrapper #container #contents.new-join-contents .cont01 .l-box strong{font-size:16px;}
#wrapper #container #contents.new-join-contents .cont01 .l-box strong .txt-choose{color:#999;font-size:12px;font-weight:normal;}
#wrapper #container #contents.new-join-contents .cont01 .l-box .btn-plus{margin-left: 5px;cursor:pointer;}
#wrapper #container #contents.new-join-contents .cont01 .l-box .btn-minus{display:none;margin-left: 5px;cursor:pointer;}
#wrapper #container #contents.new-join-contents .cont01 .l-box .r-txt-info{margin-top:11px;color:#ff2222;}
#wrapper #container #contents.new-join-contents .cont01 .l-box .l-input-box{display:none;padding:28px 0 12px;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1.wd-st1{width:331px;}
#wrapper #container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input:focus {outline:none;color:#555;}
#wrapper #container #contents.new-join-contents .cont01 ::-webkit-input-placeholder{color:#A6A6A6;}
#wrapper #container #contents.new-join-contents .cont01 :-moz-placeholder{color:#A6A6A6;}
#wrapper #container #contents.new-join-contents .cont01 ::-moz-placeholder{color:#A6A6A6;}
#wrapper #container #contents.new-join-contents .cont01 :-ms-input-placeholder{color:#A6A6A6 !important;}
#wrapper #container #contents.new-join-contents .cont01 input[type=text]::-ms-clear{display: none; }
#wrapper #container #contents.new-join-contents .cont01 .input-box-2.wd-st2{width:248px;margin-right:1px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-2.wd-st3{width:173px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01.ht-st1{margin-top:43px;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01.ht-st2{margin-top:15px;}
#wrapper #container #contents.new-join-contents .cont01 .txt-agree{margin-top:27px;}
#wrapper #container #contents.new-join-contents .cont01 .txt-agree a.lnk{color:#555;text-decoration:underline;font-weight:bold;}
#wrapper #container #contents.new-join-contents .cont01 .btn-join{display:block;margin-top:24px;}
#wrapper #container #contents.new-join-contents .cont01 .input- box-wrap01 input{margin: 1px 3px 0 0;vertical-align: top;}
#wrapper #container #contents.new-join-contents .cont01 .input-box-wrap01 .btn-wonder{margin: -2px 0 0 3px;vertical-align: top;cursor: pointer;}
#wrapper #container #contents.new-join-contents co.nt01 .wonder-box2{position: absolute;bottom: 111px;right: -51px;padding: 9px 13px 7px 9px;line-height: 16px; background: #eff0f1;border: 1px solid #949494;font-size: 11px;}

#gf_wrapper #ad-container{background:none}
#gf_wrapper #ad-container #ad-header{width:100%;height:60px;background:url(/images/qubridge/common_new/bg_ad_header.jpg) repeat center 0}
#gf_wrapper #ad-container:after{clear:both; display:block; content:""}
#gf_wrapper #ad-container #contents{/*clear:both;*/ zoom:1; margin:57px auto 100px; width:980px;}
#gf_wrapper #ad-container #contents:after{clear:both; display:block; content:""}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb{position:absolute; top:0px; left:141px;width:564px;height:60px;background:url(/images/qubridge/common_new/event_gnb.jpg) no-repeat;*zoom:1;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb ul{position:relative;top:20px;left:112px;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb ul:after{clear:both; display:block; content:""}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb ul li{float:left;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu1 a{width:55px;height:20px;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu2 a{width:55px;height:20px;margin-left:13px;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu3 a{width:55px;height:20px;margin-left:13px;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu4 a{width:55px;height:20px;margin-left:13px;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu5 a{width:55px;height:20px;margin-left:13px;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-gnb .menu6 a{width:55px;height:20px;margin-left:18px;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-searchBox{position:absolute;top:15px;right:0;width:271px;height:28px;padding-left:12px;background:#fff;}
#gf_wrapper #ad-container #ad-header #categoryBtn .ad-searchBox a{position:absolute;top:3px;right:4px;display:inline-block;}

#gf_wrapper #gf_container #contents.new-join-contents .idpw_search{height:auto;}
#gf_wrapper #gf_container #contents.new-join-contents{margin:10px auto 100px;}
#gf_wrapper #gf_container #contents.new-join-contents .t-info{padding:40px 0 1px;line-height:22px;text-align:center;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01{position:relative;width:470px;margin:38px auto 0;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01{margin-top:15px;zoom:1;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01:first-child{margin-top:0px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01:after{display:block;content:"";clear:both;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li{float:left;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1{display: inline-block;width:311px;height:29px;margin-right:10px;padding:14px 10px 0;border:1px solid #aaa;background:#fff;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input{width:99%;height:16px;font-size:14px;border:none; color: #555;font-weight: bold;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input[type="text"]:focus {outline:none;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap02{margin-top:28px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap02 input{margin: 1px 3px 0 9px;vertical-align: top;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap02 .btn-wonder{margin:-2px 0 0 3px;vertical-align: top;cursor: pointer;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .wonder-box{position: absolute;bottom: -43px;right: -85px;padding: 9px 13px 7px 9px;line-height: 16px;background: #eff0f1;border: 1px solid #949494;font-size: 11px}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .cont-top-wrap{position:relative;width:980px;height:456px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .btn-top-wrap{position:absolute;bottom: 74px;left: 291px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .btn-top-wrap a{margin-left:11px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .btn-top-wrap a:first-child{margin-left:0px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap{margin:47px 0 0;text-align:center;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap .tit{margin-bottom:37px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box{width:865px;height:303px;margin: 0 auto;background:url('/images/qubridge/member/l_benefit_line.jpg');}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box:after{display:block;content:"";clear:both;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box li{float:left;padding:5px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-change-box{width:100%;height:123px;margin-top:53px;background:#e4e9ea;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2{display: inline-block;width:448px;height:29px;margin-top:15px;padding:14px 10px 0;border:1px solid #aaa;background:#fff;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2:first-child{margin-top:0px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2.error{border:1px solid #ee5d69;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2 input{width:94%;height: 16px;font-size:14px;border:none; color: #555;font-weight: bold;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2 input:focus{outline:none;color:#555;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2 img{margin-top:-5px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-txt-alert{display:none;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-txt-alert.error{color:#ff2121;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box{position:relative;margin-top:43px;padding:20px 0 28px;border-top:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box.reC{margin-top:0;padding-bottom: 20px;border-top:0px }
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box strong{font-size:16px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .txt-choose{color:#999;font-size:12px;font-weight:normal;}
/*#gf_wrapper #container #contents.new-join-contents .cont01 .l-box strong .txt-choose{color:#999;font-size:12px;font-weight:normal;}*/
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box .btn-plus{margin-left: 5px;cursor:pointer;}
#gf_wrapper #gf_container #contents.new-join-contents .sm-plus{width:15px; height:15px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box .btn-minus{display:none;margin-left: 5px;cursor:pointer;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box .r-txt-info{margin-top:11px;color:#ff2222;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box.reC .g-txt{margin-top:11px;color: #999;}

#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box .l-input-box{display:none;padding:28px 0 12px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box.reC .l-input-box{display:none;padding:20px 0 12px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1.wd-st1{width:331px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box.reC ul.input-box-wrap01 li .input-box-1.wd-st1{width:448px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input:focus {outline:none;color:#555;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ::-webkit-input-placeholder{color:#ddd;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 :-moz-placeholder{color:#ddd;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ::-moz-placeholder{color:#ddd;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 :-ms-input-placeholder{color:#ddd !important;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 input[type=text]::-ms-clear{display: none; }
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2.wd-st2{width:248px;margin-right:1px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2.wd-st3{width:173px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01.ht-st1{margin-top:43px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01.ht-st2{margin-top:15px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01.line-2{line-height:17px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01.line-2 .line-pd{padding-left:17px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .txt-agree{margin-top:27px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .txt-agree a.lnk{color:#555;text-decoration:underline;font-weight:bold;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .btn-join{display:block;margin-top:24px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01 input{margin: 1px 3px 0 0;vertical-align: top;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01 .btn-wonder{margin: -2px 0 0 3px;vertical-align: top;cursor: pointer;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .wonder-box2{position: absolute;bottom: 111px;right: -51px;padding: 9px 13px 7px 9px;line-height: 16px; background: #eff0f1;border: 1px solid #949494;font-size: 11px;}

#gf_wrapper #gf_container #contents.new-join-contents{margin:10px auto 100px;}
#gf_wrapper #gf_container #contents.new-join-contents .t-info{padding:40px 0 1px;line-height:22px;text-align:center;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01{position:relative;width:470px;margin:38px auto 0;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01{margin-top:15px;zoom:1;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01:first-child{margin-top:0px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01:after{display:block;content:"";clear:both;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li{float:left;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1{display: inline-block;width:311px;height:29px;margin-right:10px;padding:14px 10px 0;border:1px solid #aaa;background:#fff;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input{width:99%;height:18px;font-size:14px;border:none; color: #555;font-weight: bold;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input[type="text"]:focus {outline:none;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap02{margin-top:28px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap02 input{margin: 1px 3px 0 9px;vertical-align: top;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap02 .btn-wonder{margin:-2px 0 0 3px;vertical-align: top;cursor: pointer;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .wonder-box{position: absolute;bottom: -43px;right: -85px;padding: 9px 13px 7px 9px;line-height: 16px;background: #eff0f1;border: 1px solid #949494;font-size: 11px}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .cont-top-wrap{position:relative;width:980px;height:456px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .btn-top-wrap{position:absolute;bottom: 74px;left: 291px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .btn-top-wrap a{margin-left:11px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .btn-top-wrap a:first-child{margin-left:0px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap{margin:47px 0 0;text-align:center;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap .tit{margin-bottom:37px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box{width:865px;height:303px;margin: 0 auto;background:url('/images/qubridge/member/l_benefit_line.jpg');}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box:after{display:block;content:"";clear:both;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-box-wrap ul.l-benefit-box li{float:left;padding:5px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont02 .l-benefit-change-box{width:100%;height:123px;margin-top:53px;background:#e4e9ea;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2{display: inline-block;width:448px;height:29px;margin-top:15px;padding:14px 10px 0;border:1px solid #aaa;background:#fff;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2:first-child{margin-top:0px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2.error{border:1px solid #ee5d69;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2 input{width:94%;height: 18px;font-size:14px;border:none; color: #555;font-weight: bold;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2 input:focus{outline:none;color:#555;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2 img{margin-top:-5px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-txt-alert,#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-txt-info{margin-top:10px;color:#999;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-txt-alert{display:none;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-txt-alert.error{color:#ff2121;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box{position:relative;margin-top:43px;padding:20px 0 28px;border-top:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box strong{font-size:16px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box strong .txt-choose{color:#999;font-size:12px;font-weight:normal;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box .btn-plus{margin-left: 5px;cursor:pointer;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box .btn-minus{display:none;margin-left: 5px;cursor:pointer;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box .r-txt-info{margin-top:11px;color:#ff2222;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .l-box .l-input-box{display:none;padding:28px 0 12px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1.wd-st1{width:331px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ul.input-box-wrap01 li .input-box-1 input:focus {outline:none;color:#555;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ::-webkit-input-placeholder{color:#A6A6A6;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 :-moz-placeholder{color:#A6A6A6;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 ::-moz-placeholder{color:#A6A6A6;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 :-ms-input-placeholder{color:#A6A6A6 !important;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 input[type=text]::-ms-clear{display: none; }
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2.wd-st2{width:248px;margin-right:1px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-2.wd-st3{width:173px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01.ht-st1{margin-top:43px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01.ht-st2{margin-top:15px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .txt-agree{margin-top:27px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .txt-agree a.lnk{color:#555;text-decoration:underline;font-weight:bold;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .btn-join{display:block;margin-top:24px;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input- box-wrap01 input{margin: 1px 3px 0 0;vertical-align: top;}
#gf_wrapper #gf_container #contents.new-join-contents .cont01 .input-box-wrap01 .btn-wonder{margin: -2px 0 0 3px;vertical-align: top;cursor: pointer;}
#gf_wrapper #gf_container #contents.new-join-contents co.nt01 .wonder-box2{position: absolute;bottom: 111px;right: -51px;padding: 9px 13px 7px 9px;line-height: 16px; background: #eff0f1;border: 1px solid #949494;font-size: 11px;}

.wing-leftBox{position: fixed;bottom: 0;left: -626px;z-index: 1000;margin-left: 50%;width: 114px;height: 163px;border: 1px solid #e8e8e8;border-bottom: none;background:#fff}
.wing-leftBox .selectBan{position: absolute;top:6px;right:2px;}
.wing-leftBox .selectBan:after{display:block;content: "";clear:both;}
.wing-leftBox .selectBan li {display:inline;float: left;width:6px;height:6px;margin: 0 4px 0 0;overflow: hidden;cursor: pointer;}
.wing-leftBox .product-boximg {position:relative;top:13px;left:0;}
.wing-leftBox .product-boximg ul:after{display:block;content:"";clear:both;}
.wing-leftBox .product-boximg ul li a{display:block;float: left;width:114px;height:150px;overflow:hidden;}
.wing-leftBox .product-boximg img{overflow:hidden;}
.wing-leftBox .product-boximg .hot-pt{position:absolute;top:9px;left:8px;overflow:hidden;}
.left_ad_banner{position:relative; width:680px; height:600px; margin:0 auto; overflow-y: hidden; overflow-x: hidden; padding:10px;}
.left_ad_banner input.txt_area01{position:absolute; left:275px; top:350px; height:32px; padding-left:4px; width:166px; font-size:18px; border:1px solid #ccc;}
.left_ad_banner input.txt_area02{position:absolute; left:275px; top:393px; height:32px; padding-left:4px; width:166px; font-size:18px; border:1px solid #ccc;}
.left_ad_banner input.txt_area03{position:absolute; left:275px; top:433px; height:32px; padding-left:4px; width:166px; font-size:18px; border:1px solid #ccc;}
.pay_bg{float:left; width:680px; height:600px;}
.wing-left_00Box{position: fixed;bottom: 218PX;left: -626px;z-index: 1000;margin-left: 50%;width: 116px;height: 140px; cursor:pointer; background:#fff}
.wing-left_0Box{position: fixed; bottom: 121PX;left: -626px;z-index: 1000;margin-left: 50%;width: 116px;height: 140px; cursor:pointer; background:#fff}

#contents .food-box{position: relative;width:980px;height:628px;background:url('/images/qubridge/category/event/20180321.jpg');}
#contents .food-box ul{position: absolute;top: 212px;left:110.5px;}
#contents .food-box ul:after{display:block;clear:both;content:"";}
#contents .food-box ul li{float:left}
#contents .food-box ul li a{display: block;width:243px; height:338px;margin-right:10px;}
#contents .food-box ul li.box-1 a:hover{background:url('/images/qubridge/category/event/food_hover_1.png');}
#contents .food-box ul li.box-2 a:hover{background:url('/images/qubridge/category/event/food_hover_2.png');}
#contents .food-box ul li.box-3 a:hover{background:url('/images/qubridge/category/event/food_hover_3.png');}

#contents .car-box{position: relative;width:980px;height:628px;background:url('/images/qubridge/category/event/office_car.jpg');}
#contents .car-box ul{position: absolute;top: 212px;left:110.5px;}
#contents .car-box ul:after{display:block;clear:both;content:"";}
#contents .car-box ul li{float:left}
#contents .car-box ul li a{display: block;width:243px; height:338px;margin-right:10px;}
#contents .car-box ul li.box-1 a:hover{background:url('/images/qubridge/category/event/car_hover_1.png');}
#contents .car-box ul li.box-2 a:hover{background:url('/images/qubridge/category/event/car_hover_2.png');}
#contents .car-box ul li.box-3 a:hover{background:url('/images/qubridge/category/event/car_hover_3.png');}

#contents .fency-box{position: relative;width:980px;height:628px;background:url('/images/qubridge/category/event/office_fency.jpg');}
#contents .fency-box ul{position: absolute;top: 212px;left:110px;}
#contents .fency-box ul:after{display:block;clear:both;content:"";}
#contents .fency-box ul li{float:left}
#contents .fency-box ul li a{display: block;width:243px; height:338px;margin-right:10px;}
#contents .fency-box ul li.box-1 a:hover{background:url('/images/qubridge/category/event/fency_hover_1.png');}
#contents .fency-box ul li.box-2 a:hover{background:url('/images/qubridge/category/event/fency_hover_2.png');}
#contents .fency-box ul li.box-3 a:hover{background:url('/images/qubridge/category/event/fency_hover_3.png');}

#contents .safety-box{position: relative;width:980px;height:628px;background:url('/images/qubridge/category/event/office_safety.jpg');}
#contents .safety-box ul{position: absolute;top: 212px;left:110px;}
#contents .safety-box ul:after{display:block;clear:both;content:"";}
#contents .safety-box ul li{float:left}
#contents .safety-box ul li a{display: block;width:243px; height:338px;margin-right:10px;}
#contents .safety-box ul li.box-1 a:hover{background:url('/images/qubridge/category/event/safety_hover_1.png');}
#contents .safety-box ul li.box-2 a:hover{background:url('/images/qubridge/category/event/safety_hover_2.png');}
#contents .safety-box ul li.box-3 a:hover{background:url('/images/qubridge/category/event/safety_hover_3.png');}

#contents .total-box{position: relative;width:980px;height:628px;background:url('/images/qubridge/category/event/office_total.jpg');}
#contents .total-box ul{position: absolute;top: 212px;left:110px;}
#contents .total-box ul:after{display:block;clear:both;content:"";}
#contents .total-box ul li{float:left}
#contents .total-box ul li a{display: block;width:243px; height:338px;margin-right:10px;}
#contents .total-box ul li.box-1 a:hover{background:url('/images/qubridge/category/event/total_hover_1.png');}
#contents .total-box ul li.box-2 a:hover{background:url('/images/qubridge/category/event/total_hover_2.png');}
#contents .total-box ul li.box-3 a:hover{background:url('/images/qubridge/category/event/total_hover_3.png');}

#contents .clean-box{position: relative;width:980px;height:628px;background:url('/images/qubridge/category/event/office_clean.jpg');}
#contents .clean-box ul{position: absolute;top: 212px;left:110px;}
#contents .clean-box ul:after{display:block;clear:both;content:"";}
#contents .clean-box ul li{float:left}
#contents .clean-box ul li a{display: block;width:243px; height:338px;margin-right:10px;}
#contents .clean-box ul li.box-1 a:hover{background:url('/images/qubridge/category/event/clean_hover_1.png');}
#contents .clean-box ul li.box-2 a:hover{background:url('/images/qubridge/category/event/clean_hover_2.png');}
#contents .clean-box ul li.box-3 a:hover{background:url('/images/qubridge/category/event/clean_hover_3.png');}


/* 201810 navi bg */
#gf_wrapper #gf_container{/*clear:both;*/ zoom:1; position:relative; z-index:2; margin:0 auto; background:url(http://www.officeplus.com/images/qubridge/btn/bg_header_giftn.gif) no-repeat center 0}
/* 201810 navi bg */

/*Floater*/
/* 201810_30  */
#floater_G_left{position:absolute;  z-index:500; top:195px; left:50%; margin-left:-590px; padding:0; width:100px}
/* 201810_30  */
#floater_G_left ul li a{display:block; width:80px; height:112px; background:url(http://www.officeplus.com/images/qubridge/common_new/left_banner.png) no-repeat 0 0; text-indent:-9999px; font-size:0; line-height:0; vertical-align:top;}
#floater_G_left ul li a:hover{background-position:-80px 0;}
#floater_G_left ul li + li a{background-position:0 -112px; height:107px; }
#floater_G_left ul li + li a:hover{background-position:-80px -112px;}
#floater_G_left ul li.close1 a{background-position:0 -219px; height:123px;}
#floater_G_left ul li.close1 a:hover{background-position:-80px -219px;}
#floater_G_left ul li.close2 a{background-position:0 -343px; height:123px;}
#floater_G_left ul li.close2 a:hover{background-position:-80px -343px;}
#floater_G_left ul li.close3 a{background-position:0 -467px; height:123px;}
#floater_G_left ul li.close3 a:hover{background-position:-80px -467px;}
#floater_G_left ul li.close4 a{background-position:0 -591px; height:123px;}
#floater_G_left ul li.close4 a:hover{background-position:-80px -591px;}
#floater_G_left ul li.close5 a{background-position:0 -715px; height:123px;}
#floater_G_left ul li.close5 a:hover{background-position:-80px -715px;}
#floater_G_right{position:absolute; top:151px; left:510px; z-index:1000;margin-left:50%;}
#floater_G_right, #floater_right a{color:#797979; font-size:11px}
/* 201810_30 */
#floater_G_right .cart_G_info{height:34px; margin:-5px 0 0 10px;}
#floater_G_right .cart_G_info a{color:#5a5d66; line-height:29px; height:29px;  vertical-align:top; overflow:hidden; display:block;  background:url(http://www.officeplus.com/images/qubridge/common_new/sp_ico.png) no-repeat 0 -20px; font-weight:bold; font-size:12px}
#floater_G_right .cart_G_info a:hover{text-decoration:underline;}
#floater_G_right .cart_G_info a span{margin:-2px 0 0 25px; display:block;  line-height:29px; height:29px; vertical-align:top}
/* 201810_30 )*/
#floater_G_right #Qu_RightNav_inner{position:absolute;  top:43px;}
#floater_G_right .inner{position:absolute; margin:0; padding:2px 2px 0 2px; width:114px; height:271px;}
#floater_G_right .inner #myInfo{}
#floater_G_right #myInfo .log_action{background:#e7e9ec; width:114px; height:69px; padding:8px 0 14px 0; border:1px solid #e2e3e4}
#floater_G_right #myInfo .login_before{text-align:center; height:69px;}
#floater_G_right #myInfo .login_before p{width:85px; overflow:hidden; text-align:center; margin:15px auto 0; line-height:15px; }
#floater_G_right #myInfo .login_before span{padding:0 0 5px 0; font-weight:bold; color:#5d6269; }
#floater_G_right #myInfo .login_before a{display:block; width:60px; height:19px; background:url(http://www.officeplus.com/images/qubridge/common_new/btn_rt_login.png) no-repeat 0 0;text-indent:-9999px; font-size:0; line-height:0;  text-align:center; margin:5px auto 0; }
#floater_G_right #myInfo .login_before a:hover{background-position:0 -19px;}
#floater_G_right #myInfo .login{height:auto; padding:15px 5px 10px 10px; width:99px;  line-height:16px; color:#555; vertical-align:middle; font-size:12px;}
#floater_G_right #myInfo .login .name, #floater_right #myInfo .login li a strong, #floater_right #myInfo .login li a{margin:0 0 5px 0; color:#555;}
#floater_G_right #myInfo .login li a{font-size:12px;}
#floater_G_right #myInfo .login li a:hover{text-decoration:underline;}
#floater_G_right #myInfo .login li a .txt_deco{color:#ff4546}
#floater_G_right .quck_menu{padding:7px 0 0 6px; background:#fff; width:110px;}
#floater_G_right .quck_menu li{overflow:hidden; height:20px; line-height:20px; font-size:11px; padding-left:8px;}
#floater_G_right .quck_menu li a{color:#686a78; font-size:11px; letter-spacing:-1px;}
#floater_G_right .quck_menu li a:hover{text-decoration:underline;}
#floater_G_right .latest{width:116px;padding:3px 0 0 0; background:#fff;}

#floater_G_right .latest li{width:102px; color:#555; cursor:pointer; margin:0 0 3px 0; padding:8px 0 6px 12px;  line-height:16px; vertical-align:middle; letter-spacing:-1px;  border:1px solid #e2e3e4}
#floater_G_right .latest li:first-child{background:#e7e9ec;}

#floater_G_right .latest li a{color:#555}
#floater_G_right .latest li strong{font-size:11px}
#floater_G_right .latest li.last{width:116px; padding:0; margin:0;border:0 none; }
#floater_G_right .latest li .seenItem{width:116px;}
#floater_G_right .latest li .seenItem .view_tit{width:104px; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_bt.png) no-repeat 0 -55px; padding:8px 0 6px 12px; cursor: pointer}
#floater_G_right .latest li .seenItem .view_tit2{width:104px; background:url(http://www.officeplus.com/images/qubridge/common_new/sp_bt.png) no-repeat 0 -55px; padding:8px 0 6px 12px; cursor: pointer}
#floater_G_right .latest li .seenItem .on{ width:104px; height:17px; background-position:0 -87px}
#floater_G_right .latest li .seenItem ul li{width:104px; padding:0; margin:0; background:none; letter-spacing:normal; border:0 none}
#floater_G_right .latest li .seenItem #viewBanner{background:#fff; border-top:0 none; width:114px; border:1px solid #e2e3e4;}
#floater_G_right .latest li .seenItem #viewBanner ul{ width:114px; border-bottom:0 none;  padding:15px 0 0 0;}
#floater_G_right .latest li .seenItem #viewBanner li{text-align:center; width:114px; padding-bottom:10px}
#floater_G_right .latest li .seenItem #viewBanner .btn{text-align:center; width:114px; border-top:0 none; padding-bottom:13px;}

#floater_G_right .latest li .seenItem #viewBanner2{background:#fff; border-top:0 none; width:114px; border:1px solid #e2e3e4;}
#floater_G_right .latest li .seenItem #viewBanner2 ul{ width:114px; border-bottom:0 none;  padding:15px 0 0 0;}
#floater_G_right .latest li .seenItem #viewBanner2 li{text-align:center; width:114px; padding-bottom:10px}
#floater_G_right .latest li .seenItem #viewBanner2 .btn{text-align:center; width:114px; border-top:0 none; padding-bottom:13px;}

#floater_G_right .goTop, #floater_right .right_banner{margin:0 0 0 0; text-align:center; width:116px}
#floater_G_right .right_banner{padding-top:3px;}
#floater_G_right .right_banner a{display:block;}
#floater_G_right .goTop{display:none;}

/* 2019_12_13 »ç¾÷ÀÚ È¸¿ø ÈĺҰáÁ¦ ½Åû Æ˾÷ ¼öÁ¤ */
.left_ad_banner{position:relative; width:680px; height:940px; margin:0 auto; overflow-y: hidden; overflow-x: hidden; padding:10px;}
.left_ad_banner input.txt_area01{position:absolute; left:300px; top:350px; height:32px; padding-left:4px; width:166px; font-size:18px; border:1px solid #ccc;}
.left_ad_banner input.txt_area02{position:absolute; left:300px; top:396px; height:32px; padding-left:4px; width:166px; font-size:18px; border:1px solid #ccc;}
.left_ad_banner input.txt_area03{position:absolute; left:300px; top:442px; height:32px; padding-left:4px; width:166px; font-size:18px; border:1px solid #ccc;}
.left_ad_banner input.txt_area04{position:absolute; left:300px; top:534px; height:32px; padding-left:4px; width:166px; font-size:18px; border:1px solid #ccc;}
.left_ad_banner input.txt_area05{ height:26px; padding-left:4px; width:76px; font-size:18px; border:1px solid #ccc;}
.left_ad_banner input.txt_area06{ height:26px; padding-left:4px; width:330px; margin-bottom:8px; font-size:18px; border:1px solid #ccc;}
.left_ad_banner input.txt_area07{ height:32px; padding-left:4px; width:166px; font-size:18px;}
.sel{position:absolute; left:300px; top:490px; height:32px; padding-left:4px; width:173px; font-size:18px; border:1px solid #ccc;}
.application_bn{position:absolute; left:254px; top:827px; width:194px; height:48px; border-radius:5px; font-size:12px; cursor:pointer;}
.address_bx{position:absolute; left:300px; top:582px; width:357px; height:35px;}
.address_bn{float:left; width:80px; height:26px; border-radius:5px; font-size:12px; cursor:pointer; text-align:center; border:1px solid #999; line-height:26px; margin-right:8px; background:#ccc; color:#000;}
.address_bxx{position:absolute; left:300px; top:620px; width:357px; height:78px;}
.money_bx{position:absolute; left:300px; top:696px; width:170px; height:36px; border:1px solid #ccc;}
.day_bx{position:absolute; left:300px; top:742px; width:170px; height:34px; border:1px solid #ccc;}
.in_box{position:relative; }
.in_box input.txt_area07{width:137px; border:none; text-align:right;}
.in_box label{position:absolute; right:10px; top:10px;}
.pay_bg{float:left; width:680px; height:882px;}