@charset "utf-8";

/*******************************************************************
*	공통 css
********************************************************************/
#wrapper {width:100%;}
/* #header {position:relative; width:100%; padding-top:36px;;z-index:90000;} */
/* #header {position:relative; width:100%; padding-top:0px;;z-index:90000;} */
/* .header_utill {position:fixed; top:0; width:100%; height:36px; background:url('/images/common/header_utill_bg.gif') repeat-x 0 0; overflow:hidden; z-index:90000;} */
.header_utill {position:fixed; top:0; width:100%; height:36px; background:url('/images/common/header_utill_bg.gif') repeat-x 0 0; overflow:hidden; z-index:90000;}
.header_utill_contents ul li {float:left;}
.header_utill_contents ul.floatL {/*background:#f5f5f5;padding:12px 0 0px;*/ overflow:hidden;line-height:normal;}
.header_utill_contents ul.floatL li {}
.header_utill_contents ul.floatL li a {font-weight:bold;line-height:36px;}
.header_utill_contents ul.floatL li.app {background:url('../../images/icon/icon_appDown.gif') no-repeat 0 47%; padding-left:15px;margin-right:10px;}
.header_utill_contents ul.floatL li.app a {text-decoration:none;}
.header_utill_contents ul.floatL li.app a:hover, .header_utill_contents ul.floatL li.store a:hover {text-decoration:underline;}
/*.header_utill_contents ul.floatL li {background:url('/images/common/header_utill_bg_line02.gif') no-repeat right 0; padding-right:21px;}
.header_utill_contents ul.floatL li a {color:#fff; font-family:dotum, arial, sans-serif;}*/
.header_utill_contents ul.floatL li.store {width:165px; height:36px; background:url('../../images/main/top_icon.gif') no-repeat 0 49%;padding-left:15px;}
/* .header_utill_contents ul.floatL li.store {width:95px; height:36px; background:url('../../images/common/util_bg_store.gif') no-repeat 0 2px; margin-left:10px; padding-left:44px;} */
.header_utill_contents ul.floatL li.store a {text-decoration:none;}
.header_utill_contents ul.floatL li.exposition {width:213px; height:36px; background:url('../../images/common/util_bg_exposition.png') no-repeat 0 2px; margin-left:-11px; padding-left:37px;}
.header_utill_contents ul.floatL li.exposition a {color:#d40000; text-decoration:none;}
.header_utill_contents ul.floatR {padding:13px 0 0;line-height:normal;}
.header_utill_contents ul.floatR li {background:url('/images/common/header_utill_bg_line.gif') no-repeat right 0; padding-right:21px;}
.header_utill_contents ul.floatR li a {color:#424242; font-size:11px;}
.header_utill_contents a {color:#676767; text-decoration:none;}
.header_utill_contents a:hover {text-decoration:underline;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.header_utill_contents ul.floatL li{line-height:12px;}
.header_utill_contents ul.floatL li.app {background:url('/images/icon/icon_appDown.gif') no-repeat 0 50%;margin-right:10px;}
.header_utill_contents ul.floatR {padding:12px 0 0;line-height:12px;}
.header_utill_contents ul.floatR li {background:url('/images/common/header_utill_bg_line.gif') no-repeat right 2px;}
}
.header_inner {position:relative;height:86px;}
.header_inner h1 {float:left;}
.header_inner h1 a {display:block;padding:22px 0;}
.header_inner .search_field {width:396px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-198px;}
/* .header_inner .search_field dl {margin-top:27px;} */
/* .header_inner .search_field dl dt {float:left; width:369px; height:38px; border-bottom:4px solid #d00000; overflow:hidden;} */
/* .header_inner .search_field dl dt input {width:329px; padding:12px 20px;} */
/* .header_inner .search_field dl dd {float:left; border-bottom:4px solid #d00000;} */
.header_inner .quick_field {float:right; margin:37px 0 0 0;}
.header_inner .quick_field ul{padding-left:42px;}
.header_inner .quick_field li {position:relative; float:left; height:26px; padding-left:8px;}
.header_inner .quick_field li.bar {color:#ccc; font-family:'Dotum',sans-serif; font-size:12px; line-height:230%}
/* .header_inner .quick_field .ico_n {position:absolute; top:-16px; left:4px; width:45px; height:24px;} */
.header_inner .quick_field .ico_n {position:absolute; top:-19px; left:4px; width:45px; height:24px;}
.header_menu {min-height:39px; background:#e6002d;}
.header_menu_contents {position:relative;}
.header_menu_contents .left {width:1044px;}
.header_menu_contents .right li {padding:0 !important;}
/*상단 전체메뉴*/
/* .all_cate {float:left; width:38px; display:block;z-index:90000;} */
/* .btn_all_cate {width:100%; height:39px; display:block;} */
/* .all_menu.show {width:1082px; min-height:508px; display:block;} */
/* .all_menu {position:absolute; left:0; top:39px; width:1080px; 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:39px; display:block;text-align:right;} */
/* .top_mall li {display:inline-block;height:39px;vertical-align:top;margin-left:-4px;} */
/* .top_mall li img {margin-top:8px;} */
#container {position:relative; background:url('/images/common/container_bg.gif') repeat-x 0 0;padding-top:260px;}


/*******************************************************************
*	푸터 메뉴 (2017.05.12)
********************************************************************/
/* #footer {clear:both; 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;} */

#footer {clear:both; width:100%; min-height:220px; border-top:1px solid #ddd;}
#footer .btnBox {display:inline-block;}
#footer .btnBox a {height:19px; padding:0 6px; color:#969595; font-size:11px; line-height:189%; letter-spacing:-0.08em; text-decoration:none; border:1px solid #969595; display:inline-block; overflow:hidden;}
#footer .btnBox a:hover {color:#d00000; border:1px solid #d00000;}

/*푸터 메뉴*/
.footer_menu {height:40px; border-bottom:1px solid #ddd;background:#d9d9d9;}
.footer_menu ul {float:left; padding-top:15px;}
.footer_menu ul li {float:left;letter-spacing:-1px;}
.footer_menu ul li a {color:#666;padding:0 13px;position:relative;}
.footer_menu ul li a:after {content:"";position:absolute;top:2px;right:0;width:1px;height:10px;background:#8a8a8a;}
.footer_menu ul li:last-child a:after {display:none;}
.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:22px;}
.footer_desc ul {min-height:155px;}
.footer_desc li {float:left; letter-spacing:-0.06em;}
.footer_desc .logo {width:109px; padding-top:20px;}
.footer_desc .logo img{width:109px;}
/* .footer_desc .cs {padding:0 35px;} */
.footer_desc .cs {padding:0 35px;max-width:216px;}
.footer_desc .cs dl dt {color:#333; font-weight:bold; line-height:189%; display:block;}
.footer_desc .cs dl dd {color:#666; font-family:dotum; line-height:149%; display:block;}
.footer_desc .cs .btnBox {margin-top:8px;}
/* .footer_desc .depot {padding:0 35px; color:#969595; line-height:149%; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; display:block;} */
.footer_desc .depot {padding:0 35px 40px 35px; color:#969595; line-height:149%; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; display:block;max-width:242px;}
.footer_desc .depot strong {color:#333;}
.footer_desc .depot .btnBox {margin:4px 0;}
/* .footer_desc .cert {padding-left:35px; color:#969595; line-height:149%;} */
.footer_desc .cert {color:#969595; line-height:149%;max-width:339px;}
.footer_desc .cert .cert_txt{padding-left:17px;padding-top:10px;}
.footer_desc .cert .cert_txt2{padding-left:35px;}
.footer_desc .cert strong {color:#333; line-height:209%; display:block;}
.footer_desc .cert .btnBox {margin:4px 0;}


/*양쪽 날개*/
#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:-157px; top:0; width:142px;}
.left_wing ul {width:142px; border:0px solid #d6d6d6;}
.left_wing ul li {width:142px; padding:0 0 4px 0;}
.left_wing ul li img {float:right; margin-top:4px;}

/* .right_wing {position:absolute; top:0; right:-105px; width:90px;} */
.right_wing {position:absolute; top:0; right:-105px; width:80px;}

.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;}
*/
/* 150915 b2b+카드할인 추가 
.quick_area ul li.roll {height:86px; border-top:1px solid #d7d7d9;}
.quick_area ul li.roll .rollBx {position:relative; width:90px; height:86px;}
.quick_area ul li.roll .rollBx li {width:90px; height:86px;}
*/
/* PAGER 
.quick_area ul li.roll .rollBx .bx-controls {position:absolute; height:3px; left:0; top:83px; width:100%; text-align:right; z-index:1000;}
.quick_area ul li.roll .rollBx .bx-pager .bx-pager-item,
.quick_area ul li.roll .rollBx .bx-controls-auto .bx-controls-auto-item {display: inline-block;	*zoom: 1;*display: inline;}
.quick_area ul li.roll .rollBx .bx-pager.bx-default-pager a {background:#000;display: block;width:45px;height:3px;margin:0;color:#fff;text-align:center;border:0;text-indent: -9999px;}
.quick_area ul li.roll .rollBx .bx-pager.bx-default-pager a:hover{background:#ccc;border:0;text-decoration:none;}
.quick_area ul li.roll .rollBx .bx-pager.bx-default-pager a.active {background:#cc1517;border:0;text-decoration:none;}
*/
/* 150915 b2b+카드할인 추가// 
.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;} 
}
*/

/*오른쪽 날개 영역-(2017.05.15)*/
.quick_area {width:80px;}
.quick_area li {width:78px; background:#fff; border:1px solid #d5d5d5; border-top:0;}
.quick_area li a {padding:6px 0; color:#666; font-size:11px; text-align:center; text-decoration:none; letter-spacing:-0.06em; display:block;}
.quick_area li a:hover {background:#f5f5f5;}
.quick_area .myShop {width:80px; background:#666; line-height:189%; border:0; overflow:hidden;}
.quick_area .myShop a {color:#fff; padding:1px 0;cursor:default;}
.quick_area .myShop a:hover {background:none;}
.quick_area .td_item .title {padding:4px 0; font-size:11px; text-align:center; line-height:189%; letter-spacing:-0.06em;background:#666;color:#fff;}
.quick_area .td_item .title .num {background:#d60034; padding:1px 5px 1px 3px; color:#fff; font-family:dotum;}
.quick_area .td_item .list {position:relative; width:78px; height:167px;}
.quick_area .td_item .list li {border:0;}
.quick_area .td_item .list a {width:58px; height:58px; margin:0 10px; padding:5px 0; overflow:hidden;}
.quick_area .td_item .list a:hover {background:none;}
.quick_area .td_item .list a img {width:58px; height:58px;}
.quick_area .td_item .list .bx_area.short .bx-controls {position:absolute; left:0; top:143px; width:78px; z-index:1000;}
.quick_area .td_item .list .bx_area.short .bx-pager {position:absolute; right:0; top:0; width:78px; height:13px; font-size:11px; text-align:center; line-height:129%;}
.quick_area .td_item .list .bx-controls-direction {position:absolute; left:0; top:0; width:58px; height:13px; padding:0 10px; text-align:left; overflow:hidden; z-index:1400;}
.quick_area .td_item .list .bx-controls-direction a {width:14px; height:13px; background:url('http://www.officedepot.co.kr/images/common/quick_area_sliderArr.gif') no-repeat; margin:0; font-size:0; line-height:0;}
.quick_area .td_item .list .bx-controls-direction .bx-prev {float:left; background-position:0 0;}
.quick_area .td_item .list .bx-controls-direction .bx-prev:hover {background-position:0 -14px;}
.quick_area .td_item .list .bx-controls-direction .bx-next {float:right; background-position:-15px 0;}
.quick_area .td_item .list .bx-controls-direction .bx-next:hover {background-position:-15px -14px;}
.quick_area .quick_search {background:#666;}
.quick_area .quick_search a {color:#fff;}
.quick_area .quick_search a:hover {background:#666;}
.quick_area .scrollTop a {background:url('http://www.officedepot.co.kr/images/common/quick_area_arrTop.gif') no-repeat 12px 10px; padding-left:23px; text-align:left;}
.quick_area .scrollTop a:hover {background:#f5f5f5 url('http://www.officedepot.co.kr/images/common/quick_area_arrTop.gif') no-repeat 12px 10px;}
.quick_area .scrollBot a {background:url('http://www.officedepot.co.kr/images/common/quick_area_arrBot.gif') no-repeat 12px 10px; padding-left:23px; text-align:left;}
.quick_area .scrollBot a:hover {background:#f5f5f5 url('http://www.officedepot.co.kr/images/common/quick_area_arrBot.gif') no-repeat 12px 10px;}



#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:75px;}
.easyCart_price .price_box dd{float:left;height:22px;width:90px;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:75px;color:#dd3832}
.easyCart_price .total_box dd{float:left;height:22px;width:90px;font-weight:bold;text-align:right;color:#dd3832}
.easyCart_price .btn{text-align:center;padding-top:11px}
.easyCart_price .txtnum1{font-size:13px;}
.easyCart_price .txtnum2{font-weight:bold;font-size:13px;}

/*******************************************************************
*	정렬관련
********************************************************************/
.wrapper_fix {width:1082px; margin:0 auto;}
.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_t20 {margin-top:20px !important;}
.m_t22 {margin-top:22px !important;}
.m_t30 {margin-top:30px !important;}
.m_t40 {margin-top:40px !important;}
.m_l10 {margin-left:10px !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_28	{font-size:28px !important;}	/*size_28빠져서 추가해줌,PSJ*/
.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}

/*******************************************************************
*	기타공통부분
********************************************************************/
i {font-style: normal;font-family:Tahoma, Geneva, sans-serif !important; 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%; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .b_dotB {width:100%; } }

/*******************************************************************
*	팝업레이어
*******************************************************************/
.layer_popup{z-index:1000;}
/* .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_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_box{border-top:1px solid #ce1414;border-left:1px solid #b8151a;border-right:1px solid #b8151a;border-bottom: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:11px 11px 0 11px;height:20px;background-color: white;}
.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:116px;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;}}


.ui-front {
    z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}



.relation_search {display: block; position: absolute; z-index:99999; width: 584px; background: #fff; border: 1px solid #e6002e;}
.relation_search .top {width: 584px; height: 291px;}
.relation_search .top .left {position: relative; float: left; width: 242px; height: 291px;}
.relation_search .top .left ul {padding: 9px 0 0 0; float: left;}
.relation_search .top .left ul li strong {color: #e6002e; }
.relation_search .top .left ul li a {display: block; width: 190px; float: left; height: 22px; line-height: 22px; overflow: hidden;}
.relation_search .top .left ul li {height: 22px; width: 211px; float: left; padding: 0 12px 0 19px; cursor: pointer;}
.relation_search .top .left ul li.on{background:lightgray;}
.relation_search .top .left>li.on>a {background-color: #e5e4e4; text-decoration: none;}
.relation_search .top .left .left_info {width: 242px; height: 49px; position: absolute; bottom: 0; left: 0; border-top: 1px dotted #464646;}
.relation_search .top .left .left_info span {display: block; padding: 7px 0 10px 18px; font-size: 11px; line-height: 16px; color: #8a8a8a;}

.relation_search .top .right {float: left; width: 302px; height: 291px; padding: 0px 24px 0px 15px; border-left: 1px solid #dbdbdb;}
.relation_search .top .right .left_keyword_title {height: 41px; line-height: 41px;}
.keyword_color {color: #e6002e;}

.relation_search .top .right dl:first-child {margin-top: 5px;}
.relation_search .top .right dl {float: left; width: 100%; margin-top: 5px;}
.relation_search .top .right dt {float: left; line-height: 0; font-size: 0;}
.relation_search .top .right dt img {width: 58px; height: 58px; vertical-align: middle;}
.relation_search .top .right dl .goods_info2 {float: left; width: 152px; padding: 0 23px 0 9px;}
.relation_search .top .right dl .goods_info2 .goods_nm {height: 28px; line-height: 14px; margin-bottom: 10px; color: #636363; overflow: hidden;}
.relation_search .top .right dl .goods_info2 .goods_price {font-size: 11px; color: #2a2a2a;}

.relation_search .top .right dd {float: left; }
.relation_search .top .right dl dd .btn_direct {position: relative; float: left; line-height: 0px; font-size: 0px; margin-top: 4px; }
.relation_search .top .right dl dd .btn_save {position: relative; float: left; line-height: 0px; font-size: 0px; margin-top: 4px;margin-right: 2px;}


.relation_search .bottom dl{width: 565px; padding: 11px 0 11px 19px; background: #f7f7f7; border-top: 1px solid #dbdbdb; color: #2a2a2a;}
.relation_search .bottom dt {padding-bottom: 11px;}
.relation_search .bottom dd {padding-bottom: 8px;}
.relation_search .btn_close {position: absolute; bottom: 0; right: 0;}





/*최근검색어 인기검색어*/
#keyword_layout {width:350px; top: 36px;position: absolute; z-index:99999;}
.keyword_wrap {width: 100%; height: auto; display: block; border: 1px solid #e6002e;}
.keyword_wrap .tabmenu {display: table; width: 100%; table-layout: fixed; }
.keyword_wrap .tabmenu li {display: table-cell; height: 37px; vertical-align: middle;}
.keyword_wrap .tabmenu li:first-child {border-right:1px solid #dbdbdb;}
.keyword_wrap .tabmenu li a {height: 37px; line-height: 38px; font-size: 14px; color: black; display: block; text-align: center; font-weight: bold; background-color: #d9d9d9;}
.keyword_wrap .tabmenu li.on a {background-color: #fff; }


.keyword_wrap .popular_wrap a {font-size: 13px; color: black;}
.keyword_wrap .popular_wrap {overflow: hidden; width: 350px;}
.keyword_wrap .popular_wrap .popular_list {width: 174px; float: left;}
.keyword_wrap .popular_wrap .popular_list li {height: 25px; display: block; padding-left: 10px; padding-top: 9px; border-top: 1px solid #dbdbdb;background:white;}
.keyword_wrap .popular_wrap .left {border-right: 1px solid #dbdbdb;}

.keyword_wrap .recent_wrap a {font-size: 13px; color: black;}
.keyword_wrap .recent_wrap {overflow: hidden; width: 350px;}
.keyword_wrap .recent_wrap .recent_list {width: 350px;}
.keyword_wrap .recent_wrap .recent_list li {height: 25px; display: block; padding-left: 10px; padding-top: 9px; border-bottom: 1px solid #dbdbdb;background:white;}

.keyword_wrap .recent_wrap .recent_del { height: 22px; padding-left: 310px; padding-top:10px; }
.keyword_wrap .recent_wrap .recent_del .btn_close_all {display: inline-block; position: relative; width: 100px; }
.keyword_wrap .recent_wrap .recent_del .btn_close_all .ico_x {position: absolute; width: 30px; height: 30px; right: 10px; top: 0}


/*위치*/
.Q_menu_position_type2 li.p01 {position:absolute; left:-123px; top:0; width:109px;/**390px;**/ height:152px;/**420px;**/}
/*좌측 큰배너*/
.Q_menu_position_type2 .p01_slider {position:relative; width:109px;/**390px;**/ height:152px;/**420px;**/padding-top:15px;}
.Q_menu_position_type2 .p01_slider li {width:109px;/**390px;**/ height:420px;}
/* .Q_menu_position_type2 .p01_slider .bx-controls {position:absolute; left:0; top:-17px; width:109px; z-index:1000;} */
/* .Q_menu_position_type2 .p01_slider .bx-pager {position:absolute; right:0; top:0; width:109px; height:13px; font-size:11px; text-align:center; line-height:129%;} */
/* .Q_menu_position_type2 .p01_slider .bx-controls-direction {position:absolute; left:0; top:0; width:99px; height:13px; padding:0 5px; text-align:left; overflow:hidden; z-index:1400;} */
/* .Q_menu_position_type2 .p01_slider .bx-controls-direction a {width:14px; height:13px; background:url('/images/common/quick_area_sliderArr.gif') no-repeat; margin:0; font-size:0; line-height:0;} */
/* .Q_menu_position_type2 .p01_slider .bx-controls-direction .bx-prev {float:left; background-position:0 0;} */
/* .Q_menu_position_type2 .p01_slider .bx-controls-direction .bx-prev:hover {background-position:0 -14px;} */
/* .Q_menu_position_type2 .p01_slider .bx-controls-direction .bx-next {float:right; background-position:-15px 0;} */
/* .Q_menu_position_type2 .p01_slider .bx-controls-direction .bx-next:hover {background-position:-15px -14px;} */

.p01_slider .bx-controls {position:absolute; left:0; top:-17px; width:109px; z-index:1000;  height:110%;border:1px solid #d9d9d9;}
.p01_slider .bx-pager {position:absolute; right:0; top:0; width:109px; height:13px; font-size:11px; text-align:center; line-height:129%;  padding-top:10px; background: white;}
.p01_slider .bx-controls-direction {position:absolute; left:0; top:0; width:90px; height:13px; padding:0 10px; text-align:left; overflow:hidden; z-index:1400;  padding-top:10px;}
.p01_slider .bx-controls-direction a {width:14px; height:13px; background:url('/images/common/quick_area_sliderArr.gif') no-repeat; margin:0; font-size:0; line-height:0;}
.p01_slider .bx-controls-direction .bx-prev {float:left; background-position:0 0;}
.p01_slider .bx-controls-direction .bx-prev:hover {background-position:0 -14px;}
.p01_slider .bx-controls-direction .bx-next {float:right; background-position:-15px 0;}
.p01_slider .bx-controls-direction .bx-next:hover {background-position:-15px -14px;}
.p01_slider .bx-viewport {z-index:99999;margin-left:1px;}

/*위치*/
.Q_menu_position_type1 li.p01 {position:absolute; left:-123px; top:0; width:109px;/**390px;**/ height:152px;/**420px;**/}

.Q_menu_position_type1 .p01_slider {position:relative; width:109px;/**390px;**/ height:152px;/**420px;**/padding-top:15px; background: white;}
.Q_menu_position_type1 .p01_slider li {width:109px;/**390px;**/ height:420px;}

/*좌측 큰배너*/





a { cursor:pointer;}


.btnWrap {margin:30px auto 0 auto;}
.btnWrap a {display:inline-block;width:180px; height:45px; line-height:45px; text-align:center;color:#666;font-weight:bold;font-size:15px;cursor:pointer;}
.btnWrap a.blue {background:#0253a5;color:#fff;}
.btnWrap a.red {background:#ed1c2a;color:#fff;}
.btnWrap a.orange {background:#f0515c;color:#fff;}

.header-top .topTab span {    font-size: 14px;font-weight: 700;}
.header-top .topTab li:first-child:after {content: "";
    position: absolute;
    width: 1px;
    right: 163px;
    height: 21px;
    background: #9b9b9b;}
    
#mainVisual{position:relative;padding-top: 510px;overflow: hidden;}

/* .main-visual{width: 2370px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);} */
/* .main-visual .swiper{ */
    /* padding: 0 29vw; */
/* } */
/* .main-visual .swiper-wrapper{ } */
/* .main-visual .swiper-slide{height: 413px;} */
/* .main-visual .swiper-slide img{border-radius:15px;} */

.main-visual .nav{margin-top: 20px;display:flex;align-items:center;justify-content:center;gap: 13px;}
.main-visual .nav a{display: block;}
.main-visual .nav .prev{}
.main-visual .nav .next{}
.main-visual .nav .stop{}
.main-visual .nav .play{display: none;}
.main-visual .nav .fraction{font-size: 15px;display:flex;width:auto;color:#999;}
.main-visual .nav .fraction .swiper-pagination-current{color:#000;width:17px;text-align: right;}
.main-visual .nav .fraction .swiper-pagination-total{color:#999;width:17px;}

/* 20231110 리뉴얼 */
/* #footer .footer-menu .menu.menu02{margin-top:7px;} */
#footer .footer-menu .menu.menu02 ul li a{display:flex; padding:0 5px; align-items:center;}
#footer .footer-menu .menu.menu02 ul li a:after{display: none;}

/* 20250515 리뉴얼 */
#header{
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 9999;
    top: 0;
    transition: 0.3s all ease-out;
    background: #fff;
    box-shadow: none;
    border-bottom: none;
} 
#header.active{
    background: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid #ddd;
} 
#header .top-linebanner{
    height: 50px;
    width: 100%;
    background-color: #E8E8E8;
    align-content: center;
    transition: all 0.2s;
}
#header .top-linebanner a{
    text-align: center;
    display:flex;
    justify-content: center;
    align-items: center;
}
#header .top-linebanner p{
    font-size: 17px;
    font-weight: 400;
}
#header .top-linebanner b{
    display: block;
    font-size: 17px;
    font-weight: 700;
    padding: 0 4px;
}
#header .top-linebanner span{
    font-size: 17px;
    font-weight: 700;
    margin-left:12px;
}
#header .top-linebanner span img{
    width:12px;
    height:16px;
}

#header .full-headarea .membermenu-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:32px;
    padding: 24px 0;
    transition: all 0.4s;
}
#header.active .full-headarea .membermenu-wrap{
    height: 0;
    padding: 10px;
    pointer-events: none;
}
#header .full-headarea .membermenu-wrap .txt-menu{
    display: flex;
    align-items: center;
}
#header .full-headarea .membermenu-wrap .txt-menu li{
    font-size: 14px;
    padding: 0 8px;
    position: relative;
    transition: all 0.4s;
}
#header.active .full-headarea .membermenu-wrap .txt-menu li{
    font-size: 0;
    padding: 0;
    pointer-events: none;
}
#header .full-headarea .membermenu-wrap .txt-menu li.blue{
    color:var(--color);
}
#header .full-headarea .membermenu-wrap .txt-menu li::after{
    content:'';
    position: absolute;
    top:3px;
    left:0;
    width:1px;
    height: 12px;
    background-color: #000;
    transition: all 0.4s;
}
#header.active .full-headarea .membermenu-wrap .txt-menu li::after{
    height: 0;
    pointer-events: none;
}
#header .full-headarea .membermenu-wrap .txt-menu li:first-child::after{
    display: none;
}

#header .full-headarea .membermenu-wrap .img-menu,
#header .full-headarea .head-middle-menu .align-wrap-right .img-menu{
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.4s;
}
#header.active .full-headarea .membermenu-wrap .img-menu{
    height: 0;
    pointer-events: none;
}
#header .full-headarea .head-middle-menu .align-wrap-right .img-menu{
    height: 0;
    width: 0;
}
#header.active .full-headarea .head-middle-menu .align-wrap-right .img-menu{
    height: auto;
    width: auto;
}
#header .full-headarea .membermenu-wrap .img-menu .mypage-icon,
#header .full-headarea .head-middle-menu .align-wrap-right  .mypage-icon{
    position: relative;
}
#header .full-headarea .membermenu-wrap .img-menu a img,
#header .full-headarea .head-middle-menu .align-wrap-right a img{
    width: 28px;   
    height: 28px;
    transition: all 0.4s;
}
/* #header .full-headarea .membermenu-wrap .img-menu a:hover img{
   filter: invert(12%) sepia(80%) saturate(5721%) hue-rotate(201deg) brightness(94%) contrast(101%);
} */
#header.active .full-headarea .membermenu-wrap .img-menu a img{
    height: 0;
}
#header .full-headarea .membermenu-wrap .img-menu .mypage-icon .mypage-menulist,
#header .full-headarea .head-middle-menu .align-wrap-right  .mypage-icon .mypage-menulist{
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    pointer-events: none;
    opacity: 0;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.3s;
    width: 140px;
    background-color: #fff;
    z-index: 1000;
    color: #000;
}
#header .full-headarea .membermenu-wrap .img-menu .mypage-icon:hover .mypage-menulist,
#header .full-headarea .head-middle-menu .align-wrap-right  .mypage-icon:hover .mypage-menulist{
    opacity: 1;
    pointer-events: all;
}
#header .full-headarea .membermenu-wrap .img-menu .mypage-icon .mypage-menulist li,
#header .full-headarea .head-middle-menu .align-wrap-right  .mypage-icon .mypage-menulist li{
    font-size: 13px;
    padding: 6px 0;
}
#header .full-headarea .membermenu-wrap .img-menu .mypage-icon .mypage-menulist li:hover,
#header .full-headarea .head-middle-menu .align-wrap-right  .mypage-icon .mypage-menulist li:hover{
    color:var(--color);
}

#header .full-headarea .head-middle-menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .full-headarea .head-middle-menu .align-wrap-left{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
}
#header .full-headarea .head-middle-menu .align-wrap-left .logo{
    width: 152px;
/*     height: 38px; */
}
#header .full-headarea .head-middle-menu .align-wrap-left .scroll-icon-menu{
	font-size: 26px;
}
#header .full-headarea .head-middle-menu .align-wrap-left .scroll-icon-menu a + a{
    margin-left: 12px;
}
#header .full-headarea .head-middle-menu .align-wrap-left .scroll-icon-menu a img{
    width: 26px;
    height: 26px;
    opacity: 0;
    pointer-events: none;
}
#header.active .full-headarea .head-middle-menu .align-wrap-left .scroll-icon-menu a img{
    opacity: 1;
    transition: all 0.2s;
    
}
/* #header .full-headarea .head-middle-menu .align-wrap-left .scroll-icon-menu a:hover img {
    filter: invert(16%) sepia(97%) saturate(2879%) hue-rotate(199deg) brightness(92%) contrast(101%);
} */

#header .full-headarea .head-middle-menu .align-wrap-right{
    display: flex;
    justify-content: space-between;
    align-items: center;
/*     gap: 16px; */
    padding: 2px 0;
}
#header.active .full-headarea .head-middle-menu .align-wrap-right {
    gap: 8px;
}
#header .full-headarea .head-middle-menu .align-wrap-right .key-menu{
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    gap: 20px;
    /* max-width: 530px; */
    justify-items: center;
    align-items: center;
    font-size: 16px;
}
#header .full-headarea .head-middle-menu .align-wrap-right .key-menu a{   
    opacity: 1;
    transition: all 0.2s;
}
#header.active .full-headarea .head-middle-menu .align-wrap-right .key-menu a{
    opacity: 0;
    pointer-events: none;
}
#header .full-headarea .head-middle-menu .align-wrap-right .key-menu a:hover{
    font-weight: 500;
}

#header .full-headarea .head-middle-menu .search-bar{
    width: 280px;
    height:34px;
    padding: 0 32px 0 16px;
    border: 2px solid var(--color);
    border-radius: 100px;
    position: relative;
    box-sizing: border-box;
    margin-left: 16px;
}
#header .full-headarea .head-middle-menu .search-bar input{
    border: 0;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #3B3B3B;
    background-color: unset;
    width: 100%;
}
#header .full-headarea .head-middle-menu .search-bar input:focus-visible{
    border: 0;
    outline: 0;
}
#header .full-headarea .head-middle-menu .search-bar button{
    position: absolute;
    right: 4px;
    top: -2px;
    width: 30px;
    height: 32px;
    font-size: 0;
    border:0;
    background: url(/images/layout/search_bar_magnifier.svg) no-repeat center 10px;
    padding: 0;
    cursor: pointer;
}

#header .full-headarea .head-middle-menu .search-rank{
    position: relative;
    height: 32px;
    margin-left: 16px;
}
#header .full-headarea .head-middle-menu .serchrank-swiper{
    height: 32px;
    padding: 8px 0;
}

#header .full-headarea .head-middle-menu .search-item{
    width:80px;
    background: url('/images/layout/search_item_background_arrow.svg') no-repeat top 16px right;
    transition: all 0.4s;
}
#header.active .full-headarea .head-middle-menu .search-item {
    width: 0px;
    pointer-events: none;
}
#header .full-headarea .head-middle-menu .serchrank-swiper .swiper-slide a{
    font-size: 13px;
}
#header .full-headarea .head-middle-menu .serchrank-swiper .swiper-slide a b{
    display:inline-block;
    font-weight: 500;
    color:var(--color);
}
#header .full-headarea .head-middle-menu .search-rank .rank-list{
    position: absolute;
    top:100%;
    left:0;
    display: block;
    pointer-events: none;
    opacity: 0;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.3s;
    width: 140px;
    background-color: #fff;
    z-index: 1000;
}
#header .full-headarea .head-middle-menu .search-rank:hover .rank-list{
    opacity: 1;
    pointer-events: all;
}
#header .full-headarea .head-middle-menu .search-rank .rank-list a {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s;
}
#header .full-headarea .head-middle-menu .search-rank .rank-list a:hover {
    text-decoration: underline var(--color);
    text-underline-offset: 3px;
    color: var(--color);
}
#header .full-headarea .head-middle-menu .search-rank .rank-list b{
    color:var(--color) ;
    font-weight: 500;
}

#header .full-headarea .header-gnb{
    position: relative;
    display: grid;
    grid-template-columns: 110px 1fr 270px;
    justify-items: center;
    align-items: center;
    gap: 100px;
    margin: 30px 0 24px;
    transition: all 0.4s;
}
#header.active .full-headarea .header-gnb{
    opacity: 0;
    pointer-events: none;
    height: 0;
    margin: 10px;
}
#header .full-headarea .header-gnb .allcategory-btn a{
    display:flex;
    gap:4px;
    white-space: nowrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    transition: all 0.2s;
    font-size: 16px;
}
#header .full-headarea .header-gnb .allcategory-btn:hover a {
    color: var(--color)
}
#header .full-headarea .header-gnb .allcategory-btn a img{
    width: 16px;
    height: 16px;
}
#header .full-headarea .header-gnb .allcategory-btn:hover a img{
    filter: invert(21%) sepia(76%) saturate(6937%) hue-rotate(356deg) brightness(98%) contrast(120%);
}
#header .full-headarea .header-gnb .gnb-list {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;
    justify-items: center;
    align-items: center;
    gap: 20px;
}
#header .full-headarea .header-gnb .gnb-list a{
    font-size: 16px;
    white-space: nowrap;
    transition: all 0.2s;
}
#header .full-headarea .header-gnb .gnb-list a:hover{
    font-weight: 500;
}



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


.footer{
    background-color: #fff;
    padding: 40px 0;
}
.footer-inner{
    width:1260px;
    margin: 0 auto;
    display: flex;
/*     display: grid; */
/*     grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
    gap: 60px;
    margin-top: 35px;
}

.footer-menu-area{
    background-color: #f7f7f7;
    width: 100%;
    padding : 20px 0;
}
.footer-menu-area .menu-wrap{
    display: grid;
    grid-template-columns: 64px 1px 64px 1px 64px 1px 64px 1px 64px 1px 64px;
    gap: auto;
    width: 100%;
    justify-items: center;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}
.footer-menu-area .menu-wrap .itembox{
    display: flex;
    text-align: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.footer-menu-area .menu-wrap .itembox .icon{
    width: 42px;
    height: 42px;
}
.footer-menu-area .menu-wrap .itembox .icon img{
    object-fit: contain;
}
.footer-menu-area .menu-wrap .itembox p{
    margin-top: 12px;
    white-space: nowrap;
    font-size: 18px;
}
.footer-menu-area .menu-wrap .line{
    background-color: #e3e3e3;
    height: 82px;
    width: 1px;
}



.footer-contents-wrap .tit{
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-bottom: 18px;
}
.footer-contents-wrap p{
    font-size: 14px;
    font-weight: 600;
    color: #747474;
    line-height: 1.6;
    margin-bottom: 4px;
}
.footer-contents-wrap p a{
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 4px;
}
.footer-contents-wrap p a img{
    width: 8px;
    height: 8px;
}
.footer-contents-wrap p a b{
    font-size: 14px;
    font-weight: 700;
    color: #222;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.footer-contents-wrap .icon-wrap{
    display: grid;
    grid-template-columns: 32px 32px 32px;
    gap: 4px;
}
.footer-contents-wrap .icon-wrap .footer-sns{
    width: 30px;
    height: 30px;
    
}
#header .img-menu span.num {right: 37px; position: absolute; top: 18px; width: 20px; border-radius: 50%; background: var(--color); text-align: center; font-size: 13px; color: #fff; font-weight: 700; line-height: 20px;}
#sideMenu.main-sidemenu .sidemenu-btn span.num {left: 33px; position: absolute; width: 20px; border-radius: 50%; background: var(--color); text-align: center; font-size: 13px; color: #fff; font-weight: 700; line-height: 20px;}

/* #header.active .logo a img {height: 27px;} */
#header #dsw_logo img {width: 250px; position: fixed; top: 90px; left: 50px;}
#header.active #dsw_logo img {display: none;}

#header.active .header-other-logo img {opacity:0}

.kbo-wrapper {display: flex; gap: 10px; align-items: center;}