@charset "utf-8";
/* *******************************************************
 * filename : board.css
 * description : paging, 버튼, 게시판 뷰, 쓰기, faq 등 게시판에 관련된 통합 CSS
 * date : 2021-03-29
******************************************************** */

/* ******************   공통 :: Default Setting ********************** */
:root{
	--board-main-color: var(--main-color);
	--board-list-height: 60px; /* 리스트 높이*/
	--board-list-font-size: 16px;
	--board-list-font-color: #333;
	--board-list-icon-width: 60px; 	/* 댓글이 있을때 100px */
	--board-view-font-size: 14px;
}
@media all and (max-width:800px){
	:root{
		--board-list-height: auto;
		--board-list-font-size: 13px;
		--board-list-font-color: #aaa;
		--board-list-item-padding: 20px;
		--board-view-font-size: 13px;
	}
}

.bbs-list-container.fix-head{padding-top: calc((var(--header-height) + var(--header-top)) + 8rem); padding-bottom: 15rem;}
@media all and (max-width:768px){
	.bbs-list-container.fix-head{ padding: calc(var(--header-height) + var(--header-top)) 0 8rem;}
}

/* ****************** 공통 :: BUTTON ********************** */
.cm-btn-controls{overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; margin-top:35px; column-gap: .5rem; flex-wrap: wrap;}
.cm-btn-controls.cm-btn-align-left{justify-content:flex-start; }
.cm-btn-controls.cm-btn-align-right{justify-content:flex-end;}
.cm-btn-controls .right-btn-controls{margin-left:auto;}
.cm-btn-controls >button,
.cm-btn-controls >input[type="submit"],
.cm-btn-controls >a{
	display:inline-flex; align-items:center; justify-content:center; width:150px; height:45px; border:0; color:#fff; background-color:#000; 
	font-size:16px; cursor:pointer; vertical-align:top; text-align:center; font-weight:400; box-sizing:border-box;
}
.cm-btn-controls >button.w_auto,
.cm-btn-controls >input[type="submit"].w_auto,
.cm-btn-controls >a.w_auto{ padding: 0 2.4rem;}
.cm-btn-controls.cm-btn-long-controls button,
.cm-btn-controls.cm-btn-long-controls input[type="submit"],
.cm-btn-controls.cm-btn-long-controls a{width:100%; margin:0px; margin-bottom:5px;}
.cm-btn-controls .btn-style01{background-color:#333;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{background:#fff; border:1px solid #888; color:#222;}

.bbs-cm-btn{
	font-size: 1.45rem; padding: .5rem .7rem; border-radius: 3px; display: inline-flex; align-items: center; 
	justify-content: center; border: 1px solid #e0e0e0; font-weight: 500;
}
.bbs-cm-btn.btn_01{ background-color: #000; color:#fff; border-color:#000;}
.bbs-cm-btn.btn_02{ background-color: var(--board-main-color); color:#fff; border-color: var(--board-main-color);}
.bbs-cm-btn.btn_03{ background-color: #e9e9e9;}
.bbs-cm-btn:not([class*='btn_']):hover{ background-color: #f5f5f5;}
.bbs-cm-btn.sm{font-size: 1.25rem;padding: .2rem .7rem;}


.cm-control-btns.bbs-user-edit{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap: 1rem; right:0; position:relative ; transform: none;}
.bbs-user-edit > li{position: relative;}
.bbs-user-edit a, .bbs-user-edit button{font-size:1.5rem; color:#000}
.bbs-user-edit *[class*='xi']{font-size:1.8rem}
.bbs-user-edit .more_opt {top:calc(100% + 1rem);transform: translateX(1rem);}
.bbs-user-edit .more_opt li {padding:10px 1.5rem;}
.bbs-user-edit .more_opt li:last-child {border-bottom:0}

@media all and (max-width:800px) {
	.cm-btn-controls{margin-top:30px;}
	.cm-btn-controls >button,
	.cm-btn-controls >a{width:100px; /*height:35px;*/ font-size:14px;}
}
@media all and (max-width:359px) {
	.cm-btn-controls >button,
	.cm-btn-controls >a{width:80px; height:35px; font-size:14px;}
}

.btn_submit.heig_50{height: 5.5rem;}

/* fully filled */
.Fully_filled_container .btn_submit{background-color: #ccc;color: #fff;pointer-events: none;border-color: #ccc;}
.Fully_filled_container:not(:has(
	.cmp-form-input input:not([type='checkbox'], [type='radio'], [type='file'], [readonly], [disabled]):placeholder-shown,
	.cmp-form-textarea > textarea:placeholder-shown
	)) .btn_submit{ 
	pointer-events:all; background-color: #000; border-color: #000;
}
/* simple file design */
.simple_w_file {position: relative; min-width: 0;}
.simple_w_file .file_wr{cursor: pointer;position: relative;}
.simple_w_file .file_wr input[type=file]{
	position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;
}
.simple_w_file .file_wr >label{
	display:inline-flex; align-items: center; justify-content: center; padding: 1.3rem 2rem; color: #fff;
	background-color: var(--board-main-color); cursor: pointer; cursor: pointer; font-size: 1.45rem; min-width: 11rem;
}
.simple_w_file .file_wr .file_info{
	display: inline-flex; align-items: center; padding: 0 2rem;vertical-align: middle;flex:1;color: #999999; border-left: 0;
	background-color: #f1f1f1; min-width: 0;
}
.simple_w_file .file_wr .file_info > span{display: block; width: 70%;}
.simple_w_file .file_del{ position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 1.3rem; color:#666}

/* -------- 공통 :: PAGING -------- */
#galleryListContainer.gallery .pg_wrap, #galleryListContainer.product .pg_wrap, #galleryListContainer.project .pg_wrap{margin-bottom: 0}
.pg_wrap{display:flex; justify-content:center; width:100%; text-align:center; margin:30px 0 0; flex-wrap:wrap;}
.pg_wrap .pg_page, .pg_current{display: inline-block;vertical-align: middle;width: 30px;height: 30px;border: 1px solid #ddd;text-align: center;font-size: 12px;line-height: 30px;color: #868686;letter-spacing: -0.25px;background-color: #fff;}
.pg_wrap .pg_page:hover{color:#222;}
.pg_wrap .pg_current{border-color:#333; background-color:#333; color:#fff;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

/* Style01 (margin없는형태)  */
.paging.no-margin a{margin:0; margin-left:-1px}
.paging.no-margin a.cur{position:relative; z-index:1; background-color:transparent; color:#333;}
.paging.no-margin a:first-child{margin-left:0;}
/* Style02(원형) */
.paging-style02 a{border-radius:50%;}
/* Style02(라인) */
.paging-style03 a{width:auto; padding:0 7px 3px; margin:0 5px; border:0; font-size:16px}
.paging-style03 a.cur{background-color:transparent; color:#333;}
.paging-style03 a.cur:after{position:absolute; bottom:0px; left:50%; width:100%; margin-left:-50%; height:2px; background-color:#333; content:"";}

@media all and (max-width:480px) {
	/* 공통 :: PAGING */
	.paging:not(.no-margin) a.paging-prev{margin-right:2px}
	.paging:not(.no-margin) a.paging-next{margin-left:2px}
}
@media all and (max-width:359px) {
	/* 공통 :: PAGING */
	.paging a{margin:0 0 0 -1px}
	.paging:not(.no-margin) a.paging-prev{margin-right:0}
	.paging:not(.no-margin) a.paging-next{margin-left:-1px}
}
.admin-toolbar{position: fixed;right: 1rem;top: 1rem; z-index: 9999999;}
.admin-toolbar select, .admin-toolbar .btn-refresh-cache{
	font-size: 1.4rem;background-color: #fff;padding: .2rem 1rem;border: 1px solid #d0d0d0;display: inline-block;
}
.admin-toolbar select {max-width: 200px; padding-right: 3rem; line-height: inherit;}
@media (max-width: 768px) {
    .admin-toolbar {flex-direction: column;}
    .admin-toolbar form,
    .admin-toolbar .btn-refresh-cache {width: 100%;}
    .admin-toolbar select {width: 100%;}
}



/* ****************** 공통 :: SEARCH BOX ********************** */
.board-search-box{text-align:center; padding:30px 0; }
.board-search-box .board-search-inner{display:flex; align-items:center; max-width:460px; height:50px; margin:0px auto; box-sizing:border-box; border:1px solid #ddd; background-color:#fff;}
.board-search-box .board-search-inner:after{display:none;}
.board-search-box .search-subject-select,
.board-search-box .search-word{height:100%; background-color:transparent; border:0; padding:0 15px; font-size:15px; color:#333; letter-spacing:-0.3px; box-sizing:border-box;}
.board-search-box .search-subject-select{width:100%;}

.board-search-box .search-subject-select:not(.custom-select){padding-left:1em;}
.board-search-box .search-word{width:100%; border-right:0; flex: 1;}
.board-search-box .search-subject-select + .search-word,
.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 170px); border-left:1px solid #ddd; }
.board-search-box .search-subject-select:focus,
.board-search-box .search-word:focus{color:#333; outline:none; background-color:transparent;}
.board-search-box .search-word::placeholder{color:#ccc;}
.board-search-box .search-word::-webkit-search-cancel-button{display:none;}
.board-search-box .bbs-search-btn{margin:0px; border:0; width:50px; height:100%; font-size:15px; letter-spacing:-0.5px; color:#333; cursor:pointer; vertical-align:top; }
.board-search-box .bbs-search-btn i{line-height:40px; font-size:20px;}
.board-search-box .bbs-search-reset{ background-color: #f5f5f5; border: 1px solid #ddd; height: 50px;}
/* Search Select Custom */
.bbs_lang_category{width: 80px;height: 100%;text-transform: uppercase;}
.bbs_lang_category .search_item{width: 100%; height: 100%; padding: 0 10px;}
.board-search-box .board-custom-select-box{width:120px; height:100%;}
.board-search-box .board-custom-select-box.long{ width: 160px;}
.board-custom-select-box .custom-select-wrapper{height:100%;}
.board-custom-select-box .search-subject-select{padding:0;}
.board-custom-select-box .custom-select-trigger{border:0; height:100%; display:flex; align-items:center; }
.board-custom-select-box .custom-option-drop-list{border-color:#ddd; left:-1px; right:-1px;}
.board-custom-select-box .custom-option-item{text-align:left; font-size:0.8666em; font-weight:400; padding:8px 15px;}
.board-custom-select-box .custom-option-item.selection{background-color:#eee; }
/* 스타일 02(하단라인형) */
.search-style-bottom-line .board-search-inner{border:0; border-bottom:3px solid #333;}
.search-style-bottom-line .search-subject-select + .search-word,
.search-style-bottom-line .board-custom-select-box + .search-word{border-left:0;}
.search-style-bottom-line .board-custom-select-box .custom-option-drop-list{margin-top:3px; left:0; /*border-width:3px; border-color:#333;*/}
/* 스타일 03(원형배경) */
.search-style-radius .board-search-inner{background-color:#f7f7f7; border-radius:50px; border:0;}
.search-style-radius .search-subject-select + .search-word,
.search-style-radius .board-custom-select-box + .search-word{border-left:0;}
.search-style-radius .board-custom-select-box .custom-select-trigger{padding-left:1.5em}
.search-style-radius .board-custom-select-box .custom-option-drop-list{left:1.5em; margin-top:-8px; border:1px solid #333; box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.1);}
/* -------- SEARCH BOX 상단 일때  -------- */
.bbs-top-list-box .board-search-box{width:420px; padding:0;}
.bbs-top-list-box .board-search-inner{/* margin:0; max-width:none; */}
.bbs-top-list-box .board-search-inner.w_auto{ max-width: none;display: inline-flex; flex-wrap: wrap;}
/* 센터정렬 */
.bbs-top-list-box.top-search-center{justify-content:flex-end;}
.bbs-top-list-box.top-search-center .board-search-box{width:100%; margin:0 auto 30px; }

/* -------- SEARCH hidden type  -------- */
.bbs-top-list-box .board-search-box.hidden{ padding-bottom: 1.3rem; border-bottom: 2px solid transparent;}
.bbs-top-list-box .board-search-box.hidden > form{ margin-left: auto; width: 100%;}
.bbs-top-list-box .board-search-box.hidden .board-search-inner{height: auto;border: 0;justify-content: flex-end;}
.bbs-top-list-box .board-search-box.hidden .hide{ display: none;}
.bbs-top-list-box .board-search-box.hidden .bbs-search-btn{ border: 0; width: auto;}
.bbs-top-list-box .board-search-box.hidden .bbs-search-btn i{ line-height: inherit;}
.bbs-top-list-box .board-search-box.hidden .board-search-inner.active .hide{ display: block;}
.bbs-top-list-box .board-search-box.hidden .board-search-inner.active .rv_hide{ display: none;}
.bbs-top-list-box .board-search-box.hidden:has(.board-search-inner.active) { border-color:#000;}

@media all and (max-width:800px) {
	.board-search-box{padding:0; border:0}
	.board-search-box .board-search-inner{max-width:none; }

	/* -------- SEARCH BOX select box가 2개 이상 일때  -------- */
	.board-search-box .board-search-inner:has(.custom-select-box:nth-of-type(2)){height: auto; row-gap: 15px;}
	.board-search-box .board-search-inner:has(.custom-select-box:nth-of-type(2)) .board-custom-select-box{flex: 1; border: 1px solid #ddd; margin-left: -1px;}
	.board-search-box .board-search-inner:has(.custom-select-box:nth-of-type(2)) .search-word:not(.flex-1){flex: unset; width:calc(100% - 50px);}
	/* -------- SEARCH BOX 상단 일때  -------- */
	.bbs-top-list-box .board-search-box{width:100%; margin-bottom:5%;}
	/* 센터정렬 */
	.bbs-top-list-box.top-search-center{justify-content:flex-start;}
	.bbs-top-list-box.top-search-center .board-search-box{margin-bottom:5%;}

	/* -------- SEARCH hidden type  -------- */
	.bbs-top-list-box .board-search-box.hidden{width: auto; margin-bottom: 0;}
	.bbs-top-list-box:has(.board-search-box.hidden){flex-direction: row-reverse;}
}
@media all and (max-width:480px) {
	.board-search-box .board-search-inner{height:40px;}
	.board-search-box .search-subject-select,
	.board-search-box .search-word{font-size:13px;}
	.board-search-box .search-subject-select{width:100px}
	.board-search-box .search-subject-select + .search-word,
	.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 150px);}
	.board-search-box .board-custom-select-box{width:100px;}
	.board-custom-select-box .custom-select-trigger{font-size:13px;}
	.board-search-box .bbs-search-reset{ height: 100%;}
}

/* -------- 공통 :: TOTAL NUMBER 및 카테고리 검색, 관리자  -------- */
.bbs-top-list-adm_box{ padding: 20px 10px; box-sizing: border-box; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; background: #f5f5f5; margin-bottom: 20px}
.bbs-top-list-adm_box .btn_bo_user{ padding: 0;}
.bbs-top-list-box{display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; flex-wrap:wrap; margin-bottom:30px}

/* -------- 리스트 Total 갯수 -------- */
.total-list-con{color:#333; font-size:15px; letter-spacing:-0.25px;}
.total-list-con b{color:var(--board-main-color); }
.total-list-con i{font-size:16px; margin-right:2px; position:relative; top:1px;}
.gallery-search-con, .bbs-top-list-box{ margin-bottom: 20px}

/* -------- 카테고리 -------- */
.board-category-box{width:200px; margin-left:auto; }
.bbs-top-list-box:not(.top-search-center) .board-search-box + .board-category-box{margin-right:10px;}
.board-category-box .category-select{width:100%; height:50px; border:1px solid #ddd; font-size:15px; padding:0 10px; box-sizing:border-box;}
.bbs-top-category{position:relative; width:100%; text-align:left; letter-spacing:-0.25px;}
.bbs-top-category .category-trigger-btn{display:flex; align-items:center; width:100%; height:50px; padding:0 15px; text-align:left; font-size:15px; border:1px solid #ddd; background-color:#fff; color:#333; box-sizing:border-box; }
.bbs-top-category .category-trigger-btn:after{position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:18px; font-family: 'xeicon'; content:"\e942";}
.bbs-top-category.open .category-trigger-btn:after{content:"\e945";}
.bbs-top-category-list{position:absolute; top:100%; left:0px; width:100%; background-color:#fff; border:1px solid #ddd; border-top:0;  z-index:1; display:none; box-sizing:border-box;}
.bbs-top-category-list a{display:block; padding:15px; color:#333; font-size:13px; transition:all 0.3s}
.bbs-top-category-list.selected a{background-color:#eee;}
.bbs-top-category-list a:hover{background-color:#f2f2f2; }
/* 스타일 02(하단라인형) */
.category-style-bottom-line .category-select,
.category-style-bottom-line .category-trigger-btn{border:0; border-bottom:3px solid #333;}
.category-style-bottom-line .bbs-top-category-list{border-width:3px; border-color:#333;}
/* 스타일 03(원형배경) */
.category-style-radius .category-select,
.category-style-radius .category-trigger-btn{background-color:#f7f7f7; border-radius:50px; border:0; padding-left:1.5em;}
.category-style-radius .bbs-top-category-list{left:1.5em; right:1.5em; width:auto; margin-top:-8px; border:1px solid #333; box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.1);}

/* -------- 리스트 갯수 Sort -------- */
/* 갯수 Sort */
.top-view-select-box{margin-left: 15px; float: left; margin-bottom:20px;}
.top-view-select-box select{width:120px; height:34px; border:1px solid #ccc; vertical-align:top;}
@media all and (max-width:800px) {
	.bbs-top-list-box{margin-bottom:5%; }
	.bbs-top-list-box.top-search-center{margin-bottom:0; }
	.bbs-top-list-box:not(.bbs-top-category-box){flex-direction:initial; }
	/* 공통 :: TOTAL NUMBER 및 카테고리 검색 */
	.board-category-box select{width:150px}
	/* ~개씩 보기 */
	.top-view-select-box{margin-left: 15px;}
	.top-view-select-box select{width:100px;}
	/* 우측 카테고리 */
	.board-category-box{width:50%; max-width:200px;}
	.bbs-top-list-box:not(.top-search-center) .board-search-box + .board-category-box{margin-right:0;}
}
@media all and (max-width:480px) {
	/* 리스트 Total 갯수 */
	.total-list-con{font-size:13px;}
	/* ~개씩 보기 */
	.top-view-select-box{margin-left: 10px;}
	.top-view-select-box select{width:80px;}
	/* 우측 카테고리 */
	.board-category-box .category-select{height:40px;}
	.bbs-top-category .category-trigger-btn{height:40px; font-size:13px;}
}
@media all and (max-width:359px) {
	/* ~개씩 보기 */
	.top-view-select-box select{width:55px;}
}
.top-search-box .board-search-box .search-word{height:45px; width:60%; max-width:265px; box-sizing:border-box; border-left:1px solid #ccc; float: none}
.goto-List{ display: inline-flex; align-items: center; gap:10px; font-weight: 500; text-transform: uppercase;}
.goto-List i{    
	border: 1px solid #e0e0e0;font-size: 1.4rem;color: #000;border-radius: 50%;width: 2.5rem;height: 2.5rem;display: inline-flex;
	align-items: center;justify-content: center; transition: transform .3s; line-height: 0; 
}
.goto-List:hover i{ background-color:var(--main-color); color:#fff; transform: translateX(-2px); border-color: var(--main-color);}
.bbs-view-con .btn_bo_user{text-align: right}
.btn_bo_user > li {position:relative; padding: 0 5px; display:inline-block}
.btn_bo_user > li button, .btn_bo_user > li a{ font-size: 1.7rem; color:#000;}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.more_opt {display:none;position:absolute;top:30px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:5px;float:inherit;width:6rem;margin:0;color:#6b757c;text-align:left}
.bbs-view-top .more_opt li{width:60px}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c; text-align: center; display:inline-block; font-size: 1.4rem;}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

.modify_btn{position: absolute;left:11px; top: 0;background: #000;padding: 5px 15px;color: #fff;font-size: 12px; display: block; z-index: 11; cursor: pointer;}
.tbl_modify{background: #000;padding: 5px 15px;color: #fff;font-size: 12px; display: inline-block; z-index: 11; cursor: pointer;}

/* 사이드 뷰*/
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {
	z-index:1000;display:none;margin:5px 0 0;font-size:1.3rem;background:#333; text-align: left;
	-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)
}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:block;margin:0;padding:10px;min-width:max-content;font-weight:normal;color:#bbb; line-height: 1.6;}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_wrap .profile_img img{ border-radius: 50%; position: relative; top: -2px;}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}


/* ****************** 공통 :: NO LIST ********************** */
.bbs-no-list{padding:100px 0; text-align:center; color:#777; font-size:15px; border-top:1px solid #333; border-bottom:1px solid #ddd; }
.bbs-list-tbl + .bbs-no-list{margin-top:-1px;}
.bbs-no-list.bt_none{ border-top: 0;}
@media all and (max-width:800px) {
	/* 공통 :: NO LIST */
	.bbs-no-list{padding:60px 0; font-size:14px; font-weight:500;}
}

/* -------- 공통 :: 버튼형 링크 -------- */
#bo_v_link{border-bottom: 1px solid #ddd;}
#bo_v_link:not(.rt_grp) > div{ display: table;width:100%; box-sizing: border-box;}
#bo_v_link:not(.rt_grp) > div >*{box-sizing: border-box; display: table-cell;vertical-align: middle;padding:12px 10px}
#bo_v_link:not(.rt_grp) h2{font-size:16px; color:#222; font-weight: 500; text-align: center;width: 180px; background: #e0e0e0;}
#bo_v_link:not(.rt_grp) ul{ width:calc(100% - 180px); padding-left: 30px}
#bo_v_link ul li{ display:inline-block; height: 38px;line-height: 38px; margin: 5px}
#bo_v_link ul li a{ display:block; width:100%; height:100%;color: #2d2d2d;text-align: center;background-color: #fff;border: 1px solid #aaa;border-radius:50px; font-size: 13px; transition: all 0.3s;}
#bo_v_link ul li a span{display: table;height: 100%; text-align: center;padding: 0 40px;width:100%;}
#bo_v_link ul li a span > *{ vertical-align: middle}
#bo_v_link ul li a span em{display: table-cell;vertical-align: middle;font-weight:500;}
#bo_v_link ul li a span i{ margin-right: 10px}
#bo_v_link ul li a:hover {background-color: var(--board-main-color); color: #fff; border-color: var(--board-main-color); }
#bo_v_link ul li a:hover i {opacity:0.7;filter:Alpha(opacity=70);}

/*버튼 타입 2*/
#bo_v_link.rt_grp{ margin-top: 30px; border:0;}
#bo_v_link.rt_grp h2{ border-bottom: 2px solid #333; margin-bottom: 10px; font-size:17px; color: #222; padding: 15px; background: #f0f0f0}
/* 네모 버튼 (자세히 보기 등) */
.gu_btn_area {font-size:0;}
.gu_btn_area .gu_btn {-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;height: 56px;border: 1px solid #bcbcbc;background: transparent;cursor: pointer;position: relative;display: inline-block;text-align: center;font-size: 0;padding: 0 30px 0 25px;color:#222;-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); margin-right:20px}
.gu_btn_area .gu_btn:last-child{ margin-right:0}	
.gu_btn_area .gu_btn.btn_white {background: #fff;border-color: #b2b2b2;}
.gu_btn_area .gu_btn.btn_arrow .arrow {position:absolute;display: inline-block;vertical-align: middle;width: 16px;height: 16px;-webkit-background-size: contain;background-size: contain;top: 50%;right:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);}
.gu_btn_area .gu_btn.btn_arrow .outlink {position:absolute;display: inline-block;vertical-align: middle;width: 16px;height: 16px;-webkit-background-size: contain;background-size: contain;top: 50%;right:0px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);}
.gu_btn_area .gu_btn .label {font-size: 15px;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);overflow: hidden;display: inline-block;vertical-align: top;line-height: 1;}
.gu_btn_area .gu_btn.btn_arrow .label {padding-right:28px;}
.no-mobile .gu_btn_area .gu_btn.btn_arrow:hover .arrow {right:26px;}

.gu_btn_area .gu_btn:before {content:''; position:absolute;background:var(--board-main-color);color:#fff;border-color:var(--board-main-color);width:0;height:calc(100% + 2px);left:-1px;top:-1px;-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);}
.gu_btn_area .gu_btn.btn_white:hover {color:#fff;}
.gu_btn_area .gu_btn:hover:before {width:calc(100% + 2px);}

@media all and ( max-width: 1024px ){
	#bo_v_link:not(.rt_grp) ul{ padding-left:20px}
	#bo_v_link ul li a{font-size: 12px}
	#bo_v_link ul li a span{ padding: 0 20px}
	.gu_btn_area .gu_btn{ height: 45px}
}
@media all and ( max-width: 800px ){
	#bo_v_link:not(.rt_grp) > div, #bo_v_link:not(.rt_grp) > div >*{display: block; width:100%;}
	#bo_v_link ul{padding:10px 0}
	#bo_v_link.rt_grp{ margin-top:0px; border-bottom: 1px solid #ddd; padding-bottom: 10px}
	#bo_v_link.rt_grp h2{ font-size: 14px; padding:15px}
	.gu_btn_area .gu_btn{margin-right: 10px;height: 40px;}
	.gu_btn_area .gu_btn.btn_white{background:var(--board-main-color);color: #fff; border-color:var(--board-main-color)}
	.gu_btn_area .gu_btn.btn_arrow .label{padding-right:20px;font-size: 13px;}
}
@media all and ( max-width: 480px ){
	#bo_v_link ul li{width:45%;}
	#bo_v_link ul li a span{ padding: 0; display: block;}
	#bo_v_link ul li a span >*{display:inline-block!important;}
}

/* -------- 공통 :: FORM CUSTOM -------- */
/* 공통 :: 체크박스 */
.custom-check-item-box{margin:0 -5px}
.custom-check-item-box .custom-check-item{margin:2px 5px}
.custom-check-item{display:inline-block; vertical-align:middle;}
.custom-check-item input[type="checkbox"]{display:none; display/*\**/: inline-block\9;} /* ie7, ie8 display:inline-block */
.custom-check-item label{display:inline-block; position:relative; padding-left:22px; color:#333; font-size:15px; letter-spacing:-0.3px; line-height:15px; }
.custom-check-item label::before{font-family: 'xeicon'; content: "\ea0e"; position:absolute; top:1px; left:0px; font-size:18px; color:#ccc;}
.custom-check-item input[type="checkbox"]:checked + label::before{color:#000; content: "\e92e";}

/* 공통 :: 라디오 */
.custom-radio-item-box{margin:0 -5px}
.custom-radio-item-box .custom-radio-item{margin:2px 5px}
.custom-radio-item{display:inline-block; vertical-align:middle;}
.custom-radio-item input[type="radio"]{display:none; display/*\**/: inline-block\9;} /* ie7, ie8 display:inline-block */
.custom-radio-item label{display:inline-block; position:relative; padding-left:22px; color:#333; font-size:15px; letter-spacing:-0.3px; line-height:15px; }
.custom-radio-item label::before{font-family: 'xeicon'; content: "\e9c6"; position:absolute; top:1px; left:0px; font-size:18px; color:#ccc;}
.custom-radio-item label strong{display:inline-block; vertical-align:middle; font-weight:400; font-size:15px; color:#333;}
.custom-radio-item input[type="radio"]:checked + label::before{color:#000; content: "\e9c7";}

.custom-select-box{display:block;width:100%;}
.custom-select-box select {display: none;}
.custom-select-wrapper {position: relative;user-select: none;-webkit-user-select: none;cursor: pointer;width:100%;}
.custom-select-wrapper .custom-select {position: relative;display: block;}
.custom-select-trigger, .bbs_lang_category .search_item {
	position: relative;display: block;width: 100%;padding:0 20px 0 15px;color: #333;cursor: pointer;transition: all 0.2s ease-in-out;
	font-size:15px;border:1px solid #ccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
	min-height: 40px; line-height: 1.4;
}
.custom-select-trigger:after{
	font-family: 'xeicon';position:absolute; top:50%; right:4px; transform:translateY(-50%);content: "\e942";font-size:18px;
}
.bbs_lang_category .custom-select-trigger, .bbs_lang_category .search_item{ 
	height: auto;line-height: 30px;border: 1px solid #d0d0d0;background-color: #fff; text-transform: uppercase;
}
.custom-select.opened .custom-select-trigger:after{content: "\e945";}
/* Custom Select :: Option Drop List */
.custom-option-drop-list {
	position: absolute;display: none;top: 100%;left: 0%;right: 0;z-index:11;overflow-y:auto;max-height:200px;
	background: #fff;border:1px solid #ccc;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: 15px;font-size:13px;font-weight: 500;color: #555;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) {
	/* 공통 :: 버튼  */
	.cm-btn-controls.alone-btn{ margin-top: 0; border: 0}
	.cm-btn-controls >button,
	.cm-btn-controls >a{min-width:110px; width:auto; padding:0 10px; height:36px; font-size:13px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	.cm-btn-controls >a{line-height:36px;}
	/* 공통 :: TOTAL NUMBER 및 카테고리 검색 */
	.top-search-box select{width:150px}
	/* 공통 :: 체크박스, 라디오*/	
	.custom-check-item label strong,.custom-checkbox-item-box,
	.custom-radio-item label strong,.custom-radio-item{font-size:13px; }
}
@media all and (max-width:640px) {
	.total-list-con, .top-search-box{ float: none}
	.total-list-con.alone{ line-height: inherit}
	.btn_bo_user,.total-list-con{margin-bottom: 10px}
	.btn_bo_user{ padding-top: 0}
	.bbs-top-list-adm_box{ padding: 10px}
	.bbs-top-list-adm_box .btn_bo_user{ margin-bottom: 0}
	/* 상단 SEARCH BOX */
	.top-search-box form{width: 100%;}
	.bbs-top-list-box .board-search-box{width:100%; max-width:inherit;}
	.top-search-box .board-search-box .search-word{max-width:inherit;width:68%}
}
@media all and (max-width:480px) {
	/* 공통 :: 버튼  */
	.cm-btn-controls >button,.cm-btn-controls> a{min-width:80px; height:32px; font-size:13px;}
	.cm-btn-controls >a{line-height:32px;}
}

/* ******************   게시판 :: 뷰페이지  ********************** */
/* 게시판 :: 뷰 :: 상단 타이틀 정보 */
.bbs-view-top{padding:20px; border-top:1px solid #333; border-bottom:1px solid #eee; position:relative; z-index: 1}
.bbs-view-top.ad_type{ margin-bottom: 50px}
.bbs-view-top .event-date{overflow:hidden; color:#888; padding-bottom:10px;}
.bbs-view-top .event-date dt,.bbs-view-top .event-date dd{display:inline-block; letter-spacing:-0.5px;}
.bbs-view-top .event-date dt{margin-right:10px; color:#333;}
.bbs-view-top .event-date dt i{font-size:16px; margin:-1px 3px 0 0; vertical-align:middle;}
.bbs-view-top .reply-state{ text-align:left;}
.bbs-view-top .reply-state span{display:inline-block; padding:0 10px; height:24px; line-height:24px; background-color:#888; border-radius:5px; font-size:11px; color:#fff; text-align:center;}
.bbs-view-top .reply-state.reply-state-finish span{background-color:#5997bb}
.bbs-view-top .bbs-category{display: block;font-size: 1.4rem;margin-bottom: 10px;color: var(--board-main-color);font-weight: 500;}
.bbs-view-top .bbs-tit{color:#282828; font-size:22px; letter-spacing:-0.6px; font-weight:500; line-height:32px; word-break:keep-all;}
.bbs-view-top .bbs-tit.in_share{width:100%; box-sizing: border-box; padding-right: 50px}
.bbs-view-top .bbs-write-info{margin-top:20px;}
.bbs-view-top.ad_type .bbs-write-info{margin-top: 0}
.bbs-view-top .bbs-write-info dt,.bbs-view-top .bbs-write-info dd{display:inline-block; color:#777; font-size:15px; vertical-align:middle; font-weight:500}
.bbs-view-top .bbs-write-info dd{margin:0 20px 0 5px; color:#888; font-weight:400}
.bbs-view-top + .bbs-info-box{ gap: 2.5rem;}
.bbs-view-top + .bbs-info-box dl{position: relative; gap: 1rem;}
.bbs-view-top + .bbs-info-box dl dt{ min-width: 10%; position: relative;}
.bbs-view-top + .bbs-info-box dl dt:after{ 
	content: ""; display:inline-block; width: 1px; height: 1.2rem; background-color: #d0d0d0;margin: 0 0 0 1rem;
}
.bbs-view-top + .bbs-info-box dl dd{flex: 1;}
.bbs-view-content{padding:30px 20px; border-bottom:1px solid #eee; position: relative; min-height: 180px;}
.bbs-view-content ul, .bbs-view-content ol, .bbs-editor > ul, .bbs-editor > ol{ list-style:revert;}
.bbs-view-content a{text-decoration: revert;}
.bbs-view-content #bo_v_img, .bbs-view-content a.view_image{ margin-top: 1.5rem;}
.bbs-view-content #bo_v_img img,  .bbs-view-content a.view_image > img,  .bbs-view-content img{ max-width: 100%; height: auto;}
.bbs-view-content .bbs-signature-area{background: transparent;padding: 0;margin-top: 5rem;border-top: 1px dashed #d0d0d0;padding-top: var(--area-padding);}
.bbs-signature-area{padding:1.8rem var(--area-padding); background-color: #f9f9f9;}
.bbs-signature-area:empty{ display: none;}

/* 게시판 :: 뷰 :: 공유아이콘 */
.bbs-view-share-con{overflow:hidden; padding:10px 20px; border-bottom:1px solid #eee;}
.bbs-view-share-con >ul{float:right;}
.bbs-view-share-con >ul li{float:left;margin-left:5px;  -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.bbs-view-share-con >ul li:first-child{margin-left:0;}
.bbs-view-share-con >ul li a, .bbs-view-share-con >ul li button{display:block;  width:34px; height:34px; text-align:center; line-height:34px;}
.bbs-view-share-con >ul li img{width:30px;}
.bbs-view-share-con >ul li i{font-size:20px; line-height:34px; color:#fff;}
.bbs-view-share-controls .bbs-button-controls{float:left;}
.bbs-view-share-controls .bbs-hit-good-num-con{float:right;}

/* 게시판 :: 뷰 :: 공유아이콘02 */
.share-controls{position:absolute; top:50%; transform: translateY(-50%); right:20px;}
.share-controls.top{right: 10px; top:0; margin-top: 0}
.share-controls.top .share-btn-wrapper i{ line-height: inherit}
.share-controls .mail-share-btn{display:inline-block; vertical-align:middle; color:#4e4e4e; font-size:24px; margin-right:15px; position:relative; top:-1px;}
.share-btn-wrapper{position:relative; display:inline-block; vertical-align:middle; }
.share-btn-wrapper .share-list-dim{position:fixed; top:0px; left:0px; width:100%; height:100%; display:none;}
.share-btn-wrapper i,.share-controls i[class^='xi']{font-size:24px; line-height:45px; color:#000}
.share-btn-wrapper .share-open-btn{position:relative; z-index:1; width:auto; height:auto; color:#4e4e4e; font-size:24px;}
.share-btn-wrapper .share-sns-list{
	position:absolute; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;
	-ms-transition:all 0.2s;transition:all 0.2s; opacity:0;filter:Alpha(opacity=0); visibility:hidden;
}
.share-btn-wrapper .share-sns-list li{position:absolute;  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.share-btn-wrapper .share-sns-list li a{display:block; background-color:#aaa; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; box-sizing:border-box}
.share-btn-wrapper .share-sns-list li i{ font-size: 20px; line-height: 40px;}
.share-btn-wrapper .share-sns-list li a.sns_f{background-color: #395498;}
.share-btn-wrapper .share-sns-list li a.sns_t{background-color: #60a9de;}
.share-btn-wrapper .share-sns-list li a.sns_p{background-color:#c00;}
.share-btn-wrapper .share-sns-list li a.sns_k{background-color:#f9e000;}
.share-btn-wrapper.open .share-list-dim{display:block;}
.share-btn-wrapper .share-sns-list li a > span:not(.icon){display:none}
.share-btn-wrapper.open .share-sns-list{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.share-btn-wrapper[data-row="bottom"] .share-sns-list{left:-9px; top:37px;}
.share-btn-wrapper[data-row="bottom"] .share-sns-list li{top:0;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(1){top:5px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(2){top:55px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(3){top:105px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(4){top:155px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(5){top:205px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(6){top:255px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(7){top:305px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(8){top:355px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(9){top:405px;}
.share-btn-wrapper[data-row="bottom"].open .share-sns-list li:nth-child(10){top:455px;}

/*게시판 :: 뷰 :: 하단 공유, 추천, 스크랩, 신고 */
.bbs-view-etc{ margin-top: 25px;}
.bbs-view-etc .bbs-view-share-con{float: none; border: 0; padding: 0; overflow: visible;}
.bbs-view-etc .bbs-view-share-con > *{border: 1px solid #959595;border-color: rgba(185, 185, 185, 0.5); padding: 10px; border-radius: 50%;}
.bbs-view-etc .bbs-view-share-con > .bbs-view-good{ border-radius: 25px;  padding: 10px 15px;}
.bbs-view-etc i{ font-size: 1.5rem; line-height: inherit;}
.bbs-view-etc i[class^="xi"]{ font-size: 1.7rem;}
.bbs-view-etc .bbs-view-good .count{margin-left: .4rem; font-weight: 600; color:#000}
.bbs-view-etc .share-wrapper{ position: relative;}
.bbs-view-etc .share-wrapper:not(.open) .share-sns-list{display: none;}
.bbs-view-etc .share-wrapper .share-sns-list{
	position: absolute;left: 0;bottom: calc(100% + 10px); width: max-content; color:#000;
	border-radius: 1px;background: #fff;box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .1);
}
.bbs-view-etc .share-wrapper .share-sns-list:after{ 
	width: 10px;height: 10px;box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .1);
	content: "";display: block;position: absolute;left: 10%;bottom: -4px;transform: rotate(45deg);background: #fff;z-index: -1;
}
.bbs-view-etc .share-wrapper .share-sns-list a{color:#101010; display:flex;padding: 8px 18px; align-items: center;font-size: 1.4rem; gap: 10px;line-height: 2.2rem;}
.bbs-view-etc .share-wrapper .share-sns-list a:hover{ background-color: #f5f5f5;}
.board_singo{ border: 1px solid #e0e0e0; padding:10px; font-size: 1.4rem; color:#000}
.board_singo i.icon{ 
	width: 16px; height: 16px; background: url('../../img/siran_ico.png') no-repeat center; background-size: 100% auto;display:inline-block
}

@media all and (max-width:640px){
	.share-controls.middle{top:0}
}
@media all and (max-width:480px){
	/* -------- 제품 뷰 :: 공유버튼 -------- */
	.share-controls .mail-share-btn,
	.share-btn-wrapper .share-open-btn i{font-size:18px}
	.share-controls .mail-share-btn{margin-right:8px;}
}

/* 게시판 :: 뷰 :: 관련링크 */
.bbs-related-link{ margin:20px 0; }
.bbs-related-link:has(+.bbs-view-etc){border-bottom: 1px solid #e0e0e0; padding-bottom: 20px;}
.bbs-related-link a{ display: inline-flex; font-weight:500; color:#000}
.bbs-related-link a:hover{color:var(--main-color); text-decoration: underline;}
.bbs-related-link li:not(:last-child) a:after{ content:","; display: inline-block;}

/* 게시판 :: 뷰 :: 첨부파일 */
.bbs-view-file-info-box{line-height:20px; border-bottom:1px solid #eee; background-color:#f9f9f9; padding:10px 20px; margin-bottom:10px;}
.bbs-view-file-info-box:not(:has(dl)){display: none;}
.bbs-view-share-con + .bbs-view-file-info-box{border-top:0;}
.bbs-view-file-info-box .bbs-file-list{overflow:hidden; padding-top:5px; font-size:14px;}
.bbs-view-file-info-box .bbs-file-list:first-child{padding-top:0;}
.bbs-view-file-info-box .bbs-file-list dt{float:left; width:120px; font-weight:600; color:#333;}
.bbs-view-file-info-box .bbs-file-list dd{float:left; width:70%; width:calc(100% - 120px ); }
.bbs-view-file-info-box .bbs-file-list dd a:hover{text-decoration:underline;}
.bbs-view-file-info-box .bbs-file-list dd i{vertical-align:middle; font-size:15px;}

/* 게시판 :: 뷰 :: 이전글,다음글 */
.bbs-view-prev-next-list{margin-top:30px;}
.bbs-view-prev-next-list li{border-bottom:1px solid #eee;}
.bbs-view-prev-next-list li:first-child{border-top:1px solid #eee;}
.bbs-prev-next-tbl{width:100%; table-layout:fixed;}
.bbs-prev-next-tbl th,
.bbs-prev-next-tbl td{height:58px; color:#333; font-size:16px; letter-spacing:-0.5px; line-height:1.2; }
.bbs-prev-next-tbl td .non_posts{ opacity: .4;}
.bbs-prev-next-tbl th{text-align:left;}
.bbs-prev-next-tbl .bbs-prev-next-tit{position:relative; display:block; padding-left:25px; font-weight:400; }
.bbs-prev-next-tbl .bbs-prev-next-tit:after{position:absolute; top:0px; bottom:0px; width:1px; right:0px; background-color:#eee; content:"";}
.bbs-prev-next-tbl .bbs-prev-next-tit i{position:absolute; right:15px; font-size:20px;}
.bbs-prev-next-tbl td{padding-left:20px}
.bbs-prev-next-tbl td a{display:block; color:inherit;}
.bbs-prev-next-tbl td a .bbs-tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-prev-next-tbl td a:hover .bbs-tit{text-decoration:underline}

/* 게시판 :: 뷰 :: 관리자코멘트 */
.manage-comment-con{border:1px solid #d7d7d7; margin:10px 0;}
.manage-comment-con h2{padding:15px 20px; border-bottom:1px solid #d7d7d7; background-color:#f9f9f9; color:#333; font-weight:600; font-size:15px;}
.manage-comment-con h2 span{color:#888; font-size:11px; margin-left:5px; font-weight:400;}
.manage-comment-con h2:before{font-family:"xeicon"; content:""; content: "\e981"; margin-right:5px;}
.manage-comment-txt{padding:18px 20px; font-weight:400; line-height:1.5em; font-size:15px; letter-spacing:-0.5px; line-height:1.5}

/* 게시판 :: 뷰 :: 댓글 */
.bbs-comment-con{margin-top:10%;}
.bbs-comment-con:has(.bbs-cm-empty) .bbs-cm-list-con{display: none;}
.bbs-comment-con .bbs-cm-head{font-size:18px; color:#2f2f2f; letter-spacing:-0.25px;padding-bottom:15px; font-weight:600;}
.bbs-comment-con .cmt_btn{ border-bottom: 1px solid #ddd;}
.bbs-comment-con .cmt_btn.cmt_btn_op .arr{ transform:rotate(-180deg);}
.cm-write-con{border:1px solid #d7d7d7; border-top:1px solid #000; margin-bottom:20px; }
.cm-write-top{position:relative; padding:10px 20px; background-color:#f4f4f4; border-bottom:1px solid #e5e5e5;}
.cm-writer-info{line-height:26px; flex: 1;}
.cm-write-top .cm-writer{font-weight:600; font-size:15px; color:#333; margin-right:10px; vertical-align:middle;}
.cm-write-top .cm-write-sub-txt{color:#9d9d9d; font-size:12px; font-weight:400; vertical-align:middle;}
.cm-write-bottom{padding:10px 0; overflow:hidden; position: relative;}
.cm-write-bottom #char_cnt, .cm-write-bottom #char_count_wrap{position: absolute; right: 1.5rem; bottom: 1.5rem; z-index: 1; font-size: 1.2rem; color:#999; font-weight: 500;}
.cm-write-bottom #char_cnt strong, .cm-write-bottom #char_count_wrap strong{color:#121212}
.cm-write-bottom:has(#char_cnt) .cm-textarea,
.cm-write-bottom:has(#char_count_wrap) textarea{ padding-bottom: 2rem;}
.wr_content > textarea{ padding: 1rem;}
.cm-write-bottom .cm-textarea{float:left; height:125px; width:85%; padding:10px; border:1px solid #e5e5e5; resize:none; box-sizing:border-box; font-size: 1.45rem;}
.cm-write-bottom .cm-regi-btn{float:left; height:85px;  width:15%; border:0; padding:0; color:#fff; font-size:15px; background-color:#333; vertical-align:middle;}
.cm-write-bottom.full .cm-textarea{float: none; width:100%}

/*이전글 :: 답변글 미리보기 */
.cm-write-bottom .prev-inquiry-box{margin-bottom: 2rem;}
.cm-write-bottom .prev-inquiry-box .toggle-btn {
	background-color: #f1f1f1;padding:1rem 2rem; border-radius: 5px;cursor: pointer;width: 100%;text-align: left;
	display: inline-flex; align-items: center; gap: .5rem;
}
.cm-write-bottom .prev-inquiry-box:not(:has(.hidden)) .toggle-btn i{ transform: rotate(180deg);}
.cm-write-bottom .prev-inquiry-content {
    margin-top: .5rem;padding:1rem 2rem; background: #fafafa; border: 1px solid #ddd; border-radius: 5px;
}
.cm-write-bottom .prev-inquiry-content.hidden {display: none;}

.bbs-cm-list-con{border:1px solid #d7d7d7}
.bbs-cm-list-con li{border-top:1px solid #d7d7d7;}
.bbs-cm-list-con li:first-child{border-top:0;}
.cm-item .cm-write-top{background-color:#fcfcfc; display: flex; flex-wrap: wrap; width: 100%;} 
.cm-item .cm-write-top form{ width: 100%;}
.cm-item.reply-cm-item >.cm-write-top:before{content: "\e981";font-family: var(--font-xi);font-weight: 600;color: #000;position: absolute;left: 2rem;top: 50%;transform: translateY(-50%);}
.cm-item.reply-cm-item > .cm-write-top, .cm-item.reply-cm-item > .cm-content{ padding-left: 40px;}
.cm-control-btns{position:absolute; top:50%; right:10px; transform: translateY(-50%);}
.cm-control-btns:not(.hide_type) a{
	display:inline-block; width:50px; height:22px; line-height:22px; color:#fff; background-color:#999; text-align:center; font-weight:400; 
	-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;
}
.bbs-comment-con .confirm-btn{ padding:1rem 2.5rem; background-color:#333; color:#fff; display: inline-block;}
.cm-item .cm-content{padding:10px 20px; font-weight:400; line-height:1.3em; color:#555; font-size: 1.5rem;}
.reply-cm-write-con .cm-write-top{ padding:15px; border-top:1px solid #e5e5e5; border-bottom: 0;}
.reply-cm-write-con .cm-write-top:empty{display: none;}


/* 게시판 :: 뷰 :: 답글 */
.bbs-reply-con{ border: 1px solid #e0e0e0; padding: var(--area-padding);}
.bbs-reply-con .reply_tit{ padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #eee;}
.bbs-reply-con .bbs-reply-comment{position: relative; min-height: 10rem;}
.bbs-reply-con .bbs-reply-comment .answer_content{ min-height: 15rem;}
.bbs-reply-con .bbs-reply-comment .answer_content .view_image { display: block; margin: 1rem 0 1.5rem;}
.bbs-reply-con .bbs-reply-comment .answer_content .view_image img{ width:80% !important; height: auto !important; max-width: 100%;}
.bbs-reply-con .bbs-view-file-info-box{ margin-top: 2rem; border-top: 1px solid #eee;}


@media all and (min-width:613px){
	.bbs-reply-con .bbs-reply-comment .answer_content .view_image {margin-top: 2rem;}
	.bbs-reply-con .bbs-reply-comment .answer_content .view_image img{max-width: 480px; width: auto !important;}
	.bbs-reply-con .bbs-view-file-info-box{ margin-top: 4rem;}
}
.bbs-reply-wait{min-height: 8rem;}
.bbs-circle-label{padding: .5rem 1.2rem;border-radius: 1.3rem;margin-right: 1rem;font-weight: 500;font-size: 1.4rem; line-height: 1;}

/*게시판 :: 뷰 :: 이동, 복사 팝업*/
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:2rem;}
#copymove .tbl_wrap table{ font-size: 1.5rem;line-height: 2.2rem;color: #000; width: 100%;border: 1px solid #e0e0e0;}
#copymove .tbl_wrap table thead{ background-color: #EDF0F3;}
#copymove .tbl_wrap table thead th{ font-size: 1.8rem;}
#copymove .tbl_wrap table th, #copymove .tbl_wrap table td{padding: 1.6rem;color: #000;font-weight: 500; border-bottom: 1px solid #e0e0e0; position: relative;}
#copymove .tbl_wrap table th:has(input[type=checkbox]),
#copymove .tbl_wrap table td:has(input[type=checkbox]){display: none;}
.copymove_current {color:#fff; font-size: 11px; padding: 3px 7px; background-color: var(--board-main-color)}
.copymove_currentbg {background:#e0e0e0;}
#copymove .copymove_currentbg > td:not(.td_chk) > label{display: flex;align-items: center;gap: 1rem;flex-direction: row-reverse;justify-content: flex-end;}
#copymove .win_btn {padding:0 20px 20px}
#copymove .win_btn > * { border: 0; outline: none; font-size: 1.6rem; font-weight: 500; color:#000; border: 1px solid #222; height: 4rem; min-width: 10rem;}
#copymove .win_btn > input{background-color: #222; color:#fff; border-color: #222}

/* 체크 시 */
#copymove .tbl_wrap table td label{ display: block; width: 100%;}
#copymove .tbl_wrap table td.td_chk:has(input[type=checkbox]:checked) + td{ background-color:#f1fcfd;}
#copymove .tbl_wrap table td.td_chk:has(input[type=checkbox]:checked) + td > label::before{ 
	content: "\e928"; display: block; position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%); z-index: 1;font-family: var(--font-xi);
}

.new_win {position:relative}
.new_win.bg_gray{ background-color: #f7f7f7 !important;}
.new_win-tbl{width:100%; box-sizing: border-box; padding:15px}
.new_win #win_title {font-size:1.6rem;height:50px;line-height:30px;padding:10px 20px;background:#fff;
	color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)
}
.new_win #win_title .tit{ font-size: 1.6rem;}
.new_win #win_title .sv {font-size:1.37rem;line-height:1.2em}
.new_win-tbl .bbs-list-row-item .column.win_title{width: 80%;text-align: center; margin: 0 auto}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1.35rem;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

@media all and (max-width:800px){
	/* 게시판 :: 뷰 */
	.bbs-view-top{padding:15px;}
	.bbs-view-top .bbs-tit{font-size:18px; line-height:26px;}
	.bbs-view-top .bbs-view-info{float:none; overflow:hidden;}
	.bbs-view-top .bbs-write-info{margin-top:10px;}
	.bbs-view-top .bbs-write-info dt,
	.bbs-view-top .bbs-write-info dd{font-size:12px;}
	.bbs-view-top .bbs-write-info dd{margin:0 7px 0 0}
	.bbs-view-content{padding:15px}

	/* 게시판 :: 뷰 :: 공유아이콘 */
	.bbs-view-share-con{padding:10px 15px}

	/* 게시판 :: 뷰 :: 첨부파일 */
	.bbs-view-file-info-box{padding:10px 15px;}
	.bbs-view-file-info-box .bbs-file-list{font-size:12px;}

	/* 게시판 :: 뷰 :: 이전글,다음글 */
	.bbs-prev-next-tbl colgroup{display:none;}
	.bbs-prev-next-tbl th{width:100px;}
	.bbs-prev-next-tbl th,
	.bbs-prev-next-tbl td{height:34px; font-size:13px; padding-left:10px}
	.bbs-prev-next-tbl .bbs-prev-next-tit{padding-left:10px;}
	.bbs-prev-next-tbl .bbs-prev-next-tit i{font-size:15px}

	/* 게시판 :: 뷰 :: 관리자코멘트 */
	.manage-comment-con h2{padding:10px 15px; font-size:13px;}
	.manage-comment-txt{font-size:12px;}

	/* 게시판 :: 뷰 :: 댓글 */
	.cm-write-top{padding:10px 15px;}
	.cm-writer-info{min-height:20px; line-height:20px;}
	.cm-write-top .cm-writer{font-size:14px;}
	.cm-write-top .cm-write-sub-txt{font-size:11px; display:block; line-height:16px;}
	.cm-write-bottom .cm-textarea{width:75%; height:80px; font-size:14px;}
	.cm-write-bottom .cm-regi-btn{width:25%; height:80px; font-size:14px;}
	.cm-control-btns a{font-size:11px;}
	.cm-item .cm-content{font-size:12px;}
	.reply-cm-write-con .cm-write-top{padding:10px 15px;}
}

/* ******************   게시판 :: 쓰기, 문의폼(기본1)  ********************** */
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
.bbs-inquiry-agree-con{margin-bottom:50px;}
.bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:50px;}
.bbs-inquiry-agree-con .agree-tit{color:#222; font-size:20px; letter-spacing:-0.5px; font-weight:500; padding-bottom:15px;}
.inquiry-agreement-con{height:220px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#f6f6f6; box-sizing:border-box; width: 100%; border-color:#ddd}

.bbs-inquiry-agree-con .agree-txt{margin-top:10px; font-size:15px; letter-spacing:-0.3px; color:#333;}
.bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.bbs-inquiry-agree-con .agree-txt input{display:none;}
.bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:26px; }
.bbs-inquiry-agree-con .agree-txt label i{position:absolute; top:2px; left:0px; font-size:20px; color:#ddd;}
.bbs-inquiry-agree-con .agree-txt input:checked + label i{color:#000;}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#cf0505;}
.agree-txt .privacy_viewer{ font-size: 1.3rem; font-weight: 500; color: #58595B;border: 1px solid #58595B;border-radius: 6rem;box-sizing: border-box;padding: .5rem 1rem;}
.agree-txt .privacy_viewer i{ font-size: 1.5rem;}

/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
.bbs-write-tbl{width:100%; border-top:1px solid #333;}
.bbs-write-tbl.non_border{ border: 0;}
.bbs-write-tbl th,.bbs-write-tbl td{padding:10px 12px; letter-spacing:-0.5px; border-bottom:1px solid #ddd; font-size: 14px;}
.bbs-write-tbl th{color:#464646; font-size:15px; font-weight:500; text-align:left; background-color: #f4f4f4;}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea{height:38px; border:0px; width:50%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;}
.bbs-write-tbl .write-input::placeholder, .bbs-write-tbl .write-select::placeholder, .bbs-write-tbl .write-textarea::placeholder{color:#aaa; font-size:14px;}
.bbs-write-tbl .write-input:focus{border-color:#333;}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select{text-indent:10px; max-width:480px; }
.bbs-write-tbl .write-textarea{width:100%; height:200px; resize:none;}
.bbs-write-tbl td input[type="file"]{height:auto; padding:7px 0;text-indent:0; border:0;}
.bbs-write-tbl td .write-sub-txt{color:#888; margin-left:10px; font-size:13px; letter-spacing:-0.5px;}
.bbs-write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:13px;  letter-spacing:-0.5px;}
.bbs-write-tbl .hypen{display:inline-block; vertical-align:middle;width:12px; margin:0 5px; text-align:center;}

.bbs-write-tbl .write-input:focus,
.bbs-write-tbl .write-select:focus,
.bbs-write-tbl .write-textarea:focus{outline: none;}
.bbs-write-link{margin:3px 0;}

textarea.h_resize{ resize: horizontal !important;}
textarea.v_resize{ resize: vertical !important;}
textarea.f_resize{ resize: both !important;}

/*임시저장글 */
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:38px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top; box-sizing: border-box;position: absolute;top: 5px;right: 5px;line-height: 30px;height: 30px;} 
.btn_frmline.posi_un{ position: unset !important;}
.btn_frmline.w_auto { padding: 0 10px;}
/* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1.34rem}
/*임시저장 리스트 박스*/
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;position: relative;}
#autosave_pop a {display:block;}
#autosave_pop span {display:block;font-size:1.2rem;color:#999; margin-top: 2px;}
#autosave_pop span:before{ content: "\eac2"; display: inline-block; font-family: var(--font-xi);  padding-right: 2px;}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(../../img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:9px;width:9px; background-size: 100% auto;
	position: absolute; top: 8px; right: 8px; z-index: 1;
}


/* 게시판 :: 쓰기,문의폼 :: 우편번호 검색 등의 버튼 */
.bbs-write-tbl .with-sub-btn-input{float:left; width:calc(100% - 116px) !important;}
.bbs-write-tbl .bbs-write-sub-btn{float:left; width:110px; padding:0 10px; height:38px; margin-left:5px; border:1px solid #645c54; vertical-align:middle; text-align:center; color:#645c54; font-size:13px; letter-spacing:-0.5px; font-weight:400; }
.bbs-write-tbl .bbs-write-sub-btn:hover{background-color:#645c54; color:#fff;}
.bbs-write-tbl .bbs-write-sub-btn + .write-input{clear:both;}


/* 게시판 :: 쓰기, 문의폼 :: 기타 */
.bbs-write-tbl .input-check{padding:10px 0;}
.bbs-write-tbl .input-check span{margin-right:30px;}
.bbs-write-tbl .input-check span label{vertical-align:middle; font-size:14px;}
.phone-fieldset .write-select,
.email-fieldset .write-input{max-width:150px}
.calender-fieldset .write-input{ max-width: 200px;}
.address-fieldset .write-input{display:block; margin-bottom:6px; max-width:800px; }
.address-fieldset .write-input:first-child{display:inline-block; max-width:400px}
.address-fieldset .write-input:last-child{margin-bottom:0;}
.board-contact-form textarea{padding: 1.5rem;border-color:#58595B;resize: none; font-size: 1.45rem;}


/* 게시판 :: 쓰기,문의폼 :: 기본2 */
.cmp-form-boxGroup{font-size:1.6rem; color:#121212;}
.cmp-form-boxGroup .cmp-form-box:not(:nth-of-type(1)) {margin-top: 3.2rem}
.cmp-form-boxGroup.col-style .cmp-form-box, .cmp-form-boxGroup.col-style .cmp-form-box .layout{ display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.cmp-form-box {position: relative;}
.cmp-form-box.layout,.cmp-form-box .layout {margin: 0}
.cmp-form-box .layout > div{ position: relative;}
.cmp-form-box .layout > div~div{ margin-top: 1rem;}
.cmp-form-box .layout.large > div~div{ margin-top: 2rem;}
.txt-required{text-align: right;font-size: 1.4rem;line-height: 2.2rem;}
.txt-required:before{content: "*";padding-right: .4rem;display: inline-block;vertical-align: top;font-size: 1.2rem;line-height: 1.8rem;font-weight: 700;color: #df2101;}
.new_win .cmp-form-box .form-tit{ font-size: 1.6rem; line-height: 2.2rem;}
.cmp-form-box .form-tit {position: relative;font-size: 1.8rem;line-height: 2.6rem;font-weight:500; margin-bottom: 1rem;}
.cmp-form-boxGroup.col-style .form-tit{ margin-bottom: 0; min-width: 12rem; font-size: 1.7rem;}
.cmp-form-boxGroup.col-style .form-tit + div{ flex:1}
.cmp-form-box .form-tit.line{border-bottom: 1px solid #000;padding-bottom: 1rem; margin-bottom: 2rem;}
.cmp-form-box .form-inner-tit{flex:unset; font-size:1.6rem; color:#000; font-weight: 500; min-width: 11rem;}
.cmp-form-box .form-tit+.cmp-form-btnBox,
.cmp-form-box .form-tit+.cmp-form-colBox,
.cmp-form-box .form-tit+.cmp-form-emailBox,
.cmp-form-box .form-tit+.cmp-form-searchBox,
.cmp-form-box .form-tit~.cmp-form-textareaBox {margin-top: 1rem}
.cmp-form-box .form-txt {font-size: 1.4rem;line-height: 2.2rem}
.cmp-form-box.required .form-tit:before {content: "필수";overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0,0,0,0)}
.cmp-form-box.required .form-tit:after,
.cmp-form-box .required:after {content: "*";font-size: 1.4rem;line-height: 2.2rem;color: #df2101;font-weight: 400;padding-left: 2px;display: inline-block;vertical-align: top}
.cmp-form-select .select-cnt {position: relative;display: inline-block;width: 100%;height: 4.2rem;box-sizing: border-box;vertical-align: top;border: 1px solid #e5e5e5}
.cmp-form-select .select-cnt select {
	position: relative;display: block;box-sizing: border-box;width: 100%;height: 100%;padding: 0 4rem 0 1.5rem; 
	border-style: none; color:#121212; font-weight: 500;
}
.cmp-def-select{min-width: 10rem;font-size: 1.35rem;line-height: 2.2rem;padding: 0 1rem;border: 1px solid #d0d0d0;color: #000;background-color: #fff;}
.cmp-form-select .select-cnt select:invalid {color: #707070;}
.cmp-line-select:not(.no-line){ border-bottom: 1px solid #000;}
.cmp-line-select select{border: 0;font-size: 1.4rem;color:#000}
.cmp-form-choice-view:not(.active){display: none!important;}
.cmp-form-choice-view .choice-each:not(.active){ display: none;}
.cmp-form-input, .cmp-form-textarea,.cmp-form-textareaBox {padding: 0;border: 1px solid #e5e5e5; }
.cmp-form-input{height:3.8rem;}
.cmp-form-input input::placeholder, 
.cmp-form-textarea textarea::placeholder{ color:#a9a9a9}
.cmp-form-input input, .cmp-form-textarea textarea, .cmp-form-textareaBox textarea{width: 100%;height: 100%;padding: 0 1.6rem;border-style: none; line-height: 1.4; font-size: 1.52rem;}
.cmp-form-textarea,.cmp-form-textareaBox{padding:1rem 0;}
.cmp-form-input:has(input:focus), 
.cmp-form-textarea:has(textarea:focus) {border-color: #000;}
.cmp-form-textarea textarea:focus{outline: none;}
.cmp-form-colBox{display: flex;align-items: center;justify-content: flex-start; column-gap: .4rem; row-gap: 1rem; flex-wrap: wrap;}
.cmp-form-colBox > *:not([class*='width']){flex:1}
.cmp-form-input:has(.placeholder_txt){ position: relative;}
.cmp-form-input .placeholder_txt{ position: absolute; right:1.6rem; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: #a5a5a5}
.cmp-form-input:has(input:focus) .placeholder_txt,
.cmp-form-input:not(input:placeholder-shown) .placeholder_txt{display: none;}

/* 주소 입력 폼 */
.cmp-form-addressBox{}
.cmp-form-addressBox input[type=text]{width: 100%;height: 4rem;border: 1px solid #d8d8d8;padding: 16px; font-size:1.5rem}
.cmp-form-addressBox input[type=text]::placeholder{color: #999;}
.cm-floating__wrap .cmp-form-addressBox input[type=text]{ border-radius: 4px;}
.cmp-form-addressBox .cmp-form-btnBox{display: flex; gap: .7rem;}
.cmp-form-addressBox .cmp-form-btnBox input{flex:1}
.cmp-form-addressBox .cmp-form-btnBox button{min-width:12rem;background: #333;color: #fff;font-size: 1.3rem;font-weight: 500;border-radius: .4rem;overflow: hidden;}
.cmp-form-addressBox .cmp-form-input{margin-top:1.5rem;}
.cmp-form-addressBox .cmp-form-input input ~ input{margin-top: .5rem;}
.cmp-form-addressBox #daum_juso_pagemb_zip{ position: absolute !important; z-index: 1;}


@media all and (max-width:800px){
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con{margin-bottom:25px;}
	.bbs-inquiry-agree-con .agree-tit{font-size:16px;}
	.inquiry-agreement-con{height:150px; padding:15px}
	.bbs-inquiry-agree-con .agree-txt{font-size:13px;}
	.bbs-inquiry-agree-con .agree-txt label i{top:1px;}

	/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
	.bbs-write-tbl tr,.bbs-write-tbl th,.bbs-write-tbl td{display:block; padding:0; width:100% !important; border-bottom:0; text-indent:0; background-color: #fff;}
	.bbs-write-tbl th{font-size:14px; padding-top:10px; font-weight:600;}
	.bbs-write-tbl td{padding:10px 0; border-bottom:1px solid #ddd; }
	.bbs-write-tbl td .write-input,
	.bbs-write-tbl td .write-select,
	.bbs-write-tbl td .write-textarea{width:100% ; border:0; max-width:none; background-color:#f0f0f0; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
	.bbs-write-tbl td .write-textarea{height:80px;}
	.bbs-write-tbl td .write-sub-txt, .bbs-write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:5px; text-align:right; font-size:12px; }
	
	/*임시 저장글*/
	button.btn_frmline {font-size:0.7em}
	a.btn_frmline, button.btn_frmline{width:23%;min-width:110px}

	/* 게시판 :: 쓰기, 문의폼 :: 기타 */
	.ios-os .bbs-write-tbl .phone-fieldset,
	.ios-os .bbs-write-tbl .email-fieldset{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.bbs-write-tbl .input-check{padding:5px 0;}
	.bbs-write-tbl .input-check span{margin-right:15px;}
	.phone-fieldset .write-input,
    .phone-fieldset .write-select{width:calc(33.33% - 19px) !important; max-width:none !important;}
	.email-fieldset .write-input{width:calc(50% - 14px) !important;}
	.email-fieldset .write-select{width:100% !important; margin-top:5px; max-width:none;}
	.bbs-write-tbl .address-btn{min-width:auto; font-size:12px; margin-left:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
}
@media all and (max-width:612px){
	.cmp-form-colBox.mid-full > *{flex: unset!important; width:100%}
}

/* ****************** 게시판 :: 비밀번호입력 ********************** */
.bbs-password-input-con{width:100%; padding:50px 0; text-align:center; border-top:1px solid #333; border-bottom:1px solid #ddd; margin-bottom:50px;}
.password-input-tit{color:#444; font-size:15px; font-weight:400; margin-bottom:30px; }
.password-input-tit b{font-weight:600;}
.password-input-tit br{display:none;}
.bbs-password-input-box{padding:50px 0; border:1px solid #eee; background-color:#fafafa;}
.bbs-password-input-box i{vertical-align:middle; color:#888 }
.bbs-password-input-box label{margin:0 10px 0 5px; font-size:15px; font-weight:600; color:#333; vertical-align:middle;}
.bbs-password-input-box #pwdInput{height:30px; width:30%; max-width:200px; border:1px solid #ddd; text-indent:10px;}

@media all and (max-width:800px){
	/* 게시판 :: 비밀번호입력 */
	.password-input-tit{line-height:24px; font-size:13px;}
	.password-input-tit br{display:block; }
	.bbs-password-input-box label{font-size:13px;}
	.bbs-password-input-box i{font-size:18px}
	.bbs-password-input-box #pwdInput{width:90%; margin-top:10px;}
}

/* ******************  게시판 :: 최신글 ********************** */
.lat_container{position: relative;}
.lat_normal_empty{
	display: inline-flex;width: 100%;min-height: 100px;align-items: center;justify-content: center;
	font-size: 1.6rem;color: #000;background: #f5f5f5;padding: 8rem 0;
}


/* ****************** 게시판 :: 통합검색 ********************** */
/* 검색 :: 검색결과 상단 */
.search-result-top-container{margin-bottom:50px; }
.search-result-top-container .result-bold-txt{color:#09b4de; }
.search-result-top-con{border: 1px solid #ddd; background-color:#fff; padding:50px 20px; text-align:center; font-size:18px; font-weight:400; line-height:20px; word-break:keep-all; }
.search-result-top-con .result-top-tit{font-size:30px; letter-spacing: -0.75px; color:#000; font-weight: 300; margin-bottom:25px;}
.search-result-top-con .result-txt b{color:#000;}
.search-result-top-con .no-result-txt p{padding-bottom:20px; line-height:22px;}
.search-result-top-con .no-result-txt ul{max-width:400px; margin:0px auto; text-align:left; }
.search-result-top-con .no-result-txt ul.en-no-result-txt{max-width:500px;  }
.search-result-top-con .no-result-txt ul li{font-size:13px; letter-spacing:-0.5px; font-weight:300;}
 
/* 검색 :: 검색결과 분류 */
.search-result-classify-con{border:1px solid #ddd; margin-top:-1px}
.search-result-classify-item {float:left; width:50%; text-align:center;}
.search-result-classify-item .search-result-classify-inner {padding:30px 0; background-color:#F4F4F4;}
.search-result-classify-item:first-child .search-result-classify-inner {border-right: 1px solid #d8d8d8; }
.search-result-classify-item .search-result-classify-inner .result-list-tit {font-size:18px; letter-spacing: -0.75px; color:#000;}
.search-result-classify-item .search-result-classify-inner .result-list-tit i {margin:-2px 6px 0 0;  vertical-align:middle;}
.search-result-classify-item .search-result-classify-inner .result-info {font-size:22px; line-height: 28px; letter-spacing: -0.75px; color:#000; margin-top: 20px;}
 
/* 검색 :: 검색결과 하단 */
.total-search-result-con{margin-bottom:50px;}
.totabl-search-list-tit-box{border-bottom:1px solid #000; padding-bottom:20px; margin-bottom:30px;}
.total-search-board-result-con .totabl-search-list-tit-box{margin-bottom:0}
.totabl-search-list-tit-box .total-search-list-tit {float:left; color:#333; font-weight:300; font-size:25px; letter-spacing:-1px;}
.totabl-search-list-tit-box .total-search-more-btn{float:right; color:#000; line-height:25px}
.total-search-result-bbs-list li{position:relative; border-bottom:1px solid #ddd;}
.total-search-result-bbs-list li a{display:block; padding:15px; }
.total-search-result-bbs-list li a .result-cate{display:inline-block; margin-bottom:15px; color:#fff; background-color:#888; padding:3px 7px 4px; font-size:13px;  }
.total-search-result-bbs-list li a .result-tit{display:block; font-size:18px; color:#09b4de; padding-bottom:10px; font-weight:500;}
.total-search-result-bbs-list li a .result-txt{
    overflow:hidden; height:44px; font-size:14px; line-height:1.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.total-search-result-bbs-list li. a:hover .result-tit,.total-search-result-bbs-list li a:hover .result-txt{text-decoration:underline;}
.total-search-result-bbs-list li.thumb-item a{overflow:hidden;}
.total-search-result-bbs-list li.thumb-item a .result-thumb{display:block; float:left; width:150px; margin-right:15px; border:1px solid #ddd;}
.total-search-result-bbs-list li.thumb-item a .result-thumb img{width:100%;}
 
/* 검색 :: 검색결과 상세페이지  */
.search-result-detail-container .search-result-classify-item{float:none; width:auto; }
.search-result-detail-container .search-result-classify-item:first-child .search-result-classify-inner {border-right: 0}
.search-result-detail-container .total-search-result-bbs-list{border-top:1px solid #000;}
 
/* -------- 통합검색 -------- */
@media all and (max-width:800px){
    /* 검색 :: 검색결과 상단 */
    .search-result-top-con .result-top-tit{font-size:25px;}
    .search-result-top-con{font-size:15px;}
    .search-result-top-con .no-result-txt p{padding-bottom:0}
    .search-result-top-con .no-result-txt ul{display:none;}
    /* 검색 :: 검색결과 분류 */
    .search-result-classify-con{}
    .search-result-classify-item:first-child .search-result-classify-inner {}
    .search-result-classify-item .search-result-classify-inner .result-list-tit {font-size:15px;}
    .search-result-classify-item .search-result-classify-inner .result-info{font-size:18px;}
    /* 검색 :: 검색결과 하단 */
    .total-search-result-bbs-list li a{padding:15px 0;}
    .total-search-result-bbs-list li a .result-tit{font-size:15px;}
    /* 검색 :: 검색결과 상세페이지  */
    .search-result-detail-container .search-result-classify-item:first-child .search-result-classify-inner {border-bottom:0; }
}
@media all and (max-width:480px){
    /* 검색 :: 검색결과 상단 */
    .search-result-top-con{padding:25px 15px; }
    /* 검색 :: 검색결과 하단 */
    .totabl-search-list-tit-box{padding-bottom:10px; margin-bottom:15px;}
    .totabl-search-list-tit-box .total-search-list-tit{font-size:20px}
    .total-search-result-bbs-list li.thumb-item a .result-thumb{float:none; width:100%; max-width:200px; margin-right:0; margin-bottom:15px;}
}
/* checkbox style */
@-moz-keyframes borderscale {
50% {
	box-shadow: 0 0 0 2px #999;
}
}
@-webkit-keyframes borderscale {
50% {
	box-shadow: 0 0 0 2px #999;
}
}
@keyframes borderscale {
50% {
	box-shadow: 0 0 0 2px #999;
}
}
.chk_fieldset > * + *{ margin-top: .5rem;}
input[type="checkbox"],
input[type="radio"]{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
input[type="checkbox"][readonly] + label,
input[type="radio"][readonly] + label,
input[type="checkbox"][disabled] + label,
input[type="radio"][disabled] + label{
opacity: .5;
pointer-events: none;
}

input[type="checkbox"]:hover + label:before,
input[type="radio"]:hover + label:before {
border-color: var(--main-color);
}
input[type="checkbox"]:active + label:before,
input[type="radio"]:active + label:before {
transition-duration: 0;
filter: brightness(0.2);
}
input[type="checkbox"] + label,
input[type="radio"] + label {
position: relative;
padding-left: 26px;
font-weight: normal;
cursor:pointer;
display: inline-flex;
height: 20px;
align-items: center;
}
input[type="checkbox"] + label:not(:nth-last-of-type(1)),
input[type="radio"] + label:not(:nth-last-of-type(1)){ margin-right: 1.6rem;}
input[type="checkbox"] + .empty-label,
input[type="radio"] + .empty-label {
position: relative;
padding-left:0;
font-weight: normal;
cursor:pointer;
width:20px;
display: inline-block;
vertical-align: middle;
}
input[type="checkbox"] + label:before,
input[type="checkbox"] + label:after,
input[type="radio"] + label:before,
input[type="radio"] + label:after {
box-sizing: content-box;
position: absolute;
content: '';
display: block;
left: 0;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
top: 50%;
width: 16px;
height: 16px;
margin-top: -10px;
border: 2px solid #d9d9d9;
text-align: center;
cursor:pointer;
}
input[type="checkbox"] + label:after,
input[type="radio"] + label:after {
background-color:var(--main-color);
top: 50%;
left: 6px;
width: 8px;
height: 8px;
margin-top: -4px;
transform: scale(0);
transform-origin: 50%;
transition: transform 200ms ease-out;
cursor:pointer;
}

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
color:var(--main-color); font-weight: 500;
}
input[type="radio"]:checked + label:before {
background-color: #fff;
border-color:var(--main-color);
}

input[type="radio"]:checked + label:after {
transform: scale(1);
}

input[type="radio"] + label:before, input[type="radio"] + label:after {
border-radius: 50%;
}

input[type="checkbox"] + label:after {
background-color: transparent;
top: 50%;
left: 5px;
width: 7px;
height: 4px;
margin-top: -5px;
border-style: solid;
border-color:var(--main-color);
border-width: 0 0 3px 3px;
-moz-transform: rotate(-45deg) scale(0);
-ms-transform: rotate(-45deg) scale(0);
-webkit-transform: rotate(-45deg) scale(0);
transform: rotate(-45deg) scale(0);
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}

input[type="checkbox"]:checked + label:before {
border-color:var(--main-color);
}

input[type="checkbox"]:checked + label:after {
content: '';
-moz-transform: rotate(-45deg) scale(1);
-ms-transform: rotate(-45deg) scale(1);
-webkit-transform: rotate(-45deg) scale(1);
transform: rotate(-45deg) scale(1);
-moz-transition: -moz-transform 200ms ease-out;
-o-transition: -o-transform 200ms ease-out;
-webkit-transition: -webkit-transform 200ms ease-out;
transition: transform 200ms ease-out;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select::-ms-expand {
	display: none;
}

select:focus::-ms-value {
	background: transparent;
	color: grey;
}
}