@charset "utf-8";
/*** 수정일 : 2025년 11월 24일 (작성일 : 2025년 11월 24일)  ***/

.inner{position:relative; margin:0 auto; width:1600px;}

	@media all and (max-width:1920px){
	.inner{width:1400px;}
	}
	@media all and (max-width:1480px){
	.inner{padding:0 40px; width:100%; }
	}
	@media all and (max-width:1024px){
	.inner{padding:0 30px;}
	}
	@media all and (max-width:768px){
	}
	@media all and (max-width:425px){
	.inner{padding:0 20px;}
	.mobNone{display:none !important;}
	}

.clr:after{display:block; content:''; clear:both;}
img{max-width:100%; }



/** TOP */
#header-top{display:flex; padding: 8px 0; width:100%; background:#EDF1F5;}
#header-top .inner{display:flex; align-items:center; }
#header-top .nuri-txt{display:flex; position:relative; align-items:center; gap:8px; font-size: 1.5rem;}

#header{background:#fff;}
#header .inner{display:flex; flex-direction:row; align-items:center; justify-content:space-between; z-index:10;}

#header .util{display:inline-flex; align-items:center; gap:8px;}
#header .util a{display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:8px 24px; font-size:1.5rem; color:#676767; border:1px solid #ccc; border-radius:100px; }
#header .util a:hover{text-decoration: none; color:#111; border:1px solid #111;}
#header .util .mob{display:none;}

/** GNB */
#gnb{display:flex; align-items:center; gap:80px; z-index:1;}
#gnb .dep01{position:relative;}
#gnb .dep01 > a{position:relative; display:inline-flex; align-items:center; justify-content:center; padding:40px 0; font-weight:500; font-size:2.1rem; text-decoration: none;}
#gnb .dep01 > a.on{color:var(--color-main);}
#gnb .dep01 > a.on::before{position:absolute; content:''; left:50%; top:16px; transform:translateX(-50%); width:9px; height:9px; background:var(--color-main); border-radius:100%;}
#gnb .dep02{position:absolute; top:100px; left:50%; transform:translateX(-50%); display:none; flex-direction:column; gap:16px; align-items:center; padding:32px; background:#fff; border-radius:16px; border:3px solid var(--color-main); width:max-content; z-index:999;}
#gnb .dep02 a{display:inline-flex; align-items:center; justify-content:center; width:100; font-weight:500; color:#444; text-align:center;}
#gnb .dep02 a:hover{color:#111;}
@media all and (max-width:1280px){
	#gnb{display:none;}
	#header{padding:24px 0;}
	#header .util .mob{display:inline-flex;}
}
@media all and (max-width:768px){
	#header .home {width:150px;}
	#header .util > li:not(.mob){display:none;}
	#header .util a{border:0; padding:0; border-radius:0;}
	#header .util a:hover{border:0;}
    #header-top .inner{justify-content:center;}
	#header-top .nuri-txt{flex-direction:column; gap:2px;font-size:1.3rem;}
}
@media all and (max-width:425px){
	#header .home{width:130px;}
}

/** 전체메뉴*/
#allmenu{display:flex; display:none; position:fixed; right:0; top:0; z-index:102; flex-direction:column; height:100vh; overflow-y:hidden; background:#fff; }
#allmenu .topUtil{display:flex; flex-direction:column; gap:16px; padding:20px 24px; border-bottom:1px solid #dbdbdb;}
#allmenu .topUtil a{width:fit-content;}
#allmenu .topUtil .mobEng{display:inline-flex; gap:8px; font-size: 1.5rem; }
#allmenu .topUtil .mobJoin{display:inline-flex; align-items:center; gap:8px; padding:10px 0; font-size: 1.7rem; font-weight:600; text-decoration: none;}
#allmenu .topUtil .mobJoin b{font-weight:600; color:var(--color-main);}
#allmenu .topUtil .cartnmy{display:flex; border:1px solid #dbdbdb; border-radius:4px; align-items:center; }
#allmenu .topUtil .cartnmy li{width:100%;}
#allmenu .topUtil .cartnmy li a{display:inline-flex; align-items:center; justify-content:center; padding:8px; width:100%; font-size: 1.3rem !important;}
#allmenu .topUtil .cartnmy li:not(:last-child) a{border-right:1px solid #dbdbdb;}
#allmenu .topUtil .bellList{display:flex; align-items:center; justify-content:center; gap:0; border-radius:4px; overflow:hidden;}
#allmenu .topUtil .bellList a{display:inline-flex; padding:8px 4px; flex-direction:column; align-items:center; justify-content:center; font-size: 1.3rem !important; color:#fff; width:100%; text-align:center; line-height:1.5;}
#allmenu .topUtil .bellList a span{font-size: 1.3rem !important; white-space:nowrap;}
#allmenu .topUtil .bellList li{width:100%;}
#allmenu .topUtil .bellList .listReviewCount a{background:var(--color-log1);}
#allmenu .topUtil .bellList .listMabikReviewCount a{background:var(--color-log2);}
#allmenu .topUtil .bellList .listApproveCount a{background:var(--color-log4);}
#allmenu .topUtil .bellList #noticeCartCnt{background:var(--color-log1); color:#fff;}
#allmenu .topUtil .bellList #noticeCartCnt i{color:#fff;}
#allmenu .mobGnbCont{display:flex; height:100%;}
#allmenu .mGnb{display:flex; flex-direction:column; gap:0; width:140px; height:100%; background:#EDF1F5; border-right:1px solid #dbdbdb;}
#allmenu .mGnb > li a{display:flex; align-items:center; padding:18px 24px; font-size: 1.7rem; font-weight:600; }
#allmenu .mGnb > li a.on{background:#fff; color:var(--color-main);}
#allmenu .mSnb{position:relative; padding:16px; padding-bottom:200px; width:250px; height:100%; overflow-y:auto;}
#allmenu .mSnb .dep02{display:none; width:100%;}
#allmenu .mSnb .dep02.on{display:block;}
#allmenu .mSnb li.mobDepTit{display:flex; align-items:center; height:64px; font-weight:600; border-bottom:1px solid #dbdbdb; font-size: 1.7rem;}
#allmenu .mSnb .dep02 > li > a,
#allmenu .mSnb .dep02 > li > button{display:flex; justify-content:space-between; align-items:center; padding:16px 8px; width:100%;  text-align:left; font-size: 1.7rem; border-radius:8px; word-break:break-all;}
#allmenu .mSnb .dep02 > li > a:hover,
#allmenu .mSnb .dep02 > li > button:hover{background:#EDF1F5; text-decoration:none;}
#allmenu .mSnb .dep02 > li:first-child{margin-bottom:8px;}
#allmenu .mSnb .dep02 > li > button.on{background:#EDF1F5; font-weight:600; color:var(--color-main);}
#allmenu .mSnb .dep02 > li > button.on span{transform:rotate(180deg);}
#allmenu .mSnb .dep03{display:none; padding:10px; width:100%;}
#allmenu .mSnb .dep03 > li > a{position:relative; display:inline-flex; align-items:center; gap:4px; padding:14px 16px; width:100%;}
#allmenu .mSnb .dep03 > li > a::before{content:''; width:3px; height:3px; background:#111; border-radius:100%;}
#allmenu .close{position:absolute; right:10px; top:10px; width:50px; height:50px; background:url(../images/common/xb.svg) no-repeat 50% 50%; text-indent:-9999px; font-size: 0; color:transparent;}

@media all and (max-width:425px){
	#allmenu *{font-size: 1.5rem !important;}
    #allmenu .topUtil{padding:16px;}
	#allmenu .mGnb{width:130px;}
	#allmenu .mGnb > li a{padding:16px 8px 16px 16px;}
	#allmenu .mSnb{width:165px;}
	#allmenu .mSnb .dep03{padding:0;}
    #allmenu .topUtil .cartnmy li a{line-height:1.3; text-align:center;}
    #allmenu .mSnb .dep02 > li > a, 
    #allmenu .mSnb .dep02 > li > button{padding:8px;}
}


/** footer*/
#footer{position:relative; display:flex; flex-direction:column; gap:0; margin-top:100px; padding-top:150px; background:#f4f5f6;}
#footer .design{position:absolute; left:0; top:0; width:100%; height:150px; background:#fff;}
#footer .design .footerBG{left:0; bottom:0; width:100%; height:100%; object-fit: cover;}
#footer .design .inner{position:absolute; left:50%; bottom:0; transform:translateX(-50%); height:100%; }
#footer .design .tree01{z-index:0; left:0; bottom:40%;}
#footer .design .tree02{z-index:0; left:16%; bottom:20%;}
#footer .design .tree03{z-index:0; right:0; bottom:42%;}
#footer .design .tent{z-index:0; right:20%; bottom:56%;}
#footer .design img{position:absolute; }
#footer .fLogo{display:flex; align-items:center; flex-wrap:wrap; gap:16px 40px;}
#footer .fLogo .fInfo{font-size:1.5rem;}
#footer .fLogo .fInfo .infoCs li{display:inline-flex; align-items:center; gap:4px 8px; flex-wrap:wrap;}
#footer .fLogo .fInfo .infoCs .strong{font-weight:500; }
#footer .fBody{padding:40px 0 24px 0; display:flex; flex-direction:column; gap:40px;}
#footer .fBody::after{display: none;}
#footer .fBtm{display:flex; flex-direction:column; gap:40px; padding-top:16px; border-top:1px solid #ccc; font-size:1.5rem;}
#footer .fBtm .fBtmText{display:inline-flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:2px; }
#footer .fBtm .fBtmText .fMenu{display:inline-flex; align-items:center; flex-wrap:wrap; gap:2px 16px;}
#footer .fBtm .fBtmText .copyright{color:#676767;}
#footer .fBtmBan{display:flex; align-items:center; gap:8px; padding:0 16px; background:#fff; min-height:40px; border-radius:4px;}
#footer .fBtm .fBtmText .fMenu .point{color:var(--color-point); font-weight:600;}
@media all and (max-width:1480px){
	#footer .fBody{padding:40px;}
	#footer .design .tree01{left:40px;}
	#footer .design .tree03{right:40px;}
}
@media all and (max-width:1024px){
	#footer .fBody{padding:30px;}
	#footer .design .tree01{left:30px;}
	#footer .design .tree03{right:30px;}
}
@media all and (max-width:768px){
	#footer{padding-top:100px;}
	#footer .design{height:100px;}
    #footer .fBody{padding:32px 16px; gap:24px;}
    #footer .fBody .fLogo img{height:32px;}
	#footer .design .tree01{left:20px; width:50px;}
	#footer .design .tree02{left:25%; bottom:20%; width:30px;}
	#footer .design .tree03{right:20px; bottom:60%; width:50px;}
	#footer .design .tent{right:25%; bottom:44%; width:95px;}
	#footer .fBtm{gap:24px;}
	#footer .fBtm .fBtmText .copyright{font-size:1.3rem;}
}
@media all and (max-width:425px){
	#footer .fBody{padding:20px;}
}
@media all and (max-width:425px){
	#footer .fBtmBan{flex-direction:column; gap:4px; padding:8px;}
	#footer .fBtmBan .banTxt,
	#footer .fLogo .fInfo{font-size:1.3rem;}
	#footer .fBtm .fBtmText .fMenu{font-size:1.3rem;}
	#footer .fBody,
	#footer .fBtm{gap:16px;}
}


/** container */
.container{min-height:60vh;}

.subCon{padding:80px 0;}

.subVisual{position:relative; display:flex; align-items:center; justify-content:center; width:calc(100% - 160px); height:400px; margin:0 auto; border-radius:30px; overflow:hidden; }
.subVisual img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1; min-width:100%; min-height:100%; object-fit: cover;}
.subVisual  .title{color:#fff; font-size:3.2rem; font-weight:600; text-shadow:0 0 15px rgba(0,0,0,0.9); }
.titBox{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;}
.h3Tit{font-size:2.8rem; font-weight:600;}
/**tab*/
.tab{display:flex; align-items:center; justify-content:center; gap:0; margin:80px auto; background:#f5f5f5; border-radius:24px; width:100%; }
.tab li{flex:1;}
.tab li a{display:inline-flex; align-items:center; justify-content:center; padding:16px; height:80px; border-radius:24px; color:#676767; font-size:1.9rem; font-weight:500; width:100%; }
.tab li a.on{background:var(--color-main); color:#fff; box-shadow:3px 7px 15px rgba(0,0,0,0.2);}
.tabList > li{display:none;}
.tabList > li.on{display:block;}
/**step*/
.step{display:flex; align-items:center; justify-content:center; margin-bottom:80px; gap:56px; }
.step > li{position:relative; flex:1; display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; padding:8px; border-radius:100px; text-align:center; min-height:80px; font-size:1.9rem; font-weight:500; color:#676767; background:#f5f5f5; width:100%;}
.step > li:not(:first-child)::before{display:block; content:''; position:absolute; left:-48px; width:40px; height:40px; background:url(../images/common/arrow_right.svg) no-repeat 50% 50%; background-size:40px;}
.step > li.on{border:3px solid var(--color-main); color:#111; background:#fff;}
@media all and (max-width:1480px){
	.subVisual{width:calc(100% - 80px);}
}
@media all and (max-width:1024px){
	.subVisual{width:calc(100% - 60px); height:240px; border-radius:24px;}
	.subVisual .title{font-size: 2.8rem;}
    .h3Tit{font-size: 2.5rem;}
    .subCon{padding:56px 0;}
	.step{margin-bottom:56px;}
	.step > li{padding:15px 8px; min-height:auto; font-size:1.7rem;}
    .tab{margin:56px auto; border-radius:16px;}
    .tab li a{padding:15px 8px; min-height:auto; height:auto; font-size:1.7rem; border-radius:16px;}
}
@media all and (max-width:768px){
	.step{gap:16px;}
	.step > li{flex-direction:column; padding:8px; gap:0;font-size:1.5rem;}
	.step > li span{font-size:1.2rem; font-weight:500;}
	.step > li.on span{color:var(--color-main);}
	.step > li:not(:first-child)::before{left:-28px; background-size:30px;}
    .tab li a{padding:16px; gap:0;font-size:1.5rem;}
}
@media all and (max-width:425px){
    .subCon{padding:40px 0;}
	.subVisual{width:calc(100% - 40px); height:120px; border-radius:16px;}
    .subVisual .title{font-size: 2.1rem;}
	.step{margin-bottom:8px;}
	.step > li,
	.step > li:not(:first-child)::before{display:none;}
	.step > li.on{display:inline-flex; font-size: 1.2rem;}
	.step > li.on{flex-direction:row; gap:8px; border:0; text-align:left; justify-content:flex-start; border-radius:0; padding:0;}
    .tab{margin:40px auto;}
}


/*? 리스트-기본*/
.board {margin-bottom:10px;border-collapse:separate; border-spacing:0; width:100%; border-top:2px solid #000;font-size:17px; color:#111;}
.board thead th {background:#f8faff; padding: 16px 4px; font-weight:500; border-bottom:1px solid #777;text-align: center;}
.board thead th:first-child {border-left:0;}
.board thead th:last-child{border-right:0;}
.board tr {background:#fff}
.board td {border-bottom:1px solid #ccc; padding:18px 10px 18px; text-align:center; word-break:keep-all;}
.board td:first-child {border-left:0;}
.board td:last-child {border-right:0;}
.board td img{vertical-align:middle;max-height:100%;}
.board .tit{text-align:left;color:#000;font-weight:bold;line-height:1.3; max-width:0;}
.board .tit a{display:inline-block; width:100%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: middle;}
.board .tit a:hover{color:var(--color-main);}
.board .tit img{width:17px; height:17px; margin-right: 4px;}
.board .file a{display:inline-block;vertical-align:top;line-height:0;}
.bdR{border-right:1px solid #ccc !important;}
.bdL{border-left:1px solid #ccc !important;}
/**마이페이지 - 나의 예약내역*/
.rsv.board thead th,
.rsv.board td{border-right:1px solid #ccc;}
.rsv.board thead th:last-child,
.rsv.board td:last-child{border-right:0;}
/**이용안내*/
.tbl {margin-bottom:10px;border-collapse:separate; border-spacing:0; width:100%; border-top:2px solid #000;font-size:17px; color:#111;}
.tbl thead th {background:#f8faff; padding: 16px 4px; font-weight:500; border-bottom:1px solid #777;text-align: center; border-right:1px solid #ccc;}
.tbl thead th:first-child {border-left:0;}
.tbl thead th:last-child{border-right:0;}
.tbl tr {background:#fff}
.tbl td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:18px 10px 18px; word-break:keep-all;}
.tbl td:first-child {border-left:0;}
.tbl td:last-child {border-right:0;}
@media all and (max-width:1024px){
    .rsv.board{display:flex; border-top:0; }
    .rsv.board thead{display:none;}
    .rsv.board tbody{flex:1; display:flex; flex-wrap:wrap; gap:16px;}
    .rsv.board tr{display:flex; flex-direction:column; padding:16px; padding-bottom:42px; border-top:1px solid #ccc; border:1px solid #ccc; border-radius:16px; width:calc(50% - 8px);}
    .rsv.board tr .slash{display:none;}
    .rsv.board td{display:flex;  flex-wrap:wrap; gap:0 8px; position:relative; padding:8px; padding-left:80px; text-align:left;border-right:0; border-bottom:0; font-size: 1.5rem;}
    .rsv.board td:before {position:absolute; left:0; top:9px; display:inline-block; content: attr(data-cell-header); min-width:88px; font-size:1.3rem; font-weight:600;}
    .rsv.board td .detBtn{position:absolute; top:8px; left:0; width:100%;}
    .board tr:has(.no_data){border:0; padding:0 !important; width:100%;}
    .board td.no_data{ padding:0 !important;}
}
@media screen and (max-width:768px) {
	.board, .board thead, .board tbody, .board th, .board td, .board tr {display:block;}
	.board tr{float:left;width:100%;box-sizing:border-box;}
	.board th, .board td{float:left;width:100%;height:auto;box-sizing:border-box;}
	.board thead tr {position: absolute; top: -9999px; left: -9999px;}
	.board tr {position:relative; border-bottom:1px solid #e4e7ec; border-top:none;padding:10px 0;}
	.board tr:first-child {border-top:none;}
	.board tr:nth-child(even) {background-color:#f7f7f7;}	 
	.board tbody td {position:relative; border:none; text-align:left;padding:0 10px;}
	.board .num img{height:27px;}
	.board .tit {padding:0 10px; color:#000; text-align:left; font-weight: bold;}
	.board .tit a:hover{color:#1d2088 !important;}
	.board .tit a:link{color:#000;}
	.board .nodata{padding:0 10px;text-align:center;}
	.board .b_date{padding:3px 10px 0;}
	.board .b_hit, .board .b_file, .board .b_none {display:none}
  
	.board .tit{max-width:none;padding:5px 10px;}	
	.board .tit {max-width:100%;}
	.board td {font-size:1.5rem;}
	.board td:not(.num, .tit):before {display:inline-block; content: attr(data-cell-header); min-width:70px; font-size:1.3rem; font-weight:600;}
    .board td.no_data:before{display:none;}
	.no_data{text-align:center !important;}
	.drop-zone{width:99%;}

	.board *:after{content:""; display:block; clear:both;}

    .rsv.board tr{width:100%;}
    .rsv.board tr:first-child{border-top:1px solid #ccc;}
    .rsv.board tr:nth-child(even){background:#fff;}

	.tbl{font-size: 1.5rem;}
}
@media all and (max-width:425px) {
	 .board th, .board td{float:left ;clear:both; width:100%;box-sizing:border-box;}
     .rsv.board tr{padding:8px 16px; padding-bottom:42px; border-radius:12px;}
	.tbl td{font-size: 1.3rem;}
}

/*? 게시물 없음*/
.noBoard{display:flex; flex-direction:column; gap:16px; align-items:center; justify-content:center; padding:32px; border-radius:var(--border); background:#fff; color:#999; border:4px solid #f5f5f5; width:100%;}
.noBoard img{width:140px;}
@media all and (max-width:768px){
	.noBoard{padding:24px;}
	.noBoard img{width:100px;}
}




/*? 상세 */
.detPage .thead{border-top:2px solid #111;}
.detPage .thead .label,
.detPage .thead .state{display:inline-flex; align-items:center; justify-content:center; margin-bottom:8px; background:#fff; padding:4px 16px; border-radius:100px; border:1px solid #dbdbdb; color:#777; font-weight: 500; font-size: 1.4rem;}
.detPage .thead .label.ok{color:var(--color-main); border:1px solid var(--color-main);}
.detPage .thead .tit{display:flex; align-items:flex-start; justify-content:center; gap:4px; padding:24px 16px; font-size: 2.1rem; font-weight:600; border-bottom:1px solid #777; background:#f8faff;}
.detPage .thead .tit img{margin-top:6px;}
.detPage .thead .etc{display:flex; flex-wrap:wrap; border-bottom:1px solid #777;}
.detPage .thead .etc li{position:relative; display:flex; align-items:stretch; border-bottom:1px solid #ccc; width:calc(100% / 3);}
.detPage .thead .etc li.wd00{width:100%;}
.detPage .thead .etc li .em{display:inline-flex; align-items:center; justify-content:center; padding:12px 8px; font-weight:600; text-align:center; background:#f7f8fb; flex:0 0 24%; min-width:100px; max-width:120px;}
.detPage .thead .etc li .txt{display:inline-flex; align-items:center; padding:12px 8px; flex:1; }
.detPage .thead .etc li:nth-child(odd):last-of-type{border-bottom:0;}
.detPage .fileDwn{padding:16px 24px; border-bottom:1px solid #777; }
.detPage .fileDwn .box-group-area{display:flex; flex-direction: column; gap:24px;}
.detPage .fileDwn .box-group-area li{position:relative; flex-wrap:wrap; justify-content: space-between;}
.detPage .fileDwn .box-group-area li,
.detPage .fileDwn .box-group-area p{display:flex; align-items:center; gap:8px;}
.detPage .fileDwn .box-group-area li:before{content:""; position:absolute; top:-12px; left:0; width: 100%; height: 1px; background-color:#ccc;}
.detPage .fileDwn .box-group-area li:first-child:before{content:none;}
.detPage .fileDwn .box-group-area li a{display:inline-flex; align-items:center; gap:4px;}
.detPage .fileDwn .list{display:flex; flex-direction:column; gap:4px; width:100%;}
.detPage .fileDwn .list li{display:inline-flex; align-items:center; gap:8px; width:100%;}
.detPage .fileDwn .list li .micon{width:16px; height:16px; font-size: 16px; color:var(--color-main);}
.detPage .fileDwn .list li a{overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.detPage .fileDwn .list li .kb{font-size: 1.5rem; color:#666; }
.detPage .tbody{padding:32px; min-height:400px; border-bottom:1px solid #ccc;}
.detPage .tbody *{font-family: 'NSN' !important; line-height:1.7 !important; letter-spacing: -.05em !important;}
.detPage .tbody img{display:block; margin:0 auto; max-width:100%;}
.detPage .tfoot{display:flex; border-bottom:1px solid #777; min-height:150px;}
.detPage .tfoot .tit{display:inline-flex; align-items:center; justify-content:center; gap:4px;  flex:0 0 140px; background:#f9f9f9; font-size:1.8rem; font-weight:600; }
.detPage .tfoot .tit .micon{width:18px; height:18px; font-size:18px; color:var(--color-main);}
.detPage .tfoot .txtArea{display:inline-flex; justify-content:center; flex-direction:column; gap:24px; padding:32px; flex:1; }
.detPage .tfoot .txtArea .etc{display:inline-flex; align-items:center; gap:24px;}
.detPage .tfoot .txtArea .etc li{position:relative; font-size:1.5rem; color:#666;}
.detPage .tfoot .txtArea .etc li:not(:last-of-type)::before{position:absolute; content:''; right:-14px; top:50%; transform:translateY(-50%); width:2px; height:2px; border-radius:100%; background:#777; }

.detPage .prevNext > div{display:flex;align-items:center;gap:10px;padding:13px 0;height:56px;border-bottom:1px solid #dbdde3;}
.detPage .prevNext > div:last-child{border-bottom:1px solid #777;}
.detPage .prevNext > div span{display:inline-flex; align-items:center; justify-content:center; gap:8px; width:150px;padding:0 4px;color:#000;font-weight:600;text-align:center;box-sizing:border-box;}
.detPage .prevNext > div.prev .micon{transform:rotateY(180deg);}
.detPage .prevNext > div a{display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; width:calc(100% - 160px);}
.detPage .btnW{margin-top:40px;}

@media all and (max-width:1024px){
	.detPage .thead .etc li .em,
    .detPage .fileDwn .list li a{font-size:1.5rem;}
}
@media all and (max-width:768px){
	.detPage .thead .etc{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .detPage .tbody{padding:24px;}
    .detPage .fileDwn{padding:16px 24px;}
    .detPage .tfoot{flex-direction:column; min-height:auto;}
    .detPage .tfoot .tit{flex:none; padding:16px 8px; font-size:1.5rem; }
    .detPage .tfoot .txtArea{padding:24px;}
    .detPage .prevNext > div span{width:auto; padding:0 16px;}
    .detPage .prevNext > div span .micon{display:none;}
    .detPage .prevNext > div a{width:auto; flex:1; }
}
@media all and (max-width:425px){
    .detPage .thead .tit{font-size:1.9rem;}
    .detPage .fileDwn,
    .detPage .tbody,
    .detPage .tfoot .txtArea{padding:16px;}
    .detPage .btnW{margin-top:24px;}
}

/*? 서브 검색창 */
.resultFilt{display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; margin-bottom:24px;}
.resultFilt .alignBase{display:inline-flex; align-items:center; flex-wrap:wrap; gap:24px;}
.resultFilt .alignBase p:not(:first-child){position:relative;}
.resultFilt .alignBase p:not(:first-child)::before{content:'|'; color:#ccc; position:absolute; left:-13px; top:50%; transform:translateY(-50%);}
.resultFilt .alignBase .num{font-weight:600;}
.resultFilt .alignBase .num.total{font-weight:400; color:#676767;}
.resultFilt .alignBase .num.point{color:var(--color-main);}
.resultFilt .alignBase .num.current{color:var(--color-sub);}
.resultFilt .srhSort{display:inline-flex; align-items:center; flex-wrap:wrap; gap:4px;}
.resultFilt .srhSort select{min-width:100px; height:40px; border:1px solid #ccc; border-radius:4px;}
.resultFilt .srhSort .inpWrap{display:inline-flex; align-items:center; border:1px solid #ccc; border-radius:4px; height:40px; overflow:hidden;}
.resultFilt .srhSort .inpWrap .txtinp{height:100%;}
.resultFilt .srhSort .inpWrap .txtinp input[type="text"]{width:220px; height:100%; border-radius:0; border:0; padding:0 8px; }
.resultFilt .srhSort .inpWrap .search{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:var(--color-main); }
.resultFilt .srhSort .inpWrap .search i{color:#fff;}
/**예약내역 조회기간 검색*/
.rsv.resultFilt .alignBase .viewDate{font-weight:500;}
.rsv.resultFilt .alignBase .monthW{display:inline-flex; align-items:center; gap:0;border:1px solid #ccc; border-radius:4px;}
.rsv.resultFilt .alignBase .monthW.radioPills .pill {border-radius:0; height:40px; font-size:1.5rem; padding:8px 16px; border:0; background:transparent; border-right:1px solid #ccc;}
.rsv.resultFilt .alignBase .monthW.radioPills .pill:last-child{border-right:0;}
.rsv.resultFilt .srhSort input[type="date"]{padding:8px; height:40px; min-width:150px; border-radius:4px; border:1px solid #ccc; box-shadow:none; font-size: 1.5rem;}
@media all and (max-width:1280px){
    .rsv.resultFilt{display:flex; gap:8px; }
	.resultFilt .alignBase p{font-size:1.5rem;}
	.resultFilt .alignBase .num{font-size:1.5rem;}
	.resultFilt .srhSort .inpWrap .txtinp input[type="text"]{width:180px;}
}
@media all and (max-width:768px){
	.resultFilt{align-items:flex-start; flex-direction:column-reverse; gap:16px;}
    .rsv.resultFilt{flex-direction:column;}
    .rsv.resultFilt .srhSort input[type="date"]{width:143px; min-width:auto;}
}
@media all and (max-width:425px){
	.resultFilt .srhSort{width:100%;}
	.resultFilt .srhSort select{height:40px; width:100%; line-height:40px; font-size:1.5rem;}
	.resultFilt .srhSort .inpWrap{height:40px; width:100%;}
	.resultFilt .srhSort .inpWrap .txtinp{width:100%;}
	.resultFilt .srhSort .inpWrap .txtinp input[type="text"]{font-size:1.5rem; width:100%;}
	.resultFilt .srhSort .inpWrap .txtinp input[type="text"]::placeholder{font-size:1.5rem;}
	.resultFilt .srhSort .inpWrap .search{background:none; width:40px; height:40px; }
	.resultFilt .srhSort .inpWrap .search i{color:var(--color-main);}

    .rsv.resultFilt .alignBase{gap:8px; width:100%;}
    .rsv.resultFilt .alignBase .monthW{width:100%;}
    .rsv.resultFilt .alignBase .monthW.radioPills .pill{flex:1;}
    .resultFilt .srhSort{gap:8px 4px;}
    .rsv.resultFilt .srhSort input[type="date"]{width:calc(50% - 9px);}
}


/*? 페이지네이션 */
.pagination{position:relative; display:flex; align-items:center; justify-content:center; margin-top:80px; width:100%; gap:8px;}
.pagination a{text-decoration:none; border-radius:6px; transition:.3s;}
.pagination a:hover{background-color:#EDF1F5;}
.pagination .pageNavi{display:inline-flex; align-items:center; justify-content:center; min-width:60px; height:40px; color:#676767; }
.pagination .pageNavi:hover{color:#111;}
.pagination .pageNavi.prev{padding:0 8px 0 4px; }
.pagination .pageNavi.next{padding:0 4px 0 8px; }
.pagination .pageLink{display:flex; align-items:center; justify-content:center; gap:8px;}
.pagination .pageLink a{display:inline-flex; align-items:center; justify-content:center; color:#333; min-width:40px; height:40px;}
.pagination .pageLink a.active{background:var(--color-main); color:#fff; font-weight:500;}
.pagination .pageLink .linkDot{display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; }
.pagination .pageLink .linkDot i{font-size:1.9rem; color:#333; }
.pagination .pageLink .mob{display:none;}

@media all and (max-width:768px){
    .pagination{padding-top:64px;}
    .pagination .pageNavi{position:absolute; top:0; }
    .pagination .pageNavi.prev{left:50%; transform:translateX(-70px);}
    .pagination .pageNavi.next{right:50%; transform:translateX(70px);}
    .pagination .pageLink .web{display:none;}
    .pagination .pageLink .mob{display:inline-flex;}
}
@media all and (max-width:480px){
    .pagination .pageLink{gap:4px;}
    .pagination{padding-top:48px;}
    .pagination .pageLink .linkDot{min-width:24px;}
}


/*? faq*/
.faqCon{padding-top: 2.4rem;}
.faqCon .faqList{width: 100%; border:1px solid #ccc; border-radius:24px; overflow: hidden;}
.faqCon .faqList dl{display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.faqCon .faqList dt{position:relative; display: flex; align-items: center; width: 100%; border-bottom:1px solid #ccc;}
.faqCon .faqList dl:last-child dt,
.faqCon .faqList dl:last-child dd,
.faqCon .faqList dt.on{border-bottom:none;}
.faqCon .faqList dt .Q_blit{position:absolute; left: 2rem; width: 4rem; height: 4rem; text-align:center; line-height:4rem; color:#fff; font-size: 2.1rem; font-weight: 600; background-color:#ccc; border-radius:100rem; transition: 0.3s;}
.faqCon .faqList dt.on .Q_blit{background-color:var(--color-point);}
.faqCon .faqList dt a{position:relative; width: 100%; padding:3.2rem 8rem; font-size: 1.9rem;  text-decoration: none; line-height: 2.4rem; transition: 0.3s;}
.faqCon .faqList dt.on a{position:relative; color:#111; font-weight:600; transition: 0.3s;}
.faqCon .faqList dt a::after{content: ''; display: block; position: absolute; background:url("../images/common/down-arrow.svg"); top:45%; right: 3rem; width: 20px; height: 20px;}
.faqCon .faqList dt.on a::after{ content: ''; display: block; position: absolute; background:url("../images/common/down-arrow-brw.svg"); top:45%; right: 3rem; width: 20px; height: 20px;}
.faqCon .faqList dd{position:relative; display:flex; align-items: center; padding:2rem 2rem 2rem 8rem; width:100%; background-color:#f9f9f9; line-height:2.8rem; border-bottom:1px solid #ccc;} 
.faqCon .faqList dd div{width:100%; word-break: break-all;}
.faqCon .faqList dd::before{position:absolute; left: 3rem; color: var(--color-point); font-size: var(--fz-headlineS); font-weight: 600; content:"A";}
.faqCon .faqList .Q_blit::before{content:""; border:100px;}
.faqCon .faqList .Q_tit_blit {display:flex; width: 100%; line-height: 2.4rem; font-size: 1.6rem; font-weight: 400; color:#676767;}
@media all and (max-width:768px){
	.faqCon .faqList dt a{padding: 2rem 5.6rem; font-size:1.7rem; transition: 0.3s; }
	.faqCon .faqList dt a::after{right:2.5rem;}
	.faqCon .faqList dt.on a::after{right:2.5rem;}
	.faqCon .faqList dt .Q_blit{left:1rem; top:1.4rem; color:#111; background-color:#fff; transition: 0.3s;}
	.faqCon .faqList dt.on .Q_blit{color:var(--color-point); background-color:#fff; }
	.faqCon .faqList dd{padding:2rem .8rem 2rem 5.6rem;}
	.faqCon .faqList dd::before{font-weight:400; left: 2.2rem; top: 2.4rem; color:var(--color-point);}
	.faqCon .faqList .Q_tit_blit{font-size:1.rem;}
}



/*? pop */
.pop{z-index:51; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:16px; width:max-content; min-width:280px; max-width:calc(100% - 80px); overflow:hidden;}
.pop .popTop{padding:24px; padding-right:56px; border-bottom:1px solid #dbdbdb;}
.pop .popTop .tit{font-size:1.9rem; font-weight:600;}
.pop .popBody{padding:24px;}
.pop .popBody .stxt{text-align:center; font-size: 1.5rem;}
.pop .popBody .txt{font-size:1.5rem;}
.pop .popBody .center{text-align:center;}
.pop .popBody .txtBox{display:flex; flex-direction:column; gap:8px; width:100%; border-radius:8px; padding:16px; background:#f5f5f5; margin:0 auto; border:0; max-width:500px;}
.pop .btnW{margin-top:24px;}
.pop .x{position:absolute; right:16px; top:24px; }
@media all and (max-width:1024px){
    .pop{max-width:calc(100% - 64px);}
}
@media all and (max-width:425px){
    .pop{max-width:calc(100% - 48px);}
    .pop .popTop{padding:16px 24px; }
    .pop .popBody{padding:16px;}
    .pop .x{top:16px;}
}

/* =========================
   eGov ui:pagination → 새 디자인(.pagination) 호환
   적용 대상: .page_nav
========================= */

/* 컨테이너를 새 디자인처럼 */
.page_nav{
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:80px;
  width:100%;
  gap:8px;
}

/* 기본 링크/현재페이지(strong)를 pageLink의 버튼처럼 */
.page_nav a,
.page_nav strong{
  text-decoration:none;
  border-radius:6px;
  transition:.3s;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#333;
  min-width:40px;
  height:40px;
  padding:0 10px;
  background:transparent;
  border:0;
}

/* hover */
.page_nav a:hover{
  background-color:#EDF1F5;
}

/* 현재 페이지: eGov는 strong 또는 a.on 둘 다 케이스가 있음 */
.page_nav strong,
.page_nav a.on,
.page_nav a.active{
  background:var(--color-main);
  color:#fff !important;
  font-weight:500;
}

/* 처음/이전/다음/끝(아이콘 버튼) - eGov에서 흔한 클래스들 대응 */
.page_nav a.start,
.page_nav a.prev,
.page_nav a.next,
.page_nav a.end,
.page_nav a.first,
.page_nav a.last{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:60px;
  height:40px;
  color:#676767;
  padding:0 8px;
}

.page_nav a.start:hover,
.page_nav a.prev:hover,
.page_nav a.next:hover,
.page_nav a.end:hover,
.page_nav a.first:hover,
.page_nav a.last:hover{
  color:#111;
}

/* 간격 */
.page_nav a.prev,
.page_nav a.previous{
  margin-right:8px;
}
.page_nav a.next{
  margin-left:8px;
}

/* type="image"에서 <img>를 쓰면 크기 조정 */
.page_nav a img{
  width:16px;
  height:16px;
}

/* 눌림 */
.page_nav a:active{
  opacity:.8;
}

/* -------------------------
   모바일 대응 (새 디자인 규칙에 맞춤)
------------------------- */
@media all and (max-width:768px){
  .page_nav{ padding-top:64px; }

  /* 이전/다음만 위로 올리는 형태 - 실제 클래스가 prev/next일 때만 적용 */
  .page_nav a.prev,
  .page_nav a.next{
    position:absolute;
    top:0;
  }
  .page_nav a.prev{ left:50%; transform:translateX(-70px); margin-right:0; }
  .page_nav a.next{ right:50%; transform:translateX(70px); margin-left:0; }

  /* 웹 전용 번호 숨김을 하려면 클래스가 있어야 하는데,
     ui:pagination 기본 마크업엔 web/mob 클래스가 없어서
     숫자 간소화는 JS 또는 템플릿 수정이 필요합니다. */
}

@media all and (max-width:480px){
  .page_nav{ padding-top:48px; }
  .page_nav{ gap:4px; }
  .page_nav a,
  .page_nav strong{ min-width:36px; }
}