@charset "utf-8";

@import url('layout_common_renewal.css');
@import url('swiper/swiper.css');

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url("font/NotoSans-Light.eot");
  src: url("font/NotoSans-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NotoSans-Light.woff2") format("woff2"), /* Modern Browsers */
    url("font/NotoSans-Light.woff") format("woff"); /* Modern Browsers */
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url("font/NotoSans-Regular.eot");/* IE9 Compat Modes */
  src: url("font/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("font/NotoSans-Regular.woff") format("woff"), /* Modern Browsers */
    url("font/NotoSans-Regular.woff2") format("woff2"); /* Modern Browsers */

}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url("font/NotoSans-Medium.eot"); /* IE9 Compat Modes */
  src: url("font/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NotoSans-Medium.woff2") format("woff2"), /* Modern Browsers */
    url("font/NotoSans-Medium.woff") format("woff"); /* Modern Browsers */
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url("font/NotoSans-Bold.eot");
  src: url("font/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NotoSans-Bold.woff2") format("woff2"), /* Modern Browsers */
    url("font/NotoSans-Bold.woff") format("woff"); /* Modern Browsers */
}
/* nanumbarun */
@font-face {
  font-family: "nanumbarun";
  font-style: normal;
  font-weight: 200;
  src: local("NanumBarunGothicUltraLight"), /* computer */
    url("font/NanumBarunGothicUltraLight.eot"), /* IE9 Compat Modes */
    url("font/NanumBarunGothicUltraLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumBarunGothicUltraLight.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumBarunGothicUltraLight.woff") format("woff"), /* Modern Browsers */
    url("font/NanumBarunGothicUltraLight.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "nanumbarun";
  font-style: normal;
  font-weight: 300;
  src: local("NanumBarunGothicLight"), /* computer */
    url("font/NanumBarunGothicLight.eot"), /* IE9 Compat Modes */
    url("font/NanumBarunGothicLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumBarunGothicLight.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumBarunGothicLight.woff") format("woff"), /* Modern Browsers */
    url("font/NanumBarunGothicLight.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "nanumbarun";
  font-style: normal;
  font-weight: 400;
  src: local("NanumBarunGothic"), /* computer */
    url("font/NanumBarunGothic.eot"), /* IE9 Compat Modes */
    url("font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumBarunGothic.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumBarunGothic.woff") format("woff"), /* Modern Browsers */
    url("font/NanumBarunGothic.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "nanumbarun";
  font-style: normal;
  font-weight: 600;
  src: local("NanumBarunGothicBold"), /* computer */
    url("font/NanumBarunGothicBold.eot"), /* IE9 Compat Modes */
    url("font/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumBarunGothicBold.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumBarunGothicBold.woff") format("woff"), /* Modern Browsers */
    url("font/NanumBarunGothicBold.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* nanumgothic */
@font-face {
  font-family: "nanumgothic";
  font-style: normal;
  font-weight: 400;
  src:
    url("font/NanumGothic-Regular.eot"), /* IE9 Compat Modes */
    url("font/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumGothic-Regular.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumGothic-Regular.woff") format("woff"), /* Modern Browsers */
}

@font-face {
  font-family: "nanumgothic";
  font-style: normal;
  font-weight: 600;
  src:
    url("font/NanumGothic-Bold.eot"), /* IE9 Compat Modes */
    url("font/NanumGothic-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumGothic-Bold.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumGothic-Bold.woff") format("woff"), /* Modern Browsers */
}

@font-face {
  font-family: "nanumgothic";
  font-style: normal;
  font-weight: 800;
  src:
    url("font/NanumGothic-ExtraBold.eot"), /* IE9 Compat Modes */
    url("font/NanumGothic-ExtraBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumGothic-ExtraBold.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumGothic-ExtraBold.woff") format("woff"), /* Modern Browsers */
}

@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src:
    url("font/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("font/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquareRoundR"), /* computer */
    url("font/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("font/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("NanumSquareRoundB"), /* computer */
    url("font/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("NanumSquareRoundEB"), /* computer */
    url("font/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("font/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("font/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
}

html, body {font-family:'Noto Sans KR', 'nanumgothic', 'nanumbarun' !important; color:#000; letter-spacing:-0.5px;font-weight:400;}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, p, address, 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 {box-sizing:border-box;}

ul:after,
ol:after {display:block; content:''; clear:both;}
a:hover {color:inherit;}

a{display: block;cursor: pointer;}
.inner{width:1280px;margin:0 auto;position: relative;}
.aC:after{display:block;visibility: hidden;clear:both;content:'';}
#wrap {min-width:1280px;}
.wrapper {width:1280px; margin:0 auto;position:relative;}
h3.myTitle{display:block;width:100%;font-size:24px;color:#373737;margin-bottom:20px;}

.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

.tahoma{font-family:'Tahoma';}

#wrap.topwrap.sticky{z-index: 999999999;}

/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.ml1{margin-left:1px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml_20 {margin-left:-20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr_40 {margin-right:-40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr_60 {margin-right:-60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}
/* margin Fin */

.wid320 {width:320px !important;}

/* header */

header .gnb {border-bottom:1px solid #e9edf3; background:#f4f6f9;}
header .gnb:after {display:block; content:''; clear:both;}
header .gnb .link {float:left; border-left:1px solid #e9edf3; background-image: url(/images/qubridge/ico/opl_gnb_bg_202403.png); background-repeat: no-repeat; background-size: 291px; background-position: 0 3px;}
header .gnb .link li {float:left; /*border-right:1px solid #e9edf3;*/ text-indent: -9999px;}
header .gnb .link li:first-of-type{width:103px;}
header .gnb .link li:nth-of-type(2){width:100px;}
header .gnb .link li:last-of-type{width:83px;}

/* 200106 ���� s */
header .gnb .link li a {/*padding:0 10px; display:block; width:100%;*/ line-height:34px; text-align:center; color:#777; font-weight:300;font-family:"Noto Sans KR","NanumGothic","Nanum Gothic","Malgun Gothic","Apple SD Gothic Neo",dotum,sans-serif; letter-spacing:0.3px;}
/* 200106 ���� e */
header .gnb .link li.officeplus {/*width:82px; background:#fff;*/}
header .gnb .link li.officeplus a {position:relative; color:#333333; z-index:9;}
header .gnb .link li.officeplus a:after {/*content:''; position:absolute; z-index:10; left:0; bottom:-1px; width:100%; height:1px; background:#fff;*/}
header .gnb .util {float:right;}
header .gnb .util li {float:left;position:relative;}
/* 200106 ���� s */
header .gnb .util li a {display:initial; padding:0 12px; line-height:34px; color:#777; font-weight:300; font-family:"Noto Sans KR","NanumGothic","Nanum Gothic","Malgun Gothic","Apple SD Gothic Neo",dotum,sans-serif; letter-spacing:0.3px;}
/* 200106 ���� e */
header .gnb .util li.mypage > a {padding-right:22px !important; background:url(../images/qubridge/ico/ico_util_select.jpg) no-repeat right 12px center;}
header .gnb .util li.mypage.on > a {padding-right:22px !important; background:url(../images/qubridge/ico/ico_util_select_on.png) no-repeat right 12px center;}
header .gnb .util li.mypage .mypage_hidden {position:absolute;top:28px;left:0;display:none;width:130%;height:auto;background:#fff;z-index:9;margin-left:-15%;border:1px solid #e9edf3;padding:10px 4px;}
header .gnb .util li.mypage .mypage_hidden a {position:relative;display:block;padding-left:16px;line-height:24px;}
header .gnb .util li.mypage .mypage_hidden a:before {content:"·";display:inline-block;position:absolute;left:6px;font-size:14px;font-weight:700;}
header .gnb .util li.mypage .mypage_hidden a span:hover {border-bottom:1px solid #777}
header .gnb .util li:last-child a {padding-right:0;}
header .gnb .util li.sns a {padding:0 4px;}
header .gnb .util li.sns a img{vertical-align:middle;}

header .header_con {padding:20px 10px 17px 30px;}
.header_con.wrapper{height:97px;}/*kdh수정*/
header .header_con:after {display:block; content:''; clear:both;}
header .header_con h1 {float:left; margin-right:20px;}
/* header .header_con h1 {float:left; margin-right:20px; margin-top:-20px; margin-left:-140px;}*/
header .header_con .search_wrap {float:left; width:410px; height:42px; margin-top:4px; margin-left:170px; border-bottom:3px solid #BB2649; position:relative;}/*04수정*/
header .header_con .search_wrap:after {display:block; content:''; clear:both;}
header .header_con .search_wrap input[type="text"] {float:left; width:calc(100% - 50px); height:38px; border:0;padding:0 10px;font-size:22px !important;font-weight:100;}/*kdh수정*/
header .header_con .search_wrap input[type="text"]::placeholder {color:#BB2649;}
header .header_con .search_wrap input[type="button"] {float:left; width:31px; height:31px; text-indent:-9999px; border:0; background:#fff url(../images/qubridge/ico/ico_search_white_202403.png) no-repeat center; cursor:pointer;} /*04수정*/
header .header_con .quick {float:right; margin-top:9px; }
header .header_con .quick:after {display:block; content:''; clear:both;}
header .header_con .quick li { float:left;position: relative;margin-left: 18px;}
header .header_con .quick li:first-child{margin-left: 0;}

header .header_con .quick li.link_inquiry a{background-image:url(../images/qubridge/ico/ico_inquiry_on.png?date=202102011213131)}

header .header_con .quick li.link_cart a{background-image:url(../images/qubridge/ico/ico_basket2_n.png)}
/* header .header_con .quick li.link_cart a:hover{background-image:url(../images/qubridge/ico/ico_basket_on.png)} */
header .header_con .quick li.link_cart span{
    display:block; width:15px; height:15px; font-size:10px; font-family:'Tahoma';font-weight:400; line-height:15px; text-align:center; font-style:normal; color:#fff; background-color:#BB2649; border-radius:50%; position:absolute; top:-5px; right:8px;text-indent:0;
}

header .header_con .quick li.link_order a{background-image:url(../images/qubridge/ico/ico_easy_order2_n.png);}
/* header .header_con .quick li.link_order a:hover{background-image:url(../images/qubridge/ico/ico_easy_order3.png);} */

header .header_con .quick li.link_login a,
header .header_con .quick li.link_myzone a{background-image:url(../images/qubridge/ico/ico_myzone_2.png);}

/* header .header_con .quick li.link_login a:hover,
header .header_con .quick li.link_myzone a:hover{background-image:url(../images/qubridge/ico/ico_myzone_on.png);} */

header .header_con .quick li.link_service,
header .header_con .quick li.link_myzone{display: none;}
header .header_con .quick li a{
    display: block;
    background-repeat:no-repeat;background-position:center top;font-family:'Noto Sans KR';font-size:14px;color: #888888;
    padding-top:24px;
}
header .header_con .quick li.link_cart span{
    display:block; width:15px; height:15px; font-size:10px; font-family:'Tahoma';font-weight:400; line-height:15px; text-align:center; font-style:normal; color:#fff; background-color:#BB2649; border-radius:50%; position:absolute; top:-5px; right:8px;text-indent:0;
}
header.sticky .header_con .quick li.link_login,
header.sticky .header_con .quick li.link_order{display:none;}

header.sticky .header_con .quick li.link_service,
header.sticky .header_con .quick li.link_myzone{display:block;}

header.sticky .header_con .quick li{padding-top:12px;}
header.sticky .header_con .quick li a{padding-top: 0;padding-left: 30px;background-position: 0 0;position: relative;height: 20px;line-height: 20px;}
header.sticky .header_con .quick li+li{margin-left: 32px;}
header.sticky .header_con .quick li.link_cart a{background-image:url(../images/qubridge/ico/ico_basket_off.png);transition:none !important}
header.sticky .header_con .quick li.link_cart a:hover{background-image:url(../images/qubridge/ico/ico_basket_on.png);}

header.sticky .header_con .quick li.link_service{margin-left: 25px;}
header.sticky .header_con .quick li.link_service a{background-image:url(../images/qubridge/ico/ico_customer_off.png);background-position: 3px 0;}
header.sticky .header_con .quick li.link_service a:hover{background-image:url(../images/qubridge/ico/ico_customer_on.png);}

header.sticky .header_con .quick li.link_cart span{left:14px;right: inherit;}

header.sticky .header_con .quick li.link_myzone{margin-left: 20px;}
header.sticky .header_con .quick li.link_myzone a{background-image:url(../images/qubridge/ico/ico_myzone_off.png);background-position: 7px 0;}
header.sticky .header_con .quick li.link_myzone a:hover{background-image:url(../images/qubridge/ico/ico_myzone_on.png);}
/*header.sticky .header_con .quick li a{transition:all 0.15s;}*/
header.sticky .header_con .quick li a:hover{color: #000;}

header.sticky .header_con .quick li.link_inquiry{margin-left: 25px;}
header.sticky .header_con .quick li.link_inquiry a{background-image:url(../images/qubridge/ico/ico_inquiry_off.png);background-position: 3px 0;}
header.sticky .header_con .quick li.link_inquiry a:hover{background-image:url(../images/qubridge/ico/ico_inquiry_on.png);}


header .nav_wrap {height:57px; line-height:55px; border-top:1px solid #e9edf3; box-shadow:0px 2px 0px 0px #eeeeee; font-family:"Noto Sans KR";position: relative;}

header .nav_wrap:after {display:block; content:''; clear:both;}
header .nav_wrap .all_cate {float:left; margin-right:15px; position:relative; display:block; height:55px; background:#fff; z-index:9;} /*04수정*/
header .nav_wrap .all_cate > h2 > a {display:block; width:216px; padding-left:60px; text-align:center; font-size:16px; font-weight:600; border-left:1px solid #e9edf3; border-right:1px solid #e9edf3; background:#fff url(/officeplus/site/recommend/ico_category_202403.png) no-repeat 4px center } /*04수정*/
/*header .nav_wrap .all_cate > h2 > a {display:block; width:220px; padding-left:40px; text-align:center; font-size:18px;font-weight:400; border-left:1px solid #e9edf3; box-shadow:7px -1px 10px -5px #e8e7e7; border-right:1px solid #e9edf3; background:#fff url(../images//qubridge/ico/ico_category.jpg) no-repeat 28px center;}*/
header .nav_wrap .all_cate > h2 > a.on {color:#fff; border-left:1px solid #e9edf3; border-right:1px solid #e9edf3; background:#BB2649 url(../images//qubridge/ico/ico_cate_white.png) no-repeat 28px center;}
/* 03수정
header .nav_wrap .all_cate > h2 > a.red {color:#fff; border-left:1px solid #BB2649; border-right:1px solid #BB2649; background:#BB2649 url(../images//qubridge/ico/ico_cate_white.png) no-repeat 28px center;}
 */
header .nav_wrap .all_cate.noC > h2 > a.red {color:#fff; border-left:1px solid #3c3c4c; border-right:1px solid #3c3c4c; background:#3c3c4c url(../images//qubridge/ico/ico_cate_white.png) no-repeat 28px center;}
header .nav_wrap ul {position:relative; float:left;}
header .nav_wrap ul:after {display:block; content:''; clear:both;}
header .nav_wrap ul li {float:left;}
/* 200106 �߰� ���� s */
header .nav_wrap ul li a {display:block; padding:0 14px; font-weight:500;font-size:16px; height:55px; font-family:"Noto Sans KR","NanumGothic","Nanum Gothic","Malgun Gothic","Apple SD Gothic Neo",dotum,sans-serif;}
/* 200106 �߰� ���� e */
header .nav_wrap ul li a:hover {color:#BB2649;}
/* 200106 �߰� ���� s */
header .nav_wrap ul.product_r{float:right;}
/* 200106 �߰� ���� e */


.nav_wrap .aMenu_show {display:none;position:absolute;top:55px;left:0;width:100%;height:auto;z-index:99999999999999999999;background:#fff;border:1px solid #e9edf3;padding:0;}
.nav_wrap .aMenu_show ul {width:100%;}
.nav_wrap .aMenu_show ul li {display:inline-block;float:left;width:180px;height:480px; padding-left:30px;padding-top:20px;padding-bottom:30px;}
.nav_wrap .aMenu_show ul li:not(:last-child) {border-right:1px solid #ededed;}
.nav_wrap .aMenu_show ul li h2 {display:block;color:#3d3d3d;line-height:30px;font-size:14px;margin-bottom:0px;}
.nav_wrap .aMenu_show ul li h2 a{color:#3d3d3d; font-weight:800;}/*kdh추가*/
.nav_wrap .aMenu_show ul li a {display:block; padding:0;height:auto;line-height:25px;font-size:14px;color:#6b6b6b; float:none !important; font-weight:400;}/*kdh수정  */
.nav_wrap .aMenu_show ul li a:hover {border:none;}
.nav_wrap .aMenu_show ul li a:hover span {color:#BB2649;border-bottom: 1px solid #BB2649;}
.nav_wrap .aMenu_show .close_btn {position:absolute;width:40px;height:40px;  bottom:0px; right:00px;display:block;background:#3c3c4c url(../images/qubridge/ico/ico_close_white.png) no-repeat center center;}
.nav_wrap .aMenu_show .aMenu_banner ul {display:inline-block;width:98%;margin-top:45px;}
.nav_wrap .aMenu_show .aMenu_banner ul li {display:inline-block;float:left;width:20%;border:1px solid #e7e7e7;}
.nav_wrap .aMenu_show .aMenu_banner ul li:not(:first-of-type) {margin-left:-1px;}
.nav_wrap .aMenu_show .aMenu_banner ul li a {display:block;width:100%;height:50px; line-height:50px; text-align: center;}
.nav_wrap .aMenu_show .aMenu_banner ul li:first-child a {background:#BB2649;color:#fff;font-size:16px;}


header .nav_wrap .product {padding-right:5px; margin-right:5px;}
header .nav_wrap .product:before {content:''; position:absolute; z-index:1; right:-15px;top:19px; width:1px; height:20px; background:#e9edf3;}/*kdh수정*/

header .nav_wrap .brand {position:relative; float:right;}
header .nav_wrap .brand > a {position:relative; z-index:5; display:block; padding:0 26px 0 12px; background:url(../images/qubridge/ico/ico_menu_arrow_new.png) no-repeat right 10px center;color:#3d3d3d;font-weight:400;font-size:16px;font-family:'Noto Sans KR';}
header .nav_wrap .brand > div {display:none; position:absolute; z-index:2; right:0; top:55px; width:300px; padding:10px 10px; border:1px solid #3d3d3d; background:#fff; box-shadow:2px 2px 6px #515151;}
header .nav_wrap .brand.on {box-shadow: 2px 6px 6px 0px #dbdbdb; }
header .nav_wrap .brand.on > a {background-color:#fff; background-image:url(../images/qubridge/ico/ico_menu_arrow_new_on.png);}
header .nav_wrap .brand.on > a:before {content:''; position:absolute; z-index:2; right:0; top:0; width:100%; height:54px; border:1px solid #3d3d3d; border-bottom:1px solid #fff;}
header .nav_wrap .brand.on ul li a:hover {border:none}
header .nav_wrap .brand.on > div {display:block;}
header .nav_wrap .brand > div li {float:left; width:130px; height:50px; margin:4px; background:#eeeeee;}
header .nav_wrap .brand > div li a {display:block; width:100%; height:100%;}
header .nav_wrap .brand > div li img { display:block; position:relative; z-index:1; top:50%; max-width:100%; max-height:100%; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
header .nav_wrap .new {position:relative;}
header .nav_wrap .new:after {content:''; position:absolute; z-index:1; right:5px; top:15px; width:8px; height:8px; border-radius:50%; background:#ff3333;}

header .align {display:none; position:absolute; z-index:1; right:50%; top:8px; margin-right:-642px;}
header .align:after {display:block; content:''; clear:both;}
header .align .top {float:left;}
header .align .top a {display:block; padding-top:24px; text-align:center; font-size:12px; color:#000; background:url(../images/qubridge/ico/ico_top.jpg) no-repeat center 7px;}
header .align ul {float:left; margin-left:20px;}
header .align ul li {float:left; margin-left:10px;}
header .align ul li a {display:block; width:40px; height:40px; text-indent:-9999px; background-color:#e7e7e7; background-repeat:no-repeat; background-position:center;}
header .align ul li.on a {background-color:#ff3333;}
header .align ul li.gall a {background-image:url(../images/qubridge/ico/ico_box.png);}
header .align ul li.list a {background-image:url(../images/qubridge/ico/ico_line.png);}


header.sticky {position:fixed; z-index:99999; left:0; top:0; width:100%; background:#fff; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.06);}
header.sticky .gnb {display:none;}
header.sticky .header_con h1 {width:200px; height:40px; position:absolute; left:0px; top:0px;}
header.sticky .header_con h1 img {width:100px; height:36px; margin-top:10px; display:block;}
header.sticky .nav_wrap .all_cate > h2 > a {padding-left:0; width:68px; height:55px; text-indent:-9999px; border:none; background:#fff url(../images/qubridge/ico/ico_newcategory_202403.png) no-repeat center}

header.sticky .nav_wrap .all_cate  > h2 > a.red { border-left:1px solid #e9edf3; border-right:1px solid #e9edf3; padding-left:0; width:68px; height:55px; text-indent:-9999px; background:#fff url(../images/qubridge/ico/ico_cate_sticky.jpg) no-repeat center}
header.sticky .nav_wrap .all_cate  > h2 > a.red:hover{ background:#fff url(../images/qubridge/ico/ico_cate_sticky_hov.jpg) no-repeat center;}

header.sticky .nav_wrap .all_cate > h2 > a.on {height:57px;border:1px solid #e9edf3;margin-top:-1px;border-bottom:1px solid #fff; border:none;}

header.sticky .nav_wrap {height:0; border:0;}

header.sticky .nav_wrap ul,
header.sticky .nav_wrap .brand {display:none;}
header.sticky .header_con {padding:5px 0 7px 110px; height:auto;}
header.sticky .header_con .search_wrap {margin-top:0; width:380px; border-bottom:2px solid #BB2649; float:left; margin-left:110px;}
header.sticky .header_con .search_wrap input[type="button"] {position:absolute; float:left; width:50px; height:38px; text-indent:-9999px; border:0; background:#fff url(../images/qubridge/ico/ico_search_white_sticky_202403.png) no-repeat top 10px right;}
header.sticky .header_con .quick {margin-top:0;}


header.sticky .nav_wrap .all_cate {position:absolute; z-index:12; top:-55px; left:150px;}
header.sticky .aMenu_show ul {display:block;}
header.sticky .aMenu_show { top: 0;}


.header_banner_wrap {float: left; margin-left: 20px;}
.header_banner>img {position: relative; width: 182px; height: 56px;}
.header_banner_hover {width: 100%; height: 100%; display: none;}
.header_banner_hover>img {position: absolute; top: 70px; left: 820px; width: 320px; height: 160px; box-shadow: 5px 8px 8px #0000001e; z-index: 999;}

header.sticky .header_banner_wrap {display: none;} 

/* header Fin */


/* Footer */

footer{width:100%;padding-bottom:20px; clear:both;}/* 0403 */
footer .ft_bd{width:100%;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;box-sizing: border-box;}
footer ul.ft_QuickList{width:auto;float:left;}
footer ul.ft_QuickList li{float:left;display:inline-block;padding:0; height:50px;}
footer ul.ft_QuickList li.afLine13 {position: relative;}
footer ul.ft_QuickList li > a:hover span {border-bottom:1px solid #333}
footer ul.ft_QuickList li.fwbb > a:hover span {border-bottom:1px solid #BB2649}
footer ul.ft_QuickList li.afLine13.fwbb {font-weight:700;}
footer ul.ft_QuickList li.afLine13:after{position: absolute;top:calc(50% - 6.5px);right:0;content:'';width:1px;height:13px;background-color:#dedede;}
footer ul.ft_QuickList li a {padding:0 10px;color:#333;font-size:13px;line-height:48px;display:block;height:100%;width:100%;}
footer ul.ft_QuickList li.fwbb a {color:#BB2649; font-weight:700;}
footer .ft_family {display:inline-block;float:right;background-color:#fff;border-top:none;border-bottom:none;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;color:#adadad;width:180px;height:100%;box-sizing: border-box;padding:1px;}
footer .ft_family img { display:none;width:100%; height:100%;}
footer .ft_family img.on { display:block}
footer .familyList{width:180px;float:right;position:relative;}
footer .familyList .ft_siteList {width:100%;display:none;position: absolute;left:0;top:-220px;}
footer .familyList .ft_siteList.on {width:100%;display:block;position: absolute;left:0;top:-116px;border-bottom:none; z-index:9999;}
footer .familyList .ft_siteList ul{width:100%;background-color:#fff;}
footer .familyList .ft_siteList.on ul {border:1px solid #dbdbdb;border-bottom:none;}
footer .familyList .ft_siteList ul li{width:100%;}
footer .familyList .ft_siteList ul li a{padding-left:10px;padding-top:10px;padding-bottom:10px; font-family:'Noto Sans KR'}
footer .familyList {width:180px;height:50px; float:right;position:relative;margin-top:1px;padding-bottom:1px;}
footer .familyList .ft_siteList{width:100%;display:none;position: absolute;left:0;top:-220px;}
footer .familyList .ft_siteList ul{width:100%;background-color:#fff;}
footer .familyList .ft_siteList ul li{width:100%;}
footer .ft_info{width:715px;float:left;position: relative;}
footer .ft_info:after{position: absolute;width:1px;height: 80%;background-color:#dbdbdb;top:10%;right:0;content:'';}
footer .ft_info h2{padding:20px 0 5px 0;}
footer .ft_info .ft_infoTxt{width:100%;display: block;}
footer .ft_info .ft_infoTxt p{float:left;display:inline-block;font-size:11px;color:#c5c5c5;padding-right:7px;margin-right:7px;margin-bottom:5px;}
footer .ft_info .ft_infoTxt p.afLine11{position: relative;}
footer .ft_info .ft_infoTxt p.afLine11:after{position: absolute;top:calc(50% - 5.5px);right:0;content:'';width:1px;height:11px;background-color:#c5c5c5;}
footer .ft_safe{padding-left:80px;float:left;width:calc(1280px - 715px);}
footer .ft_safe .safeTxt{width:100%; padding-top:20px;}
footer .ft_safe .safeTxt .safeMark{/*width:auto;*/ float:left; width:340px;}
footer .ft_safe .safeTxt .safeMark > .isms_img img{display:block; margin-bottom:10px; width:90%;}
footer .ft_safe .safeTxt .safeMark strong{font-size:13px;color:#616161;display: block;/*padding-top:30px;margin-bottom:15px;*/}
footer .ft_safe .safeTxt .safeMark strong span{margin-left:20px;}
footer .ft_safe .safeTxt .safeMark p{color:#9e9e9e;font-size:11px; margin-bottom:11px;}
footer .ft_safe .safeTxt .safeMark p span{display:block;padding-bottom:5px;}
footer .ft_safe .safeTxt .scmZone{width:100%;}
footer .ft_safe .safeTxt .scmZone img{float:left; width:100%;}
footer .ft_safe .safeTxt .scmZone a{ float:left; display:inline-block; /*margin-left:20px;*/ padding:10px; background-color:#fafafa; border:1px solid #ebebeb; color:#6f6f6f;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     width:140px;
     box-sizing:border-box;
     text-align:center;
     margin-bottom:45px;
}
footer .ft_safe .safeTxt .ft_confirm{float:right; width:140px;}
footer .ft_safe .safeTxt .ft_confirm a.ser_confirm{background-color:#212121;color:#fff;padding:8px 13px;/*margin-top:70px;*/}

/*20210730 Footer ISMS인증 로고 추가 작업 S*/
 

/*20210730 Footer ISMS인증 로고 추가 작업 E*/

/* Footer Fin */

/* sub Page */
body .only_main{
    display: none !important;
}
/* history Nav */
.historyNav{height:55px;padding-left: 22px;}/*kdh수정*/
.historyNav ul{overflow:hidden;padding-top:20px;}
.historyNav ul li{float:left;line-height:1;}
.historyNav ul li a{font-size:14px;color:#464646;}
.historyNav ul li span{display:block;margin:0 10px;padding-top:4px;}
.historyNav ul li span img{vertical-align:top;}
.historyNav ul li.his_home p{font-size:14px; color:#464646;}
.historyNav ul li.his_pageTitle{position: relative;}
.historyNav ul li.his_pageTitle a{color:#3d3d3d;}
.historyNav ul li:last-child a {font-weight:bold;}

/* Paging */
.all_paging{display:block;width:100%;padding-top:30px;text-align:center;padding-bottom:60px;}
.all_paging ul{width:auto;margin:0 auto;display:inline-block;}
.all_paging ul li{float:left;width:auto;display:inline-block;}
.all_paging ul li a{line-height: 30px;padding:0 15px;color:#3d3d3d;font-size:14px;font-family: 'tahoma';}
.all_paging ul li.firstGo a{padding:0;margin-right:5px;}
.all_paging ul li.prevGo a{padding:0;margin-right:5px;}
.all_paging ul li.nextGo a{padding:0;margin-right:5px;margin-left:5px;}
.all_paging ul li.lastGo a{padding:0;}
.all_paging ul li a.active{color:#BB2649;font-weight:800;background:none;}
.all_paging ul li a:hover{color:#BB2649;}
.all_paging ul li.firstGo a,
.all_paging ul li.prevGo a,
.all_paging ul li.nextGo a,
.all_paging ul li.lastGo a{background-repeat:no-repeat;background-position:0 0;display:block;width:30px;height:30px;opacity:1;transition:all 0.15s}
.all_paging ul li.firstGo a{background-image:url(/images/qubridge/ico/ico_first.png);}
.all_paging ul li.prevGo a{background-image:url(/images/qubridge/ico/ico_prev.png);}
.all_paging ul li.nextGo a{background-image:url(/images/qubridge/ico/ico_next.png);}
.all_paging ul li.lastGo a{background-image:url(/images/qubridge/ico/ico_last.png);}

.all_paging ul li.firstGo a:hover{background-image:url(/images/qubridge/ico/ico_first_on.png);}
.all_paging ul li.prevGo a:hover{background-image:url(/images/qubridge/ico/ico_prev_on.png);}
.all_paging ul li.nextGo a:hover{background-image:url(/images/qubridge/ico/ico_next_on.png);}
.all_paging ul li.lastGo a:hover{background-image:url(/images/qubridge/ico/ico_last_on.png);}



/* badge Area */

.badgeArea{width:100%;margin-bottom:20px;}
.badgeArea span.badge{ width:auto; text-align:center; margin-right:2px; display:inline-block; padding:1px 8px; font-size:12px; color:#fff; float:left; border-radius:10px; -webkit-border-radius:10 px; -moz-border-radius:10 px; -ms-border-radius:10 px; -o-border-radius:10 px; }
.badgeArea span.deliverybadge{background-color:#ffd760;}
.badgeArea span.directbadge{background-color:#60a5ff;}
.badgeArea span.getdealbadge{background-color:#ff3334;}
.badgeArea span.regularbadge{background-color:#35c75a;}
.badgeArea span.bestbadge{background-color:#BB2649;}
.badgeArea span.greenbadge{background-color:#45a633;}

/* Product List Thumnail Badge Area (74p~79p) */
.prdList_badgeArea{width:100%;display:block;}
.prdList_badgeArea span.pL_badge{ width:auto; font-size:10px; font-family: 'Noto Sans KR'; font-weight: 500; float:left; margin-right:2px; color:#fff; padding:2px 5px 3px 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.prdList_badgeArea span.pL_deliverybadge{background-color:#ffd760;}
.prdList_badgeArea span.pL_directbadge{background-color:#60a5ff;}
.prdList_badgeArea span.pL_getdealbadge{background-color:#ff3334;display:none !important;}
.prdList_badgeArea span.pL_regularbadge{background-color:#35c75a;}
.prdList_badgeArea span.pL_bestbadge{background-color:#ff7360;}
.prdList_badgeArea span.pL_greenbadge{background-color:#45a633;}

/* -----------------------All Page Right Wing Banner-------------------------- */

.r_wBanner{position: absolute;width:90px;border:1px solid #eeeeee;text-align:center;box-sizing: border-box;left:500px;}
.r_wBanner ul{width:100%;}
.r_wBanner ul li{width:100%;border-bottom:1px solid #eeeeee;box-sizing: border-box;}
.r_wBanner ul li.login{background-color:#ff3333;padding:10px 0;position:relative;}
.r_wBanner ul li.login a{color:#fff;font-size:14px;}

/* ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙 ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙?�쏙???�쏙?�占?�㈇?�쏙?�占?�옙?�쏙?�占?�옙?�� ?�쏙?�占?�옙?�쏙?�占?�옙 */
.r_wBanner ul li.login .r_w_Login{position: absolute;top:0;left:-160px;width:160px;background:url(../images/qubridge/bg/loginboxbg.jpg) no-repeat center;background-size:cover;padding-right:10px;height:190px;overflow: hidden;display: none;}
.r_wBanner ul li.login .r_w_Login .r_w_loginbox{width:100%;}
.r_wBanner ul li.login .r_w_Login .r_w_loginbox li{border-bottom:none;}
.r_wBanner ul li.login .r_w_Login .r_w_loginbox .r_w_menubox{width:100%;padding-bottom:20px;}
.r_wBanner ul li.login .r_w_Login .r_w_loginbox .r_w_menubox strong{color:#fff;display:block;width:100%;font-size:15px;font-weight: bold;font-family:'Malgun Gothic';margin-bottom:20px;padding-top:15px;}
.r_wBanner ul li.login .r_w_Login .r_w_loginbox .r_w_menubox p.loginMenu{display:inline-block;}
.r_wBanner ul li.login .r_w_Login .r_w_loginbox .r_w_menubox p.loginMenu span{float:left;display:inline-block;font-size:13px;color:#ffd3d3;}
.r_wBanner ul li.login .r_w_Login .r_w_loginbox .r_w_menubox p.loginMenu span:first-of-type{padding-right:6px;margin-right:5px;position:relative;}
.r_wBanner ul li.login .r_w_Login .r_w_loginbox .r_w_menubox p.loginMenu span:first-of-type:after{position: absolute;right:0;top:10%;width:1px;height:80%;content:'';background-color:#ffd3d3;}
.r_wBanner ul li.login .r_w_Login .r_w_btnbox{width:100%;padding:10px 0 20px 0;}
.r_wBanner ul li.login .r_w_Login .r_w_btnbox p.logTxt{width:100%;text-align:center;margin-bottom:10px;}
.r_wBanner ul li.login .r_w_Login .r_w_btnbox p.logTxt span{width:100%;display:block;line-height: 1.4;color:#6b6b6b;}
.r_wBanner ul li.login .r_w_Login .r_w_btnbox a.loginBtn{width:80px;margin:0 auto;background-color:#ff3333;text-align:center;padding:7px 0;font-size:12px;font-family: 'Malgun Gothic';}
/* ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙 ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙?�쏙???�쏙?�占?�㈇?�쏙?�占?�옙?�쏙?�占?�옙?�� ?�쏙?�占?�옙?�쏙?�占?�옙 Fin */

.r_wBanner ul li.icList{padding:20px 0;}
.r_wBanner ul li.icList .iconArea{width:100%;height:32px;overflow: hidden;margin-bottom:10px;vertical-align: middle;}
.r_wBanner ul li.icList .iconArea img{vertical-align: middle;}

/* ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙 ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙?�쏙???�쏙?�占?�옙?�쏙?�占?�옙?�싼�占?��깍옙?�쏙?�占�??�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙?�쏙??*/
.r_wBanner ul li.WishView{color:#848484;font-size:12px;padding:10px 0;border-bottom:none;position:relative;}
.r_wBanner ul li.WishView .WishViewList{position: absolute;left:-160px;bottom:0;width:160px;padding:10px 9px 10px 0;background:url(../images/qubridge/bg/wishlist_bg.jpg) no-repeat center;background-size:contain;height:196px;overflow: hidden;opacity: 0;}
.r_wBanner ul li.WishView .WishViewList ul{width:110px;margin:0 auto;}
.r_wBanner ul li.WishView .WishViewList ul li{width:100%;border-bottom:none;text-align:left;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl{width:100%;display:block;margin-bottom:10px;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl ul.pageCount{float:left;margin-left:50px;display:inline-block;width:auto;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl ul.pageCount li{float:left;border-bottom:none;width:auto;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl ul.pageCount li.now_PageN{position:relative;padding-right:9px;margin-right:5px;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl ul.pageCount li.now_PageN:after{position: absolute;content:'/';top:0;right:0;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl ul.pageCount li p{font-size:7px;font-weight: bold;font-family:'Tohoma';}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl .controlBtn{float:right;display:inline-block;border:1px solid #cecece;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl .controlBtn a{float:left;display:inline-block;width:11px;height:11px;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl .controlBtn a.w_prev{margin-right:1px;position: relative;}
.r_wBanner ul li.WishView .WishViewList ul li .pageControl .controlBtn a.w_prev:after{width:1px;height:100%;background-color:#cecece;position: absolute;top:0;right:-1px;content:'';}
.r_wBanner ul li.WishView .WishViewList ul li .thumnail{width:100%;height:110px;overflow: hidden;margin-bottom:10px;}
.r_wBanner ul li.WishView .WishViewList ul li .thumnail img{width:100%;height:auto;overflow: hidden;vertical-align: middle;}
.r_wBanner ul li.WishView .WishViewList ul li .wVL_info{width:100%;color:#555555;}
.r_wBanner ul li.WishView .WishViewList ul li .wVL_info strong.wVL_Title{width:100%;display:block;font-size:10px;font-family:'Malgun Gothic';text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:5px;}
.r_wBanner ul li.WishView .WishViewList ul li .wVL_info p.wVL_price{width:100%;display:block;font-size:10px;font-family:'Tahoma';font-weight: bold;}
/* ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙 ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙?�쏙???�쏙?�占?�옙?�쏙?�占?�옙?�싼�占?��깍옙?�쏙?�占�??�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙?�쏙??Fin */

/* ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙 ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙?�쏙???�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙 ?�쏙?�占?�옙?�쏙???�쏙?�占?�옙?�쏙?�占?�옙 */
.r_wBanner ul li.todayView{color:#848484;font-size:12px;padding:10px 0;border-bottom:none;position:relative;}
.r_wBanner ul li.todayView .todayViewList{position: absolute;left:-160px;top:0;width:160px;padding:10px 9px 10px 0;background:url(../images/qubridge/bg/todayviewlist_bg.jpg) no-repeat center;background-size:contain;height:196px;overflow: hidden;opacity: 0;}
.r_wBanner ul li.todayView .todayViewList ul{width:110px;margin:0 auto;}
.r_wBanner ul li.todayView .todayViewList ul li{width:100%;border-bottom:none;text-align:left;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl{width:100%;display:block;margin-bottom:10px;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl ul.pageCount{float:left;margin-left:50px;display:inline-block;width:auto;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl ul.pageCount li{float:left;border-bottom:none;width:auto;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl ul.pageCount li.now_PageN{position:relative;padding-right:9px;margin-right:5px;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl ul.pageCount li.now_PageN:after{position: absolute;content:'/';top:0;right:0;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl ul.pageCount li p{font-size:7px;font-weight: bold;font-family:'Tohoma';}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl .controlBtn{float:right;display:inline-block;border:1px solid #cecece;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl .controlBtn a{float:left;display:inline-block;width:11px;height:11px;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl .controlBtn a.w_prev{margin-right:1px;position: relative;}
.r_wBanner ul li.todayView .todayViewList ul li .pageControl .controlBtn a.w_prev:after{width:1px;height:100%;background-color:#cecece;position: absolute;top:0;right:-1px;content:'';}
.r_wBanner ul li.todayView .todayViewList ul li .thumnail{width:100%;height:110px;overflow: hidden;margin-bottom:10px;}
.r_wBanner ul li.todayView .todayViewList ul li .thumnail img{width:100%;height:auto;overflow: hidden;vertical-align: middle;}
.r_wBanner ul li.todayView .todayViewList ul li .tVL_info{width:100%;color:#555555;}
.r_wBanner ul li.todayView .todayViewList ul li .tVL_info strong.tVL_Title{width:100%;display:block;font-size:10px;font-family:'Malgun Gothic';text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:5px;}
.r_wBanner ul li.todayView .todayViewList ul li .tVL_info p.tVL_price{width:100%;display:block;font-size:10px;font-family:'Tahoma';font-weight: bold;}
/* ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙 ?�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙?�쏙???�쏙?�占?�옙?�쏙?�占?�옙?�쏙?�占?�옙 ?�쏙?�占?�옙?�쏙???�쏙?�占?�옙?�쏙?�占?�옙 Fin */

.r_wBanner ul li.hoverline{position:relative;width:100%;height:100%;}
.r_wBanner ul li.hoverline:hover:after{position: absolute;width:100%;height:100%;content:'';border:1px solid #000;left:0;top:0;box-sizing: border-box;}
.r_wBanner ul li.todayView:hover .todayViewList{ opacity: 1; }
.r_wBanner ul li.WishView:hover .WishViewList{ opacity: 1; }


/*191021 added by MMW*/
.displayN {display:none !important;}
.dimmed {position:fixed;display:none;z-index:99999999;background:rgba(0,0,0,0.4);width:100%;height:100%;top:0;left:0;}
input[type="text"] {font-family:'Noto Sans KR' !important;font-size:12px !important;}
input[type="password"] {font-family:'Noto Sans KR' !important;font-size:12px !important;}

/*
hidden-all-cate*/
.hid_AC {display:none;position:absolute;z-index:3;box-sizing: border-box;}
.hid_AC .Depth  {display:block;background:rgba(60,60,76,0.8);width:220px;height:531px;}
.hid_AC .Depth > li {display:block;width:calc(100% - 10px);margin-left:10px; padding-bottom:10px;}
.hid_AC .Depth > li:first-of-type,
.hid_AC .Depth > li .Dtarget ul li:first-of-type {margin-top:22px;}
.hid_AC .Depth > li > a {width:100%;height:30px;line-height:27px;padding-left:15px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#fff;}
.hid_AC .Depth > li > a:hover {background:#BB2649;color:#fff;}
.hid_AC .Depth > li .Dtarget {display:none;background:#fff;position:absolute;top:0;left:220px;width:220px;height:531px;border:1px solid #BB2649;}
.hid_AC .Depth > li .Dtarget.long {width:444px;}
.hid_AC .Depth > li .Dtarget ul {display:inline-block;width:220px;height:100%;}
.hid_AC .Depth > li .Dtarget > ul:nth-of-type(2) {display:inline-block;width:220px;height:100%;}
.hid_AC .Depth > li .Dtarget > ul:nth-of-type(2)::before {content:'';display:block;height:calc(100% - 58px);margin-top:29px;border-left:1px solid #dddddd;position:absolute;left:0;top:0;}
.hid_AC .Depth > li .Dtarget ul li {display:block;width:100%;padding-bottom:10px;}
.hid_AC .Depth > li .Dtarget ul li a {width:100%;height:30px;line-height:27px;padding-left:24px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#3d3d3d;}
.hid_AC .Depth > li .Dtarget ul li a:hover {border:none;}
.hid_AC .Depth > li .Dtarget ul li a:hover span {border-bottom:1px solid #BB2649;color:#BB2649;font-weight:500;}
.hid_AC .Depth > li .Dtarget ul li.adv {position:absolute;bottom:0;}


.hid_AC .Depth > li .Dtarget ul li:nth-child(2) .Dtarget {display: none;}

/*hidden-all-cate*/
.hid_AC {display:block !important; position:absolute;z-index:3;box-sizing: border-box; color:#333;}
.hid_AC .Depth   {background:#fff; float:left; width:216px; height:460px; color:#333 !important; border-left:1px solid #e9edf3; box-shadow:4px 0px 2px 0px rgba(0,0,0,0.1);}/*04수정*/ /*kdh수정*/
.hid_AC .Depth > li {display:block; width:calc(100% - 10px);margin-left:10px; padding-bottom:0px; color:#333 !important;}
.hid_AC .Depth > li:first-of-type,
.hid_AC .Depth > li .Dtarget ul li:first-of-type {margin-top:22px; color:#333;}
.hid_AC .Depth > li > a {width:100%;height:32px;line-height:32px;padding-left:15px;font-size:14px;font-weight:500;letter-spacing:-1.5px;font-family:'Noto Sans KR'; color:#333; float:none !important;}
.hid_AC .Depth > li a{ color:#333;}

.hid_AC .Depth > li > a:hover {color:#fff !important; background-color:#BB2649;animation-fill-mode: forwards;}

.hid_AC .Depth > li .Dtarget {display:none;background:#fff;position:absolute;top:0;left:216px;width:216px;height:460px;border:1px solid #dddddd;border-bottom:0;z-index:7777;}
.hid_AC .Depth > li .Dtarget.long {width:444px;}
.hid_AC .Depth > li .Dtarget ul {display:inline-block;width:216px;height:460px;}
.hid_AC .Depth > li .Dtarget > ul:nth-of-type(2) {display:inline-block;width:216px;height:460px; position:absolute;}
.hid_AC .Depth > li .Dtarget > ul:nth-of-type(2)::before {content:'';display:block;height:calc(100% - 58px);margin-top:29px;border-left:1px solid #dddddd;position:absolute;left:0;top:0;}
.hid_AC .Depth > li .Dtarget ul li {display:block;width:100%;padding-bottom:0px;}
.hid_AC .Depth > li .Dtarget ul li > a {width:100%;height:30px;line-height:27px;padding-left:24px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#3d3d3d; float:none !important;}
.hid_AC .Depth > li .Dtarget ul li > a:hover {border:none;}
.hid_AC .Depth > li .Dtarget ul li > a:hover span {border-bottom:1px solid #BB2649;color:#BB2649;font-weight:500;}
.hid_AC .Depth > li .Dtarget ul li.adv {position:absolute;bottom:0;}

/* 20_0428 4뎁스 완성본  s
.hid_AC .Depth > li .Dtarget ul li:nth-child(2) .Dtarget {display: none;}

.hid_AC {display:block !important; position:absolute;z-index:3;box-sizing: border-box; color:#333;}
.hid_AC .Depth   {background:#fff; float:left; width:216px; height:460px; color:#333 !important; border-left:1px solid #e9edf3; box-shadow:4px 0px 2px 0px rgba(0,0,0,0.1);}
.hid_AC .Depth > li {display:block; width:calc(100% - 10px);margin-left:10px; padding-bottom:0px; color:#333 !important;}
.hid_AC .Depth > li:first-of-type,
.hid_AC .Depth > li .Dtarget ul li:first-of-type {margin-top:22px; color:#333;}
.hid_AC .Depth > li > a {width:100%;height:32px;line-height:32px;padding-left:15px;font-size:14px;font-weight:500;letter-spacing:0.5px;font-family:'Noto Sans KR'; color:#333; float:none !important;}
.hid_AC .Depth > li a{ color:#333;}

.hid_AC .Depth > li > a:hover {color:#fff !important; background-color:#BB2649;animation-fill-mode: forwards;}

.hid_AC .Depth > li .Dtarget {display:none;background:#fff;position:absolute;top:0;left:216px;width:216px;height:460px;border:1px solid #dddddd;border-bottom:0;z-index:7777;}
.hid_AC .Depth > li .Dtarget.long {width:444px;}
.hid_AC .Depth > li .Dtarget ul {display:inline-block;width:216px;height:460px;}
.hid_AC .Depth > li .Dtarget > ul:nth-of-type(2) {display:inline-block;width:216px;height:460px;}
.hid_AC .Depth > li .Dtarget > ul:nth-of-type(2)::before {content:'';display:block;height:calc(100% - 58px);margin-top:29px;border-left:1px solid #dddddd;position:absolute;left:0;top:0;}
.hid_AC .Depth > li .Dtarget ul li {display:block;width:100%;padding-bottom:0px;}
.hid_AC .Depth > li .Dtarget ul li > a {width:100%;height:30px;line-height:27px;padding-left:24px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#3d3d3d; float:none !important;}
.hid_AC .Depth > li .Dtarget ul li > a:hover {border:none;}
.hid_AC .Depth > li .Dtarget ul li > a:hover span {border-bottom:1px solid #BB2649;color:#BB2649;font-weight:500;}
.hid_AC .Depth > li .Dtarget ul li.adv {position:absolute;bottom:0;}

.nav > ul { padding-bottom: 10px;}
.hid_AC .Depth2 > li:first-of-type,
.hid_AC .Depth2 > li .Dtarget2 ul li:first-of-type {margin-top:22px;}
.hid_AC .Depth2 > li:hover {background:url(../images/qubridge/ico/depth.png) no-repeat}/*03수정(추가)*/



.nav > ul { padding-bottom: 10px;}
.hid_AC .Depth02 > li:first-of-type,
.hid_AC .Depth02 > li .Dtarget2 ul li:first-of-type {margin-top:22px;}
.hid_AC .Depth02 > li > a {width:100%;height:30px;line-height:27px;padding-left:15px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#fff;}

.hid_AC .Depth02 > li .Dtarget2 {display:none;background:#fff;position:absolute;top:-1px;left:214px;width:210px;height:460px;border:1px solid #dddddd;border-bottom:0;}
.hid_AC .Depth02 > li .Dtarget2.long {width:444px;}
.hid_AC .Depth02 > li .Dtarget2 ul {display:inline-block;width:220px;height:460px;}
.hid_AC .Depth02 > li .Dtarget2 > ul:nth-of-type(2) {display:inline-block;width:216px; height:460px; float:left;}
.hid_AC .Depth02 > li .Dtarget2 > ul:nth-of-type(2)::before {content:'';display:block;height:calc(100% - 58px);margin-top:29px;border-left:1px solid #dddddd;position:absolute;left:220px;top:0;}
.hid_AC .Depth02 > li .Dtarget2 ul li {display:block;width:100%;padding-bottom:0;}
.hid_AC .Depth02 > li .Dtarget2 ul li > a {width:100%;height:30px;line-height:27px;padding-left:24px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#3d3d3d;}
.hid_AC .Depth02 > li .Dtarget2 ul li > a:hover {border:none;}
.hid_AC .Depth02 > li .Dtarget2 ul li > a:hover span {border-bottom:1px solid #BB2649;color:#BB2649;font-weight:500;}
.hid_AC .Depth02 > li .Dtarget2 ul li.adv {position:absolute;bottom:0;}
.hid_AC .Depth02 > li .Dtarget2 ul.overmennu_depth li > a{height: 28px;}


.nav > ul { padding-bottom: 10px;}
.hid_AC .Depth2 > li:first-of-type,
.hid_AC .Depth2 > li .Dtarget2 ul li:first-of-type {margin-top:22px;}
.hid_AC .Depth2 > li:hover {background:url(../images/qubridge/ico/depth.png) no-repeat}/*03수정(추가)*/
.hid_AC .Depth2 > li > a {width:100%;height:30px;line-height:27px;padding-left:15px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#fff;}

.hid_AC .Depth2 > li .Dtarget2 {display:none;background:#fff;position:absolute;top:-1px;left:214px;width:210px;height:460px;border:1px solid #dddddd;border-bottom:0; z-index:10;}
.hid_AC .Depth2 > li .Dtarget2.long {width:444px;}
.hid_AC .Depth2 > li .Dtarget2 ul {display:inline-block;width:220px;height:460px;}
.hid_AC .Depth2 > li .Dtarget2 > ul:nth-of-type(2) {display:inline-block;width:216px; height:460px; float:left;}
.hid_AC .Depth2 > li .Dtarget2 > ul:nth-of-type(2)::before {content:'';display:block;height:calc(100% - 58px);margin-top:29px;border-left:1px solid #dddddd;position:absolute;left:220px;top:0;}
.hid_AC .Depth2 > li .Dtarget2 ul li {display:block;width:100%;padding-bottom:0;}
.hid_AC .Depth2 > li .Dtarget2 ul li > a {width:100%;height:30px;line-height:27px;padding-left:24px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#3d3d3d;}
.hid_AC .Depth2 > li .Dtarget2 ul li > a:hover {border:none;}
.hid_AC .Depth2 > li .Dtarget2 ul li > a:hover span {border-bottom:1px solid #BB2649;color:#BB2649;font-weight:500;}
.hid_AC .Depth2 > li .Dtarget2 ul li.adv {position:absolute;bottom:0;}
.hid_AC .Depth2 > li .Dtarget2 ul.overmennu_depth li > a{height: 28px;}


.nav > ul { padding-bottom: 10px;}
.hid_AC .Depth3 > li:first-of-type,
.hid_AC .Depth3 > li .Dtarget3 ul li:first-of-type {margin-top:22px;}
.hid_AC .Depth3 > li:hover {background:url(../images/qubridge/ico/depth.png) no-repeat}/*03수정(추가)*/
.hid_AC .Depth3 > li > a {width:100%;height:30px;line-height:27px;padding-left:15px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#fff;}

.hid_AC .Depth3 > li .Dtarget3 {display:none;background:#fff;position:absolute;top:-1px;left:214px;width:210px;height:460px;border:1px solid #dddddd;border-bottom:0;}
.hid_AC .Depth3 > li .Dtarget3.long {width:444px;}
.hid_AC .Depth3 > li .Dtarget3 ul {display:inline-block;width:220px;height:460px;}
.hid_AC .Depth3 > li .Dtarget3 > ul:nth-of-type(2) {display:inline-block;width:216px; height:460px; float:left;}
.hid_AC .Depth3 > li .Dtarget3 > ul:nth-of-type(2)::before {content:'';display:block;height:calc(100% - 58px);margin-top:29px;border-left:1px solid #dddddd;position:absolute;left:220px;top:0;}
.hid_AC .Depth3 > li .Dtarget3 ul li {display:block;width:100%;padding-bottom:0;}
.hid_AC .Depth3 > li .Dtarget3 ul li > a {width:100%;height:30px;line-height:27px;padding-left:24px;font-size:14px;font-weight:400;font-family:'Noto Sans KR';color:#3d3d3d;}
.hid_AC .Depth3 > li .Dtarget3 ul li > a:hover {border:none;}
.hid_AC .Depth3 > li .Dtarget3 ul li > a:hover span {border-bottom:1px solid #BB2649;color:#BB2649;font-weight:500;}
.hid_AC .Depth3 > li .Dtarget3 ul li.adv {position:absolute;bottom:0;}
.hid_AC .Depth3 > li .Dtarget3 ul.overmennu_depth li > a{height: 28px;}




.loginWrap {display:block;position:relative;width:400px;height:auto; margin:0 auto 90px auto;padding:5px;}
.loginWrap > h2 {font-size:20px;color:#3d3d3d;line-height:60px;text-align: center;}
.loginWrap input[type="text"],
.loginWrap input[type="password"] {width:100%;height:52px;border:1px solid #dddddd;padding:0 20px;line-height:50px;font-size:16px;margin-bottom:10px;}
.loginWrap .checkBox_wrap {display:inline-block;position:relative;padding-left:16px;margin-right:10px;}
.loginWrap .checkBox_wrap label {font-size:12px;color:#a7a7a7;cursor: pointer;}
.loginWrap input[type="checkbox"] {position:absolute;visibility: hidden;}
.loginWrap input[type="checkbox"] + label::before {content:'';display:inline-block;position:absolute;left:0;top:3px;width:12px;height:12px; background:url(../images/qubridge/ico/priv_off.png) no-repeat center left; cursor: pointer;}

.loginWrap input[type="checkbox"]:checked + label:before {content:'';display:inline-block;position:absolute;left:0;top:3px;width:12px;height:12px; background:url(../images/qubridge/ico/priv_on.png) no-repeat center left;}

.loginWrap input[type="submit"] {display:block; width:100%;height:44px;background:#BB2649;color:#fff;font-size:16px;font-weight:700;border:0;cursor:pointer;margin:30px auto 20px auto;font-family:'nanumgothic';}

.loginWrap .subBtn {display:block; text-align:center; margin-bottom:38px;}
.loginWrap .subBtn a {display:inline-block;font-size:16px; color:#888888;position:relative;}
.loginWrap .subBtn a:hover{color:#BB2649;}
.loginWrap .subBtn a.joinLink {color:#3d3d3d;}
.loginWrap .subBtn a:not(:last-of-type) {margin-right:34px;}
.loginWrap .subBtn a:not(:last-of-type):after {content:'';display:block;position:absolute;width:1px;height:12px;top:6px;right:-17px;border-right:1px solid #dddddd;}

.loginWrap .subJoin {display:block; border-top:1px dotted #d2d2d2; padding-top:27px;}
.loginWrap .subJoin p {color:#a7a7a7;font-size:14px;}
.loginWrap .subJoin a {width:100%;height:44px; line-height:42px;border:1px solid #bb2649;text-align: center;color:#BB2649;font-size:16px; font-weight:700;margin-top:10px;font-family:'nanumgothic'}

.login_notice {display:block;position:relative;width:100%;padding:40px 0;background:#f5f5f5;}
.login_notice .ln_inner { width:620px;margin:0 auto;}
.login_notice .ln_inner p {color:#888888;font-size:14px;line-height:1.8;padding-left:15px;position:relative;}
.login_notice .ln_inner p::before {content:'ㆍ';position:absolute;left:0;font-weight:800;font-size:15px;}


.login_popup {width:700px; height:400px;margin:0 auto;padding-top:45px;background:#fff;position:relative;}
.login_popup > .loginWrap {margin:0 auto 0 auto;}
.login_popup > .login_notice {padding:13px 20px;}
.login_popup > .loginWrap input[type="submit"] {margin:30px auto 15px auto;}
.login_popup > .loginWrap .subBtn {display:block;text-align: center;margin-bottom:15px;}
.login_popup .closePop {position:absolute; top:20px;right:20px;width:17px;height:17px;background:url(../images/qubridge/ico/popup_close_btn.png) no-repeat;background-size:contain;}
.loginWrap input::placeholder {}
.loginWrap input:hover::placeholder {color:#BB2649;}
.loginWrap input:hover:-ms-input-placeholder {color:#BB2649 !important;}
.loginWrap .warning_msg {color:#BB2649 !important;}

.sns_wrap{margin:0 auto; width:300px; height:100px; margin-bottom:38px;}
.sns_wrap .naver_btn{margin:10px auto; width:300px; height:45px; cursor:pointer;}
.sns_wrap .kakao_btn{margin:0 auto; width:300px; height:45px; cursor:pointer;}


/*****LEFT BANNER*****/
.left_banner.on {position:fixed; height:0; top:89px; left:51%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); z-index:4;}
.left_banner{width:1580px; position:absolute; top:20px; left:-130px;}
.left_banner .QR_code{text-align:center; margin-bottom:10px;}
.left_banner .QR_code .bg_box{width:64px; height:64px; margin:0 auto 3px; background-color:#f1f3f6; border-radius:50%; padding-top:16px; box-sizing:border-box;}
.left_banner .QR_code > a.close_btn{position:absolute; top:0; left:0;}
.left_banner .QR_code > a.down_btn{font-size:12px; font-weight:400; letter-spacing:-0.040em; color:#6b6b6b; line-height:1;}
/* 200107 ���� s */
.left_banner .vip_lounge{width:100%; box-sizing:border-box;background:#fff; cursor:pointer;}
.left_banner .vip_lounge a{cursor:pointer;}
.left_banner .call_center{width:100%; box-sizing:border-box;background:#fff; cursor:pointer;}
.left_banner .vip_lounge a{cursor:pointer;}
/* 200107 ���� d */


/* 200107 ���� s */
/*
.left_banner .getdil_box{width:100%; text-align:center; border:1px solid #e6e6e6; box-sizing:border-box;background:#fff;}
.left_banner .getdil_box .event_img{padding:4px; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.left_banner .getdil_box .event_img img{max-width:100%;}
.left_banner .getdil_box .getdil_sd{padding:10px 4px 0px 4px; box-sizing:border-box;}
.left_banner .getdil_box .getdil_sd h5{font-size:12px; font-weight:400; color:#555; font-family: 'Noto Sans KR';}
.left_banner .getdil_box .getdil_sd .slider{margin-top:10px;}
.left_banner .getdil_box .getdil_sd .slider > div{width:100%;}
.left_banner .getdil_box .getdil_sd ul li{width:80px; height:80px;}
.left_banner .getdil_box .getdil_sd ul li img{width:100%; height:100%;}
.left_banner .getdil_box .getdil_sd ul li:first-of-type{margin-bottom:5px;}
.left_banner .getdil_box  .getdil_sd .swiper-container {height:192px;margin-top:10px;}
.left_banner .getdil_box  .getdil_sd .swiper-wrapper {height:165px;}
*/
/* 200107 ���� d */
.gd_prev, .gd_next {width:14px; height:14px;top:auto;bottom:8px;  border:1px solid #e6e6e6;box-sizing:border-box;}
.gd_prev { background: url(../images/qubridge/dummy/getdil_prev.jpg) center top no-repeat; background-size: cover; left: 26px;}
.gd_next { background: url(../images/qubridge/dummy/getdil_next.jpg) center top no-repeat; background-size: cover; right: 26px;}

/*RIGHT_BANNER*/
/*
.right_banner.on {position:fixed; height:0; top:89px; left:84%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); z-index:4; border:1px solid #e8e7e7; background:#fff; height:242px;}
*/
#right_banner{float:left; width:90px;box-sizing:border-box; z-index:8888; border:1px solid #e8e7e7; background:#fff; transition-duration:0.7s; position:relative;}
.r_banner{position:absolute; right:-110px; top:830px; width:90px; height:auto; z-index:9;}

/*?�∽?�域뱄옙???����?�쏙?�css*/
#right_banner .login_box {width:88px; position:relative;}
#right_banner .login_box > a{display:block; padding:10px 0; font-size:11px; font-weight:bold; font-family: 'Malgun Gothic'; line-height:1; letter-spacing:-0.040em; color:#fff; text-align:center; background-color:#BB2649; width:100%; float:left;} /* 0403 */
#right_banner .login_box .login {position:absolute; top:-1px; z-index:4; border:1px solid #b2b2b2;border-left:0; box-sizing:border-box; display:none;}
#right_banner .login_box .login.on{display:block;}
#right_banner .login_box .login:after{content:""; display:block; width:9px; height:15px; background:url(../images/qubridge/ico/login_box_arrow_202403.png) center top no-repeat; background-size:cover; position:absolute; top:11px; right:-9px;}
#right_banner .login_box .login_off{width:150px; left:-159px; display:none;}
#right_banner .login_box .login .top_box{font-size:0; text-align:center; background-color:#BB2649;border-left:1px solid #b2b2b2;}
#right_banner .login_box .login .top_box .txt p{display:inline-block; vertical-align:top; font-size:16px; font-weight:bold; color:#fff; line-height:1;}
#right_banner .login_box .login .top_box .txt p span{display:inline-block; vertical-align:top; width:166px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#right_banner .login_box .login .top_box .list{margin-top:22px; font-size:0; text-align:center;}
#right_banner .login_box .login .top_box .list a{display:inline-block; vertical-align:top; font-size:14px; font-weight:400; color:#fff; line-height:1; opacity:0.7; padding:0 4px; position:relative;}
#right_banner .login_box .login .top_box .list a:first-of-type:after{content:""; display:block; width:1px; height:13px; background-color:#ffb5b5; position:absolute; top:1px; right:0;}
#right_banner .login_box .login .bot_box{display:flex; flex-wrap:wrap; justify-content:center; width:100%;padding:12px 1px 19px 1px; background-color:#fff; text-align:center;border-left:1px solid #b2b2b2;}
#right_banner .login_box .login .bot_box a{display:block; width:80px; margin:10px auto 0; padding:7px 0; font-size:14px; font-weight:400; color:#fff; text-align:center; line-height:1;}
#right_banner .login_box .login_off .top_box{padding:15px 0 25px;}
#right_banner .login_box .login_off .bot_box p{font-size:12px; font-weight:400; letter-spacing:-0.040em; color:#6b6b6b;}
/* 200106 �߰� */
#right_banner .login_box .login_off .bot_box p:hover{text-decoration: underline; cursor:pointer;}
/* 200106 �߰� */
#right_banner .login_box .login_off .bot_box a{background-color:#BB2649;}
#right_banner .login_box .login_on{width:284px; left:-293px;}
#right_banner .login_box .login_on .top_box{padding:10px 0 25px;}
#right_banner .login_box .login_on .top_box .txt p{padding:9px 0 0 4px;}
#right_banner .login_box .login_on .top_box .list a{padding:0 15px;}
#right_banner .login_box .login_on .bot_box{padding:15px 0 20px;}
#right_banner .login_box .login_on .bot_box p{width:100%; font-size:14px;color:#555;}
#right_banner .login_box .login_on .bot_box a{background-color:#d2d2d2; margin-top:17px;}

.product_box02 .pb02_cnt .swiper-pagination-current{letter-spacing: 0}
.swiper-pagination-current{margin-right:10px !important;}
.swiper-pagination-total{margin-left:2px !important;}
.product_box .swiper-pagination-total{letter-spacing:0;}

/*?������?�쏙?���占�?css*/
#right_banner .icon_list > ul{width:90px;}
#right_banner .icon_list > ul > li {width:88px; text-align:center; float:left; position:relative; letter-spacing:-0.5em; margin-bottom:-1px;}/*03수정*/
#right_banner .icon_list > ul > li:not(:first-child) {margin-top:-1px;padding-top:1px;}
#right_banner .icon_list > ul > li:last-child {padding-bottom:1px; float:left; display:none;}
#right_banner .icon_list > ul > li.icon > a {float:left;display:block;width:100%; height:25px; box-sizing:border-box;}/*03수정*/
#right_banner .icon_list > ul > li.icon > a :hover{ text-decoration:underline;}/*kdh추가*/
#right_banner .icon_list > ul > li.icon > a p {font-size:11px; width:88px; text-align:left; margin-left:14px; font-weight:400; letter-spacing:-0.040em; color:#6b6b6b; line-height:1; margin-top:10px; font-family:'Malgun Gothic'}
#right_banner .icon_list > ul > li.today_pd a {display:block; width:88px; height:35px; font-size:11px;font-weight:400; letter-spacing:-0.040em; color:#6b6b6b; line-height:2.8em;background:#fff;border-bottom:1px solid #e8e7e7; border-top:1px solid #e7e7e7;}/*kdh수정*/
#right_banner .icon_list > ul > li.attention a {display:block; width:88px; height:35px; font-size:11px;float:left; margin-top:10px;font-weight:400; letter-spacing:-0.040em; color:#6b6b6b; line-height:1;background:#fff;border-bottom:1px solid #e8e7e7; border-top:1px solid #e7e7e7;}/*03수정*/
#right_banner .icon_list > ul > li.attention:hover,
#right_banner .icon_list > ul > li.today_pd:hover {z-index:7777;}
#right_banner .icon_list > ul > li.sns a {display: inline-block; padding: 8px 3px;}
#right_banner .icon_list > ul > li.top_btn{width:88px; text-align:center; float:left; position:relative; background:#e7e7e7;}
#right_banner .icon_list > ul > li.top_btn a{float:left;display:block;width:88px; height:32px; box-sizing:border-box;background:#e7e7e7;}
#right_banner .icon_list > ul > li.top_btn a p{width:88px; font-size:12px; font-weight:400; letter-spacing:0.01em; color:#6b6b6b; line-height:2.2; height:25px; font-family:'Malgun Gothic'}
#right_banner .icon_list > ul > li.top_btn a p span{font-size:14px;}

#right_banner .icon_list > ul > li.attention:hover .today_pd {border-top:1px solid #b2b2b2 !important; z-index:7777; background:#fff;}
/*rightBanner-pop*/
.product_box01 {width:155px; height:190px; padding:9px 19px; border:1px solid #b2b2b2; position:absolute; top:1px; left:-160px; z-index:3; background-color:#fff; display:block; box-sizing:border-box;visibility:hidden;}
.pd_box01 {height:170px !important;}
.pd_box01 ul li img {height:90px !important;}
.product_box02 {width:155px; height:190px; padding:9px 19px; border:1px solid #b2b2b2; position:absolute; top:-106px; left:-160px; z-index:3; background-color:#fff; display:block; box-sizing:border-box;visibility:hidden;}
.pd_box02 {height:170px !important;}
.pd_box02 ul li img {height:90px !important;}
.product_box.on{visibility: visible;}
.product_box01:after{content:""; display:block; width:9px; height:15px; background:url(../images/qubridge/ico/attention_arrow.png) center top no-repeat; background-size:cover; position:absolute; bottom:63px; right:-9px;}

.product_box02:after{content:""; display:block; width:9px; height:15px; background:url(../images/qubridge/ico/attention_arrow.png) center top no-repeat; background-size:cover; position:absolute; bottom:47px; right:-9px;}

.product_box .txt_box{text-align:left; padding-top:10px;}
.product_box .txt_box p{display:block; width:99%; height:12px; line-height:12px; font-size:11px; font-family: 'Noto Sans KR'; font-weight:400; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:8px;}
.product_box .txt_box span{font-size:10px; font-family: 'Tahoma'; font-weight:bold; color:#555;}
.product_box .pd_box01,
.product_box .pd_box02 {position:relative;padding-top:20px;}
.product_box .pd_box01 ul li img,
.product_box .pd_box02 ul li img {width:100%; width:108px; border:1px solid #eee; box-sizing:border-box;}
.product_box .pd_box01 .pd_prev,
.product_box .pd_box01 .pd_next {width:13px; height:13px; top:auto; top:0px; border:1px solid #cecece; box-sizing:border-box; margin-top:0;}
.product_box .pd_box02 .pd_prev2,
.product_box .pd_box02 .pd_next2 {width:13px; height:13px; top:auto; top:0px; border:1px solid #cecece; box-sizing:border-box;margin-top:0;}
.product_box .pd_box01 .pd_prev,
.product_box .pd_box02 .pd_prev2 {background:url(../images/qubridge/ico/attention_prev.jpg) center top no-repeat; background-size:cover; right:11px; left:auto;}
.product_box .pd_box01 .pd_next,
.product_box .pd_box02 .pd_next2 {background:url(../images/qubridge/ico/attention_next.jpg) center top no-repeat; background-size:cover; right:0px;}
.product_box01:after{top:10px;}
.product_box01 .pb01_cnt,
.product_box02 .pb02_cnt {display:inline-block;position:absolute;top:9px;right:50px;left:auto;bottom:auto;width:auto;font-family:'Tahoma';font-size:10px;color:#6b6b6b;}
.product_box02 .pb02_cnt .swiper-pagination-current,
.product_box01 .pb01_cnt .swiper-pagination-current {font-weight:bold;color:#000;letter-spacing:0;margin-right:4px !important;}
.product_box .pd_box01 .swiper-slide a,
.product_box .pd_box02 .swiper-slide a {padding:3px 0 !important;}


.search_txt{display:none; position:absolute; top:42px; left:0; z-index:12; background-color:#fff; border:1px solid #a7a7a7; box-sizing:border-box; min-width:100%;}
.search_txt .txt{font-size:0; padding:20px 0; border-bottom:1px solid #dcdcdc;}
.search_txt .txt ul{display:inline-block; vertical-align:top; width:50%; padding:0 18px; box-sizing:border-box;}
.search_txt .txt ul:last-of-type{border-left:1px solid #dcdcdc;}
.search_txt .txt ul li{margin-bottom:10px;}
.search_txt .txt ul li:last-of-type{margin-bottom:0;}
.search_txt .txt ul li a{font-size:14px; font-weight:400; color:#a7a7a7; line-height:1; width:99%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search_txt .txt ul li a b{color:#000;}
.search_txt .route{width:100%; padding:20px 18px; box-sizing:border-box;}
.search_txt .route ul{width:100%;}
.search_txt .route ul li{font-size:0; margin-bottom:10px;}
.search_txt .route ul li:last-of-type{margin-bottom:0;}
.search_txt .route ul li > *{display:inline-block; vertical-align:top; font-size:14px; font-weight:400; color:#a7a7a7;}
.search_txt .route ul li span{margin:0 5px;}
.search_txt .route ul li p.point{font-weight:bold; color:#000;}


select {/*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ cursor:pointer; } /* 0403 */
select::-ms-expand { display: none; }


/*03수정*/
/*상단 플로팅 배너 소스*/
.mix_header{position:relative; z-index:200;}
/*.mix_global_banner{position:relative; display:block;background: #ffed75;}kdh수정*/
/* .mix_global_banner{position:relative; display:block;background:#ffbcbd; } */
/* .mix_inner{position:relative; width:1280px; margin:0 auto;z-index:200;} */
.mix_inner{position:relative; width:1280px; margin:0 auto; z-index:9; height:50px;}
.mix_inner p{position:absolute; right:104px; top:27px; cursor:pointer;}
.mix_banner_close{position:absolute; right:0px; top:0px; width:22px; height:22px; z-index:8888; font-size:0px; line-height:0; z-index:9999;}
.mix_topbanner_close{ width:22px; height:22px;}
.spr_mix{display:inline-block; overflow:hidden;background:url('') no-repeat;}

.container{position:relative;}
#container{margin:0 auto; width:1280px; padding:30px 0;}

/*장바구니 담기 완료 레이어 팝업(여러 페이지에서 사용해서 공통으로 뺌)*/
.modal_pop {display:none;position:fixed;width:320px;height:240px;left:50%;top:50%;margin-left:-160px;margin-top:-120px;z-index:100000000;background:#fff;}
.pop_wrap {display:block;position:relative;width:100%;height:100%;text-ali젠gn: center;padding-top:43px;}
.pop_wrap img {display:block;margin:0 auto 26px auto;}
.pop_wrap h3 {font-size:16px;line-height:26px;color:#373737;font-weight:300;text-align:center;}
.pop_wrap .btnArea.fix {display:block;position:absolute;width:100%;height:50px;left:0;bottom:0;margin-top:0; margin-bottom:0px;}
.pop_wrap .btnArea.fix a {display:inline-block;width:50%;height:100%;float:left;font-size:16px;font-weight:300;line-height:48px;}
.pop_wrap .btnArea.fix a.redLineBtn {border:1px solid #BB2649;background:#fff;color:#BB2649;}
.pop_wrap .btnArea.fix a.redBtn {border:1px solid #BB2649;background:#BB2649;color:#fff;}

/* 승준추ㅏㄱ */
.inner_layout{margin: 0 auto;position: relative;width: 1280px;}
.inner_layout:after{content:"";display: block;clear: both;overflow: hidden;}



/* 메인 팝업건  */
.popup_2007{width:420px; height:450px; position:absolute; top:3px; left:0px; z-index:999;}.popup_2007 .hide{display:none;}.popup_2007 .btm_b{position:absolute;bottom: 7px;right: 10px;font:normal 11px dotum;}.popup_2007 .btm_b a.btn_close{height:13px; float:right;}.popup_2007 .btm_b a.btn_close img {padding-left:5px;}.popup_2007 .btm_b label {color:#fff;cursor: pointer; vertical-align:0px;}.popup_2007 .btm_b input{line-height:13px; vertical-align:-2px;}.name_title{position:absolute; left:116px; top:167px; font-size:22px; font-weight:bold; letter-spacing:-1px; color:#333333;}.btn_area{position:absolute; left:104px; top:366px;}
.button-4d {position:relative; width: 200px; display:inline-block; color:#ffffff; text-decoration:none; border-radius:40px; border:solid 1px #ed3719; background:#f96e63; text-align:center; padding:12px 16px 10px; font-weight:bold; font-size:18px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; -webkit-box-shadow: 0px 4px 0px #b91d03; -moz-box-shadow: 0px 4px 0px #b91d03; box-shadow: 0px 4px 0px #b91d03;}.button-4d a{color:#ffffff;}.button-4d:hover{color:#f8eabb; text-decoration:none;} .button-4d:active{ -webkit-box-shadow: 0px 2px 0px #b91d03; -moz-box-shadow: 0px 2px 0px #b91d03; box-shadow: 0px 2px 0px #b91d03; position:relative; top:4px;}

/* 20200923 고객 복귀 팝업 */
.popup_bgbox{position: absolute; top:3px; left:0px; width:480px;height:480px; z-index:999; display:none;}	
.btm_b{position:absolute;bottom: -12px; right: 31px;font:normal 11px dotum;}
.btm_b a.btn_close{height:13px; margin-bottom:20px; float:right;}
.btm_b a.btn_close img {padding-left:5px; float:right;}
.btm_b label {color:#fff;cursor: pointer; vertical-align:0px; margin-right:6px;}
.btm_b input{line-height:13px; vertical-align:-2px;}
.name_titles{position:absolute; left:125px; top:69px; font-size:24px; font-weight:normal; color:#fff; text-aling:center; width:280px;}
.participate_btn{position:absolute;left: 154px;top: 404px;font-size: 20px;width: 160px;height: 38px;color: #fff; font-weight:700; line-height:1.4em; background:#1e0a88;text-align: center;cursor: pointer;padding: 5px 20px;border-radius: 20px;}
.participate_btn a{color:#fff; }

/* 20201204 오피스플러스 스페셜 쿠폰 팝업 */
.popup_bgbox2{position: absolute; top:3px; left:0px; width:570px;height:672px; z-index:999;}	
.btm_b2{position:absolute;bottom: -12px; right: 31px;font:normal 11px dotum;}
.btm_b2 a.btn_close{height:13px; margin-bottom:20px; float:right;}
.btm_b2 a.btn_close img {padding-left:5px; float:right;}
.btm_b2 label {color:#fff;cursor: pointer; vertical-align:0px; margin-right:6px;}
.btm_b2 input{line-height:13px; vertical-align:-2px;}
.name_titles2{position:absolute; left:138px; top:190px; font-size:24px; font-weight:normal; color:#fff; text-align:center; width:280px;}
.participate_btn2{position:absolute;left: 84px;top: 449px;font-size: 17px;width: 141px;height: 39px;color: #000; font-weight:400; line-height:1.0em; background:url('/images/qubridge/popup/202404/coupon_bt.png');text-align: center;cursor: pointer;padding: 5px 20px;border-radius: 20px; border:2px solid #000; letter-spacing:0px;}
.participate_btn2 a{color:#fff; font-weight: bold;}
.participate_btn2:hover{background:url('/images/qubridge/popup/202404/coupon_bt_ON.png'); width: 141px;height: 39px;}
/* .participate_btn2 a:hover{color:#fff;} */
.participate_btn3{position:absolute;left: 332px;top: 449px;font-size: 17px;width: 141px;height: 39px;color: #000; font-weight:400; line-height:1.0em; background:url('/images/qubridge/popup/202404/coupon_bt.png');text-align: center;cursor: pointer;padding: 5px 20px;border-radius: 20px; border:2px solid #000; letter-spacing:2px;}
.participate_btn3 a{color:#fff; font-weight: bold; }
.participate_btn3:hover{background:url('/images/qubridge/popup/202404/coupon_bt_ON.png'); width: 141px;height: 39px; color:#f16273;}
/* .participate_btn3 a:hover{color:#fff;} */


/* 메인 팝업건2 */
.popup_2008{width:282px; height:380px; position:absolute; top:40px; left:998px; z-index:999;}
.popup_2008 .hide{display:none;}
.popup_2008 .btm_b{position:absolute;bottom: 7px;right: 10px;font:normal 11px dotum;}
.popup_2008 .btm_b a.btn_close{height:13px; float:right;}
.popup_2008 .btm_b a.btn_close img {padding-left:5px;}
.popup_2008 .btm_b label {color:#555;cursor: pointer; vertical-align:0px;}
.popup_2008 .btm_b input{line-height:13px; vertical-align:-2px; float:right; margin-left:6px;}
.name_title{position:absolute; left:116px; top:167px; font-size:22px; font-weight:bold; letter-spacing:-1px; color:#333333;}
.btn_area{position:absolute; left:104px; top:366px;}
.r_close_btn{position:absolute; right:0px; top:0px;}

/* top 서브 배너 */
.top_left_ad{width:1000px;height:0px; position: relative;margin: 0 auto;}
.imgswap{width:121px;height: 78px;position: absolute;/* top: 6px; */left: 795px;/* right: 920px; *//* left: 1200px; */cursor:pointer;margin-right: 100px;z-index:999999999999;margin-top: 53px;}
.imgswap a img:last-child{display:none} 
.imgswap a:hover img:first-child{display:none} 
.imgswap a:hover img:last-child{display:inline-block}


/* main_right 플로팅 배너  */
.floating_r{position:absolute; left:1284px; top:33px; width:140px; height:140px; cursor:pointer;}
.floating_r .floating_in{position:relative;}
.floating_r .floating_in a.close_bn{position:absolute; right:42px; top:0px;}
/*20210811 플로팅배너 수정 S*/
.floating_r .floating_in a.close_bn img{width:120%;}
.floating_r{width:180px; height:180px;}
/*20210811 플로팅배너 수정 E*/

/* 2021년 캐린더 추천상품 배너 */
.calen_pop{position:absolute; left:995px; top:40px; width:285px; height:380px;}
.calen_pop .calen_choice{position:absolute; left:190px; top:355px; color:#9e9e9e;}
.calen_pop .calen_in a{position:absolute; right:0px; top:0px;}
.calen_pop .calen_in .calen_tx{position:absolute; right:10px; top:354px; color:#ffffff;}