@charset "utf-8";

/*******************************************************************
*	메인공통
********************************************************************/
.main_section {position:relative;}
/*메인 띠배너*/
/* .bar_banner {margin-top:18px; font-size:0; line-height:0; overflow:hidden;} */
/* .bar_banner.b01 {height:71px; background:#ffea01;} */
/* .bar_banner.b02 {height:123px; margin-top:50px;} */

.bar_banner {margin-top:18px; font-size:0; line-height:0; overflow:hidden;}
.bar_banner.b01 {height:71px; background:#ffea01;}
/*상품 리스트*/
.goods {position:relative; height:233px; overflow:hidden;}
.goods dt {float:left; height:233px; background:#dfdfdf;}
.goods dt img {height:233px;}
.goods dd {position:relative; float:right; height:233px; padding:0 18px;}
.goods dd ul {height:auto;}
.goods dd ul li {position:relative; width:100%;}
.goods dd ul li strike {color:#999;}
.badge_best {position:absolute; left:21px; top:29px; width:48px; height:39px; background:url('../../images/common/badge_all.png') no-repeat 0 0; padding:10px 0 4px; color:#fff; font-size:22px; font-weight:bold; text-align:center; z-index:3800;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.badge_best {height:37px; padding:12px 0 4px;}
}

/*******************************************************************
*	메인 상단 배너
********************************************************************/
#ribbon_bn {position:relative; min-width:1200px; max-height:93px; background-color:transparent; border-bottom:1px solid #e2e2e2; overflow:hidden;}
#ribbon_bn li {display:none;}
#ribbon_bn .bg2 {position:absolute; right:0; width:50%; height:100%; background-color:transparent;}
#ribbon_bn_in {position:relative; width:1050px; margin:0 auto;}
#ribbon_bn_in .btn_close {position:absolute; right:6px; top:50%; width:19px; height:19px; background:transparent; padding:0; margin-top:-8px; border:none; cursor:pointer; *overflow:visible;}
#ribbon_bn_in .btn_close img { width:19px; height:19px;}
.ribbon_bn_btn{width:1082px; margin:0 auto;position:relative;z-index:999}
.ribbon_bn_btn a{position:absolute; right:0; top:0;}

/*******************************************************************
*	메인 좌측 메뉴
********************************************************************/
#container_top{width:1082px; margin:0 auto;position:relative;}
#container_top:after {content:''; display:block; clear:both;}
#left_menu {float:left;width:182px;z-index:99}
.left_menu_contents {position:relative;z-index:99}
/* .left_cate {height:390px; background:#065faf; padding-top:35px;} */
.left_cate {height:390px; background:#807979; padding-top:35px;}
.left_cate>li {position:relative;}
/* .left_cate>li>a {height:26px; padding-left:20px; color:#fff; font-family:'NanumGothicBold',sans-serif; font-size:13px; line-height:209%; letter-spacing:-0.04em; display:block; overflow:hidden;} */
.left_cate>li>a {height:26px; padding-left:20px; color:#fff; font-family:'NanumGothicBold',sans-serif; font-size:13px; line-height:209%; letter-spacing:-0.04em; display:block; overflow:hidden;}
.left_cate>li.on>a {background:#05559d; text-decoration:none;}
.left_cate>li .s_depth {position:absolute; left:181px; top:0; width:174px; background:#fff; padding:13px 16px; border:1px solid #065faf; display:none;z-index:99}
.left_cate>li.on .s_depth {display:block;}
.left_cate>li.on .hide {display:none !important;}
.left_cate>li.on .s_depth li {display:block;}
.left_cate>li.on .s_depth li a {padding:3px 0; color:#320e12; font-family:'NanumGothicBold',sans-serif; line-height:169%; display:block;}
.left_cate>li.on .s_depth li a:hover {background:#065faf; padding-left:16px; color:#fff; text-decoration:none;}
/*상단 전체메뉴*/
.all_cate {position:absolute; left:0; top:0; width:182px; z-index:100;}
.btn_all_cate {width:162px; height:35px; background:#033f76; padding-left:20px; color:#fff; font-family:'NanumGothicBold',sans-serif; font-size:16px; line-height:229%; letter-spacing:-0.04em; display:block; overflow:hidden;}
.btn_all_cate:hover {text-decoration:none;}
.all_cate2 {position: absolute;top: 176px;z-index: 100;width: 50px;}
.btn_all_cate2 {width: 100%;height: 50px;display: block; overflow:hidden;}
.all_menu2.show {width: 900px;min-height: 423px;display: block;margin-top: 6px;}
.all_menu.show {width:900px; min-height:423px; display:block;}
/*jykim*/
/* .all_menu {position:absolute; left:182px; top:0; width:898px; background:#fff; padding:0; border:1px solid #bd4508; vertical-align:top; display:none; z-index:90000; zoom:1;} */
.all_menu {position:absolute; left:182px; top:0; width:898px; background:#fff; padding:0; border:1px solid #065faf; vertical-align:top; display:none; z-index:90000; zoom:1;}
.all_menu:after {clear:both; content:""; display:block;}
.all_menu a.all_menu_close {position:absolute; right:0; bottom:0; width:33px; height:33px;}
.all_menu table {width:100%;}
.all_menu table td {border-right:1px dotted #bebebe; vertical-align:top;}
.all_menu table td.last {border:none;}
.all_menu table td dl {padding:20px 0 7px 16px;}
.all_menu table td dl dt {padding:0 0 13px; font-family:'NanumGothicBold',sans-serif; line-height:129%;}
.all_menu table td dl dt a {color:#333;}
.all_menu2 {position: absolute;left: -2px;top: 38px;width: 898px;background: #fff;padding: 0;border: 1px solid #065faf;vertical-align: top;display: none;z-index: 90000;zoom: 1;width: 900px;min-height: 423px;}
.all_menu2:after {clear:both; content:""; display:block;}
.all_menu2 a.all_menu_close {position:absolute; right:0; bottom:0; width:33px; height:33px;}
.all_menu2 table {width:100%;}
.all_menu2 table td {border-right:1px dotted #bebebe; vertical-align:top;}
.all_menu2 table td.last {border:none;}
.all_menu2 table td dl {padding:20px 0 7px 16px;}
.all_menu2 table td dl dt {padding:0 0 13px; font-family:'NanumGothicBold',sans-serif; line-height:129%;}
.all_menu2 table td dl dt a {color:#333;}
/*jykim*/
/* .all_menu table td dl dt a:hover {color:#bd4508;} */
.all_menu table td dl dt a:hover {color:#065faf;}
.all_menu table td dl dd {padding:0 0 8px;}
.all_menu table td dl dd a {color:#666; font-size:11px;}
/*jykim*/
/* .all_menu table td dl dd a:hover {color:#bd4508;} */
.all_menu table td dl dd a:hover {color:#065faf;}
.all_menu2 table td dl dt a:hover {color:#065faf;}
.all_menu2 table td dl dd {padding:0 0 8px;}
.all_menu2 table td dl dd a {color:#666; font-size:11px;}
.all_menu2 table td dl dd a:hover {color:#065faf;}

/*******************************************************************
*	메인 상단 프로모션 영역
********************************************************************/
.contents_top {float:left;width:900px;}
.main_banner_field {position:relative; float:left; width:668px; height:425px; overflow:hidden;}
.banner_cate{position:absolute; left:0; top:382px; width:668px;}
.banner_cate ul {width:658px; height:42px; margin:0 auto;}
.banner_cate ul li {float:left; width:128px; height:42px; margin-left:3px; overflow:hidden;}
.banner_cate ul li a {width:100%; height:42px; background:#fff; color:#333; font-size:15px; text-align:center; text-decoration:none; line-height:289%; display:block;}
.banner_cate ul li.on a {background:#065faf; color:#fff; font-family:'NanumGothicBold',sans-serif;}
.right_banner_field {float:right; width:232px; height:425px; overflow:hidden;}

/*******************************************************************
*	메인 프로모션01 영역
********************************************************************/
.promotion01 {position:relative; width:1080px; margin:64px auto 0;}
.promotion01 h2 {height:38px; font-family: NanumGothic, Tahoma, 돋움, Dotum, Arial; font-size:22px; text-align:center;}
.promotion01 ul {height:400px; background:url('../../images/common/main_promotion01_bg.gif') no-repeat 0 0; display:block;}
.promotion01 ul>li {float:left; width:230px; height:176px; padding:18px 20px 0;}
/* .promotion01 ul>li.img_bn {width:540px; height:194px; padding:0;} */
.promotion01 ul>li.img_bn {width:537px; height:194px; padding:0;padding-left:3px;}
.promotion01 ul>li .goods {height:176px;}
.promotion01 ul>li .goods dt {float:none; width:125px; height:125px; margin:0 auto;}
.promotion01 ul>li .goods dt img {width:100%; height:100%;}
.promotion01 ul>li .goods dd {float:none; height:auto; padding:0;}
.promotion01 ul>li .goods dd li {padding:0; text-align:center; line-height:169%; display:block;}
.promotion01 ul>li .goods dd li.name {height:20px; overflow:hidden;}
.promotion01 ul>li .goods dd li.name a {color:#787878;}
.promotion01 ul>li .goods dd li.price {height:21px; color:#787878; font-family:'NanumGothicExtraBold',sans-serif; font-size:13px; overflow:hidden;}
.promotion01 ul>li .goods dd li.price strong {padding-right:3px; color:#a53537;}
/* .promotion01 ul>li.hotNew {width:1078px; height:auto; padding:0; border:1px solid #e4e4e4; border-top:0;} */
.promotion01 ul>li.hotNew {width:1078px; height:auto; padding:0; border:1px solid #e4e4e4; border-top:0;padding-top:2px;}

/*******************************************************************
*	메인 프로모션02 영역
********************************************************************/
/*슬라이더 기본값*/
.main_section .bx_area {position:relative; width:100%;}
.main_section .bx_area ul {*zoom:1;}
.main_section .bx_area ul:after {clear:both; content:""; display:block;}
.main_section .bx_area li {float:left;}
.main_section .bx-controls {height:40px; overflow:hidden;}
/*슬라이더 컨트롤*/
.bx_area.short .bx-controls {position:absolute; right:0; top:0; width:100%; text-align:right; z-index:1000;}
.bx_area.short .bx-pager {position:absolute; right:40px; width:100%; height:18px; line-height:140%;}
.bx_area.short .bx-pager strong {color:#e74a01;}
.bx_area.small .bx-controls-direction {position:absolute;left:0; top:0; width:100%; height:40px; text-align:right; z-index:1400;}
.bx_area.small .bx-controls-direction a {width:48px; height:40px; background: url('../../images/common/bx_slider_control.png') no-repeat; font-size:0; line-height:0; display:inline-block;}
.bx_area.small .bx-controls-direction .bx-prev {background-position:0 0;}
.bx_area.small .bx-controls-direction .bx-prev:hover {background-position:0 -42px;}
.bx_area.small .bx-controls-direction .bx-next {background-position:-52px 0;}
.bx_area.small .bx-controls-direction .bx-next:hover {background-position:-52px -42px;}
/*슬라이더 기타*/
.main_section .bx-controls-auto{display:none;}
/* .promotion02 {position:relative; width:1080px; margin:50px auto 0;} */
.promotion02 {position:relative; width:1082px; margin:50px auto 0;}
/* .promotion02 h2 {height:38px; color:#747474; font-family:'NanumGothicExtraBold',sans-serif; font-size:19px;} */
.promotion02 h2 {height:35px; background:#f7f7f7; padding:16px 0 0 17px; border:1px solid #e4e4e4; border-bottom:0;}
.prom02_bx {position:relative; height:519px; background:url('../../images/common/main_promotion02_bg.gif') no-repeat 0 0;}
.prom02_bx .goods {float:left; width:176px; height:241px; padding:18px 20px 0; overflow:hidden;}
.prom02_bx .goods dt {width:176px; height:176px;}
.prom02_bx .goods dt img {width:100%; height:100%;}
.prom02_bx .goods dd {float:none; height:auto; padding:0;}
.prom02_bx .goods dd ul {margin-top:170px;}
.prom02_bx .goods dd li {padding:0; text-align:center; line-height:169%; display:block;}
.prom02_bx .goods dd li.name {height:20px; overflow:hidden;}
.prom02_bx .goods dd li.name a {color:#5a5a5a; font-size:13px;}
/* .prom02_bx .goods dd li.price {height:27px; color:#333; font-family:'NanumGothicExtraBold',sans-serif; font-size:16px; overflow:hidden;} */
.prom02_bx .goods dd li.price {height:27px; color:#525252; font-family:'NanumGothicExtraBold',sans-serif; font-size:16px; overflow:hidden;}
.prom02_bx .bx-controls {top:239px !important;}
.prom02_bx .bx-pager {display:none;}
.prom02_bx .bx-prev {float:left;}
.prom02_bx .bx-next {float:right;}

/*******************************************************************
*	메인 프로모션03 영역
********************************************************************/
.promotion03 {position:relative; width:1082px; height:280px; background:url('/images/prom/mProm03/mProm03_bg.gif') no-repeat 0 0; margin-top:24px; overflow:hidden;}
.promotion03 h2 {float:left;}
.promotion03 ul {padding-top:34px;}
.promotion03 ul li {float:left; width:187px;}
.promotion03 .goods {width:153px; padding:0 19px;}
.promotion03 .goods dt {width:153px; height:153px;}
.promotion03 .goods dt img {width:100%; height:100%;}
.promotion03 .goods dd {float:none; height:auto; padding:0;}
.promotion03 .goods dd li {padding:0; text-align:center; line-height:169%; display:block;}
.promotion03 .goods dd li.name {height:34px; margin-top:6px; text-align:left; overflow:hidden;}
.promotion03 .goods dd li.name a {color:#5a5a5a; font-size:12px; letter-spacing:-0.02em; line-height:149%;}
.promotion03 .goods dd li.price {height:27px; color:#d61615; font-family:'NanumGothicExtraBold',sans-serif; font-size:16px; overflow:hidden;}
.promotion03 .goods dd li.price strike {padding:0 8px; color:#afafaf; display:inline;}
.promotion03 .goods dd li.price strong {letter-spacing:-0.02em;}

/*******************************************************************
*	메인 띠배너 하단 영역
********************************************************************/
.bar_banner.b02 {margin-top:50px;}
.bar_banner.b02.mposgy .wrapper_fix {margin:0;width:100%;}
.bar_banner.b02.mposgy .wrapper_fix >a{display:block;text-align:center;}
.prom03_bx {position:relative; height:260px; background:url('/images/common/main_promotion03_bg.gif') no-repeat 0 0; margin-top:12px;left:50%;margin-left:-541px;width:1082px;}
/* .prom03_bx .goods {float:left; width:176px; height:242px; padding:18px 20px 0; overflow:hidden;} */
.prom03_bx .goods {float:left; width:176px; height:239px; padding:18px 20px 0; overflow:hidden;}
.prom03_bx .goods dt {width:176px; height:176px;}
.prom03_bx .goods dt img {width:100%; height:100%;}
.prom03_bx .goods dd {float:none; clear:left; height:auto; padding:0;}
.prom03_bx .goods dd li {padding:0; text-align:center; line-height:169%; display:block;}
.prom03_bx .goods dd li.name {height:20px; overflow:hidden;}
.prom03_bx .goods dd li.name a {color:#5a5a5a; font-size:13px; line-height:169%;}
.prom03_bx .goods dd li.price {height:27px; color:#525252; font-family:'NanumGothicExtraBold',sans-serif; font-size:16px; overflow:hidden;}
.prom03_bx .bx-controls {top:110px !important;}
.prom03_bx .bx-pager {display:none;}
.prom03_bx .bx-prev {float:left;}
.prom03_bx .bx-next {float:right;}

.bar_banner.b02 {margin-top:50px;}
.prom05_bx {position:relative; height:260px; background:url('/images/common/main_promotion03_bg.gif') no-repeat 0 0; margin-top:12px;}
/* .prom03_bx .goods {float:left; width:176px; height:242px; padding:18px 20px 0; overflow:hidden;} */
.prom05_bx .goods {float:left; width:176px; height:239px; padding:18px 20px 0; overflow:hidden;}
.prom05_bx .goods dt {width:176px; height:176px;}
.prom05_bx .goods dt img {width:100%; height:100%;}
.prom05_bx .goods dd {float:none; clear:left; height:auto; padding:0;}
.prom05_bx .goods dd li {padding:0; text-align:center; line-height:169%; display:block;}
.prom05_bx .goods dd li.name {height:20px; overflow:hidden;}
.prom05_bx .goods dd li.name a {color:#5a5a5a; font-size:13px; line-height:169%;}
.prom05_bx .goods dd li.price {height:27px; color:#525252; font-family:'NanumGothicExtraBold',sans-serif; font-size:16px; overflow:hidden;}
.prom05_bx .bx-controls {top:110px !important;}
.prom05_bx .bx-pager {display:none;}
.prom05_bx .bx-prev {float:left;}
.prom05_bx .bx-next {float:right;}


/*******************************************************************
*	팝업레이어
*******************************************************************/
/*팝업레이어>보너스쿠폰*/
.layer_popup.bonus_coupon{width:290px;position:absolute; top:250px; left:450px;}
.layer_popup .bonus_info{padding:0 11px 15px 11px;}
.layer_popup .bonus_info p.txt{line-height:160%;font-weight:bold;}
.layer_popup .bonus_info p.photo{padding-top:5px;padding-left:10px;}
.layer_popup .bonus_info p.btn{padding-top:5px;text-align:center;}

#wrap_popup { width: 100%; height: 100%; }
.today_none_btn { float: left; padding: 6px 0 0 12px; }
.popup_close_btn { float: right; padding: 6px 12px 0 0; }
.section_close { width: 100%; position: absolute; bottom: 0; background-color: #fff; height: 20px; }

/*******************************************************************
*	B2B 메인
********************************************************************/
#container.b2b {min-height:664px;padding-bottom:20px;}
#container .container.b2b {position:absolute; top:0; left:50%; width:1082px; min-height:664px; margin-left:-541px; z-index:10;}
/*공통*/
.b2b_bbsSt h2 {height:27px; background:url('../../b2b/images/common/b2b_bullet_01.gif') no-repeat 0 0; padding-left:22px; font-size:14px; font-family:'NanumGothicBold',sans-serif; letter-spacing:-0.02em; display:block;}
.b2b_bbsSt h2 span {height:13px; overflow:hidden;}
*:first-child+html .b2b_bbsSt h2 {position:relative; line-height:normal;}
*:first-child+html .b2b_bbsSt h2 span {position:absolute; top:-4px; left:20px; height:auto;}
.b2b_bbsSt>div {border:1px solid #ccc;}
.b2b_bbsSt>div table {width:100%; border-top:1px solid #e1e1e1;}
.b2b_bbsSt>div table thead th {height:32px; background:url('../../b2b/images/common/b2b_bbsTable_bg.gif') repeat-x 0 0; font-size:12px; font-family:'NanumGothicBold',sans-serif; font-weight:normal; color:#666; line-height:32px; border-bottom:1px solid #ccc; border-right:1px solid #e9e9e9;}
.b2b_bbsSt>div table thead th.ed {border-right:0;}
.b2b_bbsSt>div table tbody td {height:34px; background:#fff; font-size:12px; color:#333; line-height:34px; letter-spacing:-0.04em; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.b2b_bbsSt>div table tbody td.ed {border-right:0;}
.b2b_bbsSt>div .price {padding-right:20px; color:#d44f0c; font-family:'NanumGothicBold',sans-serif; text-align:right;}
.b2b_bbsSt>div .subject,
.b2b_bbsSt>div .goods {padding:0 13px; text-align:left;}
.b2b_bbsSt>div .btn_more {position:absolute; top:0; right:0; min-width:48px; height:13px;}
/*개별*/
.b2b_in_field {width:1082px; height:634px; padding-top:30px; overflow:hidden;}
.b2b_main_banner {float:left; width:421px; height:173px; margin-left:223px; border:1px solid #ccc; display:inline;}
.bbs_gContract {float:right; width:422px; height:168px; padding-top:7px; overflow:hidden;}
.bbs_gContract .area {width:420px; height:139px;}
.bbs_notice {position:relative; float:left; width:422px; height:168px; margin:26px 0 0 223px; overflow:hidden; display:inline;}
.bbs_budgUse {position:relative; float:right; width:422px; height:168px; margin-top:26px; overflow:hidden;}
.bbs_tabBx {float:left; width:182px; height:196px; background:url('../../b2b/images/common/b2b_bbsList_bg.gif') no-repeat 0 bottom; margin-top:53px; overflow:hidden;}
.bbs_tabBx .tabs li {float:left; height:35px; overflow:hidden;}
.bbs_tabBx .tabs li a {height:35px; background:url('../../b2b/images/common/b2b_bbsTab_bg.gif') no-repeat 0 0; font-size:0; line-height:0; display:block;}
.bbs_tabBx .tabs li a.notice {width:91px; background-position:0 0;}
.bbs_tabBx .tabs li a.whole {width:91px; background-position:-91px 0;}
.bbs_tabBx .tabs li.active a.notice {width:91px; background-position:0 -35px;}
.bbs_tabBx .tabs li.active a.whole {width:91px; background-position:-91px -35px;}
.bbs_tabBx .tabContent {width:152px; height:160px; padding:0 15px 1px; overflow:hidden;}
.bbs_tabBx .tabContent ul {width:152px; padding-top:18px;}
.bbs_tabBx .tabContent ul li {width:143px; background:url('../../b2b/images/common/b2b_bullet_02.gif') no-repeat 0 9px; padding-left:9px; line-height:200%;}
*:first-child+html .bbs_tabBx .tabContent ul li {background-position:0 10px;}
.bbs_lateOrder {position:relative; float:right; width:859px; height:239px; margin-top:26px; overflow:hidden;}