@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

*{margin:0;padding:0;font-size:inherit;font-weight:normal;line-height:1.2;box-sizing:border-box;outline:none;}
ul,ol,li {list-style:none;}
a {text-decoration:none;color:inherit;}

body {font-family: 'Noto Sans KR', 'Montserrat', sans-serif;}

/*clearfix*/
.cf:after, .clearfix:after, .row:after {content:"";display:block;clear:both;}

/*체크박스*/
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {display:inline-block;width:16px;height:16px;border:1px solid #888;background:#fff;cursor:pointer;}
input[type="checkbox"]:checked + label {background:#7b57a0;}
input[type="checkbox"]:checked + label:after {content:"\e929";display:block;font-family:'xeicon';font-size:14px;line-height:16px;color:#fff;}
/*셀렉트박스*/
select {font-size:13px;font-weight:300;padding:10px 15px;border:1px solid #ddd;}
/*인풋박스*/
input[type="text"] {font-size:13px;border:1px solid #ddd;background:none;line-height:34px;padding:0 15px}
/*버튼*/
button {cursor:pointer;}
button, html [type="button"] {
  -webkit-appearance: none;   
}

/*상품텍스트 설정 (브랜드명-상품명-판매가격-정상가격)*/
.item_brand {padding-top:10px;font-size:12px;color:#888;}
.item_title {width:100%;white-space:nowrap; text-overflow:ellipsis;font-size:15px;font-weight:400;padding:5px 0;overflow:hidden;}
.item_price {font-family:Montserrat;font-size:16px;font-weight:600;color:#7b57a0;}
.item_price_del {font-size:14px;color:#888;padding-right:10px;}
/*//상품텍스트 설정 끝*/

/*페이지*/
.paginate {margin-top:80px;text-align:center;}
.paginate>a {margin:0 10px;}
.paginate ul {display:inline-block;}
.paginate ul li {display:inline-block;}
.paginate ul li a {display:block;width:40px;line-height:40px;border-radius:50%;background:#fff;}
.paginate ul li.on a {background:#7b57a0;color:#fff;}
/*//페이지*/


.dvr_link {color:#ff3061;text-decoration:underline}

/* 모달창 */
.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:url(../img/box_gh.png);z-index:10000;}

#modalLayer{display:none; }
#modalLayer .modalContent{width:350px; height:200px; padding:40px 10px 10px 10px; border:1px solid #ccc; position:fixed; left:50%; top:45%; z-index:11; background:#fff; }
#modalLayer .modalContent button{position:absolute; right:0; top:0; cursor:pointer;}
#modalLayer .gnb_close_btn{background:#424242;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;right:0}
#modalLayer .cont {margin-top:20px;text-align:center;}
#modalLayer .cont p{font-weight:700;padding:20px;}
#modalLayer .cont .shopping {color:#fff;padding:10px 15px;background:#336600;}
#modalLayer .cont .carting {color:#fff;padding:10px 15px;background:#b3b3b3;}

.file_up_load {padding-bottom:20px;border-bottom:1px solid #ddd;}
.file_up_load .upload_box {display:flex;}
.file_up_load .upload_box>div {padding-right:15px;}
.file_up_load .upload_box .fileinput-exists .upload_img {position:relative;}
.file_up_load .upload_box .fileinput-exists .upload_img figure {position:relative;width:100px;height:100px;overflow:hidden;}
.file_up_load .upload_box .fileinput-exists .upload_img figure img {display:block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.file_up_load .upload_box .fileinput-exists .upload_img .img_del {content:"\e921";display:block;position:absolute;top:0;right:0;width:25px;height:25px;background:#233b5d;color:#fff;font-family:'xeicon';text-align:center;font-size:13px;line-height:25px;cursor:pointer;}

.file_up_load .upload_box .fileinput-new .upload_btn {position:relative;width:100px;height:100px;background:#233b5d;cursor:pointer;}
.file_up_load .upload_box .fileinput-new .upload_btn span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;}

/*팝업*/
#popupb {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);z-index: 9999;}
#popupb .popupWarp {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 30px;background: #fff;border: 1px solid #ddd;width: 500px;max-height: 500px;overflow: auto;}
#popupb .popupWarp .close {position: absolute;top:10px;right: 10px;}
#popupb .popupWarp .close span {font-size: 26px;}
.connectArea h3 {border-bottom: 1px solid #1a1a1a;font-size: 20px;}
.connectArea .textBox {line-height: 22px;letter-spacing: -0.025em;margin: 15px 0 5px 0;}

.w1300 {width: 100%;max-width: 1300px;margin: 0 auto;}
.w500 {width: 100%;max-width: 500px;margin: 0 auto;padding: 0 25px;}

.section {margin: 100px 0;}

/*member*/
#member>div {padding: 0 10px;}
.member .titArea {padding: 50px 0 20px;}
.member .titArea p {font-size: 24px;font-weight: 500;}
.member .contArea p {font-size: 13px;line-height: 22px;padding-bottom: 15px;}

@media (max-width:1024px) {
	.w1300 {width: 100%;max-width: 1300px;margin: 0 auto;}
    .w500 {width: 500px;margin: 0 auto;}

    .section {margin: 60px 0;}
    
    /*member*/
    #member>div {padding: 0 25px;}
    .member .titArea {padding: 50px 0 20px;}
    .member .titArea p {font-size: 24px;font-weight: 500;}
    .member .contArea p {font-size: 13px;line-height: 22px;padding-bottom: 15px;}
}

@media (max-width:767px) {
	/*팝업*/
	#popupb {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);z-index: 9999;}
	#popupb .popupWarp {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 25px 20px;background: #fff;border: 1px solid #ddd;width: calc(100% - 50px);max-width: 500px;max-height: 500px;overflow: auto;}
	#popupb .popupWarp .close {position: absolute;top:10px;right: 10px;}
	#popupb .popupWarp .close span {font-size: 26px;}
	
	/*member*/
	#member>div {padding: 0 20px;}
	.member .titArea {padding: 50px 0 20px;}
	.member .titArea p {font-size: 24px;font-weight: 500;}
	.member .contArea p {font-size: 13px;line-height: 22px;padding-bottom: 15px;}
}