@charset "utf-8";
@layer board{
	/* 
	* board CSS Document
	*/ 

	/* 상세 btn_area */
	.btn_area.custom{position:relative;}
	.btn_area.custom :is(.button){background-color:#fff; border-radius:50rem; border:2rem solid #333; color:#333 !important; font-weight:500;}
	.btn_area.custom :is(.button) span{color:#333; font-weight:500;}
	.btn_area.custom .side{position:absolute; right:0;}
	@media(max-width:768px){
		.btn_area.custom{justify-content:flex-end;}
		.btn_area.custom .side{right:auto; left:0;}
		.btn_area.custom .side .button{min-width:82rem; font-size:14rem;}
	}
	@media(max-width:480px){
		.btn_area.custom{flex-wrap:nowrap; flex-direction:column-reverse; justify-content:center; padding-top:0; margin-top:20rem;}
		.btn_area.custom .side{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-end; position:static; margin-bottom:20rem;}
		.btn_area.custom .side .button{min-width:inherit; min-height:auto; padding:7rem 13rem; border-width:1px; border-color:#d5d5d5; font-size:13rem;}
		.btn_area.custom .side .button,
		.btn_area.custom .side .button span{color:#999;}
		.btn_area.custom .button.lg{min-width:152rem; font-size:16rem;}
	}
	@media(max-width:460px){
		.btn_area.custom .button.lg{width:100%;}
	}

	/* blog style */
	.blogList{border-top:2rem solid #4c4c4c;}
	.blogList li{padding:20rem 5rem; border-bottom:1px solid #eaecf1; transition:all 0.3s ease 0s;}
	.blogList li:after{content:''; display:block; clear:both;}
	.blogList li > a{display:grid; grid-template:'thumb subject' auto 'thumb conts' auto 'thumb date' auto / 180rem auto;}
	.blogList li em{grid-area:subject; display:inline-block; color:#111; font-weight:600; font-size:20rem; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;}
	.blogList li p{grid-area:conts; margin-top:10rem; line-height:1.4; font-size:17rem; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis;}
	.blogList li i{grid-area:date; display:block; margin-top:20rem; font-size:14rem; color:#666;}
	.blogList li .img{grid-area:thumb; display:block; overflow:hidden; width:150rem; height:120rem; text-align:center;}
	.blogList li .img img{object-fit:cover; width:100%; height:100%;}
	.blogList li:hover,
	.blogList li:focus{background:#f0f6f8;}

	@media(max-width:640px){
		.blogList li{padding:20rem 0;}
		.blogList li > a{position:relative; grid-template-columns:150rem auto;}
		.blogList li .img{width:120rem; height:100rem;}
	}
	@media(max-width:480px){
		.blogList li > a{grid-template:'thumb' auto 'subject' auto 'conts' auto 'date' auto / 1fr;}
		.blogList li p{font-size:14rem;}
		.blogList li em{margin-top:10rem;}
		.blogList li .img{width:100%; height:auto; aspect-ratio:16/10;}
	}

	/* bbsList */
	.bbsList th,
	.bbsList td{padding:18rem 10rem;border-bottom:1px solid #eaecf1;text-align:center;}
	.bbsList thead th{padding: 20rem 10rem;border-top:1px dotted #8c92a3;border-bottom:1px solid #d2d7dc;font-weight:400; color:#222; font-size:16rem;}
	.bbsList thead tr:first-child th{border-top:2rem solid #4c4c4c;}
	.bbsList td{color:#666; word-break:break-all;}
	.bbsList tr.active td{background:#f9f9f9; color:#333 !important;}
	.bbsList td[data-table="subject"] a{display:flex; align-items:center; font-size:16rem; color:#222;}
	.bbsList a.new::after {content: "NEW"; color:#e53333; font-weight:700; font-size:11rem; margin-left:4rem; position:relative; top:-3rem;}
	.bbsList td[data-table="subject"]{text-align:left;}
	.bbsList td[data-table="subject"] i{display:inline-block; margin-left:10rem; font-size:13rem; color:#aaa;}
	.bbsList td[data-table="number"] .notice{display:block; position:relative; max-width:50rem; margin:0 auto; padding:5rem 0; border-radius:30rem; background:#343434; color:#fff; font-size: 13rem;}
	.bbsList .none{padding:30rem 0; text-align:center;}
	.bbsList .reply{flex:none; display:inline-block; position:relative; padding:2rem 7rem; margin-right:7rem; background:#fff; border-radius:3rem; border:1px solid #b3b3b3; font-size:13rem; color:#8d8d8d;}
	.bbsList .reply:before,
	.bbsList .reply:after{content:''; display:none; position:absolute; left:-10rem; background:#41464e;}
	.bbsList .reply:before{top:0; width:1px; height:10rem;}
	.bbsList .reply:after{top:10rem; width:10rem; height:1px;}
	.bbsList + .pagination{border-top-width:0;}
	html[lang="en"] .bbsList td[data-table="number"] .notice:before,
	html[lang="ja"] .bbsList td[data-table="number"] .notice:before,
	html[lang="zh"] .bbsList td[data-table="number"] .notice:before,
	html[lang="ru"] .bbsList td[data-table="number"] .notice:before{content:'N';}

	ul.bbsList{border-top:2rem solid #222;}
	ul.bbsList li{position:relative;border-bottom:1px solid #eaecf1;}
	ul.bbsList li > *{display:block;}
	ul.bbsList li .date{position:absolute; left:15rem; top:50%; width:65rem;font-size: 14rem;color:#999;text-align:center;font-weight:500;transform:translateY(-50%); transition:all 0.4s ease-out 0s;}
	ul.bbsList li .date i{display:block; margin-bottom:3rem; font-size:40rem; color:#dadada; line-height:1em; transition:all 0.4s ease-out 0s; font-weight:700;}
	ul.bbsList li .date:before{content:''; display:block; position:absolute; right:-15rem; top:50%; width:1px; height:30rem; margin-top:-15rem; background:#e5e5e5;}
	ul.bbsList li .subject{display:flex; align-items:center; padding:39rem 15rem 39rem 125rem; color:#222; font-size:18rem; letter-spacing:-0.01rem; font-weight:400; transition:all 0.4s ease-out 0s; }
	ul.bbsList li .subject:hover,
	ul.bbsList li .subject:focus{color:#222;}
	ul.bbsList li .subject > span{display:inline-block; position:relative; width:15rem; height:18rem; margin:0 5rem 0 4rem; background:url(../images/board/icon_file.svg) no-repeat 50% 50%; text-indent:-9999rem;}
	ul.bbsList li.no_data p {text-align:center; padding:30rem 0;}
	ul.bbsList li .more{overflow:hidden; position:absolute; right:15rem; top:50%; width:36rem; height:36rem; margin-top:-16rem; background:#fff; /* border:1px solid #ddd; */ transition:all 0.3s ease 0s;}
	ul.bbsList li .more em{display:none; padding-left:10rem; color:#f15b6d; line-height:36rem; font-size:13rem;}
	ul.bbsList li .more:before{content:''; display:none; position:absolute; left:50%; top:50%; width:14rem; height:14rem; margin:-7rem 0 0 -7rem; background:url(../images/board/icon_more.png) no-repeat 0 0;}
	ul.bbsList li .more.active,
	ul.bbsList li .more:hover,
	ul.bbsList li .more:focus{border-color:#f15b6d;}
	ul.bbsList li .notice{display:inline-block; margin-right:10rem; margin-top:-5rem; background: #222; border-radius:0; text-align:center; vertical-align:middle; overflow:hidden; white-space:nowrap; color:#fff; font-size:13rem; padding:4rem 12rem; border-radius:24rem;}
	ul.bbsList li:hover .date,
	ul.bbsList li:hover .date i{color:#222;}
	html[lang="en"] ul.bbsList li .notice:before,
	html[lang="ja"] ul.bbsList li .notice:before,
	html[lang="zh"] ul.bbsList li .notice:before,
	html[lang="ru"] ul.bbsList li .notice:before{content:'N';}

	/* photoList */
	.photoList{padding-bottom:15rem;}
	.photoList:after{content:''; display:block; clear:both;}
	.photoList > li{float:left; width:32%; margin-top:20rem;}
	.photoList > li:nth-child(3n+2){margin:20rem 2% 0;}
	.photoList > li a{display:block; position:relative; transition:all 0.3s ease 0s;}
	.photoList > li a > *{display:block;}
	.photoList > li a > *:not(.img):not(.state){background:#fff;}
	.photoList > li .img{overflow:hidden; position:relative; width:100%; padding-top:66%; background:#f5f5f5 url(../../images/board/no_image.png) no-repeat 50% 50%; text-align:center; transition:opacity 0.5s ease-out 0s;}
	.photoList > li .img img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); transition:all 0.5s ease-out 0s;}
	.photoList > li .img i{display:block; position:absolute; top:0rem; left:50%; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:translateX(-50%); transition:all 0.5s ease-out 0s;}
	.photoList > li a > em{opacity:1; min-height:27rem; line-height:27rem; padding-top:25rem; padding-bottom:7rem; border-width:0 1rem; font-size:21rem; font-weight:600; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.photoList > li a:hover .img,
	.photoList > li a:focus .img{opacity:0.7;}
	.photoList > li .write{position:relative; min-height:25rem; padding-bottom:28rem; border-top-width:0rem; color:#999;}
	.photoList > li .write em{display:block; font-size:16rem; font-weight:400;}
	.photoList > li .write i{display:none; line-height:25rem; padding-left:85rem; text-align:right;}
	.photoList .none_data{float:none; width:100%; box-sizing:border-box; padding-top:40rem; border-top:1px solid #eaecf1; border-bottom-width:0; text-align:center;}

	/* photoList state */
	.photoList .state em{position: absolute; right:0; top:0; z-index:1; width:70rem; height:70rem; display:flex; align-items:center; justify-content:center; color:#fff; line-height:1.3;}
	.photoList .state em[data-state="ing"]{background:#000;}
	.photoList .state em[data-state="before"]{background:#c9c9c9;}
	.photoList .state em[data-state="after"]{background:#c1c1c1;}

	/* bbsView */
	.bbsTitle{padding:42rem 10rem 45rem !important; margin:0rem !important; border-top:0; border-bottom:1px solid #585858; font-size:32rem !important; font-weight:400 !important; color:#222 !important; text-align:center;}
	.bbsTitle:before{display:none !important;}
	.bbsTitle em{display:inline-block; margin-right:5rem; color:#148f77;}
	.bbsTitle .reply{display:inline-block; position:relative; padding:5rem 12rem; margin:0 5rem 3rem 10rem; background:#fff; border:1px solid #111; border-radius:3rem; font-size:15rem; color:#111; vertical-align:middle;}
	.bbsView{border-collapse:inherit; table-layout:fixed;}
	.bbsTitle ~ .bbsView{border-top:1px solid #000; margin-top:40rem;}
	.bbsView > tbody > tr > th,
	.bbsView > tbody > tr > td,
	.bbsView > thead > tr > th{padding:20rem 0; border-bottom:1px solid #eaecf1;}
	.bbsView > tbody > tr > th{text-align:left; font-weight:600;}
	.bbsView > tbody > tr > td{color:#777; word-break:break-all;}

	.bbsView .conts table,
	.bbsView .conts td,
	.bbsView .conts th{border:1px solid black}

	.bbsView th[data-view="file"]{border-top:1px solid #eaecf1;}
	.bbsView th[data-view="file"] + td{padding-left:25rem; border-top:1px solid #eaecf1;}
	.bbsView th[data-view="file"],
	.bbsView th[data-view="date"],
	.bbsView th[data-view="count"]{padding-left:0;}
	.bbsView td.conts{padding:40rem 20rem; border:0;}

	.bbsView div.conts{min-height:350rem;}
	.bbsView .conts .img{padding-bottom:30rem; text-align:center;}
	.bbsView .conts .img img,
	.bbsView .conts img{max-width:100%; height:auto !important;}
	.bbsView textarea{resize:none; height:150rem;}

	.bbsView td.date > span{margin-right:10rem;}
	.bbsView td.category div{margin-top:3rem;}
	.bbsView td.file > span{display:block; margin:2rem 0;}
	.bbsView td.days input{width:110rem; background:#e0e9f7; border-color:#9fb3d4;}
	.bbsView td.days span{display:inline-block; margin-right:5rem;}
	.bbsView td.days span:after{content:','; display:inline-block;}
	.bbsView td.days span:last-child:after{display:none;}

	.bbsView div.conts table{margin-left:auto !important; margin-right:auto !important;}
	.bbsView .button{height:40rem; line-height:39rem; font-size:12rem;}
	.bbsView .tip{ display:block; margin-top:10rem; font-size:14rem; word-break:keep-all; color:#999;}
	.bbsView .spam > span{display:inline-block; height:33rem; line-height:33rem; box-sizing:border-box; padding:0 10rem; margin-right:10rem; background:#222; color:#fff; letter-spacing:3rem; font-size:12rem;}
	.bbsView .spam > *{vertical-align:middle;}

	[class^="bbs"] ~ .btn_area{padding-top:50rem;}

	.bbsView.dl{border-top:1px solid #505c78;}
	.bbsTitle ~ .bbsView.dl{border-top-width:0;}

	/* 관리자 및 board common 수정 */
	.designFile + .tip{display:block; margin-top:7rem;}
	.designFile ~ .button.white{vertical-align:middle;}
	.designRadio + .designCheck{margin-left:10rem;}

	.caption-check{display:flex;align-items:center; width:100%; margin-top:28rem; text-align:center; flex-direction:column; margin-bottom:10rem;}
	.caption-check .designCheck{margin-top:9rem; margin-top:13rem; padding:8rem 11rem; background:#f7f7f7; font-size:14rem;}
	.caption-check p{display:flex; align-items:center; position:relative; font-weight:500; font-size:16rem;}
	.caption-check p::before{content:"!"; display:block; display:flex; justify-content:center; align-items:center; width:17rem; height:17rem; margin-right:4rem; border:2rem solid; font-weight:900; font-size:13rem; border-radius:100%;}
	.caption-check .designCheck input + label{margin-right:1px;}

	input[type="text"] + .input-txt{margin-left: 2rem;}
	.input-txt + input[type="text"]{margin-left: 8rem;}

	/* th,td tr에 여러개 들어갈 경우 */
	.bbsView.col tr td:not(:last-child){border-right-width:0 !important;}

	/* 댓글 */
	.comment_area{padding:30rem 0 0;}
	.comment_area h4{margin-bottom:15rem; font-size:16rem !important; color:#333; font-weight:400;}
	.comment_area h4 > span{margin-left:5rem;}
	.comment_area .write{border:1px solid #dedede;}
	.comment_area .write .input{padding:7rem 20rem; border-bottom:1px solid #e1e1e1;}
	.comment_area .write .send{position:relative; border-top:1px solid #e1e1e1; text-align:right;}
	.comment_area .write textarea{width:100%; height:130rem; border:0; padding:20rem;}
	.comment_area .write label{margin-right:10rem; font-size:13rem;}
	.comment_area .write input[type="text"]{width:180rem;}
	.comment_area .write input[type="password"]{width:220rem;}
	.comment_area .write .input:after{content:''; display:block; clear:both;}
	.comment_area .write .input > span{float:right;}
	.comment_area .write .input > span:first-child{float:left;}
	.comment_area .write .btn_submit,
	.comment_area .write input[type="submit"]{display:inline-block; width:75rem; height:50rem; line-height:47rem; margin:0 -1rem -1rem 0; box-sizing:border-box; background:#222; border:0; color:#fff; text-align:center;}
	.comment_area .list{padding-top:30rem;}
	.comment_area .list ul > li{position:relative; min-height:90rem; padding:15rem 0; border-bottom:1px solid #e1e1e1;}
	.comment_area .list ul > li:first-child{border-top:1px solid #e1e1e1;}
	.comment_area .list ul > li > p{margin-top:15rem; line-height:1.4em; word-break:keep-all;}
	.comment_area .list .name{font-weight:600;}
	.comment_area .list .btn{position:absolute; right:0rem; top:10rem;}
	.comment_area .list .btn .date{font-size:13rem;}
	.comment_area .list .btn > *{vertical-align:middle;}
	.comment_area .list .btn a[class^="btn_"]{display:inline-block; width:24rem; height:24rem; margin-left:5rem; border:1px solid #c3c3c3; text-indent:100%; overflow:hidden; white-space:nowrap;}
	.comment_area .list .btn_reply{background:url(../../images/board/btn_comment.png) no-repeat 50% 50%;}
	.comment_area .list .btn_del{background:url(../../images/board/btn_comment_del.png) no-repeat 50% 50%;}
	.comment_area .list .reply_area{margin-top:20rem; background:#f7f7f7;}
	.comment_area .list .reply_area.write .btn_submit,
	.comment_area .list .reply_area.write input[type="submit"]{}
	.comment_area .list .reply_area.write textarea{height:80rem;}
	.comment_area .comment_password{position:absolute; top:0rem; left:0rem; z-index:5; width:100%; height:100%; background:rgba(255,255,255,0.9); text-align:center;}
	.comment_area .comment_password p{padding:20rem 0 10rem; font-weight:400;}
	.comment_area .comment_password input[type="password"]{height:40rem;}
	.comment_area .comment_password .button{height:33rem; line-height:31rem;}

	/* search + button */
	.search_bbs{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20rem;}
	.search_bbs .search{display:flex; flex-wrap:wrap; align-items:stretch; gap:5rem;}
	.search_bbs .search input[type="text"]{flex:none; width:200rem; height:45rem;}
	.search_bbs .search select{flex:auto; height:45rem;}
	.search_bbs .search .button{min-width:auto;} 
	.search_bbs .btn{display:flex; flex-wrap:wrap; align-items:stretch; gap:5rem;}

	.search_bbs .btn.reserve input[data-form-type="datepicker"]{width:125rem; padding-right:25rem; height:45rem; line-height:43rem;}
	.search_bbs .btn.reserve input[data-form-type="datepicker"] + .ui-datepicker-trigger{margin-left:-25rem;}
	.search_bbs .btn.reserve span{margin-left:5rem;}
	.search_bbs .btn.reserve .ui-datepicker-trigger + .button{margin-left:5rem;}

	/* nodata */
	.none_data{padding:20rem 10rem; border-bottom:1px solid #eaecf1; text-align:center; font-weight:300;}
	.none_data.type02{margin-top:30rem; padding:40rem 10rem; border-top:1px dashed #eaecf1; border-bottom:1px dashed #eaecf1; font-size:14rem; text-align:center;}

	/* agree */
	.box_privacy{margin-bottom:70rem;}

	/* pagination */
	.pagination{margin-top:30rem; padding-top:30rem; text-align:center;}
	.pagination > *{display:inline-flex; justify-content:center; align-items:center; min-width:38rem; min-height:38rem; box-sizing:border-box; margin:2rem 3rem; background:#fff; border:1px solid #ddd; border-radius:100%; vertical-align:top; text-align:center; color:#777; font-size:14rem; font-weight:600; transition:border-color 0.3s ease 0s;}
	.pagination a[class^="btn_"]{width:38rem; border-color:transparent; background-image:url(../../images/board/btn_pagination.png); background-repeat:no-repeat; background-size:152rem 76rem; text-indent:100%; overflow:hidden; white-space:nowrap; font-size:0rem;}
	.pagination a[class^="btn_"]:hover,
	.pagination a[class^="btn_"]:focus{background-position-y:-38rem;}
	.pagination a.btn_prev{background-position-x:-38rem;}
	.pagination a.btn_next{background-position-x:-76rem;}
	.pagination a.btn_last{background-position-x:-114rem;}
	.pagination span{border-color:#222; color:#222;}
	.pagination a:not([class^="btn_"]):hover,
	.pagination a:not([class^="btn_"]):focus{border-color:#cecece; background:#f5f5f5;}
		/* 댓글안 페이징 */
	[data-bbs-view="comment"] .pagination a[class^="btn_"]{background-color:transparent;}
		/* 페이징과 버튼좌우 -권한있는경우만 사용 */
	.box-pagin-flex{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:60rem;}
	.box-pagin-flex .pagination{flex:auto; margin:0 !important; padding-top:0;}
	.box-pagin-flex.col .pagination{flex:none;}

	/* file */
	.list_file li{margin-top:4rem;}
	.list_file li:first-child{margin-top:0rem;}
	.list_file li > a{display:inline-block; position:relative; padding-left:25rem;}
	.list_file li > a:before{content:''; display:block; position:absolute; left:0; top:50%; width:15rem; height:18rem; background:url('../../images/board/icon_file.svg') no-repeat 0 0; background-size:auto 100%; transform:translateY(-50%);}
	.list_file li > a:after{content:''; opacity:0; position:absolute; display:block; width:calc(100% - 25rem); height:1px; background-color:#444; transition:opacity 0.3s;}
	.list_file li > a:hover:after,
	.list_file li > a:focus:after{opacity:1;}

	/* faq */
	.faqList{margin-top:20rem; border-top:1px solid #7e7e7e;}
	.faqList dd{ margin-left: 0; display:none; background:#f8f8f8;}
	.faqList dt,
	.faqList dd{position:relative; border-bottom:1px solid #eaecf1;}
	.faqList dt:before,
	.faqList dd:before{display:flex; justify-content:center; align-items:center; position:absolute; left:20rem; top:25rem; width:30rem; height:30rem; background:#c5c5c5; border-radius:100%; text-align:center; color:#fff; font-size:14rem; font-weight:600;}
	.faqList dt:before{content:'Q';}
	.faqList dd:before{content:'A'; background-color:#444;}
	.faqList dt{padding:0 20rem 0 66rem; font-size:16rem;}
	.faqList dt.on:before{background:#333;}
	.faqList dd:before{display:none;}
	.faqList dd > div{line-height:1.6; padding:30rem 64rem; font-size:16rem; color:#666;}
	.faqList .box_comm{background:#fff;}
	.faqList dt a{display:block; padding:30rem 0; padding-right:45rem; font-size:18rem; color:#333; text-transform:uppercase;}
	.faqList dt a.on{font-weight:400;}
	.faqList dt a:after{content:''; opacity:0.5; display:block; position:absolute; right:32rem; top:50%; width:12rem; height:7rem; margin-top:-3rem; background:url(../../images/board/img_faq.png) no-repeat 0 0; transition:all 0.3s ease 0s;}
	.faqList dt a:before{content:''; display:block; position:absolute; right:20rem; top:50%; width:36rem; height:36rem; margin-top:-18rem;}
	.faqList dt a.on:after{transform:rotate(180deg);}
	.faqList table td{background-color:#fff;}

	/* pdf */
	.pdfList:after{content:''; display:block; clear:both;}
	.pdfList li{float:left;}
	.pdfList li .img{display:block; position:absolute; left:25rem; top:-20rem; width:138rem; height:192rem; overflow:hidden; box-shadow:1px 1rem 2rem rgba(0,0,0,0.1); border:1px solid #e0e0e0;}
	.pdfList li .img > a{display:block;}
	.pdfList li .img img{width:138rem; height:192rem;}
	.pdfList li .img + a{display:block; line-height:1.3rem; word-break:keep-all;}
	.pdfList li a.btn{display:inline-block; position:relative; min-width:100rem; height:33rem; line-height:31rem; box-sizing:border-box; padding:0 15rem; background:#41464e; border:1px solid #25282d; font-size:13rem; transition:all 0.3s ease 0s;}
	.pdfList li a.btn.pdf{background:#fff; padding-right:30rem; color:#444 !important; border-color:#d6d6d6;}
	.pdfList li a.btn.pdf:after{content:''; display:block; position:absolute; right:10rem; top:50%; width:10rem; height:10rem; margin-top:-5rem; background:url(../../images/board/icon_down.png) no-repeat 0 0; }
	.pdfList li a.btn.pdf:hover,
	.pdfList li a.btn.pdf:focus{background:#505c78; border:1px solid #505c78; color:#fff !important; box-shadow:3rem 3rem 0 rgba(0,0,0,0.15);}
	.pdfList li a.btn.pdf:hover:after,
	.pdfList li a.btn.pdf:hover:focus{background-position:0 -10rem;}
	.pdfList li > div{position:relative; height:204rem; box-sizing:border-box; padding:20rem; margin:30rem 0; background:#fff; border:1px solid #eaecf1; transition:all 0.2s ease 0s;}
	.pdfList li > div > .img ~ *{margin-left:180rem;}
	.pdfList li > div:hover,
	.pdfList li > div:focus{border:1px solid #505c78; box-shadow:0 3rem 10rem rgba(0,0,0,0.10), 0 20rem 20rem rgba(0,0,0,0.05);}
	.pdfList li .date{margin:10rem 0 20rem; font-size:12rem; color:#777;}
	.pdfList li.none_data{float:none; width:100%; box-sizing:border-box; padding-top:40rem; border-top:1px solid #eaecf1; border-bottom-width:0; text-align:center;}

	/* video iframe */
	.iframe_video{position:relative; padding-bottom:55%;}
	.iframe_video iframe{position:absolute; top:0; left:0;}

	/* 비밀번호확인 */
	.secret_area{position:relative; margin:40rem 0; text-align:center;}
	.secret_area:before{content:''; display:block; width:62rem; height:62rem; border:3rem solid #59626a; border-radius:50%; margin:0 auto 20rem;}
	.secret_area:after{content:''; display:block; width:20rem; height:24rem; background:url(../../images/board/img_secret.gif) no-repeat 0 0; position:absolute; left:50%; top:23rem; margin-left:-10rem;}
	.secret_area p{margin-bottom:10rem; font-weight:300;}
	.secret_area input[type="password"]{width:240rem; height:45rem;}
	.secret_area > *{vertical-align:middle;}
	.secret_area .button{min-width:80rem; height:45rem;}
	.secret_area .button:before{height:43rem;}

	/* design radio */
	.designRadio{display:inline-block; margin:2rem 0; vertical-align:middle;}
	.designRadio input:is([type="radio"]){position:absolute; opacity:0;}
	.designRadio input:is([type="radio"]) + label{position:relative; min-height:16rem; padding-left:20rem; padding-bottom:2rem; margin-right:10rem; cursor:pointer; line-height:1;}
	.designRadio input:is([type="radio"]) + label:before{content:''; display:block; position:absolute; top:0; left:0; width:16rem; height:16rem; background:url(../../images/board/sp_radio.svg) no-repeat 0 -16rem; background-size:16rem 48rem;}
	.designRadio.white input:is([type="radio"]) + label:before{background:url(../../images/board/sp_radio_w.svg) no-repeat 0 -16rem; background-size:16rem 48rem;}
	.designRadio input:is([type="radio"]):checked + label:before{background-position:0 0;}
	.designRadio input:is([type="radio"]):disabled + label:before{background-position:0 -32rem;}
	.designRadio.agree{display:block;margin-top:20rem; text-align:center;}
	.designRadio.agree input:is([type="radio"]) + label{margin:2rem 30rem;}

	/* design checkbox */
	.designCheck{display:inline-block; margin:2rem 0; vertical-align:middle;}
	.designCheck input:is([type="checkbox"]){position:absolute; opacity:0;}
	.designCheck input:is([type="checkbox"]) + label{position:relative; min-height:16rem; padding-left:20rem; padding-bottom:2rem; margin-right:10rem; cursor:pointer; line-height:1;}
	.designCheck input:is([type="checkbox"]) + label:before{content:''; display:block; position:absolute; top:0rem; left:0rem; width:16rem; height:16rem; background:url(../../images/board/sp_check.svg) no-repeat 0 -16rem; background-size:16rem 48rem;}
	.designCheck.white input:is([type="checkbox"]) + label:before{background:url(../../images/board/sp_check_w.svg) no-repeat 0 -16rem; background-size:16rem 48rem;}
	.designCheck input:is([type="checkbox"]):checked + label:before{background-position:0 0;}
	.designCheck input:is([type="checkbox"]):disabled + label:before{background-position:0 -32rem;}

	.designCheck.noText input:is([type="checkbox"]) + label{margin-right:0; font-size:0; vertical-align:middle;}
	.designCheck.noText input:is([type="checkbox"]) + label:before{top:-1rem;}

	/* design number */
	.designNumber{counter-reset:title;}
	.designNumber li{display:inline-block; margin:3rem 30rem 3rem 0;}
	.designNumber li:last-child{margin-right:0rem;}
	.designNumber li :is([type="radio"], [type="checkbox"]){position:absolute; opacity:0;}
	.designNumber li :is([type="radio"], [type="checkbox"]) + label{position:relative; cursor:pointer; padding-left:23rem; margin-right:0rem; font-size:16rem;}
	.designNumber li :is([type="radio"], [type="checkbox"]) + label:before{counter-increment:title; content:counter(title); display:inline-block; position:absolute; top:50%; left:0; display:flex; flex-direction:column; justify-content:center; width:16rem; height:16rem; margin-top:-11rem; background:#e8e8e8; border:2rem solid #b9b9b9; font-size:12rem; color:#444; text-align:center; font-weight:400;}
	.designNumber li :is([type="radio"]):before{border-radius:100%;}
	.designNumber li :is([type="radio"], [type="checkbox"]) + label + input[type="text"]{display:inline-block; margin-left:3rem !important;}
	table.table .designNumber li input[type="text"]{width:auto;}
	.designNumber li :is([type="radio"], [type="checkbox"]):checked + label{color:#111;}
	.designNumber li :is([type="radio"], [type="checkbox"]):checked + label:before{background:#111; border-color:#111; color:#fff; font-weight:600;}
	.designNumber li :is([type="radio"], [type="checkbox"]):disabled + label:before{background:#ececec; border-color:#e0e0e0; color:#999;}
	.designNumber li :is([type="radio"], [type="checkbox"]):disabled + label{color:#999; cursor:auto;}
		/* no number */
	.designNumber.none li :is([type="radio"], [type="checkbox"]) + label:before{content:'';}
	.designNumber.none li :is([type="radio"], [type="checkbox"]):checked + label:before{content:'v';}

	/* design file */
	.designFile{--heightSize:60rem; position:relative; width:100%; margin:2rem 0; background:#eee; border-radius:5rem;}
	.designFile em{color:#999; padding:0rem !important;}
	.designFile input[type="file"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1rem; border:0; clip:rect(0,0,0,0);}
	.designFile input[type="text"]{width:100%; height:100%;}
	.designFile label.btn{display:block; position:relative; z-index:2; width:100%; height:var(--heightSize); line-height:var(--heightSize); box-sizing:border-box; padding:0 30rem; background-color:transparent; text-align:right; font-size:16rem; color:#999; cursor:pointer;}
	.designFile:not(.mob) input[type="text"]{position:absolute !important; top:0; left:0; background-color:transparent; border-width:0 !important;}
	.designFile:not(.mob) em{position:absolute; left:30rem; top:50%; font-size:16rem; transform:translateY(-50%);}
	.designFile:not(.mob) em ~ input[type="text"]{padding-left:115rem; padding-right:180rem;}
	.designFile.mob{background-color:transparent;}
	.designFile.mob input[type="text"]{overflow:hidden; position:absolute !important; width:1px; height:1px; padding:0; margin:-1rem; border:0; clip:rect(0,0,0,0);}
	.designFile.mob label{display:none;}
	.designFile.mob .designCheck label{display:inline-block;}
	.designFile.mob .button.white{position:static; font-size:14rem;}
	.designFile.mob input[type="file"]{position:static; width:100%; height:auto; padding:inherit; margin:0; background:#eee; border:inherit; clip:inherit; font-size:13rem;}
	.designFile.mob em{display:block; margin-bottom:5rem;}

	/* designSelect */
	.designSelect:after{content:''; display:block; clear:both;}
	.designSelect .select{display:block; position:relative; width:130rem; height:50rem; margin:0; border:1px solid rgba(255,255,255,0.1); font-size:15rem; color:#141414; text-align:center; transition:all 0.2s ease-out 0.3s; cursor:pointer;}
	.designSelect .select.active{}
	.designSelect .select select{display:none;}
	.selectbox.trans{transition:all 0.4s ease 0.3s;}
	.designSelect .selectbox{position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; height:50rem; line-height:50rem; padding:0 18rem; background:#fff; border:1px solid transparent; border-bottom:0; font-weight:400; font-size:var(--font-base, 14rem); color:#333; text-align:left;/* transition:all 0.4s ease 0.3s; */}
	.designSelect .selectbox:after{content:''; position:absolute; top:21rem; right:15rem; width:16rem; height:10rem; background:url(../../images/board/arr_view.svg) no-repeat 50% 50%; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
	.designSelect .selectbox:active:after,
	.designSelect .selectbox.active:after{transform:rotate(90deg);}
	.designSelect .selectoption{display:none; overflow:hidden; position:absolute; top:98%; z-index:2; width:100%; margin:0; padding:0 0 10rem; background-color:#fff; border:1px solid #000; border-top:0; font-size:15rem; color:#666; text-align:left; list-style:none; box-sizing:border-box;}
	.designSelect .selectoption li{padding:5rem 17rem; border-bottom:0; font-size:14rem; color:#777; transition:all 0.3s ease-out 0s;}
	.designSelect .selectoption li:hover{color:#ddd;}
	.designSelect .selectoption li[rel="hide"]{display:none;}
	.designSelect .selectoption li:last-child{border:none;}
	.designSelect .selectbox.active{border:1px solid #000; border-bottom:0; transition:all 0.4s ease 0s;}

	/* datapicker */
	.datepicker{font-size:var(--font-base, 14rem);}

	/* secret */
	span.file img{display:inline-block; position:relative; top:3rem; height:14rem; margin-left:10rem;}

	col[data-view="th"]{width:8% !important;}

	@media(min-width:1025px){
		.pdfList li{width:32%; margin-left:2%;}
		.pdfList li:nth-child(3n+1){margin-left:0rem;}
	}

	@media(min-width:481px){
		.bbsView.dl{display:table; table-layout:fixed; width:100%;}
		.bbsView dl{display:table-row;}
		.bbsView dl dt,
		.bbsView dl dd{display:table-cell;}
	}

	@media(max-width:1199px){
		.bbsView dl.colspan dd{width:calc(100% - 20%);}	
		
		.photoList > li a > em{padding-top:8%; padding-bottom:7rem; font-size:19rem;}
		.photoList .state em{width:50rem; height:50rem; font-size:13rem;}
	}

	@media(max-width:1024px){	
		.photoList > li .img{padding-top:70%;}

		.pdfList li{width:48%;}
		.pdfList li:nth-child(2n){float:right;}
		.pdfList li > div > .img ~ *{margin-left:160rem;}
		.bbsView div.conts table{width:100% !important;}
		.bbsView div.conts table td,
		.bbsView div.conts table th{width:auto !important;}
	}

	@media(max-width:900px){
		.bbsView *[data-member-form="email"] > *{margin:2rem 0;}
		.bbsView *[data-member-form="email"] > input[type="text"]:nth-of-type(1){display:block; width:100%;}
		.bbsView *[data-member-form="phone"] > span{display:block;}
	}

	@media(max-width:768px){
		table.bbsList colgroup{display:none;}
		.bbsList td{padding:0;}
		.bbsList thead{display:none;}
		.bbsList tr{display:flex; flex-wrap:wrap; align-items:stretch; position:relative; margin-top:10rem; padding:20rem; border-radius:3rem; border:1px solid #eaecf1;}
		.bbsList tr:first-child{margin-top:0rem;}
		.bbsList tbody td{display:block; border-bottom:0;}
		.bbsList td[data-table="number"]{font-size:0;}
		.bbsList td[data-table="number"] .notice{max-width:inherit; margin-bottom:5rem; padding:3rem 10rem;}
		.bbsList td[data-table="subject"]{flex:auto; width:100%; padding:0;}
		.bbsList td[data-table="subject"] > a{display:block; padding-bottom:10rem; font-weight:600; color:#111;}
		.bbsList td[data-table="date"],
		.bbsList td[data-table="write"]{color:#a7a7a7; font-size:14rem;}
		.bbsList td[data-table="date"]{padding-left:20rem;}
		.bbsList td[data-table="category"]{border-bottom:1px dashed #e4e4e4; text-align:left; color:#148f77;}
		.bbsList .reply + a{padding-top:5rem !important;}
		
		.bbsView *[data-member-form="email"] > select{width:100% !important;}
		.bbsView th[data-view="date"],
		.bbsView th[data-view="count"]{padding-left:10rem;}	
		.bbsView .address,
		.bbsView .id{position:relative;}
		.bbsView .address input#zip,
		.bbsView .id input#id{width:100%; padding-right:110rem;}
		.bbsView .address .button,
		.bbsView .id .button{position:absolute; top:15rem; right:10rem;}
		.bbsView.page th,
		.bbsView.page td{padding:15rem 10rem;}	
		.bbsView .button{min-width:90rem; font-size:12rem;}
		
		.search_bbs .btn.reserve{float:none; clear:left;}
		
		.designFile.mob input[type="file"]{width:100%; font-size:13rem;}
		
		.faqList {margin-top:0}
		.faqList dt:before,
		.faqList dd:before {top:20rem; left:15rem; width:24rem; height:24rem; font-size:11rem; line-height:23rem;}
		.faqList dt a:after {right:15rem;}
		.faqList dt a.on:after {right:15rem;}
		.faqList dt {padding: 0 20rem 0 49rem;}
		.faqList dt a {font-size:14rem; padding:21rem 40rem 21rem 0;}
		.faqList dd > div {padding:20rem 46rem; font-size:14rem;}

			/* 페이징과 버튼좌우 -권한있는경우만 사용 */
		.box-pagin-flex{justify-content:center;}
		.box-pagin-flex > *:not(.pagination){flex:0 1 100%; padding-top:30rem; text-align:center;}
	}


	@media(max-width:640px){
		ul.bbsList li .subject{font-size:16rem; word-break:keep-all; padding:29rem 20rem 29rem 91rem;}
		ul.bbsList li .date{left:0; width:60rem; font-size:12rem;}
		ul.bbsList li .date i{margin-bottom:1px; font-size:28rem;}
		
		.photoList > li{width:49%;}
		.photoList > li:nth-child(2n){float:right;}
		.photoList > li:nth-child(3n+2){margin-left:0; margin-right:0;}		
		.photoList > li a > em{padding-top:10rem; padding-bottom:0; font-weight:600; font-size:16rem;}
		.photoList > li .write{padding-bottom:0;}
		.photoList > li .write em{font-size:14rem;}

		.pdfList li{float:none !important; width:100%;}
		
		.search_bbs{justify-content:center;}
		.search_bbs .search,
		.search_bbs .btn{flex:0 1 100%;}
		.search_bbs .btn{justify-content:center; margin-top:10rem;}
		.search_bbs .search select{flex:none; width:30%;}
		.search_bbs .search input[type="text"]{flex:auto; width:calc(70% - 95rem);}
		.search_bbs .search .button{flex:none; width:80rem; padding-left:5rem; padding-right:5rem;}
		
		.bbsView col[data-view="th"]{width:80rem !important;}
		.bbsView col[data-view="td"]{width:auto !important;}
		.bbsView th[data-view="count"] + td{width:70rem !important;}
		.bbsView col[data-write="th"]{width:120rem !important;}
		.bbsView col[data-write="td"]{width:auto !important;}
		.bbsView input[type="text"],
		.bbsView input[type="file"],
		.bbsView input[type="password"]{width:100% !important;}
		.bbsView input[data-form-type="datepicker"],
		input.datepicker,
		.bbsView input[type="text"].datepicker{width:105rem !important;}
		.bbsView td.tel > input[type="text"],
		.bbsView td.tel > select,
		.bbsView *[data-member-form="phone"] > input[type="text"],
		.bbsView *[data-member-form="phone"] > select{display:inline-block; width:30% !important;}
		.bbsView td.tel > span{display:inline-block;}
		.bbsView td.mail > input[type="text"]{margin:2rem 0;}
		.bbsView td.mail > select{width:100% !important;}
		.bbsView .designFile input[type="file"]{padding-right:110rem;}
		.bbsView .designFile .button{position:absolute; top:0; right:0;}
		.designFile.mob input[type="file"]{padding-right:0;}
		
		.comment_area .write textarea{padding:10rem 15rem;}
		.comment_area .write .input{padding:7rem 15rem;}
		.comment_area .write .input >  span{float:none !important; display:block; margin:2rem 0;}
		.comment_area .write label{min-width:80rem; margin-right:0;}
		.comment_area .write input[type="text"],
		.comment_area .write input[type="password"]{width:calc(100% - 90rem);}
		.comment_area .list .btn{position:static; margin-top:10rem;}
		
		.secret_area input[type="password"]{display:block; margin:0 auto 10rem;}

		ul.bbsList li .more{right:0;}
		ul.bbsList li .notice{padding:2rem 10rem; font-size:12rem;}
		ul.bbsList li .more{display:none;}	

		.bbsTitle{padding: 0 10rem 9rem !important; font-weight:500 !important; font-size:20rem !important;}
		.bbsTitle_cont{margin-bottom:30rem;}
		.bbsTitle_cont > i{margin-bottom:10rem; font-size:13rem;}
		.bbsTitle .reply{margin-right:8rem; padding:3rem 7rem; font-weight:300; font-size:12rem;}
		.bbsDate{margin-top:0;}
		.bbsDate > ul > li{padding:0 11rem; font-size:12rem;}	

		.bbsView td.conts{padding:20rem 0;}

		.bbsContent{padding:30rem 0;}
		.bbsContent .conts{min-height:270rem;}

		.bbsFile .file{padding:16rem 20rem;}
		.bbsFile .file li > *:not(em){margin-left:8rem; font-size:13rem;}
		.bbsFile .file em{font-size:13rem;}	
		
		.bbsSearch input[type=text]{width:43%;}
	}

	@media(max-width:480px){
		.bbsView col{display:none;}
		.bbsView > tbody > tr > th,
		.bbsView > tbody > tr > td{width:100%; box-sizing:border-box; padding:10rem 0;}
		.bbsView th[data-view="count"] + td{width:100% !important;}
		.bbsView th[data-view="file"] + td{border-top-width:0; padding-left:0rem;}
		.bbsView.page th,
		.bbsView.page td{padding:10rem;}
		.bbsView div.conts{min-height:230rem;}
		.bbsView > tbody > tr{display:flex; flex-direction:column;}

		ul.bbsList li .date:before{right:-7rem; height:30rem;}
		ul.bbsList li .subject{display:block; font-size:15rem; padding:28rem 20rem 28rem 78rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		ul.bbsList li .notice{position:relative; top:1; margin:0 6rem 4rem 0;}
		
		.comment_area .comment_password input[type="password"]{display:block; width:200rem; margin:0 auto 5rem;}
			
		.designSelect .selectbox{line-height:40rem; padding:0 14rem;}
		.designSelect .select{width:85rem;}
		.designSelect .selectbox:after{top:16rem; right:12rem; width:15rem; height:9rem;}
		.designSelect .selectoption li{padding:5rem 14rem;}	
		.designSelect .selectoption{left:0; padding:0 0 7rem;}
		.designSelect .selectoption li{padding:4rem 14rem;}
		
		ul.bbsList{border-top:0;}
	}

	@media(max-width:460px){
		.bbsView td.tel > span{display:none;}
		.bbsView .address .button,
		.bbsView .id .button{top:10rem;}	
		.designRadio.agree input + label{margin:2rem 10rem;}
	}

	@media(max-width:380px){
		.search_bbs .search{position:relative;}
		.search_bbs .search select{position:absolute; left:0; top:0; width:70rem;}
		.search_bbs .search .button{position:absolute; right:0; top:0; width:70rem; height:45rem;}
		.search_bbs .search input[type="text"]{width:100%; padding-left:80rem; padding-right:70rem;}
	}

	@media(max-width:360px){	
		.bbsView th[data-view="date"] + td,
		.bbsView th[data-view="count"] + td{font-size:14rem;}
	}

	@media(max-width:340px){
		ul.bbsList li .date{left:0;}
		ul.bbsList li .subject{padding-left:90rem; padding-right:0;}
		ul.bbsList li .more{display:none;}
		
		.photoList > li{float:none !important; width:100%;}	
		.photoList > li .img{padding-top:60%;}
	}

	/* board renew NEW ver.1.0.1 */
	.bbsDate > ul{display:flex; justify-content:center;}
	.bbsDate > ul > li{position:relative; padding:0 15rem; font-weight:600; font-size:14rem; color:#aaa; letter-spacing:0.3rem;}
	.bbsDate > ul > li > i{display:inline-block; margin-right:4rem; color:#aaa;}
	.bbsDate > ul > li:first-child:after{content:""; position:absolute; top:3rem; right:0; width:1px; height:13rem; background:#ccc;}
	.bbsDate{margin:17rem 0 40rem;}

	.bbsTitle{padding:0 10rem 0 !important; border-top:0; border-bottom:0; font-weight:400 !important; font-size:36rem !important; letter-spacing:-0.03rem;}
	.bbsTitle_cont{text-align:center;}
	.bbsTitle_cont > i{display:none; margin-bottom:17rem; padding-bottom:0rem; border-bottom:1px solid #b9b9b9; font-size:15rem; color:#b9b9b9; font-weight:700;}
	.bbsContent{padding:40rem 20rem 80rem; border-top:1px solid #d4d4d4 !important;}

	.bbsPager{padding: 45rem 0;}
	.bbsPager .inr_pager{position:relative; width:100%; text-align:center;}
	.bbsPager .inr_pager > a{display:inline-block; cursor:pointer;}
	.bbsPager .inr_pager .pagerBtn.prev{float:left; padding-left:37rem; text-align:left;}
	.bbsPager .inr_pager .pagerBtn.next{float:right; padding-right:30rem; text-align:right;}
	.bbsPager .inr_pager img{height:11rem;}
	.bbsPager .inr_pager .pagerBtn.next img{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	.bbsPager .inr_pager .pagerBtn::before{content:""; opacity:1; position:absolute; top:18rem; width:7rem; height:11rem; background:url(../../images/board/arr_view.svg); transition: all 0.3s ease 0s;}
	.bbsPager .inr_pager .pagerBtn:hover::before{opacity:0.5;}
	.bbsPager .inr_pager .pagerBtn.prev::before{left:0;}
	.bbsPager .inr_pager .pagerBtn.next::before{right:0; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	.bbsPager .inr_pager > a > i{display:inline-block; position:absolute; top:18rem;}
	.bbsPager .inr_pager .pagerBtn.prev i{left:0;}
	.bbsPager .inr_pager .pagerBtn.next i{right:0;}
	.bbsPager .inr_pager > a > em{font-weight:700; font-size:14rem; color:#222; text-transform:uppercase;}
	.bbsPager .inr_pager > a > p{opacity:1; overflow:hidden; width:260rem; color:#666; font-size:15rem; white-space:nowrap; text-transform:uppercase; text-overflow:ellipsis;}
	.bbsPager .inr_pager .pager_list{opacity:1; display:inline-block; width:170rem; padding:21rem 0; border:1px solid #333; font-weight:700; font-size:13rem; color:#333; transition: all 0.3s ease 0s;}
	.bbsPager .inr_pager .pager_list:hover {border-color: #a7a7a7;}
	.bbsFile .file li > a {position: relative;}
	.bbsPager .inr_pager .pager_list > span:after{content:""; display:inline-block; position:relative; top:-1rem; width:13rem; height:13rem; margin-left:12rem; background:url(../../images/board/icon_list.svg); vertical-align:middle;}
	.bbsPager .inr_pager *{transition: all 0.3s ease 0s;}
	.bbsPager .inr_pager > a:hover > em{color: #a7a7a7;}
	.bbsPager .inr_pager > a:hover > p{opacity:0.7;}

	.bbsFile .file{padding:22rem 35rem; background:#f9f9f9;}
	.bbsFile .file li{display:flex; align-items:center;}
	.bbsFile .file em{display:inline-block; position:relative; font-weight:600; font-size:15rem; color:#222;}
	.bbsFile .file li > *:not(em){display:inline-block; margin-left:11rem; font-size:15rem;color: #444;}
	.bbsFile .file li > a {position:relative;}
	.bbsFile .file li > a:after {content:""; opacity:0; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#444; transition:all 0.3s ease 0s; }
	.bbsFile .file li > a:hover:after {opacity:1;}
	.bbsFile .file li:nth-child(1) ~ li{margin-top:7rem;}
	.bbsFile .file em:before{content:""; display:block; position:relative; width:15rem; height:18rem; background:url('../../images/board/icon_file.svg') no-repeat 50% 50%;}
	.bbsFile .file > ul{display:inline-block;}

	.bbsAdm ul{display:flex;justify-content:flex-end; margin-bottom:20rem;}
	.bbsAdm > ul > li > a{display:block; padding:8rem 21rem; background:#727272; border:1px solid transparent; font-size:13rem; color:#fff;}
	.bbsAdm > ul > li.delete a{background:transparent; border:1px solid #b32020; font-weight:400; color:#b32020;}
	.bbsAdm > ul > li{margin-left:4rem;}

	.bbsSearch form{display:flex; justify-content:center; align-items:center; margin-bottom:20rem; margin-bottom:40rem; padding:30rem 0; background:#f6f6f6; text-align:center;}
	.bbsSearch .designSelect{margin-right:13rem;}
	.bbsSearch > input[type=text]{width:35%; margin-right:5rem;}
	.bbsSearch .button{height:50rem; background:#444; border:none; box-shadow:none !important;}
	.bbsSearch input[type=text]{width:33%; height:52rem; margin-right:7rem; padding:9rem 12rem; background:#fff; border:none; border:1px solid transparent; transition:all 0.3s ease 0s; outline:none;}

	/* NEW ver.1.0.2 */
	.bbsNew_container.v2 .bbsTitle{padding:0 !important; font-weight:600 !important; font-size:38rem !important; text-align:left; letter-spacing:-0.04em;}
	.bbsNew_container.v2 .bbsDate{display:flex; align-items:center; margin:0; margin-top:23rem; padding:19rem 0; border-top:1px solid #000;}
	.bbsNew_container.v2 .bbsDate > ul > li:first-child{padding-left:0;}
	.bbsNew_container.v2 .bbsDate > ul > li{padding: 0 17rem; color:#888; font-weight:400;}
	.bbsNew_container.v2 .bbsDate > ul > li > i{margin-right:8rem; font-weight:400; color:#333;}
	.bbsNew_container.v2 .bbsDate > ul > li:not(:last-child):after{content:""; position:absolute; top:4rem; right:0; width:1px; height:13rem; background:#ccc;}
	.bbsNew_container.v2 .bbsContent{border-bottom:1px solid #d4d4d4 !important;}
	.bbsNew_container.v2 .bbsContent{padding:40rem 0 0; border-top:1px solid #d4d4d4 !important;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:182rem; padding:18rem 0;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list,
	.bbsNew_container.v2 .admPager_btn li a{opacity:1; border:2rem solid #333; border-radius:40rem; font-weight:500; font-size:16rem; transition:all 0.3s ease 0s;}
	.bbsNew_container.v2 .bbsPager{display:flex; justify-content:center; padding:55rem 0;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list > span:after{display:none;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list:hover,
	.bbsNew_container.v2 .admPager_btn li a:hover{opacity:0.6;}

	.bbsPager.admPager .inr_pager{}
	.admPager_btn li a{display:block; width:82rem; line-height:1; padding:11rem 0;}
	.admPager_btn{display:flex; position:absolute; right: 0; top: 0; gap:0 6rem;}
	.bbsControls{margin-top:40rem; border-top:1px solid #222; border-bottom:1px solid #ddd;}
	.bbsControls ul li a{display:flex; align-items:center; padding:23rem 0; letter-spacing:-0.025rem;}
	.bbsControls ul li:first-child{border-bottom:1px solid #ddd;}
	.bbsControls ul li a em{position:relative; margin-right:20rem; padding:0 40rem; white-space:nowrap;}
	.bbsControls ul li a em::after{content:""; position:absolute; top:50%; right:0; width:1px; height:14rem; margin-top:-7rem; background:#ccc;}
	.bbsControls ul li a p{display:block; overflow:hidden; color:#888; white-space:nowrap; transition:all 0.3s ease 0s; text-overflow:ellipsis;}
	.bbsControls ul li a:hover p{color:#333;}

	.check_con{display:flex; justify-content:flex-start; align-items:center; position:relative; line-height:1.3; font-size:15rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
	.check_con > em{margin-left:11rem; white-space:nowrap;}
	.check_con input{position:absolute; opacity:0; width:0; height:0; cursor:pointer;}
	.check_con .checkmark{position:relative; width:22rem; height:22rem; background-color:#fff; border:1px solid #d1d1d1; transition:all 0.2s ease 0s;}
	.check_con input:checked ~ .checkmark{border:1px solid #282828;}
	.check_con .checkmark:after{content:""; display:none; position:absolute;}
	.check_con input:checked ~ .checkmark:after{display:block; transform:rotate(45deg) scale(1); -webkit-transform:rotate(45deg) scale(1); -ms-transform:rotate(45deg) scale(1);}
	.check_con .checkmark:after{top:4rem; left:8rem; width:4rem; height:8rem; border:solid #444; transition:all 1s ease 0s; transform:rotate(45deg) scale(0); -webkit-transform:rotate(45deg) scale(0); -ms-transform:rotate(45deg) scale(0); border-width:0 2rem 2rem 0;}

	.bbsNew_container .box_privacy textarea{line-height:1.5; padding:30rem !important; margin:0; border-radius:5rem 5rem 0 0; font-size:15rem; color:#444; outline:none;}
	.bbsNew_container .designRadio.agree{display:flex; align-items:center; min-height:55rem; margin-top:0rem; padding:0 25rem; background:#fafafa; border:1px solid #ececec; border-top-width:0; border-radius:0 0 5rem 5rem; font-weight:500;}
	.bbsNew_container .scroll-textarea{min-height:250rem;}
	.bbsNew_container .scroll-textarea{border:1px solid #ddd;}

	.bbsForm input[type="text"],
	.bbsForm input[type=email],
	.bbsForm input[type=tel],
	.bbsForm input[type=number],
	.bbsForm select{height:52rem; margin:0; padding:0 15rem; transition:all 0.3s ease 0s; outline:none;}
	.bbsForm input[type="text"]:focus,
	.bbsForm textarea:focus,
	.bbsForm input[type="text"]:hover,
	.bbsForm textarea:hover{border-color:#444;}
	.bbsForm .designSelect .select{width:150rem; height:52rem;}
	.bbsForm_data > label{margin-bottom:15rem; font-weight:600; font-size:16rem; color:#333; text-indent:1px;}
	.bbsForm_data:not(:first-child){margin-top:40rem;}
	.bbsForm_data .designSelect .selectbox{border:1px solid #ddd; border-bottom:1px solid #ddd;}
	.bbsForm_data .designSelect .selectbox.active{border:1px solid #000; border-bottom:0;}
	.bbsForm input[type="text"]::placeholder{color:#ccc;}
	.bbsForm .marking{top:-5rem; margin-bottom:0; margin-left:5rem;}
	.bbsForm textarea{padding:15rem; transition:all 0.3s ease 0s; min-height:230rem; outline:none;}
	.bbsForm_data.mg{margin-top:20rem;}
	.bbsForm .designFile{display:flex; align-items:center; border-radius:0;}
	.bbsForm .designFile{--heightSize:52rem;}
	.bbsForm .designFile + .designFile{margin-top:6rem;}
	.bbsForm .designFile label{margin-bottom:0; margin-left:5rem; font-size:14rem;}
	.bbsForm .caption{margin-top:10rem; font-size:14rem; color:#c51917;}
	.bbsForm  input[readonly],
	.bbsForm input[disabled]{background:#f3f3f3;}
	.bbsForm .designRadio,
	.bbsForm .designCheck{display:flex; flex-wrap:wrap; align-items:center; gap:3rem 50rem;}

	.wdt30{width:327rem;}
	.wdt50{width:500rem;}
	.wdt70{width:840rem;}

	.data_call{display:flex; align-items:center;}
	.data_call > i{display:flex; justify-content:center; align-items:center; position:relative; margin:0 8rem; font-size:23rem; color:#999;}
	.data_call > i::after{content:""; display:block; width:8rem; height:1px; background:#000;}
	.data_call > *:not(i){width:calc((100% / 3) - 13rem);}
	.data_call .designSelect .select{width:auto;}

	.designFile input:focus,
	.data_address ul li:not(:last-child) input:focus,
	.designFile input:hover,
	.data_address ul li:not(:last-child) input:hover{border-color:#ddd !important;}
	.data_address ul li:not(:last-child){margin-bottom:8rem;}
	.data_address ul li > input{width:100%;}
	.data_address ul li{display:flex; align-items:center;}
	.data_address ul li > a{margin-left:8rem;}

	.data_email{display:flex; align-items:center; flex-wrap:wrap; width:100%; position:relative;}
	.data_email > div{display:flex; align-items:center; width:100%;}
	.data_email > div > i{margin:0 8rem;}
	.data_email .designSelect{margin:0 4rem;}

	.data-spam .inr{display:flex; align-items:stretch; line-height:48rem;}
	.data-spam span{display:block; position:relative; margin-right:5rem; padding:0rem 23rem; background:#222; color:#fff; font-size:15rem; font-weight:700;}
	/* .data-spam span::before{content:"스팸방지"; margin-right:6rem; font-weight:500;} */

	.button_new{min-width:100rem; height:50rem; line-height:50rem; padding:0 0; background:#fff; border:1px solid #393939; font-size:14rem; text-align:center; transition:all 0.2s ease 0s; cursor:pointer;}
	.button_new:hover{border-color:#222; background:#555; color:#fff;}
	.button_new.black{background:#6e6e6e; border:1px solid #5e5e5e; color:#fff;}
	.button_new.black:hover{background:#363636;}
	.button_new:hover, .button_new:hover span{color:#fff;}
	input.button_new{height:52rem; line-height:52rem;}

	/* NEW ver.1.0.3 */
	.bbsContent .bbsFile{margin-top:20rem;}
	.bbsSearch[data-type="A"]{display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; padding-bottom:20rem;}
	.bbsSearch[data-type="A"] .search_input .button{position:absolute; top:0; right:0; width:44rem; height:44rem; margin-left:0; min-width:auto; background-color:transparent; background-image:url(../../images/board/icon_search.svg); background-repeat:no-repeat; background-position:center; background-size:19rem; font-size:0; }
	.bbsSearch[data-type="A"] form{display:flex; justify-content:flex-end; margin-bottom:0; padding:0; background:none;}
	.bbsSearch[data-type="A"] select{width:106rem; padding:0 5rem; background:#fff url(../../images/board/arr_search_select.svg) no-repeat 96% 50% /10rem; border:0; border-radius:0; outline:none;}
	.bbsSearch[data-type="A"] input[type=text]{width:300rem; margin:0; margin-left:15rem; padding:0;}
	.bbsSearch[data-type="A"] select,
	.bbsSearch[data-type="A"] input[type=text]{height:48rem; border-bottom:1px solid #ccc;}
	.bbsSearch[data-type="A"] input[type=text]::placeholder{color:#cfcfcf;}
	.bbsSearch[data-type="A"] .search_input{position:relative;}
	.bbsSearch[data-type="A"] .btn{margin-left:5rem;}
	.bbsSearch[data-type="A"] select + select{margin-left:14rem;}

	.ko_board_list[data-type] .file{display:inline-block; position:relative; top:2rem; width:16rem; height:19rem; margin:0 5rem -2rem 2rem; background:url(../../images/board/icon_file.svg) no-repeat 50% 50%; font-size:0rem;}
	.ko_board_list[data-type]{display:grid; flex-wrap:wrap;}
	.ko_board_list[data-type] > li{border:1px solid #e5e5e5; box-shadow:0 0 50rem 0 rgb(0 0 0 / 0%); transition:all 0.3s ease;}

	.ko_board_list[data-type="A"]{grid-template-columns:1fr 1fr 1fr; gap:40rem;}
	.ko_board_list[data-type="A"] > li a{display:block; position:relative; box-sizing:border-box; padding:clamp(25rem, 4.1667vw, 50rem) clamp(20rem, 2.7778vw, 50rem) clamp(25rem, 4.1667vw, 65rem);}
	.ko_board_list[data-type="A"] [data-board="tit"]{display:-webkit-box; overflow:hidden; height:clamp(46rem, 4.1667vw, 60rem); line-height:1.4; font-size:clamp(18rem, 1.5278vw, 22rem); color:#111; letter-spacing:-0.5rem; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-all;}
	.ko_board_list[data-type="A"] [data-board="con"]{display:-webkit-box; overflow:hidden; height:5em; line-height:1.6; margin-top:23rem; font-size:16rem; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break: break-all;}
	.ko_board_list[data-type="A"] [data-board="con"] br{display:none;}
	.ko_board_list[data-type="A"] .board_info_con{display:inline-flex; align-items:center; position:relative; margin-top:110rem;}
	.ko_board_list[data-type="A"] .board_info_con *{font-size:13rem; color:#a7a7a7; line-height:1;}
	.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]{display:flex; align-items:center; position:relative; margin-right:9rem; padding-right:9rem;}
	.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]:after{content:""; position:absolute; right:0; width:1px; height:12rem; background:#cdcdcd;}
	.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:10rem; padding:5rem 10rem; background:#111; color:#fff; border-radius:20rem;}
	.ko_board_list[data-type="A"] [data-board="new"]{position:absolute; right:-40rem; margin-left:10rem; font-weight:700; font-size:13rem; color:#d52d2d;}
	.ko_board_list[data-type="A"] [data-board="arr"]{display:flex; justify-content:center; align-items:center; position:absolute; right:50rem; bottom:50rem; width:60rem; height:60rem; border-radius:100%; background:#f7f7f7; transition:all 0.3s ease;}
	.ko_board_list[data-type="A"] [data-board="arr"]:before{content:""; position:absolute; opacity:0.9; width:17rem; height:17rem; background:url(../../images/board/arr_board_list.svg) no-repeat 50% 50%;}
	.ko_board_list[data-type="A"] > li:hover{box-shadow:0 0 50rem 0 rgb(0 0 0 / 10%); border-color:#111;}
	.ko_board_list[data-type="A"] > li:hover [data-board="arr"]{background:#111;}
	.ko_board_list[data-type="A"] > li:hover [data-board="arr"]:before{background-image:url(../../images/board/arr_board_list_w.svg);}

	.ko_board_noData{padding:80rem 0; border:2rem solid #f1f1f1; text-align:center;}

	.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr 1fr; gap:35rem;}
	.ko_board_list[data-type="B"] [data-board="img"] img{position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%);}
	.ko_board_list[data-type="B"] > li a{display:block; height:100%; box-sizing:border-box; padding:50rem 30rem;}
	.ko_board_list[data-type="B"] [data-board="tit"]{display:block; display:-webkit-box; overflow:hidden; height:60rem; max-height:60rem; line-height:1.5; margin-top:30rem; font-size:19rem; color:#111; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
	.ko_board_list[data-type="B"] [data-board="date"] i{display:block; line-height:1; margin-top:2rem; font-weight:700; font-size:40rem; color:#111;}
	.ko_board_list[data-type="B"] [data-board="date"]{display:inline-block; line-height:1; font-weight:900; font-size:12rem; color:#111; text-align:center;}
	.ko_board_list[data-type="B"] [data-board="con"]{display:-webkit-box; overflow:hidden; max-height:106rem; line-height:1.6; margin-top:15rem; font-size:16rem; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis;}
	.ko_board_list[data-type="B"] > li{position:relative; height:411rem;}
	.ko_board_list[data-type="B"] [data-board="img"]{position:absolute; overflow:hidden; bottom:0; left:0; width:100%; height:210rem;}
	.ko_board_list[data-type="B"] [data-board="img"] i{display:block; width:100%; height:100%; background-size:cover; background-position:50% 50%;}
	.ko_board_list[data-type="B"] [data-board="new"],
	.ko_board_list[data-type="B"] [data-board="notice"]{position:absolute; right:30rem; font-size:13rem;}
	.ko_board_list[data-type="B"] [data-board="notice"]{padding:2rem 10rem; background:#000; color:#fff; border-radius:30rem;}
	.ko_board_list[data-type="B"] [data-board="notice"] + [data-board="new"]{margin-right:57rem; padding-top:2rem;}
	.ko_board_list[data-type="B"] [data-board="new"]{font-weight:700; color:#dd1d1d;}
	.ko_board_list[data-type="B"] > li:hover{background:#202020;}
	.ko_board_list[data-type="B"] > li:hover *{color:#fff;}
	.ko_board_list[data-type="B"] > li:hover .file{background-image: url(../../images/board/icon_file_w.svg);}

	.ko_board_count{margin-bottom:15rem; font-size:15rem;}

	/* NEW ver.1.0.4 */
	.ko_board_list[data-type="A"][data-gallery] [data-board="img"]{overflow:hidden; display:block; aspect-ratio:16/10; background:url(../../images/sample2.jpg) no-repeat 50% 50% / cover; }
	.ko_board_list[data-type="A"][data-gallery] [data-board="img"] img{object-fit:cover; width:100%; height:100%;}
	.ko_board_list[data-type="A"][data-gallery] [data-board="tit"]{width:95%; height:auto; line-height:1.4; margin-top:19rem; -webkit-line-clamp:1;}
	.ko_board_list[data-type="A"][data-gallery] .board_info_con{margin-top:50rem;}
	.ko_board_list[data-type="A"][data-gallery] > li [data-board="arr"]{display:none;}
	.ko_board_list[data-type="A"][data-gallery] > li a{padding:40rem 40rem 45rem;}
	.ko_board_list[data-type="A"][data-gallery] [data-board="con"]{display:none;}

	.ko_board_list[data-type][data-gallery="A"] > li a{padding:0;}
	.ko_board_list[data-type][data-gallery="A"] > li{border:0;}
	.ko_board_list[data-type][data-gallery="A"] .board_info_con [data-board="writer"]{display:none;}
	.ko_board_list[data-type][data-gallery="A"] .board_info_con *{font-size:15rem;}
	.ko_board_list[data-type][data-gallery="A"] .board_info_con{margin-top:8rem;}
	.ko_board_list[data-type][data-gallery="A"] > li:hover{box-shadow:none;}
	.ko_board_list[data-type][data-type="A"] [data-board="notice"]{margin-left:6rem;}

	.bbsForm .wdt50{width:100%; max-width:500rem;}

	.data_email> div > input:not([type="radio"]):not([type="checkbox"]){width:100%;}

	/* ko-basic-list */
	.ko-basic-list{border-top:1px solid;}
	.ko-basic-list a{display:flex; align-items:center; position:relative; padding:28rem 20rem; border-bottom:1px solid #eee;}
	.ko-basic-list a:hover .ko-basic-list__tit{color:var(--color-point, #838383);}
	.ko-basic-list__tit{display:block;display:-webkit-box; position:relative; overflow:hidden; width:100%; max-width:550rem; max-height:26rem; line-height:1; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-weight:600; font-size:17rem; color:#222; letter-spacing:-0.5rem; transition:opacity 0.3s ease; transition: all 0.3s ease;}
	.ko-basic-list__date{position:absolute; right:20rem; font-size:14rem;}
	.ko-basic-list__num{display:block; min-width:50rem; margin-right:25rem; font-size:14rem; text-align:center;}
	.ko-basic-list__num.notice{padding:2rem 0; background:#222; border-radius:3rem; color:#fff;}
	.ko-basic-list__tit-wrap{display:flex; align-items:center;}
	.ko-basic-list__comment{margin-left:3rem; font-size:13rem; color:#aaa; white-space:nowrap; line-height:1;}
	.ko-basic-list__tit-wrap.new::after{content:"NEW"; position:relative; top:-3rem; margin-left:8rem; font-weight:700; font-size:10rem; color:#e53333;}
	.reply{display:inline-block; position:relative; margin-right:7rem; padding:4rem 9rem; background:#fff; border:1px solid #b3b3b3; font-size:14rem; color:#8d8d8d; line-height:1; border-radius:3rem;}

	@media(max-width:1199px){
		/* NEW ver.1.0.3 */
		.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr 1fr;}
	}

	@media(max-width:1024px){
		.ko-basic-list__tit{font-size:16rem;}
		.ko-basic-list a{padding:25rem 0;}
		.ko-basic-list__num{margin-right:18rem;}
		.ko-basic-list__date{right:0;}
		.ko-basic-list__num.notice{padding:2rem 0; font-size:13rem;}
		
		.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
	}

	@media(max-width:900px){
		.bbsPager .inr_pager > a > p{width:140rem;}
	}

	@media(max-width:860px){
		/* NEW ver.1.0.3 */
		.ko_board_list[data-type="A"]{gap:25rem; grid-template-columns:1fr 1fr;}
		.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:53rem; -webkit-line-clamp:2;}
	}

	@media(max-width:768px){
		.ko-basic-list__tit-wrap:not(.new){max-width: 67%;}
		
		.bbsPager .inr_pager > a > p{width:160rem;}
		.bbsPager .inr_pager .pagerBtn.prev{padding-left:27rem;}
		.bbsPager .inr_pager .pagerBtn.next{padding-right:27rem;}

		.bbsPager .inr_pager > a{padding-top: 13rem;}
		.bbsPager .inr_pager > a > p{display:none;}
		.bbsPager .inr_pager .pagerBtn.prev{padding-left:20rem;}
		.bbsPager .inr_pager .pagerBtn.next{padding-right:20rem;}
		
		.bbsPager{padding:30rem 0 40rem;}
		.bbsPager .inr_pager{display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse;}
		.bbsPager .inr_pager .pagerBtn::before{opacity:0.5; top: 19rem;}
		.bbsPager .inr_pager > a > em{font-weight:600; font-size:12rem; color:#999;}	
		.bbsPager .inr_pager .pager_list{width:130rem; padding:15rem 0;font-size:12rem;}
		
		.bbsAdm > ul > li > a{padding:6rem 16rem;}
		
		.admPager_btn{position:relative; top:0; right:0;}
		
		.bbsNew_container.v2 .bbsPager{padding:35rem 0;}
		.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:152rem; padding:14rem 0; font-size:17rem;}
		.bbsNew_container.v2 .admPager_btn li a{font-size:14rem;}	
	}

	@media(max-width:640px){
		/* NEW ver.1.0.2 */
		.bbsNew_container.v2 .bbsTitle{font-size:28rem !important;}
		.bbsNew_container.v2 .bbsTitle_cont{margin-bottom:0;}
		.bbsControls ul li a em{padding:0 30rem;}
		.bbsControls{margin-top:20rem;}		

		/* NEW ver.1.0.3 */
		.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr;}

		/* NEW ver.1.0.4 */
		.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr;}		
	}

	@media(max-width:540px){
		.ko-basic-list__tit{width:100%; font-size:16rem; max-height:19rem; line-height:1.1;}
		.ko-basic-list__date{position:relative; margin-top:5rem; font-size:14rem; color:#aaa;}
		.ko-basic-list__num:not(.notice){display:none;}
		.ko-basic-list a{align-items:flex-start; padding:16rem 0; flex-direction:column;}
		.ko-basic-list__num.notice{position:absolute; min-width:auto; margin-top:-2rem; margin-bottom:15rem; padding:1px 8rem; font-size:12rem;}
		.ko-basic-list__num.notice + .ko-basic-list__tit-wrap{width:97%; width:auto; max-width:97%; padding-left:44rem;font-size:16rem; word-break:break-all;}		
		.ko-basic-list{border-top-width:2rem;}
		.ko-basic-list__tit-wrap.new::after{margin-left:4rem; white-space:nowrap;}
		.ko-basic-list__tit-wrap:not(.new){max-width:100%;}
		.reply{margin-right:6rem; padding:2rem 5rem; font-weight:400; font-size:13rem; top:0rem;}
		
		.bbsSearch[data-type="A"] input[type=text]{width:auto; padding-right:44rem;}
		.bbsSearch[data-type="A"] .btn{display:flex; flex-wrap:wrap; gap:3rem; width:100%; margin-left:0; margin-top:10rem;}
		.bbsSearch[data-type="A"] .btn .button{flex:1 1 auto; height:45rem;}
	}

	@media(max-width:480px){
		/* NEW ver.1.0.2 */
		.pagination{margin:30rem 0 30rem;}
		.pagination a{width:29rem; height:29rem; font-size:14rem;}
		.pagination .btn_pager::after{background-size:5rem; background-position:52% 51%;}
		.pagination .btn_end::after{background-size:8rem; background-position:50% 11rem;}

		.bbsNew_container.v2 .bbsContent{padding:25rem 0 0;}
		.bbsNew_container.v2 .bbsTitle{font-size:25rem !important;}
		.bbsNew_container.v2 .bbsDate{margin-top:16rem; padding:12rem 0;}
		.bbsNew_container.v2 .bbsDate > ul > li{padding:0 11rem; font-size:13rem; color:#888;}
		.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:152rem; padding:15rem 0; font-size:16rem;}
		.bbsNew_container.v2 .bbsDate > ul > li > i{margin-right:5rem;}
		.bbsNew_container.v2 .admPager_btn li a{color:#999; border-color:#d5d5d5;}	

		.bbsControls ul li a{padding:15rem 0;}
		.bbsControls ul li a em{padding:0 13rem 0 0;margin-right: 14rem;}
		.bbsControls{margin-top:26rem;}

		.admPager_btn li a{width:auto; padding:7rem 13rem; font-size:13rem !important; border-width:1px !important;}
		.admPager_btn li:first-child{margin-right:4rem;}
		.admPager_btn{top:-10rem; padding-bottom:14rem; align-self:end;}

		.bbsNew_container.v2 .bbsPager{padding:25rem 0 25rem;}
		.bbsPager .inr_pager{flex-direction:column-reverse;}
		
		.bbsFile .file{padding:12rem 13rem 6rem;}	
		
		.bbsSearch .designSelect .selectbox,
		.bbsSearch .designSelect{display:none;}
		.bbsSearch input[type=text]{flex:1; height:50rem; margin:0; padding-left:17rem; border:2rem solid #202020; border-radius:70rem;}
		.bbsSearch form{position:relative; margin-bottom:16rem; padding:0; background:none;}
		
		/* NEW ver.1.0.3 */
		.ko_board_list[data-type="A"]{gap:18rem; grid-template-columns:1fr;}
		
		.bbsSearch[data-type="A"] form{margin-bottom:0; background:none;}
		.bbsSearch[data-type="A"] .search_input{width:100%;}
		.bbsSearch[data-type="A"] select{border-bottom-color:#b5b5b5;}
		.bbsSearch[data-type="A"] input[type=text]{width:100%; margin-left:0; padding-left:1px; border:0; border-bottom:1px solid #b5b5b5; border-radius:0;}
		.bbsSearch[data-type="A"] input[type="submit"].button{top:auto; right:-1rem; bottom:2rem; margin-left:0; background-size:20rem;}
		
		.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
		.ko_board_list[data-type="A"] [data-board="tit"]{height:auto; max-height:60rem;}
		.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:68rem;}
		.ko_board_list[data-type="B"]{grid-template-columns:1fr;}
		.ko_board_list[data-type="B"] > li{overflow:hidden; height:auto;}
		.ko_board_list[data-type="B"] [data-board="img"]{display:block; position:relative; overflow:hidden; width:100%; height:210rem; margin-top:20rem;}
		.ko_board_list[data-type="B"] [data-board="tit"]{height:auto; max-height:none;}
		.ko_board_list[data-type="B"] [data-board="con"]{-webkit-line-clamp:3;}

		.ko_board_list[data-type="B"] > li:hover{background:#fff;}
		.ko_board_list[data-type="B"] > li:hover *{color:#111;}
		.ko_board_list[data-type="B"] [data-board="notice"]{color:#fff !important;}

		/* NEW ver.1.0.4 */
		.ko_board_list[data-type][data-gallery="A"]{gap:35rem;}
		.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:6rem;}
		/* .bbsForm_data label{margin-bottom:9rem; font-size:15rem;} */
		.bbsForm input[type="text"],
		.bbsForm input[type=email],
		.bbsForm input[type=tel],
		.bbsForm input[type=number],
		.bbsForm .designSelect .select,
		.designSelect .selectbox{height:44rem; box-sizing:border-box; padding:0 8rem;}
		.bbsForm .wdt30{width:100%;}

		.data_call > i::after{width:5rem;}
		.data_call > i{margin:0 4rem;}
		.data_call > *:not(i){width:-webkit-calc((100% / 3) - 7rem); width:calc((100% / 3) - 7rem);}
		
		.bbsForm_data:not(:first-child){margin-top:24rem;}
		.bbsForm textarea{padding:8rem; min-height:130rem;}

		.button_new{height:42rem; line-height:42rem;}
		input.button_new{height:44rem; line-height:44rem;}

		.data_address ul li:not(:last-child){margin-bottom:5rem;}
		.data_address ul li > a{margin-left:4rem;}	
		
		.designRadio.agree{margin-top:11rem;}
		
		.box_privacy{margin-bottom:30rem;}

		.check_con > em{margin-left:7rem; font-size:14rem;}
		.check_con .checkmark{width:19rem; height:19rem;}
		.check_con .checkmark:after{top:3rem; left:7rem;}
		
		.data_email> div{flex-wrap:wrap;}	
		.data_email .designSelect{margin-top:3rem;}
		.data_email .designSelect,
		.bbsForm .designSelect .select{width:100%; margin-right:0; margin-left:0;}
		.bbsForm .designSelect .select{height:auto; padding:0; border:0;}
		
		.data_email> div > input{width: -webkit-calc((100% / 2) - 11rem);width: calc((100% / 2) - 11rem);}
		.data_email> div > i{margin:0 5rem; font-size:13rem;}
		.data_email .designSelect{width:100%;}
		.data_email #mail_chk{position:absolute; right:0; bottom:0;}

		.bbsForm_data .designSelect .select select{display:block;}
		.bbsForm_data .designSelect .selectbox{display:none;}
		.bbsForm_data .designSelect .select select{display:block; width:100%; height:44rem; margin-bottom:0; padding:0 0 0 10rem;}
		
		.bbsNew_container .scroll-textarea{min-height:140rem;}
		.bbsNew_container .box_privacy textarea{padding:15rem !important; font-size:13rem;}
		.bbsNew_container .btn_area{display:flex; gap:5rem; padding-top:35rem;}
		.bbsNew_container .btn_area > *{flex:1;}
		
		.data-spam span{padding:0 11rem;font-size:13rem; font-weight:800;}
		.data-spam .inr{line-height:39rem;}	
		.data-spam span::before{display: none;}
	}

	@media(max-width:480px){
		.bbsSearch input[type=text],
		.bbsSearch .button,
		.bbsSearch .designSelect .selectbox,
		.bbsSearch .designSelect .select{height:40rem;}
		.bbsSearch .designSelect{margin-right:7rem;}
		.bbsSearch input[type="submit"].button{position:absolute; right:13rem; width:40rem; min-width:auto; height:40rem; margin-left:0; background:transparent url(../../images/board/icon_search.svg) no-repeat 50% 50%; background-size:15rem; font-size:0;}
		.bbsSearch input[type=text]{width:65%;}
		.bbsSearch form{margin-bottom:16rem; padding:16rem 10rem;}
	}

	@media(max-width:460px){
		.bbsControls ul li a p,
		.bbsControls ul li a em{font-size:13rem;}
		.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:auto; width:100%; padding:14rem 0; font-weight:700; font-size:14rem;}

		/* NEW ver.1.0.3 */
		.ko_board_list[data-type="B"] .file{margin-bottom:0;}
	}

	@media(max-width:360px){
		.bbsPager .inr_pager .pager_list{width:120rem;}
	}

	/* 220412 업데이트, 체크박스 정렬 */
	/* bbsList */
	.bbsList .none{ padding: 21rem 10rem }
	.bbsList li .notice{ flex-shrink: 0 }
	ul.bbsList li .subject > span{ flex-shrink: 0 }
	.bbsList a.new::after{ top: auto }
	.bbsList .reply{ flex-shrink: 0 }
	.bbsList + .btn{ float: left; margin-top: 20rem }

	/* checkbox layout */
	.list_checkbox li{ display: flex; align-items: center }
	.list_checkbox input[type=checkbox]{ margin: 0; flex: 0 0 30rem }
	.bbsList.list_checkbox .chk + .date{ left: 45rem }

	/* photoList */
	.photoList > li .img{ background-color: #fff }
	.photoList input[type=checkbox]{ margin-top: -3rem }
	.photoList.certi > li{ border: 0 }

	/* search + button */
	.search_bbs{ text-align: center }
	.search_bbs .btn{ display: inline-block }
	.search_bbs .btn.left{ float: left }

	/* secret */
	span.file{ display: inline-flex; align-items: center }
	span.file img{ top: auto }
	@media (max-width: 640px){
		ul.bbsList li .date:before{ right: -5rem }
		.bbsList td[data-table="subject"] > a{ display: flex }
		.bbsList td[data-table="date"]{width:auto}
		.search_bbs .btn.left{ float: none }
	}
	@media (max-width: 480px){
		/* blog style */
		.blogList li p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 4.2em }
		.bbsView > tbody > tr > th,
		.bbsView > tbody > tr > td{ display: block }
	}

	/* 모듈, 게시판, 매장에서 사용 */
	/* box */
	.box_double{margin-top:20rem;}
	.box_double > div{float:right; width:49%; position:relative;}
	.box_double > div:first-child{float:left; min-height:400rem; border-right:1rem dashed #ccc;}
	.box_double:after{content:''; display:block; clear:both;}

	/* tree */
	.box_double.tree{position:relative;}
	.box_double.tree > div{width:60%;}
	.box_double.tree > div:first-child{position:relative; width:37%; border-right:2rem solid #ebebeb;}
	.box_double.tree > div:first-child:before{content:''; display:block; position:absolute; right:-17rem; top:50%; z-index:10; width:34rem; height:34rem; margin-top:-17rem; background:#4286f3 url(../../images/module/img_tree_arrow.png) no-repeat 50% 50%; border-radius:100%; box-shadow:3px 3px 0px rgba(0,0,0,0.18);}

	/* shop map search  */
	.box_double.shop{margin-bottom:30rem;}
	.box_double.shop > div{width:50%; min-height:490rem; box-sizing:border-box;}
	.box_double.shop div.search{overflow:hidden; position:relative; padding:125rem 70rem 100rem; border:1rem solid #e0e6e9; text-align:center;}
	.box_double.shop div.search:before{content:''; display:block; position:absolute; right:-50rem; bottom:-50rem; z-index:-1; width:491rem; height:354rem; background:url(../../images/module/bg_search.png) no-repeat 50% 0;}
	.box_double.shop div.search em{display:block; font-size:25rem; color:#45484b; word-break:keep-all;}
	.box_double.shop div.search em i{font-weight:500; color:#365ec3;}
	.box_double.shop div.search p{padding-top:10rem; font-size:16rem; font-weight:300; color:#666; word-break:keep-all;}
	.box_double.shop div.search .form{padding-top:60rem;}
	.box_double.shop div.search .form input[type="text"]{width:calc(100% - 175rem); height:40rem;}
	.box_double.shop div.search .form .button{min-width:160rem; height:40rem; line-height:38rem; padding-left:25rem; background:#365ec3 url(../../images/module/icon_search.png) no-repeat 25% 50%; border-color:#2c52b1;}
	.box_double.shop div.map{overflow:hidden; position:relative; padding-top:30rem; background:#f2f6f8; border-right-width:0rem;}
	.box_double.shop div.map .nation{position:relative; width:336rem; height:424rem; margin:0 auto; background:url(../../images/module/img_map01.png) no-repeat 50% 0;}
	.box_double.shop div.map .jeju{position:absolute; right:0; bottom:0; padding:30rem 24rem; border-left:1rem solid #c2d1db;}
	.box_double.shop div.map .jeju:before{content:''; display:block; position:absolute; top:0; left:0; width:105%; height:1rem; background:#c2d1db; transform:rotate(-15deg); transform-origin:0 100%;}
	.box_double.shop div.map .jeju:after{content:''; display:block; width:97rem; height:50rem; margin:0 auto; background:url(../../images/module/img_map02.png) no-repeat 50% 0;}
	.box_double.shop div.map a[data-map]{display:inline-block; position:absolute; width:28rem; height:28rem; line-height:28rem; background:#475665; border-radius:100%; color:#fff; text-align:center; font-size:13rem; font-weight:300; transition:all 0.3s ease 0s;}
	.box_double.shop div.map a[data-map]:hover,
	.box_double.shop div.map a[data-map]:focus,
	.box_double.shop div.map a[data-map].on{background:#365ec3; box-shadow:0 3rem 20rem rgba(54,94,195,0.4);}
	.box_double.shop div.map a[data-map="01"]{top:65rem; left:97rem;}
	.box_double.shop div.map a[data-map="02"]{top:84rem; left:61rem;}
	.box_double.shop div.map a[data-map="03"]{top:103rem; left:125rem;}
	.box_double.shop div.map a[data-map="04"]{top:184rem; left:122rem;}
	.box_double.shop div.map a[data-map="05"]{top:178rem; left:75rem;}
	.box_double.shop div.map a[data-map="06"]{top:147rem; left:150rem;}
	.box_double.shop div.map a[data-map="07"]{top:64rem; left:198rem;}
	.box_double.shop div.map a[data-map="08"]{bottom:100rem; left:56rem;}
	.box_double.shop div.map a[data-map="09"]{bottom:57rem; left:61rem;}
	.box_double.shop div.map a[data-map="10"]{bottom:138rem; left:97rem;}
	.box_double.shop div.map a[data-map="11"]{right:97rem; bottom:154rem;}
	.box_double.shop div.map a[data-map="12"]{right:76rem; bottom:200rem;}
	.box_double.shop div.map a[data-map="13"]{right:130rem; bottom:98rem;}
	.box_double.shop div.map a[data-map="14"]{right:42rem; bottom:114rem;}
	.box_double.shop div.map a[data-map="15"]{right:68rem; bottom:70rem;}
	.box_double.shop div.map a[data-map="16"]{top:50%; left:50%; margin:-18rem 0 0 -14rem;}

	.shopPhoto{position:relative; margin-top:10rem; background:#f2f6f8;}
	.shopPhoto .bx-pager{position:absolute; bottom:20rem; left:0rem; z-index:80; width:100%; text-align:center;}
	.shopPhoto .bx-pager .bx-pager-item,
	.shopPhoto .bx-pager .bx-pager-link{display:inline-block;}
	.shopPhoto .bx-pager .bx-pager-link{width:10rem; height:10rem; margin:0 4rem; background:rgba(255,255,255,0.5); border-radius:20rem; text-indent:100%; overflow:hidden; white-space:nowrap; transition:all 0.3s ease 0s;}
	.shopPhoto .bx-pager .bx-pager-link.active{width:30rem; background:#fff;}
	.shopPhoto .list > li{height:600rem; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; text-align:center;}
	.shopMap{padding-top:10rem;}
	.shopMap .txt_map{padding:20rem; background:#f2f5f7; border:1rem solid #e2e2e2; border-top-width:0rem; font-size:16rem; text-align:center; line-height:1em;}
	.shopConts{margin-top:20rem;}

	/* product - 게시판에도 일부 사용 */
	.productList{padding-bottom:15rem;}
	.productList:after{content:''; display:block; clear:both;}
	.productList > li{float:left; width:23.5%; margin-top:30rem; margin-left:2%;}
	.productList > li:nth-child(4n+1){margin-left:0rem;}
	.productList > li div{display:block; position:relative; background:#fff; border:1rem solid #eaecf1; transition:all 0.3s ease 0s;}
	.productList > li div > *{display:block;}
	.productList > li div > *:not(.img){padding-left:15rem; padding-right:15rem;}
	.productList > li .img{overflow:hidden; width:100%; height:260rem; background:#fff url(../../images/board/no_image.gif) no-repeat 50% 50%; text-align:center; transition:opacity 0.5s ease-out 0s;}
	.productList > li .img img{height:100%; margin-left:-100%; margin-right:-100%; transform:scale(1,1); transition:all 0.5s ease-out 0s;}
	.productList > li .img i{display:block; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1,1); transition:all 0.5s ease-out 0s;}
	.productList > li div > em{opacity:1; min-height:50rem; margin-top:15rem; padding-top:20rem; padding-bottom:10rem; font-size:18rem; letter-spacing:-1rem;}
	.productList > li .img + em{min-height:27rem; line-height:27rem; padding-top:0rem; font-size:15rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.productList > li div:hover,
	.productList > li div:focus{background:#f0f6f8;}
	.productList > li div:hover img,
	.productList > li div:focus img{opacity:0.7; transform:scale(1.1,1.1);}
	.productList > li div:hover .img i,
	.productList > li div:focus .img i{transform:scale(1.1,1.1);}
	.productList > li div:hover .img,
	.productList > li div:focus .img{opacity:0.7;}
	.productList > li i[class^="type"]{display:inline-block; position:absolute; top:227rem; left:-1rem; height:33rem; line-height:33rem; font-size:13rem; color:#fff; font-weight:300;}
	.productList > li i.type01{background:#4764d7;}
	.productList > li i.type02{background:#42454e;}
	.productList > li i.type03{background:#70b439;}
	.productList > li i.type04{background:#dc3159;}
	.productList > li .btn{display:block; padding:0 !important; border-top:1rem dashed #eaecf1; font-size:0rem;}
	.productList > li .btn a{display:inline-block; width:50%; box-sizing:border-box; padding:10rem; background:#fff; font-size:14rem; font-weight:300; text-align:center; transition:all 0.3s ease 0s;}
	.productList > li .btn a:nth-of-type(1){border-right:1rem solid #eaecf1;}
	.productList > li .btn a:hover{background:#f0f6f8; color:#000;}
	.productView .img{float:left; position:relative; width:50%;}
	.productView .img span{display:block; position:relative; overflow:hidden; width:100%; padding-top:70%; background:#fbfbfb;}
	.productView .img span img{position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%);}
	.productView .img ul{position:absolute; bottom:30rem; left:20rem;}
	.productView .img ul li{display:inline-block;}
	.productView .img ul li > a{display:inline-block; overflow:hidden; width:100rem; height:70rem; box-sizing:border-box; margin:0 5rem; border:1rem solid #fff; text-align:center;}
	.productView .img ul li > a img{height:100%; margin-left:-100%; margin-right:-100%;}
	.productView .img ul li > a.active{border-color:#333;}
	.productView .title{float:right; width:45%;}
	.productView .title .btn{margin-top:50rem;}
	.productView .title .btn a{height:45rem; margin-right:5rem; line-height:43rem;}
	.productView .title h3{padding:0 0 20rem; margin-top:0rem; border-bottom:1rem solid #e8e8e8; font-size:30rem; letter-spacing:-1rem;}
	.productView .title h3:before{display:none;}
	.productView .option{display:table; margin-top:20rem;}
	.productView .option li{display:table-row; font-weight:300; color:#666;}
	.productView .option li em{display:table-cell; min-width:100rem; padding:7rem 0rem; color:#222;}
	.productView .info{clear:both; padding-top:80rem;}
	.productView .info h4{margin-top:0rem; padding:0 0 15rem; border-bottom:1rem solid #e8e8e8; font-size:25rem;}
	.productView .info .conts{padding:30rem 0;}
	.productView .info .conts img{max-width:100%;}
	.productWrite:after{content:''; display:block; clear:both;}
	.productWrite .bbsView{float:right; width:58%;}
	.productWrite .tip{position:relative; padding-left:15rem; margin-top:10rem; font-weight:300;}
	.productWrite .tip:before,
	.productWrite .tip:after{content:''; display:inline-block; position:absolute; top:8rem; width:3rem; height:3rem;}
	.productWrite .tip:before{left:0rem; background:#eee;}
	.productWrite .tip:after{left:5rem; background:#365ec3;}
	.productWrite .tip span{font-weight:500; color:#222;}
	@media screen and (max-width:1240px){
		.productView .img ul li > a{width:90rem; height:65rem; margin:0rem;}
	}
	@media screen and (max-width:1024px){
		.box_double.shop div.map{width:512rem;}
		.box_double.shop div.search{width:calc(100% - 512rem); padding-right:30rem; padding-left:30rem;}
		.box_double.shop div.search em{font-size:20rem;}	
		.box_double.shop div.search .form input[type="text"]{width:calc(100% - 105rem);}
		.box_double.shop div.search .form .button{min-width:100rem;}
			
		.productList > li{width:32%;}
		.productList > li:nth-child(4n+1){margin-left:2%;}
		.productList > li:nth-child(3n+1){margin-left:0rem;}
		.productWrite.area_calendar.type02 .calendar{float:none; width:100%;}
		.productWrite .bbsView{float:none; width:100%; margin-top:30rem;}

		.productView .img,
		.productView .title{float:none; width:100%;}
		.productView .title{margin-top:30rem;}
		.productView .title .btn{text-align:center;}
	}

	@media screen and (max-width:900px){
		.box_double.shop div.search:before{right:-130rem; bottom:-60rem;}
	}

	@media screen and (max-width:850px){
		.box_double.shop div.map{width:412rem;}
		.box_double.shop div.map .jeju{padding:20rem 4rem;}
		.box_double.shop div.search{width:calc(100% - 412rem);}
	}

	@media screen and (max-width:730px){
		.box_double.shop > div{float:none; width:auto !important;}
		.box_double.shop div.search{min-height:inherit; padding:30rem;}
		.box_double.shop div.search:before{right:-50rem; bottom:-70rem; width:344rem; height:248rem; background-size:100%;}
	}

	@media screen and (max-width:640px){
		col[data-shop]{display:none !important;}
		td[data-shop="area"]{position:absolute; top:0rem; left:0rem; width:70rem !important; text-align:left !important;}	
		td[data-shop="name"]{padding-left:100rem !important; border-bottom:1rem dashed #e4e4e4 !important; text-align:left !important;}
		td[data-shop="address"]{border-bottom:1rem dashed #e4e4e4 !important; text-align:left !important;}	
		td[data-shop="tel"]{position:absolute; bottom:3rem; left:0rem; width:130rem !important; text-align:left !important;}
		td[data-shop="view"]{padding-left:120rem !important; text-align:right !important;}
		td[data-shop="view"] a{margin:0rem;}
		
		.shopPhoto{background:none;}
		.shopPhoto .list > li{height:300rem;}
		.shopMap .root_daum_roughmap .wrap_map{height:300rem !important;}
			
		.productList > li{width:48%; margin-left:0rem;}
		.productList > li:nth-child(2n){float:right;}
		.productList > li:nth-child(4n+1){margin-left:0;}
		.productList > li:nth-child(3n+1){margin-left:0;}

		.productView .img ul{position:static; margin-top:10rem; padding-bottom:10rem; border-bottom:1rem solid #e8e8e8; text-align:center;}
		.productView .img ul li > a{width:70rem; height:50rem;}
	}

	@media screen and (max-width:460px){
		.productList > li .img{height:210rem;}
		.productList > li i[class^="type"]{top:177rem;}
		.productView .img ul li > a{width:60rem;}
	}
		
	@media screen and (max-width:360px){
		.box_double.shop div.map .jeju:before{transform:rotate(-10deg);}
		
		.productList > li .img{height:180rem;}
		.productList > li i[class^="type"]{top:147rem;}
	}

	/* 230814 프로그램에 등록된 이미지가 없을 경우 */
	.productView .img ul li > a{ background: url('/images/board/no_image.gif') no-repeat 50% / cover; }
	.productView .img span{ background: url('/images/board/no_image.gif') no-repeat 50%; }
	.productView .img span img{ text-indent: -200vw; }

	/* 221014 게시판 뷰의 이미지 크기 반응형 */
	.bbsContent .conts img{ max-width:100%; height:auto !important; }

	/* 230113 v2 view */
	.bbsContent .bbsFile{ margin-top: 40rem; }
	#wrap .bbsContent:not(:has(.bbsFile)){ padding-bottom: 40rem; }
	.admPager_btn li:first-child{ margin-right: 0; }
	@media(max-width:480px){
		.bbsContent .bbsFile{ margin-top: 25rem; }
		#wrap .bbsContent:not(:has(.bbsFile)){ padding-bottom: 25rem; }
	}

	/* 230601 달력 버튼 */
	.datepicker + .ui-datepicker-trigger{margin-left:-25rem;}
	@media(max-width:640px){
		.bbsView input[data-form-type="datepicker"],
		input.datepicker,
		.bbsView input[type="text"].datepicker{width:130rem !important;}
	}

	/* 230601 갤러리 리스트에서 이미지가 없을 경우 */
	.ko_board_list[data-type="A"] .img{ display: block; height: 280rem; background: url(/images/board/no_image.gif) no-repeat 50%; }

	/* 230602 갤러리 리스트 이미지 크기 */
	.ko_board_list[data-type="A"][data-gallery] [ data-board="img"]{ background-size: contain; }

	/* 230602 비밀글 아이콘 */
	#wrap .bbsIcon_secret{ display: inline-block; position: relative; aspect-ratio: 1/1; max-width: 18rem; height: .9em; margin-right: clamp(1rem, 2.96296296vw, 5rem); background: url(/images/board/i_secret.png) no-repeat 50% / contain; vertical-align: middle; }
	a:not(.subject) .bbsIcon_secret{ transform: translateY(-8%); }
	.ko_board_list[data-type="B"] > li:hover .bbsIcon_secret{ background-image: url(/images/board/i_secret_w.png); }

	/* 230602 기본A 영문 공지 */
	.bbsList td[data-table="number"] .notice.eng{ display: inline-block; max-width: unset; padding-inline: 10rem; white-space: nowrap; }

	/* 231103 기본 스킨, 게시물 없을 때 상단 선 제거 */
	.ko-basic-list:has(.ko_board_noData){ border-top: 0; }

	/* 231221 첨부파일 */
	.designFile:not(.mob) em ~ input[type="text"]{padding-right:0;}
	@media(max-width:767px){
		.designFile.mob em{ display: none; }
	}

	/* 231226 공지A 이미지, 비디오 숨기기 */
	.ko_board_list[data-type="A"] [data-board="con"] :where(img, video, iframe){ display: none; }

	/* 240105 버튼 높이 */
	input + .button{ vertical-align: middle; }
	.bbsView .button{ vertical-align: middle; }

	/* 240105 스팸 */
	.data-spam__inr{display:flex; align-items:stretch; line-height:48rem;}
	@media(max-width:480px){
		.data-spam__inr{line-height:39rem;}	
	}

	/* 240108 라디오, 체크박스 클릭 */
	.designRadio input{ visibility: hidden; }

	/* 240112 회원가입 */
	.bbsForm input[type="password"]{ margin: 0; height: 52rem; padding: 0 15rem; }
	.bbsForm.bbsForm :is(#address1, #address2){ margin-top: 2rem; }
	.bbsView.bbsForm .button{ margin: 0; height: 52rem; }
	@media(max-width:440px){
		.bbsView .button{ height: 44rem; }
	}

	/* 240222 폼 셀렉트 박스 */
	.bbsForm select{ padding-right: 25rem; }

	/* 240306 개인정보수집 이용 동의 체크박스 */
	.bbsNew_container .designRadio input{ width: 22rem; height: 22rem; visibility: visible; z-index: -1; }
	.bbsNew_container .designRadio :is(.checkmark:hover, .checkmark.isFocus){ border-color: #444; }
	@media(max-width: 480px){
		.check_con input{ width: 19rem; height: 19rem; }
	}

	/* 240312 게시판 리스트 초기화 */
	:where(.bbsDate, .bbsPager, .bbsControls) ul{ margin: 0; padding: 0; }
	:where(.bbsDate, .bbsPager, .bbsControls) li{ list-style: none; }

	/* 게시판 스팸 */
	.board-spam{display:flex; align-items:stretch; gap: 5rem; height: 52rem; }
	.board-spam .number{ display: flex; align-items: center; justify-content: center; padding: 0rem 23rem; background:#222; color:#fff; font-size:15rem; font-weight:700; }
	@media(max-width:480px){
		.board-spam{ height: 44rem; }
		.board-spam .number{ padding:0 11rem; }
	}

	/* 필수입력 */
	.sys-required{ color:#d5282c; }
	.sys-required::before{ content:'*'; }
}

/* 온라인 문의 */
.inquiry__form{
	.inquiry__title{ margin: 40rem 0 10rem; font-size: 18rem; border: 1px solid #dedede; background: #f3f3f3; padding: .8em 1em; }
	.bbsForm_data:not(:has(table, textarea)){ display: grid; grid-template-columns: 15ch 1fr; align-items: center; }
	.bbsForm_data:not(:first-child){ margin-top: 24rem; }
	.bbsForm_data > *{ margin: 0; }
	.bbsForm_data:has([type="checkbox"]) > div > div{ display: flex; flex-wrap: wrap; gap: 0 2ch; }
	.bbsForm_data:has([type="checkbox"]) > div > div label{ display: flex; align-items: center; gap: .5ch; }
	.bbsForm_data:has([type="checkbox"]) > div > div [type="checkbox"]{ margin: 0; }
	.talbe-wrapper{ overflow: auto; margin-inline: -4vw; padding: 0 4vw 1px; }
	.talbe-wrapper .inquiry__table{ min-width: 1000rem; }
	.inquiry__table col{ width: 12.5%; }
	.inquiry__table th{ background: #f3f3f3; }
	.inquiry__table tr.isHidden{ display: none; }
	.btn-wrapper{ margin-top: 20rem; display: flex; justify-content: center; }
	[for^="query"]:not(:has(:checked)) + input{ display: none; }
	@media(min-width:768px){
		.bbsForm{ display: grid; grid-template-columns: repeat(2, 1fr); }
		.inquiry__title, .bbsForm_data:has(#email, textarea, [type="checkbox"]), .talbe-wrapper, .btn-wrapper{ grid-column: 1 / 3; }
	}
	@media(max-width:767px){
		.wdt30{ min-width: 0; width: 100%; }
	}
}