@charset "utf-8";
p, span{word-break: break-all !important}
p:has(a), span:has(a), b {white-space: nowrap}
b span {white-space: normal}

@media screen and (max-width: 1280px) {
    #contents div.header {padding: 0 10px 10px}
	b{font-size: 16px}
}

@media screen and (min-width:1281px){
}

#contents article a {white-space: nowrap; overflow: hidden}
#contents{position:relative; z-index:6; font-family:'Noto Sans KR'}
#contents.communityView{overflow:visible !important; display: flex; justify-content: center}
#contents div.title{position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ddd}
#contents div.title h1{color:#000; font-weight:600}
#contents div.title div.row{position:relative; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center}
#contents div.title div.writer{position:relative; display:flex; flex-wrap:nowrap}
#contents div.title div.writer div.img{position:relative; overflow:hidden; background-color:#f5f5f5}
#contents div.title div.writer img.profile{display:block; width:100%; height:100%; object-fit:cover}
#contents div.title div.writer p{position:relative}
#contents div.title div.writer p.name{font-weight:500; color:#000}
#contents div.title div.writer p.name a:hover,#contents div.title div.writer p.name a:focus {text-decoration: underline;}
#contents div.title div.writer p.time{color:#666}
@media screen and (max-width:1280px){
	#contents div.title{padding:20px 10px}
	#contents div.title h1{margin:0 0 10px 0; font-size:18px}
	#contents div.title div.writer div.img{width:36px; height:36px}
	#contents div.title div.writer div.text{padding:0 0 0 8px}
	#contents div.title .writer p.name{line-height:19px; font-size:13px}
	#contents div.title .writer p.time{line-height:17px; font-size:12px}
}
@media screen and (min-width:1281px){
	#contents div.title{padding:20px}
	#contents div.title h1{margin:0 0 20px 0; font-size:18px; font-weight: normal}
	#contents div.title div.writer div.img{width:39px; height:39px}
	#contents div.title div.writer div.text{padding:0 0 0 10px}
	#contents div.title div.writer p.name{line-height:20px; font-size:14px}
	#contents div.title div.writer p.time{line-height:19px; font-size:13px}
	/*div.size {width: 75rem !important}*/
	div.inner {width: 1000px !important}
}

#contents ul.stats{position:relative; display:flex; flex-wrap:nowrap; justify-content:flex-end}
#contents ul.stats > li{display:flex; flex-wrap:nowrap; align-items:center}
#contents ul.stats > li.share{cursor:pointer}
#contents ul.stats > li.like{cursor:pointer}
#contents ul.stats > li.print{cursor:pointer}
#contents ul.stats > li:first-child{margin:0}
#contents ul.stats div.ico{border-radius:50%; box-sizing:border-box; background-color:#f1f1f1}
#contents ul.stats svg{display:block; width:100%; height:100%; fill:#000}
#contents ul.stats span.cnt{color:#555; font-weight:700}
@media screen and (max-width:1280px){
	#contents ul.stats > li{margin:0 0 0 8px}
	#contents ul.stats div.ico{width:28px; height:28px; padding:7px}
	#contents ul.stats span.cnt{margin:0 0 0 3px; font-size:11px}
}
@media screen and (min-width:1281px){
	#contents ul.stats > li{margin:0 0 0 20px}
	#contents ul.stats div.ico{width:32px; height:32px; padding:8px}
	#contents ul.stats span.cnt{margin:0 0 0 4px; font-size:12px}
}

/*수정, 삭제 토글 버튼*/
div.toggleBtn{display:flex; flex-grow:1; justify-content:flex-end}
div.btn{position:relative; z-index:2; border-radius:50%; box-sizing:border-box; cursor:pointer}
div.btn div.ico{width:100%; height:100%}
div.btn svg{display:block; width:100%; height:100%; fill:#000}
div.btn ul.toggle{display:none; position:absolute; z-index:1; top:100%; right:0; margin:8px 0 0 0; border:1px solid #777; border-radius:2px; background-color:#fff}
div.btn.on ul.toggle{display:block}
div.btn ul.toggle li{width:92px; border-bottom:1px solid #ddd; text-align:center}
div.btn ul.toggle li:hover{background:#f8f8f8}
div.btn ul.toggle li:last-child{border-bottom:0}
div.btn ul.toggle li a {display:block}
@media screen and (max-width:1280px){
	/*div.btn{width:36px; height:36px; padding:5px}*/
	div.btn ul.toggle{font-size:12px}
	div.btn ul.toggle li a{padding:9px}
}
@media screen and (min-width:1281px){
	/*div.btn{width:42px; height:42px; padding:6px}*/
	div.btn ul.toggle{font-size:13px}
	div.btn ul.toggle li a{padding:12px}
}

#contents div.article{overflow:hidden}
#contents div.article article{color:#000}
#contents div.article article img{display:inline-block; max-width:100%}

@media screen and (max-width:1280px){
	#contents div.article article img{height:initial !important}
}

div.community-view-reviewChk { border-radius: 15px; background-color: var(--color-background-secondary); padding: 1.5rem 2rem; width: 30%; text-align: center; position: relative; display: flex; flex-direction: column; margin: 2rem auto 3rem}
span.reivewChk-ico {fill: var(--color-button-background); width: 32px; height: 32px; position: absolute; top: -15px; right: -10px}
div.community-view-reviewChk > p:first-of-type {font-size: 1.2rem; margin: 0}
div.community-view-reviewChk p { color: var(--color-secondary); font-weight: 700; font-size: 1.12rem; margin: 0 0 0.9375rem}
a.reviewChk-btn { cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--color-text-deepest) !important; border: 2px solid var(--color-border-1); border-radius: 10px; background-color: var(--color-background-primary); width: 100%; height: 45px; font-weight: 700; font-size: 1.125rem}
a.reviewChk-btn > span { color: var(--color-secondary)}
div.community-view-mark{display: flex; justify-content: center; margin-top: 50px}
p.naverRevAlert{margin-bottom: 30px; padding: 20px 0 20px; font-weight: 600}
div.review-thumb {margin: 20px 0 70px}
@media screen and (max-width:767px){
	div.community-view-reviewChk {width: 70% !important}
	a.reviewChk-btn {height: 40px} 
}

@media screen and (max-width:1280px){
	#contents div.article{padding:20px 10px 50px}
	#contents div.article article{font-size:13px !important}
	div.community-view-reviewChk {width: 50%; padding: 1.5rem 2.125rem}
	span.reivewChk-ico {width: 25px; top: -10px}
	div.community-view-reviewChk > p:first-of-type {font-size:0.95rem}
	div.community-view-reviewChk p {font-size:1rem}
	a.reviewChk-btn {font-size:1rem; height: 40px;}
	
	div.review-thumb img {width: 80%}
	div.community-view-mark img {width: 80px}
	
}
@media screen and (min-width:1281px){
	#contents div.article{padding:30px 20px 70px}
	#contents div.article article{font-size:16px}

	div.review-thumb img {max-width: 550px !important}
	div.community-view-mark img {width: 100px}
}

div.recBox{position:relative}
div.recBox ul.recBox{position:relative; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center}
div.recBox button.recBtn{position:relative; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; border:1px solid #e3e3e3; border-radius:50px; transition:all .3s}
div.recBox button.likeit:hover{border-color:#376be0}
div.recBox button.likeit:focus{border-color:#376be0}
div.recBox button.likeit.on{background-color:#376be0; border-color:#376be0}
div.recBox button.dislike:hover{border-color:#e60202}
div.recBox button.dislike:focus{border-color:#e60202}
div.recBox button.dislike.on{background-color:#e60202; border-color:#e60202}
div.recBox div.ico svg{display:block; width:100%; height:100%; fill:#666}
div.recBox button.dislike svg{transform:rotate(180deg)}
div.recBox button.recBtn.on svg{fill:#fff}
div.recBox span.cnt{margin:0 0 0 4px; font-weight:500; font-family:'Noto Sans KR'}
div.recBox button.likeit span.cnt{color:#376be0}
div.recBox button.dislike span.cnt{color:#e60202}
div.recBox button.recBtn.on span.cnt{color:#fff}
@media screen and (max-width:1280px){
	div.recBox ul.recBox > li.likeit{margin:0 0.6em 0 0}
	div.recBox button.recBtn{width:7.2em; height:3em}
	div.recBox div.ico{width:1.2em; height:1.2em}
	div.recBox span.cnt{font-size:1em}
}
@media screen and (min-width:1281px){
	div.recBox ul.recBox > li.likeit{margin:0 12px 0 0}
	div.recBox button.recBtn{width:100px; height:42px}
	div.recBox div.ico{width:18px; height:18px}
	div.recBox span.cnt{font-size:15px}
}

#contents div.down{display:flex; flex-wrap:nowrap; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
#contents div.down > div.lbl{display:flex; justify-content:center; align-items:center; background-color:#f5f5f5; font-weight:500}
#contents div.down > ul.down{padding:0.8em; box-sizing:border-box}
#contents div.down ul.down li{position:relative; display:flex; flex-wrap:nowrap; align-items:center; margin:0 0 0.2em 0}
#contents div.down ul.down li:last-child{margin:0}
#contents div.down ul.down li div.ext{padding:0 0.4em 0 0}
#contents div.down ul.down li div.name{max-width:58%; padding:0 0.4em 0 0; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#contents div.down ul.down li div.name a{color:#444}
#contents div.down ul.down li div.name a:hover{text-decoration:underline}
#contents div.down ul.down li div.size{padding:0 0.4em 0 0; color:#777}
#contents div.down ul.down li div.hit{color:#ff0000}
@media screen and (max-width:1280px){
	#contents div.down{font-size:12px}
	#contents div.recBox + div.down{margin:10px 0 0 0}
	#contents div.down > div.lbl{width:16%}
	#contents div.down > ul.down{width:84%}
}
@media screen and (min-width:1281px){
	#contents div.down{font-size:16px}
	#contents div.recBox + div.down{margin:30px 0 0 0}
	#contents div.down > div.lbl{width:10%}
	#contents div.down > ul.down{width:90%}
}

/* 댓글(comment) */
#contents div.cmtHeader{display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; padding: 2rem 0.5rem 0;  border-top: 2px solid #ffb41d; color: black; font-weight: 600}
span.commentCnt > strong {color: #ffb41d}
#contents div.left{display:flex; flex-wrap:nowrap; align-items:center}
#contents div.right{display:flex; flex-wrap:nowrap; align-items:center}
#contents div.right i.fa{cursor:pointer}
@media screen and (max-width:428px){
	#contents div.cmtHeader{font-size: 14.5px !important}
}
@media screen and (max-width:1280px){
	#contents div.commentW{padding: 10px}
	#contents div.cmtHeader{font-size: 1.1rem}
}
@media screen and (min-width:1281px){
	#contents div.commentW{margin:2em 0 0 0}
}

#contents div.write div.textarea{position:relative; padding:1em 1em 1em 6em}
#contents div.write div.profile{position:absolute; top:1em; left:1em; width:4em; height:4em; border: 1px solid #f5f5f5; border-radius: 50px; background: #f5f5f5}
#contents div.write img.profile{display:block; width:100%; height:100%; border-radius:50%; object-fit:cover}
#contents div.write textarea.comment{display:block; width:100%; min-height:6.2em; height:7.94rem; padding:1em; border:1px solid #ddd; border-radius: 10px; box-sizing:border-box; resize:vertical; background-color:#f5f5f5; line-height:1.4em; font-family:'Noto Sans KR'; font-size:0.9em; transition:all .3s}
#contents div.write textarea.comment.disabled{resize:none; background-color:#ddd}
#contents div.write textarea.comment.disabled:hover{border-color:#ddd}
#contents div.write textarea.comment.disabled:focus{border-color:#ddd}
#contents div.write div.btm{display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items:center; padding:0.8em 1em; background-color:#fff}
#contents div.write div.txtCnt{font-size:0.8em; color:#999; position: absolute}
#contents div.write div.txtCnt span.txtCnt{color:#000}
#contents div.write div.btn{display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items:center}
#contents div.write button.submit{display:block; border-radius: 50px; background-color:#ffb41d; font-family:'Noto Sans KR'; color:#fff; font-weight:500}
#contents div.write button.submit:hover{background-color:#e4a320}
#contents div.write button.submit:focus{background-color:#e4a320}
#contents div.write button.cancel{display:block; border: 1px solid #e3e3e3; border-radius: 50px; margin:0 1em 0 0; background-color:#fff; font-family:'Noto Sans KR'; color:#747474; font-weight:500}
#contents div.write button.cancel:hover{background-color:#f5f5f5}
#contents div.write button.cancel:focus{background-color:#f5f5f5}

@media screen and (min-width: 321px) and (max-width: 428px) {
	button.submit, button.cancel, textarea.comment::placeholder, div.txtCnt{font-size: 13px !important}
}
@media screen and (min-width: 429px) and (max-width: 767px) {
     button.submit, button.cancel, textarea.comment::placeholder{font-size: 14px}
}
@media screen and (max-width:428px){
	button.submit, button.cancel {padding:0.6em 2em !important}
}
@media screen and (max-width:1280px){
	#contents div.write div.textarea{padding:1em 0 1em 6em}
	div.txtCnt{right: 1rem; bottom: 2rem}
	#contents div.commentW div.write{margin:1em 0 0 0}
	#contents div.commentW li.reply div.write{margin:0}
	#contents div.write div.btm{padding:0.8em 0}
	button.submit, button.cancel {padding:0.6em 3em}
}
@media screen and (min-width:1281px){
	#contents div.write div.textarea{padding:1em 1em 1em 6em}
	div.txtCnt{right: 2rem; bottom: 2rem}
	#contents div.commentW div.write{margin:16px 0 0 0}
	#contents div.commentW li.reply div.write{margin:0}
	#contents div.write div.btm{padding:0.8em 1em}
	button.submit, button.cancel {padding:0.6em 3em}
}

#contents div.commentW div.replyW{background-color:#eee}
#contents div.commentW div.reply{border:1px solid #bbb}
#contents div.commentW div.replyList{display:none; background-color:#eee}
#contents div.commentW div.replyList.on{display:block}
#contents div.reply div.textarea{position:relative; padding:1em 1em 1em 6em; background-color:#f5f5f5}
#contents div.reply div.profile{position:absolute; top:1em; left:1em; width:4em; height:4em}
#contents div.reply img.profile{display:block; width:100%; height:100%; border-radius:50%; object-fit:cover}
#contents div.reply textarea.comment{display:block; width:100%; min-height:6.2em; height:7.6em; padding:1em; border:1px solid #ddd; box-sizing:border-box; resize:vertical; background-color:#fff; line-height:1.4em; font-family:'Noto Sans KR'; font-size:0.9em; transition:all .3s}
#contents div.reply textarea.comment:hover{border-color:#000}
#contents div.reply textarea.comment:focus{border-color:#000}
#contents div.reply textarea.comment.disabled{resize:none; background-color:#ddd}
#contents div.reply textarea.comment.disabled:hover{border-color:#ddd}
#contents div.reply textarea.comment.disabled:focus{border-color:#ddd}
#contents div.reply div.btm{display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; padding:0.8em 1em; border-top:1px solid #ddd; background-color:#fff}
#contents div.reply div.txtCnt{font-size:0.8em; color:#999}
#contents div.reply div.txtCnt span.txtCnt{color:#000}
#contents div.reply div.btn{display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items:center}
#contents div.reply button.submit{display:block; padding:0.6em 3em; border-radius:0.2em; background-color:#4E69A2; font-family:'Noto Sans KR'; color:#fff; font-weight:500}
#contents div.reply button.submit:hover{background-color:#264483}
#contents div.reply button.submit:focus{background-color:#264483}
#contents div.reply button.cancel{display:block; padding:0.6em 3em; border-radius:0.2em; margin:0 1em 0 0; background-color:#666; font-family:'Noto Sans KR'; color:#fff; font-weight:500}
#contents div.reply button.cancel:hover{background-color:#252525}
#contents div.reply button.cancel:focus{background-color:#252525}
@media screen and (max-width:1280px){
	#contents div.commentW div.replyW{padding:1em}
}
@media screen and (min-width:1281px){
	#contents div.commentW div.replyW{padding:16px}
}

#cmtList{position:relative; z-index:1}
#cmtList > li{position:relative}
#cmtList > li.blank{text-align:center}
ul.comment div.ctn{display:flex; flex-wrap:nowrap; align-items:flex-start; border-bottom:1px solid #ddd}
ul.comment > li.modify div.ctn{display:none}
#cmtList div.profileImg img{display:block; width:100%; height:100%; border-radius:50%; object-fit:cover}
#cmtList div.text{position:relative; box-sizing:border-box}
#cmtList div.userNm{display:flex; flex-wrap:nowrap; align-items:center}
#cmtList span.userNm{color:#000; font-weight:500}
#cmtList span.wrTime{color:#999; font-weight:300}
#cmtList div.cmtTextW{color:#444}
#cmtList span.replyNm{color:#065fd4}
#cmtList div.cmtText{display:inline}
#cmtList ul.actBtn{display:flex; flex-wrap:nowrap; align-items:center}
#cmtList ul.actBtn > li{display:flex; flex-wrap:nowrap; align-items:center}
#cmtList ul.actBtn > li:last-child{margin:0}
#cmtList ul.actBtn button.reply{font-family:'Noto Sans KR'; color:#555}
#cmtList ul.actBtn button.reply:hover{text-decoration:underline}
#cmtList ul.actBtn button.reply:focus{text-decoration:underline}
#cmtList ul.actBtn i.fa{color:#8e8e8e}
#cmtList ul.actBtn button.on i.fa{color:#000}
#cmtList ul.actBtn span.cnt{color:#606060}
#cmtList div.toggle{position:absolute; top:0; right:0}
#cmtList button.toggle{display:block; box-sizing:border-box}
#cmtList button.toggle svg{display:block; width:100%; height:100%; fill:#666}
#cmtList ul.toggle{position:absolute; display:none; top:100%; right:0; border-radius:2px; border:1px solid #777; background-color:#fff; white-space:nowrap}
#cmtList div.toggle.on ul.toggle{display:block}
#cmtList ul.toggle > li{border-bottom:1px solid #ddd; cursor:pointer}
#cmtList ul.toggle > li:last-child{border-bottom:0}
#cmtList ul.toggle > li:hover{background-color:#f5f5f5}
#cmtList ul.toggle > li:focus{background-color:#f5f5f5}
@media screen and (max-width:428px){
	#cmtList > li.blank{font-size: 13px}
}
@media screen and (max-width:1280px){
	#cmtList > li.blank{padding:1em 0; line-height:1.4em}
	#cmtList ul.reply{padding:0 1em 0 2em}
	ul.reply > li.reply.modify{padding:1em 0 0 0}
	#cmtList div.ctn{padding:1.5rem 0}
	#cmtList div.profileImg{width:3em; height:3em}
	#cmtList div.text{width:calc(100% - 3em); padding:0 0 0 1em}
	#cmtList span.userNm, div.cmtText{font-size:1.1em}
	#cmtList span.wrTime{margin:0 0 0 0.7em}
	#cmtList div.cmtTextW{margin:0.6em 0; line-height:1.3em; font-size:1em}
	#cmtList span.replyNm{margin:0 0.7em 0 0}
	#cmtList ul.actBtn > li{margin:0 0.7em 0 0}
	#cmtList ul.actBtn span.lbl{font-size:1em}
	#cmtList ul.actBtn button.reply{font-size:1em}
	#cmtList ul.actBtn i.fa{font-size:1.1em}
	#cmtList ul.actBtn span.cnt{margin:0 0 0 0.3em; font-size:0.9em}
	#cmtList button.toggle{width:2.3em; height:2.3em; padding:0.4em}
	#cmtList ul.toggle{font-size:1em}
	#cmtList ul.toggle > li{padding:0.7em 1.4em}
}
@media screen and (min-width:1281px){
	#cmtList > li.blank{padding:16px 0; font-size:14px; line-height:18px}
	#cmtList ul.reply{padding:0 16px 0 32px}
	ul.reply > li.reply.modify{padding:16px 0}
	#cmtList div.ctn{padding:1.5rem 0}
	#cmtList div.profileImg{width:40px; height:40px}
	#cmtList div.text{width:calc(100% - 40px); padding:0 0 0 16px}
	#cmtList span.userNm{font-size:14px}
	#cmtList span.wrTime{margin:0 0 0 10px; font-size:13px}
	#cmtList div.cmtTextW{margin:10px 0; font-size:14px; line-height:18px}
	#cmtList span.replyNm{margin:0 10px 0 0}
	#cmtList ul.actBtn > li{margin:0 10px 0 0}
	#cmtList ul.actBtn span.lbl{font-size:13px}
	#cmtList ul.actBtn button.reply{font-size:13px}
	#cmtList ul.actBtn i.fa{font-size:16px}
	#cmtList ul.actBtn span.cnt{margin:0 0 0 4px; font-size:12px}
	#cmtList button.toggle{width:30px; height:30px; padding:5px}
	#cmtList ul.toggle{font-size:13px}
	#cmtList ul.toggle > li{padding:10px 20px}
}

button.cmtMore{display:none; width:100%; background-color:#f5f5f5; text-align:center; font-family:'Noto Sans KR'}
button.cmtMore.on{display:block}
@media screen and (max-width:1280px){
	button.cmtMore{padding:12px 0}
}
@media screen and (min-width:1281px){
	button.cmtMore{padding:12px 0}
}
/* 댓글(comment) */
#contents div.footer{display:flex; flex-wrap:nowrap; align-items:center; justify-content: space-between}
div.footer-btn {display: flex; gap: 10px}
#contents div.footer a.pnBtn,
button.review-write{display:flex; justify-content:center; align-items:center; background: #f5f5f5; border-radius: 50px; color:#747474; cursor: pointer}
#contents div.footer a.pnBtn:hover, button.review-write:hover{background-color:#ffb41d; color:#fff}
#contents div.footer a.pnBtn:focus, button.review-write:focus{background-color:#ffb41d; color:#fff}

select.order{display:block; font-family:'Noto Sans KR'; width: 100%; height: 100%; color:#747474; border: 1px solid #e3e3e3; border-radius: 50px; webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://www.zip-phone.com/image/main/arrow_down.png) calc(100% - 10px) center no-repeat}

@media screen and (min-width: 321px) and (max-width: 360px) {
    button.review-write, select.order {font-size: 12px}
	select.order{background-size: 0.8rem !important}
}
@media screen and (min-width: 361px) and (max-width: 428px) {
	button.review-write, select.order {font-size: 13px}
	select.order{background-size: 0.8rem !important}
}
@media screen and (min-width: 429px) and (max-width: 767px) {
     button.review-write, select.order {font-size: 14px}
	 select.order{background-size: 0.8rem !important}
}
@media screen and (max-width:1280px){
	#contents div.footer{margin:40px 0 0 0; padding: 10px 10px 5px}
	div.footer-btn {gap: 5px}
	#contents div.footer a.pnBtn, button.review-write, div.footer-comment{width:80px; height:34px}
	button.review-write {width:100px; height:34px}
	select.order{background-size: 0.7rem; padding: 0 0 0 1rem}
}
@media screen and (min-width:1281px){
	#contents div.footer{margin:30px 0 0 0; font-size:15px; font-weight: 500}
	#contents div.footer a.pnBtn, div.footer-comment{width:100px; height:45px}
	button.review-write{width:120px; height: 45px}
	button.review-write, select.order{font-size:15px; font-weight: 500}
	select.order{background-size: 0.8rem; padding: 0 0 0 1.1rem}
}

/*지원금성지 리뷰 작성 모달창*/
div.modal-backdrop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 30}
button.review-write-close {top: 0px !important}
div.reviewWrite-scroll {max-height: 80vh; overflow-y: scroll; padding-right: 20px}

@media screen and (min-width:1281px){
	div.review-write-form {padding: 40px 0 40px 20px !important}
}

div.communityView-left{width: 100%}
/*커뮤니티 배너1,2*/
section.banner{overflow:hidden; position: relative; margin-top: 40px}
div.banner-inner {box-sizing: border-box; overflow: hidden}
img.img{display:block; width:100%; height:100%; object-fit:cover}
@media screen and (max-width:1280px){
	section.banner{margin: 4.25rem 0 0}
	section.banner{padding: 10px}
}
@media screen and (min-width:1281px){
	section.banner{display: flex; justify-content: center; margin: 3.25rem 0 0}
}
/*커뮤니티 배너1,2*/

/*커뮤니티 배너3*/
div.communityView-right{width: 185px; padding-left: 20px; justify-content: flex-end; position: sticky; top: 70px; margin-bottom: 9.68rem; align-self: flex-start; box-sizing: border-box}

section.banner{overflow:hidden; position: relative; margin-top: 40px}
div.banner-inner {box-sizing: border-box; overflow: hidden}
#bannerLink_2 > img{display:block; width:165px; height:100%; object-fit:cover}

@media screen and (max-width:1280px){
	div.communityView-right{display: none}
}
@media screen and (min-width:1281px){
	section.banner-right{display: flex; justify-content: center; margin: 4.5rem 0 0}
}
/*커뮤니티 배너3*/

/*배너 위 제목, 설명, 링크 텍스트 적용*/
.banner a {position: relative; display: block; overflow: hidden}
.banner a .img {width: 100%; display: block}
.banner-text-wrap {position: absolute; top: 50%; left: 120px; transform: translate(-50%, -50%); color: white; text-align: left; z-index: 2; max-width: 90%; padding: 20px}
.banner-title {font-size: 48px; font-weight: bold; margin-bottom: 20px; line-height: 1.3; color: #fff}
.banner-desc {font-size: 18px; line-height: 1.6; margin-bottom: 20px; color: #fff}
.banner-link-text {display: inline-block; font-size: 16px; font-weight: 500; color: white; border-bottom: 1px solid white; cursor: pointer}
/*배너 위 제목, 설명, 링크 텍스트 적용*/