@charset "utf-8";
/* 기본(default) */
body{background-color:#fff; color:var(--color-text); overflow-x:hidden; -ms-overflow-style: none}
div#lnb{display: none}
h1, h2, h3, p{color:var(--color-text); word-break:keep-all}
div.wrapper{height:100%; font-family:'pretendard','Noto Sans KR'}
.inner{max-width: 100%; box-sizing: border-box; margin: 0 auto; position: relative}
table{border-collapse: collapse}
#contents{padding:0; margin: 3rem 0 5rem; background-color:#fff}
img{display:block}
@media screen and (max-width:1280px){
	section div.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){
}
@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}
	.inner{width: 1440px; padding: 0 20px}
}
@media screen and (min-width:1600px) and (max-width:1679px){
	html,body{font-size:14px}
	#contents{font-size:14px}
	.inner{width: 1440px; padding: 0 20px}
}
@media screen and (min-width:1680px) and (max-width:1919px){
	html,body{font-size:15px}
	#contents{font-size:15px}
	.inner{width: 1440px; padding: 0 20px}
}
@media screen and (min-width:1920px){
	html,body{font-size:16px}
	#contents{font-size:16px}
	.inner{width: 1440px; padding: 0 20px}
}
/* 기본(default) */


/* 서브페이지 */
.sect-cont:last-child{margin:0}
span.subTitle{display: block; font-weight: 700; color: var(--color-primary)}
.subTitle-ico{display:flex; justify-content:center; align-items:center}
.subTitle-ico svg{display:block}
.subTitle-ico svg.svgShield2{fill:var(--color-secondary)}
h2.subTitle{line-height: 130%}
h2.subTitle span{color:var(--color-primary)}
h3.subTitle{line-height: 160%}
h3.subTitle span{display: inline; border-bottom: 2px solid}
h4.subTitle{word-break:keep-all;line-height: 140%;}
h4.subTitle span{color:var(--color-primary)}
.subTitle-sup{position:relative}
p.subTitle{color: var(--color-text-light); line-height: 170%}
.subTitle-center{text-align:center}
@media screen and (max-width:1280px){
	section.sect{margin: 6.67rem 0}
	.sect-cont{margin:0 0 3.335rem 0}
	.sect-bg{padding:3.335rem 20px}
	.sect-desc{margin:1.0005rem 0 0 0}
	span.subTitle{font-size: 1.07rem; margin-bottom: 1.33rem}
	h2.subTitle{font-size: 2rem; white-space: pre-line; margin-bottom: 1.33rem}
	h3.subTitle{white-space: pre-line; font-size: 1.13rem; margin-bottom: 1.33rem}
	h4.subTitle{font-size: 1.6rem; margin-bottom: 0.62rem}
	h4.subTitle-margin-bottom{margin-bottom:0.94rem}
	.subTitle-sup{top:-0.1rem; font-size:1rem}
	.subTitle-ico{margin:0 auto 0.53rem auto}
	.subTitle-ico svg{width:2.3055rem; height:2.3055rem}
	p.subTitle{font-size: 1.07rem; white-space: pre-line; margin-bottom:5px}
}
@media screen and (min-width:768px) and (max-width:1280px){
	h4.subTitle{white-space: pre-line}
}
@media screen and (min-width:1281px){
	section.sect{margin: 12.5rem 0}
	.sect-cont{margin:0 0 6.25rem 0}
	.sect-bg{padding:6.25rem 0}
	.sect-desc{margin:1.875rem 0 0 0}
	span.subTitle{font-size: 1.13rem; margin-bottom: 1.87rem}
	h2.subTitle{font-size: 3.87rem; white-space: pre-line; margin-bottom: 3.12rem}
	h3.subTitle{white-space: pre-line; font-size: 1.37rem; margin-bottom: 3.12rem}
	h4.subTitle{white-space: pre-line; font-size: 2.5rem; margin-bottom: 1.25rem}
	h4.subTitle-margin-bottom{margin-bottom:0.94rem}
	.subTitle-sup{top:-0.1rem; font-size:1rem}
	.subTitle-ico{margin:0 auto 1.25rem auto}
	.subTitle-ico svg{width:5.4375rem; height:5.4375rem}
	p.subTitle{font-size: 1.13rem; white-space: pre-line; margin-bottom:10px}
}


/* 게시판 */
#contents div.header form.search input.txt {
    background-color: var(--color-background-secondary) !important;
    border-color: var(--color-background-secondary) !important;
}
body.community span.mainTitle-category {
    display: none;
}
body.community h3.mainTitle {
    display: none;
}
body.request span.mainTitle-category {
    display: none;
}
body.request h3.mainTitle {
    display: none;
}
form.request {
    border: 0 !important;
}
body.community #contents ul.list{
   border-top: 2px solid var(--color-text) !important
}
input.request-write-input {
    background-color: var(--color-background-secondary);
}
textarea.request-write-textarea {
    background-color: var(--color-background-secondary);
}

body.request li.blank {
    text-align: center;
    margin: 50px 0;
}
input.request-submit-btn{font-size: 1rem !important; background-color: #fff !important; color: var(--color-text) !important; border: 1px solid !important; width: 100% !important; border-radius: 500px}
ul#request{border-top: 2px solid var(--color-text) !important}
#contents div.paging ol{gap: 30px;}
#contents div.paging ol li{width: auto !important; height: auto !important; padding: 15px 0; margin:0 !important}
#contents div.paging ol li.on{background-color: transparent !important}
#contents div.paging ol li.on a {
    color: var(--color-text) !important;
    border-bottom: 2px solid var(--color-background-primary);
    width: fit-content;
}
#contents div.paging ol li a{text-align:center; color:var(--color-text-lighter) !important;
    border-radius: 0 !important;
    border-bottom: 2px solid transparent;}
@media screen and (min-width: 1281px) {
    label.request-write-lbl{font-size: 1.13rem !important }
	input.request-write-input{font-size: 1rem !important }
	div.request-submit{margin: 0 !important}
	
}
@media screen and (min-width:1920px){
	section.cont.sect.request .inner{width: 768px}
}

/* 로그인 / 회원가입 */

#loginLayer ul li.input.on div.mask{border-color: var(--color-primary) !important;}
#loginLayer ul li.input.on label.lbl{color: var(--color-primary) !important;}
#loginLayer ul li.submit button.submit{background-color: transparent !important; color: var(--color-text) !important;  border: 1px solid;}
#loginLayer ul li.bottom input[type="checkbox"]:checked + label.saveId:before{border-color: var(--color-background-primary) !important; background-color: var(--color-background-primary) !important}
#register input.submit{background-color: transparent !important; color: var(--color-text) !important;  border: 1px solid var(--color-text) !important;}
#register_layer ul.form > li input.radio[type="radio"]:checked + label.memberType:before{border-color: var(--color-background-primary) !important; background-color: var(--color-background-primary) !important}
#register_layer ul.form > li label.req span.req {color: var(--color-background-primary) !important}
#register_layer ul.form > li ul.postcode li.btnw input{background-color: transparent !important; color: var(--color-text) !important;  border: 1px solid var(--color-text) !important;}
#register input.cancel{background-color: var(--color-background-secondary) !important; border-color: var(--color-background-secondary) !important}
#register input.cancel:hover{background-color: var(--color-background-secondary) !important; border-color: var(--color-background-secondary) !important}
#register_layer ul.form > li input.radio[type="checkbox"]:checked + label.memberType:before{border-color: var(--color-background-primary) !important; background-color: var(--color-background-primary) !important}

img.findUser-header-logo{max-width: 190px}
input.findUser-submit{background-color: transparent !important; color: var(--color-text) !important;  border: 1px solid var(--color-text) !important;}
form.findUser-form{height: 100%;}
#findUser .findUser-contents .findUser-formBox ul li.input input{height: 3.12rem !important}
input.findUser-submit{height: 3.12rem !important; font-size: 1.13rem !important}
label.findUser-lbl{font-size: 1.13rem !important}
h2.findUser-title{font-size: 1.5rem !important}
@media screen and (min-width: 657px) {
    #findUser{width:100% !important; max-width: 1280px; padding: 0 3vw;         box-sizing: border-box;}
	#findUser .findUser-contents .findId{display: flex; flex-direction: column; padding:0 !important}
	#findUser .findUser-contents .findPass{display: flex; flex-direction: column; padding:0 !important}
	div.findUser-contents{width:100% !important; gap: 30px;}
	div.findUser-formBox{width:calc((100% - 30px) / 2) !important}
}
@media screen and (max-width:1280px){
	div.findUser-header{padding: 2rem 0 3.33rem !important}
	img.findUser-header-logo{max-width: 8rem !important}
}
@media screen and (min-width:1281px){
	div.findUser-header{padding: 1.87rem 0 6.25rem !important}
	img.findUser-header-logo{max-width: 12rem !important}
}