@charset "UTF-8";
/*
*   name : 반응형 css
*/

@media screen and (max-width:1200px) {
	:root {
		--size-headerH:5.2rem;
		--header-leftPadding:2rem;
		--contTabH: 4rem;
	}
	
	.cont_tab_box {display:none;}
	
	/* ----------- header ----------- */
	#header .inwrap {align-items:center;}
	#header .r {padding-right:var(--header-leftPadding);}
	#subNavi-wrap {position:fixed;top:0;right:-100%;bottom:0;height:100dvh;min-height:0;display:flex;flex-direction:column;background:#f0f5f8;}
	#left-nav {position:static;flex:1;overflow-y:auto;display:block;padding-top:0;padding-bottom:4rem;background:none;}
	#left-nav .topMenuBtn {pointer-events:auto;}
	.left-nav__btn {display:none;}
	.leftTab {display:block !important;}
	.leftTab + .leftTab {margin-top:0.5rem;}
	#leftTab-Home {display:none !important;}
	#left-nav .dep1-viwe-wrap {padding:0 2rem;pointer-events:auto;}
	#left-nav .dep1-viwe-wrap .dep1-view {width:100%;margin-left:0;height:auto;padding:1rem 1.4rem;border-radius:5px;background:#d8e0e7 !important;cursor:pointer;}
	#left-nav .dep1-viwe-wrap .dep1-view .dep1-icon {display:none;}
	#left-nav .dep1-viwe-wrap .dep1-view .dv1-tit {font-size: var(--font-d);color:#000;font-weight:500;}
	#left-nav .dep1-viwe-wrap:has(+ #gnb) .dep1-view {position:relative;}
	#left-nav .dep1-viwe-wrap:has(+ #gnb) .dep1-view:before,
	#left-nav .dep1-viwe-wrap:has(+ #gnb) .dep1-view:after {content:"";display:block;width:8px;height:2px;background:#000;position:absolute;top:50%;right:1.4rem;margin-top:-1px;}
	#left-nav .dep1-viwe-wrap:has(+ #gnb) .dep1-view:after {transform:rotate(90deg);}
	#left-nav .dep1-viwe-wrap:has(+ #gnb[style*="block"]) .dep1-view {background:var(--point-color7) !important;}
	#left-nav .dep1-viwe-wrap:has(+ #gnb[style*="block"]) .dep1-view:before  {background:#fff;}
	#left-nav .dep1-viwe-wrap:has(+ #gnb[style*="block"]) .dep1-view:after  {display:none;}
	#left-nav .dep1-viwe-wrap:has(+ #gnb[style*="block"]) .dep1-view .dv1-tit {color:#fff;}
	#left-nav .no-child .dep1-view:before,
	#left-nav .no-child .dep1-view:after {display:none !important;}
	#gnb {display:none;padding-top:0;padding-bottom:0;}
	#gnb .mn_a1 span {font-weight:500;}
	.lm-close-wrap {display:none;}
	.copyright-box {display:none;}
	#container-wrap {width:100%;}
	#header {height:auto;padding-bottom:var(--contTabH);padding-right:0;}
	#header .l {height:var(--size-headerH);position:relative;padding-right:2rem;}
	#header .comp-logo {min-width:16rem;}
	#header .gnb {display:none;}
	#header .header-utilinfo {width:100%;margin-left:auto;justify-content:flex-end;}
	#header .header-utilinfo .user-infobox {position:absolute;top:var(--size-headerH);height:var(--contTabH);left:0;width:100%;padding:0 2rem;background:rgba(255, 255, 255, 0.2);}
	#header .header-utilinfo .user-infobox .login-info {border:none;padding:0;margin-left:auto;}
	#header .header-utilinfo .user-infobox .login-info .extend-session-btn {background:var(--point-color7);color:#fff;padding:0.2rem 1.5rem;border-radius:100px;}
	#header .header-utilinfo .user-infobox .login-info .extend-session-btn span,
	#header .header-utilinfo .user-infobox .login-info .extend-session-btn:hover span {text-decoration:none;}
	#header .header-utilinfo .user-infobox .login-info .time::after {display:none;}
	#header .header-utilinfo .dark-mode {display:none;}
	
	#header .header-utilinfo .user-infobox .admin-info {}
	#header .header-utilinfo .user-infobox .admin-info:has(.rank) {display:flex;align-items:center;}
	#header .header-utilinfo .user-infobox .admin-info .rank {margin-left:1rem;}
	
	#gnb .gnb-lst {overflow-y:hidden;padding-top:0.5rem;padding-bottom:1rem;}
	#gnb .gnb-lst:has(.dep1-icon-wrap:first-child:last-child) {padding-top:0;padding-bottom:0;}
	#header .l {padding-top:0;padding-bottom:0;}
	.lm-mb-close-wrap {display:flex;align-items:center;padding:1.5rem 2rem;}
	.lm-mb-close {display:block;width:1.6rem;height:1.6rem;position:relative;}
	.lm-mb-close:before,
	.lm-mb-close:after {content:"";display:block;width:1.4rem;height:2px;background:#5d5e5f;position:absolute;top:50%;left:50%;margin:-1px 0 0 -0.7rem;}
	.lm-mb-close:before {transform:rotate(45deg);}
	.lm-mb-close:after {transform:rotate(-45deg);}
	.mb-darkmode {display:block;width:calc(100% - 4rem);margin-left:2rem;border-top:1px solid var(--border-gray);padding:1.5rem 0 2rem;}
	.mb-darkmode .dark-mode {display: flex;align-items: center;gap: 0 0.8rem;}
	.mb-darkmode .dark-mode .tit {color: #fff;font-size: var(--font-s);position: relative;font-size:0;}
	.mb-darkmode .dark-mode .tit::before {content: "";display: block;width: 1.3rem;height: 1.3rem;background: url('/share/boss/img/Layout/icon_moon.svg') no-repeat center center/100% 100%;filter:grayscale(100%) brightness(0);}
	.mb-darkmode .dark-mode .toggle {width: 3rem;height: 2rem;border: 1px solid #000;border-radius: 100px;padding: 1px 0 0 0.3rem;}
	.mb-darkmode .dark-mode .toggle .toggle-btn {width: 1.4rem;height: 1.4rem;border-radius: 50%;background-color: #000;transition: transform 0.3s ease, background-color 0.3s ease;}
	.mb-darkmode .dark-mode .toggle .toggle-btn.active {transform: translateX(0.8rem);}
	
	.mb-gnb-open {display:inline-flex;flex-direction:column;justify-content:space-between;width:1.6rem;height:1.6rem;padding:1px 0;}
	.mb-gnb-open .ico {width:100%;height:2px;background:#fff;border-radius:100px;}
	
	.mb-gnb-bg {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
	
	#subNavi-wrap {z-index:200;transition: right 0.5s;}
	.mb-gnb-bg {z-index:100;}
	
	#leftTab-Home.boss {display: block !important;}
	#leftTab-Home.boss #gnb {display: block !important;}
	#leftTab-Home.boss .dep1-viwe-wrap {display: none}
	
	.mng #left-nav .dep1-viwe-wrap .dep1-view {background:#d8ebf5;}
	#gnb {margin-top:1rem;}
	#gnb .mn_a1:before {display:none;}
	#gnb .mn_l1 .mn_a1 {min-height:0;margin:0 1rem 1rem;padding-top:0;padding-bottom:0;}
	#gnb .mn_l1 .mn_a1::after {top:0.5em;}
	#gnb .depth2 {margin-bottom:1rem;}

	
	/* ----------- footer ----------- */
	.mb-copyright {display:block;background:#f0f5f8;padding:1.2rem 2rem;font-size: var(--font-s);font-weight: 400;color: var(--font-gray);text-align:center;}
	
	
	/* ----------- main ----------- */
	#main {padding-left:2rem;padding-right:2rem;}
	.main-board {flex-wrap:wrap;gap:3rem;}
	.main-board .main-left {width:100%;}
	.main-board .main-right-wrap {width:100%;}
	.main-board .main-right {width:100%;}
	.mb_boardboxlst a {height:100%;}
	
	/* ----------- darkmode ----------- */
	.darkmode #subNavi-wrap {background:#000;}
	.darkmode #left-nav .dep1-viwe-wrap .dep1-view .dv1-tit {color:#fff;}
	.darkmode .mb-darkmode .dark-mode .toggle {border-color:#fff;}
	.darkmode .mb-darkmode .dark-mode .toggle .toggle-btn {background:#fff;}
	.darkmode .mb-darkmode .dark-mode .tit::before {filter:none;}
	.darkmode #left-nav .dep1-viwe-wrap:has(+ #gnb) .dep1-view:before,
	.darkmode #left-nav .dep1-viwe-wrap:has(+ #gnb) .dep1-view:after {background:#fff;}
	.darkmode #gnb {background:none;}
	.darkmode .mb-copyright {background:rgba(255, 255, 255, 0.2);color:#777;}
}

@media screen and (max-width:1000px) {
	/* ----------- login ----------- */
	#login_wrap {flex-wrap:wrap;height:auto;min-height:0;gap:0rem;}
	.login_cell {width:100%;height:17rem;display:flex;align-items:center;justify-content:center;background-size:cover;}
	.login_cell .login_tit_box {margin:0;}
	.login_cell .login_tit_box .login__tit {font-size:3.4rem;line-height:1.2;}
	.login_container_wrap {width:100%;padding:4rem 0;}
}

@media screen and (max-width:780px) {
	  .board-search  {padding:1rem;}
	  .board-search .search,
	  .board-search .search select, 
	  .board-search .search input,
	  .board-search .search .srcInput,
	  .board-search .search .srcInput input[type="text"] {margin:0;width:100%;}
	  .board-search:has( + .rwd-table),
	  form:has( + .rwd-table) .board-search {border-bottom:1px solid var(--border-gray);border-radius:10px;}
	  .board-search:has(~.rwd-table),
	  .board-search.rsps-tbltop {border-bottom:1px solid var(--border-gray);border-radius:10px;}
	  
	  .tbl-form colgroup {display:none;}
	  .tbl-form tr,
	  .tbl-form th,
	  .tbl-form td {display:block;width:100%;}
	  
	  .tbl01 .content-row {width:100%;}
	  .rwd-table .collapse-content  {display:block;width:100%;}
	  .rwd-table .collapse-content .rwd-label {display:none !important;}
	  
	  .rwd-table .tbl-inbtn-box {justify-content:flex-start;}
	  
	  /* ----------- main ----------- */
	  .mb_totalnum-lst > li {width:calc(33.3333% - 2rem/3);}
	  .mb_potal-numlst > li {flex:auto;width:100%;flex-direction:row;align-items:center;}
	  .mb_potal-numlst > li + li {padding-top:1rem;border-top:1px solid var(--border-gray);}
	  .mb_potal-numlst .num {margin-left:auto;padding-right:1rem;}
	  .mb_potal-numlst .line {display:none;}
	  .mb_inquiry .mb_wbox {flex:none;width:100%;} 
	  .mb_boardboxlst {flex-wrap:wrap;}
	  .mb_boardboxlst > li {flex:auto;width:calc(50% - 0.5rem);}
}

@media screen and (max-width:600px) {
	body:has(.admin-info .rank){
		--contTabH: 7rem;
	}
	
	/* ----------- main ----------- */
	.mb_result .mb_wbox {width:100%;}
	.mb_totalnum-lst > li {width:calc(50% - 0.5rem);}
	.mb_wbox {padding:2rem;}
	
	#header .header-utilinfo .user-infobox:has(.rank){gap:2rem;}
	#header .header-utilinfo .user-infobox:has(.rank) .login-info {flex:none;flex-direction:column;align-items:center;gap:0.2rem;}
	#header .header-utilinfo .user-infobox:has(.rank) .login-info .time {padding-right:0;font-size:1.3rem;}
	#header .header-utilinfo .user-infobox .admin-info:has(.rank) {display:block;}
	#header .header-utilinfo .user-infobox .admin-info .rank {margin-left:0;line-height:1;padding:0.4rem 0.8rem}
}

@media screen and (max-width:480px) {
	#header .header-utilinfo .user-infobox .admin-info:has(.rank) {display:block;}
	#header .header-utilinfo .user-infobox .admin-info .rank {margin-left:0;}
	
	/* ----------- main ----------- */
	.mb_boardboxlst > li {width:100%;}
	.mb_boardlst > li {flex-wrap:wrap;row-gap:0;}
	.mb_boardlst .r {width:100%;}
	.mb_boardlst .bad {margin-left:auto;}
	.tit-total-lst {flex-wrap:wrap;row-gap:1rem;}
}

@media screen and (max-width:400px) {
	/* ----------- main ----------- */
	.mb_totalnum-lst > li {width:100%;}
	.mb_totalnum-stit {margin-bottom:1rem;display:flex;align-items:center;gap:1rem;}
	.mb_totalnum-stit:before {margin-bottom:0;}
	.mb_totalnum-numlst {display:flex;flex-wrap:wrap;gap:1rem 2rem;}
	.mb_totalnum-numlst > li {display:block;}
}