@charset "utf-8";


/* **************************************** *
 * contact form
 * **************************************** */
 .w70{width:70% !important;}
 .w60{width:60% !important;} 
 .w50{width:50% !important;} 
 .w40{width:40% !important;}
 .w30{width:30% !important;}
 .w20{width:20% !important;}

 .cs-page .button-style{width: 100%; text-align: right; margin-top: 60rem;}
 .cs-form{display: flex; flex-wrap: wrap; ;}
 .cs-form .w50{width: 50%;}
 .cs-form .w100{width: 100%;}

 .form-area{display: flex; flex-direction: column; margin-bottom: 47rem; box-sizing: border-box;}
 .form-area :is(input, textarea){font-family: var(--lang-ko);}
 .form-area > em{font-size: var(--font-20); font-weight: 600; color: #000; display: block; font-family: var(--lang-ko); margin-bottom: 17rem;}
 .form-area > em{min-width: 178rem;}
 .form-area > em .mark{color: var(--c-01); font-size:16rem}
 .form-area .form-body{width: 100%;}
 .form-area .form-part{width: 100%;}
 .form-area .form-part, .form-area .form-body{display: flex;}
 .form-area input:is([type="text"], [type="password"]),
 .form-select select,
 .form-area textarea{border-bottom: 1px solid #ddd !important;font-size: 16rem;outline: none;transition: var(--trans-01);}
 .form-area input:is([type="text"], [type="password"]),
 .form-select select{height: 60rem;}
 .form-area input:is([type="text"], [type="password"]){border:none;width: 100%; line-height: 1;}
 .form-area input:is([type="text"],[type="password"]):focus,
 .form-select select:focus,
 .form-area textarea:focus{border-bottom-color:var(--c-01) !important;} 
 .form-area input:is([type="text"], [type="password"])::placeholder,
 .form-area textarea::placeholder{color: #666; font-weight: 300; font-size: 18rem;}
 .form-area textarea{width: 100%; border:none; height: 260rem; resize: none; padding-top:15rem;}
 .form-area[data-form] .form-part{align-items: center;width: 100%;}
 .form-area[data-form] .form-part:has(.check-box){flex-wrap: wrap;}
 .form-area[data-form] .form-part i{margin: 0 10rem; display: block; font-size: 14rem;}
 .form-area[data-form="conts"]{align-items: flex-start;}
 .form-area[data-form="agree"]{flex-wrap: wrap;margin-bottom: 0rem;}
 .form-area[data-form="agree"] em{width: 100%;margin-bottom: 18rem;}
 .form-area[data-form="agree"] .show-btn{font-size: 14rem; text-decoration: underline; margin-left: 12rem;}
 .form-area[data-form="agree"]:has(+*){margin-bottom: 70rem;}
 .form-area[data-form="call"] .form-part{align-items: center;}
 .form-area[data-form="email"] .form-select{margin-left: 8rem;}
 .form-area[data-form="select-type"] .form-select{margin-right: 10rem;}
 .form-area[data-form="agree"] + *{}
 .form-area[data-form="address"] .form-part{display:flex; align-items:flex-start; flex-direction:column;}
 .form-area[data-form="address"] .form-part > *:not(a){width:100%;}
 .form-area.w50:nth-child(2n - 1){width:54% !important; padding-left:4%;}
 .form-area.w50:nth-child(2n){width:46% !important;}

a.btn-address{position:absolute; top:9rem; right:0rem; padding:11rem 20rem; background:var(--b-01); font-size:14rem; color:var(--f-01);}

.cs-page:not(.cs-page--basic) .form-area input:is([type="text"],[type="password"]),
.cs-page:not(.cs-page--basic) .form-select select,
.cs-page:not(.cs-page--basic) .form-area textarea{padding-left:15rem;}
.cs-page:not(.cs-page--basic) a.btn-address{position:absolute; top:0rem; right:0rem; padding:21rem 20rem; background:var(--b-01); font-size:14rem; color:var(--f-01);}
.cs-page:not(.cs-page--basic) .form-select select{background-position:89% 50% !important;}
.cs-page:not(.cs-page--basic) .form-area[data-form="address"] .form-part{gap:5rem;}
.cs-page:not(.cs-page--basic) .form-area input:is([type="text"],[type="password"]):focus, .cs-page:not(.cs-page--basic) .form-select select:focus, .cs-page:not(.cs-page--basic) .form-area textarea:focus{border-color: var(--c-01);}

.cs-page--border .form-area input:is([type="text"], [type="password"]), .cs-page--border .form-select select, .cs-page--border .form-area textarea{border: 1px solid #ddd;}
.cs-page--background .form-area input:is([type="text"],[type="password"]),
.cs-page--background .form-select select,
.cs-page--background .form-area textarea,
.cs-page--background .form-file{background-color:#f8f8f8 !important;border: 1px solid transparent !important;}
.cs-page--background .form-file__btn{margin-right:10rem; padding:8rem 13rem; background-color:#f8f8f8; border:1px solid #eee; font-size:12rem; text-transform:uppercase;}
.cs-page--background .form-area input:is([type="text"],[type="password"]):focus,
.cs-page--background .form-select select:focus,
.cs-page--background .form-area textarea:focus{background-color:#fff !important; border:1px solid var(--c-01) !important;}

 .form-part .check-box{margin-right: 29rem;margin-left: 0;}
 .form-part .check-box label{padding-left: 36rem;}
 .form-select select{width: 100rem;border:none;border-bottom: 1px solid #ddd;width: 100%;background-size: 11rem !important;max-width: 190rem;padding-left: 0;}
 .form-select{width:100%;}
 
 .agree-check{width: 100%;margin-top: 21rem;}
 .agree-check p{display: none;}
 .agree-check__list{display: flex;align-items: center;justify-content: flex-end;width: 100%;}
 .agree-check__list .check-box + .check-box{margin-left: 36rem;}

 .form-file{position: relative;display: flex;align-items: center;width: 100%;max-width: 570rem;padding: 22rem;border:1px solid #ddd;transition: .2s;}
 .form-file__btn{font-size: 12rem;border:1px solid #eee;background-color: var(--b-01);padding: 8rem 13rem;margin-right: 10rem;text-transform: uppercase;color: var(--f-01);}
 .form-file__msg{font-size: 12rem; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 .form-file__input{position: absolute; left: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0;}
 .form-file__input:focus{outline: none;}

 .privacy-box{height: 220rem;padding: 36rem 40rem;overflow-y: auto;width: 100%;box-sizing: border-box;border: 1px solid #ddd;}
 .privacy-popup {display: none;position: fixed;top: 0;right: 0;bottom: 0 ;left: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 100;}
 .privacy-popup.show{display:flex; justify-content:center; align-items:center;}
 .privacy-box--v1{overflow:hidden; height:auto; padding:36rem 40rem; background:#f9f9f9; border:0; border-radius:10rem;}
 .privacy-box--v1 .privacy-cont__list li{font-size:16rem;}
 .privacy-box--v1 em{font-weight:500;} 
 .privacy-box--v1 .privacy-cont__list {background: #fff;border: 1px solid #eee;border-radius: 5rem;padding: 30rem 30rem;margin-top: 17rem;}
 .privacy-box--v1 .privacy-cont__list li strong{font-weight: 600;}
 .privacy-box--v1 .privacy-cont > em{font-weight:600; color:var(--b-01);}

 .modal-dialog {width: 300rem;position: relative;background-color: #fff; max-height: 80vh;}
 .modal-dialog .close-btn{color: #fff; background: transparent; font-size: 15rem; font-weight: 700; position: absolute; top: -28rem; right: 0;}
 .modal-dialog .close-btn i{width: 14rem; height: 14rem; display: inline-block; position: relative;}
 .modal-dialog .close-btn i::before{content: ""; position: absolute; left: 0; top: 8rem; width: 14rem; height: 2rem; background-color: #fff; transform: rotate(45deg);}
 .modal-dialog .close-btn i::after{content: ""; position: absolute; left: 0; top: 8rem;  width: 14rem; height: 2rem; background-color: #fff; transform: rotate(-45deg);}
 
 .modal-content {padding:42rem;text-align: center;line-height: 1.5;} 
 
 @media all and (max-width:1023px){ 
	 .form-area > em{font-size: 17rem; /* width: 120rem; */}
	 .form-area .form-body{}
	 .form-area{margin-bottom: 32rem;}
 } 
 
 @media all and (max-width:860px){
	 .cs-form .form-area.w50{width: 100% !important;}
	 .cs-form{margin-top:0; padding-top: 0;}    
	 .cs-page .button-style{padding-top: 30rem;}

	 .form-area{margin-bottom: 21rem;}
	 .form-area[data-form="name"]{padding-right: 0;}
	 .form-area[data-form="call"]{padding-left: 0;}
	 .form-area[data-form="email"]{margin-bottom: 40rem;}
	 .form-area textarea{height: 130rem;}
	 .form-area[data-form="agree"]{margin-top: 32rem;}	
	 .form-area > em{font-size: 16rem;}
	 .form-area input:is([type="text"], [type="password"])::placeholder,
	 .form-area textarea::placeholder{font-size: 15rem;}	 
     .form-area.w50:nth-child(2n - 1){padding-left: 0;}

	  .agree-check{margin-top: 18rem;}
	  .privacy-box {padding: 23rem;}
 }
 
 @media all and (max-width:540px){
    .cs-page .button-style{margin-top: 0;}
	.form-area{align-items:flex-start;flex-direction:column;margin-bottom: 35rem;}
	.form-area > em{width: 100%;}
	.form-area .form-body{margin-top: 10rem;}
	.form-area input:is([type="text"], [type="password"]){height: 44rem;}
	.form-area > em{font-size: 15rem; margin-bottom: -4rem;}	
	.form-area[data-form="agree"]{margin-top: 22rem;}
	.form-area input:is([type="text"], [type="password"]), .form-select select{height: 46rem;}
	.form-area input:is([type="text"], [type="password"]), .form-select select, .form-area textarea{font-size: 14rem;}
	.form-area[data-form="type"] .form-part{display:flex; flex-wrap:wrap; row-gap:10rem;}
	.form-area[data-form="agree"]:has(+*){margin-bottom:40rem;}
	.form-part .check-box label{padding-left: 25rem;}
	.form-part .check-box{margin-right: 16rem;}
	.form-file{padding: 9rem;}
	.form-select select{max-width: none;background-size: 9rem !important;min-width: 110rem;}
	.form-area[data-form] .form-part i{margin:0 5rem;}

	.cs-page:not(.cs-page--basic) a.btn-address{top:30rem; padding:15rem 11rem; font-size:12rem;}
	.cs-page:not(.cs-page--basic) .form-area input:is([type="text"],[type="password"]),
	.cs-page:not(.cs-page--basic) .form-select select,
	.cs-page:not(.cs-page--basic) .form-area textarea{padding-left:10rem;}
	.cs-page:not(.cs-page--basic) .form-select select{background-position:96% 50% !important;}
	.cs-page:not(.cs-page--basic) .form-part:has(input) select{background-position:91% 50% !important;}
	.cs-page:not(.cs-page--basic) .form-area,
	.cs-page:not(.cs-page--basic) .form-area[data-form="email"]{margin-bottom:35rem;}
	.cs-page:not(.cs-page--basic) .form-area:has(.check-box) + .form-area:has(.check-box){margin-bottom:31rem; padding-top:0rem;}

	a.btn-address{top: 32rem;right:0rem;padding:9rem 10rem;font-size:12rem;}

	 .agree-check{display: block;margin-top: 15rem;}
	 .agree-check__list{margin-top: 0;}
	 .agree-check__list .check-box + .check-box{margin-left: 15rem;}	 
 
	 .cs-page .button-style .butn{width: 100%; height: 48rem;}

	.privacy-box{padding: 15rem 16rem;height: 140rem;}
	.privacy-box p{font-size: 14rem;}
	.privacy-box:not(.privacy-box--v1) * {	font-size: 12rem;}
	.privacy-box--v1{height: auto;padding: 25rem 20rem;}
	.privacy-box--v1 .privacy-cont__list li{font-size: 12rem;padding-left: 0;margin-bottom: 6rem;}
	.privacy-box--v1 .privacy-cont__list li:last-child{margin-bottom:0;}
	.privacy-box--v1 .privacy-cont__list{padding:14rem;}
	.privacy-box--v1 [data-list="line"] > *::before{display:none;}
 }


 /* **************************************** *
 * board common set
 * **************************************** */

/* board title */
.board-page #page-title{/* 게시판 전체 타이틀 공통 */}

/* board search */
#bo_btn_top{display:flex;justify-content:space-between;align-items:flex-end;margin-top: 70rem;}
#bo_btn_top:after{display:none;}
.bo_sch *:is(.sch_input,.bo_sch select){height:58rem;}
.bo_sch .sch_input{width:380rem; padding-left:20rem; background:#f8f8f8; border:none; font-size:16rem;}
.bo_sch .sch_input::placeholder{color:#bfbfbf;}
.bo_sch{position:relative; top:auto; left:auto; margin:0; border:none; box-shadow:none; max-height:none; display: flex;justify-content: flex-end;}
.bo_sch .sch_bar{position:relative; width:auto; margin:0; border:0; box-shadow:none; border-radius:0;}
.bo_sch .sch_btn{position:absolute; float:none; top:0; right:0; width:60rem; height:100%;}
.bo_sch form{padding:0;display: flex;align-items: center;}
.bo_sch .sch_btn .fa{display:none;}
.bo_sch .sch_btn::after{content:""; display:block; width:100%; height:100%; background:url(../img/board/ic-search.svg) no-repeat 50% 50%; background-size:18rem;}
.bo_sch select{height:auto; margin-right:8rem; padding-left:18rem; background:url(../img/board/arrow-select.svg) no-repeat 89% 50% !important; background-color:#f8f8f8 !important; background-size:11rem !important; border:0; box-shadow:none; font-size:15rem; min-width:140rem; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

#bo_list_total i{font-weight:700;}
#bo_list_total{float:none; line-height:normal; padding-bottom:7rem; font-size:16rem; color:var(--b-01);}
#bo_btn_top + *{margin-top:45rem;}

/* board list */
.bo_fx{margin-top: 30rem;}
.bo_tit{word-break: break-word;}
#bo_gall{overflow: hidden;}
#gall_ul:has(.empty_list){grid-template-columns: 1fr;}
#bo_gall span.is_notice{position:absolute; top:20rem; right:20rem; line-height:normal; line-height:1; padding:8rem 17rem; background:var(--c-01); font-size:15rem; color:#fff; border-radius:30rem;}
#bo_gall .gall_img .no_image,
.gallery-list__img:not(:has(img)),
.gallery-slide figure:not(:has(img)){background:#F5F7F9 url(../img/layout/logo.svg) no-repeat 50% 50%; background-size:150rem; font-size:0;}

/* latest list */
.gallery-slide figure:not(:has(img)){min-height: 300rem;}

/* board check */
.chk_box{position:relative; margin-bottom:21rem;}
.chk_box input[type="checkbox"] + label{position:relative;padding-top:2rem;padding-left:31px !important;font-weight:500;font-size:16rem;vertical-align:baseline;font-weight: 700;color: var(--b-01);}
.chk_box input[type="checkbox"] + label span{position:absolute;left: 0;width:23px !important;height:23px !important;top: 0px;}
.chk_box input[type="checkbox"]:checked + label span{background-color:#515151; border-color:#2d2d2d; border-radius:3px;}
.chk_box input[type="checkbox"] + label:hover{color:#8f8f8f;}

/* 선택삭제,복사,이동 */
.more_opt li{float:inherit; width:90px; margin:0; padding:10px 10px 10px 11px; border-bottom:1px solid #f1f1f1; font-size:14rem; color:#6b757c; text-align:left;}
.more_opt li button,
.more_opt li a{font-weight:600; text-align:left;}
.more_opt li i{font-size:16rem;}
.btn_more_opt{width:37rem; padding:8rem 0; background:none; border:1px solid; border-radius:3rem; border-color:#c1c1c1;}
#gall_allchk .btn_bo_user{float:none;}
#gall_allchk{display:flex;justify-content:space-between;align-items:center;z-index: 1;position: relative;}

/* pagination */
.pg_wrap{display:flex; justify-content:center; align-items:center; margin-top:50rem;}
.pg_wrap .pg *{padding:5rem 16rem;font-size: 20rem;color:var(--b-01);}
.pg_wrap .pg a{font-weight:700; color:#cdcdcd;}
.pg_wrap .pg_current{position:relative;}
.pg_wrap .pg_current::before{content:""; position:absolute; bottom:0; left:50%; width:50%; height:3px; background:#000; transform:translateX(-50%);}
.pg_wrap .pg_end,
.pg_page.pg_start{width: 35rem;height:35rem;margin:0rem 15rem;background:url(../img/board/arrow-next.svg) no-repeat 50% 50%;background-size:7rem;font-size:0 !important;}
.pg_wrap .pg{display:flex; align-items:center;}
.pg_page.pg_start{transform:rotate(180deg);}

/* 글쓰기 버튼 */
a.btn-write .sound_only{position:relative; overflow:visible !important; width:auto; height:auto; line-height:normal; font-weight:500; font-size:20rem; font-size:15rem; color:#fff; white-space:nowrap;}
a.btn.btn-write{display:block; height:auto !important; line-height:normal; padding:20rem 60rem; background:var(--c-01); border:0; border-radius:3rem;}
a.btn.btn-write i{display:none;}
.bo_fx .btn_bo_user li{width:auto;}

/* 게시글 없을때 */
.empty_table{line-height:1.2em; padding:50px 0 !important; font-weight:400; font-size:20rem; color:#aaa; text-align:center;}
.empty_list{padding:50rem 0 !important; color:#666; text-align:center;}

/*  글쓰기  */
#bo_w .bo_w_tit #btn_autosave{height:auto; line-height:normal; padding:10rem 0rem; font-size:14rem; border-radius:1rem;}
#bo_w .bo_w_tit .frm_input{height:48rem; padding-right:120px; padding-left:13rem; font-size:18rem;}
#bo_w .btn_confirm > *{display:block !important; width:140rem; height:55rem !important; line-height:55rem !important; margin:0 !important; border:none !important; font-size:15rem !important; text-align:center; border-radius:3rem !important;}
#bo_w .btn_submit{margin-left:6rem !important; background-color:var(--c-01) !important; cursor:pointer;}
#bo_w .btn_confirm{display:flex; justify-content:center; margin:50rem 0 0rem;}
#bo_w .bo_tit_lable{display:block;margin: 30rem 0 15rem;font-family:var(--lang-ko);font-weight:700;font-size:17rem;color: var(--b-01);}
#bo_w .bo_tit_lable i{color:var(--c-01)}
#bo_w .bo_v_option{/* position:absolute; *//* top:-40rem; *//* right:0; */}
#bo_w input + label:not(:nth-child(2)){margin-left: 15rem;}
#bo_w .bo_check_inner label{font-weight: 500;font-size: 15rem;}

/* 뷰페이지 */
#bo_v_img img{margin:0;}
#bo_v_atc{padding-top:50rem; min-height:580rem;}
#bo_v_title .bo_v_tit{font-size:40rem;color:var(--b-01);/* text-align:center; */}
#bo_v_info .profile_info .pf_img img{display:none;}
#bo_v_share{display:none;}
#bo_v_con{margin:40rem 0rem;}
#bo_v_info .sv_member{padding-right:11rem; border-right:1px solid #ddd;}
#bo_v_info{position:relative;padding-bottom: 30rem;border-bottom: 1px solid #d3d3d3;}
#bo_v_info .profile_info .profile_info_ct{display:flex;justify-content: flex-start;align-items:center;float:none;width:100%;}
#bo_v_info .profile_info{display:flex; justify-content:center; float:none; width:100%; text-align:center;}
#bo_v_info .profile_info{margin: 20rem 0 10rem;}
#bo_v_con img,
#bo_v_img{margin:8rem 0;}
#bo_v_info .profile_info .pf_img{display:none;}
#bo_v_info strong{margin:0 10rem 0 0;}
#bo_v_top{position:absolute; right:0rem; bottom:30rem;}

.bo_v_com{margin:0;}
.bo_v_com:has(li:first-child){margin:0;}

.profile_info_ct__inner{display:flex;}
.profile_info_ct__inner .fa{display:none;}

a.btn-list{display:flex;justify-content:center;align-items:center;height:auto;line-height:normal;margin:0 auto;padding:22rem 70rem;background:var(--b-01);color:#fff;border-radius:3rem;max-width:160rem;transition: all 0.3s ease;}
a.btn-list:hover{background: var(--c-01);}

select.view-select{background-position:95% 50% !important; font-size:15rem; max-width:240rem; min-height:50rem;}

/* 뷰페이지 다운로드, 링크 */
#bo_v_file,
#bo_v_link{margin-bottom:50rem;}
#bo_v_file li{padding: 20rem 31rem;border:1px solid #ddd;display: flex;align-items: center;transition: var(--trans-01);}
#bo_v_file li:hover,
#bo_v_link li:hover,
#bo_v_link li:hover a strong,
#bo_v_link li:hover i{color:var(--b-01); border-color:var(--b-01);}
#bo_v_file .bo_v_file_cnt{display:block;margin-top:7rem;font-size:14rem;display: none;}
#bo_v_file li i{margin-top:4rem;margin-right:13rem;display: none;}
#bo_v_link li i{position:relative; top:1rem; margin-right:15px; padding-top:0rem; font-size:21rem; color:#d9d9d9; transition:var(--trans-01);}
#bo_v_link li{display:flex; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; transition:var(--trans-01);}
#bo_v_link a strong{font-family:var(--lang-ko);font-weight:500;font-size:16rem;color: #8d8d8d;transition:var(--trans-01);}
#bo_v_link li:hover a{text-decoration:none;}
#bo_v_link a{display:flex; align-items:center;}
#bo_v_file li::before{content:""; display:block; width:19rem; height:20rem; background:url(../img/board/ic-download.svg) no-repeat 50% 50%; background-size:100%;}
#bo_v_file a{margin-left:20rem; font-size:15rem;}
#bo_v_file a:focus,
#bo_v_file li:hover a,
#bo_v_file a:active{color:var(--b-01); text-decoration:none;}

/* 링크 연결 횟수 */
#bo_v_link .bo_v_link_cnt{display:none;}

/* 댓글 */
.bo_vc_w .btn_submit{float:right; font-size:15rem;}

/* 이전 다음글 */
.bo_v_nb{margin-top:100rem; margin-bottom:50rem;}
.bo_v_nb li{display:flex; align-items:center; padding:23rem 23px;}
.bo_v_nb li a{display:inline-block; overflow:hidden; width:60%; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.bo_v_nb li .nb_date{position:absolute; right:20rem; font-family:var(--lang-ko); font-weight:300; font-size:15rem; color:#b3b3b3;}
.bo_v_nb li i{margin-right:8rem;}
.bo_v_nb li i{font-size:13px;}
.bo_v_nb li .nb_tit{display:flex; align-items:center; padding-right:20rem;}
.bo_v_nb li:hover{background: #f6f6f6;}
.bo_v_nb:not(:has(li:nth-child(2))) li:last-child{border-bottom: 1px solid #f1f1f1;}

/* gallery new icon */
#bo_gall .new_icon{top:30rem;width:auto !important;font-size: 12rem !important;background: none !important;color: var(--c-01) !important;margin-left: 4rem !important;font-weight: 600;}
#bo_gall .bo_tit_wrap{display:flex; align-items:center; position:relative;}

/* 스팸방지 */
#captcha{display:flex; align-items:center; gap:2rem;}
#captcha #captcha_info{display:block; margin:0; margin-left:10rem; font-size:0.95em; font-size:14rem; color:var(--c-01); letter-spacing:-0.1em;}

/* 뷰페이지 캡션 */
.bo_w_caption{display:block;margin:0 0rem 28rem;font-size: 15rem;font-family: var(--lang-ko);line-height: 1.5;font-weight: 300;}
.bo_w_caption i{color: var(--c-01);font-weight: 600;}

/* dark mode */
[data-bg="dark"] .bo_sch,
[data-bg="dark"] #bo_v_top ul{background-color: transparent;}
[data-bg="dark"] .bo_sch select,
[data-bg="dark"] .bo_sch .sch_input{background-color: rgba(255,255,255,0.06) !important;}
[data-bg="dark"] .bo_sch select option{color: #000;}
[data-bg="dark"] .bo_sch select{background-image: url(../img/board/arrow-select_w.svg) !important;}
[data-bg="dark"] .bo_sch .sch_btn::after{background-image:url(../img/board/ic-search_w.svg);}
[data-bg="dark"] .btn_bo_user li{background:none;}
[data-bg="dark"] .chk_box input[type="checkbox"] + label{color:var(--f-01);}
[data-bg="dark"] .btn_more_opt{border-color:#505050;}
[data-bg="dark"] #bo_gall a.btn_b01,
[data-bg="dark"] #bo_list_total{color: #fff;}
[data-bg="dark"] #gall_ul *,
[data-bg="dark"] #bo_v *{color: var(--f-01);}
[data-bg="dark"] #bo_v{background-color:transparent;}
[data-bg="dark"] .bo_v_nb li:hover{background: rgba(255,255,255,0.05);}
[data-bg="dark"] .bo_v_nb li{border-top: 1px solid #303030;}
[data-bg="dark"] .bo_v_nb:not(:has(li:nth-child(2))) li:last-child,
[data-bg="dark"] #bo_v_info{border-bottom: 1px solid #303030;}
[data-bg="dark"] #bo_w .bo_w_flie .file_wr,
[data-bg="dark"] .wr_content textarea,
[data-bg="dark"] .tbl_frm01 textarea,
[data-bg="dark"] .form_01 textarea,
[data-bg="dark"] .frm_input{background:rgba(255,255,255,0.05); border:none; color:var(--f-01);}
[data-bg="dark"] #bo_v_top ul li a *,
[data-bg="dark"] #bo_v_top ul li a{color:#444 !important;}
[data-bg="dark"] #bo_v_file li{border: 1px solid #333; box-shadow: none;}
[data-bg="dark"] .bo-basic-list > li a{color: #fff;}
[data-bg="dark"] .more_opt{background: var(--f-01);}

/* dark inquery */
[data-bg="dark"] .cs-form{border-top-color:var(--f-01);}
[data-bg="dark"] .form-area > em{color:var(--f-01);}
[data-bg="dark"] .form-area input:is([type="text"],[type="password"]),
[data-bg="dark"] .form-select select,
[data-bg="dark"] .form-area textarea{background-color:rgba(255,255,255,0.05); border-bottom:0 !important;}
[data-bg="dark"] .form-file__btn{background-color:var(--c-01); border:0;}
[data-bg="dark"] .form-file,
[data-bg="dark"] .privacy-box,
[data-bg="dark"] .check-box [type="radio"]:not(:checked) + .checkmark,
[data-bg="dark"] .check-box [type="radio"]:checked + .checkmark,
[data-bg="dark"] .check-box [type="checkbox"]:not(:checked) + .checkmark,
[data-bg="dark"] .check-box [type="checkbox"]:checked + .checkmark{border-color:#5a5a5a;}
[data-bg="dark"] .check-box [type="checkbox"]:not(:checked) + .checkmark:after,
[data-bg="dark"] .check-box [type="checkbox"]:checked + .checkmark:after{border-bottom-color:var(--f-01); border-right-color:var(--f-01);}
[data-bg="dark"] #captcha input{color:#000 !important;}

/* lang en */
[lang="en-US"] #bo_w .bo_w_tit #btn_autosave{width: 230rem;}

/* **************************************** *
* custom
* **************************************** */


@media (max-width:1023px){
	#bo_gall .new_icon{font-size:11rem !important;}
	
    .chk_box input[type="checkbox"] + label{padding-top:4rem; font-weight:700; font-size:14rem;}
	
	#bo_btn_top{margin-top: 30rem;}
    #bo_btn_top + *{margin-top:30rem;}
	
    #bo_v_con{margin:0;}
	#bo_v_title .bo_v_tit{font-size:28rem; letter-spacing:-0.5rem;}
	#bo_v_info{padding-bottom:20rem;}
	#bo_v_info .profile_info{margin:13rem 0 10rem;}
	#bo_v_atc{padding-top:30rem; min-height:400rem;}	
    .bo_v_nb li{padding:18rem 5px;}
	.bo_v_nb li .nb_date{font-size:13rem;}

	#captcha{flex-wrap: wrap;}
}

@media (max-width:540px){
	#bo_gall .new_icon{font-size:10rem !important;margin-left: 3rem !important;}
	#bo_gall .gall_img .no_image{background-size: 110rem;}

    #bo_list_total{display:none;}
	.bo_sch{display: block;margin-top: 30rem;}
	.bo_sch,
	.bo_sch .sch_input,
	.bo_sch .sch_bar{width:100%;}
	.bo_sch select{display: none;}
	.bo_sch *:is(.sch_input,.bo_sch select){height: 49rem;}
	.bo_sch .sch_input{font-size:14rem;padding-left: 15rem;}	
	.bo_sch .sch_btn{width:55rem;}
	.bo_sch .sch_btn::after{background-size:16rem;}

    .pg_wrap .pg *{padding:5rem 13rem; font-size:16rem;}
	.pg_wrap .pg_end,
	.pg_page.pg_start{margin:0rem 8rem;height: 30rem;background-size: 6rem;width: 30rem;}
	.pg_wrap {margin-top: 25rem;}

	#bo_btn_top{margin-top:0;}
    #bo_btn_top + *{margin-top:20rem;}
	
    .chk_box{margin-bottom:16rem;}
	.chk_box input[type="checkbox"] + label span{top: 0;left:0;width:20px !important;height:20px !important;}
	.chk_box input[type="checkbox"] + label{padding-top:1rem; padding-left:26rem !important; font-weight:700; font-size:14rem;}
	   	
    .bo_fx{display:flex; justify-content:flex-end; align-items:center; width:100%; margin-top:40rem; margin-bottom:0; flex:none;}
	.bo_fx ul,
	.bo_fx .btn_bo_user li{width: 100%;}

	#bo_gall span.is_notice{top:13rem; right:13rem; padding:6rem 10rem 6rem; font-size:13rem;}

    #bo_v_title .bo_v_tit{margin:0; font-size:21rem;}
	#bo_v_info .sv_member{padding-right:7rem;}
	#bo_v_info strong{margin:0 7rem 0 0;}	
	#bo_v_info{padding-bottom: 37rem;border-bottom: 1px solid #ddd;}

	#bo_v_link li{padding:11rem;}
	#bo_v_link a strong{font-size:14rem;}
	#bo_v_link li i{margin-right:11px;}	
	#bo_v_file, #bo_v_link{margin-bottom: 20rem;}

    #bo_v_atc{padding-top:20rem; min-height:200rem;}
	
    .bo_v_nb li i{margin-right:4rem; font-size:12px;}
	.bo_v_nb li .nb_tit{padding-right:10rem;}
	.bo_v_nb li a{width:64%;}	
	.bo_v_nb{margin-top:50rem; margin-bottom:30rem;}
	.bo_v_nb li{padding:16rem 5px; font-size:13rem;}

    a.btn.btn-write{display:block; padding:14rem 40rem;}
    a.btn-list{padding:20rem 70rem; max-width:none;}    
	
    #bo_v_top{position:relative;right:0rem;bottom:0;margin-top: -20rem;}	

	#captcha #captcha_info{position:absolute; bottom:-25rem; left:-10rem; font-size:13rem;}		
}