@charset "utf-8";

@import url('https://cscdstylesheets.linktoplace.com/fonts/gyeonggiCheonnyeonBatang.css'); /* 경기천년바탕체{font-family: 'Gyeonggi Cheonnyeon Batang'; font-weight: 400; 기본 두께 font-weight: 700; 두꺼운 두께} */
/* 기본(default) */
body{background-color:#fff; color:var(--color-text); font-family:'pretendard','Noto Sans KR'; overflow-x:hidden; -ms-overflow-style: none}
h2, h3, h4, p{word-break:keep-all}
img{display:block}
.inner{max-width: 100%; box-sizing: border-box; margin: 0 auto; position: relative}
table{border-collapse: collapse}
.footer-lnoAdr{display:none}
#contents{padding: 0; background:transparent}
#contents input::placeholder{color:var(--color-text-light) !important}
@media screen and (max-width:1280px){
	#contents{margin: 5.33rem 0 !important}
	#contents .inner{padding: 0 3vw}
	main .inner{padding: 0 3vw}
}
@media screen and (max-width:320px){
	html,body{font-size:12px}
}
@media screen and (min-width:321px) and (max-width:360px){
	html,body{font-size:12px}
}
@media screen and (min-width:361px) and (max-width:383px){
	html,body{font-size:13px}
}
@media screen and (min-width:384px) and (max-width:428px){
	html,body{font-size:13px}
}
@media screen and (min-width:429px) and (max-width:767px){
	html,body{font-size:14px}
}
@media screen and (min-width:768px) and (max-width:1024px){
	html,body{font-size:14px}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	html,body{font-size:15px}
}
@media screen and (min-width:1281px){
	#contents{margin: 67px 0 184px !important}
}
@media screen and (min-width:1281px) and (max-width:1399px){
	html,body{font-size:14px}
}
@media screen and (min-width:1400px) and (max-width:1599px){
	html,body{font-size:14px}
	.inner{width:1540px; margin:0 auto; padding: 0 20px}
}
@media screen and (min-width:1600px) and (max-width:1679px){
	html,body{font-size:14px}
	.inner{width:1540px; margin:0 auto; padding: 0 20px}
}
@media screen and (min-width:1680px) and (max-width:1919px){
	html,body{font-size:15px}
	.inner{width:1540px; margin:0 auto; padding: 0 20px}
}
@media screen and (min-width:1920px){
	html,body{font-size:16px}
	.inner{width:1200px; margin:0 auto}
}
/* 기본(default) */

/* 서브페이지 */
h1.subtitle{font-family: 'Gyeonggi Cheonnyeon Batang', serif;color: var(--color-text)}
span.cont-category{display: inline-block; width: 100%; box-sizing:border-box;     background-color: var(--color-background-primary); color: var(--color-primary); font-weight: 600; text-align:center; font-family: 'Gyeonggi Cheonnyeon Batang', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif}

@media screen and (max-width:1280px){
	h1.subtitle{font-size: 1.56rem; margin-bottom: 2rem}
	div.cont-category{margin-bottom: 1.33rem}
	span.cont-category{font-size: 1.2rem; padding: 3px 1rem; width: fit-content}
}
@media screen and (min-width:1281px){
	h1.subtitle{font-size: 2.19rem; margin-bottom: 3.12rem}
	div.cont-category{margin-bottom: 2.19rem}
	span.cont-category{font-size: 1.25rem; padding: 5px 1.5rem;max-width: 156px}
}

/*게시판*/
ul.lnb{display: none}
span.mainTitle-category{display: none}
h3.mainTitle{display: none}
#contents ul.list > li.community div.info > span {
    color: var(--color-quaternary) !important;
    word-break: keep-all;
}
#contents ul.faqTab a.on {
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
}

form.request{border-top: 0 !important}
ul.request-write{padding: 0 !important}
p.request-write-lbl-req{color: var(--color-secondary) !important}
input.request-submit-btn{border-radius: 500px !important; font-weight: 600 !important; font-family: '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif !important}
li.blank{text-align: center; padding: 30px 0}
input.request-write-input::placeholder{color:var(--color-quaternary) !important}
textarea.request-write-textarea::placeholder{color:var(--color-quaternary) !important}
li.request-msg.mine span.request-msg-userNm:before{background: var(--color-background-primary) !important;color: var(--color-primary) !important}
span.request-msg-comNm{color: var(--color-text) !important}
span.request-msg-lbl{color: var(--color-tertiary) !important}
button.request-msg-answer{ border-radius: 500px !important; background-color: var(--color-secondary) !important}
input.request-write-input{background-color: var(--color-background-primary); border: 0 !important}
textarea.request-write-textarea{background-color: var(--color-background-primary); border: 0 !important}
div.faqTab{display: none}
span.question-category {display: none}
body.faq #contents h2{display: none}
ul.faqUl{border-top: 2px solid var(--color-primary) !important;}
#contents div.paging ol li{border: 0 !important; padding:0 !important; width:2.5rem !important; height:2.5rem !important; border-radius:50% !important}
#contents div.paging ol li.on{background-color:var(--color-primary) !important}
#contents div.paging ol li a{color: var(--color-text-light) !important; font-weight: 600}
#contents div.paging ol li.on a{color:#fff !important; border-radius:50% !important}
#contents div.paging ol li a:hover{background-color:var(--color-primary) !important}
#contents div.paging ol li i.fa{position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; display:flex !important; justify-content:center !important; align-items:center !important; color:var(--color-secondary) !important; font-size:1.1rem !important}
@media screen and (max-width:1280px){
	#contents div.paging{margin:1.2rem 0 0 0 !important}
	#contents div.paging ol li{margin:0 0.7rem 0 0 !important; font-size:1rem !important}
}
@media screen and (min-width:1281px){
	button.request-msg-answer{margin: 20px 0 0 0 !important}
	#contents div.paging{margin:4rem 0 0 0 !important}
	#contents div.paging ol li{margin:0 0.7rem 0 0 !important; font-size:1rem !important}
}

/*로그인*/
#loginLayer ul li.submit button.submit{background-color: var(--color-button-background) !important}
#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.bottom input[type="checkbox"]:checked + label.saveId:before{border-color: var(--color-button-background) !important;background-color: var(--color-button-background) !important}

#contents div.paging ol li i.fa{color: var(--color-quaternary) !important}