@CHARSET "UTF-8";

/*즐겨찾기*/
.favorites {background:#ededed url(../../images/common/ico_favor.png) no-repeat 20px 11px; height:34px; line-height:33px; margin:0; padding:0 20px; width:auto; border:solid 1px #d9d9d9; border-top:0; border-bottom:0; }
.favorites a {color:#696969; display:inline-block; padding:0 0 0 15px; }

/*우측 사용자 퀵메뉴*/
#quick_cs {display:block; }
.btn_quick_cs {width:26px; height:44px; background:url(../images/common/btn_quick.png) no-repeat 0 0; display:inline-block; position:absolute; top:127px; left:-27px; }
.btn_quick_close {background-position:right 0; top:80px; }
.btn_quick_cs em {display:none; }
#quick_cs .arrow {width:61px; height:48px; background:url(../images/common/bg_myshopping.png) no-repeat 0 0; display:block; position:absolute; left:-89px; top:90px; }

#quick_cs h4 {color:#5b5b59; text-align:center; font-weight:600; padding:55px 0 15px 0; background:url(../images/common/ico_r_banner_top.png) no-repeat center 20px; font-size:12px; }
#quick_cs .link li.tit {background:#737373; color:#fff; font-weight:600; text-align:center; padding:10px 0; }
#quick_cs .link li {background:#eeeae7; border-bottom:solid 1px #d6d3ce; text-align:center; }
#quick_cs .link li.bg_mapage {background:#f9f9f7; }
#quick_cs .link li.last {border-bottom:0; }
#quick_cs .link li.regis {margin:0; }
#quick_cs .link li.regis a {color:#9a7067; font-weight:600; }
#quick_cs .link li.bg_cart {background:#cfc5bd; border-bottom:0; }
#quick_cs .link li.bg_cart a {font-weight:600; }
#quick_cs .link li.tit_community, #quick_cs .link li.shop_admin {background:#b18b82; }
#quick_cs .link li.shop_admin {border-bottom:0; }
#quick_cs .link li.tit_community a {letter-spacing:-0.03em; }
#quick_cs .link li.bg_co {background:#e5e2dd; border-bottom:solid 1px #f2f2f2; }
#quick_cs .link li.bg_co_last {border:0; }
#quick_cs .link li a {color:#555; padding:10px 0 12px 0; display:block; }
#quick_cs .link li.tit_community a, #quick_cs .link li.shop_admin a {color:#fff; font-weight:600; }
#quick_cs .link li .login_my li {background:#f9f9f7; border-bottom:solid 1px #dfdfdf; }
#quick_cs .link li .login_my li.last {border:0; }

.todayView {width:100%; }
.todayView h3 {background:#e5e2dd; color:#523f3b; padding:12px 0; font-size:11px; text-align:center; font-weight:normal; letter-spacing:-0.05em; }
.todayView .banner {border-top:0; background:#f9f9f9; width:63px; }
.todayView .banner::after {display:none; }
.todayView .banner li {width:100%; text-align:center; }
.todayView .banner li a {width:48px; height:48px; border:solid 1px #ddd; }
.banner_pum .page {background:#e5e2dd; float:left; padding-bottom:5px; text-align:center; width:63px; border-left:solid 1px #d5d5d5; border-right:solid 1px #d5d5d5; }
.banner_pum .page .prev_tv, .banner_pum .page .next_tv {background:url(../images/common/ico_banner_next.gif) no-repeat 0 0; display:inline-block; height:13px; vertical-align:middle; width:13px; }
.banner_pum .page .next_tv {background:url(../images/common/ico_banner_next.gif) no-repeat right 0; }
.banner_pum .page a em {display:none; }
.banner_pum .page > em {display:inline-block; vertical-align:top; width:auto; max-width:30px; }
.banner_pum .page > em strong {display:inline-block; vertical-align:middle; }
.todayView .banner_top {background:#36373b url(../images/common/btn_top_ico.png) no-repeat center 6px; width:100%; height:auto; }
.todayView .banner_top a {color:#fff; text-align:center; font-weight:600; margin:0; width:100%; font-size:11px; padding-top:12px; padding-bottom:5px; height:auto; }

/*top_cs*/
.top_cs {float:right; width:auto; padding:9px 0 0 19px; height:25px; background:url(../images/common/ico_top_cs.png) no-repeat 0 10px; }
.top_cs p, .top_cs strong {float:left; font-weight:600; font-size:13px; color:#555; }
.top_cs strong {color:#d67877; font-weight:bold;  }
.top_cs p {margin:0 10px 0 0; }

/*#header .top*/
#header .top {float:none; height:120px; }
.top_r_banner {bottom:15px; top:8px; display:block; height:102px; left:0; padding:0 20px; position:relative; float:left; width:245px; text-align:center; background:none; margin:10px 0 0 0; }
.top_r_banner ul li {width:200px; height:95px; margin:0 auto; }
.top_r_banner a.b_btn {width:13px; height:25px; background:url(../images/common/top_banner_arrow.png) no-repeat 0 0; display:inline-block; position:absolute; top:40px; }
.top_r_banner a.b_btn:hover {background:url(../images/common/top_banner_arrow.png) no-repeat 0 bottom; }
.top_r_banner a.b_btn em {display:none; }
.top_r_banner #banner_left {left:0; }
.top_r_banner #banner_right {right:0; left:initial !important; background-position:right 0; }
.top_r_banner #banner_right:hover {background-position:right bottom; }

.top_outline .user {display:inline-block; float:right; background:url(../../images/common/ico_user.png) no-repeat 0 center; color:#2a3954; line-height:15px; padding:0 0 0 17px; margin:9px 20px 0 0; }
.top_outline .user a {letter-spacing:0.03em; }
.top_outline .user a:hover {color:#000; text-decoration:underline; }
.top_outline .user strong {margin:0 0 0 2px; }

/*logo*/
#header h1 {width:400px; float:none; background:url(../images/common/bg_logo.png) no-repeat center bottom;display:table-cell; height:120px; line-height:120px; margin:0; left:350px; padding-bottom:15px; position:absolute; text-align:center; vertical-align:middle; }
#header h1 > a {overflow:inherit; }
#header h1 img {margin-top:33px; }

/*.top_search*/
.top_search {background:#122a44; border:2px solid #122a44; float:right; height:auto; margin:51px 0 0; padding:0; width:330px; }
.top_search .search_box {background:#fff; border:0; border-radius:0; color:#333; height:35px; line-height:35px; margin:0; padding:0 6px; text-indent:2px; width:280px; font-size:14px; }
.top_search .search_submit {height:35px; right:0; top:0; width:35px; }

/*top_board*/
.news {border-bottom:1px solid #ccc; height:35px; background:#f5f5f5; }
.news .news_in {width:1100px; margin:0 auto; overflow:hidden; height:35px; }
.news .main_notice {float:left; width:500px;}
.news .main_review {float:right; width:500px;}
.news h3 {width:auto; height:35px; line-height:35px; font-size:13px; padding:0 0 0 20px; font-weight:normal; color:#777; letter-spacing:-0.05em; float:left; font-weight:600; }
.news .main_notice h3 {background:url(../images/common/advertising.png) no-repeat 0 center; }
.news .main_review h3 {background:url(../images/common/finished-work.png) no-repeat 0 center; }
.news .board {margin:0; width:425px; float:left; height:35px; }
.news .board > a {position:absolute; right:0; top:0; display:block; width:37px; height:35px; }
.news .board > a .more {position:static; background:url(../images/common/bg_more_arrow.png) no-repeat right center; padding:0; display:block; width:100%; height:100%; text-indent:0; font-size:.88em; color:#999; line-height:35px; }
.news .main_review .board {width:399px; }
.news .board ul {width:100%; padding:0; height:35px; }
.news .board li {background:none; width:100%; }
.news .board li a {line-height:34px; height:35px; width:89%; padding:0; text-indent:8px; color:#222; font-size:12px; }
.news .board li a:hover {color:#222; }
.news .board .bx-wrapper .bx-viewport {background:none; }

/****메인화면 메뉴****/
.all_cate {position:absolute; left:0; top:0; text-align:left; text-indent:40px; width:200px; height:46px; line-height:45px; padding:0; background:#35373a url(../images/common/ico_cate.png) no-repeat 15px center; color:#fff; font-size:15px; }
/*.all_cate_close {position:absolute; left:0; top:0; width:200px; height:46px; line-height:45px; padding:0; background:#fff url(../images/common/ico_cate_on.png) no-repeat 15px center; color:#fff; border:solid 2px #111; border-bottom:0; color:#333; }*/
.all_cate_close {position:absolute; left:0; top:0; width:200px; height:46px; line-height:45px; padding:0; color:#fff; }

#gnb {position:relative; border:0; width:1100px; margin:0 auto; height:46px; text-align:center; float:none; display:block; background:none; }
#gnb .gnb_in {position:relative; width:200px; float:left; height:auto; min-height:523px; border-right:solid 2px #111; border:0; background-color:rgba(0, 0, 0, 0.85); }
#gnb .cate {display:inline-block;height:100%; width:100%; padding:0; background:none; float:left; border-bottom:0; }
#gnb .cate li {width:auto; float:left; border:0; display:table; }

/*카테고리 1단계*/
#gnb .cate > li {width:100%; position:static; }
#gnb .cate > li:first-child {margin:10px 0 0 0; }
#gnb .cate > li:last-child {margin:0 0 10px 0; }
#gnb .cate > li:hover {display:inline-block; background:none; }
#gnb .cate > li > a {padding:8px 0 8px 0; text-indent:15px; color:#fff !important; font-size:13px; font-weight:normal; height:auto; width:auto; display:block; text-align:left; }
#gnb .cate > li > a:hover {padding:8px 0 8px 0; text-indent:15px; color:#000; background:#fff; height:auto; width:200px; display:block; }
#gnb .cate > li.on a {background-image:none; }
#gnb .cate > li.on > a, #gnb .cate > li:hover > a {background-color:#fff; color:#000 !important; width:199px; border:0; left:1px; }
#gnb .cate .menu_on {background:#f23838; }
#gnb .cate .menu_on a {background:#f23838; }

/*메인화면 서브depth1*/
.cate_over {border:solid 2px #111; height:auto; min-height:521px; left:200px; top:0; bottom:0; width:900px; z-index:9000; opacity:1; filter:alpha(opacity=100); border-left:0; border-top:0; }
#gnb .cate > li:hover > .cate_over {display:block !important; }
.sub_category {height:100%; position:relative; width:100%; border:0; padding:0; margin:0 auto;  }
.sub_category h3 {font-size:26px; color:#222; font-family:NanumSquare; float:left; margin:20px 0; width:100%; text-align:left; text-indent:30px; }

/*메인화면 카테고리 2단계*/
#gnb .cate .sub_category > ul {padding:0 0 0 30px; height:100%; width:220px; float:left; position:static; left:0; bottom:30px; top:65px; }
#gnb .cate .sub_category > ul > li, #gnb .cate .sub_category ul li:hover {width:100%; text-align:left; padding:0; display:block; height:auto; }
#gnb .cate .sub_category > ul > li.on, #gnb .cate .sub_category > ul > li:hover {background:#f23838; }
#gnb .cate .sub_category > ul > li > a {color:#333; text-indent:15px; font-size:13px; width:100%; padding:7px 0 8px 0; height:auto; line-height:normal; display:block; }
#gnb .cate .sub_category > ul > li.on > a, #gnb .cate .sub_category > ul > li:hover > a {background:#f23838; color:#fff; padding:7px 0 8px 0; height:auto; line-height:normal; }

.on_arr {display:none; }

/*메인화면 카테고리 3단계*/
#gnb .cate .sub_category ul > li > div {position:absolute; left:245px; top:0; bottom:0; padding:0 0 0 15px; width:auto; min-width:220px; }
#gnb .cate .sub_category ul > li > div > ul {border:0; height:100%; min-height:408px; width:100%; display:table; border-left:solid 1px #ccc; }
#gnb .cate .sub_category ul > li > div > ul > li {width:100%; padding:0; display:none; float:left; clear:both; height:auto; }
#gnb .cate .sub_category ul > li > div > ul > li > a {color:#000; font-weight:normal; font-size:13px; line-height:normal; padding:7px 0 8px 0; }
#gnb .cate .sub_category ul > li.on > div > ul > li, #gnb .cate .sub_category ul > li:hover > div > ul > li {display:inline-block; }
#gnb .cate .sub_category ul > li.on > div > ul > li > a, #gnb .cate .sub_category ul > li:hover > div > ul > li > a {color:#000; }
#gnb .cate .sub_category ul > li.on > div > ul > li.on, #gnb .cate .sub_category ul > li:hover > div > ul > li:hover {background:#999; }
#gnb .cate .sub_category ul > li > div > ul > li.on > a, #gnb .cate .sub_category ul > li > div > ul > li:hover > a {color:#fff; line-height:normal; }

/*메인화면 카테고리 4단계 있을경우*/
#gnb .cate .sub_category ul > li > div > ul > li > div {position:absolute; left:231px; top:0; padding:0 0 0 15px; width:auto; min-width:220px; }
#gnb .cate .sub_category ul > li > div > ul > li > div > ul {border:0; height:100%; min-height:408px; width:100%; border-left:solid 1px #ccc; }
#gnb .cate .sub_category ul > li > div > ul > li > div > ul > li {width:100%; padding:0; display:none; float:left; clear:both; height:auto; }
#gnb .cate .sub_category ul > li > div > ul > li.on > div > ul > li, #gnb .cate .sub_category ul > li > div > ul > li:hover > div > ul > li {display:inline-block; }
#gnb .cate .sub_category ul > li > div > ul > li.on > div > ul > li > a, #gnb .cate .sub_category ul > li > div > ul > li:hover > div > ul > li > a {color:#000; }
#gnb .cate .sub_category ul > li > div > ul > li.on > div > ul > li.on, #gnb .cate .sub_category ul > li > div > ul > li:hover > div > ul > li:hover {background:#666; }
#gnb .cate .sub_category ul > li > div > ul > li.on > div > ul > li.on > a, #gnb .cate .sub_category ul > li > div > ul > li:hover > div > ul > li:hover > span > a {color:#fff; }

/*전체 카테고리 펼침*/
.all_menu {top:0; z-index:9999; padding:4px 0 0 0; display:block; border:solid 2px #007cf0; border:0; background:none; }

.all_menu_close {width:100%; float:left; height:20px; cursor:pointer; padding:4px 0 0 0; background:#eee; margin:-5px 0 0 0; }
.all_menu_close:hover {text-decoration:underline; }

.all_menu {position:absolute; top:46px; display:inline-block; top:0; z-index:999; padding:0; width:200px; }
.all_menu .all_view {cursor:pointer; width:200px; background:#ddd url(../images/common/bg_all_cate_arrow.png) no-repeat 170px 9px; font-weight:normal; font-size:14px; padding:9px 0 10px 0; text-align:left; text-indent:15px; margin:46px 0 0 0; border:0; border-bottom:solid 1px #ccc; }
.all_menu .all_view_close {background:#ddd url(../images/common/bg_all_cate_close.png) no-repeat 170px 8px; }
.all_menu .inner {background:#fcfcfc; }

/*전체메뉴*/
.all_menu dt {background:#efefef; }
.all_menu dd a {font-weight:600; overflow:auto; white-space:normal; background-position:2px 14px; max-width:85%; }
.all_cate_win {display:none; z-index:999; position:absolute; border:solid 2px #111; border-top:0; left:0; top:82px; padding-top:10px; background:#fff; }

/*상단메뉴*/
#gnb .menu {float:left; margin:0 0 0 200px; width:900px; }
#gnb .menu li {float:left; width:20%; }
#gnb .menu li a {display:block; font-size:15px; color:#fff; height:46px; line-height:49px; font-weight:600; }

/*footer*/
#footer .footer_link {width:100%; border-bottom:1px solid #dcdcdc; height:41px; margin:0; }
#footer .footer_link ul {width:1100px; margin:0 auto; height:41px; }
#footer .footer_link ul li {height:41px; }
#footer .footer_link ul li a {padding:0 26px 0 10px; line-height:41px; letter-spacing:0; }

#footer_top {width:100%; background:#f9f9f7;}
#footer #footer_bottom {clear:both; color:#888; line-height:17px; margin:0 auto; padding:20px 0; width:1100px; }
.footer_in {padding:20px 0; width:1100px; margin:0 auto; height:auto; min-height:130px; display:table; }
.footer_in .customer {width:auto; float:left; margin:0 0 0 60px; max-width:250px; }
.footer_in .address {float:left; width:450px; line-height:20px; color:#666; margin:0 0 0 10px; font-weight:normal; }
.footer_in .address .comp_name {margin-right:8px; }
.footer_in .address .email  {color:#333; }
.footer_in .address .email:hover {color:#333; text-decoration:underline; }
.footer_in .bank {width:295px; float:left; margin:0 0 0 60px; }
.footer_in h4 {color:#999; font-size:15px; letter-spacing:-0.04em; margin:0 0 7px 0; }
.footer_in ul li {margin-bottom:3px; color:#666; }
.footer_in ul li.time {font-size:11px; }
.footer_in ul li.tel {margin-bottom:0px; }
.footer_in ul li.tel, .footer_in ul li.fax {font-size:17px; }
.footer_in ul li.tel strong, .footer_in ul li.fax strong {color:#5c4f54; letter-spacing:-0.04em; }
.footer_in ul li strong {font-size:25px; }
.footer_in ul li em {color:#d95858; }
.bank ul li.bank_name {font-size:16px; }
.bank ul li.bank_name {font-size:12px; color:#666; }
.bank ul li.bank_name strong {color:#d95858; font-size:17px; margin:0 2px 0 7px; letter-spacing:-0.03em; display:inline-block; word-break:break-all; }
.bank ul li.comp {text-align:right; }
.footer_in .address ul li {font-size:15px; }
.footer_in .address ul li.mail {font-size:12px; }

#footer .etc {background:#35373a; text-align:center; color:#bebebe; height:50px; line-height:50px; font-size:11px; }
#footer .etc span strong {color:#cb4a5f; display:inline-block; }

/*마이페이지 컨텐츠 사이즈*/
#contentArea .mypage_r, #contentArea .board_r {width:917px; }

/*l_banner*/
#l_banner {width:65px; position:absolute; left:-80px; top:15px; }
#l_banner .l_banner_con {left:0; height:auto; border:0; width:100%; }

/*게시판 상세 IMG*/
.view_text img {max-width:877px !important; }