@charset "utf-8";

/* BASE */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,input,button,textarea,option
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}

html, body {margin:0; padding:0;}
body,input,button,textarea,select,option {color:#444; font-size:12px; }
body {line-height:1; *line-height:1.2;}
h1,h2,h3,h4,h5,h6 {font-size:14px; text-align:left;}

ul,ol,li,dl,dt,dd {list-style:none;}
legend {margin:0;padding:0;display:none;}
img {margin:0; padding:0; border:none; vertical-align:top;}
br {letter-spacing:normal;}

a{color:#444; text-decoration:none;}
a:hover{text-decoration:underline;}

table {border-spacing:0; border-collapse:collapse; table-layout:fixed; word-wrap:break-word;}
table,
table thead,
table tbody,
table tfoot,
table tr,
table th,
table td {border:0 none; margin:0; padding:0;}
table caption {visibility:hidden; overflow:hidden; height:0; width:0; margin:0; padding:0; line-height:0;}

.hiddenitem { position:absolute; width:0px; height:0px; font-size:0px; line-height:0px; overflow:hidden; visibility:hidden;}

/* Reset */
.reset, .reset li {margin:0; padding:0; list-style:none; border:0;}
.bg_resetL {background:none !important; padding-left:0 !important;}
.bg_resetR {background:none !important; padding-right:0 !important;}
.bd_reset {border:0 !important;}


/* ---------------------------------------------------------------------------------------------------------------------------------- */

@charset "utf-8";

/*******************************************************************
*	공통 css
********************************************************************/
#wrapper {width:100%;}
body {font-family:"Noto Sans KR";}
#header {position:relative; width:100%; padding-top:36px;z-index:90000;}
.header_utill {position:fixed; top:0; width:100%; height:36px; background:#eaeaea; overflow:hidden; z-index:90000;}
.header_utill_contents ul li {float:left;}
.header_utill_contents ul.floatL {overflow:hidden; width: 520px;white-space: nowrap; font-size:12px;}
.header_utill_contents ul.floatL li{font-weight:400; color:#202e41;}
.header_utill_contents ul.floatL li span{font-family:"돋움",Dotum; font-weight:300;}

.header_utill_contents ul.floatR {padding:12px 0 12px;}
.header_utill_contents ul.floatR li {background:url('/images/common/header_utill_bg_line.gif') no-repeat right 1px; padding-right:21px;}
.header_utill_contents ul.floatR li:last-child{padding-right:0}
.header_utill_contents ul.floatR li a {font-weight:400; font-family:"돋움",Dotum; font-size:11px;}
.header_utill_contents a {color:#676767; text-decoration:none;}
.header_utill_contents a:hover {text-decoration:underline;}
.header_inner {position:relative; height:80px;}
.header_inner h1 {float:left; width:200px; padding-right:20px; text-align:center;}
.header_inner .searchBox {float:left; width:372px;}
.header_inner .searchBox .input {border: 2px solid #d00000; margin-top:32px;position: relative;overflow: hidden;}
.header_inner .searchBox .input input {border: 2px solid #d00000; width:100%;height:35px;border:none;background:#fff;outline:none;padding: 0 50px 0 20px;box-sizing: border-box;color:#333;}
.header_inner .searchBox .input a {position:absolute;top:5px;right:0;width:64px;height:100%;text-align:center;}
.header_inner .quick_field {float:right; margin:37px 0 0 0;}
.header_inner .quick_field li {position:relative; float:left; height:26px; padding-left:10px;}
.header_inner .quick_field .ico_n {position:absolute; top:-16px; left:4px; width:45px; height:24px;}
.header_inner .quick_field.b2b li strong {color:#cc1517; letter-spacing:0;}
.header_inner .quick_field.b2b .appr {height:21px; background:url('/images/common/b2b_head_icon.gif') no-repeat 0 0; margin-left:48px; padding:4px 0 0 40px; color:#33353d; font-size:15px;  font-weight:bold; letter-spacing:-0.08em;}
.header_inner .quick_field.b2b .deli {height:21px; background:url('/images/common/b2b_head_icon2.gif') no-repeat 0 0; margin-left:48px; padding:4px 0 0 35px; color:#33353d; font-size:15px;  font-weight:bold; letter-spacing:-0.08em;}
.header_menu {min-height:60px; background:#1e323f; }
.header_menu_contents {position:relative;}
.header_menu_contents .left {background:url('/images/common/header_menu_bg02.gif') repeat-x 0 0;}
.header_menu_contents .left li a{font-size:14px; color:#fff; font-weight:400;}
.header_menu_contents .left li a:hover{color:#a5b6f8; text-decoration:none;}
.header_menu_contents .right li {padding:0 !important; } 
/*상단 전체메뉴*/
.all_cate {float:left; width:193px; display:block;z-index:90000;}
/* .btn_all_cate {width:100%; height:43px; display:block;}
 */

.header_menu .floatL{width:194px; height:34px; margin-top:14px; min-height: auto; background:#fff; border-radius:4px; line-height:34px;}
.header_menu .floatL p {padding-left:8px; font-size:13px; font-family:"돋움",Dotum; letter-spacing:-0.09em;}
.header_menu .floatL p span{color:#7186d7; font-weight:bold;} 

 .all_menu.show {width:1048px; min-height:508px; display:block;}
.all_menu {position:absolute; left:0; top:43px; width:1048px; background:#fff; padding:0; vertical-align:top; border:1px solid #424242; border-top:0; 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-weight:bold; line-height:120%;}
.all_menu table td dl dt a {color:#333;}
.all_menu table td dl dt a:hover {color:#cb003d;}
.all_menu table td dl dd {padding:0 0 8px;}
.all_menu table td dl dd a {color:#666; font-size:11px;}
.all_menu table td dl dd a:hover {color:#cb003d;}
.top_mall {height:43px; display:block;  width: calc(100% - 194px);}
.top_mall li {float:left; padding:0 0 0 52px; line-height:58px;}


#container {position:relative;}
#footer {clear:both; margin-top:60px;  width:100%; border-top:1px solid #ddd;}
/*푸터 메뉴*/
.footer_menu {height:40px; border-bottom:1px solid #ddd;}
.footer_menu ul {float:left; padding-top:16px;}
.footer_menu ul li {float:left; padding-right:12px; letter-spacing:-1px;}
.footer_menu ul li a {color:#666; background:url('/images/common/footer_menu_line.gif') no-repeat left center; padding-left:13px;}
.footer_menu ul li.first a {background:none; padding:0;}
.footer_menu select {min-width:150px; height:22px; margin-top:10px; border:1px solid #d5d5d5;}
/*푸터 주소*/
.footer_desc {position:relative; padding-top:20px;}
.footer_logo {float:left; padding-top:11px; display:inline-block;}
.footer_desc .company_info {float:left; padding:10px 0 0 40px; color:#7f7f7f; font-size:11px; line-height:160%;}
.footer_bn {float:right;}
.footer_bn02 {clear:both; height:52px; padding:0 0 0 183px;}
/*양쪽 날개*/
#wing_wrap {position:absolute; top:0; width:100%; z-index:9999;}
.wing_center_wrap {position:relative; width:1082px; margin:0 auto; z-index:8000;}
.left_wing {position:absolute; left:-124px; top:0; width:110px;}
.left_wing ul {width:110px; border:0px solid #d6d6d6;}
.left_wing ul li {width:110px; padding:0 0 4px 0;}
.right_wing {position:absolute; top:0; right:-105px; width:90px;}
.Q_menu_position_type1 {position:fixed;top:0px; margin-top:40px;}
.Q_menu_position_type2 {position:relative;top:12px;}
.quick_area {width:90px; background:url('/images/common/quick_area_bg.gif') repeat-y 0 0; border-bottom:1px solid #d6d6d6;z-index:99999;}
.quick_area ul {width:90px;}
.quick_area ul li {width:100%;}
.quick_area ul li.view {position:relative; padding-bottom:60px;}
.quick_area ul li .title {height:25px;}
.quick_area .bx_area.short .bx-controls {position:absolute; left:0; bottom:45px; top:auto; width:100%; text-align:right; z-index:1000;}
.quick_area .bx_area.short .bx-pager {position:absolute; left:0; width:100%; height:15px; font-size:11px; line-height:140%; letter-spacing:-1px; text-align:center;}
.quick_area .bx_area.short .bx-pager strong {color:#000;}
.quick_area .bx_area.small .bx-controls-direction {position:absolute;left:0;top:0; width:100%; height:17px; text-align:center; z-index:1400;}
.quick_area .bx_area.small .bx-controls-direction a {width:15px; height:15px; background: url('/images/common/bx_slider_control02.gif') no-repeat; margin:0 14px 0 14px; font-size:0; line-height:0; display:inline-block;}
.quick_area .bx_area.small .bx-controls-direction .bx-prev {background-position:0 0;}
.quick_area .bx_area.small .bx-controls-direction .bx-prev:hover {background-position:0 -20px;}
.quick_area .bx_area.small .bx-controls-direction .bx-next {background-position:-25px 0;}
.quick_area .bx_area.small .bx-controls-direction .bx-next:hover {background-position:-25px -20px;}
.quick_area .bx-controls-auto{display:none;}
.quick_area .bx_area{padding-top:10px}
.quick_area .bx_area li {border-top:0;height:70px;}
.quick_area .bx_area li div {width:70px; height:70px; background:#dfdfdf; margin:0 9px;}
.quick_area .bx_area li div img {width:70px; height:70px;}
.quick_area .bx_area .item_num {position:absolute; bottom:10px; width:88px; font-size:11px; text-align:center;}
.quick_area ul li.user {width:82px; height:85px; background:url('/images/common/quick_area_bg02.gif') no-repeat 0 0; padding:4px;}
.quick_area ul li.user ul {width:82px;}
.quick_area ul li.user ul li {padding-top:10px; color:#fff; line-height:120%; text-align:center; border:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.quick_area ul li.user ul li {padding-top:9px;}
.quick_area ul li.user ul li img {padding-top:2px;} 
}

#easy_cart_wrapper{width:100%;background:url('/images/common/easy_cart_bg.gif') repeat-x 0 -29px;position: fixed; bottom: 0; z-index: 16000; _position:absolute; _z-index:-1;}
.easy_cart{position:relative;width:1082px; margin:0 auto;padding-top:4px;}
#cartOpen_tit{position:absolute;right:0;top:-29px}
.cartView{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;height:190px;background:#fff;overflow:hidden;}
.cartView_left{float:left;width:815px;height:190px;border-right:1px solid #dfdfdf;}
.cartView_right{float:left;padding:21px 0 0 30px;}
.cartView .top_btn{height:30px;padding:7px 55px 0 0;text-align:right}
.cartView_list{position:relative;overflow:hidden;width:815px;}
.cartView_list ul{padding-left:32px}
.cartView_list li{float:left;}
.easy_cart_goods{width:150px;}
.easy_cart_goods div{text-align:center;height:100%;}
.easy_cart_goods .photo img{width:110px;height:85px;}
.easy_cart_goods .title{font-size:11px;color:#555;padding-top:6px}
.easy_cart_goods .price{font-size:11px;color:#e03930;padding-top:6px}
.easy_cart_goods .price strong{font-size:12px;color:#e03930;}
.easy_cart_goods .sel{color:#555;padding-top:4px}
.cartArrowLeft{position:absolute;left:-1px;top:32px}
.cartArrowRight{position:absolute;right:-1px;top:32px}
.easyCart_price{width:206px;}
.easyCart_price .title{height:26px;}
.easyCart_price .price_box{border:1px solid #dfdfdf;height:60px;background:#fbfbfb}
.easyCart_price .price_box dl{overflow:hidden;padding-left:20px;padding-top:13px}
.easyCart_price .price_box dt{float:left;height:22px;width:90px;}
.easyCart_price .price_box dd{float:left;height:22px;width:75px;font-weight:bold;text-align:right}
.easyCart_price .total_box{height:34px;background:url('/images/common/bg_dot_line.gif') repeat-x 0 100%;}
.easyCart_price .total_box dl{overflow:hidden;padding-left:20px;padding-top:10px}
.easyCart_price .total_box dt{float:left;height:22px;width:90px;color:#dd3832}
.easyCart_price .total_box dd{float:left;height:22px;width:75px;font-weight:bold;text-align:right;color:#dd3832}
.easyCart_price .btn{text-align:center;padding-top:11px}
.easyCart_price .txtnum1{font-size:15px;}
.easyCart_price .txtnum2{font-weight:bold;font-size:14px;}

/*******************************************************************
*	정렬관련
********************************************************************/
.wrapper_fix {width:1082px; margin: auto;position: relative;}
.floatL {float:left;}
.floatR {float:right;}
.float_clear { float:none !important;}
.clearFloat:after{clear:both;content:"";display:block;}
.clear{clear:both;}
.block{display:block;}
.hidden { display: none; }
.cursor { cursor: pointer; }
/*******************************************************************
*	글자정렬
********************************************************************/
.txtCen{text-align:center}
.txtLeft{text-align:left}
.txtRight{text-align:right}

/*******************************************************************
*	간격관련
********************************************************************/
.p_t2 {padding-top:2px !important;}
.p_t4 {padding-top:4px !important;}
.p_t6 {padding-top:6px !important;}
.p_t8 {padding-top:8px !important;}
.p_t10 {padding-top:10px !important;}
.p_t12 {padding-top:12px !important;}
.p_t18 {padding-top:18px !important;}
.p_t20 {padding-top:20px !important;}
.p_t22 {padding-top:22px !important;}
.p_t30 {padding-top:30px !important;}
.p_t40 {padding-top:40px !important;}
.p_t50 {padding-top:50px !important;}
.p_r10 {padding-right:10px !important;}
.p_r20 {padding-right:20px !important;}
.p_r30 {padding-right:30px !important;}
.p_r150 {padding-right:150px !important;}
.p_r197 {padding-right:197px !important;}
.p_l20 {padding-left:20px !important;}
.p_l64 {padding-left:64px !important;}
.p_l10 {padding-left:10px !important;}
.p_l100 {padding-left:100px !important;}
.p_b5 {padding-bottom:5px !important;}
.p_b6 {padding-bottom:6px !important;}
.p_b10 {padding-bottom:10px !important;}

.p_tb10 {padding:10px 0 !important;}

.m_t10 {margin-top:10px !important;}
.m_t12 {margin-top:12px !important;}
.m_t20 {margin-top:20px !important;}
.m_t22 {margin-top:22px !important;}
.m_t30 {margin-top:30px !important;}
.m_t40 {margin-top:40px !important;}
.m_t50 {margin-top:50px !important;}
.m_b6 {margin-bottom:6px !important;}
.m_b10 {margin-bottom:10px !important;}
.m_b50 {margin-bottom:50px !important;}

/*******************************************************************
*	폰트관련
********************************************************************/
.font_bold {font-weight:bold;}
.strike{text-decoration:line-through;}
.letter_s1 {letter-spacing:-1px;}
/*폰트 사이즈*/
.size_10	{font-size:10px !important;}
.size_11	{font-size:11px !important;}
.size_12	{font-size:12px !important;}
.size_13	{font-size:13px !important;}
.size_14	{font-size:14px !important;}
.size_15	{font-size:15px !important;}
.size_16	{font-size:16px !important;}
.size_17	{font-size:17px !important;}
.size_18	{font-size:18px !important;}
.size_20	{font-size:20px !important;}
.size_22	{font-size:22px !important;}
.size_24	{font-size:24px !important;}
.size_25	{font-size:25px !important;}
.size_26	{font-size:26px !important;}
.size_27	{font-size:27px !important;}
.size_29	{font-size:29px !important;}
.size_30	{font-size:30px !important;}
/*글자간*/
.line_h140 {line-height:140% !important;}
.line_h150 {line-height:150% !important;}
.line_h160 {line-height:160% !important;}
.line_h170 {line-height:170% !important;}
.line_h180 {line-height:180% !important;}
.line_h200 {line-height:200% !important;}
.line_h220 {line-height:220% !important;}
.line_h240 {line-height:240% !important;}
.line_h260 {line-height:260% !important;}
.line_h300 {line-height:300% !important;}

.line_h140 li{line-height:140% !important;}
.line_h150 li{line-height:150% !important;}
.line_h160 li{line-height:160% !important;}
.line_h170 li{line-height:170% !important;}
.line_h180 li{line-height:180% !important;}

/*******************************************************************
*	색관련
********************************************************************/
.color_43 {color:#434343 !important;}
.color_77 {color:#777 !important;}
.color_517 {color:#cc1517 !important;}
.color_799 {color:#fff799 !important;}
.color_700 {color:#eef700 !important;}

.imp_star{color:#cc0033;position:relative;top:2px;}
.txtS_info_red{color:#cc0033; font-size:11px;}
.txt_info_red{color:#cc0033; font-size:12px; font-weight:bold}
.txt_info_blue{color:#5872c7; font-weight:bold}

/*******************************************************************
*	기타공통부분
********************************************************************/
i {font-style: normal; letter-spacing:0}

.lineBox1{padding:13px 30px;border-top:2px solid #cb003d;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}
.lineBox2{padding:8px 30px;border-top:2px solid #cb003d;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}
.lineBox3{padding:8px 30px;border-top:1px solid #dfdfdf;background:#f9f9f9;border-bottom:1px solid #dfdfdf;}

.info_txt{padding-left:20px;background:url('/images/icon/bullet1.gif') no-repeat 10px 5px;padding-bottom:10px;}
.info_txt2{padding-left:20px;background:url('/images/icon/bullet1.gif') no-repeat 10px 3px;padding-bottom:10px;font-size:11px;color:#666}
.info_txt3{padding-left:22px;line-height:20px;background:url('/images/icon/ico_exclamation.gif') no-repeat 0 0;font-size:11px;color:#666;padding-bottom:5px}

.w_280 {width:280px !important;}
.w_26 {width:26% !important;}
.w_70 {width:70% !important;}

.b_dotB {width:100%; border-bottom:1px dotted #bbb;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .b_dotB {width:100%; border-bottom:1px dotted #d7d7d7;} }

/*******************************************************************
*	팝업레이어
*******************************************************************/
.layer_popup{z-index:90001;}
.layer_popup .layer_tit{height:22px;padding-top:8px;background:url('/images/popup/popLayer_tit_bg.gif') repeat-x 0 0;text-align:center;}
.layer_popup .layer_box{border-top:1px solid #ce1414;border-left:1px solid #b8151a;border-right:1px solid #b8151a;}
.layer_popup .layer_cont{border-left:1px solid #f80000;border-bottom:1px solid #f80000;border-right:1px solid #f80000;padding-top:13px;background:#fff}
.layer_popup .layer_close{overflow:visible;border-top:1px solid #dedede;padding:8px 11px 0 11px;height:20px;}
.layer_popup .layer_close .info_close{float:left;font-size:11px;color:#747474}
.layer_popup .layer_close .btn_close{float:right}
.layer_popup .layer_close input[type="checkbox"]{margin-right:3px;vertical-align:middle;}
.layer_popup.layer_close img{vertical-align:middle;}

/*버튼*/
.btnBox1{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;margin:0 0 0 5px !important;background:#f0f0f0; border:1px solid #919191;}
.btnBox1 input[type="button"]{background:none; line-height:26px; height:26px; padding:0 15px 2px 15px;cursor:pointer;}
.btnBox1 a {line-height:26px; height:26px; padding:0 15px 2px 15px; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btnBox1 input[type="button"]{background:none; padding:0 15px 0 15px;}
.btnBox1 a {height:26px; padding:0 15px 0 15px;}
}
.btnBox2{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#cc1517;}
.btnBox2 a {line-height:18px; height:19px; padding:3px 15px 0 15px; color:#fff; font-weight:bold; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox2 a {height:21px; padding:1px 15px 0 15px;} }
.btnBox3{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#cc1517;}
.btnBox3 a {line-height:18px; height:19px; padding:3px 15px 0 15px; color:#fff; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox3 a {height:21px; padding:1px 15px 0 15px;} }
.btnBox4{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;margin:0 0 0 5px !important;background:#f0f0f0; border:1px solid #919191;}
.btnBox4 a {line-height:22px; height:21px; padding:2px 20px 2px 20px; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox4 a {height:25px; padding:0 20px 0 20px;}}
.btnBox5{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f0f0f0; border:1px solid #919191;margin:2px 0}
.btnBox5 a {line-height:21px; height:19px;width:105px;padding:0; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox5 a {height:19px; padding:0;}}
.btnBox6{display:inline-block !important; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f0f0f0;border:1px solid #919191;}
.btnBox6 a {line-height:18px; height:18px; padding:2px 14px 0 14px; color:#000; font-weight:bold; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .btnBox6 a {height:20px; padding:0px 15px 0 15px;} }
.btnBox_orange{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#f87564; border:1px solid #da6050;margin:2px 0}
.btnBox_orange a {line-height:21px; height:19px;width:105px;padding:0; display:block;color:#fff}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox_orange a {height:19px; padding:0;}}
.btnBox_blue{display:inline-block; overflow:visible; cursor:pointer; text-align:center; vertical-align:middle; white-space:nowrap;background:#3d9ab8; border:1px solid #2e829d;margin:2px 0}
.btnBox_blue a {line-height:21px; height:19px;width:105px;padding:0; display:block;color:#fff}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btnBox_blue a {height:19px; padding:0;}}

/* 2020-07-06 검색엔진 추가 */
#header .header_inner {overflow:visible;}
#header .header_inner .searchBox {z-index:1;width:500px;}
#header .header_inner .searchBox .input .btn-delete {top:8px;right:30px;display:none;}
#header .header_inner .searchBox .input .btn-delete.on {display:block;}
#header .header_inner .searchBox .search-recent {width:496px;position:absolute;top:69px;left:220px;right:0;background:#fff;border:2px solid #d00000;display:none;z-index: 9999;}
#header .header_inner .searchBox .search-recent.on {display:block;}
#header .header_inner .searchBox .search-recent .recent-txt {padding:0 10px;border-bottom:1px solid #d9d9d9;height:30px;line-height:30px;font-size:12px;color:#666;}
#header .header_inner .searchBox .search-recent ul li {display:block;padding:0 10px;line-height:24px;font-size:12px;color:#666;}
#header .header_inner .searchBox .search-recent ul li a{color:#666;}
#header .header_inner .searchBox .search-recent .bottom {padding:0 10px;border-top:1px solid #d9d9d9;line-height:24px;}
#header .header_inner .searchBox .search-recent .bottom .btn-delete {font-size:12px;color:#666;}
#header .header_inner .searchBox .search-recent .bottom .btn-close {float:right;font-size:12px;color:#666;}
#header .header_inner .searchBox .search-recent .bottom .btn-close img {margin-left:5px; margin-top:5px;}
#header .header_inner .searchBox .search-related {width:496px;position:absolute;top:69px;left:220px;right:0;background:#fff;border:2px solid #d00000;display:none;    z-index: 10000;}
#header .header_inner .searchBox .search-related.on {display:block;}
#header .header_inner .searchBox .search-related .related-wrap {overflow:hidden;}
#header .header_inner .searchBox .search-related .related-txt {float:left;padding-top:10px;width: 169px;height:307px;border-right:1px solid #d9d9d9;/* margin-right:10px; */}
#header .header_inner .searchBox .search-related .related-txt ul .on{background: lightgray;}
#header .header_inner .searchBox .search-related .related-txt ul li{padding: 0 3px 0 12px;}
#header .header_inner .searchBox .search-related .related-txt ul li a {font-size:12px;color:#666;line-height:24px;}
#header .header_inner .searchBox .search-related .related-txt ul li a span {color:#cd2122;}
#header .header_inner .searchBox .search-related .related-prd {float:left;width: 286px;padding:10px;height:307px;}
#header .header_inner .searchBox .search-related .related-prd .keyword {font-size:14px;color:#cd2122;font-weight:500;margin-bottom:10px;}
#header .header_inner .searchBox .search-related .related-prd ul li {float:left;width:33.33%;padding:2px;box-sizing:border-box;}
#header .header_inner .searchBox .search-related .related-prd ul li a {display:block;border:1px solid #d9d9d9;}
#header .header_inner .searchBox .search-related .related-prd ul li .txtBox {padding:5px;line-height:1.4;max-height: 48px;}
#header .header_inner .searchBox .search-related .related-prd ul li p {font-size:10px;color:#666;}
#header .header_inner .searchBox .search-related .related-prd ul li img{width:89px;height:90px;}
#header .header_inner .searchBox .search-related .recommend {padding:10px;background:#f7f7f7;border-top:1px solid #d9d9d9;}
#header .header_inner .searchBox .search-related .recommend .title {font-size:12px;color:#333;font-weight:700;margin-bottom:5px;}
#header .header_inner .searchBox .search-related .recommend p {font-size:12px;color:#333;line-height:18px;}
#header .header_inner .searchBox .search-related .recommend p a {font-size:12px;color:#333;line-height:18px;}
/*******************************************************************
*	상품리스트영역
********************************************************************/
.goods_list_contents {width:100%; margin:40px 0 0; display:inline-block;}
/*정기배송신청 페이지일때*/
.order_contents>.goods_list_contents {width:100%; margin:0; display:inline-block;}
.goods_list_contents h3 {position:relative; height:28px; background:url('https://www.officenex.com/images/icon/bullet3.gif') no-repeat 0 7px; margin-left:18px; padding-left:8px; font-size:14px; line-height:18px; font-weight:bold;}
/*상품검색*/
.search_lists {height:36px; padding:0 10px; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.search_lists .gUser {float:left; padding-top:5px; vertical-align:middle;}
.search_lists .gUser label {float:left; margin-left:17px; padding-top:5px; color:#424242; font-size:11px; text-indent:-17px; display:block;}
.search_lists .gUser input {top:0 !important; vertical-align:middle;}
.search_lists .gUser a {float:left; margin-left:4px;}
.search_lists .gType {float:right; background:url('https://www.officenex.com/images/shop/schList_gtype_bar.gif') no-repeat 0 15px;}
/* .search_lists .gType li {float:left; height:23px; background:url('https://www.officenex.com/images/shop/schList_gtype_bar.gif') no-repeat right 15px; padding:13px 12px 0; text-align:center;} */
.search_lists .gType li a {color:#686868;  font-size:11px;}
/* .search_lists .gType li.active {height:21px; font-weight:bold; border-bottom:2px solid #e7222c;} */
/* .search_lists .gType li.active a {background:url('https://www.officenex.com/images/icon/arrow1.gif') no-repeat right 50%; padding-right:15px; color:#ea555a; text-decoration:none;} */
.search_lists .gType li.icon {height:26px; background:none; padding:10px 0 0 12px; line-height:1; text-align:left;}
.search_lists .gType li.icon p {float:left; padding-left:10px;}
.search_lists .gType li.icon span {float:left; width:17px; height:17px; background:url('https://www.officenex.com/images/shop/goods_list_icon.gif') no-repeat; font-size:0; line-height:0;}
.search_lists .gType li.icon a {width:17px; height:17px; display:block; text-indent:-99999em;}
.search_lists .gType li.icon .blog .active {background-position:0 -18px;}
.search_lists .gType li.icon .bbs span {background-position:-27px 0;}
.search_lists .gType li.icon .bbs .active {background-position:-27px -18px;}
.search_lists_area {width:100%;}
/*상품블로그형*/
.goodsBox {float:left; width:100%; background:url('https://www.officenex.com/images/shop/goods_list_box_bg.gif') repeat-y 0 0;}
.goodsBox li {float:left; width:176px; height:333px; padding:30px 20px; border-bottom:1px solid #d8d8d8;}
.goods_content {width:176px;}
.goods_content li {height:auto; padding:0; border:0;}
.goods_content li.goods_img {width:176px; height:170px; background:#dfdfdf;}
.goods_content li.goods_img img {width:176px; height:170px;}
.goods_content li.goods_tp {position:relative; width:176px; padding:20px 0;}
.goods_content li.goods_tp input {vertical-align:middle;}
.goods_content li.goods_tp a {float:left; margin-left:18px;}
.goods_content li.goods_tp .qt {position:absolute; top:19px; left:19px; vertical-align:top;}
.goods_content li.goods_tp .qt input {width:32px; padding:3px 0 3px 10px;height:14px; border:1px solid #d8d8d8; border-right:0; vertical-align:middle;}
.goods_content li.goods_tp .qt span {width:17px; height:22px; margin-left:-4px; vertical-align:middle; display:inline-block;font-size:0px; line-height:0px;}
.goods_content li.goods_tp .qt span a {margin:0;}
.goods_content li.goods_md {width:176px; height:62px; margin-bottom:20px; line-height:140%; overflow:hidden;}
.goods_content li.goods_md .brand,
.goods_content li.goods_md .pcode,
.goods_content li.goods_md .pin {height:16px; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;}
.goods_content li.goods_md a {height:34px; overflow:hidden; display:inline-block;}
.goods_content li.goods_md a:hover {text-decoration:underline;}
.goods_content li.goods_se {float:left; width:auto; padding-right:10px; color:#df392e;  font-size:34px; font-weight:bold; letter-spacing:-0.04em;}
.goods_content li.goods_se span {font-size:20px; letter-spacing:-0.02em;}
.goods_content li.goods_bm {float:left; width:176px;position:relative;}
.goods_content li.goods_bm strike {height:16px; color:#999; font-size:11px; display:block;}
.goods_content li.goods_bm .price {height:16px; color:#777; display:inline;}
.goods_content li.goods_bm .price strong {color:#df392e; font-size:15px;}
.goods_content li.goods_bm .point strong {color:#777; font-weight:normal;} 
/* .goods_content li.goods_bm .point {height:16px; color:#777; display:inline;} */
.goods_content li.goods_bm .point {position:absolute; bottom:0; right:0; height:20px; background:url('https://www.officenex.com/images/shop/goods_point_ico.gif') no-repeat 0 0; padding-left:24px; color:#777; text-align:right; line-height:169%; display:inline-block;}
/*게시판 페이징*/
.paging {width:100%; height:34px; margin:54px 0 54px; text-align:center; display:inline-block;}
.paging .pre a,
.paging .nex a {width:34px; height:34px; margin:0; font-size:0; line-height:0; border:0;}
.paging strong {width:33px; height:32px; color:#df392e; line-height:280%; font-weight:bold; border:1px solid #d8d8d8; vertical-align:top; display:inline-block;}
.paging a {width:33px; height:32px; color:#424242; line-height:280%; font-weight:bold; border:1px solid #d8d8d8; vertical-align:top; display:inline-block;}
/*페이징*/
.goods_list_contents .paging {margin-top:34px !important;}
/*상품게시판형*/
.goodsList {float:left; width:100%;}
.goodsList thead th {padding:6px 0; color:#424242; font-size:11px; font-weight:bold; line-height:18px; text-align:center; border-bottom:1px solid #d8d8d8;}
.goodsList tbody td {padding:15px 0; text-align:center; border-bottom:1px dotted #d8d8d8;}
.goodsList tbody td.info {padding:15px 5px 15px 0; text-align:left; border-bottom:1px dotted #d8d8d8;}
.goodsList tbody td.btn a {margin-bottom:3px; display:block;}
.goodsList tbody td.bm strike {height:16px; color:#999; font-size:11px; display:block;}
.goodsList tbody td.bm .price {height:16px; color:#777; line-height:140%; display:block;}
.goodsList tbody td.bm .price strong {color:#df392e; font-size:15px;}
/* .goodsList tbody td.bm .point {height:16px; color:##3366cc; line-height:220%; display:block;} */
.goodsList tbody td.bm .point {height:20px; background:url('../../images/shop/goods_point_ico.gif') no-repeat 0 0; margin-top:10px; padding-left:24px; color:#777; line-height:169%; display:inline-block;}
.goodsList tbody td.bm .point strong {color:#777; font-weight:normal;}
.goodsList tbody td.qt input {width:52px; padding:3px 0 3px 10px;height:14px; border:1px solid #d8d8d8; border-right:0; vertical-align:middle;}
.goodsList tbody td.qt span {width:17px; height:22px; margin-left:-4px; vertical-align:middle; display:inline-block;font-size:0px; line-height:0px;}
.goodsList .goods_content {position:relative; width:100%; height:128px; overflow:hidden;}
.goodsList .goods_content li {float:left; padding-left:144px;}
.goodsList .goods_content li.goods_img {position:absolute; left:0; top:0; width:128px; height:128px; padding-left:0; background:#dfdfdf; z-index:4000;}
.goodsList .goods_content li.goods_img img {width:128px; height:128px;}
.goodsList .goods_content li.goods_tag {height:38px;}
.goodsList .goods_content li.goods_tag img {float:left; margin-right:3px;}
.goodsList .goods_content li.goods_tp {position:absolute; left:144px; bottom:2px; width:auto; height:13px; padding:0; z-index:4000;}
.goodsList .goods_content li.goods_tp a {margin:0;}
.goodsList .goods_content li.goods_md {clear:both; width:auto; height:50px; line-height:140%; overflow:hidden;}
.goodsList .goods_content li.goods_md .brand,
.goodsList .goods_content li.goods_md .pcode
.goodsList .goods_content li.goods_md .pin {height:16px; margin-bottom:3px; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;}
.goodsList .goods_content li.goods_md .state {height:16px; margin-bottom:3px; color:#d00000; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;}
.goodsList .goods_content li.goods_md a {height:20px;}
.goodsList .goods_content li.goods_md a:hover {text-decoration:underline;}
.search-result-box {line-height:1.6;height:80px;}
.search-result-box .txt {font-size:22px;font-weight: 600;}
.search-result-box .related-keyword {padding:10px 0;font-size:14px;}
.search-result-box .related-keyword a {color:#358dee;display:inline-block;margin:0 5px;}
.search-result-box .related-keyword a:hover {text-decoration:underline !important;}
.search-prd-wrap {}
.search-prd-wrap .search-category {float:left;width:200px;padding-top:30px;margin-right:20px;}
.search-prd-wrap .search-category > ul > li {padding:20px 0;border-top:1px solid #d9d9d9;}
.search-prd-wrap .search-category > ul > li .cate-title {font-size:20px;color:#333;font-weight:500;margin-bottom:20px;}
.search-prd-wrap .search-category ul li label {display:block;font-size:14px;color:#666;line-height:1.6;}
.search-prd-wrap .search-category ul li label input {position:relative;top:2px;margin-right:5px;}
.search-prd-wrap .search-category ul li .more-cate {margin-top:20px;display:block;font-size:14px;color:#333;opacity:0.5;}
.search-prd-wrap .search-category ul li .more-cate span {display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:#999;color:#fff;margin-right:5px;}
.search-prd-wrap .search-category ul li .more-brand {margin-top:20px;display:block;font-size:14px;color:#333;opacity:0.5;}
.search-prd-wrap .search-category ul li .more-brand span {display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:#999;color:#fff;margin-right:5px;}
.search-prd-wrap .search-category ul li.search-cate03 input {width:55px;border:1px solid #d9d9d9;height:30px;line-height:28px;outline:none;padding:0 10px;}
.search-prd-wrap .search-category ul li.search-cate03 a {display:block;margin-top:5px;line-height:30px;text-align:center;font-size:14px;color:#333;background:#ebebeb;border:1px solid #d9d9d9;}
.search-prd-wrap .search-category ul li .input-box {position:relative;border:1px solid #d9d9d9;padding-right:40px;}
.search-prd-wrap .search-category ul li .input-box input {height:30px;line-height:28px;width:100%;outline:none;padding:0 10px;}
.search-prd-wrap .search-category ul li .input-box a {position:absolute;top:6px;right:10px;width:17px;}
.search-prd-wrap .search-category .category {}
.search-prd-wrap .search-category .category > ul > li > a {display:block;font-size:14px;color:#333;font-weight:bold;position:relative;line-height:24px;}
.search-prd-wrap .search-category .category > ul > li > a span {position:absolute;top:7px;right:0;width:11px;height:11px;}
.search-prd-wrap .search-category .category > ul > li > a span:before {content:"";position:absolute;width:100%;height:1px;background:#000;top:4px;left:0;}
.search-prd-wrap .search-category .category > ul > li > a span:after {content:"";position:absolute;width:1px;height:100%;background:#000;top:-1px;left:5px;transition:0.3s all ease-out;}
.search-prd-wrap .search-category .category > ul > li > a.on span:after {transform:rotate(90deg);}
.search-prd-wrap .search-category .category > ul > li ul {padding:10px;}
.search-prd-wrap .search-category .category > ul > li ul li a {font-size:14px;color:#333;line-height:1.6;}
.search-prd-wrap .search-category .category > ul > li .sub {display:none;}
.search-prd-wrap .search-category .category > ul > li .sub > li > a {display:block;}
.search-prd-wrap .search-category .category > ul > li .sub > li > a.slide {background:url("../../images/common/depth-arrow-bottom.png") no-repeat 95% 50%;}
.search-prd-wrap .search-category .category > ul > li .sub > li > a.slide.on {background:url("../../images/common/depth-arrow-top.png") no-repeat 95% 50%;}
.search-prd-wrap .search-category .category > ul > li ul.depth03 {display:none;}
.search-prd-wrap .search-category .category > ul > li ul.depth03 li a {display:block;padding-left:10px;position:relative;}
.search-prd-wrap .search-category .category > ul > li ul.depth03 li a:before {content:"-";position:absolute;top:0;left:0;}
.search-prd-wrap .goods_list_contents {float:left;width:860px;margin-top:0;}
.search-prd-wrap .goods_list_contents .search-result {font-size:18px;}
.search-prd-wrap .goodsBox li {width:175px;}
.search-array {background:#f8f8f8;padding:20px;margin-top:10px;border-top:1px solid #333;border-bottom:1px solid #d9d9d9;position:relative;}
.search-array:after {content:"";display:block;clear:both;}
.search-array ul li {float:left;padding:0 10px;font-size:14px;color:#333;}
.search-array ul li input {position:relative;top:2px;margin-right:5px;}
.search-array ul li a {display:block;}
.search-array .array-btns {position:absolute;top:20px;right:20px;}
.search-array .array-btns p {float:left; padding-left:10px;}
.search-array .array-btns span {float:left; width:17px; height:17px; background:url('https://www.officenex.com/images/shop/goods_list_icon.gif') no-repeat; font-size:0; line-height:0;}
.search-array .array-btns a {width:17px; height:17px; display:block; text-indent:-99999em;}
.search-array .array-btns .blog .active {background-position:0 -18px;}
.search-array .array-btns .bbs span {background-position:-27px 0;}
.search-array .array-btns .bbs .active {background-position:-27px -18px;}
.search-array .search_lists {position:absolute;right:0;top:-40px;border-bottom:none;padding:0;}

#header .header-top .searchBox .input input,
#header .header-top .searchBox .search-recent,
#header .header-top .searchBox .search-related {}
#header .header-top .searchBox .search-related .related-prd ul li p,
#header .header-top .searchBox .search-related .recommend p,
#header .header-top .searchBox .search-related .recommend .title,
#header .header-top .searchBox .search-related .related-prd .keyword,
#header .header-top .searchBox .search-related .related-txt ul li a,
#header .header-top .searchBox .search-recent .recent-txt,
#header .header-top .searchBox .search-recent ul li a,
#header .header-top .searchBox .search-recent .bottom .btn-delete,
#header .header-top .searchBox .search-recent .bottom .btn-close {font-size:12px;}
#header .header-top .searchBox .search-related .related-prd ul li p {font-size:10px;color:#666;}
#header .header-top .searchBox .search-related .related-prd ul li p.txt {line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;}

.search-result-box .txt,
.search-result-box .related-keyword {font-size:12px;}
.auto{width: 1080px;margin: auto;position: relative;}

@charset "utf-8";

/*******************************************************************
*	로그인 2번시안
********************************************************************/
.loginWrap02{height:100%; text-align: center;}
.loginWrap02 .table {display: table; width: 100%; height: 100%;}
.loginWrap02 .tableCell{display:table-cell; vertical-align: middle;}
.loginWrap02 .inner{width: 1350px; display: inline-block; vertical-align: top;}
.loginWrap02 .loginVisual{float:left; width: 700px; padding-top: 130px;}
.loginWrap02 .loginVisual img{width:100%;}

.loginWrap02 .loginRight{float:right; width:515px; padding-top:80px;}
.loginWrap02 .loginRight .logo{display:inline-block; padding:30px 0;}
.loginWrap02 .loginRight .loginForm a{margin-top:30px; width:340px; height:45px; box-sizing:border-box; color:#fff; font-size:20px; font-weight:700; background:#333; display:inline-block; line-height:45px; border-radius:3px; vertical-align:middle;}
.loginWrap02 .loginRight .loginForm > input{margin-bottom:8px; width:340px; height:45px; font-size:18px; color:#666; font-weight:300; padding-left:10px; border:1px solid #bababa; vertical-align:middle;}
.loginWrap02 .loginRight .idCheck{width:340px; display:inline-block;}
.loginWrap02 .loginRight .idCheck .Right{float:right; margin-top:5px;}
.loginWrap02 .loginRight .idCheck input{width:15px; height:15px; display:inline-block; margin-right: 5px; vertical-align:middle;}
.loginWrap02 .loginRight .idCheck p{display:inline-block; vertical-align:middle; line-height:100%; font-size:16px; color:#999; font-weight:300;}

/* 하단텍스트 */
.loginWrap02 .bottomText{margin-top:145px; border-top:1px solid #bababa;}
.loginWrap02 .bottomText ul{width:100%; padding:20px 30px; margin-top:20px;}
.loginWrap02 .bottomText ul li{text-align:left; margin-bottom:20px; }
.loginWrap02 .bottomText ul li h4{font-size:16px; color:#666; font-weight:700; margin-bottom:5px;}
.loginWrap02 .bottomText ul li h5{font-size:13px; color:#666; font-weight:500; margin-bottom:5px;}
.loginWrap02 .bottomText ul li span{font-size:14px; color:#666; font-weight:700;}
.loginWrap02 .bottomText ul li p{display:inline-block; padding:0 10px; border-left:1px solid #999;font-size:12px; color:#999; font-weight:400; line-height:2.0;}
.loginWrap02 .bottomText ul li p.first{padding-left:0; border:none;}


/*******************************************************************
*	로그인 4번시안
********************************************************************/
.loginWrap04{height:100%;     text-align: center;}
.loginWrap04 .loginVisual{width: 1150px;}
.loginWrap04 .loginVisual img{width:100%;}
.loginWrap04 .table {display: table; width: 100%; height: 100%;}
.loginWrap04 .tableCell{display:table-cell; vertical-align: middle;}
.loginWrap04 .inner{width: 1150px; display: inline-block; vertical-align: top;}
.loginWrap04 .loginTop{height:45px; overflow:hidden; clear:both; margin-bottom: 20px;}
.loginWrap04 .loginTop .logo{padding:10px 0; display:inline-block; float:left;}
.loginWrap04 .loginTop .loginForm{float:right; margin-top:3px;}
.loginWrap04 .loginTop .loginForm a{width:130px; height:40px; box-sizing:border-box; color:#fff; font-size:20px; font-weight:700; background:#333; display:inline-block; line-height:40px; border-radius:3px; vertical-align:middle;}
.loginWrap04 .loginTop .loginForm input{width:240px; height:40px; margin-right:13px; font-size:18px; color:#666; font-weight:300; padding-left:10px; border:1px solid #bababa; vertical-align:middle;}

/* 하단텍스트 */
.loginWrap04 .bottomText ul{ display:table; width:100%; margin-top:20px;}
.loginWrap04 .bottomText ul li{ display:table-cell; text-align:left; border-right:1px solid #bababa; padding:0 30px; vertical-align:middle; }
.loginWrap04 .bottomText ul li:last-child{border:none;}
.loginWrap04 .bottomText ul li h4{font-size:16px; color:#666; font-weight:700; margin-bottom:5px;}
.loginWrap04 .bottomText ul li h5{font-size:13px; color:#666; font-weight:500; margin-bottom:5px;}
.loginWrap04 .bottomText ul li span{font-size:14px; color:#666; font-weight:700;}
.loginWrap04 .bottomText ul li p{font-size:12px; color:#999; font-weight:400; line-height:120%;}