@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%;border-top: 1px solid #000;padding-top: 40rem;margin-top: 50rem;text-align: center;}
 .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: 40rem; align-items: flex-start; box-sizing: border-box;}
 .form-area :is(input, textarea){font-family: var(--lang-ko);}
 .form-area > em{display: flex; margin-bottom: 12rem; font-size: var(--font-size-18); font-weight: 600; color: var(--b-01);}
 .form-area > em{min-width: 178rem;}
 .form-area > em .mark{display: inline-block; margin-left: 5rem; color: #DA0000; 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: var(--font-size-16); 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: var(--g-02); font-size: var(--font-size-16);}
 .form-area textarea{width: 100%; border:none; height: 220rem; 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;}
 .check-box [type="radio"]:checked + .checkmark + em{font-weight: 700;}
 .form-area[data-form="agree"] .show-btn{font-size: 14rem; text-decoration: underline; margin-left: 12rem;}
 .form-area[data-form="agree"]:has(+*){margin-bottom: 40rem;}
 .form-area[data-form="agree"] .privacy-popup__inr > strong{display: none;}
 .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;}
 .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:var(--bg-04) !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;}

.privacy-popup__inr > strong{font-weight:500;font-size: 21rem;color:var(--b-01);padding-bottom: -1rem;display: block;}
.privacy-popup__inr dl dt{display:flex;align-items:center;position:relative;margin-top: 17rem;margin-bottom:5rem;font-weight:700;font-size:15rem;color:var(--b-01);}
.privacy-popup__inr dl > *{padding-left:13rem;font-size: 15rem;}
.privacy-popup__inr dl dt::before{content:""; display:block; position:absolute; left:0; width:4rem; height:4rem; margin-top:-1rem; background:var(--b-01); border-radius:100%;}

 .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: 9rem;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: 11rem 30rem;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: 101;}
 .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: 430rem;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;position: relative;background: var(--b-01);top: 0;width: 100%;padding: 18rem 0rem;margin-top: 30rem;}
 .modal-dialog .close-btn i{width: 14rem;height: 14rem;display: inline-block;position: relative;display: none;}
 .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: 35rem 30rem;line-height: 1.5;} 
 
 @media all and (max-width:1023px){ 
	 .form-area > em{font-size: 17rem;width: 120rem;margin-bottom: 10rem;}
	 .form-area{margin-bottom: 32rem;}
	 .form-area input:is([type="text"], [type="password"]),
	 .form-select select{height: 55rem;}

	 .agree-check__list .check-box + .check-box{margin-left: 28rem;}
 } 
 
 @media (max-width:860px){
	 .cs-form .form-area.w50{width: 100% !important;}
	 .cs-form{margin-top: 22rem; padding-top: 12rem;}    
	 .cs-page .button-style{margin-top: 30rem; padding-top: 30rem;}

	 .form-area{margin-bottom: 27rem;}
	 .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 (max-width:540px){
	.form-area{align-items:flex-start;flex-direction:column;margin-bottom: 35rem;}
	.form-area > em{}
	.form-area .form-body{margin-top: 0;}
	.form-area input:is([type="text"], [type="password"]){height: 44rem;}
	.form-area > em{font-size: 15rem;width: 100%;margin-bottom: 10rem;}	
	.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: 27rem;}
	.form-part .check-box{margin-right: 18rem;}
	.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:25rem;}
	.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;}

	.modal-dialog{width:90%; max-height:100vh;}
	.modal-content{padding:20rem 20rem;}
	.privacy-popup__inr dl > *{padding-left:8rem; font-size:13rem;}
	.privacy-popup__inr dl dt{margin-top:10rem; font-size:14rem;}
	.privacy-popup__inr > strong{padding-bottom:3rem; font-size:17rem;}
	.modal-dialog .close-btn{margin-top:20rem; padding:15rem 0rem; font-size:13rem;}
 }


 /* **************************************** *
 * 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:40rem;}

/* 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;z-index: 5;}
#bo_gall .gall_img .no_image,
.gallery-list__img:not(:has(img)),
.gallery-slide figure:not(:has(img)){/* background:#f7f7f7 url(../img/layout/logo.svg) no-repeat 50% 50%; */background-size:150rem;font-size:0;}

/* 리스트 첨부파일 */
i.bo-basic__download{display:block; position:absolute; right:100rem; width:20rem; height:20rem;}

@media (max-width: 540px){
	i.bo-basic__download{display:block; position:absolute; right:auto; bottom:20rem; left:74rem; width:15rem; height:15rem;}
}

/* board tab */
#bo_cate a{padding:6rem 24rem; border:1px solid #ddd; transition:all 0.2s ease; border-radius:0rem;}
#bo_cate #bo_cate_on{background:var(--c-01); border:none; box-shadow:none;}
#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active{background:none; text-decoration:none; border-color:#a7a7a7;}

/* board hover */
#bo_gall .gall_li .gall_img img{transition: all 0.7s ease;}
.bo-basic-list > li .bo-basic__title h3,
#bo_gall .gall_text_href a,
#bo_gall .gall_li .no_image{transition:all 0.3s ease;color: var(--b-01);}

@media (hover: hover) and (pointer: fine) {
	.bo-basic-list > li:hover .bo-basic__title h3,
	#bo_gall .gall_li:hover :is(.gall_text_href a, .bo_tit){/*color: var(--c-01);*/ text-decoration: underline;}
	#bo_gall .gall_li:hover .gall_img:has(img) img{transform:scale(1.1);}
	#bo_gall .gall_li:hover .no_image{background-color:#ededed;}
}

/* board check */
.chk_box{position:relative; margin-bottom:21rem;}
.chk_box input[type="checkbox"] + label{position:relative;padding-top: 4rem;padding-left:31rem !important;font-weight:500;font-size: 15rem;vertical-align:baseline;font-weight: 400;color: #454545 !important;}
.chk_box input[type="checkbox"] + label span{position:absolute;left: 0;width:23px !important;height:23px !important;top: 1rem;}
.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: 10;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 .frm_input{height:48rem;padding-right: 12rem;padding-left:13rem;/* font-size: 18rem; */font-family: var(--lang-ko);}
#bo_w .bo_w_link .frm_input{height: 40rem;}
#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 .bo_v_option li + li{margin-left: 13rem;}
.bo_v_option_wrap{display:flex; justify-content:flex-end;}
#bo_w input + label:not(:nth-child(2)){margin-left: 15rem;}
#bo_w .bo_check_inner label{font-weight: 500;font-size: 15rem;}

.bo_w_guest{margin-bottom:9rem;padding: 0rem 25rem 25rem;background:#f6f6f6;border:1px solid #ddd;border-radius:10rem;}
.bo_w_guest + .bo_w_guest{margin-top: 5rem;}
.bo_w_guest_inr > *{flex:1;margin-bottom: 0 !important;border-radius: 4rem;border-color: transparent;}
.bo_w_guest_inr{gap:10rem;}

/* 뷰페이지 */
/* #bo_v{padding-top: 50rem;} */
#bo_v header{text-align: center;}
#bo_v_img img{margin:0;}
#bo_v_atc{/* padding-top:50rem; */min-height: 430rem;margin: 40rem 0rem;}
#bo_v_title .bo_v_tit{font-size:40rem;color:var(--b-01);/* text-align:center; */font-weight: 600;text-align: center;font-family: var(--lang-ko);}
#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;display: none;}
#bo_v_info{position:relative;padding-bottom: 50rem;border-bottom: 2px solid var(--b-01);}
#bo_v_info .profile_info .profile_info_ct{display:flex;justify-content: center;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: 17rem 0 10rem;}
#bo_v_con img,
#bo_v_img{display:inline-block; margin:8rem 0;}
#bo_v_info .profile_info .pf_img{display:none;}
#bo_v_info strong{margin:0 10rem 0 0;font-size: 20rem;font-weight: 500;color: #aaaaaa !important;}
#bo_v_top{position:absolute; right:0rem; bottom:30rem;}
#bo_v_info + #bo_v_link{margin-top: 30rem;}
#bo_v_con *{font-family: var(--lang-ko) !important;}

.bo_v_guest{margin-bottom: 50rem; border-bottom:1px dashed #999; padding-bottom: 20rem;}
.bo_v_guest strong{display:block; font-size:20rem; margin-bottom:13rem;}
.bo_v_guest p{display:flex;}
.bo_v_guest p + p{margin-top: 5rem;}
.bo_v_guest p em{margin-right:10rem; font-weight:700;}

.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,
a.btn-reply{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: 186rem;transition: all 0.3s ease;}
a.btn-list:hover{background: var(--c-01);}
a.btn.btn-reply{background:#e1e1e1; font-weight:600; color:#000;}

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

/* 인재채용 상태값 */
.bo_v_state input{margin-right:3rem;margin-left:7rem;width: 20rem;height: 20rem;vertical-align: middle;appearance: none;border-radius: 100%;border: 1px solid #b5b5b5;}
.bo_v_state input:first-child{margin-left:0;}
.bo_v_state{display: flex; align-items: center;}
.bo_v_state input[type="radio"]:checked{border:6rem solid var(--c-01) !important;}
.bo_v_state input[type="radio"]:focus-visible{outline:max(2px, 0.1em) dotted tomato; outline-offset:max(2px, 0.1em);}

/* 뷰페이지 다운로드, 링크 */
#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 a strong{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_file li:hover{border-color: var(--b-01);}
#bo_v_link li i{position:relative;top:1rem;margin-right: 7rem;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);align-items: center;}
#bo_v_link a strong{font-family:var(--lang-ko);font-weight: 400;font-size: 15rem;color: var(--c-01) !important;transition:var(--trans-01);border-bottom: 1px solid;}
#bo_v_link li:hover a{text-decoration:none;border-bottom-color: #000;}
#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_tit{display:block;margin-right: 11rem;font-weight: 600;font-size:15rem;color: #a9a9a9;transition: var(--trans-01);}
#bo_v_link li:hover i{color:#d9d9d9;}
#bo_v_link li:hover{border:1px solid #dfdfdf;}

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

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

/* 이전 다음글 */
.bo_v_nb{margin-top: 50rem;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);}
[data-bg="dark"] .bo-basic-list > li{border-bottom:1px solid rgba(255,255,255,0.1);}
[data-bg="dark"] #bo_v_file li::before{background-image:url(../img/board/ic-download_w.svg);}
[data-bg="dark"] #bo_v_file a:focus, 
[data-bg="dark"] #bo_v_file li:hover a, 
[data-bg="dark"] #bo_v_file a:active{color: var(--f-01);opacity: 0.8;}
[data-bg="dark"] #bo_v_top ul{background: transparent;}
[data-bg="dark"] #bo_w .bo_tit_lable{color:var(--f-01);}
[data-bg="dark"] .more_opt li{background-color: 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: transparent;/* 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"] .form-area .check-box em{color:var(--f-01)}
[data-bg="dark"] #captcha input{color:#000 !important;}

/* dark policy */
[data-bg="dark"] .policy-page .policy-intro{border-color:#333;}
[data-bg="dark"] .policy-page .policy-box{border-bottom-color:#111;}
[data-bg="dark"] .policy-title{color: var(--f-01);}

/* dark login */
[data-bg="dark"] .mbskin_box #logo a,
[data-bg="dark"] body:has(.register) #logo a{background-image:url(../img/layout/logo_w.svg);}
[data-bg="dark"] .mbskin_box{border-color:#333;}
[data-bg="dark"] .mbskin *{color:var(--f-01);}

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


@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: 20rem;}
    #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;right: 10rem;}

	#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: 15rem;}
	.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{padding-top:0;}
	#bo_v_link li{padding:11rem;}
	#bo_v_link a strong{font-size:12rem;}
	#bo_v_link li i{margin-right:8px; font-size:16rem;}
	#bo_v_file,
	#bo_v_link{margin-bottom: 0rem;margin-top: 15rem !important;}
	#bo_v_file li{padding:13rem 15rem;}
	#bo_v_file a{margin-left:12rem; font-size:12rem;}
	#bo_v_file li::before{width:14rem; height:16rem; min-width:14rem;}
	.bo_v_link_tit{font-size:13rem;}

    #bo_v_atc{padding-top: 20rem;min-height: 310rem;margin: 10rem 0rem;}
	
    .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: 16rem;margin-bottom:30rem;}
	.bo_v_nb li{padding: 16rem 13rem;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;}		

	#bo_w .bo_tit_lable{margin:19rem 0 8rem;font-size: 15rem;}
	#bo_w .bo_w_flie .frm_file{padding-left: 33rem;}
	#bo_w .frm_input{height: 38rem;}
	#bo_w .btn_confirm > *{width:100%; height:52rem !important; line-height:52rem !important; font-size:14rem !important;}
	#bo_w .btn_confirm{margin:30rem 0 0rem;}
	#bo_w .bo_w_tit #btn_autosave{padding:7rem 0rem; font-size:12rem;}
}

 /* **************************************** *
 * custom board set
 * **************************************** */

/* 인증서 팝업 */
.certify-item img{width:100%;}
.certify-item strong{display:block; margin-top:20rem; font-family:var(--lang-ko); font-size: var(--font-size-18); font-weight:600;}
.certify-pop{position:fixed;opacity:0;top:0px;left:0px;z-index: -1;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.certify-pop > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%); max-width:540rem;}
.certify-pop.active{opacity:1;z-index:99;transition: opacity 0.3s ease-out 0s;}
.certify-pop .close{display:block;width: 60rem;height: 60rem;position: absolute;right: -70rem;top: -13rem;background: url(../img/common/ic-cancle_w.svg) no-repeat 50% 50%;background-size: 28rem;font-size: 0;background-color: transparent;}

#layer-src img{width:100%;}

@media (max-width:1023px){
	.certify-item strong{margin-top: 15rem;}
	.certify-list{	gap: 35rem 20rem;}
}

@media (max-width:540px){
	.certify-list{gap:25rem 10rem;}
	.certify-item strong{margin-top:13rem;}
	.certify-pop > div{width:80%;}
	.certify-pop .close{display:flex; justify-content:center; align-items:center; top:auto; right:auto; bottom:-40rem; left:0; width:100%; height:auto; padding:12rem 0rem; background:var(--b-01); font-weight:700; font-size:15rem; font-size:12rem; color:#fff; text-align:center; border-radius:0;}
}