@charset "utf-8";

/* Paging setting */
.cont_form {position:relative;display:inline-block;width:96%;margin:10px 2% 10px;padding:0;}
.group_paging {display:block;margin:0;text-align:center;line-height:20px;}
.group_paging > a {display:inline-block;padding:0 5px;margin:0;line-height:25px;text-decoration:none;color:#333;font-weight:bold;cursor:pointer;}
.group_paging > a:hover {color:#6f7689;}
.group_paging > a.active {display:inline-block;padding:0 5px;margin:0;line-height:25px;text-decoration:none;color:#000;font-weight:bold;cursor:default;}
.group_paging span.link_edge {display:inline-block;margin:0 2px;border:1px solid #ccc;width:25px;height:25px;font-weight:normal;cursor:pointer;}
.group_paging span.link_edge.prev {background:url(/images/btn/btn_page_prev.jpg) no-repeat;background-size:100%;}
.group_paging span.link_edge.next {background:url(/images/btn/btn_page_next.jpg) no-repeat;background-size:100%;}
.group_paging span.link_edge.f_prev {background:url(/images/btn/btn_page_prev_f.jpg) no-repeat;background-size:100%;}
.group_paging span.link_edge.f_next {background:url(/images/btn/btn_page_next_f.jpg) no-repeat;background-size:100%;}
.group_paging span.link_edge > a {display:block;width:100%;height:100%;color:#999;text-indent:-9999em;}
.group_paging span.link_edge > a:hover {color:#333;}

/*************pager************/
.pager {width:100%;  margin:30px auto 100px; text-align:center; display: inline-block;}
.pager-body { display:inline-block; }
.pager-body a {width:33px; height:40px; line-height:38px; color:#777777; font-size:16px; font-weight:500; float:left; margin:0 2px; display:block; box-sizing:border-box; position:relative;}
.pager-body a img{position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0;}
.pager-body a.on{ color:#111; border:none; line-height:40px; border-bottom:2px solid var(--clr-primary)}
@media screen and (max-width: 1024px) {
	.pager { margin-bottom: 40px; }
}
@media screen and (max-width: 768px) {
	.pager { margin-bottom: 30px; }
}
/******************************/
/* 어두운 색상의 게시판 모드 background - 색상 변경해주세요 */
.background-bk {display:block;position:relative;width:100%;margin:0;padding:0;background:#000;}

/* button setting */
.bottomBtn {display:inline-block;width:100%;margin:20px 0 40px;text-align:right;}
.bottomBtn.ta-lt{text-align:left;}
.bottomBtn.ta-rt{text-align:right;}

.bottomBtn > .btnLeft {float:left;max-width:50%;text-align:left;}
.bottomBtn > .btnRight {float:right;max-width:50%;text-align:right;}

.btnWhite {display:inline-block;padding:0 25px;margin:5px;height: 65px;line-height: 65px;border:1px solid #b9b9b9;background:#fff;text-align:center;color:#555;font-size:13px;border-radius: 8px;}
.btnRed {display:inline-block;padding:0 25px;margin:5px;height: 65px;line-height: 65px;border:1px solid #ea2125;background:#ea2125;text-align:center;color:#fff;font-size:13px;border-radius: 8px;}
.btnGray {display:inline-block;padding:0 25px;margin:5px;height: 65px;line-height: 65px;border:1px solid var(--clr-primary);background:var(--clr-primary) !important;text-align:center;color:#fff;font-size:13px;border-radius: 8px;}

/* 어두운 색상용 */
.background-bk .btnWhite {border:1px solid #fff;background:none;color:#fff;}
.background-bk .btnGray {border:1px solid #fafafa;background:#fafafa;color:#333;}
.background-bk .btnRed {display:inline-block;padding:10px 25px;margin:5px;border:1px solid #ea2125;background:none;text-align:center;line-height:1.6;color:#ea2125;font-size:13px;}

@media screen and (max-width:480px) {
	.btnWhite {padding:5px 10px;margin:1px; }
	.btnGray {padding:5px 10px;margin:1px; }
	.btnRed {padding:5px 10px;margin:1px; }
}

/* select box setting */
div.dv-select {display:inline-block;*display: inline;zoom:1;position:relative;width:100%;height:35px;padding:0;border: 1px solid #d8d8d8;background:#fff;box-sizing:border-box;overflow:hidden;}
div.dv-select > label {display:inline-block; opacity:0; *display: inline;zoom:1;position:absolute;top:0;right:0;width:100%;line-height:35px;margin:0;padding:0 35px 0 10px;font-size:12px;color:#666; background:transparent;box-sizing:border-box;cursor:pointer;}
div.dv-select > span.spn-sel-arrow {display:block;position:absolute;top:-1px;right:-1px;width:35px;height:35px;margin:0;padding:0;background:url(/images/board/sel-arrow.png) no-repeat;background-size:20px;background-position:center;box-sizing:border-box;cursor:pointer;}
div.dv-select > select {position:relative;width:100%;height:35px;padding:0 25px 0 10px;border:none;background:none;outline:none; -webkit-appearance:none;filter:alpha(opacity=0);z-index:1; color:#666; font-weight:300; font-size:13px; font-family: 'Noto Sans KR','GmarketSansMedium',Dotum,Helvetica,AppleGothic,Gulim,'굴림',Sans-serif;}

.background-bk div.dv-select {border: 1px solid #fafafa;background:none;}
.background-bk div.dv-select > label {color:#fff;}
.background-bk div.dv-select > span.spn-sel-arrow {background:url(/images/board/sel-arrow.png) no-repeat;}

/* input box setting */
/* input[type=text],
input[type=password] {width:100%;padding:5px;border:1px solid #d8d8d8;height:35px;font-size:12px;box-sizing:border-box;-webkit-appearance: none;border-radius:0;} */

.background-bk input[type=text],
.background-bk input[type=password] {border:1px solid #d8d8d8;background:none;color:#fff}

.file-upload {overflow:hidden;width:100%;position:relative;}
.file-upload button.findBtn {width:100%;height:35px;line-height:35px;background:#333;border:1px solid #333;border-left:none;color:#fff;box-sizing:border-box;}
.file-upload label {display:block;}
.file-upload span {float:left;width:78%;height:35px;line-height:35px;padding:0 15px;border:1px solid #d8d8d8;color:#333;background:#f1f1f1;border-right:none;box-sizing:border-box; font-family:'Noto Sans KR',Sans-serif;}
.file-upload .upload-btn input.file {position:absolute;top:0;right:0;width:100%;height:35px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}
.file-upload .upload-btn {float:left;width:22%;height:35px; position:relative;}

@-moz-document url-prefix() {
	.file-upload {width:100%}
	.file-upload input.text {float:left;width:100%}
}

.background-bk .file-upload button.findBtn {background:#ea2125;border:1px solid #ea2125;color:#fff;}
.background-bk .file-upload span {background:none;color:#fff;}

/* textarea/iframe box setting */
/* textarea {width:100%;padding:5px;border:1px solid #d8d8d8;box-sizing:border-box;-webkit-appearance: none;border-radius:0;} */

/* 검색영역 */
.selArea {display:block;width:100%;max-width:400px; vertical-align:top; text-align:center; box-sizing:border-box;}
.selArea div.dv-select {display:inline-block;width:10%;margin:0 5px 0 0;}
.selArea span.input {display:inline-block;position:relative;width:25%;margin:0 5px 0 0;}
.selArea span.input input[type=text] {width:100%;}
.selArea span.input input[type=text]::-webkit-input-placeholder {color:#ddd;}
.selArea span.input input[type=text]::-webkit-input-placeholder {color:#ddd;}
.selArea span.input input[type=text]::-moz-placeholder {color:#ddd; } /* firefox 19+ */
.selArea span.input input[type=text]:-ms-input-placeholder {color:#ddd;} /* ie */
.selArea span.input input[type=text]:-moz-placeholder {color:#ddd;}
.selArea span.search {display:inline-block;position:relative;width:60px;margin:0 0 0 0;}
.selArea .btnOrange {display:inline-block;width:100%;line-height:35px;font-size:13px;color:#fff;background:#000;height:35px;text-align:center;border:none;-webkit-appearance: none;border-radius:0;cursor:pointer;}

.background-bk .selArea {border:none;background:none;}

.boardListBg {background:#f5f6f7; padding:100px 0; margin:100px 0 0; }
.boardListArea{display:block;width:95%;max-width:1440px;margin:0 auto;padding:0;box-sizing:border-box;}


/*.mob-none {display:table-cell;}*/
@media screen and (min-width:481px) and (max-width:767px) {
	.boardListArea {padding:10px;}
	.mob-none {display:none;}
}
@media screen and (max-width:480px) {
	.boardListArea {padding:5px;}
	.mob-none {display:none;}
}
/* ----------------------- 게시판 리스트 ----------------------- */

	/* 리스트 테이블 영역 */
	.srboardList .listTable {width:100%;}

		.srboardList .listTable p.total {display:block;width:96%;max-width:1280px;margin:-20px auto 10px;padding:0;font-size:13px;color:#666;text-align:right;}
		.srboardList .listTable p.total span {display:inline-block;margin:0 2px 0 5px;color:#ea2125;font-weight:bold;}

		.srboardList .listTable .colTbl {width:100%;font-size:15px;table-layout:fixed;border-bottom:1px solid #ddd;}
		.srboardList .listTable .colTbl th {border-top:2px solid #000;padding:20px 0;color:#222; font-size:17px; font-weight:500;}
		.srboardList .listTable .colTbl td {border-top:1px solid #ddd;padding:20px 10px 20px; font-size: 16px;color:#707070;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300;}
		.srboardList .listTable .colTbl td.title {text-align:left; font-weight:300;width:100%; }
		.srboardList .listTable .colTbl td.title a{color:#000;}
		.srboardList .listTable .colTbl tr td{transition:background ease .3s;}
		.srboardList .listTable .colTbl tr:hover td{background:#f8f8f8;}
		.srboardList .listTable .colTbl tr:hover td.title a{ color:#1f4041; font-weight:500; text-decoration:underline; }


		.background-bk .srboardList .listTable p.total {color:#fff;}
		.background-bk .srboardList .listTable .colTbl {border-bottom:1px solid #626262;}
		.background-bk .srboardList .listTable .colTbl th {border-top:2px solid #ea2125;color:#fff;background:#333;}
		.background-bk .srboardList .listTable .colTbl td {border-top:1px solid #626262;color:#f1f1f1;}
		.background-bk .srboardList .listTable .colTbl td.title {text-align:left;}
		.background-bk .srboardList .listTable .colTbl td.title a {color:#f1f1f1;}

	@media screen and (min-width:481px) and (max-width:767px) {
		.srboardList .listTable .colTbl {font-size:14px;}
		.srboardList .listTable .colTbl th {padding:15px 2px 15px;text-align:center; width:100%;}
		.srboardList .listTable .colTbl th span.esse {display:block;margin-right:0;}
		.srboardList .listTable .colTbl td {padding:12px 0 12px;}
		.selArea{margin:0 auto 50px;}
	}
	@media screen and (max-width:480px) {
		.srboardList .listTable .colTbl {font-size:14px;}
		.srboardList .listTable .colTbl th {padding:15px 2px 15px;text-align:center; width:100%;}
		.srboardList .listTable .colTbl th span.esse {display:block;margin-right:0;}
		.srboardList .listTable .colTbl td {padding:12px 0 12px;}
		.selArea{margin:0 auto 50px;}
	}

	/* 리스트 겔러리 영역 (기본) */
	.srboardList .listGallery {width:100%;}
		.srboardList .listGallery p.total {display:block;width:100%;max-width:1280px;margin:0 auto 10px;padding:0;font-size:13px;color:#666;text-align:right;}
		.srboardList .listGallery p.total span {display:inline-block;margin:0 2px 0 5px;color:#ea2125;font-weight:500; vertical-align:baseline;}
		.srboardList .listGallery .colUll {width:100%; }
		.srboardList .listGallery .colUll > ul{overflow:hidden;margin: -40px -15px;}
		.srboardList .listGallery .colUll > ul > li.li-gall-none {width:100%;height:80px;line-height:80px;margin:0;text-align:center;vertical-align:middle;}
		.srboardList .listGallery .colUll > ul > li > dl {display:block;position:relative;width:100%;}
		.srboardList .listGallery .colUll > ul > li > dl > dt {display:inline-block;position:relative;width:100%;margin:0 0 5px;padding:15px 15px 0;box-sizing:border-box;}
		.srboardList .listGallery .colUll > ul > li > dl > dt > a {display:block;width:100%;margin:0;padding:0; position:relative; border-radius:16px; overflow:hidden;}
		.srboardList .listGallery .colUll > ul > li > dl > dt > a > .img {position:absolute; height:100%; left:0; top:0; width:100%;  border-radius:15px; overflow: hidden;  }
		.srboardList .listGallery .colUll > ul > li > dl > dt > a > .img img{width:100%;   -webkit-transition: 0.5s;  transition: 0.5s;   object-fit: cover;
    width: 100%;
    height: 100%;}
		.srboardList .listGallery .colUll > ul > li:hover > dl > dt > a > .img img{   -o-transform: scale(1.1);   -ms-transform: scale(1.1);   -moz-transform: scale(1.1);-webkit-transform: scale(1.1);    transform: scale(1.1);}


        .srboardList .listGallery .colUll > ul > li {float:left; padding: 40px 15px; width:33.33333%;}
		.srboardList .listGallery .colUll > ul > li:nth-child(4n){margin-right:0;}
		.srboardList .listGallery .colUll > ul > li.li-gall-none {width:100%;height:80px;line-height:2;margin:0;text-align:center;vertical-align:middle;}
		.srboardList .listGallery .colUll > ul > li > dl {display:block;position:relative;width:100%;}
		.srboardList .listGallery .colUll > ul > li > dl > dt {display:inline-block;position:relative;width:100%;margin:0 0 5px;padding: 0;box-sizing:border-box;}
		.srboardList .listGallery .colUll > ul > li > dl > dt > a {display:block;width:100%;margin:0;padding-bottom:calc(360/527*100%); height:0; background-size:cover; background-position:center center; }
		.srboardList .listGallery .colUll > ul > li > dl > dt > a > img {position:absolute;top: 0;left: 0;display: block;width:100%;height: 100%;object-fit: cover;transition: transform ease .6s;}
		.srboardList .listGallery .colUll > ul > li > dl > dd.title {display:block;width:100%;line-height:1.6;margin:0 0 5px;padding:0  ;text-align:left;box-sizing:border-box;word-wrap:break-word; }
		.srboardList .listGallery .colUll > ul > li > dl > dd.title > a {display:block;font-size:20px;font-weight:600;color:var(--clr-dark); margin:6px 0 18px; font-weight:500; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
		.srboardList .listGallery .colUll > ul > li > dl > dd.title > a span { padding-bottom: 0.1em; background-image: linear-gradient(transparent calc(100% - 2px), #202020 2px); background-size: 0% 100%; background-repeat: no-repeat; transition: background-size .35s; }
	    .srboardList .listGallery .colUll > ul > li > dl:hover > dd.title > a span { background-size: 100% 100%; }
		.srboardList .listGallery .colUll > ul > li > dl:hover > dt > a > img { transform: scale(1.2); }
		.srboardList .listGallery .colUll > ul > li > dl > dd.date {display:block;width:100%;line-height:1.6;margin:0;padding:0  ;font-size:16px;color:inherit;text-align:left;box-sizing:border-box;word-wrap:break-word; }
		.srboardList .listGallery .colUll > ul > li > dl > dd.category{font-size:16px;font-weight: 600;text-align:left; margin:20px 0 0; color:var(--clr-primary);}

		.background-bk .srboardList .listGallery .colUll {border-top:2px solid #fafafa;}
		.background-bk .srboardList .listGallery .colUll > ul > li > dl > dd.title > a {color:#fff;}
		.background-bk .srboardList .listGallery .colUll > ul > li > dl > dd.date {color:#666;}

		@media screen and (max-width:768px) {
			.srboardList .listGallery .colUll > ul > li {width:49%;}
			.srboardList .listGallery .colUll > ul > li:nth-child(3n){margin-right:2%;}
			.srboardList .listGallery .colUll > ul > li:nth-child(2n){margin-right:0;}
		}
		@media screen and (max-width:480px) {
			.srboardList .listGallery .colUll > ul > li {width:100%; margin-right:0;}
			.srboardList .listGallery .colUll > ul > li:nth-child(3n){margin-right:0;}
			.srboardList .listGallery .colUll > ul > li:nth-child(2n){margin-right:0;}
		}
	/* 리스트 겔러리 영역 (grid) */
		.srboardList .listGallery .colGrid {display:block;position:relative;width:100%;max-width:1280px;margin:0 auto;}
		.board-grid-none {position:relative !important;width:100%;height:80px;line-height:80px;margin:0;text-align:center;vertical-align:middle;}
		.board-grid {display:inline-block;width:98%;padding:10px 1% 25px;margin:0 1%;box-sizing:border-box;-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
		.board-grid > h1 {display:block;margin:0;padding:0 0 25px;line-height:1.5;font-size:16px;color:#333;text-align:center;word-break:keep-all;word-wrap:break-word;}
		.board-grid > p {display:block;margin:10px 0;padding:0 0 25px;line-height:1.5;font-size:14px;color:#2e2e2e;text-align:center;word-break:keep-all;word-wrap:break-word;}
		.board-grid > p > span {display:block;margin:0;}
		.board-grid > .category {display:block;width:100%;margin:0 0 5px;padding:0;font-size:12px;color:#333;text-align:left;}
		.board-grid > .category:before {content:"[";}
		.board-grid > .category:after {content:"]";}
		.board-grid > .imgholder {display:block;width:100%;margin:0 0 5px;padding:0;}
		.board-grid > .imgholder > img {display:block;width:100%;}
		.board-grid > .imgholder > a {display:block;width:100%;}
		.board-grid > .imgholder > a > img {display:block;width:100%;}

		.background-bk .board-grid > h1 {color:#fff;}
		.background-bk .board-grid > p {color:#fafafa;}
		.background-bk .board-grid > .category {color:#fff;}

	/* 리스트 아코디언 영역 */
	.srboardList .listCollapse {width:100%;}
		.srboardList .listCollapse .colColl {display:block;position:relative;width:100%;margin:45px auto 25px;border-top:2px solid #757575;}
		.board-Collapse-none {position:relative;width:100%;height:80px;line-height:80px;margin:0;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd;}

		.dv-accordion-box {position:relative;width:100%;margin:0;padding:0;}
		.dv-accordion-box h1 {width:100%;margin:0;padding:5px 10px;font-weight:normal;box-sizing:border-box;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition:all 1s ease;transition: all 1s ease;}
		.dv-accordion-box h1 a {display:inline-block;width:100%;}
		.dv-accordion-box h1 a.a-wrap {display:block;width:100%;padding:0 0 5px 25px;margin:0;font-size:16px;color:#666;box-sizing:border-box;}
		.dv-accordion-box h1 a.a-wrap:before {content:"Q.";padding:0 5px 0 0;margin:0 0 0 -25px;font-size:26px;font-weight:300;color:#ea2125;}
		.dv-accordion-box h1 span {display:none;margin:0 3px;line-height:46px;color:#000;font-weight:bold;}
		.dv-accordion-box h1 span:before {content:"[";}
		.dv-accordion-box h1 span:after {content:"]";}
		.dv-accordion-box h1:hover {background:#fafafa;}
		.dv-accordion-box h1.open {background:#fff;}

		.dv-accordion-box h1 + div {display:block !important;width:100%;height:0;padding:0;border-top:1px solid #ddd;box-sizing:border-box;overflow:hidden;}
		.dv-accordion-box h1.open + div {padding:25px;border-top:1px solid #ea2125;border-bottom:1px solid #ea2125;box-sizing:border-box;}

		.accordion-item-conts-inner {display:table;width:100%;margin:0;padding:0;}
		.accordion-item-conts-inner > span {display:table-cell;width:75px;padding:10px 25px;font-size:26px;font-weight:300;color:#333;text-align:right;box-sizing:border-box;}
		.accordion-item-conts-inner > label {display:table-cell;width:100%;padding:25px;background:#f1f1f1;font-size:13px;color:#333;border:1px solid #e5e5e5;overflow:hidden;box-sizing:border-box;}
		.accordion-item-conts-inner > label > * {table-layout:fixed;display:block;width:100%;}

		.background-bk .dv-accordion-box h1 a.a-wrap {color:#fff;}
		.background-bk .dv-accordion-box h1 a.a-wrap:before {color:#ea2125;}
		.background-bk .dv-accordion-box h1 span {color:#000;}
		.background-bk .dv-accordion-box h1:hover {background:#333;}
		.background-bk .dv-accordion-box h1.open {background:none;}
		.background-bk .accordion-item-conts-inner > span {color:#fff;}
		.background-bk .accordion-item-conts-inner > label {background:rgba(255, 255, 255, 0.05);color:#f1f1f1;}

	@media screen and (min-width:481px) and (max-width:767px) {
		.dv-accordion-box h1 a.a-wrap {padding:0 0 5px 23px;font-size:12px;}
		.dv-accordion-box h1 a.a-wrap:before {padding:0 3px 0 0;margin:0 0 0 -23px;font-size:18px;}
		.dv-accordion-box h1 span {margin:0 2px;line-height:36px;}

		.dv-accordion-box h1.open + div {padding:15px;}

		.accordion-item-conts-inner > span {display:block;width:100%;padding:5px 10px;font-size:18px;text-align:left;}
		.accordion-item-conts-inner > label {display:block;width:100%;padding:5px;font-size:12px;}
	}
	@media screen and (max-width:480px) {
		.dv-accordion-box h1 a.a-wrap {padding:0 0 5px 21px;font-size:11px;}
		.dv-accordion-box h1 a.a-wrap:before {padding:0 2px 0 0;margin:0 0 0 -21px;font-size:16px;}
		.dv-accordion-box h1 span {margin:0 1px;line-height:36px;}

		.dv-accordion-box h1.open + div {padding:5px;}

		.accordion-item-conts-inner > span {display:block;width:100%;padding:5px 10px;font-size:18px;text-align:left;}
		.accordion-item-conts-inner > label {display:block;width:100%;padding:5px;font-size:12px;}
	}

/* ----------------------- 게시판 글쓰기 ----------------------- */
.srboardWrite {display:inline-block;width:100%;margin:0;}

	/* 글쓰기 테이블 영역 */
	.srboardWrite .writeTable {}
	.srboardWrite .writeTable p.right {width:100%;text-align:right;color:#f95800;font-size:13px;margin-bottom:10px;*line-height:normal;}
	.srboardWrite .writeTable .rowTbl {width:100%;border-top:1px solid #000;border-bottom:1px solid #ddd;font-size:13px;}
	.srboardWrite .writeTable .rowTbl th {border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#f6f6f6;line-height:1.5;text-align:left;padding:10px 15px 10px 15px;*line-height:normal;}
	.srboardWrite .writeTable .rowTbl th span.esse {display:inline-block;color:#f95800;margin-right:3px;}
	.srboardWrite .writeTable .rowTbl td {border-bottom:1px solid #e0e0e0;padding:10px;}
	.srboardWrite .writeTable .rowTbl td > input {width:auto;margin:0;}
	.srboardWrite .writeTable .rowTbl td > input#title {width:70%;}
	.srboardWrite .writeTable .rowTbl td > div.dv-select{width:auto;margin:0;}
	.srboardWrite .writeTable .rowTbl td > textarea {width:100%;margin:0;}
	.srboardWrite .writeTable .rowTbl td > a {display:inline-block;width:auto;height:35px;margin:0;vertical-align:middle;}
	.srboardWrite .writeTable .rowTbl td > a > img {height:100%;}
	.srboardWrite .writeTable .rowTbl td > span {display:inline-block;line-height:35px;}
	.srboardWrite .writeTable .rowTbl td > p {display:block;line-height:1.5;margin:5px 0 0;font-size:11px;color:#ea2125;}
	.srboardWrite .writeTable .rowTbl td > ul {display:block;width:100%;}
	.srboardWrite .writeTable .rowTbl td > ul > li {display:inline-block;margin:0 5px 0 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.li-txt {width:auto;text-align:center;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid10 {width:10%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid20 {width:20%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid30 {width:30%;}

	.srboardWrite .writeTable .rowTbl td > ul > li.ph01 {width:10%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.ph02 {width:20%;}

	.srboardWrite .writeTable .rowTbl td > ul > li.emailId {width:20%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.emailAdd {width:20%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.emailSel {width:20%;}

	.srboardWrite .writeTable .rowTbl td > ul > li > span {line-height:35px;}

	.background-bk .srboardWrite .writeTable .rowTbl {border-top:2px solid #757575;border-bottom:1px solid #ddd;}
	.background-bk .srboardWrite .writeTable .rowTbl th {background:none;color:#fff;}

	@media screen and (min-width:481px) and (max-width:767px) {
	.srboardWrite .writeTable .rowTbl {font-size:11px;}
	.srboardWrite .writeTable .rowTbl th {padding:2px;text-align:center;}
	.srboardWrite .writeTable .rowTbl th span.esse {display:block;margin-right:0;}
	.srboardWrite .writeTable .rowTbl td {padding:2px;}
	.srboardWrite .writeTable .rowTbl td > input {width:98%;margin:0 1%;}
	.srboardWrite .writeTable .rowTbl td > textarea {width:98%;margin:0 1%;}
	.srboardWrite .writeTable .rowTbl td > div.file-upload {width:98%;margin:0 1%;}
	.srboardWrite .writeTable .rowTbl td > div.dv-select{width:98%;margin:0 1%;}

	.srboardWrite .writeTable .rowTbl td > ul > li {display:inline-block;margin:0 2px 0 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid10 {width:100%;margin:2px 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid20 {width:100%;margin:2px 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid30 {width:100%;margin:2px 0;}

	.srboardWrite .writeTable .rowTbl td > ul > li.ph01 {width:98%;margin:2px 1%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.ph02 {width:90%;margin:2px 0;}

	.srboardWrite .writeTable .rowTbl td > ul > li.emailId {width:98%;margin:2px 1%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.emailAdd {width:90%;margin:2px 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.emailSel {width:98%;margin:2px 1%;}

	.srboardWrite .writeTable .rowTbl td > ul > li.li-txt {width:8%;margin:2px 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li > span {line-height:35px;}
	}
	@media screen and (max-width:480px) {
	.srboardWrite .writeTable .rowTbl {font-size:10px;}
	.srboardWrite .writeTable .rowTbl th {padding:2px;text-align:center;}
	.srboardWrite .writeTable .rowTbl th span.esse {display:block;margin-right:0;}
	.srboardWrite .writeTable .rowTbl td {padding:2px;}
	.srboardWrite .writeTable .rowTbl td > input {width:98%;margin:0 1%;}
	.srboardWrite .writeTable .rowTbl td > textarea {width:98%;margin:0 1%;}
	.srboardWrite .writeTable .rowTbl td > div.file-upload {width:98%;margin:0 1%;}
	.srboardWrite .writeTable .rowTbl td > div.dv-select{width:98%;margin:0 1%;}

	.srboardWrite .writeTable .rowTbl td > ul > li {display:inline-block;margin:0 2px 0 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid10 {width:100%;margin:2px 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid20 {width:100%;margin:2px 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.wid30 {width:100%;margin:2px 0;}

	.srboardWrite .writeTable .rowTbl td > ul > li.ph01 {width:98%;margin:2px 1%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.ph02 {width:90%;margin:2px 0;}

	.srboardWrite .writeTable .rowTbl td > ul > li.emailId {width:98%;margin:2px 1%;}
	.srboardWrite .writeTable .rowTbl td > ul > li.emailAdd {width:90%;margin:2px 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li.emailSel {width:98%;margin:2px 1%;}

	.srboardWrite .writeTable .rowTbl td > ul > li.li-txt {width:8%;margin:2px 0;}
	.srboardWrite .writeTable .rowTbl td > ul > li > span {line-height:35px;}
	}

/* ----------------------- 게시판 상세보기 ----------------------- */
.srboardView {display:inline-block;width:100%;margin:0 auto 150px;}
.srboardView .bottomBtn{width:180px; margin:0 auto; display: block; text-align:center;}
.srboardView .bottomBtn a{display:inline-block;}
.srboardView .bottomBtn .btnList{color:var(--clr-primary); border:2px solid var(--clr-primary); display:block; height:60px; line-height:54px; font-size:16px; font-weight:600;}


/* 상세보기 테이블 영역 */
.srboardView .viewArea {width:100%;}
.srboardView .viewArea .viewTitle { width:100%; border-top:2px solid #333; padding-top:50px;}
.srboardView .viewArea .viewTitle h4 {line-height:1.2;padding:0 50px;font-size:34px;color:#000;margin-bottom:0;word-wrap:break-word; font-weight:600;}
.srboardView .viewArea .viewTitle .subInfo { padding:30px 50px 40px; border-bottom:1px solid #ddd;   display: flex;  justify-content: space-between;}
.srboardView .viewArea .viewTitle .subInfo ul {display:inline-block;overflow:hidden;}
.srboardView .viewArea .viewTitle .subInfo ul li {float:left; padding-right:20px;  font-size:16px;line-height:1.6;}
.srboardView .viewArea .viewTitle .subInfo ul li+li {position:relative; padding-left:20px;}
.srboardView .viewArea .viewTitle .subInfo ul li+li:after{content:''; width:1px; height:14px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-7px;}
.srboardView .viewArea .viewTitle dt {float:left;padding-right:15px;color:#333; font-weight:600;}
.srboardView .viewArea .viewTitle dd {color:#707070;float:left;}
.srboardView .viewArea .viewCont {padding:50px ;font-size:16px;color:#666;line-height:1.6;word-wrap:break-word;}

.srboardView .viewArea .fileArea {display:block;width:100%;margin:0; box-sizing:border-box;background:transparent;border-top:1px solid #ddd;border-bottom:1px solid #111; color:#111;}
.srboardView .viewArea .fileArea > dl {display:inline-block;width:100%;margin:0;padding:0;}
.srboardView .viewArea .fileArea > dl > dt {width:100%;height:60px;line-height:60px;padding:0 40px;font-size:16px;font-weight:500; box-sizing:border-box;background:#e9e6df; display:inline-block; width: auto;}
.srboardView .viewArea .fileArea > dl > dd {display:inline-block; width: auto; margin-right:20px;  font-size:16px;color:#666; box-sizing:border-box;}
.srboardView .viewArea .fileArea > dl > dd:before {content:"";}
.srboardView .viewArea .fileArea > dl > dd > a {display:inline-block;height:60px;line-height:60px;margin:0 5px;color:#666;}
.srboardView .viewArea .fileArea > dl > dd > a:hover {text-decoration:underline;}
.srboardView .viewArea .fileArea > dl > dd > a > img {width:21px;margin:2px 0 0; vertical-align:middle;}

.srboardView .viewArea .preViewTitle {   position:relative;}
.srboardView .viewArea .preViewTitle dl {position:absolute; right:0; opacity:.5; top:12px;}
.srboardView .viewArea .preViewTitle dl.left{right:auto; left:0;}
.srboardView .viewArea .preViewTitle dl.left dt{ padding-right:30px;}
.srboardView .viewArea .preViewTitle dl.right dt{float:right; padding-left:30px;}
.srboardView .viewArea .preViewTitle dl dt {float:left; font-size:18px;color:#111; font-weight:500;}
.srboardView .viewArea .preViewTitle dl dt.prev:before {content:"←";padding:0 25px 0 0;}
.srboardView .viewArea .preViewTitle dl dt.next:after {content:"→";padding:0 0 0 25px;}
.srboardView .viewArea .preViewTitle dl dd {line-height:1.6;font-size:16px;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.srboardView .viewArea .preViewTitle dl dd > a {color:#333;}
.srboardView .viewArea .preViewTitle dl:hover{opacity:1;}

.background-bk .srboardView .viewArea .viewTitle {border-top:2px solid #ea2125;background:rgba(255, 255, 255, 0.2);}
.background-bk .srboardView .viewArea .viewTitle h4 {color:#333;background:rgba(255, 255, 255, 0.9);}
.background-bk .srboardView .viewArea .viewTitle .subInfo {border-top:1px solid #fafafa;}

.background-bk .srboardView .viewArea .fileArea {background:rgba(255, 255, 255, 0.1);}
.background-bk .srboardView .viewArea .fileArea > dl > dt {background:url(/images/board/icon_board_file_bk.png) no-repeat;background-size:21px 21px;background-position:left center;}
.background-bk .srboardView .viewArea .fileArea > dl > dd {color:#000;}
.background-bk .srboardView .viewArea .fileArea > dl > dd > a {color:#000;}

.background-bk .srboardView .viewArea .viewCont {color:#f1f1f1;}
.background-bk .srboardView .viewArea .viewTitle dt {color:#fff;}
.background-bk .srboardView .viewArea .viewTitle dd {color:#fafafa;}
.background-bk .srboardView .viewArea .preViewTitle dl dt {color:#fff;}
.background-bk .srboardView .viewArea .preViewTitle dl dd {color:#c8c8c8;}
.background-bk .srboardView .viewArea .preViewTitle dl dd > a {color:#f1f1f1;}



.srboardTop{display:flex; justify-content:space-between; align-items:center;margin-bottom: 40px;}
.srboardTop .total{}
.srboardTop .total span{vertical-align:baseline;font-weight: 600;color: var(--clr-primary);}
.srboardTop .selArea{overflow: hidden;position:relative;  margin-bottom:0; background:#fff;border: 1px solid var(--border);border-radius: 8px;}
.srboardTop .selArea form { display: flex; align-items: center; }
.srboardTop .selArea div.dv-select{width:auto;height:60px; line-height:60px; border:none; margin:0;}
.srboardTop .selArea .dv-select > label{height:60px; line-height:60px; border:none}
.srboardTop .selArea .dv-select > span.spn-sel-arrow{height:60px;}
.srboardTop .selArea select{padding-left: 30px;width: 135px;height:60px; line-height:60px; border:none; margin:0; font-size:16px; font-weight:600;}
.srboardTop .selArea input{height:60px; line-height:60px; border:none;  margin:0; font-size:16px; padding-right:40px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.srboardTop .selArea span.input{ width:calc(100% - 110px); margin:0;}
.srboardTop .selArea span.search{position:absolute; right:0; margin:0; }
.srboardTop .selArea span.search input{background:url('/images/btn/btn_search.png') no-repeat center center / auto 30%; text-indent:-9999px;}

.srboardList .listTable ul{border-top:2px solid #111;}
.srboardList .listTable ul li{border-bottom:1px solid #ddd; }
.srboardList .listTable ul li a{ padding:60px; display:block;  position:relative; overflow:hidden;}
.srboardList .listTable .title{float:right; width:calc(100% - 420px); padding-top:20px;}
.srboardList .listTable .title h3{font-size:27px; margin:0 0 15px; color:#111; line-height:1.2; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.srboardList .listTable .title p{font-size:18px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;}
.srboardList .listTable .title p.date{font-size:15px; color:#aaa; margin:20px 0 0;   display: flex;  align-items: center;}
.srboardList .listTable .title p.date i{margin-right:5px;}
.srboardList .listTable .thumb{width:347px; height:195px; background-size:cover; background-repeat:no-repeat; background-position:center center;  border-radius:5px;float:left; }

.srboardList .btnGray{background:#111; border-color:#111; font-size:16px; padding: 0 50px;}



/* 상세보기 리플 영역 */
.replyboardView {display:inline-block;width:100%;margin:20px 0;padding:0; box-sizing:border-box;}
.replyboardView .replyArea {width:100%;overflow:hidden;}
.replyboardView .replyArea ul.replyList {width:100%;margin:0;padding:0;}
.replyboardView .replyArea ul.replyList > li {width:100%;margin:0;padding:0;}
.replyboardView .replyArea ul.replyList > li > dl {width:100%;border-bottom:1px solid #ddd;background:#fafafa;overflow:hidden;box-sizing:border-box;}
.replyboardView .replyArea ul.replyList > li > dl > dt.ppInfo {display:block;width:100%;padding:10px;box-sizing:border-box;text-align:left;}
.replyboardView .replyArea ul.replyList > li > dl > dt.ppInfo > span {display:inline-block;margin:0 0 0 5px;line-height:1.6;font-size:14px;color:#333;}
.replyboardView .replyArea ul.replyList > li > dl > dt.ppInfo > span:after {content:"|";margin:0 0 0 5px;line-height:0;font-size:10px;color:#bbb;}
.replyboardView .replyArea ul.replyList > li > dl > dt.ppInfo > span:last-child:after {content:"";margin:0;}
.replyboardView .replyArea ul.replyList > li > dl > dd.reCont {display:block;position:relative;width:100%;padding:5px;box-sizing:border-box;}
.replyboardView .replyArea ul.replyList > li > dl > dd.reCont > dl {display:block;width:auto;margin:5px;}
.replyboardView .replyArea ul.replyList > li > dl > dd.reCont > dl > dt {display:inline-block;}
.replyboardView .replyArea ul.replyList > li > dl > dd.reCont > dl > dt:after {content:":";padding:0 5px 0 10px;}
.replyboardView .replyArea ul.replyList > li > dl > dd.reCont > dl > dd {display:inline-block;margin:0 5px;}
.replyboardView .replyArea ul.replyList > li > dl > dd.reCont > .mentCont {width:100%;padding:15px;font-size:12px;box-sizing:border-box;}
.replyboardView .replyArea ul.replyList > li > dl > dd.reCont > .mentCont.reply {border:1px solid #ddd;background:#fafafa;}

.replyboardView .replyArea ul.replyList > li > dl > dd.reCont > .btnArea {display:block;position:relative;width:100%;margin:0;padding:10px;box-sizing:border-box;text-align:right;}







/* ----------------------- 게시판 비회원 확인폼 ----------------------- */
.passcheck-wrap {display:block;position:relative;width:100%;margin:0;padding:0;}
.passcheck-wrap-inner {display:table;width:100%;height:100%;}
.passcheck-wrap-tb {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}

.passcheck-box {display:inline-block;width:90%;max-width:480px;margin:0 5%;padding:0;border:3px solid #333;box-sizing:border-box;}
.passcheck-box > h1 {width:100%;line-height:1.6;padding:15px;font-size:21px;text-align:center;color:#fff;background:#333;box-sizing:border-box;}
.passcheck-box-inner {width:100%;padding:25px;box-sizing:border-box;}
.passcheck-box-inner > h1 {width:100%;line-height:1.6;margin:15px 0 35px;padding:0;font-size:14px;font-weight:300;text-align:center;color:#000;box-sizing:border-box;}
.passcheck-box-inner > dl {display:table;width:100%;margin:15px 0 0;}
.passcheck-box-inner > dl > dt {display:table-cell;width:100px;padding:5px;line-height:35px;color:#666;text-align:right;}
.passcheck-box-inner > dl > dd {display:table-cell;width:auto;padding:5px;text-align:left;}
.passcheck-box-inner > dl > dd > input[type=password] {width:80%;}
.passcheck-box-btn {display:block;width:92%;margin:15px auto;padding:15px;border-top:1px solid #ddd;text-align:center;box-sizing:border-box;}

.background-bk .passcheck-box {border:3px solid #fafafa;}
.background-bk .passcheck-box > h1 {color:#333;background:#fafafa;}
.background-bk .passcheck-box-inner > h1 {color:#ddd;}
.background-bk .passcheck-box-inner > dl > dt {color:#fff;}
.passcheck-box-btn {border-top:1px solid #333;}

@media screen and (min-width:481px) and (max-width:767px) {
	.passcheck-box-inner > h1 {font-size:11px;}
	.passcheck-box-inner > dl {display:block;width:100%;margin:15px 0 0;}
	.passcheck-box-inner > dl > dt {display:inline-block;width:100%;padding:5px;box-sizing:border-box;line-height:35px;text-align:center;}
	.passcheck-box-inner > dl > dd {display:inline-block;width:100%;padding:5px;box-sizing:border-box;text-align:center;}
	.passcheck-box-inner > dl > dd > input[type=password] {width:80%;}
}
@media screen and (max-width:480px) {
	.passcheck-box-inner > h1 {font-size:11px;}
	.passcheck-box-inner > dl {display:block;width:100%;margin:15px 0 0;}
	.passcheck-box-inner > dl > dt {display:inline-block;width:100%;padding:5px;box-sizing:border-box;line-height:35px;text-align:center;}
	.passcheck-box-inner > dl > dd {display:inline-block;width:100%;padding:5px;box-sizing:border-box;text-align:center;}
	.passcheck-box-inner > dl > dd > input[type=password] {width:60%;}
}

/* ----------------------- member setting line ----------------------- */
.dv-member-wrap {display:inline-block;position:relative;width:100%;margin:0;padding:0;background:#f5f6f7;}

.dv-member-wrap-inner {table-layout:fixed;display:table;position:relative;width:100%;height:100%;margin:0;padding:0;}
.dv-member-wrap-inner-conts {display:table-cell;table-layout:fixed;width:100%;margin:0;padding:0;text-align:center;vertical-align:middle;}
.dv-member-logo {display:inline-block;width:auto;min-width:120px;margin:60px 0;padding:10px;box-sizing:border-box;}
.dv-member-logo > a {display:block;width:auto;min-width:120px;}
.dv-member-logo > a > img {width:auto;}

.dv-member-wrap-inner-conts-box {display:block;width:80%;margin:0 auto;padding:0;}
.dv-member-wrap-inner-conts-box.mx-700 {max-width:700px;}
.dv-member-wrap-inner-conts-box.mx-980 {max-width:980px;}
.dv-member-wrap-inner-conts-box.mx-1280 {max-width:1280px;}

.dv-member-wrap-inner-conts-box > h1 {display:inline-block;line-height:2;margin:80px 0 0;font-size:30px;color:#000; }
.dv-member-wrap-inner-conts-box > p {display:block;width:100%;margin:0 0;font-size:16px;color:#777;}

.dv-member-conts {display:block;position:relative;width:100%;margin:0;padding:0;}

.dv-btn-wrap {display:block;width:80%;max-width:420px;margin:0 auto 60px;text-align:center;}

span.spn-btn-sty01 {display:inline-block;margin:0 5px;}
span.spn-btn-sty01:after {content:"|";margin:0 5px 0 0;padding:0 0 0 20px;font-size:12px;color:#ddd;}
span.spn-btn-sty01:last-child:after {content:"";}
span.spn-btn-sty01 > a {line-height:2.2;font-size:14px;color:#666;}

span.spn-btn-sty-box-inp {display:inline-block;width:auto;height:35px;margin:0;padding:0 25px;background:#666;box-sizing:border-box;}
span.spn-btn-sty-box-inp > a {display:block;line-height:35px;font-size:14px;color:#fff;}

input.inp-style01 {display:inline-block;width:auto;margin:15px 5px;padding:10px 25px;box-sizing:border-box;font-size:16px;font-weight:600;color:#fff;background:#000;border:none;}

span.spn-btn-sty-box01 {display:inline-block;width:auto;margin:15px 5px;padding:10px 25px;background:#666;box-sizing:border-box;}
span.spn-btn-sty-box01 > a {display:block;font-size:16px;font-weight:600;color:#fff;}



@media screen and (min-width:481px) and (max-width:767px) {
	.dv-member-wrap-inner-conts-box {width:96%;}
	.dv-btn-wrap {width:96%;}
	.dv-member-wrap-inner-conts-box {width:96%;}
	.dv-member-wrap-inner-conts-box > h1 {margin:0 0 20px;font-size:28px;}
	.dv-member-wrap-inner-conts-box > p {margin:0 0 55px;font-size:14px;}
	.dv-member-wrap-inner-conts-box > p:before {padding:0 1px 0 0;font-size:12px;}

	span.spn-btn-sty01 {display:inline-block;margin:0 3px;}
	span.spn-btn-sty01:after {content:"|";margin:0 3px 0 0;padding:0 0 0 15px;font-size:11px;}
	span.spn-btn-sty01:last-child:after {content:"";}
	span.spn-btn-sty01 > a {line-height:2.6;font-size:12px;color:#666;}

	span.spn-btn-sty-box-inp {padding:0 15px;}
	span.spn-btn-sty-box-inp > a {font-size:12px;}

	input.inp-style01 {margin:10px 3px;padding:5px;font-size:14px;}
	input.inp-style01 {margin:10px;padding:5px;font-size:14px;}

	span.spn-btn-sty-box01 {margin:10px 3px;padding:5px;}
	span.spn-btn-sty-box01 > a {font-size:14px;}

}
@media screen and (max-width:480px) {
	.dv-member-wrap-inner-conts-box {width:98%;}
	.dv-btn-wrap {width:98%;}
	.dv-member-wrap-inner-conts-box {width:98%;}
	.dv-member-wrap-inner-conts-box > h1 {margin:30px 0 0 ;font-size:24px;}
	.dv-member-wrap-inner-conts-box > p {margin:0 0 25px;font-size:14px;}
	.dv-member-wrap-inner-conts-box > p:before {padding:0 1px 0 0;font-size:10px;}

	span.spn-btn-sty01 {display:inline-block;margin:0 3px;}
	span.spn-btn-sty01:after {content:"|";margin:0 3px 0 0;padding:0 0 0 15px;font-size:11px;}
	span.spn-btn-sty01:last-child:after {content:"";}
	span.spn-btn-sty01 > a {line-height:2;font-size:14px;color:#666;}

	span.spn-btn-sty-box-inp {padding:0 15px;}
	span.spn-btn-sty-box-inp > a {font-size:11px;}

	input.inp-style01 {margin:10px 3px;padding:10px 15px;font-size:14px;}
	input.inp-style01 {margin:10px;padding:10px 15px;font-size:14px;}

	span.spn-btn-sty-box01 {margin:10px 3px;padding:10px 15px;}
	span.spn-btn-sty-box01 > a {font-size:14px;}
}

/* 회원가입 폼 */
.joinArea {display:block;width:100%;margin:25px 0;padding:15px;box-sizing:border-box;}
.juminchForm {display:block;width:100%;margin:35px 0;padding:35px;background:#fff;border:1px solid #eee;overflow:hidden;box-sizing:border-box;}
.juminchForm > h1 {margin:0 0 35px;padding:10px;font-size:16px;font-weight:500;color:#333;text-align:left;border-bottom:1px solid #eee;box-sizing:border-box;}
.juminchForm > dl {display:table;width:100%;margin:25px 0;overflow:hidden;}
.juminchForm > dl > dt {display:table-cell;width:100px;font-size:14px;text-align:left;vertical-align:middle;}
.juminchForm > dl > dd {display:table-cell;width:auto;text-align:left;}
.juminchForm > dl > dd > ul {display:table;width:100%;margin:0;}
.juminchForm > dl > dd > ul > li {display:table-cell;width:48%;text-align:center;}
.juminchForm > dl > dd > ul > li > span {line-height:35px;}
.juminchForm > dl > dd > ul > li + li {width:auto;}
.juminchForm > dl > dd > ul > li + li + li {width:48%;}

.joinForm {display:inline-block;width:100%;margin:35px 0;padding:35px;background:#fff;border:1px solid #eee;overflow:hidden;box-sizing:border-box;}
.joinForm-inner {display:inline-block;width:100%;margin:65px 0 35px;padding:0;}
.joinForm-inner:first-child {margin:0 0  ;}
.joinForm-inner:last-child {margin:  0 0;}
.joinForm-inner > h1 {margin:0 0 15px;padding:10px;font-size:16px;font-weight:500;color:#333;text-align:left;border-bottom:1px solid #eee;box-sizing:border-box;}
.joinForm-inner > h1 > span {margin:0 5px;color:#000;}

.joinForm-inner-conts {width:100%;margin:0;padding:10px;box-sizing:border-box;}
.joinForm-inner-conts > textarea {width:100%;margin:0;padding:25px;overflow:auto;box-sizing:border-box;}
.joinForm-inner-conts > textarea > * {line-height:1.65;font-size:16px;color:#333;}

.joinForm-inner-btn {width:100%;margin:0;padding:10px;box-sizing:border-box;text-align:right;}
.joinForm-inner-btn > label {display:inline-block;cursor:pointer;}
.joinForm-inner-btn > label > input[type=checkbox] {display:inline-block;margin:0 5px;}
.joinForm-inner-btn > label > span {display:inline-block;line-height:1.6;margin:0;padding:0;font-size:16px;color:#333;}

@media screen and (min-width:481px) and (max-width:767px) {
	.joinArea {margin:10px 0;padding:5px;box-sizing:border-box;}
	.joinForm {margin:10px 0;padding:5px;}
	.juminchForm {margin:10px 0;padding:5px;}
	.joinForm-inner {margin:55px 0 25px;}
	.joinForm-inner:first-child {margin:0 0 25px;}
	.joinForm-inner:last-child {margin:55px 0 0;}

	.joinForm-inner-conts > textarea {padding:10px;}
	.joinForm-inner-conts > textarea > * {font-size:12px;}
	.joinForm-inner-btn > label > input[type=checkbox] {margin:0 3px;}
	.joinForm-inner-btn > label > span {line-height:2.4;font-size:12px;}
}
@media screen and (max-width:480px) {
	.joinArea {margin:5px 0;padding:2px;}
	.joinForm {margin:5px 0;padding:2px;}
	.joinForm-inner {margin:45px 0 15px;}
	.joinForm-inner:first-child {margin:0 0  ;}
	.joinForm-inner:last-child {margin:  0 0;}

	.juminchForm {margin:5px 0;padding:2px;}
	.joinForm-inner-conts > textarea {padding:5px;}
	.joinForm-inner-conts > textarea > * {font-size:10px;}
	.joinForm-inner-btn > label > input[type=checkbox] {margin:0 1px;}
	.joinForm-inner-btn > label > span {line-height:1.6;font-size:14px;}
}

/* 로그인 폼 */
.loginArea {display:block;width:100%;margin:  0;padding:15px;box-sizing:border-box;}
.loginForm {display:inline-block;width:100%;overflow:hidden;}
.loginForm > ul {display:block;width:80%;max-width:420px;margin:0 auto;}
.loginForm > ul > li {display:block;margin:15px 0;}
.loginForm > ul > li > input[type=text],
.loginForm > ul > li > input[type=password] {width:100%;padding:15px;height:45px;}
.loginForm > input[type=submit] {display:block;width:80%;max-width:420px;margin:35px auto;padding:15px;box-sizing:border-box;font-size:18px;font-weight:600;color:#fff;background:#000;border:none;}

/*회원가입 폼 */
.infoArea {display:inline-block;width:100%;margin:0;padding:0;box-sizing:border-box;}
.infoArea > h1 {text-align:right;font-size:14px;font-weight:300;color:#333;}
.infoArea > h1 > span {display:inline-block;line-height:1.6;margin:0 3px;font-weight:700;color:#000;}
.infoForm {display:inline-block;width:100%;margin:5px 0 35px;padding:35px;background:#fff;border:1px solid #eee;overflow:hidden;box-sizing:border-box;}

.infoFormInner {display:block;position:relative;width:100%;margin:0;padding:10px;box-sizing:border-box;text-align:left;overflow:hidden;}
.infoFormInner.cut-50 {float:left;width:50%;}

.infoFormInner > label {display:inline-block;line-height:1.6;margin:0 0 10px;padding:0;font-size:16px;font-weight:500;color:#333;}
.infoFormInner > label > span {display:inline-block;margin:0 3px;font-weight:700;color:red;}
.infoFormInner > span {display:none;width:100%;line-height:1.5;margin:0 0 10px;padding:0;font-size:12px;}

.infoFormInner-set {display:inline-block;width:100%;margin:5px 0 0;padding:0;text-align:left;}
.infoFormInner-set > h1 {display:inline-block;margin:0;padding:0;font-size:14px;font-weight:500;color:#333;}
.infoFormInner-set > label {cursor:pointer;margin:0 10px;}
.infoFormInner-set > label > input[type=checkbox] {float:left;display:inline-block;margin:5px 4px;}
.infoFormInner-set > label > span {float:left;display:inline-block;font-size:14px;color:#333;}

.dv-gender-wrap {display:inline-block;width:100%;margin:0;padding:0;text-align:left;}
.dv-gender-wrap > label {float:left;display:block;width:50%;height:35px;line-height:35px;cursor:pointer;margin:0;background:url();text-align:center;}
.dv-gender-wrap > label > input[type=radio] {display:none;}
.dv-gender-wrap > label > span {display:inline-block;font-size:14px;color:#333;}

.dv-calendar-wrap {display:inline-block;width:100%;margin:0;padding:0;text-align:left;}
.dv-calendar-wrap > label {cursor:pointer;margin:0 10px;}
.dv-calendar-wrap > label > input[type=radio] {float:left;display:inline-block;margin:5px 4px;}
.dv-calendar-wrap > label > span {float:left;display:inline-block;font-size:14px;color:#333;}

.dv-brith-wrap {display:inline-block;width:100%;margin:0;padding:0;text-align:left;}
.dv-brith-wrap > .dv-select {float:left;width:32%;margin:0 2% 0 0;}
.dv-brith-wrap > .dv-select > label {text-align:right;}
.dv-brith-wrap > .dv-select + .dv-select {margin:0;}
.dv-brith-wrap > .dv-select + .dv-select + .dv-select {margin:0 0 0 2%;}

.ul-phone-wrap {display:inline-block;width:100%;margin:0;padding:0;text-align:center;overflow:hidden;}
.ul-phone-wrap > li {float:left;width:32%;margin:0;}
.ul-phone-wrap > li > span {display:inline-block;line-height:35px;font-size:12px;color:#333;}
.ul-phone-wrap > li > input {text-align:center;}
.ul-phone-wrap > li + li {width:2%;}
.ul-phone-wrap > li + li + li {width:32%;}
.ul-phone-wrap > li + li + li + li {width:2%;}
.ul-phone-wrap > li + li + li + li + li {width:32%;}

.ul-email-wrap01 {display:inline-block;width:100%;margin:0;padding:0;text-align:center;overflow:hidden;}
.ul-email-wrap01 > li {float:left;width:28%;margin:0;}
.ul-email-wrap01 > li > span {display:inline-block;line-height:35px;font-size:12px;color:#333;}
.ul-email-wrap01 > li + li {width:5%;}
.ul-email-wrap01 > li + li + li {width:67%;}

.ul-email-wrap02 {display:inline-block;width:100%;margin:0;padding:0;text-align:left;overflow:hidden;}
.ul-email-wrap02 > li {float:left;width:49%;margin:0 1% 0 0;}
.ul-email-wrap02 > li + li {margin:0 0 0 1%;}

.dl-address-wrap {display:inline-block;width:100%;margin:0;padding:0;text-align:left;overflow:hidden;}
.dl-address-wrap > dt {display:inline-block;width:100%;margin:0;padding:5px 0;}
.dl-address-wrap > dt > input {float:left;width:50%;max-width:180px}
.dl-address-wrap > dt > span {float:left;}
.dl-address-wrap > dd {display:inline-block;width:100%;margin:0;padding:5px 0;}

.infoFormInner-tem {float:left;display:table;width:100%;margin:0 0 5px;padding:0;text-align:left;box-sizing:border-box;}
.infoFormInner-tem.cut-50 {width:50%;}
.infoFormInner-tem > label {display:table-cell;width:20%;line-height:1.6;margin:0 0 5px;padding:0;font-size:16px;font-weight:500;color:#333;}
.infoFormInner-tem > label > span {display:inline-block;margin:0 3px;font-weight:700;color:red;}
.infoFormInner-tem > div {display:table-cell;width:auto;text-align:center;}
.infoFormInner-tem > div.dv-align-lf {text-align:left;}
.infoFormInner-tem > div.dv-align-rf {text-align:right;}
.infoFormInner-tem.mid > label {vertical-align:middle;}
.infoFormInner-tem.mid > div {vertical-align:middle;}
/* 아이디.비밀번호 찾기 폼 */



.productView{margin-bottom:100px;}
.productView .productTop{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:100px;}
.productView .img{width:48%; max-width:950px;}
.productView .img img{ border-radius:15px;  }
.productView .productInfo{width:50%; }
.productView .productInfo .prd-tit{padding:20px 0 30px;}
.productView .productInfo .prd-tit h3{font-size:32px; color:#2e2c28; margin-bottom:20px;}
.productView .productInfo .prd-tit p{font-size:16px; color:#68675e; line-height:1.8; font-weight:500;}
.productView .productInfo .prd-info{border-top:1px solid #68675e; padding:20px 0; }
.productView .productInfo .prd-info dl{margin:20px 0; display:flex; flex-wrap:wrap;}
.productView .productInfo .prd-info dt{font-size:16px; color:#68675e; width:140px; padding-right:20px; font-weight:500;}
.productView .productInfo .prd-info dd{font-size:16px; color:#2e2c28; width:calc(100% - 140px); font-weight:500;}
.productView .productInfo .prd-info .option{display:flex; flex-wrap:wrap;}
.productView .productInfo .prd-info .option span{display:inline-block;background:#1f4041; color:#fff; text-align:center; width:100px; height:100px; display:flex; align-items:center; justify-content:center; margin-right:10px; margin-bottom:10px;}
.productView .productDetail{width:100%;}
.productView .productDetail h4{font-size:26px; color:#2e2c28; margin-bottom:20px;}
.productView .productDetail ul{display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.productView .productDetail ul li{width:49%; margin-right:2%; margin-bottom:2%;}
.productView .productDetail ul li:nth-child(2n){margin-right:0;}
.productView .productDetail ul li img{width:100%}
.productView .bottomBtn{text-align:center;}
.productView .btnLeft a{display:inline-block; padding:10px 20px; background:#2e2c28; color:#fff; font-size:14px; margin-right:5px;}



@media screen and (max-width:768px){
	.infoForm{padding:20px;}
	.loginArea{padding:0;}



	.srboardTop .total{font-size:14px; margin-bottom:20px;}
	.srboardTop{flex-wrap:wrap;}
	.srboardList .listTable .colTbl th{font-size:14px;}
	.srboardList .listTable .colTbl td{font-size:14px;}
	.srboardList .btnGray{padding:10px 30px;}
	.srboardView .viewArea .viewTitle{padding-top:20px;}
	.srboardView .viewArea .viewTitle h4{padding:0 20px; font-size: 24px;}
	.srboardView .viewArea .viewTitle .subInfo{padding:20px 20px; flex-wrap:wrap;}
	.srboardView .viewArea .viewTitle .subInfo ul{margin-bottom:5px;}
	.srboardView .viewArea .viewTitle .subInfo ul li{font-size:12px;}
	.srboardView .viewArea .viewCont{padding:20px;}
	.srboardView .viewArea .preViewTitle dl dt{font-size:12px;}
	.srboardView .viewArea .preViewTitle dl dd{font-size:12px; display:none;}
	.srboardView{margin:0 auto 50px}
	.srboardList .listTable ul li a{padding:30px 20px;}
	.srboardList .listTable .thumb{width:100%;}
	.srboardList .listTable .title{width:100%;}
	.srboardView .viewArea .fileArea > dl > dt{font-size:14px;}
	.srboardView .viewArea .fileArea > dl > dd > a{font-size:14px;}
}



/* 게시판 커스텀 스킨  */
.board-list-container,
.board-view-container { margin: auto; padding-top: 140px; padding-bottom: 190px; max-width: 1500px; width: 90%; }

/* 게시글 없을 때 */
.board-empty .td { padding: 40px 10px; text-align: center; font-size: 16px; color: #111; border-bottom: 1px solid #e0e0e0; }
@media screen and (max-width: 1024px) {
	.board-empty .td { font-size: 15px; }
}
@media screen and (max-width: 768px) {
	.board-empty .td { font-size: 14px; }
}

/* Pagination */
.pagination { display: flex; align-items: center; justify-content: center; margin-top: 80px; }
.pagination .page-item .page-link { display: flex; align-items: center; justify-content: center; margin: 0 2px; width: 36px; height: 36px; font-size: 16px; color: #666666; font-weight: 500; border: 1px solid #d7d7d7; }
.pagination .page-item.active .page-link { color: #fff; background: #ea002c !important; border-color: #ea002c; }
/* .pagination .page-item:nth-child(1) .page-link,
.pagination .page-item:nth-child(2) .page-link,
.pagination .page-item:nth-last-child(1) .page-link,
.pagination .page-item:nth-last-child(2) .page-link { border-color: #e0e0e0; } */
/* .pagination .page-item:nth-child(2) { margin-right: 24px; }
.pagination .page-item:nth-last-child(2) { margin-left: 24px; } */
.pagination .page-item .page-link span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 10px; }
.pagination .page-item .page-link span.first { background-image: url('/images/pagination-arrow-first.svg'); }
.pagination .page-item .page-link span.previous { background-image: url('/images/pagination-arrow-previous.svg'); }
.pagination .page-item .page-link span.next { background-image: url('/images/pagination-arrow-next.svg'); }
.pagination .page-item .page-link span.last { background-image: url('/images/pagination-arrow-last.svg'); }
.pagination .page-item.disabled,
.pagination .disabled > .page-link { opacity: .6; pointer-events: none; }
@media screen and (pointer: fine) {
    .pagination .page-item:nth-child(1) .page-link:hover,
    .pagination .page-item:nth-child(2) .page-link:hover,
    .pagination .page-item:nth-last-child(1) .page-link:hover,
    .pagination .page-item:nth-last-child(2) .page-link:hover { background: #ea002c; border-color: #ea002c; }
    .pagination .page-item .page-link:hover { background: #f5f5f5; }
    .pagination .page-item .page-link:hover span.first { background-image: url('/images/pagination-arrow-first-light.svg'); }
    .pagination .page-item .page-link:hover span.previous { background-image: url('/images/pagination-arrow-previous-light.svg'); }
    .pagination .page-item .page-link:hover span.next { background-image: url('/images/pagination-arrow-next-light.svg'); }
    .pagination .page-item .page-link:hover span.last { background-image: url('/images/pagination-arrow-last-light.svg'); }
}
@media screen and (max-width: 1024px) {
	.board-list-container,
	.board-view-container { padding-top: 100px; padding-bottom: 120px; }

    .pagination { margin-top: 50px; }
    .pagination .page-item .page-link { font-size: 14px; width: 26px; height: 26px; }
}
@media screen and (max-width: 768px) {
    .pagination { margin-top: 30px; }
    .pagination .page-item .page-link { font-size: 13px; }

}

/* Category */
.board-category-list { display: flex; justify-content: center; margin-top: 26px; }
.board-category-list li { position: relative; }
.board-category-list li:not(:last-child)::before { content: ''; position: absolute; top: 0; bottom: 0; right: -2px; margin: auto; width: 4px; height: 4px; background: #cccccc; border-radius: 50%; }
.board-category-list li.on a { color: #ea002c; }
.board-category-list a { display: block; padding: 0 21px; font-size: 20px; color: #666666; font-weight: 600; }

/* List */
.board-list-container .board-list-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 25px; }
.board-list-container .total { display: block; font-size: 18px; font-weight: 500; }
/* .board-list-container .total::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 8px; width: 21px; height: 21px; background: url('/images/total-dark.png') no-repeat center / auto 100%; } */
.board-list-container .total .fraction { letter-spacing: 0.125em; }
.board-list-container .search { display: flex; position: relative; background: #f7f7f7; }
.board-list-container .search select { width: 150px; font-size: 16px; }
.board-list-container .search input { margin: 0 -1px; padding: 16px 64px 16px 20px; height: auto; font-size: 16px; background: transparent; border: none; }
.board-list-container .search button { position: absolute; top: 0; right: 0; width: 55px; height: 100%; font-size: 16px; background: url('/images/icon-search.svg') no-repeat center / auto 40%; }
@media screen and (max-width: 1024px) {
    .board-list-container .board-list-head { flex-direction: column; align-items: flex-start; }
    .board-list-container .board-list-head .col { width: 100%; }
    .board-list-container .total { font-size: 14px; }
    .board-list-container .total::before { margin-right: 5px; width: 17px; height: 17px; }
    .board-list-container .search { margin-top: 15px; width: 100%; }
    .board-list-container .search select { font-size: 14px; }
    .board-list-container .search button { height: 45px; font-size: 14px; }
    .board-list-container .search input { flex: 1 1; font-size: 14px; }
}
@media screen and (max-width: 768px) {
    .board-list-container .search { flex-wrap: wrap; }
    .board-list-container .search select { margin-bottom: -1px; width: 100%; }
    .board-list-container .search input { margin-left: 0; margin-right: 0; width: 70%; }
}

/* Default - List */
.default-board-list { display: table; width: 100%; text-align: center; border-top: 2px solid #111111; }
.default-board-list .thead,
.default-board-list .tbody,
.default-board-list .tfoot { display: table-row-group; }
.default-board-list .tr { display: table-row; }
.default-board-list .th,
.default-board-list .td { display: table-cell; vertical-align: middle; padding: 20px 10px; max-width: 0; font-size: 16px; color: #111; border-bottom: 1px solid #e0e0e0; }
.default-board-list .th { padding: 24px 10px; font-size: 18px; font-weight: 500; }
.default-board-list .text-left { text-align: left; }
.default-board-list .link { display: inline-flex; position: relative; max-width: 100%; }
.default-board-list .link .title { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: inherit; color: #111; font-weight: 500; }
.default-board-list .link .icon { flex: 1 0 auto; display: inline-block; margin-top: 4px; margin-left: 10px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.default-board-list .link .icon-file { background-image: url('/images/icon-file.svg'); }
.default-board-list .link .icon-new { background-image: url('/images/icon-new.svg'); margin-top: 0; width: 24px; height: 24px; }
.default-board-list .badge { display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 88 75.9' enable-background='new 0 0 88 75.9' xml:space='preserve'%3E%3Cg id='Layer_1' display='none'%3E%3Cg display='inline'%3E%3Cpath d='M45.6,80.3c-0.5,0-0.9-0.2-1.3-0.4L19.6,60.1H-5c-1.1,0-2-0.9-2-2V17.7c0-1.1,0.9-2,2-2h24.6L44.3-4.1c0.6-0.5,1.4-0.6,2.1-0.2c0.7,0.3,1.1,1,1.1,1.8v80.9c0,0.8-0.4,1.5-1.1,1.8C46.2,80.3,45.9,80.3,45.6,80.3z M-2.9,56.1h23.2c0.5,0,0.9,0.2,1.3,0.4l22,17.6V1.7l-22,17.6c-0.4,0.3-0.8,0.4-1.3,0.4H-2.9V56.1z'/%3E%3C/g%3E%3Cg display='inline'%3E%3Cpath d='M70.8,71.5c-0.6,0-1.2-0.3-1.6-0.8c-0.7-0.9-0.6-2.1,0.3-2.8c9.2-7.3,14.4-18.2,14.4-30s-5.2-22.7-14.4-30c-0.9-0.7-1-2-0.3-2.8c0.7-0.9,2-1,2.8-0.3C82.2,12.9,88,24.9,88,37.9s-5.8,25-15.9,33.1C71.7,71.3,71.3,71.5,70.8,71.5z'/%3E%3C/g%3E%3Cg display='inline'%3E%3Cpath d='M65.8,55.1c-1.1,0-2-0.9-2-2V22.7c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2v30.3C67.8,54.2,66.9,55.1,65.8,55.1z'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3Cpolygon fill='none' stroke='%23EA002C' stroke-width='4.6938' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='20.3,20 2.3,20 2.3,55.9 20.3,55.9 45.3,73.5 45.3,2.3 '/%3E%3Cline fill='none' stroke='%23EA002C' stroke-width='4.6938' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='65.8' y1='23.9' x2='65.8' y2='51.7'/%3E%3Cpath fill='none' stroke='%23EA002C' stroke-width='4.6938' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M70.6,10c0,0,15,10.5,15,27.8v0c0,17.2-15,27.8-15,27.8'/%3E%3C/g%3E%3C/svg%3E"); }
/* .default-board-list .date { font-weight: 200; color: #949499; } */
@media screen and (pointer: fine) {
    .default-board-list .tbody .tr:hover { background: rgba(235, 0, 44, 0.04); }
    .default-board-list .link:hover,
    .default-board-list .link:focus { text-decoration: underline; text-underline-offset: 0.25em; }
}
@media screen and (max-width: 1024px) {
	.board-category-list { margin-top: 20px; }
	.board-category-list a { font-size: 16px; }

	.default-board-list { text-align: left; }
	.default-board-list .badge { width: 18px; height: 18px; }
	.default-board-list .thead { display: none; }
    .default-board-list,
    .default-board-list .tbody,
    .default-board-list .tfoot,
    .default-board-list .tr,
    .default-board-list .th,
    .default-board-list .td { display: block; }
    .default-board-list .tr { padding: 24px 0; border-bottom: 1px solid #dddddd; }
    .default-board-list .th,
    .default-board-list .td { text-align-last: left; border-bottom: none; }
    .default-board-list .td { padding: 0; max-width: none; width: 100%; }
	.default-board-list .td:first-child { display: inline-block; width: auto; }
	.default-board-list .td:nth-child(2) { display: inline-block; width: auto; }
    .default-board-list .badge { font-size: 14px; margin-bottom: 0; }
    .default-board-list .link .title { font-size: 18px; padding-right: 0; }
    .default-board-list .link .icon { margin-top: 7px; width: 18px; height: 18px; }
    .default-board-list .date { font-size: 14px; }
	.default-board-list .category { display: inline-block; margin-bottom: 5px; margin-left: 5px; padding: 4px 10px; line-height: 1; font-size: 13px; border: 1px solid #e5e5e5; }
}
@media screen and (max-width: 768px) {
	.board-category-list { margin-top: 15px; }
	.board-category-list li:not(:last-child)::before { width: 3px; height: 3px; }
	.board-category-list a { font-size: 14px; padding: 0 10px; }
    .default-board-list .tr { padding: 16px 0; }
    .default-board-list .badge { font-size: 13px; }
    .default-board-list .link .title { font-size: 16px; }
    .default-board-list .link .icon { margin-top: 5px; margin-left: 5px; width: 16px; height: 16px; }
    .default-board-list .date { font-size: 13px; }
}

/* View */
.board-view-container .board-view-head { padding: 36px 0 46px; text-align: center; border-top: 2px solid #111111; border-bottom: 1px solid #e5e5e5; }
.board-view-container .board-view-head .title { margin-bottom: 15px; font-size: 30px; font-weight: 500; color: #111; }
.board-view-container .board-view-head .info { display: flex; justify-content: center; }
.board-view-container .board-view-head .date { font-size: 15px; font-weight: 500; color: #444; }
.board-view-container .board-view-head .date::before { content: ''; display: inline-block; vertical-align: -2px; margin-right: 6px; width: 16px; height: 16px; background: url('/images/icon-clock.svg') no-repeat center / auto 100%; }
.board-view-container .board-view-head .badge { display: inline-block; position: relative; margin-right: 20px; padding-right: 20px; color: #f0504f; font-weight: 700; font-size: 15px; }
.board-view-container .board-view-head .badge::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 1px; height: 12px; background: #b3b3b3; }
.board-view-container .board-view-body { padding: 70px 50px; }
.board-view-container .board-view-body .contents { overflow-wrap: break-word; }
.board-view-container .board-view-body .contents img { max-width: 100%; }
.board-view-container .addition { margin-top: 60px; }
.board-view-container .addition > li { display: flex; margin-top: 20px; padding: 24px 46px; background: #f5f5f5; }
.board-view-container .addition .title { flex: 0 0 auto; display: block; width: 140px; font-size: 16px; color: #212227; font-weight: 600; }
.board-view-container .addition .title::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 2px; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.board-view-container .addition .link .title::before { background-image: url('/images/icon-link.svg'); }
.board-view-container .addition .file .title::before { background-image: url('/images/icon-file.svg'); }
/* .board-view-container .addition .file .list li { position: relative; padding-left: 14px; line-height: 1.4; }
.board-view-container .addition .file .list li::before { content: ''; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background: #f0504f; border-radius: 50%; } */
.board-view-container .addition .list { margin-top: -2px; }
.board-view-container .addition .list li:not(:last-child) { margin-bottom: 15px; }
.board-view-container .addition .list a { font-size: 16px; color: #444; text-underline-offset: 0.25em; text-decoration: underline; word-break: break-all; }
.board-view-container .addition .list a img { display: none; }
.board-view-container .board-view-foot { display: flex; flex-direction: column; padding-top: 5px; }
/* .board-view-container .board-view-foot .col { flex: 1 0 33.33333%; width: 33.33333%; }
.board-view-container .board-view-foot .col:nth-child(2) { text-align: right; } */
.board-view-container .board-view-foot .row { padding: 34px 50px; border-top: 1px solid #e5e5e5; }
.board-view-container .board-view-foot .row:last-child { padding-bottom: 0; }
.board-view-container .board-view-foot .link { display: inline-flex; position: relative; max-width: 100%; }
.board-view-container .board-view-foot .link.disabled { pointer-events: none; }
.board-view-container .board-view-foot .link.previous .icon::after { background-image: url('/images/icon-arrow-up.svg'); }
.board-view-container .board-view-foot .link.next .icon::after { background-image: url('/images/icon-arrow-down.svg'); }
.board-view-container .board-view-foot .link .icon { flex: 1 0 auto; display: block; position: relative; margin-top: 10px; width: 10px; height: 10px; }
.board-view-container .board-view-foot .link .icon::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 10px; height: 10px; background-repeat: no-repeat; background-position: center; }
.board-view-container .board-view-foot .link .text-wrap { overflow: hidden; display: flex; text-overflow: ellipsis; width: 100%; }
.board-view-container .board-view-foot .link .text-wrap .title { display: block; margin: 0 65px 0 20px; font-size: 18px; font-weight: 500; color: #000; }
.board-view-container .board-view-foot .link .text-wrap .text { overflow: hidden; font-size: 18px; color: #444444; }
.board-view-container .board-view-foot .link .text-wrap .text a { overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; }
.board-view-container .board-view-foot .button.list { display: block; margin: 34px auto 0; padding: 24px; max-width: 210px; width: 100%; line-height: 1; text-align: center; font-size: 18px; }
.board-view-container .board-view-foot .button.list i { display: none; vertical-align: text-bottom; width: 20px; height: 20px; background: url('/images/icon-list-primary.png') no-repeat center / auto 100%; }
.board-view-container .function-button-list { display: flex; justify-content: center; }
.board-view-container .function-button-list li { margin-top: 15px; padding: 0 5px; }
.board-view-container .function-button-list .button { padding: 4px 16px; border: 1px solid #ddd; }
/* .board-view-container .function-button-list li { position: relative; padding: 0 14px; }
.board-view-container .function-button-list li:not(:last-child)::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 50%; background: #e5e5e5; } */
@media screen and (pointer: fine) {
    .board-view-container .addition .list a:hover { color: #f0504f; text-decoration: underline; }
    /* .board-view-container .board-view-foot .link:hover .icon { background: #f0504f; } */
    /* .board-view-container .board-view-foot .link.previous:hover .icon::after { background-image: url('/images/board-arrow-left.png'); }
    .board-view-container .board-view-foot .link.next:hover .icon::after { background-image: url('/images/board-arrow-right.png'); } */
    .board-view-container .board-view-foot .link:not(.disabled):hover .text { text-decoration: underline; text-underline-offset: 0.125em; }
    .board-view-container .board-view-foot .button.list:hover i { background-image: url('/images/icon-list.png'); }
}
@media screen and (min-width: 1025px) {
    .board-view-container .board-view-foot .col:nth-child(2) { order: 3; }
    .board-view-container .board-view-foot .col:last-child { order: 2; text-align: center; }
}
@media screen and (max-width: 1024px) {
	.board-view-container { padding-top: 100px; padding-bottom: 120px;  }
    .board-view-container .board-view-head { padding: 24px; }
    .board-view-container .board-view-head .badge { font-size: 14px; }
    .board-view-container .board-view-head .title { font-size: 24px; margin-bottom: 15px; }
    .board-view-container .board-view-head .date { font-size: 14px; }
    .board-view-container .board-view-body { padding: 36px 0; }
    .board-view-container .addition { margin-top: 50px; }
    .board-view-container .addition .title { font-size: 15px; }
    .board-view-container .addition .list a { font-size: 15px; }
    .board-view-container .board-view-foot { flex-wrap: wrap; }
	.board-view-container .board-view-foot .row { padding: 16px; }
    .board-view-container .board-view-foot .col { flex: 1 1 auto; width: 50%; }
    .board-view-container .board-view-foot .col:last-child { order: 3; }
    .board-view-container .board-view-foot .link .text-wrap .title { font-size: 15px; margin: 0 25px 0 10px; }
    .board-view-container .board-view-foot .link .text-wrap .text { font-size: 15px; }
	.board-view-container .board-view-foot .link .icon { margin-top: 6px; }
    /* .board-view-container .board-view-foot .link .icon { width: 35px; height: 35px; } */
    /* .board-view-container .board-view-foot .link.previous { padding-left: 75px; }
    .board-view-container .board-view-foot .link.next { padding-right: 75px; } */
    .board-view-container .board-view-foot .button.list { margin-top: 50px; padding: 20px; max-width: none; font-size: 16px; }
}
@media screen and (max-width: 768px) {
    .board-view-container .board-view-head .badge { font-size: 13px; }
    .board-view-container .board-view-head .title { font-size: 18px; }
    .board-view-container .board-view-head .date { font-size: 13px; }
    .board-view-container .addition { margin-top: 45px; }
    .board-view-container .addition > li { flex-direction: column; padding: 24px; }
    .board-view-container .addition .title { font-size: 14px; }
    .board-view-container .addition .list { margin-top: 15px; }
    .board-view-container .addition .list a { font-size: 14px; }
    .board-view-container .addition .list li:not(:last-child) { margin-bottom: 10px; }
    .board-view-container .addition .file .list li::before { top: 8px; }
    /* .board-view-container .board-view-foot .link .icon { width: 24px; height: 24px; } */
    /* .board-view-container .board-view-foot .link.previous { padding-left: 60px; }
    .board-view-container .board-view-foot .link.next { padding-right: 60px; } */
    .board-view-container .board-view-foot .button.list { padding: 16px; margin-top: 30px; }
    .board-view-container .board-view-foot .button.list i { width: 16px; height: 16px; }
}

/* Gallery - List */
.gallery-board-list .center { text-align: center; }
.gallery-board-list { display: flex; flex-wrap: wrap; margin-left: -40px; margin-right: -40px; }
.gallery-board-list.list-3 .list { width: 33.33333%; }
.gallery-board-list .list-auto { width: 100%; }
.gallery-board-list .list,
.gallery-board-list .list-auto { padding: 40px; }
.gallery-board-list .thumbnail { overflow: hidden; position: relative; border-bottom-left-radius: 24px; border: 1px solid #e5e5e5; }
.gallery-board-list .thumbnail::before { content: ''; z-index: 2; display: block; position: relative; padding-top: 72%; width: 100%; height: 0; }
.gallery-board-list .thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform ease .6s; }
.gallery-board-list .thumbnail-media::after { content: ''; z-index: 3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 70px; height: 70px; background: url('../images/icon-play.png') no-repeat center / auto 25px; border: 1px solid #fff; border-radius: 50%; }
.gallery-board-list .thumbnail-media::before { background: rgba(0, 0, 0, 0.4); }
.gallery-board-list .contents .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; margin: 22px 0 26px; font-size: 22px; color: #111; font-weight: 700; }
.gallery-board-list .contents .date { color: #444; font-size: 15px; }
.gallery-board-list .contents .date .icon { margin-right: 6px; }
@media screen and (pointer: fine) {
    .gallery-board-list .block:hover .title,
    .gallery-board-list .block:focus .title { text-decoration: underline; text-underline-offset: 0.125em; }
    .gallery-board-list .block:hover .thumbnail img { transform: scale(1.2); }
}
@media screen and (max-width: 1024px) {
    .gallery-board-list { margin-left: -12px; margin-right: -12px; }
    .gallery-board-list .list,
	.gallery-board-list .list-auto { padding: 12px; }
    .gallery-board-list .contents .title { font-size: 18px; margin: 10px 0; }
    .gallery-board-list .thumbnail-media::after { width: 50px; height: 50px; background-size: auto 18px; }
}
@media screen and (max-width: 768px) {
    .gallery-board-list.list-3 .list { width: 100%; }
    .gallery-board-list .contents .title { font-size: 16px; }
}