.clearfix:after {content:''; display:block; clear:both;}
.float-left {float: left;}
.float-right {float: right;}
.m-0 {margin:0 !important;} .mt-0 {margin-top:0 !important;} .mb-0 {margin-bottom:0 !important;} .ml-0 {margin-left:0 !important;} .mr-0 {margin-right:0 !important;}
.p-0 {padding:0 !important;} .pt-0 {padding-top:0 !important;} .pb-0 {padding-bottom:0 !important;} .pl-0 {padding-left:0 !important;} .pr-0 {padding-right:0 !important;}
.m-1 {margin:.25rem !important;} .mt-1 {margin-top: .25rem !important;} .mb-1 {margin-bottom: .25rem !important;} .ml-1 {margin-left: .25rem !important;} .mr-1 {margin-right: .25rem !important;}
.p-1 {padding:.25rem !important;} .pt-1 {padding-top: .25rem !important;} .pb-1 {padding-bottom: .25rem !important;} .pl-1 {padding-left: .25rem !important;} .pr-1 {padding-right: .25rem !important;}
.m-2 {margin:.5rem !important;} .mt-2 {margin-top: .5rem !important;} .mb-2 {margin-bottom: .5rem !important;} .ml-2 {margin-left: .5rem !important;} .mr-2 {margin-right: .5rem !important;}
.p-2 {padding:.5rem !important;} .pt-2 {padding-top: .5rem !important;} .pb-2 {padding-bottom: .5rem !important;} .pl-2 {padding-left: .5rem !important;} .pr-2 {padding-right: .5rem !important;}
.m-3 {margin:1rem !important;} .mt-3 {margin-top: 1rem !important;} .mb-3 {margin-bottom: 1rem !important;} .ml-3 {margin-left: 1rem !important;} .mr-3 {margin-right: 1rem !important;}
.p-3 {padding:1rem !important;} .pt-3 {padding-top: 1rem !important;} .pb-3 {padding-bottom: 1rem !important;} .pl-3 {padding-left: 1rem !important;} .pr-3 {padding-right: 1rem !important;}
.m-4 {margin:1.5rem !important;} .mt-4 {margin-top:1.5rem !important;} .mb-4 {margin-bottom:1.5rem !important;} .ml-4 {margin-left:1.5rem !important;} .mr-4 {margin-right:1.5rem !important;}
.p-4 {padding:1.5rem !important;} .pt-4 {padding-top:1.5rem !important;} .pb-4 {padding-bottom:1.5rem !important;} .pl-4 {padding-left:1.5rem !important;} .pr-4 {padding-right:1.5rem !important;}
.m-5 {margin:3rem !important;} .mt-5 {margin-top:3rem !important;} .mb-5 {margin-bottom:3rem !important;} .ml-5 {margin-left:3rem !important;} .mr-5 {margin-right:3rem !important;}
.p-5 {padding:3rem !important;} .pt-5 {padding-top:3rem !important;} .pb-5 {padding-bottom:3rem !important;} .pl-5 {padding-left:3rem !important;} .pr-5 {padding-right:3rem !important;}
.my-0 {margin-top: 0 !important; margin-bottom: 0 !important;} .mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.my-1 {margin-top: .25rem !important; margin-bottom: .25rem !important;} .mx-1 {margin-left: .25rem !important; margin-right: .25rem !important;}
.my-2 {margin-top: .5rem !important; margin-bottom: .5rem !important;} .mx-2 {margin-left: .5rem !important; margin-right: .5rem !important;}
.my-3 {margin-top: 1rem !important; margin-bottom: 1rem !important;} .mx-3 {margin-left: 1rem !important; margin-right: 1rem !important;}
.my-4 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;} .mx-4 {margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
.my-5 {margin-top: 3rem !important; margin-bottom: 3rem !important;} .mx-5 {margin-left: 3rem !important; margin-right: 3rem !important;}
.py-0 {padding-top: 0 !important; padding-bottom: 0 !important;} .px-0 {padding-left: 0 !important; padding-right: 0 !important;}
.py-1 {padding-top: .25rem !important; padding-bottom: .25rem !important;} .px-1 {padding-left: .25rem !important; padding-right: .25rem !important;}
.py-2 {padding-top: .5rem !important; padding-bottom: .5rem !important;} .px-2 {padding-left: .5rem !important; padding-right: .5rem !important;}
.py-3 {padding-top: 1rem !important; padding-bottom: 1rem !important;} .px-3 {padding-left: 1rem !important; padding-right: 1rem !important;}
.py-4 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;} .px-4 {padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
.py-5 {padding-top: 3rem !important; padding-bottom: 3rem !important;} .px-5 {padding-left: 3rem !important; padding-right: 3rem !important;}

.bg-primary {background-color: #c71f33 !important;}
.btn-primary {background-color: #c71f33 !important; border-color: #be1e32 !important;}
.btn-primary:hover {background-color: #c30d23 !important; border-color: #b90c21 !important;}
.bg-default {background-color: #f9b0b9 !important;}
.d-inline-block {display:inline-block !important;}

.font-weight-bold {font-weight: bold !important;}
.mw-100 {max-width: 100% !important;}
.w-100 {width: 100% !important;}
.w-75 {width: 75% !important;}
.w-50 {width: 50% !important;}

.gifti_banner {margin:0; text-align: center;}
@media (max-width: 768px) {
	.gifti_banner {padding:0}
}
.gifti_banner img {padding:0;}

.gifti_list {margin:0; text-align: center; padding: 1rem 10rem;}
@media (max-width: 768px) {
	.gifti_list {padding:0}
}

.gifti_box {}
.gifti_box .gifti_title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height: 2rem; height: 4rem;}
.gifti_box:hover {} /* box-shadow: 0 0 11px rgba(33,33,33,.2); */
.gifti_price {color:red;}

.gifti_category {margin:0; padding: 1rem 10rem;}
@media (max-width: 768px) {
	.gifti_category {padding:0}
	.gifti_box {min-height:210px;}
}

.gifti_category ul {list-style: none;}
.gifti_category .category ul {border-top: 1px solid #787878; border-bottom: 1px solid #787878;}
.gifti_category .category_box {padding-left:10px; padding-right:10px; height: 32px; line-height: 32px; display:block; color: #333; text-align: center;}
.gifti_category .category_box.active {font-weight: bold; color:red;}
.gifti_category .category_box:hover {font-weight: bold;}
.gifti_category .category_box img {width: 70px; height: 70px;}

.gifti_category .gifti_search .search_price {display:block; border:1px solid #787878; text-align: center; height: 32px; line-height: 32px; color: #333;}
.gifti_category .gifti_search .search_price.active {background: #eee;}
.gifti_category .gifti_search .search_price:hover {background: #eee;}
.gifti_category .gifti_search .search_text {border:1px solid #787878; text-align: center; height: 32px; line-height: 32px; color: #333; width:83%;}
.gifti_category .gifti_search .search_text:focus {outline:none;}
.gifti_category .gifti_search .search_btn {height: 32px; width: 32px; line-height: 32px; display: inline-block; text-align: center; background: #787878; color:#fff; margin-left:-3px;}

.gifti_category .gifti_list {margin-top: 30px;}

.gifti_view {margin:0; padding: 1rem 20rem;}
@media (max-width: 768px) {
	.gifti_view {padding:0}
}

.order_table_img {max-height: 100px;}

table.order_table tbody td {vertical-align: middle;}

.small-thumbnail {width: 100px;}



/* giftshow_re_style 2020.02.24 */

*{margin:0;padding:0}
* html {height: 1px;}
body{-webkit-text-size-adjust:none}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
margin: 0;padding: 0;box-sizing: border-box;-webkit-font-smoothing: antialiased}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-family: 'Noto Sans KR', sans-serif}

ul,li,dd{list-style: none}
dl,dt,dd{margin: 0}
img{border: none}
hr{display: none}
fieldset{border: 0}
caption{display: none}
legend{display: none}
form{ margin : 0}
em{font-style: normal}
label{cursor: pointer}
button{outline: none;cursor: pointer}
table{border-collapse: collapse;border-spacing:0; border: 0}

a{color: inherit}
a:link,a:visited{text-decoration: none}
a:hover,a:active{text-decoration: none}
.cur{cursor: pointer}
.noline{border-width: 0}
.none{display: none}
.blk{display: block}
.clear{clear: both}
.clear:after{content: ''; display: block;clear: both}
.float_l{float: left}
.float_r{float: right}
.txt_c{text-align: center}
.txt_sup{display: block;margin-bottom: 20px;font-size: 14px;text-align: center}
.half{width: 50%}

.wrap{overflow: hidden;background: url(../images/bg.png) 0 0 repeat}
.aside{float: left;width: 228px;height: 100%}
.aside h1{margin-top: 23px;text-align: center}
.aside .gnb{margin: 58px 25px}
.aside .gnb li{margin-bottom: 20px;color: #fff;font-size: 14px;letter-spacing: -0.5px}
.aside .gnb li a{display: block;background: url(../images/ar.png) right center no-repeat}
.aside .gnb li a:hover{color: #fff}
.aside .send{text-align: center}
.thumbnail{border: none}

.contents{float: left;width:calc(100% - 228px);background: #fff}
.contents_top{height: 60px;border-bottom: 1px solid #dedede; padding: 0 30px;}
.contents_top .btn_home{padding: 14px 0 0 0;vertical-align: middle}
.contents_top .btn_home button{margin-right: 2px}
.contents_top .btn_mb{position: absolute;top: 27px;right: 28px}
.contents_top .btn_bor_s{width: 37px;height: 37px;padding: 0;background: #fafafa;border: 1px solid #b8b8b8;color: #000;font-size: 13px;letter-spacing: -0.5px;text-align: center}
.contents_top .btn_bor{height: 37px;padding: 0 12px;background: #fafafa;border: 1px solid #b8b8b8;color: #000;font-size: 13px;letter-spacing: -0.5px;text-align: center}

.container{margin: 46px auto;padding: 0;width: 1415px}
.container .navi{margin-bottom: 16px;font-size: 14px;text-align: right}
.container .navi a{color: #000}
.container .hdline{padding-bottom: 23px;border-bottom: 1px solid #b8b8b8;font-weight: 400;letter-spacing: -1px}
.container .hdline h2{float: left;margin-right: 20px;color: #000;font-size: 40px;font-weight: 500;letter-spacing: -4px}
.container .hdline span{display: block;padding-top: 8px}
.container .hdline span a.btn_bor{display: inline-block;height: 37px;line-height: 37px;padding: 0 20px;background: #fafafa;border: 1px solid #b8b8b8;color: #000;font-size: 13px;letter-spacing: -0.5px;text-align: center}
.container .hdline_de{padding-bottom: 23px;border-bottom: 1px solid #b8b8b8;font-weight: 400;letter-spacing: -1px}
.container .hdline_de h2{color: #000;font-size: 38px;font-weight: 500;letter-spacing: -4px}

/* 카테고리 14개 버전
.container .category{margin-top: 18px}
.container .category ul{overflow: hidden;border-top: 1px solid #dedede;border-left: 1px solid #dedede}
.container .category li{float: left;display: block;width: 102px;height: 99px;margin-left: -1px;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;text-align: center}
.container .category li a{display: block;width: 100%;height: 100%;margin-left: 1px;border: 1px solid transparent;transition: all 0.2s ease-in-out}
.container .category li a:hover{border-color:#DE354A;transition: all 0.2s ease-in-out}
.container .category li a:hover em{color: #000}
.container .category li a img{display: block;margin: 10px auto 7px}
.container .category li a em{display: block;color: #6b6b6b;font-size: 12px;letter-spacing: -0.5px}
*/

.container .category{margin-top: 18px}
.container .category ul{overflow: hidden;border-top: 1px solid #dedede;border-left: 1px solid #dedede}
    .container .category li{float: left;display: block;width: 10.07%;height: 115px;margin-left: -1px;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;text-align: center}
.container .category li a{display: block;width: 100%;height: 100%;margin-left: 1px;border: 1px solid transparent;transition: all 0.2s ease-in-out}
.container .category li a:hover{border-color:#DE354A;transition: all 0.2s ease-in-out}
.container .category li a:hover em{color: #000}
    .container .category li a img{display: block;margin: 20px auto 7px}
    .container .category li a em{display: block;color: #6b6b6b;font-size: 13px;letter-spacing: -0.5px}

.container .cost{overflow: hidden;float: left}
.container .cost ul{}
.container .cost li{float: left;margin-right: 7px}
.container .cost li a{display: block;height: 37px;padding: 0 30px;border: 1px solid #dedede;color: #333;font-size: 13px;letter-spacing: -0.5px;line-height: 37px;transition: all 0.2s ease-in-out}
.container .cost li a:hover{border: 1px solid #DE354A;color: #000;transition: all 0.2s ease-in-out}
.container .schbx{float: right;vertical-align: bottom}
.container .schbx input[type=text]{margin-right: 2px;height: 37px;padding: 0 5px;border: 1px solid #dedede;vertical-align: bottom}
.container .schbx .btn_sch{display: inline-block;height: 37px;padding: 0 15px;background: #de354a;color: #fff;line-height: 37px;text-align: center}
.container .sort{padding-top: 40px;text-align: right}
.container .sort li{display: inline;margin-left: 10px;font-size: 13px}
.container .sort li:after{content: '';display: inline-block;width: 1px;height: 10px;background: #b8b8b8;margin-left: 12px}
.container .sort li:last-child:after{background: none;margin: 0}
.container .sort li a{color: #333}

.container .goodslist{margin-top: 50px}
.container .goodslist li{float: left;width: 320px;border: 1px solid #dedede;margin: 0 45px 40px 0;text-align: center;transition: all 0.2s ease-in-out; min-height: 422px;}
.container .goodslist li:nth-child(4n){margin: 0 0 40px 0}
.container .goodslist li:hover{border: 1px solid #DE354A;transition: all 0.2s ease-in-out}
.container .goodslist li span{display: block;letter-spacing: -0.5px}
.container .goodslist li span.goods_img{margin: 10px 0 5px}
.container .goodslist li span.goods_img img{width: 100%;max-width: 250px}
.container .goodslist li span.goods_category{margin-bottom: 5px;color: #565656;font-size: 17px}
.container .goodslist li span.goods_title{margin-bottom: 6px;color: #000;font-size: 17px}
.container .goodslist li span.goods_cost{margin-bottom: 44px;color: #de354a;font-size: 20px;font-weight: 600}

.container .brandlist li{float: left;width: 20%; margin-left:-1px; border: 1px solid #dedede;text-align: center;transition: all 0.2s ease-in-out}
.container .brandlist li:nth-child(n+6) {margin-top:-1px;}
.container .brandlist li span{display: block;letter-spacing: -0.5px}
.container .brandlist li span.brand_img{margin: 10px 0 5px; padding: 20px 65px 0;}
.container .brandlist li span.brand_img img{width: 100%;}
.container .brandlist li span.brand_title{margin-bottom: 30px;color: #000;font-size: 1.5rem}

.container .detail_wrap{margin-top: 60px}
.container .detail_info{margin-bottom: 70px}
.container .detail_img{float: left;border: 1px solid #dedede; width:45%;}
.container .detail_img img{width: 100%;max-width: 600px}
.container .detail_spec{position: relative;float: left;margin: 0 20px 0 76px; width: 48%;}
.container .detail_spec h3{margin-bottom: 20px}
.container .detail_spec h3 strong{display: inline-block;margin-right: 60px;color: #000}
.container .detail_spec h3 span{position: absolute;top: -15px;right: 0}
.container .detail_spec dl{padding: 17px 0;border-bottom: 1px solid #dedede}
.container .detail_spec dt{float: left;font-weight: normal}
.container .detail_spec dd{margin-left: 116px}
.container .detail_spec dd strong{color: #DE354A}
.container .detail_spec dd select{width: 50px;height: 26px;border: 1px solid #dedede}
.container .detail_spec .brand_image {width: 100%; max-width: 60px;}
.container .detail_spec .btns{margin-bottom: 30px}
.container .detail_spec .btns .btn_send{display: block;height: 92px;background: #b90c21;color: #fff;font-size: 30px;font-weight: normal;line-height: 92px;text-align: center}
.container .detail_spec .check p{margin-bottom: 4px;color: #b90c21;font-size: 16px}
.container .detail_spec .check li{margin-bottom: 7px;padding-left: 17px;background: url(../images/dot.png) 0 center no-repeat;color: #797979;font-size: 16px;letter-spacing: -0.5px}

.container .detail{overflow: hidden;padding: 70px 70px;border: 1px solid #dedede;border-top: 2px solid #000;font-size: 18px;}
.container .detail h4{margin-bottom: 5px;color: #000;letter-spacing: -1px}
.container .detail p{color: #787878;line-height: 155%}


#sidebar{background: #ff0000 url(../../images/bg.png) 0 0 repeat}
.nav-main a{color: #fff}
.nav-main ul a{color: #fff}
#main-container{background: #fff}
#page-footer{background: #fff}
.content{background: #fff}
.header-navbar-fixed #header-navbar{box-shadow: none;border-bottom: 1px solid #dedede}
.nav-main a.nav-submenu:before{color: #fff}
.goodslist .pagination li{width: auto;border: none;margin: 0}
.goodslist .pagination li:hover{border: none}




@media (max-width: 1699px) {
.container{margin: 46px auto;padding: 0;width:calc(100% - 40px)}
.container .category li{width:14.35%}
.container .category li:nth-child(7n){width: 14.38%}
.container .goodslist li{width: 24%;margin: 0 1% 2% 0}
.container .goodslist li:nth-child(4n){margin: 0 0 2% 0}

.container .detail_img{width: 45%}
.container .detail_spec{width: 51%;margin: 0 0 0 4%}
}

@media (max-width : 1419px) {
.container .goodslist li{width: 32.64%;margin: 0 1% 2% 0}
.container .goodslist li:nth-child(4n){margin: 0 1% 2% 0}
.container .goodslist li:nth-child(3n){margin: 0 0 2% 0}
.container .brandlist li{width: 25%;}
.container .brandlist li:nth-child(n+5) {margin-top:-1px;}
}

@media (max-width : 1257px) {
.container .cost{float: none;width: 100%}
.container .cost li{width: 19.2%;margin-right: 1%;text-align: center}
.container .cost li a{padding: 0}
.container .cost li:last-child{margin: 0}
.container .schbx{float: left;width: 100%;margin: 10px 0 0 0;vertical-align: bottom}
.container .schbx input{width:calc(100% - 66px)}
.container .schbx .btn_sch{width: 60px;padding: 0}
}

@media (max-width : 1119px) {
.container .detail_img{width: 100%;margin-bottom: 30px;text-align: center}
.container .detail_spec{width: 98%;margin: 0 1%}
.container .goodslist li{width: 49.5%;margin: 0 1% 2% 0}
.container .goodslist li:nth-child(4n){margin: 0 1% 2% 0}
.container .goodslist li:nth-child(3n){margin: 0 1% 2% 0}
.container .goodslist li:nth-child(2n){margin: 0 0 2% 0}
.container .brandlist li{width: 33.33%;}
.container .brandlist li:nth-child(n+4) {margin-top:-1px;}
}

@media (max-width: 991px) { /*  991 부터 모바일 메뉴 등장 */
.aside{display: none}
.contents{width: 100%}
}

@media (max-width: 681px) {
.container .category li{width:25%}
.container .category li:nth-child(4n){width: 25.5%}
.container .category li:nth-child(7n){width: 25%}
.container .detail{padding: 30px 30px;font-size: 15px}
.container .brandlist .brand_img {padding: 0 30px !important;}
.container .brandlist .brand_title {margin-bottom:20px !important; font-size:1.3rem !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height: 1.3rem; max-height: 1.3rem;}}
}

@media (max-width: 499px) {
.container {margin: 16px auto 46px}
.container .category li{width:33.4%}
.container .category li:nth-child(3n){width: 33.4%}
.container .category li:nth-child(4n){width: 33.4%}
.container .category li:nth-child(7n){width: 33.4%}

.container .cost li{width: 100%;margin-bottom: 1%;text-align: center}
.container .cost li a{padding: 0}
.container .cost li:last-child{margin: 0}
.container .goodslist li{width: 100%;margin: 0 0 2% 0; min-height: 369px;}


}

.login_header_text {margin: 0 10px;}
.login_header_money {margin-left: 10px; margin-right: 20px; color: #de354a;}
@media (max-width: 768px) {
  .login_header_text {margin: 0;}
  .login_header_money {margin: 0;}
  .contents_top .btn_bor{padding: 0 13px;}
}