@charset "utf-8";

/* login, join */
.login_wrap{position: relative; width: 100%; max-width: 46rem; margin: 20px auto;}
.login_wrap .sub_right_title{margin-bottom:3rem;}
.login_inbox{}
.login_inbox .inputbox{}
.login_inbox .inputbox .item + .item{margin-top:1rem;}
.login_inbox .inputbox .item {position:relative; display: flex; align-items: center; background: var(--bg-gray); border-radius: 1rem;}
.login_inbox .inputbox .item .ico{display:flex; align-items:center; justify-content:center; margin-left: 2rem; width:2rem; height:2rem;}
.login_inbox .ico-login{background:url(/share/portal/img/member/ico_id.svg) no-repeat center center / 1.3rem;} 
.login_inbox .ico-password{background:url(/share/portal/img/member/ico_password.svg) no-repeat center center / 1.4rem;} 
.login_inbox .ico-hide{width: 2rem; height: 2rem;  background: url(/share/portal/img/member/ico_password_hide.svg) no-repeat center center / 1.6rem; display: block; cursor: pointer; position: absolute; right: 3rem; top: 50%; transform: translateY(-50%);}
.login_inbox .login-input{font-size: 1.4rem; background: var(--bg-gray); border-radius:1rem; min-height: 5rem; padding: 1rem 2rem; border: 0; width: 100%;}
.login-input:-webkit-autofill, .login-input:-webkit-autofill:hover, .login-input:-webkit-autofill:focus, .login-input:-webkit-autofill:active {-webkit-transition: background-color 5000s; transition: background-color 5000s; -webkit-text-fill-color: #333 !important; -webkit-box-shadow: 0 0 0 30px #F0F5F6 inset;}
.login_inbox .chkBox{width:100%; margin:3rem 0;}
.login_inbox .chkBox .box{margin-top:0;}
.login_inbox .chkBox .labelTxt{font-size:1.3rem;}
.login_inbox .btnbox .login{width: 100%; background: var(--point-color); border-radius: 1rem; padding: 2rem 3rem; min-height: 6.2rem; color: #fff;  font-size: 2.2rem; font-weight:600; box-shadow: 5px 5px 20px 0 rgba(255, 89, 0, 0.2);}
.login_inbox .login_etc{margin:3rem 0; width:100%; display:flex; align-items: center;justify-content: space-around; gap:4rem; flex-wrap:wrap;}
.login_inbox .login_etc a{display:block; font-size:1.4rem; position:relative; }
.login_inbox .login_etc a:before{content:''; display:block; position:absolute; top:50%; right:-6rem; transform:translateY(-50%); width:1px; height:12px; background:#eee;}
.login_inbox .login_etc a:last-child:before{display:none;}
.login_inbox .login_sns .tit{text-align: center; margin-bottom: 2rem; font-size: 1.4rem;}
.login_inbox .login_sns .sns_type{width:100%; display:flex; align-items:center; justify-content:center; gap:2rem;}
.login_inbox .login_sns .snslogin{width:6rem; height:6rem; border-radius:50%;box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.08);}
.login_inbox .login_sns .naver{background:#3CB549 url(/share/portal/img/Layout/ico_sns_naver.svg)no-repeat center center / 1.7rem;}
.login_inbox .login_sns .kakao{background:#FFE600 url(/share/portal/img/Layout/ico_sns_kakao.svg)no-repeat center center / 2.4rem;}
.login_inbox .login_sns .google{ background:#D2DAE3 url(/share/portal/img/Layout/ico_sns_google.svg)no-repeat center center / 2rem;}

.joinStepBox{width:100%; display:flex; align-items:center; gap:3rem; margin-bottom:7.8rem;}
.joinStepBox li{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.joinStepBox .stepIcon{width:6.5rem; height:6.5rem; border-radius:50%; background:var(--bg-gray); display:flex; align-items:center; justify-content:center;}
.joinStepBox .stepIcon .ico{display:block; width:2.5rem; height:2.5rem;}
.joinStepBox .stepIcon .step01{background:url(/share/portal/img/member/ico_join01.svg) no-repeat center center / 2.5rem;}
.joinStepBox .stepIcon .step02{background:url(/share/portal/img/member/ico_join02.svg) no-repeat center center / 2.5rem;}
.joinStepBox .stepIcon .step03{background:url(/share/portal/img/member/ico_join03.svg) no-repeat center center / 2.5rem;}
.joinStepBox li.active .stepIcon{background:var(--point-color);}
.joinStepBox li.active .ico{filter: invert(1);}
.joinStepBox li p{font-size:1.4rem; font-weight:600; margin-top:1rem;}
.identity_box .certibox{display:flex; align-items:center; gap:2rem;}
.identity_box .certiOk{display: flex; align-items: center; gap: 0.5rem;color:var(--color-green2);}
.identity_box .ico_check{display:block; width:1.6rem; height:1.6rem; background:url(/share/portal/img/member/ico_fin_check.svg)no-repeat center center /1.6rem; }
.identity_box .certibox .btn{min-height: 4rem; background: #000; color: #fff; border-radius: 0.5rem; padding: 1.1rem 1.4rem; font-size: 1.6rem; font-weight: 500;}
.joinAgree_box{margin-top:7.8rem;}
.joinAgree_box .agree_terms_box {position: relative; width: 100%; height: 33rem; padding: 3rem; margin-bottom: 2rem; border-radius: 0.5rem; background: var(--bg-gray); border: 1px solid var(--border-gray2); overflow-y: scroll;}
.joinAgree_box .agree_terms_box .item {margin-bottom:3rem; text-align:left;}
.joinAgree_box .agree_terms_box .item:last-child {margin-bottom:0;}
.joinAgree_box .agree_terms_box h5 {font-size: 1.4rem; font-weight: 700; line-height: 1.8;}
.joinAgree_box .agree_terms_box p {font-size: 1.4rem; font-weight: 400; line-height: 1.8;}
.joinAgree_box .agree_terms_box ul {position:relative;}
.joinAgree_box .agree_terms_box ul li {font-size: 1.4rem; font-weight: 400; line-height: 1.8;}
.joinAgree_box .agree_check_box .chkBox .labelTxt{font-size:1.6rem; color:#000; padding:0; padding-left:0.3rem;line-height: 1.4;}

/* 
::-webkit-scrollbar {
  width: 1.2rem; 
}

::-webkit-scrollbar-track {
  background:var(--bg-gray); 
  
}
::-webkit-scrollbar-thumb {
  background: #C9CFDA; 
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #C9CFDA;
}
*/


.find_wrap {padding: 2rem 0 5rem;}
.find_wrap .title {font-size: 2.8rem; font-family: var(--font-title);line-height: 1.1;text-align: center;}
.find_wrap .ico_completion {margin-bottom: 3rem;}
.ipbox_wrap{}
.ipbox_grayBox{width:100%; background:var(--bg-gray); padding: 2rem 3rem; border-radius: 1rem;}
.ipbox_form .half{width: 100%; display: flex; align-items: center; gap: 4rem;}
.ipbox_form li {position: relative;}
.ipbox_form li + li{margin-top:4rem;}
.ipbox_form li .tit{font-size: 1.4rem; margin-bottom: 1rem;}
.ipbox_form li .iptxt.hundred{width:100%;max-width:100%;}
.ipbox_form li .iptxt.normal{width:20rem;}
.ipbox_form li .iptxt.id{width:28rem;}
.ipbox_form li .iptxt.name {width: 33rem;max-width:100%;}
.ipbox_form li .onlyNum{width:7.5rem;}
.ipbox_form li .bizNum {width:8.5rem;}
.ipbox_form li .btn{min-height: 4rem; background: #000; color: #fff; border-radius: 0.5rem; padding: 1.1rem 1.4rem; font-size: 1.6rem; font-weight: 500;}
.ipbox_form li .inputTelbox{display: flex; align-items: center; gap: 0.5rem;}
.ipbox_form li .inputDTbox{width:100%; max-width: 76.8rem; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;}
.ipbox_form li .inputDTbox input{ min-width:10rem;}
.ipbox_form li .inputDTbox .first{ flex-grow: 1; min-width: 0;}
.ipbox_form li .inputDTbox .second{flex-grow: 1; min-width: 0;}
.ipbox_form li .inputDTbox span{flex:0 0 auto;}
.ipbox_form li .inputDTbox select{flex:1 1 20rem; min-width:12rem;}
.ipbox_form li .inputDTbox.certifi{max-width:100%;}
.ipbox_form li .inputAddbox{width:100%; display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center;}
.ipbox_form li .inputAddbox .first{width:11%; min-width:10rem;}
.ipbox_form li .inputAddbox .second{flex:1; min-width:20rem;}
.ipbox_form li .inputBubox {display: flex; gap: 0.6rem; align-items: center;}
.ipbox_form li .inputCertibox {display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;}
.ipbox_form li .inputCertibox .time{font-size:1.4rem; margin-left:1rem;}
.nec_txt {display: block; position: relative; font-weight: 400; line-height: 1.4; color: var(--point-color);}
.nec_txt:before {display: inline-block; content: ""; width: 0.5rem; height: 0.5rem; margin-right: 0.6rem; vertical-align: top; background: var(--point-color); border-radius: 50%; margin-top: 0.2rem;}
.nec_txt.no_b:before{display:none;}
.nec{position:relative;}
.nec:after{content: ""; position: absolute; top: 0; right: -1.3rem; display: block;width: 0.5rem; height: 0.5rem; background: var(--point-color); border-radius: 50%;}
.find_tab{width:100%; display:flex; align-items:center; gap:0.5rem; margin-bottom:2rem;}
.find_tab li .find_btn{display:block; min-height:4rem; padding:1.1rem 2rem; border-radius:0.5rem; border:1px solid #C9CFDA; background:#fff;}
.find_tab li .find_btn.on{background:var(--point-color); border-color:var(--point-color); color:#fff;}
.find_wrap .btn-wrap{margin-top:2rem;}

.member_wrap .memItembox + .memItembox{margin-top:7.8rem;}
.member_wrap .ipbox_form .half{gap:1rem;}
.member_wrap .identity_box{margin-top:1rem;}
.member_wrap .half_full .item{width:calc(100% / 2);}
.alertMessage{display: block; margin: 1rem 0; font-size: 1.4rem; color: var(--point-color)!important;}
.member_wrap.res_comp .btn-wrap{margin-top:4rem;}

	@media screen and (max-width:1200px){
		.login_wrap {margin: 0 auto;}
		.login_wrap .sub_right_title{display:block;}
		.ipbox_form .half {flex-wrap: wrap;}
	}
	@media screen and (max-width:980px){
		.ipbox_form li .inputDTbox input{flex:1 1 auto;}
	}
	@media screen and (max-width:480px){
		.ipbox_form li .iptxt.id{width:100%; min-width: 0; flex: 1;}
		.ipbox_form li .inputCertibox .normal{min-width:0; flex: 1;}
		.ipbox_form li .inputCertibox .check{flex-shrink: 0;}
		.ipbox_form li .inputDTbox{gap:0.6rem;}
		.ipbox_form li .inputDTbox span{font-size:1.4rem;}
		.ipbox_form li .inputTelbox{gap:0.3rem;}
		.ipbox_form li .inputTelbox span{font-size:1.4rem;}
		.ipbox_form li .inputBubox{gap:0.3rem;}
		.ipbox_form li .inputBubox span{font-size:1.4rem;}		
		
		.identity_box .info_between {align-items: flex-start;flex-direction: column;gap: 1rem;}
		.memItembox .ipbox_form li .iptxt.hundred {width: auto;}
	}
	@media screen and (max-width:390px){
		.ipbox_grayBox{padding:2rem;}		
		.ipbox_form li .inputCertibox .time{width: 100%; margin:0.5rem 1rem; text-align: right;}
	}
	@media screen and (max-width:350px){
		.ipbox_form li .bizNum {width: 7.5rem;}
	}	






/* checkbox & radiobox */
input[type="checkbox"] {appearance:checkbox;}
.chkBox {display:inline-block; position:relative; min-height:20px; padding-left:20px; color:#444444;}
.chkBox > label {font-size:0 !important;}
.chkBox input {display:inline; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:inherit; color:inherit; -webkit-border-radius:0; outline-style:none; margin:0; padding:0; border:0; width:1px; height:1px; overflow:hidden; font-size:0 !important; line-height:0;}
.chkBox .box {display:block; position:absolute; top:0; left:0; width:20px; height:20px; cursor:pointer; background:url('../img/board/ico_checkbox.svg')no-repeat left center; font-size:0;}
.chkBox .box.black {background:url('../img/board/ico_checkbox_b.svg')no-repeat left center;}
.chkBox .labelTxt {display:inline-block; padding:0px 6px 0; cursor:pointer; transition:color 0.2s; font-size:1.4rem; line-height:1.5; letter-spacing:-0.05em; vertical-align:top;}
.chkBox input:checked ~ .box {background-position:-26px center;}
.chkBox input:disabled ~ .box {background-position:-75px center;}
.chkBox input:checked:disabled ~ .box {background-position:-100px center;}
.chkBox input:focus ~ .box {background-position:-50px center;}
.chkBox input:focus:checked ~ .box {background-position:-26px center;}

input[type="radio"] {appearance:radio;}
.radioBox {display:inline-block; position:relative; min-height:20px; padding-left:20px; color:#444444;}
.radioBox > label {font-size:0 !important;}
.radioBox input {display:inline; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:inherit; color:inherit; -webkit-border-radius:0; outline-style:none; margin:0; padding:0; border:0; width:1px; height:1px; overflow:hidden; font-size:0 !important; line-height:0;}
.radioBox .box {display:block; position:absolute; top:0; left:0; width:20px; height:20px; cursor:pointer; background: url('../img/board/ico_radio.svg') no-repeat left center; font-size:0;}
.radioBox .box.or {background: url('../img/board/ico_radio_or.svg') no-repeat left center;}
.radioBox .labelTxt {display:inline-block; padding:0px 6px 0; cursor:pointer; transition:color 0.2s; font-size:1.4rem; line-height:1.5; letter-spacing:-0.05em; vertical-align:top;}
.radioBox input:checked ~ .box {background-position:-20px center;}
.radioBox input:disabled ~ .box {background-position:-60px center;}
.radioBox input:checked:disabled ~ .box {background-position:right center;} 
.radioBox input:focus ~ .box {background-position:-50px center;}
.radioBox input:focus:checked ~ .box {background-position:-20px center;}

/* pager */
.board-page {position:relative;}
.paging-wrap {display:flex; align-items:center; justify-content:center; gap:5px; position:relative; margin-top:5rem;}
.paging-wrap .page {display:flex; align-items:center; justify-content:center; gap:5px; position:relative;}
.paging-wrap .page a {display:flex; align-items:center; justify-content:center; position:relative; width:3.6rem; height:3.6rem; border-radius:150px; background:#ffffff; font-size:15px; font-weight:400; letter-spacing:-0.05em; color:#000000; transition:all 0.3s; box-sizing:border-box;}
.paging-wrap .page a:hover, .paging-wrap .page a:focus {border-color:var(--point-color);background:var(--point-color);color:#fff; box-shadow:0 7px 20px 0 rgba(255, 89, 0, 0.15);}
.paging-wrap .page a.active {border-color:var(--point-color); background:var(--point-color); color:#ffffff; box-shadow:0 7px 20px 0 rgba(255, 89, 0, 0.15);}
.paging-wrap a {display:flex; align-items:center; justify-content:center; position:relative; width:3.6rem; height:3.6rem; border:1px solid rgba(221, 221, 221, 0); background:#ffffff; font-size:1.4rem; letter-spacing:-0.05em; color:#000000; transition:all 0.3s; box-sizing:border-box;}
.paging-wrap a:not(.prev):not(.next):not(.first):not(.last):hover, .paging-wrap a:not(.prev):not(.next):not(.first):not(.last):focus { border-color:var(--point-color); box-shadow:0 7px 20px 0 rgba(255, 89, 0, 0.15);} 
/* .paging-wrap a.first {display:block; text-indent:-9999px; background:url('../img/board/ico_pager_first.svg')center center no-repeat; background-size:14px 14px;}
.paging-wrap a.prev {display:block; text-indent:-9999px; background:url('../img/board/ico_pager_prev.svg')center center no-repeat; background-size:7px 14px;}
.paging-wrap a.next {display:block; text-indent:-9999px; background:url('../img/board/ico_pager_next.svg')center center no-repeat; background-size:7px 14px;}
.paging-wrap a.last {display:block; text-indent:-9999px; background:url('../img/board/ico_pager_last.svg')center center no-repeat; background-size:14px 14px;} */
.paging-wrap a.prev {margin-right: 2rem;}
.paging-wrap a.next {margin-left: 2rem;}

/* board-search */
.board-search{display: flex; flex-wrap: wrap;gap: 1rem;align-items: center; justify-content: space-between; margin:0 0 2rem;}
.board-search .left{display:flex; align-items: center; gap: 0.6rem;}
.board-search .right{display:flex; align-items: center; gap: 0.6rem;}
.select_box{width:100%; min-width:12rem;}
.board-search .search_text{width:100%; min-width:30rem;}
.srcInput{position:relative;width: 100%;}
.srcInput button{position:absolute; top:50%; right:0.5rem; transform: translateY(-50%);  width:4rem; height:4rem; background:url(/share/portal/img/board/ico_search.svg) no-repeat center center / 2rem;}

.select_box.cal {max-width: 20rem;padding: 0.7rem 4.5rem 0.7rem 4.1rem;}
.cal_select_wrap {position:relative;}
.cal_select_wrap:before {content:"";display:block;z-index: 2;position: absolute;left: 1.5rem;top: 50%; transform: translateY(-50%);width:2rem; height:2rem;background: url(../img/Contents/ico_calendar.svg) center center no-repeat;background-size: 2rem 2rem;}

.board_select_flex {display: flex; align-items: center;gap: 0.6rem;width: 100%;}
.board-sch-btn {display: block;padding: 1rem 1.8rem;min-height: 4rem;border-radius:1rem;color: #fff;background: var(--point-color);border-color: var(--point-color);font-size: 1.6rem;}


.board-wrap{}
.board_Lst{border-bottom:1px solid var(--border-gray2);}
.board_Lst li{width:100%; border-top:1px solid var(--border-gray2); padding: 3rem 0;}
.board_Lst a{display:flex; gap:3rem;width: 100%;}
.board_Lst_flex{display:flex; gap:3rem;}
.board_Lst .board_flex {display: flex; gap: 1rem;align-items: baseline; justify-content: space-between;}
.board_Lst .board_flex_column {gap:2rem;flex-direction: column;}
.board_Lst .num{width: 3rem;flex: none;}
.board_Lst .date, .board_Lst .name {font-size: 1.4rem; color: #7F7F8E;}
.board_Lst .name .or_txt {color: var(--point-color);}
.board_Lst .name .green_txt {color: var(--color-green2);}
.board_Lst .name+.name {margin-top: 1rem;}
.board_Lst .subject{display:flex; gap:3rem;width: calc(100% - 6rem);}
.board_Lst .txtCont{flex: 1 1 auto; }
.board_Lst .txtCont .tit{font-size:2rem; font-weight:600; margin-bottom:1rem; line-height:1.3;}
.board_Lst .txtCont .tit span{font-size:2rem; font-weight:600;}
.board_Lst .txtCont .txt {font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 1rem;}
.board_Lst .txtCont .stxt{line-height:1.8;    font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_Lst .txtCont .tag{display: inline-block; background: #EDF2F8; color:#7F7F8E; border-radius: 0.4rem; padding: 0.4rem 0.6rem; margin-top:1rem;}
.board_Lst .txtCont .desc{margin-top:3.5rem; display:flex; align-items:center; justify-content:space-between; color: #7F7F8E; font-size: 1.4rem;}
.board_Lst .txtCont .desc .info{display:flex; gap:1.5rem; align-items: center;}
.board_Lst .txtCont .desc .info span{color: #7F7F8E; font-size: 1.4rem;}
.board_Lst .txtCont .desc .like{display: flex; align-items: center; gap: 0.5rem;}
.board_Lst .txtCont .desc .like .icon{display:flex; width:1.6rem; height:1.6rem; background:url(../img/default/ico_like.svg) no-repeat center center /1.6rem;filter: invert(0.6);}
.board_Lst .txtCont .desc .temp{color:var(--point-color); font-weight: 600;}
.thumnail_Lst .thumImgbox{overflow: hidden; position: relative; flex: 0 0 20rem; height: 12.5rem; border-radius:1rem; background: #ddd;}
.thumnail_Lst .thumImgbox img{position: absolute; top: 0; left: 0;right: 0; bottom: 0;width: 100%;height: 100%; object-fit: cover; transition: all 0.3s ease;}
.qna_Lst .titbox{display:flex; align-items:center; justify-content: space-between; gap:2rem;}
.qna_Lst .state{font-size:1.4rem; font-weight:600;}
.qna_Lst .state.wait{color:var(--point-color);}
.qna_Lst .state.complete{color:#000;}
.rntl_Lst .tit {font-size: 2.2rem;}

.board_Lst2 .txtCont .txt_flex {display:flex;gap:1rem;}
.board_Lst2 .txtCont .tit {font-size:1.6rem; line-height: 1; font-weight: 400;}
.board_Lst2 .txtCont .stxt {font-size:1.4rem; line-height: 1; margin-bottom: 1rem;}
.board_Lst2 .txtCont .stxt .gray_txt {color: #8c8c8c;}

.board_Lst.post_Lst .board_flex {align-items: flex-start;}

	@media screen and (max-width:1400px){
		.rsvt-search {align-items: flex-start;flex-direction: column;gap: 1rem;}
	}

	@media screen and (max-width:768px){
		.board_Lst .num{display:none;}
		.board_Lst .subject{flex-direction: column;width: 100%;}
		.board_Lst a {flex-direction: column;}
		
		.clcln_Lst .board_flex {gap: 2rem;flex-direction: column;}
		.post_Lst .board_flex {gap: 2rem;flex-direction: column;}
		
	}
	
	@media screen and (max-width:730px){
		.board-search {align-items: flex-start; flex-direction: column;gap: 1rem;}
	}
	
	@media screen and (max-width:620px){
		.point_search {align-items: flex-start;flex-direction: column;gap: 1rem;}
		.point_Lst .board_flex {gap:3rem;flex-direction: column;}
		
		.paging-wrap, .pag.view_body .txtcont imgng-wrap .page {flex-wrap: wrap;}
	}
	
	@media screen and (max-width:550px){
		.rsvt_Lst .board_flex {align-items: flex-start;gap:3rem;flex-direction: column;}
		.rsvt_right {text-align: left;}
	}
		
	@media screen and (max-width:430px){
		.board-search .left {flex-direction: column;width: 100%;}
		.board-search .right {flex-wrap: wrap;justify-content: flex-end;}
		.board-search .right.qa_right {margin-left: auto;}
		
		.rsvt-search .right {flex-direction: column;width: 100%;}
		.rsvt-search .right .datepicker {width:100%;}
	}
	
.board-view{}
.view_head{}
.view_head .title{font-size:2rem; font-weight:600; line-height:1.4;}
.view_head .title span{font-size:2rem; font-weight:600;}
.view_head .desc{margin-top:2.5rem; display:flex; align-items:center; justify-content:space-between;flex-wrap: wrap; gap: 1.5rem; color: #7F7F8E; font-size: 1.4rem;}
.view_head .desc .info{display:flex; gap:1.5rem; align-items: center;}
.view_head .desc .info span{color: #7F7F8E; font-size: 1.4rem;}
.view_head .likebox{display:flex; align-items: center; gap: 0.6rem;padding: 0.8rem 1.4rem;border-radius: 20rem; background: var(--bg-gray);}
.view_head .likebox p{color:#000;}
.view_head .likebox .meta-item{padding: 0; border-radius: 0;background:none;}
.view_head .likebox .meta-item.like:hover{background:none;}
.view_head .useinfo{margin-top:2.5rem;background: #F0F5F6; display: flex; align-items: center; gap:1rem 3rem; flex-wrap: wrap; font-size: 1.4rem; padding: 2rem; border-radius: 0.5rem;}
.view_head .useinfo .name, .view_head .useinfo .date{color:#7F7F8E;}
.view_body{margin-top:4.5rem;}
.view_body .photoSld{margin-bottom: 4.5rem;}
.view_body .photoSldWrap{}
.view_body .photoSld .sld_item{width:40rem;cursor:pointer;}
.view_body .photoSld .sld_item .imgwbox{position: relative; width: 100%; max-width: 40rem; padding-bottom: 62.25%; overflow: hidden;}
.view_body .photoSld .sld_item img{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;object-fit: cover; transition: all 0.3s ease;}
.expand_swiper .imgwbox{position: relative; width: 100%; padding-bottom: 62.25%; overflow: hidden;}
.expand_swiper .imgwbox img{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;object-fit: cover; transition: all 0.3s ease;}
.view_body .txtcont{line-height:1.8;}
.view_body .txtcont *{line-height:1.8;}
.view_body .txtcont img{margin:2rem 0; max-width:100%;height: auto;}
.view_body .txtcont iframe{margin:2rem 0; max-width:100%;width: 100%;aspect-ratio: 16 / 9;height: auto;}
.view_footer{margin-top:4.5rem;}
.view_footer .report{display: inline-flex; align-items: center; gap: 0.6rem; background: #F0F5F6; padding: 0.8rem 1.4rem;}
.view_footer .report i{width:1.6rem; height:1.6rem; background:url(../img/board/ico_warning.svg) no-repeat center center / 1.6rem;}
.view_footer .report p{font-size:1.4rem;}
.view_footer .ip-fileList{margin-top:0;}

.board-btn{margin-top:4.5rem; width: 100%; overflow:hidden;}
.board-btn .tl, .board-btn .fr{display: flex; align-items: center; gap: 1rem;}
.board-btn .center{display: flex; align-items: center; justify-content: center; gap: 1rem;}
.board-btn .btn{border-radius:1rem; padding:2rem 3rem; min-height:5.8rem;}
.board-btn .m{border-radius:0.5rem; padding:1rem 2rem; min-height:4rem;}
.board-btn .sm{border-radius:0.5rem; padding:1rem 2rem; min-height:3.8rem;}
.board-btn .black{background:#000;}
.board-btn .point{background:var(--point-color);}
.board-btn .green{background:var(--color-green2);}
.board-btn .line{border:1px solid var(--border-gray);background: #fff;}
.board-btn .btn.line span{color:#000;}
.board-btn .btn span{color:#fff; font-size: 1.6rem;font-weight: 600;}
.baord-btn .ui_none{display:none;}

textarea{width:100%; border:1px solid #D2DAE3;resize: none;line-height: 1.2; min-height:10rem;border-radius:0.5rem;padding:2rem;}	
.comment-wrap{margin-top:4rem;}
.comment-title{display:flex; align-items:center; gap:1rem; margin-bottom:2rem;}
.comment-title .tit{position:relative; padding-left:2.8rem; font-size:2.2rem; font-weight:600;}
.comment-title .tit:before{content:''; display:block; width:2rem; height:2rem; position:absolute; top:50%; left:0; transform:translateY(-50%); background:url(../img/board/ico_comment.svg)no-repeat center center / 2rem;}
.comment_body .board-btn{margin-top:1rem;}
.comment_footer{margin-top:2rem;}
.comment_footer .commentLst + .commentLst{margin-top:0.5rem;}
.comment_footer .commentLst li{background:var(--bg-gray); width:100%; padding:3rem; border-radius:1rem;}
.comment_footer .commentLst li + li{margin-top:0.5rem;}
.comment_footer .commentLst .desc{margin-bottom:1.5rem; display:flex; align-items:center; justify-content:space-between; color: #7F7F8E; font-size: 1.4rem;}
.comment_footer .commentLst .desc .info{display:flex; gap:1.5rem; align-items: center;}
.comment_footer .commentLst .desc button{color: #7F7F8E; font-size: 1.4rem;}
.comment_footer .commentLst .txt{font-size:1.4rem; line-height:1.5;}
.re_comment{padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #D2DAE3;}
.re_comment .txtarea{font-size:1.4rem;}
.re_comment .re_comment_btn{display: flex; align-items: center; justify-content: flex-end; margin-top: 1rem; gap: 1.5rem;}
.re_comment .re_comment_btn .rebtn{color: #7F7F8E; font-size: 1.4rem;}

.answer-wrap{margin-top:4rem;}
.answer-title{display:flex; align-items:center; gap:1rem; margin-bottom:2rem;}
.answer-title .tit{position:relative; padding-left:2.8rem; font-size:2.2rem; font-weight:600;}
.answer-title .tit:before{content:''; display:block; width:2rem; height:2rem; position:absolute; top:50%; left:0; transform:translateY(-50%); background:url(/share/portal/img/board/ico_answer.svg)no-repeat center center / 2rem;}
.answer-cont{width:100%; background:var(--bg-gray); padding: 2rem 3rem; border-radius: 1rem;}
.answer-cont p{line-height:1.5;}

.board_write{}
.write_head{width: 100%; border-radius:1rem; background: var(--bg-gray); padding: 2rem 3rem; display: flex; gap: 1rem;}
.write_head .item {display: flex; flex-direction: column;}
.write_head .item:first-child {width: 12rem;flex-shrink: 0;}
.write_head .item:last-child {flex: 1; min-width: 0;}
.write_head .item p{margin-bottom:1rem; font-size:1.4rem;}
.write_head.videoh{flex-wrap:wrap;}
.write_head.videoh .item{width:100%;}
.write_body{margin:4rem 0;}
.write_body .txtarea{min-height:30rem;}
.write_footer{width: 100%; border-radius:1rem; background: var(--bg-gray); padding: 2rem 3rem;}
.write_footer + .write_footer{margin-top:1rem;}
.ip-filebox{position:relative; display:flex; align-items:center; gap:1rem; margin-bottom: 2rem;}
.ip-filebox input[type="file"]{position: absolute; width: 0px; height: 0px; padding: 0; overflow: hidden;border: none}
.ip-filebox .file-ip{flex: 1; min-width: 0;}
.ip-filebox .file-label{cursor:pointer; width: 8.6rem;flex-shrink: 0;border-radius:0.5rem; padding:1.2rem 1.4rem; min-height:4rem; background:#000;}
.ip-filebox .file-label span{color:#fff; font-size:1.6rem;}
.ip-fileList li{display:flex; align-items:center; justify-content:space-between;}
.ip-fileList li + li{margin-top:1rem;}
.ip-fileList .txt{display: flex; align-items: center; gap: 0.5rem;min-width: 0;}
.ip-fileList .txt > div {overflow: hidden; text-overflow: ellipsis;white-space: nowrap; line-height: 1.1;}
.ip-fileList .txt .icon{display:block; width:2rem; height:2rem; background:url(/share/portal/img/board/ico_fileclip.svg) no-repeat center center / 2rem;flex: none;}
.ip-fileList .deletebtn{width:2rem; height:2rem;background:url(/share/portal/img/default/ico_close.svg) no-repeat center center / 2rem;flex: none;}
.secretbox{display: flex; align-items: center; justify-content: space-between; gap:1rem 3rem; flex-wrap:wrap;}
.secretbox + .secretbox{margin-top:1rem;}
.secretbox .cont{display: flex;align-items: center; gap: 1rem;}
.secretbox .ipbox_form{display: flex; align-items: center;}	
	
	
	
	@media screen and (max-width:480px){
		.view_body .photoSld .sld_item{width: 100%; height:100%;}
	}


.faq_list_wrap {position:relative; width:100%; border-top:1px solid var(--border-gray2);}
.faq_list_wrap .faq_list_item {position:relative; border-bottom: 1px solid var(--border-gray2);}
.faq_list_wrap .faq_list_item .faq_head_box {display:flex; align-items:center; gap:1.5rem; padding: 3rem 0;}
.faq_list_wrap .faq_list_item .faq_head_box .category {display:none; width:100px; padding:0 10px; font-size:15px; font-weight:500; line-height:1.4; color:#444444; text-align:center; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box .num{width: 4rem;}
.faq_list_wrap .faq_list_item .faq_head_box .faq_title {display:block; position:relative; width:calc(100% - 4rem);}
.faq_list_wrap .faq_list_item .faq_head_box .faq_title .title {font-size: 2rem; font-weight: 600; line-height: 1.4;}
.faq_list_wrap .faq_list_item .faq_head_box .ico.fold {display:block; width:2rem; height:2rem; transform: rotate(180deg); background:url('../img/default/ico_arrow.svg')no-repeat center center / 1.4rem; transition:transform 0.3s ease;}
.faq_list_wrap .faq_list_item .faq_head_box.active .ico.fold {transform:rotate(0deg);}
.faq_list_wrap .faq_list_item .faq_head_box.empty {align-items:center; justify-content:center; padding:20px 20px; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box.empty .faq_title {width:100%; padding:0; font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.08em; color:#888888; text-align:center;}
.faq_list_wrap .faq_list_item .faq_cont_box {display:none; position:relative; padding:2rem 5.5rem; border-top:1px solid var(--border-gray2); background:var(--bg-gray); will-change: height;}
.faq_list_wrap .faq_list_item .faq_cont_box .cont,
.faq_list_wrap .faq_list_item .faq_cont_box .cont * { font-size: 1.6rem; font-weight: 400; line-height: 1.4; word-break: break-all;}

	@media screen and (max-width:768px){
	
		.faq_list_wrap .faq_list_item .faq_head_box .category {display:none;}
		.faq_list_wrap .faq_list_item .faq_head_box .faq_title {width:100%; padding-left:10px;}
		
	}
	
	@media screen and (max-width:480px){
	
		.faq_list_wrap .faq_list_item .faq_head_box {padding:15px 15px 15px 0;}
		.faq_list_wrap .faq_list_item .faq_head_box .faq_title .title {font-size:13px;}
		.faq_list_wrap .faq_list_item .faq_head_box .ico.fold {right:8px;}
		.faq_list_wrap .faq_list_item .faq_head_box.empty {padding:15px 10px;}
		.faq_list_wrap .faq_list_item .faq_cont_box {padding:15px 10px;}
		.faq_list_wrap .faq_list_item .faq_cont_box .cont,
		.faq_list_wrap .faq_list_item .faq_cont_box .cont * {font-size:13px;}
		
	}
	
.board-password {position:relative; width:100%; max-width:30rem; margin:8rem auto; text-align:center;}
.board-password .btxt {font-size: 2rem; line-height: 1.4;}
.board-password .inputbox {position:relative; margin-top:4rem;}
.board-password .inputbox input {width:20rem;}
.board-password .btnbox {display:flex; align-items:center; justify-content:center; gap:5px; position:relative; margin-top:4rem;}
.board-password .btnbox button {display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:120px; height:40px; padding:10px 15px; border-radius:150px; background:#0067db; transition:all 0.3s ease; vertical-align:middle; font-size:15px; font-weight:700; letter-spacing:-0.05em; color:#ffffff; font-family:'Pretendard',sans-serif; box-sizing:border-box;}
.board-password .btnbox button.sdp-btn {background:linear-gradient(to right,  #0043ed 0%,#0090ff 100%);}
.board-password .btnbox button.sw-btn {background:#333333;}
.board-password .btnbox button span {font-size:15px; font-weight:700; letter-spacing:-0.05em; color:#ffffff; font-family:'Pretendard',sans-serif;}
	
.board_video{margin-top:4rem;}	
.video_list{width: 100%; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 6rem 2rem; position: relative;}
.video_list li{position: relative; width: calc(100% / 3 - 1.35rem);}
.video_list .thumbnail{display: block; position: relative; padding-bottom: 56.25%; border-radius: 1rem; overflow: hidden;}
.video_list .thumbnail img{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.2s ease;}
.video_list .title{font-size:2rem; font-weight:700; margin-top:3rem; }	

	@media screen and (max-width:980px){		
		.video_list li{width: calc(100% / 2 - 1rem);}		
	}
	@media screen and (max-width:480px){		
		.video_list li{width: 100%;}		
	}

.txtarea::placeholder {color: #000;}

/* nodata */	
.board_Lst:has(.board_nodata) {border: none;}
.board_nodata {display: block;text-align: center;margin-bottom:0 !important;padding: 10rem 0 !important;border:none !important;}
.rvws_nodata {padding: 6rem 0 !important;}
.ico_nodata {width:10rem; height: 6.2rem;background: url(/share/portal/img/Contents/ico_nodata.svg) no-repeat center center / 10rem auto;margin: 0 auto;}
.nodata_tit {margin-top: 1rem; font-size: 1.6rem; font-family: var(--font-title);}
.nodata_txt {margin-top: 1rem; font-size: 1.6rem;color:#7F7F8E;}

.mygapeRsvt_list:has(.board_nodata) {border: none;display: block;}
.swiper-wrapper:has(.board_nodata) {justify-content: center;}