*:focus {outline:none;}

/* header */
#header_warp #header .head {border-bottom:1px solid #e0e0e0; background:#fff; z-index:100; padding:40px 0 0 0; min-height:90px; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#header_warp #header .head.fixed {position: fixed; width:100%; left:0; top:0;}
#header_warp #header .head h1 {position: absolute; left:50px; z-index:1; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#header_warp #header .head h1 img {width:100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#header_warp #header .head h1 a {display: block; line-height:1;}
#header .gnb_left, 
#header .gnb_right {display: none;}
#header .gnb_menu_box {text-align:center; width: auto; display: inline-block; margin:0 auto;}
#header .gnb {text-align:center;}
#header .gnb > ul > li {display: inline-block; vertical-align: top;}
#header .gnb .depth0 > li {padding:0;}
#header .gnb > ul > li > a,
#header .gnb .depth0 > li > a {display: block; position: relative; line-height:1; color:#181818; font-size:16px; font-weight:600; padding:10px 8px 28px; margin:0 20px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#header .gnb > ul > li > a:after,
#header .gnb .depth0 > li > a:after {content:''; border-bottom:2px solid #181818; position:absolute; width:0%; bottom:0; left:0; display:block; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} 
#header .gnb > ul > li > a:hover:after,
#header .gnb .depth0 > li > a.active:after {content:''; border-bottom:2px solid #181818; position:absolute; width:100%; bottom:0; left:0; display:block;}
#header .gnb .depth0 > li:hover .depth1 {opacity:1; visibility:visible; top:54px;}
#header .gnb .depth1 {display: inline-block !important; opacity:0; visibility:hidden; transition:all 0.4s; -webkit-transition:all 0.4s; top:100px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border:1px solid #d7e4e4; padding:26px 0; width:auto; min-width:130px; box-sizing:border-box;}
#header .gnb .depth1 li {margin-bottom:15px;}
#header .gnb .depth1 li a {position: relative; font-size:15px; color:#696969; padding:0; left:0; transition:all 0.5s ease; font-family:'Noto Sans KR',sans-serif;}
#header .gnb .depth1 li a.active,
#header .gnb .depth1 li a:hover {background:none; color:#696969; left:10px;}
#header .gnb .depth1 li:last-of-type {margin-bottom:0;}
#header .right_menu {position: absolute; right:50px; top:0; padding:46px 0 27px 0; font-size:0; z-index:1; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#header .right_menu .top_member_box {float:none; display: inline-block; vertical-align: top; margin:0; font-size:0;}
#header .right_menu .top_member_box > li {margin-left:12px; padding-left:12px; border-left:1px solid #d4d4d4;}
#header .right_menu .top_member_box > li a {padding:0; font-size:13px; color:#4d4d4d;}
#header .right_menu .top_member_box > li a:hover {text-decoration:none;}
#header .right_menu .top_member_box > li:nth-child(1) {margin-left:0; padding-left:0; border-left:none;}
#header .right_menu .top_icon_box {display: inline-block; vertical-align: top; margin-left:30px; margin-top:-8px;}
#header .right_menu .top_icon_box li {display: inline-block; vertical-align: top; margin-left:20px;}
#header .right_menu .top_icon_box li:nth-child(1) {margin-left:0;}
#header .right_menu .top_icon_box li.cart {position: relative;}
#header .right_menu .top_icon_box li.cart strong {display: inline-block; font-weight:600; font-size:13px; color:#fff; background:#171717; width:20px; height:20px; text-align:center; line-height:24px; border-radius:100%; margin:3px 0 0 3px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; font-family: 'Spartan', sans-serif;}
#header .right_menu .top_icon_box li.last {display:none;}
#header .sch_box {opacity:0; visibility:hidden; position: absolute; top:30px; left:0; width:100%; transition:all 0.5s ease; background:#fff; z-index:100;}
#header .sch_box.on {opacity:1; visibility:visible; top:99%;} 
#header .sch_box .top_search {position: relative; top:auto; right:auto; float:none; border:none;}
#header .sch_box .close {position: absolute; right:60px; top:28px; z-index:1000;}
#header .top_search .top_text_cont {width:auto; padding:24px 60px 24px 50px; box-sizing:border-box; position: relative;}
#header .top_search .top_text_cont .btn_top_srarch {border-left:none; position:relative; font-size:17px; color:#171717; font-weight:500; background:none; margin-top:7px;}
#header .top_search .top_text_cont .top_srarch_text {width:93.5%; font-size:20px; color:#555555; padding:0; background:url("../img/icon/sch_box_icon.png") no-repeat left center; background-size:30px 30px; padding-left:50px;}
#header .top_search .top_text_cont .top_srarch_text::placeholder {font-size:20px; color:#555555;}

.m-side,
.aside {display: none;}

#scroll_right {display: none;}


/* ���� ��ǰ�� */
.goods_list {padding-bottom:0;}
.goods_list .goods_list_cont .goods_type ul {font-size:0;}
.goods_list .goods_list_cont .goods_type ul li {width:calc(25% - 15px); margin:0 20px 60px 0;}
.goods_list .goods_list_cont .goods_type ul li:nth-child(4n) {margin-right:0;}
.goods_list .goods_list_cont .goods_type ul li .item_cont {padding:0; position: relative; text-align:center; width:100%; height:100%;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_icon_box {z-index:1; position: absolute; top:12px; left:-4px;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_icon_box img {padding:0;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box {position: relative; border:none;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box > a > img {width:100%;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box .btn_basket_get {position: absolute; top:20px; right:15px; width:auto; height:auto; font-size:0; border-right:none; z-index:1;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box .btn_basket_get img {width:100%;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box .btn_basket_get:hover {animation-name: beat; animation-duration: 1s; animation-iteration-count: infinite;}
.goods_list .goods_list_cont .goods_type ul li:before,
.goods_list .goods_list_cont .goods_type ul li:after {content:''; position:absolute; height:0%; width:1px; background:#000; z-index:2;}
.goods_list .goods_list_cont .goods_type ul li:before {right:0; top:0; transition:all 500ms ease; -webkit-transition:all 500ms ease;}
.goods_list .goods_list_cont .goods_type ul li:after {left:0; bottom:0; transition:all 500ms ease; -webkit-transition:all 500ms ease;}
.goods_list .goods_list_cont .goods_type ul li:hover {color:#000;}
.goods_list .goods_list_cont .goods_type ul li:hover:before {transition:all 500ms ease; -webkit-transition:all 500ms ease; height:100%;} 
.goods_list .goods_list_cont .goods_type ul li:hover:after {transition:all 500ms ease; -webkit-transition:all 500ms ease; height:100%;}
.goods_list .goods_list_cont .goods_type ul li .item_cont:before,
.goods_list .goods_list_cont .goods_type ul li .item_cont:after {content:''; position:absolute; background:#000; z-index:2;}
.goods_list .goods_list_cont .goods_type ul li .item_cont:before {left:0; top:0; width:0%; height:1px; transition:all 500ms ease; -webkit-transition:all 500ms ease;}
.goods_list .goods_list_cont .goods_type ul li .item_cont:after {right:0; bottom:0; width:0%; height:1px; transition:all 500ms ease; -webkit-transition:all 500ms ease;}
.goods_list .goods_list_cont .goods_type ul li .item_cont:hover:before {width:100%;}
.goods_list .goods_list_cont .goods_type ul li .item_cont:hover:after {width:100%;}
.goods_list .goods_list_cont .goods_type ul li:hover .item_cont .item_link {opacity:1; visibility:visible; bottom:20px;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_info_cont {display: block; text-align:center; padding:10px 0 0 0; z-index:1;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_tit_box .item_name {font-weight:normal; font-size:16px; color:#242424; padding:0; margin:0 auto 15px; width:95%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: auto; white-space: normal; word-wrap: normal !important; word-break: break-all;display: block;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_tit_box .item_name_explain {font-size:13px; letter-spacing:-0.005em; color:#8D8481; padding:0; margin:15px; width:95%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box {padding:0; font-size:0;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .discount-rate {display: inline-block; color:#f42121; font-size:15px; margin-right:10px; font-weight:600; font-family: 'Spartan', sans-serif;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .fix_price {display: inline-block; font-size:14px; color:#b4b4b4 !important; letter-spacing:0.5px; font-family: 'Spartan',sans-serif;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .item_price {display: inline-block; padding:0; font-size:15px; color:#242424; letter-spacing:0.5px; font-weight:600; font-family: 'Spartan',sans-serif; margin-right:15px;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .item_price .won {font-weight:normal; color:#242424;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .review_count {float:right; color:#665B58; font-size:12px; font-weight:500;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .review_count img {margin-right:7px;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .color {margin:15px 0 0 0; font-size:0;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .color > div {margin:0 6px 0 0; border-radius:100%; border:none; width:9px; height:9px;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .color > div:last-of-type {margin:0;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link {display: block; opacity:0; visibility:hidden; position: absolute; bottom:-20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#242424; width:90%; height:50px; line-height:50px; text-align:left; padding:0 20px; box-sizing:border-box; font-size:0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; z-index:5; font-family: 'Spartan',sans-serif;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link:after {content:''; position: absolute; width:0; height:100%; top:0; right:0; z-index:-1; background:#fff; transition:all 0.5s ease;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link:hover {background:#fff;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link:hover span {color:#000;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link:hover:after {left:0; width:100%;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link .txt {font-size:13px; color:#665B58; letter-spacing:0.5px; display: inline-block; vertical-align: top; font-weight:600;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link button {width:100%; border:none; font-weight:600; font-family: 'Spartan',sans-serif;}
.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link button span {letter-spacing:1px; font-size:14px;}

@keyframes beat {
	0% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(0.6);
	}
}



/* footer */
#footer_wrap {background:#242424;}
#footer_wrap .m_foot {display: none;} 
#footer_wrap .foot_top {display: table; width:100%; font-size:0; padding:5% 7.7%; box-sizing:border-box; border-bottom:1px solid rgba(80,80,80,0.7);}
#footer_wrap .foot_top > div {display:table-cell; vertical-align:top; color:#fff; box-sizing:border-box;}
#footer_wrap .foot_top > div:last-of-type {padding-right:0;}
#footer_wrap .box_tit {color:rgba(255,255,255,0.7); font-size:14px; font-weight:600; line-height:1; padding-bottom:20px; letter-spacing:1.5px; font-family:'Spartan',sans-serif;}
#footer_wrap .about_box {width:15%;}
#footer_wrap .about_box ul li {margin-bottom:15px;}
#footer_wrap .about_box ul li:last-of-type {margin-bottom:0;}
#footer_wrap .about_box ul li a {font-size:14px; color:rgba(255,255,255,0.7); line-height:1; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#footer_wrap .about_box ul li a strong {font-weight:normal;}
#footer_wrap .about_box ul li a:hover {opacity:0.5;}
#footer_wrap .cs_box {width:25%;}
#footer_wrap .cs_box .tel {font-size:20px; font-weight:600; margin-bottom:10px; line-height:1; letter-spacing:1.5px; display: ruby-text;font-family:'Spartan',sans-serif;}
#footer_wrap .cs_box .time {font-size:14px; line-height:1.5; font-family:'Spartan','Noto Sans KR', sans-serif; color:rgba(255,255,255,0.7);}
#footer_wrap .bank_box .bank_name {font-size:17px; font-weight:600; font-family:'Spartan','Noto Sans KR', sans-serif; letter-spacing:1px;}
#footer_wrap .bank_box .bank_dep {font-size:13px; margin-top:7px;}
#footer_wrap .bank_box .txt {font-size:14px; margin-top:20px; color:rgba(255,255,255,0.7);} 
#footer_wrap .sns_box {width:15%;}
#footer_wrap .sns_box ul {font-size:0;}
#footer_wrap .sns_box ul li {display:inline-block; vertical-align:top; margin-right:15px; margin-bottom:15px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#footer_wrap .sns_box ul li:last-of-type {margin-right:0;}
#footer_wrap .sns_box ul li:hover {opacity:0.5;}
#footer_wrap .foot_btm {padding:3% 7.7% 2%; box-sizing:border-box; font-size:0;}
#footer_wrap .foot_btm .logo {width:231px; display: inline-block; vertical-align:top;}
#footer_wrap .foot_btm .logo img {width:100%;}
#footer_wrap .foot_btm .txt_right {width:calc(100% - 231px); word-break:keep-all; display: inline-block; vertical-align: top; padding-left:7%; box-sizing:border-box;}
#footer_wrap .foot_btm .txt_right span,
#footer_wrap .foot_btm .txt_right span a {font-size:14px; color:rgba(255,255,255,0.4); line-height:1.8; display: inline-block;}
#footer_wrap .foot_btm .txt_right span {margin-right:3%;}
#footer_wrap .foot_btm .txt_right .copy {font-size:13px;color:rgba(255,255,255,0.3); margin-top:20px; font-family:'Spartan','Noto Sans KR', sans-serif;}


/* ����¡ */
.goods_list + .pagination {border-top:none; padding:0; margin:0;}
.pagination {margin:6% 0 0 0;}
.pagination ul {padding:0;}
.pagination li {border:1px solid #ececec; box-sizing:border-box; color:#ececec; font-size:14px; text-align:center; line-height:36px; margin-right:10px;}
.pagination li:last-of-type {margin-right:0;}
.pagination li.on {border:2px solid #242424; background:#fff;}
.pagination li.on:hover {border:2px solid #242424; background:#fff;}
.pagination li.on span {background:none; color:#242424; font-weight:600;}
.pagination li:hover.on span {background:none; color:#242424; font-weight:600;}
.pagination li span {color:#b4b4b4; font-family:'Spartan', sans-serif; width:36px; height:36px; line-height:38px; font-size:14px;}


.top_btn {z-index:10; position: fixed; right:50px; bottom:5%; opacity:0; visibility:hidden; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.top_btn.on {bottom:10%; opacity:1; visibility:visible; background: #fff;}
.top_btn img {width:100%;}




@media all and (max-width:1919px){
	/* footer */
	#footer_wrap .foot_top {padding:5% 17%;text-align: center;}
}


@media all and (max-width:1300px){

	/* header */
	#header_warp #header .head h1 {left:15px;}
	#header .right_menu {right:15px;}
	#header .right_menu .top_member_box {display:none;}
	#header .gnb > ul > li > a,
	#header .gnb .depth0 > li > a {margin:0 10px;}

	/* footer */
	#footer_wrap .foot_top {padding:5% 50px;}
	#footer_wrap .foot_top > div {padding-right:3%;}
	#footer_wrap .box_tit {font-size:13px;}	
	#footer_wrap .about_box ul li a {font-size:13px;}
	#footer_wrap .cs_box .tel {font-size:28px;}
	#footer_wrap .cs_box .time {font-size:13px;}
	#footer_wrap .bank_box .bank_name {font-size:16px;}	
	#footer_wrap .bank_box .bank_dep {font-size:12px;}
	#footer_wrap .bank_box .txt {font-size:13px;}
	#footer_wrap .sns_box ul li {margin-right:10px; margin-bottom:10px;}
	#footer_wrap .sns_box ul li img {width:35px;}
	#footer_wrap .foot_btm {padding:3% 50px 2%;}
	#footer_wrap .foot_btm .logo {width:200px;}

	/* �˻� */
	#header .top_search .top_text_cont {padding:24px 20px;}
	#header .top_search .top_text_cont .top_srarch_text,
	#header .top_search .top_text_cont .top_srarch_text::placeholder {background-size:25px 25px; font-size:17px; width:90%;}
	#header .top_search .top_text_cont .btn_top_srarch {margin-top:0; font-size:15px; margin-top:3px;}
	#header .sch_box .close {right:15%; top:32px;}
	#header .sch_box .close img {width:15px;}
}



@media all and (max-width:1100px){
	/* header */
	#header_warp #header .head {padding:30px 0 0 0; min-height:80px;}
	#header .right_menu {padding:38px 0 27px 0;}
	#header .gnb {display:none;}
	.aside,
	#header .right_menu .top_icon_box li.last,
	#header .right_menu .top_icon_box li.last .m-side {display:inline-block;}
	#header .right_menu .top_icon_box li.last img {width:22px; margin-top:2px;}

	/* footer */
	#footer_wrap .foot_top {padding:5% 15px;}
	#footer_wrap .foot_btm {padding:3% 15px 2%;}	
	#footer_wrap .foot_btm .logo {width:150px;}
	#footer_wrap .foot_btm .txt_right span, #footer_wrap .foot_btm .txt_right span a {font-size:13px;}
	#footer_wrap .sns_box ul li img {width:30px;}


	/* ���� ��ǰ�� */
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_tit_box .item_name {font-size:14px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .discount-rate {font-size:14px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .item_price {font-size:14px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .fix_price {font-size:13px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link {height:40px; line-height:40px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_link button span {font-size:12px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box .btn_basket_get {width:18px;} 
}



@media all and (max-width:750px){
	/* header */
	#header_warp #header .head {padding:20px 0; min-height:58px; box-sizing:border-box;}
	#header_warp #header .head h1 {padding:0;}
	#header_warp #header .head h1 img {width:120px;}
	#header .right_menu {padding:28px 0 20px 0;}
	#header .right_menu .top_icon_box li.first {display: none;}
	#header .right_menu .top_icon_box li.sch img {width:17px;}
	#header .right_menu .top_icon_box li.cart img {width:18px;}
	#header .right_menu .top_icon_box li.cart strong {position: absolute; top:-5px; left:10px; border:1px solid #fff; box-sizing:border-box; margin:0; width:17px; height:17px; line-height:17px; font-size:10px;}
	#header .right_menu .top_icon_box li.last img {width:19px;}
	#header .top_search .top_text_cont {padding:3% 15px; font-size:0;}
	#header .top_search .top_text_cont .top_srarch_text {font-size:15px; padding-left:10%; width:calc(100% - 20%);}
	#header .top_search .top_text_cont .top_srarch_text,
	#header .top_search .top_text_cont .top_srarch_text::placeholder {font-size:13px; background-size:15px;}
	#header .top_search .top_text_cont .btn_top_srarch {font-size:12px; width:20%; text-align:left;}
	#header .sch_box .close {right:15px; top:20px;}
	#header .sch_box .close a img {width:13px;}

	/* ���� ��ǰ�� */
	.goods_list .goods_list_cont .goods_type ul li {margin:0;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box .btn_basket_get {top:12px; right:7px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_photo_box .btn_basket_get img {width:16px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_info_cont {padding:15px 0;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_tit_box .item_name {font-size:14px; margin-bottom:10px;font-weight: 300;word-break: break-all;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .discount-rate {font-size:12px; margin-right:5px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .item_price {font-size:12px; margin-right:5px;}
	.goods_list .goods_list_cont .goods_type ul li .item_cont .item_money_box .fix_price {font-size:12px;}
	.goods_list .goods_list_cont .goods_type ul li:hover .item_cont .item_link {opacity:0; visibility:hidden;}

	/* footer */
	#footer_wrap .foot_top {padding:0 15px;}
	#footer_wrap .foot_top > div {display: block; width: 100%; padding-right:0; border-bottom:1px solid #505050;}
	#footer_wrap .foot_top > div .hide_m {display: none; padding:0 0 20px 0;}	
	#footer_wrap .box_tit {cursor:pointer; padding-top:20px; position: relative;}
	#footer_wrap .box_tit:after {content:''; display: block; position: absolute; right:0; top:50%; margin-top:-0.5px; width:9px; height:1px; background:#fff;}
	#footer_wrap .box_tit:before {content:''; display: block; position: absolute; right:4px; top:50%; margin-top:-4.5px; width:1px; height:9px; background:#fff; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
	#footer_wrap .box_tit.open:before {transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	#footer_wrap .sns_box .box_tit {display: none;}
	#footer_wrap .sns_box ul {padding:25px 0 20px 0; text-align:center;}
	#footer_wrap .sns_box ul li {margin-right:20px;}
	#footer_wrap .foot_btm {padding:40px 15px;}
	#footer_wrap .foot_btm .logo {display: block; width:142px; margin:0 auto 20px;}
	#footer_wrap .foot_btm .txt_right {display: block; width:100%; padding-left:0; text-align:center;}
	#footer_wrap .foot_btm .txt_right span,
	#footer_wrap .foot_btm .txt_right span a {font-size:12px;}
	#footer_wrap .foot_btm .txt_right .copy {font-size:12px;}
    
    #footer_wrap > #foot {display: none;}
    #footer_wrap .m_foot {display: block;}

	/* ž��ư */
	.top_btn {width:45px; right:20px;}

	/* ����¡ */
	.pagination li span {width:30px; height:30px; line-height:32px; font-size:12px;}
}



/* �巡�� ���� ���� */
::-moz-selection {background:#242424; color:#fff;}
::selection {background:#242424; color:#fff;}



/* ���̵� �޴� (�ܹ��Ÿ޴�) */
.aside-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:100; opacity:0; visibility:hidden;}
.aside-bg.on {opacity:1; visibility:visible;}
a.btn-side-close {position: fixed; top: 30px; right: 6%; display: block; z-index: 101; width: 45px; height: 45px; background: #fff; border-radius: 50%; opacity: 0; visibility: hidden;}
a.btn-side-close.on {opacity: 1; visibility: visible;}
a.btn-side-close span {
	position: absolute;
	display: block;
	width: 25px;
	height: 2px;
	background: #4c4c4c;
	left: 50%;
	top: 22px;
	margin-left: -12.5px;
}

a.btn-side-close span:nth-of-type(1) {
	-webkit-animation: x-one-reset .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	-moz-animation: x-one-reset .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	-ms-animation: x-one-reset .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	animation: x-one-reset .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

a.btn-side-close span:nth-of-type(2) {
	-webkit-animation: x-two-reset .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	-moz-animation: x-two-reset .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	-ms-animation: x-two-reset .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	animation: x-two-reset .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

a.btn-side-close.on span:nth-of-type(1) {
	-webkit-animation-delay: .5s !important;
	-moz-animation-delay: .5s !important;
	animation-delay: .5s !important;    
	-webkit-animation: x-one .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	-moz-animation: x-one .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	-ms-animation: x-one .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	animation: x-one .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

a.btn-side-close.on span:nth-of-type(2) {
	-webkit-animation-delay: .5s !important;
	-moz-animation-delay: .5s !important;
	animation-delay: .5s !important;    
	-webkit-animation: x-two .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	-moz-animation: x-two .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	-ms-animation: x-two .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
	animation: x-two .4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

@keyframes x-one {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@keyframes x-two {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

@keyframes x-one-reset {
	0% {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);        
	}
	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);        
	}
}

@keyframes x-two-reset {
	0% {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);        
	}
	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);        
	}
}

.aside {
	position: fixed;
	top: 0;
	left: 0;
	width: 75%;
	height: 100%;
	background: #fff;
	z-index: 101;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.aside.on {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);    
}

.aside .aside-inner {
	padding: 0px 10px;
	overflow: auto;
	position: relative;
	height: 100%;
	-webkit-overflow-scrolling:touch;
}

.aside .aside-logo {
	width: 110px;
	margin: 20px auto 15px;
}

.aside .aside-logo img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.aside .aside-caption {
	margin: 20px 0;
	word-break: keep-all;
}

.aside .aside-login > a {
	width: 50%;
	box-sizing: border-box;
	line-height: 33px;
	border: 1px solid #dbdbdb;
	font-size: 12px;
}

.aside .aside-login > a.bg {
	border-color: #4c4c4c;
	background: #4c4c4c;
	color: #fff;
}

.aside .aside-quick {
	margin: 15px 0px 15px;
}

.aside .aside-quick ul {
	border: 1px solid #e2e2e2;
}

.aside .aside-quick li {
	width: 33.333%;
	position: relative;
}

.aside .aside-quick li:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #e2e2e2;
	position: absolute;
	top: 0;
	right: 0;
}

.aside .aside-quick li:last-child:after {
	display: none;
}

.aside .aside-quick li a {
	display: block;
	font-size: 12px;
	color: #333232;
	padding: 49px 0px 18px;
}

.aside .aside-quick li.order a {
	background: url(../img/icon/icon-truck.png) no-repeat center 21px;
	background-size: 29px auto;
}

.aside .aside-quick li.today a {
	background: url(../img/icon/icon-basket.png) no-repeat center 21px;
	background-size: 25px auto;
}

.aside .aside-quick li.wish a {
	background: url(../img/icon/icon-wish.png) no-repeat center 21px;
	background-size: 23px auto;
}

.aside .tab-category .tab-menu li {
	width: 33.333%;
	position: relative;
	box-sizing: border-box;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}

.aside .tab-category .tab-menu li:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #dbdbdb;
	position: absolute;
	top: 0;
	right: -1px;
}

.aside .tab-category .tab-menu li:last-child:before {
	right: 0;
}

.aside .tab-category .tab-menu li:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #dbdbdb;
	position: absolute;
	bottom: 0;
	left: 0;
}

.aside .tab-category .tab-menu li.on:after {
	bottom: -1px;
	background: #fff;
}

.aside .tab-category .tab-menu li a {
	display: block;
	line-height: 35px;
	font-size: 12px;
	background: #f5f5f5;
}

.aside .tab-category .tab-menu li.on a {
	background: #fff;
}

.aside .tab-category .tab-content .content-box {
	display: none;
}

.aside .tab-category .tab-content .content-box.on {
	display: block;
}

.aside .tab-category ul.depth-one-wrap {
	padding-top: 15px;
}

.aside .tab-category ul.depth-one-wrap li {
	position: relative;
}

.aside .tab-category ul.depth-one-wrap li a {
	display: block;
	line-height: 35px;
	font-size: 13px;
	width: calc(100% - 35px);
}

.aside .tab-category ul.depth-one-wrap li a.no-child {
	width: 100%;
	background: url(../img/icon/icon-arrow-right-g.png) no-repeat calc(100% - 3px) center;
	background-size: 7px auto;
}

.aside .tab-category ul.depth-one-wrap ul li a.no-child {
	background-position: calc(100% - 13px) center;
}

.aside .tab-category ul.depth-one-wrap li span.arrow {
	position: absolute;
	top: 0;
	right: -10px;
	width: 35px;
	height: 35px;
	display: block;
	background: url(../img/icon/icon-arrow-down-g.png) no-repeat center;
	background-size: 13px auto;
	-khtml-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.aside .tab-category ul.depth-one-wrap li span.arrow.on {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.aside .tab-category ul.depth-one-wrap ul {
	display: none;
	background: #f4f4f4;
}

.aside .tab-category ul.depth-one-wrap ul li span.arrow {
	right: 0;
}

.aside .tab-category li.depth-two > a {
	text-indent: 20px;
}

.aside .tab-category li.depth-three > a {
	text-indent: 40px;
}



/* ���� */
.board_write_popup .board_write_box .rating_star {width:70px;}

/* �˻������� */
.goods_search_cont .goods_list .goods_list_cont ul li {width: calc(25% - 15px) !important;}
.goods_search_cont .goods_list_cont ul li .item_photo_box img {width:100%;}



/* 외곽선 효과 - PC만 */
@media all and (min-width: 751px) {
    .goods_list .goods_list_cont .goods_type ul li:before,
    .goods_list .goods_list_cont .goods_type ul li:after {
        content: '';
        position: absolute;
        height: 0%;
        width: 1px;
        background: #000;
        z-index: 2;
    }
    
    .goods_list .goods_list_cont .goods_type ul li:before {
        right: 0;
        top: 0;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
    }
    
    .goods_list .goods_list_cont .goods_type ul li:after {
        left: 0;
        bottom: 0;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
    }
    
    .goods_list .goods_list_cont .goods_type ul li:hover {
        color: #000;
    }
    
    .goods_list .goods_list_cont .goods_type ul li:hover:before {
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        height: 100%;
    }
    
    .goods_list .goods_list_cont .goods_type ul li:hover:after {
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        height: 100%;
    }
    
    .goods_list .goods_list_cont .goods_type ul li .item_cont:before,
    .goods_list .goods_list_cont .goods_type ul li .item_cont:after {
        content: '';
        position: absolute;
        background: #000;
        z-index: 2;
    }
    
    .goods_list .goods_list_cont .goods_type ul li .item_cont:before {
        left: 0;
        top: 0;
        width: 0%;
        height: 1px;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
    }
    
    .goods_list .goods_list_cont .goods_type ul li .item_cont:after {
        right: 0;
        bottom: 0;
        width: 0%;
        height: 1px;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
    }
    
    .goods_list .goods_list_cont .goods_type ul li .item_cont:hover:before {
        width: 100%;
    }
    
    .goods_list .goods_list_cont .goods_type ul li .item_cont:hover:after {
        width: 100%;
    }
}

/* 모바일 - 외곽선 효과 제거 */
@media all and (max-width: 750px) {
    .goods_list .goods_list_cont .goods_type ul li:before,
    .goods_list .goods_list_cont .goods_type ul li:after,
    .goods_list .goods_list_cont .goods_type ul li .item_cont:before,
    .goods_list .goods_list_cont .goods_type ul li .item_cont:after {
        display: none !important;
    }
}

.gnb ul li.event-menu a {
	color: #ff3b3b;
	font-weight: bold;
}

.gnb ul li.event-menu a:hover {
	color: #ff0000;
}