@media screen and (max-width: 969px) {
    .mob-none {
        display: none;
    }
}



/* 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/board/btn_page_next.jpg) no-repeat;background-size:100%;}
.group_paging span.link_edge.next {background:url(../../images/board/btn_page_next.jpg) no-repeat;background-size:100%;}
.group_paging span.link_edge.f_prev {background:url(../../images/board/btn_page_prev_f.jpg) no-repeat;background-size:100%;}
.group_paging span.link_edge.f_next {background:url(../../images/board/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:0 auto  ; 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; border-bottom:2px solid #104770}
/******************************/
/* 어두운 색상의 게시판 모드 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:10px 25px;margin:5px;border:1px solid #b9b9b9;background:#fff;text-align:center;line-height:1.6;color:#555;font-size:13px;}
.btnRed {display:inline-block;padding:10px 25px;margin:5px;border:1px solid #ea2125;background:#ea2125;text-align:center;line-height:1.6;color:#fff;font-size:13px;}
.btnGray {display:inline-block;padding:10px 25px;margin:5px;border:1px solid #b12419;background:#b12419;text-align:center;line-height:1.6;color:#fff;font-size:13px;}

/* 어두운 색상용 */
.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;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; 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:50px;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:90%;max-width:1440px;margin:60px auto 200px;padding:0;box-sizing:border-box;} 
.boardListArea .flex-cont .right iframe{max-width:750px; margin:0 auto; display:block;}

 
@media screen and (max-width:969px) {
	.boardListArea {padding:0; margin:30px auto; }
	.mob-none {display:none;}

	.boardListArea .flex-cont .right{margin-top: 40px;}
	
}

/* ----------------------- 게시판 리스트 ----------------------- */ 

/* 리스트 테이블 영역 */
.jcboardList .listTable {width:100%;}
.jcboardList .listTable caption {display: none;}

.jcboardList .listTable .w10{width: 10%;}
.jcboardList .listTable .w15{width: 15%;}
.jcboardList .listTable .w20{width: 20%;}
.jcboardList .listTable .w50{width: 50%;}
.jcboardList .listTable .w70{width: 70%;}

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

.jcboardList .listTable .colTbl {width:100%;font-size:15px;table-layout:fixed;border-bottom:1px solid #ddd;}
.jcboardList .listTable .colTbl th {border-top:2px solid #000;padding:20px 0;color:#222; font-size:17px; font-weight:500;}
.jcboardList .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; */}
.jcboardList .listTable .colTbl td.title {text-align:left; width:100%; font-size: 18px;}
.jcboardList .listTable .colTbl td.title a{color:#000;}
.jcboardList .listTable .colTbl tr td{transition:background ease .3s;}
.jcboardList .listTable .colTbl tr:hover td{background:#f8f8f8;}
.jcboardList .listTable .colTbl tr:hover td.title a{ color:#104770; font-weight:500; text-decoration:underline; }
    

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

/* 추가 */
.jcboardList .listTable .colTbl td.noClass span{padding: 5px 10px 3px; border-radius: 4px; background-color: #104770; color: #fff; font-weight: bold;}
.jcboardList .listTable .colTbl td.print_img p {display: flex; justify-content: space-around;}
.jcboardList .listTable .colTbl td.print_img p span {display: flex; flex-direction: column; align-items: center;}
.jcboardList .listTable .colTbl td.print_img p span b{font-size: 13px; font-weight: bold;}
.jcboardList .listTable .colTbl td.print_img p span .aLink + b{color: #104770;}
.jcboardList .listTable .colTbl td.print_img img {width: 100%; max-width: 24px; margin: 0 5px;}

@media screen and (max-width: 969px) {
    .jcboardList .listTable .w70.subject{width: 80%;}
    .jcboardList .listTable .w50.subject{width: 80%;}
}

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

    /* .jcboardList .listTable .colTbl td.title {font-size: 15px;}
    .jcboardList .listTable .colTbl td{font-size: 13px;} */
    
}

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


.jcboardList .listGallery .colUll > ul > li {float:left; width:32%; margin-right:2%;  margin-bottom: 2%;text-align:center;}
.jcboardList .listGallery .colUll > ul > li:nth-child(3n){margin-right:0;}
.jcboardList .listGallery .colUll > ul > li.li-gall-none {width:100%;height:80px;line-height:2;margin:0;text-align:center;vertical-align:middle;}
.jcboardList .listGallery .colUll > ul > li > dl {display:block;position:relative;width:100%;}
.jcboardList .listGallery .colUll > ul > li > dl > dt {display:inline-block;position:relative;width:100%;margin:0 0 5px;padding: 0;box-sizing:border-box;}
.jcboardList .listGallery .colUll > ul > li > dl > dt > a {display:block;width:100%;margin:0;padding-bottom:75%; height:0; background-size:cover; background-position:center center; background-repeat:no-repeat;     border-radius: 10px;}
.jcboardList .listGallery .colUll > ul > li > dl > dt > a > img {position:relative;width:100%;}
.jcboardList .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; }
.jcboardList .listGallery .colUll > ul > li > dl > dd.title > a {display:block;font-size:22px; color:#000; margin:20px 0 0; font-weight:600; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.jcboardList .listGallery .colUll > ul > li > dl > dd.date {display:block;width:100%;line-height:1.6;margin:0 0 25px;padding:0  ;font-size:15px; font-weight: 300;color:#999;text-align:left;box-sizing:border-box;word-wrap:break-word; }
.jcboardList .listGallery .colUll > ul > li > dl > dd.category{font-size:14px; text-align:left; margin:20px 0 0; color:#7d2c85;}

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

@media screen and (max-width:969px) {
    .jcboardList .listGallery .colUll > ul > li {width:49%;}
    .jcboardList .listGallery .colUll > ul > li:nth-child(3n){margin-right:2%;}
    .jcboardList .listGallery .colUll > ul > li:nth-child(2n){margin-right:0;}
    .jcboardList .listGallery .colUll > ul > li > dl > dd.title > a{font-size: 18px;}
} 
@media screen and (max-width:480px) {
    .jcboardList .listGallery .colUll > ul > li {width:100%; margin-right:0;}
    .jcboardList .listGallery .colUll > ul > li:nth-child(3n){margin-right:0;}
    .jcboardList .listGallery .colUll > ul > li:nth-child(2n){margin-right:0;} 
} 


/* 리스트 겔러리 영역 (grid) */
.jcboardList .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;}

/* 리스트 아코디언 영역 */
.jcboardList .listCollapse {width:100%;}
.jcboardList .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;}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* ----------------------- 게시판 글쓰기2 ----------------------- */
.writeTable form {
	text-align: center;
}
   .form-wrap {
	border-top: solid 2px #222222;
	position: relative;
}
.form-wrap > p {
	position: absolute;
	font-size: 14px;
	color: #666666;
	top: -30px;
	right: 0;
}
.form-wrap > p:before {
	content: '*';
	color: var(--main-color);
}
.form-wrap .form-item {
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-bottom: solid 1px #dddddd;
}
.form-wrap .form-item.important h4:before {
	content: '*';
	color: var(--main-color);
	font-size: 18px;
	margin-right: 4px;
}
.form-wrap .form-item.email .item input {
	width: 240px;
}
.form-wrap .form-item.email .item select {
	width: 240px;
	margin-left: 10px;
}
.form-wrap .form-item.phone .item input {
	width: 180px;
}
.form-wrap .form-item h4 {
	width: 187px;
	flex-shrink: 0;
	font-size: 18px;
	color : #333333;
	font-weight: 600;
	text-align: left;
	margin-left: 13px;
}
.form-wrap .form-item.important h4 {
	margin-left: 0;
	width: 200px;
}
.form-wrap .form-item .item {
	display: flex;
	align-items: center;
}
.form-wrap .form-item .item.column {
	flex-direction: column;
	align-items: flex-start;
}
.form-wrap .form-item .item input {
	border: solid 1px #f8f8f8;
	background: #f8f8f8;
	height: 60px;
	padding: 10px 20px;
	color: #666666;
	font-size: 16px;
	width: 360px;
}
.form-wrap .form-item .item input:focus {
	border: solid 1px var(--main-color) !important;
	box-shadow: none;
	background: #fff;
}
.form-wrap .form-item .item input::placeholder {
	font-size: 1.6rem;
	color: #888888;
	font-family: 'Noto Sans KR';
}
.form-wrap .form-item .item select {
	border: solid 1px #f8f8f8;
	height: 60px;
	padding: 10px 20px;
	color: #888888;
	font-size: 16px;
	min-width: 150px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	appearance:none;
	background: url('../../images/board/ico-select-arrow.png') #f8f8f8 no-repeat 90% center;
}
.form-wrap .form-item .item .select-box .dep2 {
	position: absolute;
}
.form-wrap .form-item .item textarea {
	border: solid 1px #f8f8f8;
	background: #f8f8f8;
	height: 240px;
	padding: 10px 20px;
	color: #666666;
	font-size: 16px;
	resize: none;
}
.form-wrap .form-item .item #content {padding: 1rem; font-family: 'Noto Sans KR','GmarketSansMedium',Dotum,Helvetica,AppleGothic,Gulim,'굴림',Sans-serif;  }
.form-wrap .form-item .item textarea:focus {
	border: solid 1px var(--main-color) !important;
	box-shadow: none;
	background: #fff;
}
.form-wrap .form-item .item p {
	font-size: 14px;
	color: #666666;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
}
.form-wrap .form-item .item p:before {
	content: '';
	width: 3px;
	height: 3px;
	background: var(--main-color);
	display: inline-block;
	margin-right: 6px;
}
.form-wrap .form-item .item span {
	font-size: 16px;
	color: #666666;
	margin: 0 12px;
}
.form-wrap .form-item .item span.dash {
	width: 12px;
	height: 1px;
	background: #666666;
	display: inline-block;
	position: relative;
	top: -4px;
	flex-shrink: 0;
}
.form-wrap .form-item .w100 {
	width: 100% !important;
}
.form-wrap .form-item .file-upload {
	text-align: left;
}
.form-wrap .form-item .file-upload .upload-btn input {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.form-wrap .form-item .file-upload input {
	width: 22px;
	height: 22px;
	margin: 0 10px;
}
.form-wrap .form-item .file-upload button {
	height: 100%;

}
.form-wrap .form-item .file-upload label {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.form-wrap .form-item .file-upload span {
	border: solid 1px #f8f8f8;
	background: #f8f8f8;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	color: #666666;
	font-size: 16px;
	width: 30%;
	text-align: left;
	margin-left: 0;
}
.form-wrap .form-item .file-upload .upload-btn {
	width: 15%;
	height: 60px;
}

.chk-box {
	margin: 40px 0 80px;
	display: flex;
	justify-content: center;
}
.chk-box input[type="checkbox"]{
	display: none;
}
.chk-box label{
	display: flex;
	align-items: center;
	justify-content:flex-start;
	color:#333;
	font-size:16px;
	cursor:pointer;
	font-weight: 700;
}
.chk-box label span{
	display: block;
	position:relative;
	min-width: 22px;
	height: 22px;
	background: url('../../images/board/ico-checkbox-off.png') no-repeat center center;
	background-size: cover;
	margin-right: 5px;
}
.chk-box input:checked + label span::before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background: url('../../images/board/ico-checkbox-on.png') no-repeat center center;
	background-size: cover;
	min-width: 22px;
	height: 22px;
}
.chk-box .point {
	color: var(--main-color);
	cursor: pointer;
}

@media ( max-width: 1024px ) {
	.form-wrap .form-item.email .item input {
		width: 100%;
	}
	.form-wrap .form-item.phone .item input {
		width: 100%;
	}
}
@media ( max-width: 768px ) {
	.form-wrap .form-item .item {
		width: 100%;
	}
	.form-wrap .form-item h4 {
		width: 107px;
	}
	.form-wrap .form-item.important h4 {
		width: 120px;
	}
	.form-wrap .form-item .item input {
		width: 100%;
	}
	.form-wrap .form-item .item select {
		min-width: auto;
		width: 100%;
	}
	.form-wrap .form-item.email .item select {
		width: 100%;
	}
	.form-wrap .form-item .file-upload span {
		width: 100%;
	}
	.form-wrap .form-item .file-upload .upload-btn {
		flex-shrink: 0;
		width: 20%;
	}

	.chk-box{
		margin: 20px 0 40px;
	}

	.chk-box label {
		font-size: 13px;
	}
}
@media ( max-width: 500px ) {
	.form-wrap .form-item {
		flex-direction: column;
	}
	.form-wrap .form-item h4 {
		width: 100% !important;
		margin-bottom: 20px;
	}
}

.more-box {
	position: relative;
	display: inline-block;
}
.more-box:before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background: #fff;
	top: 0;
	left: 0;
	transition: 0.3s;
	opacity: 0.7;
}
.more-box:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background: #fff;
	bottom: 0;
	right: 0;
	transition: 0.3s;
	opacity: 0.7;
}
.more-box:hover:before {
	width: 0;
}
.more-box:hover:after {
	width: 0;
}
.more-box.ta-c {text-align:center;}
.more-box .more-btn {    
	color: #fff;
	font-family: 'Montserrat';
	padding: 15px 60px 15px 35px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 56px;
	position: relative;
	cursor: pointer;
}
.more-box .more-btn::after {
	background: url('../../images/board/ico-plus-white.png') no-repeat center / cover;
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 20%;
	transition: 0.3s;
	top: 50%;
	transform: translateY(-50%);
}
.more-box .more-btn:hover:after {
	background: url('../../images/board/ico-more-btn.png') no-repeat center / cover;
	content: '';
	display: block;
	width: 23px;
	height: 12px;
	position: absolute;
	right: 15%;
	top: 50%;
	transform: translateY(-50%);
}
.more-box.c-blk .more-btn { color:#5c5b5c;}
.more-box.c-blk:before,
.more-box.c-blk:after {
	background: #5c5b5c;
}
.more-box.c-blk .more-btn::after {
	background: url('../../images/board/ico-plus-gray.png') no-repeat center / cover;
}
.more-box.c-blk .more-btn:hover:after {
	background: url('../../images/board/ico-more-btn-gray.png') no-repeat center / cover;
}

@media all and (max-width:500px) {
	.more-box .more-btn {
		padding: 12px 40px 12px 12px;
		width: 170px;
		height: auto;
		font-size: 13px;
	}
}

/* ----------------------- 게시판 글쓰기 ----------------------- */

    /* ----------------------- 게시판 상세보기 ----------------------- */
.jcboardView {display:inline-block;width:100%;margin:0 auto  ;}
.jcboardView .bottomBtn{width:180px; margin:0 auto; display: block; text-align:center;}
.jcboardView .bottomBtn img{    filter: hue-rotate(36deg);}
.jcboardView .bottomBtn a{display:inline-block;}
.jcboardView .bottomBtn .btnList{color:#eb2a2e; border:2px solid #eb2a2e; display:block; height:60px; line-height:54px; font-size:16px; font-weight:600;}
.jcboardView .bottomBtn .btn-list{margin:0 auto; display:flex; align-items:center; justify-content:center; width:70px; height:70px; background: #104770; color:#fff; border-radius:50%; font-size: 24px;}


/* 상세보기 테이블 영역 */
.jcboardView .viewArea {width:100%;}
.jcboardView .viewArea .viewTitle { width:100%; border-top:2px solid #333; padding-top:50px; text-align: center;}
.jcboardView .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;}
.jcboardView .viewArea .viewTitle .subInfo { padding:30px 50px 40px; border-bottom:1px solid #ddd;   }
.jcboardView .viewArea .viewTitle .subInfo ul {display:inline-block;overflow:hidden;}
.jcboardView .viewArea .viewTitle .subInfo ul li { font-size:16px;line-height:1.6;}
.jcboardView .viewArea .viewTitle .subInfo ul li+li {position:relative; padding-left:20px;}
.jcboardView .viewArea .viewTitle .subInfo ul li+li:after{content:''; width:1px; height:14px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-7px;}
.jcboardView .viewArea .viewTitle .subInfo .btnLeft{display:flex; justify-content:center;}
.jcboardView .viewArea .viewTitle .subInfo .btnLeft a{ margin-top: 20px; display: inline-block; padding: 5px 20px; border: 1px solid #ddd;border-radius: 6px;font-size: 14px;}
.jcboardView .viewArea .viewTitle dt {float:left;padding-right:5px;color:#333; font-weight:600;}
.jcboardView .viewArea .viewTitle dd {color:#707070;float:left;} 
.jcboardView .viewArea .viewTitle dd + dt {padding-left: 15px;}
.jcboardView .viewArea .viewCont {padding:50px ;font-size:18px;color:#666;line-height:1.6;word-wrap:break-word;}

.jcboardView .viewArea .fileArea {display:block;width:100%;margin:0; box-sizing:border-box;background:transparent; ;border-bottom:1px solid #111; color:#111;}
.jcboardView .viewArea .fileArea > dl {display:inline-block;width:100%;margin:0;padding:0;}
.jcboardView .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:#f4f4f4; display:inline-block; width: auto;}
.jcboardView .viewArea .fileArea > dl > dd {display:inline-block; width: auto; margin-right:20px;  font-size:16px;color:#666; box-sizing:border-box;}
.jcboardView .viewArea .fileArea > dl > dd:before {content:"";}
.jcboardView .viewArea .fileArea > dl > dd > a {display:inline-block;height:60px;line-height:60px;margin:0 5px;color:#666;}
.jcboardView .viewArea .fileArea > dl > dd > a:hover {text-decoration:underline;}
.jcboardView .viewArea .fileArea > dl > dd > a > img {width:21px;margin:2px 0 0; vertical-align:middle;}

.jcboardView .viewArea .replyboardView {margin: 10px 20px;}
.jcboardView .viewArea .replyboardView .replyArea {display: flex; align-items: center; gap: 5px; font-size: 14px;}
.jcboardView .viewArea .replyboardView .replyArea a{padding: 5px 12px; border: 1px solid #ccc; border-radius: 4px; transition: all 0.5s;}
.jcboardView .viewArea .replyboardView .replyArea a:hover{background-color: #104770; border-color: #104770; color: #fff;}
.jcboardView .viewArea .replyboardView .replyArea .delete{display: flex; align-items: center; gap: 5px;}
.jcboardView .viewArea .replyboardView .replyArea .delete input{text-indent: 1rem; width: 100%; max-width: 300px; background-color: #f5f5f5; }


.jcboardView .viewArea .preViewTitle {   position:relative;}
.jcboardView .viewArea .preViewTitle dl {position:absolute; right:0; opacity:.5; top:25px;} 
.jcboardView .viewArea .preViewTitle dl.left{right:auto; left:0;}
.jcboardView .viewArea .preViewTitle dl.left dt{ padding-right:20px;}
.jcboardView .viewArea .preViewTitle dl.right {text-align:right;}
.jcboardView .viewArea .preViewTitle dl.right dt{float:right; padding-left:20px;}
.jcboardView .viewArea .preViewTitle dl dt {float:left; font-size:18px;color:#111; font-weight:500;}
.jcboardView .viewArea .preViewTitle dl.left:has(.prev):before {content:"←";   line-height: 0.7; font-size: 24px;  float: left;  padding:0 15px 0 0;}
.jcboardView .viewArea .preViewTitle dl.right:has(.next):before {content:"→"; line-height: 0.7; font-size: 24px;  float: right;  padding:0 0 0 15px;}
.jcboardView .viewArea .preViewTitle dl dd {line-height:1.6;font-size:16px;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 300px;}
.jcboardView .viewArea .preViewTitle dl dd > a {color:#333;}
.jcboardView .viewArea .preViewTitle dl:hover{opacity:1;}


.jcboardTop{display:flex; justify-content:space-between; align-items:center; margin-bottom: 40px;}
.jcboardTop .total{color:#000; font-size:18px; font-weight:400;}
.jcboardTop .total span{vertical-align:baseline;color: #104770;}
.jcboardTop .selArea{position:relative; background:#fff;     border-bottom: 1px solid #111;}
.jcboardTop .selArea form{display: flex;}
.jcboardTop .selArea div.dv-select{width:100px;height:60px; line-height:60px; border:none; margin:0;}
.jcboardTop .selArea .dv-select > label{height:60px; line-height:60px; border:none}
.jcboardTop .selArea .dv-select > span.spn-sel-arrow{height:60px;}
.jcboardTop .selArea select{height:60px; line-height:60px; border:none; margin:0; font-size:16px; font-weight:400; color: #000;}
.jcboardTop .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;}
.jcboardTop .selArea span.input{ width:calc(100% - 110px); margin:0;}
.jcboardTop .selArea span.search{position:absolute; right:0; margin:0; }
.jcboardTop .selArea span.search input{background:url('../../images/board/btn_search.png') no-repeat center  center / 20px; text-indent:-9999px;}


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

	.jcboardTop .total{font-size:14px; }
	.jcboardTop{flex-wrap:wrap; gap: 10px 0;}
	.jcboardList .listTable .colTbl th{font-size:14px; padding:10px 4px;}
	.jcboardList .listTable .colTbl td{font-size:12px;}
	.jcboardList .listTable .colTbl td.title{font-size: 14px;}
	.jcboardList .btnGray{padding:10px 30px;}
	.jcboardView .viewArea .viewTitle{padding-top:30px; text-align: center;}
	.jcboardView .viewArea .viewTitle h4{padding:0 20px; font-size: 22px;}
	.jcboardView .viewArea .viewTitle .subInfo{padding:10px 20px 25px; flex-wrap:wrap;}
	.jcboardView .viewArea .viewTitle .subInfo ul{margin-bottom:5px;}
	.jcboardView .viewArea .viewTitle .subInfo ul li{font-size:12px;}
	.jcboardView .viewArea .viewCont{padding:20px 0;}
	.jcboardView .viewArea .preViewTitle dl dt{font-size:12px; display:none;}
	.jcboardView .viewArea .preViewTitle dl dd{font-size:12px; width: 80px; }
	.jcboardView .viewArea .preViewTitle dl.left:has(.prev):before{line-height: 1; padding-right: 5px; font-size: 16px;}
	.jcboardView .viewArea .preViewTitle dl.right:has(.next):before{line-height: 1; padding-left: 5px; font-size: 16px;}
	.jcboardView{margin:0 auto  }
	.jcboardList .listTable ul li a{padding:30px 20px;}
	.jcboardList .listTable .thumb{width:100%;}
	.jcboardList .listTable .title{width:100%;}
	.jcboardView .viewArea .fileArea > dl > dt{font-size:14px;}
	.jcboardView .viewArea .fileArea > dl > dd > a{font-size:14px;}
	.jcboardView .viewArea .fileArea > dl > dt,
	.jcboardView .viewArea .fileArea > dl > dd > a{line-height:40px; height:42px;}
	.jcboardView .viewArea .preViewTitle dl{top:15px;}
	.jcboardView .bottomBtn .btn-list{width:50px; height:50px;}


	/* -- 추가 -- 접수 및 확인 게시판일경우 */
	.submission .jcboardList .listTable{overflow: auto;}
	.submission .jcboardList .listTable .colTbl {min-width: 720px;}

}

@media screen and (max-width:480px) {
    .jcboardTop .selArea div.dv-select {height: 40px; line-height: 40px;}
    .jcboardTop .selArea .dv-select > label {height: 40px; line-height: 40px;}
    .jcboardTop .selArea select{height:40px; line-height:40px; font-size:14px;}
    .jcboardTop .selArea .dv-select > span.spn-sel-arrow {height: 40px;}
    .jcboardTop .selArea input{height:40px; line-height:40px; font-size:14px; padding-right:30px;}
    .jcboardTop .selArea span.search input {background-size: 16px auto;}
}










/* 
********************** 고객의소리 **********************
********************** 고객의소리 **********************
*/

/* -------- 공통 :: 체크박스 -------- */
.custom-checkbox-item-box{font-size:15px; padding: 2rem 0;}
.custom-checkbox-item-box .custom-checkbox-item{margin:4px 7px}
.custom-checkbox-item{display:inline-block; vertical-align:middle;}
.custom-checkbox-item input[type="checkbox"]{display:none;}
.custom-checkbox-item label{display:inline-block; position:relative; padding-left:2rem; color:rgba(0,0,0,0.4); font-size:1.5rem; letter-spacing:-0.3px; line-height:1.5rem; cursor: pointer; }
/* .custom-checkbox-item label::before{font-family: 'xeicon';content: "\e92c"; position:absolute; top:0px; left:0px; font-size:1.55rem; color:rgba(0,0,0,0.5);} */
.custom-checkbox-item label::before {content: "";width: 10px; height: 10px; position:absolute; top:50%; left:0px; transform: translateY(-50%);  background-color:rgba(0,0,0,0.4);}
.custom-checkbox-item input[type="checkbox"]:checked + label {color: #000; }
.custom-checkbox-item input[type="checkbox"]:checked + label::before{background-color:#000; }

/* -------- 공통 :: 라디오 -------- */
.custom-radio-item-box{ font-size:15px; padding: 2rem 0;}
.custom-radio-item-box .custom-radio-item{margin:4px 7px}
.custom-radio-item{display:inline-block; vertical-align:middle;}
.custom-radio-item input[type="radio"]{display:none;}
.custom-radio-item label{ cursor: pointer; display:inline-block; position:relative; padding-left:2rem; color:rgba(0,0,0,0.4); font-size:1.5rem; letter-spacing:-0.3px; line-height:1.5rem; }
/* .custom-radio-item label::before{font-family: 'xeicon'; content: "\e9c7"; position:absolute; top:0px; left:0px; font-size:1.55rem; color:rgba(0,0,0,0.5);} */
.custom-radio-item label::before{content: ''; width: 10px; height: 10px;  background-color: rgba(0,0,0,0.4); border-radius: 100%; position:absolute; top:50%; left:0px; transform: translateY(-50%);}
.custom-radio-item input[type="radio"]:checked + label::before{background-color: rgba(0,0,0,1); }

/* -------- 공통 :: Custom Select -------- */
.custom-select-box{
	display:block;
	width:100%;
 }
.custom-select-box select {
	display: none;
}
.custom-select-wrapper {
	position: relative;
    z-index: 5;
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	width:100%;
}
.custom-select-wrapper .custom-select {
	position: relative;
	display: block;
}
.custom-select-trigger {
	position: relative;
	display: block;
	width: 100%;
	color: #555859;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	font-size:1.5rem;
	font-weight: 500;
	/* border:1px solid #ccc; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	z-index:12;
    line-height: 5.8rem;
}
.custom-select-trigger:after{
	/* font-family: 'xeicon'; */
	/* content: "\e942"; */
	/* font-size:2.4rem; */
	aspect-ratio: 1/1;	
	content: "";
	position:absolute; 
	top:50%; 
	right:10px; 
	transform:translateY(-50%);
	color: #555859;
	background: url(../../images/board/sel-arrow.png) no-repeat center center;
	width: 30px;
}
.custom-select.opened .custom-select-trigger:after{
	/* content: "\e945"; */
	transform: translateY(-50%) rotate(180deg);
}
/* Custom Select :: Option Drop List */
.custom-option-drop-list {
	position: absolute;
	display: none;
	top: 100%;
	left:0;
	right: 0;
	width:100%;
	z-index:11;
	overflow-y:auto;
	max-height:200px;
	background: #fff;
	border:1px solid #ddd;
	border-top:0;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.custom-option-drop-list::-webkit-scrollbar{
	width: 5px;
}
.custom-option-drop-list::-webkit-scrollbar-thumb{
	background-color:#333;
	border-radius:5px;
	transition:all 0.5s;
}
.custom-option-drop-list::-webkit-scrollbar-track{
	background-color:#f2f2f2; 
	border-radius:0;
}
.custom-select.opened .custom-option-drop-list {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.custom-option-item {
	position: relative;
	display: block;
	padding: 1.5rem 1rem;
	font-size:1.3rem;
	font-weight: 500;
	color: #555859;
	line-height: 1.5;
	cursor: pointer;
	transition: all 0.05s ease-in-out;
}
.custom-option-item:hover {
	background:#f2f2f2;
}
.custom-option-item.selection{
	color:#000;	
}
@media all and (max-width:800px) {
	/* 공통 :: 체크박스, 라디오*/	
	.custom-checkbox-item-box,
	.custom-radio-item{font-size:13px; }

	.custom-option-item{padding:1rem 0;}
}

 /* ******************  08. Support ********************** */
/* 문의하기 03 :: 작성폼 */
.inquiry-con-write-box{display: flex; flex-wrap: wrap; margin: -0.8rem -1rem; padding-bottom: 2rem;}
.inquiry-con-write-box dl {display:table; width: calc(100% - 2rem); margin: 0.8rem 1rem; background-color:#fafafa;}
.inquiry-con-write-box dl.w50 {width: calc(50% - 2rem); margin: 0.8rem 1rem;}
.inquiry-con-write-box dt {display:table-cell; position:relative; width:13rem; /* vertical-align: top; */ vertical-align: middle; height:6rem; padding-left: 2.8rem; padding-top: 1rem; padding-bottom: 1rem; font-size:1.6rem; font-weight: 700; /* line-height: 6rem; */line-height: normal; letter-spacing: -0.015em; color:#000000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.inquiry-con-write-box dd {width: calc(100% - 13rem); display:table-cell; /* vertical-align: top; */ vertical-align: middle; padding:0 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.inquiry-con-write-box dd input,
.inquiry-con-write-box dd select,
.inquiry-con-write-box dd textarea{
	height:6rem; border:0; width:100%; font-size:1.4rem; letter-spacing: -0.02em; color:#000; font-weight: 400; background-color:#fafafa; 
}
.inquiry-con-write-box dd #content {padding: 1rem;}
.inquiry-con-write-box dd textarea {width:100%; height:26rem; padding: 1.5rem 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:none; text-indent: 0; padding: 1rem; box-sizing: border-box;
	font-family: 'Noto Sans KR','GmarketSansMedium',Dotum,Helvetica,AppleGothic,Gulim,'굴림',Sans-serif;  }
.inquiry-con-write-box dd input::placeholder,
.inquiry-con-write-box dd textarea::placeholder {color: #b7b7b7;}
.inquiry-con-write-box .custom-radio-item label {color: rgba(0,0,0,0.5);}
.inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label {color: #000;}
.inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label::before {color: #000;}
.custom-check-wrap {display: flex; align-items: center;}
.custom-check-wrap strong {width: 17.5rem; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.025em; color: #000000;}
.custom-check-wrap .custom-checkbox-item-box {display: flex; width: calc(90% - 17.5rem);}
.custom-check-wrap:first-of-type .custom-checkbox-item-box {border-bottom: 0.1rem solid rgba(51,51,51,0.1);}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item {display: inline-block; width: 14%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:first-child {width: 12%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:nth-child(4) {width: 12%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:last-child {width: 20%;}

.inquiry-bottom-con {display: flex; align-items: center; /* justify-content: space-between; */ justify-content: center; padding-top: 1.5rem;}
.inquiry-bottom-con .agree-txt {display: flex; align-items: center;}
.inquiry-bottom-con .agree-txt li {margin-right: 2.3rem;}
.inquiry-bottom-con .agree-txt input {display: none;}
.inquiry-bottom-con .agree-txt label {position: relative; display: inline-block; padding-left: 3rem; font-size: 1.55rem;  font-weight: 500; letter-spacing: -0.05em; line-height: 2.4rem; color: #000000;}
.inquiry-bottom-con .agree-txt label:before {position: absolute; content: '\e92c'; top: 0.1rem; left: 0; font-size: 2.4rem; color: #000; font-family: xeicon;}
.inquiry-bottom-con .agree-txt label a {display: inline-block; color: #000; border-bottom: 0.3rem solid #000;}
.inquiry-bottom-con .agree-txt input:checked + label:before {content: '\e92b';}
.inquiry-bottom-con .right-box {display: flex; align-items: center;}
.cm-btn02 {display: block; width: 20rem; height: 6rem; line-height: 5.4rem; text-align: center; border-radius: 1rem; border: 0.3rem solid #cfcfcf; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; color: #000; font-weight: 700; transition: all 0.3s;} 
.cm-btn02:hover {border-color: #717171;}
.inquiry-essential-txt{text-align:right; color:#333333; font-size:1.6rem; letter-spacing:-0.025em; padding-bottom:15px;}
.essential-icon{color:var(--sub-color); font-size: 1.8rem; margin-right:0.1em}
.privacy-btn {position: absolute; left: 1.5rem; top: 13px;width: 140px; height: 33px;}
.privacy-btn a {display: flex; align-items: center; justify-content: space-between; padding: 0 10px; width: 100%; height: 100%; line-height: 31px; border: 1px solid #030e1b; 
	font-size: 14px; font-weight: 600; color: #030e1b; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.privacy-btn a i {font-size: 18px;}
.cm-btn-controls .cm-btn01 {margin: 10rem auto 0;}


/* 추가 */
.custom-input-wrap {display: flex;align-items: center;gap: 2rem;}
.custom-input-wrap .custom-inputBox {width: 50%; display: flex;  align-items: center;}
.custom-input-wrap .custom-inputBox:first-of-type {width: 45%;}
.custom-input-wrap strong {width: 7rem;font-size: 1.6rem;font-weight: 700;letter-spacing: -0.025em;color: #000000; padding-left: 2.8rem;}
.custom-input-wrap .custom-inputBox:last-of-type strong {width: 13rem;}
.custom-input-wrap .custom-input-item { font-size: 15px; padding: 0.5rem 0; width: calc(100% - 8rem);}
/* .custom-input-wrap:first-of-type .custom-input-item {border-bottom: 0.1rem solid rgba(51, 51, 51, 0.1);} */
.custom-input-wrap .custom-input-item {border-bottom: 0.1rem solid rgba(51, 51, 51, 0.1);}
.custom-input-wrap:last-of-type .custom-input-item {border-bottom: none;}


.file-cont .custom-input-wrap strong {width: 13rem;}
.file-cont .custom-input-wrap .custom-input-item { width: calc(100% - 13rem);}
.inquiry-con-write-box .file-cont dd input {line-height: 6rem;}

/* 테이블 추가 */
.inquiry-con-write-box dl.table-contFlex{display: flex; align-items: center;}
.inquiry-con-write-box dd.table{padding: 1rem; box-sizing: border-box; }
.inquiry-con-write-box dd.table .tableWrap{
	width: 100%;
	overflow: auto;
}
.inquiry-con-write-box dd.table table {border: 1px solid #ccc; width: 100%; min-width: 920px;}
.inquiry-con-write-box dd.table .w10{width: 10%;}
.inquiry-con-write-box dd.table .w20{width: 20%;}
.inquiry-con-write-box dd.table .w24{width: 24%;}
.inquiry-con-write-box dd.table .w30{width: 30%;}
.inquiry-con-write-box dd.table .w40{width: 40%;}
.inquiry-con-write-box dd.table .w45{width: 45%;}
.inquiry-con-write-box dd.table .w50{width: 50%;}
.inquiry-con-write-box dd.table .w60{width: 60%;}
.inquiry-con-write-box dd.table .w70{width: 70%;}
.inquiry-con-write-box dd.table .w80{width: 80%;}
.inquiry-con-write-box dd.table .w90{width: 90%;}
.inquiry-con-write-box dd.table .w100{width: 100%;}

.inquiry-con-write-box dd.table .tl_c{text-align: center;}

.inquiry-con-write-box dd.table .bgBlue{background-color: #104770; color: #fff;}
.inquiry-con-write-box dd.table .bgBlack{background-color: #333; color: #fff;}
.inquiry-con-write-box dd.table .bgGray{background-color: #cdd3cb; }
.inquiry-con-write-box dd.table .bgGreen {background: #8ed971;}
.inquiry-con-write-box dd.table .line_r{border-right: 1px solid #ccc;}
.inquiry-con-write-box dd.table .line_r_wh{border-right: 1px solid #fff;}

.inquiry-con-write-box dd.table th{font-size: 1.5rem; font-weight: bold; padding: 0.5rem 0;}
.inquiry-con-write-box dd.table td{padding:1rem; box-sizing: border-box;}

.inquiry-con-write-box dd.table td .tb_flex{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
}

.inquiry-con-write-box dd.table input {width: auto; background-color: #fff; border: 1px solid #ccc; height: 3.5rem; text-indent: 0;}
.inquiry-con-write-box dd.table a{padding: 3px 7px; background-color: #104770; color: #fff; border-radius: 4px; font-size: 1.3rem; }
/* 테이블 추가 */

@media all and (max-width:1280px){
	.custom-check-wrap .custom-checkbox-item-box .custom-checkbox-item,
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:first-child, 
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:nth-child(4), 
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:last-child {width: auto;}

	/* 추가 */
	.custom-input-wrap .custom-inputBox {align-items: normal;flex-direction: column;
	}
	.custom-input-wrap .custom-inputBox:first-of-type{width: 50%;}
	.custom-input-wrap strong{width: 100%; padding-left: 1rem; padding-top: 1rem;}
	.custom-input-wrap .custom-inputBox:last-of-type strong{width: 100%;}
	.custom-input-wrap .custom-input-item{width: 100%;}


}
@media all and (max-width:800px){
	.public-info-con {padding-top: 0;}
    .inquiry-con-write-box dl{display: block;}
	.inquiry-con-write-box dl.w50 {width: calc(100% - 2rem);}
	.inquiry-con-write-box dt {display: block; padding-left: 2rem; width: 100%; line-height: 6rem; padding-top: 0; padding-bottom: 0;}
	.inquiry-con-write-box dd {display: block; width: 100%;}
	.inquiry-con-write-box dd.table{display: block; width: 100%;}
	.custom-check-wrap {flex-wrap: wrap;}
	.custom-check-wrap strong { display: inline-block;width: 100%; padding-top: 2rem; padding-left: 7px;}
	.custom-check-wrap .custom-checkbox-item-box {width: 100%; flex-wrap: wrap; /* margin: -2px -7px; */ margin: -7px 0;}
	.custom-check-wrap .custom-checkbox-item-box .custom-checkbox-item {margin: 7px;}
	.inquiry-con-tbl .custom-radio-item-box {margin: -3px 0;}
	.inquiry-con-tbl .custom-radio-item-box .custom-radio-item {margin: 7px;}
	.inquiry-bottom-con {flex-wrap: wrap;}
	.inquiry-bottom-con .agree-txt {flex-wrap: wrap; width: 100%; align-items: start; justify-content: center;}
	.inquiry-bottom-con .agree-txt li {width: 100%; text-align: left; margin-right: 0; margin-bottom: 1.5rem;}
	.inquiry-bottom-con .agree-txt li:last-child {margin-bottom: 0;}
	.inquiry-bottom-con .right-box {width: 100%; text-align: center; justify-content: center;}
	.cm-btn02 {margin: 3rem 0 0;}

	/* 추가 */
	.custom-input-wrap{flex-direction: column;}
	.custom-input-wrap .custom-inputBox{width: 100%;}
	.custom-input-wrap .custom-inputBox:first-of-type{width: 100%;}
	.custom-input-wrap .custom-input-item {border-bottom: 0.1rem solid rgba(51, 51, 51, 0.1);}
	.custom-input-wrap .custom-input-item.borderNone {border-bottom: none;}

	.inquiry-con-write-box dl.table-contFlex{display: block;}
}



/* 
********************** 고객의소리 **********************
********************** 고객의소리 **********************
*/