/* 기본(default) */
body{background-color:#fff; color:var(--color-text-4); overflow-x:hidden; -ms-overflow-style: none}
div#lnb{display: none}
h1, h2, h3{color:var(--color-text-4); word-break:keep-all}
div.wrapper{height:100%; font-family:'pretendard','Noto Sans KR'}
.inner{width: 1400px; max-width: 100%; box-sizing: border-box; padding: 0 3vw; margin: 0 auto; position: relative}
table{border-collapse: collapse}
#contents{padding:0; margin: 3rem 0 5rem; background-color:#fff}
.sec{max-width: 1400px; margin: 0 auto}

.fw-1{font-weight: 400}
.fw-2{font-weight: 600}
.fw-3{font-weight: 800}
@media screen and (max-width:1280px){
	.inner{padding: 0 3vw}
}
@media screen and (max-width:320px){
	html,body{font-size:12px}
	#contents{font-size:12px}
}
@media screen and (min-width:321px) and (max-width:360px){
	html,body{font-size:12px}
	#contents{font-size:12px}
}
@media screen and (min-width:361px) and (max-width:383px){
	html,body{font-size:13px}
	#contents{font-size:13px}
}
@media screen and (min-width:384px) and (max-width:428px){
	html,body{font-size:13px}
	#contents{font-size:13px}
}
@media screen and (min-width:429px) and (max-width:767px){
	html,body{font-size:14px}
	#contents{font-size:14px}
}
@media screen and (min-width:768px) and (max-width:1024px){
	html,body{font-size:14px}
	#contents{font-size:14px}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	html,body{font-size:15px}
	#contents{font-size:15px}
}
@media screen and (min-width:1281px){
	.inner{padding: 0 1rem}
}
@media screen and (min-width:1281px) and (max-width:1399px){
	html,body{font-size:12px}
	#contents{font-size:12px}
}
@media screen and (min-width:1400px) and (max-width:1599px){
	html,body{font-size:13px}
	#contents{font-size:13px}
}
@media screen and (min-width:1600px) and (max-width:1679px){
	html,body{font-size:14px}
	#contents{font-size:14px}
}
@media screen and (min-width:1680px) and (max-width:1919px){
	html,body{font-size:15px}
	#contents{font-size:15px}
}
@media screen and (min-width:1920px){
	html,body{font-size:16px}
	#contents{font-size:16px}
}
/* 기본(default) */

/*갤러리*/
#contents ul.list{border-top: 2px solid var(--color-border-8) !important}
#contents a.write{background-color: var(--color-primary) !important}
#contents a.write:hover{background-color: var(--color-background-4) !important}
#contents a.write svg{fill: var(--color-text-1) !important}
#contents div.paging ol li{border: none !important}
#contents div.paging ol li.on a{color: var(--color-primary) !important}
#contents div.paging ol li.on{background-color: var(--color-background-lightest) !important}
#contents div.paging ol li a:hover{color: var(--color-primary) !important; background-color: var(--color-background-lightest) !important}
#contents ul.list > li.blank{border-bottom: 1px solid var(--color-border-9) !important}

@media screen and (min-width:1281px){
	.communityList19{margin: 12.5rem 1rem !important}
}

@media screen and (max-width:1280px){
	.communityList19{margin: 7rem 3vw !important}
}
/*갤러리*/

/* 마이페이지(mypage)*/
#contents.mypage{font-family:'Pretendard', 'Noto Sans KR' !important}
#contents.mypage table._tbl th{border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border)}
#contents.mypage #orderList header p{border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border)}
#contents.mypage #orderList dl.empty{border-bottom: 1px solid var(--color-border)}
#contents.mypage ul#request > li{border-bottom: 1px solid var(--color-border); font-family: 'Pretendard', 'Noto Sans KR'; text-align: center}
#contents.mypage.mypageList{background-color:#fff}
#contents.mypage h2.mypage{color:var(--color-text) !important}
#contents.mypage p.hdrDesc{line-height: 130%; color: var(--color-text-light) !important}
#contents.mypage.mypageList ul.mypageList a{}
#contents.mypage.mypageList ul.mypageList > li a{background-color: var(--color-background-11); border: 1px solid #ebebeb}
#contents.mypage.mypageList ul.mypageList svg{overflow: initial; fill: var(--color-primary); color: var(--color-primary)}
#contents.mypage.mypageList ul.mypageList svg g{stroke:var(--color-icon-fill-primary)}
#contents.mypage.mypageList ul.mypageList h3{color: var(--color-text)}
#contents.mypage.mypageList ul.mypageList div.desc{word-break: keep-all; color: var(--color-text-date); line-height: 150%; font-size: 15px}
#contents.mypage.orderList div.search ul.calendarSearch > li.btn button{border-radius: 0; border: 1px solid var(--color-button-border-secondary); background-color: var(--color-button-background-secondary)}
#contents.mypage.orderList .ui-widget input, .ui-widget select,#contents.mypage.orderList .ui-widget textarea,#contents.mypage.orderList .ui-widget button{font-family:'Pretendard', 'Noto Sans KR'}
#contents.mypage.orderList div.search ul.periodBtn > li > button{border: 1px solid var(--color-border); border-radius: 0; background-color: var(--color-background-primary); font-family: 'Pretendard', 'Noto Sans KR'}
#contents.mypage.orderList div.search ul.calendarSearch > li.subscribe-status select{border-color: var(--color-border); padding: 0 6px}
#contents.mypage.orderList .card__regist{background: var(--color-button-background); font-size: 14px}
#contents.mypage.user #user div.sect.user{border-top: 2px solid var(--color-primary); border-bottom: 1px solid var(--color-border)}
#contents.mypage.user #user div.profileImg div.img{background-color: var(--color-background-primary)}
#contents.mypage.user #user ul.form{background-color: #fff}
#contents.mypage.user #user ul.form > li label.lbl{height:auto; font-size:15px; letter-spacing:0}
#contents.mypage.user #user ul.form > li label.req span.req{font-size: 12px; color: var(--color-secondary)}
#contents.mypage.user #user ul.form > li label.memberType{font-size: 15px}
#contents.mypage.user #user ul.form > li .radio_wrap{height:auto; line-height:normal}
#contents.mypage.user #user ul.form > li ul.postcode li.btnw input{font-family:'Pretendard', 'Noto Sans KR'; border-radius: 0; border: 1px solid var(--color-button-border-secondary); background-color: var(--color-button-background-secondary)}
#contents.mypage.user ul.userCate li{display: flex; align-items: center}
#contents.mypage.user input[type="radio"]{display: none}
#contents.mypage.user div.orderInfo label{top:0}
#contents.mypage.user input[type="radio"] + label.memberType{display: inline-block !important; font-size: 0 !important; width: 20px !important; height: 20px; border-radius: 50%; background-color: var(--color-background-primary); position: relative !important}
#contents.mypage.user input:checked + label.memberType::after{content:''; background-image:url('/image/cart/check.png'); background-size: 10px; background-repeat: no-repeat; background-position: 50%; width: 20px; height: 20px; text-align: center; position: absolute; border-radius: 50%; background-color: var(--color-primary); left: 0; top:0}
#contents.mypage.user ul.userCate li:nth-child(1):after{content: '개인회원'; margin-left: 10px; font-size: 15px}
#contents.mypage.user ul.userCate li:nth-child(2):after{content: '사업자회원'; margin-left: 10px; font-size: 15px}
#contents.mypage.user #email-cert-btn, #email-cert-check{font-family:'Pretendard', 'Noto Sans KR'; width: auto; border-radius: 0; border: 1px solid var(--color-button-border-secondary); background-color: var(--color-button-background-secondary)}

#contents.mypage.user input[type="checkbox"]{display: none}
#contents.mypage.user input[type="checkbox"] + label.memberType{display: block !important; font-size: 0 !important; cursor: pointer; width: 20px !important; height: 20px; border-radius: 50%; background-color: var(--color-background-primary); position: relative !important}
#contents.mypage.user input:checked + label.memberType::after{content:''; background-image:url('/image/cart/check.png'); background-size: 10px; background-repeat: no-repeat; background-position: 50%; width: 20px; height: 20px; text-align: center; position: absolute; border-radius: 50%; background-color: var(--color-primary); left: 0; top:0}
#contents.mypage.user ul.form li.sms:before{content: 'SMS 수신여부'; font-size: 15px; position: absolute}
#contents.mypage.user #user ul.form > li p.info{margin: 8px 0 0 0; font-size: 14px; color: var(--color-text-light)}
#contents.mypage.user #user ul.form > li p.info i.fa{font-size: 15px; margin: 0 5px 0 0}
#contents.mypage.user #user input.submit{border: 1px solid var(--color-button-border); border-radius: 0; background-color: var(--color-button-background)}
#contents.mypage.user #user div.leave a{color: var(--color-primary); font-weight: 600; text-decoration: underline}
@media screen and (max-width:428px){
	#contents.mypage.mypageList ul.mypageList > li{width:100%}
}
@media screen and (min-width:429px) and (max-width:797px){
    #contents.mypage.mypageList ul.mypageList > li{width: calc(100% / 2); padding: 10px; margin: 0}
}
@media screen and (min-width:798px) and (max-width:1280px){
    #contents.mypage.mypageList ul.mypageList > li{width: calc(100% / 3); padding: 10px; margin: 0}
}
@media screen and (max-width:1280px){
    #contents.mypage.mypageList ul.mypageList{left: auto; width: auto; margin: -10px; flex-wrap:wrap}
    #contents.mypage.mypageList ul.mypageList > li{padding: 10px; margin: 0}
    #contents.mypage.mypageList ul.mypageList a{padding: 30px 20px}
    #contents.mypage.mypageList ul.mypageList div.icoW{width: 20%; margin: 0 0 20px 0}
	#contents.mypage.mypageList ul.mypageList h3{margin: 0 0 10px 0}
	#contents.mypage.user #user ul.form{padding: 20px 0}
	#contents.mypage.user #user ul.form > li{margin: 0 0 20px 0}
	#contents.mypage.user #user ul.form > li label.lbl{margin: 0 0 10px 0}
	#contents.mypage.user #user ul.form > li label.req span.req{margin-left:5px}
	#contents.mypage.user #email-cert-btn, #email-cert-check{padding: 10px; font-size: 14px}
	#contents.mypage.user ul.form li.sms:before{top: 29px; left: 30px}
	#contents.mypage.user #user input.submit{height: 38px}
	#contents.mypage #user input.submit{height: 38px}
}
@media screen and (min-width:1281px){
    #contents.mypage.mypageList ul.mypageList{left: auto; width: auto; margin: -10px}
    #contents.mypage.mypageList ul.mypageList > li{aspect-ratio: 1 / 1; width: calc(100% / 4); padding: 10px; margin: 0}
    #contents.mypage.mypageList ul.mypageList a{padding: 30px}
    #contents.mypage.mypageList ul.mypageList div.icoW{width: 15%; margin: 0 0 30px 0}
	#contents.mypage.mypageList ul.mypageList h3{margin: 0 0 15px 0}
	#contents.mypage.orderList div.search{border: 1px solid var(--color-border); padding: 0 0 0 108px}
	#contents.mypage.orderList div.search > header{display: flex; justify-content: center; align-items: center; width: auto; padding:20px; box-sizing: border-box; border-right: 1px solid var(--color-border); background-color: var(--color-background-primary); color: var(--color-text); line-height: normal; font-size: 15px}
	#contents.mypage.orderList #orderList{border-top: 2px solid var(--color-primary)}
	#contents.mypage.user #user ul.form{padding: 30px 0}
	#contents.mypage.user #user ul.form > li label.req span.req{margin-top:3px}
	#contents.mypage.user #user ul.form > li ul.postcode li.btnw input{padding: 10px 15px; font-size: 15px}
	#contents.mypage.user #user div.profileImg{width: 100px; height: 100px}
	#contents.mypage.user #user div.profileImg i.fa-camera{right: 0px; bottom: 0px}
	#contents.mypage.user #email-cert-btn, #email-cert-check{padding:10px 15px; font-size:15px; line-height: normal}
	#contents.mypage.user ul.form li.sms:before{top: 2px; left: 140px}
	#contents.mypage.user #user input.submit{height: 44px; font-size: 16px}
	#contents.mypage #user input.submit{height: 44px}
}
/*마이페이지(mypage) */

/*마이페이지-회원정보*/
#contents div.contents{float: unset !important; width: 100% !important; border: none !important}
#user ul.form{background-color: var(--color-background-lightest) !important}
#contents.mypage.user #user ul.form > li label.req span.req{color: var(--color-primary) !important}
input.transition:focus{border-color: var(--color-border-1) !important}
#contents.mypage.user #email-cert-btn,
#contents.mypage.user #user ul.form > li ul.postcode li.btnw input{background-color: var(--color-background-lightest) !important; color: var(--color-text-2) !important; border: 1px solid var(--color-border-5)}
#contents.mypage.user #email-cert-btn:hover,
#contents.mypage.user #user ul.form > li ul.postcode li.btnw input:hover{border-color: var(--color-border-1)}
#contents.mypage.user #user input.submit{background-color: var(--color-background-3) !important; border-color: var(--color-background-3) !important}
#contents.mypage.user #user input.submit:hover{background-color: var(--color-background-10) !important}
/*마이페이지-회원정보*/

/*마이페이지-비밀번호 수정*/
.password #user ul.form{border-top: 2px solid var(--color-primary) !important; background-color: var(--color-background-lightest) !important}
.password #user ul.form > li label.req span.req{color: var(--color-primary) !important}
.password #user input.submit{background-color: var(--color-background-3) !important; border-color: var(--color-background-3) !important}
.password #user input.submit:hover{background-color: var(--color-background-8) !important}

@media screen and (max-width:1280px){
}

@media screen and (min-width:1281px){
	.password #user input.submit{font-size: 18px !important}
}
/*마이페이지-비밀번호 수정*/

/*페이지 타이틀 배경 지정*/
body.mypage .page-title-bg{background: url(/image/pageTitle/mypage.jpg) no-repeat 50% 0; background-size:cover}
/*페이지 타이틀 배경 지정*/

.top-user-info-user .point,
.top-user-info-user .request{display: none !important}