@import url(board.css?ver=20250108);
@import url(main.css?ver=20250108);
@import url(content.css?ver=20250108);
@import url(login.css?ver=20250108);
@import url(member.css?ver=20250108);
@import url(icomoon.css?ver=20250108);

:root{
	/* calendar */
	--calendar-height:116px;	

	/* 무정차카드 */
	/********************
	01 비씨
	02 국민
	03 하나
	04 삼성
	06 신한
	07 현대
	08 롯데
	11 시티
	12 농협

	13 수협
	15 우리
	32 우체국
	44 카카오

	********************/
	--card-default-border:#8e8e8e;
	--card-default-bg:#e8e8e8;

	--card-01-border:#e83e44;
	--card-01-bg:#f8c5c7;
	--card-02-border:#766c61;
	--card-02-bg:#d6d3cf;
	--card-03-border:#009b90;
	--card-03-bg:#b2e1dd;
	--card-04-border:#0b4da2;
	--card-04-bg:#b5c9e3;
	--card-06-border:#0046ff;
	--card-06-bg:#b2c7ff;
	--card-07-border:#000;
	--card-07-bg:#b2b2b2;
	--card-08-border:#ed1b23;
	--card-08-bg:#fababd;
	--card-11-border:#004087;
	--card-11-bg:#b2c5da;
	--card-12-border:#0066b3;
	--card-12-bg:#b2d1e8;
	--card-13-border:#0e6bb0;
	--card-13-bg:#b6d2e7;
	--card-15-border:#0083cb;
	--card-15-bg:#b2daef;
	--card-32-border:e61a0f;
	--card-32-bg:#f7bab7;	
	--card-44-border:#ffe300;
	--card-44-bg:#fff7b2;
}

.layout{width:1400px; margin:0 auto;}

/************ button ************/
.basicbtn{align-items: center; justify-content: center; padding:10px 20px; transition:all 0.3s; white-space: nowrap;}
.basicbtn:last-child{margin-right: 0;}
.stateBtn{white-space: nowrap;}

.fc01{color:var(--gumi-point-color);}

.fc_classicblue{color:var(--main-color-classicblue);}
.fc_blue{color:var(--gumi-point-color);}
.fc_blue2{color:var(--gumi-point-color2);}
.fc_skyblue{color:var(--main-color-skyblue);}

.fc_mint{color:var(--main-color-mint);}
.fc_mint2{color:var(--main-color-mint2);}
.fc_mint3{color:var(--main-color-mint3);}
.fc_green{color:var(--main-color-green);}
.fc_red{color:var(--main-color-red);}
.fc_orange{color:var(--main-color-orange);}
.fc_pink{color:var(--main-color-pink);}
.fc_yellow{color:var(--main-color-yellow);}

.fc_gray03{color:var(--main-color-gray03);}
.fc_gray05{color:var(--main-color-gray05);}
.fc_gray07{color:var(--main-color-gray07);}
.fc_gray09{color:var(--main-color-gray09);}

/* 버튼종류 */
.btn-search{background:var(--gumi-point-color); color:var(--main-color-white);}/*검색 */ 
.btn-exit{background:var(--main-color-white); color:var(--main-color-black); border:1px solid var(--adm-border-color);}/*로그아웃,닫기,취소*/
.btn-submit{background:var(--gumi-point-color); color:var(--main-color-white);}/*저장,등록*/
.btn-delete{background:var(--btn-delete); color:var(--main-color-white);}/*수정,삭제*/
.btn-etc{background:var(--btn-etc); color:var(--main-color-white);}/*수납처리,추가*/
.btn-excel,
.excelBtn{background:var(--btn-excel); color:var(--main-color-white);}
.excelBtn span{margin-right:6px;}
/*.searchBtn{background:var(--point-color); color:var(--main-color-white);}
.searchBtn span{margin-right:6px;}*/


/* 상태버튼 */
.stateBtn{display:inline-block; padding:4px 10px; border-radius: 6px; margin-right:5px; background:var(--main-color-white);}
.stateBtn:last-child{margin-right:0;}
.state_type01{border:1px solid var(--point-color); color:var(--point-color);}
.state_type02{border:1px solid var(--ma in-color-gray05); color:var(--main-color-gray05);} /* 대기 */
.state_type03{border:1px solid var(--adm-btn-type03); color:var(--adm-btn-type03);}
.state_type03:hover{background:var(--adm-btn-type03); color:var(--main-color-white);}
.state_type04{border:1px solid var(--adm-btn-type04); color:var(--adm-btn-type04);}
.state_type05{border:1px solid var(--adm-btn-type05); color:var(--adm-btn-type05);}
/* size */
.basicbtn.xs{padding:2px 4px; font-size:1em;}
.input_sm,
.basicbtn.sm{padding:4px 10px; font-size:0.9em;}
.basicbtn.lg{padding:15px 60px; font-size:1.1em;}

.fileDownBtn{position:relative; padding-right:40px; margin-bottom:15px; }
.fileDownBtn:last-child{margin-bottom:0;}
.fileDownBtn:after{transition: all 0.3s; position:absolute; width:26px; height:26px; border:1px solid var(--gumi-point-color); content:''; background:var(--main-color-white) url(../img/downico.gif) no-repeat center; top:50%; right:0; transform: translateY(-50%);}
.fileDownBtn:hover:after{background:var(--gumi-point-color) url(../img/downico_on.gif) no-repeat center;  }

/* 검색창+버튼 결합 */
/*type 1 : 정보관리*/
.adm_sBx{transition:all 0.2s;position:relative; display:flex; justify-content: space-between; align-items: center; width:25%; min-width:380px; border-radius: 30px; overflow:hidden; background:var(--main-color-white); border:1px solid var(--point-color);}
.adm_sBx:hover {box-shadow: 4px 4px 10px rgba(16,90,123,0.2);}
.adm_sBx .adm_searchBtn{margin:4px; display: flex; justify-content: center; align-items: center; border-radius:50%; width:47px; height:40px; transition:all 0.3s; background:var(--point-color); color:#fff;}
.adm_sBx .adm_searchBtn i{font-size:1.25em;}
.adm_sBx .adm_searchBtn i+span{display:none; margin-left:5px; white-space: nowrap;}
.adm_sBx .adm_searchBtn:hover{width:100px; border-radius: 30px;}
.adm_sBx .adm_searchBtn:hover i+span{display:block;}
.adm_sBx input,
.adm_sBx2 input{padding:15px; width:100%; margin-left:10px; border:0;}
/*type 2 : 포탈 관리자*/
.adm_sBx2{padding-left:30px; position:relative; display:flex; justify-content: space-between; align-items: center; width:25%; min-width:380px; height:46px; border-radius: 30px; overflow:hidden; background:var(--main-color-white);}
.adm_sBx2:before{position:absolute; content:'\e905'; font-size:0.9em; font-family: 'icomoon'; left:20px; top:50%; transform:translateY(-50%); color:var(--main-color-gray05);}
.adm_sBx2 .adm_searchBtn{display: flex; align-items: center; height:100%; white-space: nowrap; padding:0 30px; background:var(--point-color); color:#fff;}
.adm_sBx2 input{width:100%; margin-left:10px;}

.inputWrap label{margin-right:10px;}


/************ common ************/
body{position:relative; font-weight:500; width:100%; font-family:'Pretendard', sans-serif;}
/*body.mainBody{height:100vh; overflow:hidden;}*/
body.mainBody:before{content:''; position:absolute; top:100px; left:7.5%; width:469px; height:385px; background: url(../img/main_bg.png) no-repeat center; animation: ani 2s infinite alternate; z-index: -1;}
body.mainBody:after{content:''; position:fixed; bottom:5%; right:0; width:612px; height:142px; background: url(../img/main_bg2.png) no-repeat center; animation: ani 3s infinite alternate; opacity: 0.1; z-index: -1;}
@keyframes ani{
   0%{transform:translate(0,0);}
   100%{transform:translate(0,50px);}
}  


.conBox{margin:10px auto 20px;}
.adm_h2{font-size:2.125em; margin-bottom: 35px;}
.adm_h3{font-size:1.3em; margin: 15px 0 10px;}
input[type="file"]{border:0!important;}
#admWrap{font-size:15px; width:100%; display:flex; flex-direction: row; position:relative;}
.bx_shadow{box-shadow: 4px 4px 10px rgba(16,90,123,0.2);}
.btnWrap{display:flex; align-items: center;}
.btn_c{justify-content: center;}
.btn_l{justify-content:flex-start;}
.btnWrap .basicbtn{margin-left:5px;}
.colorBx{width:100%; height:40px; border-radius: 3px;}

/* 폼 */
.formWrap{display:flex; justify-content: space-between ; max-height:calc(100% - 106px);}
.formWrap > ul{display:flex; width:100%; height:100%; justify-content:center;}
.formWrap > ul > li{width:100%; max-width:33.33333%; margin-right:20px; min-width:500px; padding:20px; background:var(--main-color-white); }
.formWrap > ul > li:last-child{margin-right:0;}
.formWrap > ul > li.wModal{max-width:none; background:none; padding:0;}
.formWrap > ul > li.w100 .contBx{background:var(--main-color-white); padding:20px;}
.img_box{margin:0 auto;}
.formWrap > ul > li .conBx,
.img_box img{width:100%;}
.img_box input{width:100%;}

/* radio box */
.radioBx{width: 100%; display:flex; flex-wrap:wrap; padding:10px; border-radius:5px; border: 1px dashed var(--table-border-color);}
.radioBx li{display:flex; align-items: center; width:auto; margin-right:20px;}
.radioBx input{width:auto!important;}
.radioBx li label{margin:0 0 0 3px; white-space: nowrap; font-weight:normal;}

@media print{
	.noprint{display:none;}
}

/* 공통 박스 */
[class*="bx_"]{padding:15px; border-radius: 15px; margin-bottom:20px;}
.bx_wt{background: var(--main-color-white);}
.bx_gray{border:1px solid var(--main-color-gray);} 
.cautionBx{padding:20px 15px; margin-bottom:15px; }
.cautionBx.blue{background:var(--box-blue_bg); border-left:3px solid var(--box-blue_bd);}
.cautionBx.blue a,
.cautionBx.blue strong{color:var(--box-blue_bd);}
.cautionBx.green{background:var(--box-green_bg); border-left:3px solid var(--box-green_bd);}
.cautionBx.green a,
.cautionBx.green strong{color:var(--box-green_bd);}
.cautionBx.red{background:var(--box-red_bg); border-left:3px solid var(--box-red_bd);}
.cautionBx.red a,
.cautionBx.red strong{color:var(--box-red_bd);}
.cautionBx.navy{background:var(--box-navy_bg); border-left:3px solid var(--box-navy_bd);}
.cautionBx.navy a,
.cautionBx.navy strong{color:var(--box-navy_bd);}
.bxLst li:last-child{margin-bottom:0;}
div[class*='bxLst_']{padding:10px; border-radius:10px; margin-bottom:10px;}
.bxLst_blue{background:var(--box-blue_bg); color:var(--box-blue_bd); border:1px solid var(--box-blue_bd);}
.bxLst_green{background:var(--box-green_bg); color:var(--box-green_bd); border:1px solid var(--box-green_bd);}
.bxLst_red{background:var(--box-red_bg); color:var(--box-red_bd); border:1px solid var(--box-red_bd);}
.bxLst_navy{background:var(--box-navy_bg); color:var(--box-navy_bd); border:1px solid var(--box-navy_bd);}

.w33{width:calc(33.333% - 5px);}
.w40{width:calc(40% - 5px);}
.w25{width:calc(25% - 5px);}
.w20{width:calc(20% - 5px);}
.w50{width:calc(50% - 5px);}

/* list */
.conLst{margin:0 0 10px 0;}
.conLst > li{position:relative; margin:0 0 8px;}
.conLst > li > .conLst2{margin:5px 0 0 10px; }
.conLst > li > .conLst2 > li{position:relative; padding-left:10px; color:var(--main-color-gray03);}
.conLst > li > .conLst2 > li:before{position:absolute; content:'-'; left:0; top:0px; }
.conLst li table{margin-top:10px;}

/* 형광펜 효과 */
.highlighter{position:relative; display:inline-block; font-size:1.6em; letter-spacing: -0.05em; z-index: 10; margin:0 5px;}
.highlighter:after{position:absolute; content:''; bottom:-6px; left:50%; transform: translateX(-50%); width:calc(100% + 5px); height:12px; z-index: -1; opacity:0.2;}
.highlighter.hl_blue{color: var(--highlighter-blue);}
.highlighter.hl_blue:after{background: var(--highlighter-blue);}
.highlighter.hl_yellow{color: var(--highlighter-yellow);}
.highlighter.hl_yellow:after{background: var(--highlighter-yellow);}
.highlighter.hl_red{color: var(--highlighter-pink);}
.highlighter.hl_red:after{background: var(--highlighter-pink);}
.highlighter.hl_green{color: var(--highlighter-green);}
.highlighter.hl_green:after{background: var(--highlighter-green);}

/* nav */
.aside{position:fixed; width:270px;}
.aside h1{width: 100%; margin:20px auto;}
.aside h1 a{display:block; width:146px; margin:0 auto;}
.aside h1 a img{width:100%;}
.aside .admNav{ box-shadow: -6px 1px 20px 8px rgba(16,90,123,0.15);; border-radius: 0 20px 0 0; background: var(--main-color-white); min-height: calc(100vh - 52px);}
.aside .admNav .userBx{display:flex; align-items: center; justify-content: space-between;  padding:20px; border-bottom:1px solid var(--adm-border-color2); }
.aside .admNav .userBx .btn_logout{display:flex; align-items: center; padding:5px 7px 5px 30px; background:url(../img/logout.gif) no-repeat 10px 50%; color:var(--adm-lightgray);}
.aside .admNav .userBx .btn_logout:hover{border:1px solid var(--adm-lightgray);}
.aside .adm_name{white-space: nowrap;}
.aside .admNav ul{overflow:auto; display:flex; flex-direction: column; padding:10px 15px; }
.aside .admNav > ul li a{display:block;}
.aside .admNav > ul > li{margin-bottom:5px;}
.aside .admNav > ul > li > .nav_button{display:block; position:relative; padding:13px 36px 13px 50px;}
.aside .admNav > ul > li > .nav_button:before{position:absolute; content:''; top:50%; left:15px; width: 24px; height: 28px; background-size:contain; transform: translateY(-50%);}
.aside .admNav > ul > li.nav_ico1 > .nav_button:before{background:url(../img/nav_ico1.png) no-repeat;}
.aside .admNav > ul > li.nav_ico2 > .nav_button:before{background:url(../img/nav_ico2.png) no-repeat;}
.aside .admNav > ul > li.nav_ico3 > .nav_button:before{background:url(../img/nav_ico3.png) no-repeat;}
.aside .admNav > ul > li.nav_ico4 > .nav_button:before{background:url(../img/nav_ico4.png) no-repeat;}
.aside .admNav > ul > li.nav_ico5 > .nav_button:before{background:url(../img/nav_ico5.png) no-repeat;}
.aside .admNav > ul > li.nav_ico6 > .nav_button:before{background:url(../img/nav_ico6.png) no-repeat;}
.aside .admNav > ul > li.nav_ico7 > .nav_button:before{background:url(../img/nav_ico7.png) no-repeat;}
.aside .admNav > ul > li.nav_ico8 > .nav_button:before{background:url(../img/nav_ico8.png) no-repeat;}
.aside .admNav > ul > li.nav_ico9 > .nav_button:before{background:url(../img/nav_ico9.png) no-repeat;}
.aside .admNav > ul > li.nav_ico10 > .nav_button:before{background:url(../img/nav_ico10.png) no-repeat;}
.aside .admNav > ul > li.nav_ico11 > .nav_button:before{background:url(../img/nav_ico11.png) no-repeat;}
.aside .admNav > ul > li.nav_ico12 > .nav_button:before{background:url(../img/nav_ico12.png) no-repeat;}
.aside .admNav > ul > li.nav_ico1.on > .nav_button:before{background:url(../img/nav_ico1_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico2.on > .nav_button:before{background:url(../img/nav_ico2_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico3.on > .nav_button:before{background:url(../img/nav_ico3_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico4.on > .nav_button:before{background:url(../img/nav_ico4_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico5.on > .nav_button:before{background:url(../img/nav_ico5_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico6.on > .nav_button:before{background:url(../img/nav_ico6_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico7.on > .nav_button:before{background:url(../img/nav_ico7_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico8.on > .nav_button:before{background:url(../img/nav_ico8_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico9.on > .nav_button:before{background:url(../img/nav_ico9_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico10.on > .nav_button:before{background:url(../img/nav_ico10_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico11.on > .nav_button:before{background:url(../img/nav_ico11_on.png) no-repeat;}
.aside .admNav > ul > li.nav_ico12.on > .nav_button:before{background:url(../img/nav_ico12_on.png) no-repeat;}
.aside .admNav > ul > li > .nav_button:hover{cursor: pointer;}
.aside .admNav > ul > li.nav_ico1.on > .nav_button:after,
.aside .admNav > ul > li.nav_ico8.on > .nav_button:after,
.aside .admNav > ul > li.nav_ico10.on > .nav_button:after{transform: translateY(-50%) rotate(90deg); right:10px;}
.aside .admNav > ul > li.on{position:relative;}
.aside .admNav > ul > li.on > .nav_button{background:var(--adm-nav-on-bg); border-radius: 5px; color:var(--main-color-white); font-weight:600; border-radius: 10px 10px 0 0;}
.aside .admNav > ul > li.on > .nav_button:after{position:absolute; content:''; width:20px; height:20px; top: 50%; right:10px; border-radius: 5px; background:url(../img/nav_depth01.png); transform: translateY(-50%); }
.aside .admNav > ul > li > .nav_button{font-size:1.133em;}
.aside .admNav > ul > li > a{font-size:1em;}
.aside .admNav > ul > li > ul.depth-01 > li > a{position:relative; padding:5px 10px 5px 12px; font-size:1em;}
.aside .admNav > ul > li > ul.depth-01 > li > a:before{position:absolute; top:50%; left:0; width:4px; height:4px; transform:translateY(-50%); border-radius: 50%; background:var(--adm-depth2-bullet); content:''; }
.aside .admNav > ul > li > ul.depth-01 > li:hover > a{color:var(--point-color);}
.aside .admNav > ul > li > ul.depth-01 > li:hover > a:before{background:var(--point-color);}
.aside .admNav > ul > li > ul.depth-01 > li.on a{color:var(--point-color); font-weight:600;}
.aside .admNav > ul > li > ul.depth-01{display:none; border:1px solid var(--adm-border-color2); border-radius: 0 0 10px 10px;} 
.aside .admNav > ul > li.on > ul.depth-01{display:block;} 
.aside .admNav > ul > li.nav_ico1.on > .nav_button,
.aside .admNav > ul > li.nav_ico8.on > .nav_button,
.aside .admNav > ul > li.nav_ico10.on > .nav_button{border-radius: 10px;}

/* 내용 */
.adm_container{position:absolute; margin-top:30px; left:270px; padding:40px; width:calc(100% - 270px);}
.adm_container .top .blueBtn{min-width:100px;}
.adm_container .userBx p,
.adm_container .userBx a{display:inline-block;}
.adm_container .userBx .user{font-size:1em; color:var(--main-color-gray05);}
.adm_container .userBx .user strong{margin-left:10px; color:var(--main-color-black);}
.adm_container .userBx .basicbtn{margin-left:30px;}
.adm_content .adm_top{display: flex; align-items: flex-start; flex-direction: column;}
.adm_content .adm_top .pageLocation{display:flex; margin-top:10px}
.adm_content .adm_top .pageLocation li{position:relative; padding-right:18px; margin-right:10px; color:var(--main-color-gray05); font-size:1em;}
.adm_content .adm_top .pageLocation li:after{content:''; position:absolute; right:0; top:50%; transform: translateY(-50%); width: 6px; height: 13px;background:url(../img/bread_bar.gif) no-repeat center;}
.adm_content .adm_top .pageLocation li:last-child{padding-right:0; margin-right:0;}
.adm_content .adm_top .pageLocation li:last-child strong{font-weight:normal; color:var(--point-color);}
.adm_content .adm_top .pageLocation li:last-child:after{display:none;}
.adm_content .adm_top .adm_h2{margin-top:15px;}
.adm_content .adm_searchBx,
.adm_content .adm_searchBx .top{margin-bottom:20px;}
.adm_content .adm_searchBx .top{display:flex; justify-content: space-between; align-items: center;}
.adm_content .adm_searchBx .top .adm_sBx{transition:all 0.2s;position:relative; display:flex; justify-content: space-between; align-items: center; width:25%; min-width:380px; border-radius: 30px; overflow:hidden; background:var(--main-color-white); border:1px solid var(--point-color);}
.adm_content .adm_searchBx .top .adm_sBx:hover {box-shadow: 4px 4px 10px rgba(16,90,123,0.2);}
.adm_content .adm_searchBx .top .adm_sBx .adm_searchBtn{margin:4px; display: flex; justify-content: center; align-items: center; border-radius:50%; width:47px; height:40px; transition:all 0.3s; background:var(--point-color); color:#fff;}
.adm_content .adm_searchBx .top .adm_sBx .adm_searchBtn i{font-size:1.25em;}
.adm_content .adm_searchBx .top .adm_sBx .adm_searchBtn i+span{display:none; margin-left:5px; white-space: nowrap;}
.adm_content .adm_searchBx .top .adm_sBx .adm_searchBtn:hover{width:100px; border-radius: 30px;}
.adm_content .adm_searchBx .top .adm_sBx .adm_searchBtn:hover i+span{display:block;}
.adm_content .adm_searchBx .top .adm_sBx input{padding:15px; width:100%; margin-left:10px;}
.adm_content .adm_searchBx .top .btnBx{display:flex; }
.adm_content .adm_searchBx .top .btnBx .blueBtn{margin-right:5px;}
.adm_content .adm_tblBx .listOption{margin-bottom:20px;}
.adm_content .adm_tblBx .listOption label{margin-right:10px; font-weight:600;}


.sBtn_mob .filter_btn:before{transform: translateY(-50%); transition: all 0.3s;}
.sBtn_mob .filter_btn.sfBtnOn:before{transform: translateY(-50%) rotate(180deg);}

.adm_content .adm_tblBx table.adm_table tbody tr:hover td{background:var(--table_hover);}
#admWrap table.adm_table .adm_select{padding:5px 28px 5px 5px;}
.dateBx{display:flex; width:100%; align-items: center;}

.walletEdit span{display:inline-block; margin-right:10px;}

.longTxt{max-width:120px; margin:0 auto; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; word-break: break-all;}

/* 게시판 페이징*/
.adm_paging{display:flex; justify-content: center; margin-top:10px;}
.adm_paging .pageFirst i{background:url(../img/arrow_first.gif) no-repeat center; background-size:28%;}
.adm_paging .pagePre i{background:url(../img/arrow_pre.gif) no-repeat center; background-size:20%;}
.adm_paging .pageNext i{background:url(../img/arrow_next.gif) no-repeat center;background-size:20%;}
.adm_paging .pageLast i{background:url(../img/arrow_last.gif) no-repeat center; background-size:28%;}
.adm_paging a{display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border:0; background:none;}
.adm_paging a i{display: block; width: 100%; height: 100%; color:var(--main-color-gray05); font-size:0.8em;}
.adm_paging .pages{display:flex; margin:0 5px;}
.adm_paging .pages a{margin:0; color:var(--main-color-gray05);}
.adm_paging .pages a.on{background:var(--point-color); border-radius: 50%; border:0; color:var(--main-color-white);}

/* modal */
.modalH3{font-size:1.75em; margin-right:10px;}
.modalH4{font-size:1.3em; margin-bottom:20px; font-weight:600;}
.modalH5{font-size:1.125em; font-weight:600; margin-bottom:10px;}
.modalH4 + .conBx{width:100%;}
.modalBox{position:fixed; visibility:hidden; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10000;}
.modalBox .modalCont{transition: all 0.5s ease-in-out; min-width: 30%; max-width:calc(100% - 40px); max-height: calc(100vh - 40px); border-radius: 10px; position: absolute; left: 50%; top: 50%; background: var(--main-color-white); transform: translate(-50%, -50%) scale(0);}
.modalCont input, .modalCont select, .modalCont textarea{border: 1px solid var(--table-border-color)!important;}

/*모달 보일 때*/
.showBG{visibility:visible;}
.show{transform: translate(-50%, -50%) scale(1.0)!important;}
.modalBox .radioBx{width: 100%; display:flex; flex-wrap: wrap; padding:10px; border-radius:5px; border: 1px dashed var(--table-border-color);}
.modalBox .radioBx li{display:flex; align-items: center; width:auto; margin-right:20px;}

.modalBox .radioBx input{width:auto!important;}
.modalBox .radioBx li label{margin:0 0 0 5px; white-space: nowrap; font-weight:normal;}

/*모달 보일 때*/
#admWrap .modalBox input{border:1px solid var(--table-border-color);}
.modalTop{display:flex; width:100%; padding:15px 20px; align-items: center; justify-content: space-between;  background:var(--bg-color); z-index:1000; border-bottom:1px solid var(--main-color-gray); border-radius: 15px 15px 0 0;}
.modalTop .modalTit{display:flex; align-items: center;}
.modalTop .modalTit h3{color:var(--main-color-black);}
.modalBot{display:flex; flex-direction:column; padding:15px 20px; background:var(--bg-color); overflow:auto; max-height:85vh;}
.modalBot > ul.modalItem > li .conBx,
.img_box img,
.img_box input{width:100%;}

/* 인풋창 */
.form-row{margin-bottom:20px; display:flex; width:100%; justify-content: space-between;}
.form-row > li{width:100%; margin-right:10px;}
.form-row > li:last-child{margin-right:0px;}
.form-row label{font-weight:600; display:block; margin-bottom:5px;}
.form-row .input-group{display:flex;  justify-content: space-between; align-items: center; width:100%;}
.form-row .input-group input{width:calc(100% - 20px);}
.form-row .input-group span{width:15px; color:var(--main-color-gray05);}
.form-row input,
.form-row select,
.form-row textarea{width:100%;}

/* 버튼 갯수 상관없이 배치가능 */
.m_btnGroup{display:flex; align-items:center; justify-content: space-between;}
.m_btnGroup a{width:100%; margin-right:10px;}
.m_btnGroup a:last-child{margin-right:0;}

/* 모달창 - 정산내역 정보 조회 같은 스타일 */
.modalBot > ul.modalLg{min-width:830px;}
.modalItem{display:flex; flex-direction:column;}
.modalItem > li{ padding:15px; margin-bottom:15px; border-radius: 10px; background:var(--main-color-white);}


.md_infoBx{display:flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding:10px; border-radius: 5px; margin-bottom:20px; border: 1px dashed var(--table-border-color);}
.md_infoBx span{width:100%;}
.md_infoBx .basicbtn{margin-top:5px;}

/* 기간 input */
.periodBx{display:flex; justify-content: space-between; align-items: center;}
.periodBx input{width:calc(50% - 15px);}
.modalBox .btnBx{display:flex; justify-content: center;}
.modalBox .btnBx a{margin-right:10px;}
.modalBox .btnBx a:last-child{margin-right:0;}
.modalBox .table_scroll{height:180px; margin-bottom:20px; overflow: auto;}
.modalBox .table_scroll table th,
.modalBox .table_scroll table td{white-space:nowrap;}
.extraBx{display:flex; flex-direction: column;}
.modalBox textarea{border:1px solid var(--adm-border-color);} 


/* 첨부파일 추가 */
.fileWrap{width:100%;}
.fileWrap .fileUploadBox{width:100%; margin-top:15px; }
.fileWrap .fileUploadBox .tit{display:flex; justify-content: space-between;	align-items: center; width:100%;}
.fileWrap .fileUploadBox .tit span{font-weight: 600; display: block; }
.fileWrap .uploadList{margin-top:10px;}
.fileWrap .uploadList .fileItem{display:flex; align-items: center; padding:10px; margin-bottom:10px; border:1px solid var(--table-border-color);}
.fileWrap .uploadList .fileItem input{padding:0;}
.fileWrap .uploadList .fileItem a{white-space: nowrap;}

.fileNameLst{display:flex; flex-direction: column; margin:10px 0; border-top:1px solid var(--table-border-color);  border-bottom:1px solid var(--table-border-color);}
.fileNameLst li{padding: 6px 0; display: flex; align-items: center; border-bottom: 1px dashed var(--table-border-color); justify-content: space-between;}
.fileNameLst li:last-child{border-bottom: 0;}
.fileNameLst li div{position:relative; padding-left:7px;}
.fileNameLst li div:before{position:absolute; top:12px; left:0; content:''; background:var(--main-color-black); width:2px; height:2px;}

.form_checkList{display:grid; padding:15px; gap:10px; grid-template-columns: 1fr 1fr 1fr; border-radius: 5px; border: 1px solid var(--table-border-color);}
.form_checkList li{display:flex; align-items: center;}
.form_checkList label{font-weight:normal; margin-bottom:0;}
.form_checkList input[type="checkbox"]{width:15px; height:15px; margin-right:5px;}
.form_checkList input[type="checkbox"]:before, 
.form_checkList input[type="checkbox"]:checked::after{font-size:0.9em; font-family:'icomoon';}
.form_checkList input[type="checkbox"]:checked{background: var(--point-color);}


/* switch */
.switchWrap{display:flex;}
.switchWrap .switchBox{margin-right:20px; display:flex;}
.toggleSwitch {width: 50px; margin:0 0 0 10px; height: 24px; display: block; position: relative; border-radius: 30px; cursor: pointer;     border: 1px solid var(--main-color-gray05); transition: all 0.3s;}
.toggleSwitch .toggleButton {width: 18px; height: 18px; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); border-radius: 50%; background: var(--main-color-gray05); }
.toggleSwitch.yn_active {background: var(--point-color) !important; border:1px solid var(--point-color); }
.toggleSwitch.yn_active .toggleButton {left: calc(100% - 23px); background: var(--main-color-white) !important;}
.toggleSwitch, .toggleButton {transition: all 0.2s ease-in;}

/* 모달창 두개 배치하는 레이아웃 */
.itemBx{display:flex;}
.itemBx .items{margin-right:40px; width:100%; min-width:290px;}
.itemBx .items:last-child{margin-right:0;}
.nobd{border:0; padding:0; margin-top:10px;}

/* 마우스오버시 나오는 툴팁 */
.tooltip { position: relative; display: inline-block; }
.tooltip a{margin:0!important;}
.tooltip .tooltip_content {min-width: 130px; max-width: 200px; font-size:0.9em; visibility: hidden; background:var(--point-color); padding: 6px; color: var(--main-color-white); text-align: center;position: absolute; z-index: 10;  border-radius: 10px; word-break: keep-all;}
.tooltip .tooltip_content:after {content:'';  position: absolute; }
.tooltip:hover .tooltip_content { visibility: visible; }
/* 위로 나오는 툴팁 */
.tooltip.tt_top .tooltip_content{bottom:calc(100% + 10px); left: 50%; transform: translateX(-50%);} 
.tooltip.tt_top .tooltip_content:after{top: 100%; left: 50%; transform: translateX(-50%); border-width: 5px; border-style: solid; border-color: var(--point-color) transparent transparent transparent; } 
/* 오른쪽에서 나오는 툴팁 */
.tooltip.tt_right .tooltip_content{ top:50%; transform: translateY(-50%); left: calc(100% + 10px); }
.tooltip.tt_right .tooltip_content:after{top:50%; left: -10px; transform: translateY(-50%); border-width: 5px; border-style: solid; border-color:  transparent var(--point-color) transparent transparent; } 
/* 밑으로 나오는 툴팁 */
.tooltip.tt_bot .tooltip_content{min-width: 150px; top:calc(100% + 10px); left: 50%; transform: translateX(-50%);} 
.tooltip.tt_bot .tooltip_content:after{bottom: 100%; left: 50%; transform: translateX(-50%); border-width: 5px; border-style: solid; border-color:  transparent transparent var(--point-color) transparent; } 

/* 검색 리스트 추가 */
.s_userLst{margin-top:5px;display:flex; flex-direction:column; border:1px solid var(--table-border-color); border-radius: 5px;}
.s_userLst > li{transition:background 0.3s; padding:8px 10px; display:flex; justify-content: space-between; align-items: center; border-bottom:1px dashed var(--table-border-color);}
.s_userLst > li:hover{cursor:pointer; background:var(--adm-nav-on-bg);}
.s_userLst > li:last-child{border-bottom:0;}
.s_userLst .s_userInfo{display:flex; flex-direction: row; flex-wrap: wrap; }
.s_userLst .s_userInfo li,
.s_userLst .stateBtn{font-size:0.9em;}
.s_userLst .s_userInfo li{position:relative; padding-right:7px; width:auto; margin-right:7px;}
.s_userLst .s_userInfo li:before{position:absolute; top:50%; right:0; transform: translateY(-50%); width:1px; height:13px; background:var(--main-color-gray); content: '';}
.s_userLst .s_userInfo li:last-child:before{display:none;}
.s_userLst .s_userInfo li span{white-space: nowrap;}

/* 인풋이랑 버튼 같이 있을때 */
.input_Btn_Bx{display:flex; justify-content: space-between; align-items: center;}
.input_Btn_Bx input{width:calc(80% - 5px);}
.input_Btn_Bx .basicbtn{width:20%;}

.mob_use,
.modalBot .tabTit{display:none;}
.pc_use{display:block;}

/* 배치 */
.row{display:flex; }
.row > *{width:100%; max-width:100%;}
.row-cols-2{flex-wrap: wrap;}
.row-cols-2 > *{width:50%;}
.col{flex: 1 0 0%;}


/* 탭메뉴 */
.tabContent{display:none;}
.tabContent.on{display:block;}


/* 슬라이드 */

.qa_li .question{padding:15px; display: flex; align-items: center;}
.qa_li .question:hover{cursor: pointer;}
.qa_li .question .tit{font-size:1.125em; font-weight:bold;}
.qa_li .answer{display:none; padding:15px;}
.qa_li.open .answer{display:block;}
.qa_li .answer .checkList li{margin-bottom:5px;}
.qa_li .answer .checkList li label{color:var(--main-color-lightgray);}
.qa_li .question .iconDiv .icon-arrow{transition: all 0.3s;}
.qa_li.open .question .iconDiv .icon-arrow{transform: rotate(180deg);}
.dropdown_02 .qa_li{margin-bottom:10px;}
.dropdown_02 .qa_li .question{display:flex; justify-content: space-between; align-items: center; background:var(--adm-border-color2); border-radius: 10px; transition:all 0.3s;}
.dropdown_02 .qa_li.open .question{border-radius: 10px 10px 0 0;}
.dropdown_02 .qa_li .question .iconDiv{display:flex; justify-content: center; align-items: center; width: 24px; height: 24px; background:rgba(0,0,0,0.6); border-radius: 3px;}
.dropdown_02 .qa_li .answer{border:1px solid var(--adm-border-color2); background:var(--main-color-white); border-radius: 0 0 10px 10px;}
.dropdown_02 .qa_li .answer .checkList{display:flex; flex-wrap:wrap;}
.dropdown_02 .qa_li .answer .checkList li{margin-right:20px;}

/* 전광판 */
.displayBx{display:grid; width:100%; grid-template-columns: 1fr 1fr 1fr 1fr; gap:20px;}
.displayBx > li{background:var(--main-color-white); border:1px solid var(--adm-border-color2); border-radius: 10px;}
.displayBx > li .d_tit,
.displayBx > li .d_cont{padding:15px;}
.displayBx > li .d_tit{display:flex; justify-content: space-between; align-items: center;border-bottom:1px solid var(--adm-border-color2); }
.displayBx > li .tit_bx{margin-right:10px; }
.displayBx > li .tit_bx strong{ font-size:1.125em; }
.displayBx > li .tit_bx p{color:var(--main-color-gray06);}
.displayBx > li .d_cont .d_led{background:var(--main-color-black); border-radius: 5px; padding:5px;}
.displayBx > li .d_cont .d_led .led_txt{position:relative; background:var(--main-color-gray01); border:1px solid var(--main-color-gray04); border-radius: 3px; text-align: center; line-height:100%; font-size:2.8em; padding:10px; font-weight:bold;}
.led_txt.red{color:var(--rgb-red);}
.led_txt.yellow{color:var(--rgb-yellow);}
.led_txt.green{color:var(--rgb-green);}
.led_txt.blue{color:var(--rgb-blue);}
.led_txt.skyblue{color:var(--rgb-skyblue);}
.led_txt.purple{color:var(--rgb-purple);}
.led_txt.white{color:var(--main-color-white);}
.displayBx > li .d_cont .d_led .led_txt:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/LED_pattern.gif); }
.displayBx > li .d_cont .d_color{margin:15px 0; display:flex; flex-wrap: nowrap; justify-content: center;}
.displayBx > li .d_cont .d_color li{width:30px; height:30px; margin-right:5px; border-radius: 3px; border:1px solid var(--main-color-black);}
.displayBx > li .d_cont .d_color li:last-child{margin-right:0;}
.displayBx > li .d_cont .d_color li.red{background:var(--rgb-red);}
.displayBx > li .d_cont .d_color li.yellow{background:var(--rgb-yellow);}
.displayBx > li .d_cont .d_color li.green{background:var(--rgb-green);}
.displayBx > li .d_cont .d_color li.blue{background:var(--rgb-blue);}
.displayBx > li .d_cont .d_color li.skyblue{background:var(--rgb-skyblue);}
.displayBx > li .d_cont .d_color li.purple{background:var(--rgb-purple);}
.displayBx > li .d_cont .d_color li.white{background:var(--main-color-white);}
.displayBx > li .d_cont .d_color li.on{position:relative;border:2px solid var(--main-color-black);}
.displayBx > li .d_cont .d_color li.on:before{content:''; width: 13px; height: 10px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:url(../img/color_check.png) no-repeat;}
.displayBx > li .d_cont input{width:100%; }

/* 본문 바로가기 */
.skip{position:fixed; z-index: 100000; width:100%;}
.skip a{display:block; height: 30px; line-height:30px; top: -30px; left:0; background:var(--point-color); color:var(--main-color-white); width: 100%; text-align: center; opacity: 0;}


/**************** 헤더 ****************/
#header.header_type03{width:100%; z-index:10000; transition: position 0.3s; /*background:var(--gumi-header-color);*/}
#header.header_type03 .layout{ display:flex; justify-content: space-between; align-items: center; }
#header.header_type03 h1{max-width:250px;}
#header.header_type03 h1 a{display:inline-block;}
#header.header_type03 h1 a img{width:100%;}
#header.header_type03 .gnb{display:flex;}
#header.header_type03 .gnb > li{position:relative; margin-right:10px; }
#header.header_type03 .gnb > li > a{padding:0 40px; display:inline-block; line-height:90px; font-size:1.188em; font-weight:bold;}
#header.header_type03 .gnb > li .depth-1{display:none; position:absolute; width:100%; padding:15px; background:var(--point-color);}
/*#header.header_type03 .gnb > li:hover .depth-1{display:block;}*/
#header.header_type03 .gnb > li.on > a,
#header.header_type03 .gnb > li:hover > a{background:var(--point-color); color:var(--main-color-white);}
#header.header_type03 .gnb .depth-1 li{width:100%;  text-align: center;}
#header.header_type03 .gnb .depth-1 li a{position:relative; display:inline-block; padding:3px 0; margin-bottom:10px; color:rgba(255,255,255,0.8); }
#header.header_type03 .gnb .depth-1 li a:after{position:absolute; content:''; bottom:2px; left:0; width:0; height:1px; background:rgba(255,255,255,0.8); transition: all 0.3s; } 
#header.header_type03 .gnb .depth-1 li:hover a:after{width:100%;}
#header.header_type03 .gnb .depth-1 li:hover a{color:var(--main-color-white);  }
#header.header_type03 .util{display:flex; align-items: center;}
#header.header_type03 .util [class*="util_"]{width:90px; height:90px; padding:20px 0; transition: all 0.3s;}
#header.header_type03 .util [class*="util_"]:hover{cursor: pointer;}
#header.header_type03 .util .util_login{background: url(../img/loginBtn.png) no-repeat 50% 20px; color: var(--main-color-black);}
#header.header_type03 .util .util_login:hover{background: url(../img/loginBtn_on.png) no-repeat 50% 20px; color: var(--gumi-point-color);}
#header.header_type03 .util .util_logout{background:url(../img/logoutBtn.png) no-repeat 50% 20px; color:var(--main-color-black);}
#header.header_type03 .util .util_logout:hover{background:url(../img/logoutBtn_on.png) no-repeat 50% 20px; color:var(--gumi-point-color);}
#header.header_type03 .util .util_menu{background:url(../img/totalmenu.gif) no-repeat 50% 20px; color:var(--main-color-black);}
#header.header_type03 .util .util_menu:hover{background:url(../img/totalmenu_on.gif) no-repeat 50% 20px; color:var(--gumi-point-color);}

#header.header_type03 .util [class*="util_"] a,
#header.header_type03 .util [class*="util_"] span{display:flex; padding-top:30px; justify-content: center; font-size:0.9em;}
#header.header_type03 .gnb a{ white-space:nowrap;}
.totalMenu{visibility: hidden; position:fixed; top:0; right:-30%; width:30%; height:100vh; padding:30px; background:var(--main-color-white); z-index:10000; transition: all 0.5s ease-in-out; box-shadow: -10px 10px 20px rgba(0,0,0,0.2);}
.totalMenu.on{visibility: visible; right:0;}
.totalMenu .tt_top{display:flex; align-items: center; justify-content: space-between; padding-bottom:40px;}
.totalMenu .tt_top img{max-width:250px;}
.tt_closeBtn {position:relative; width:50px; height: 50px; background:url(../img/closeBtn.gif) no-repeat; transition: all 0.3s;}
.tt_closeBtn:hover{cursor: pointer;}

.totalMenu .tt_bot{max-height:calc(100% - 100px); overflow-y:auto; border-top:1px solid var(--main-color-black); border-bottom:1px solid var(--main-color-black);}
.totalMenu .tt_bot > li{position:relative;}
.totalMenu .tt_bot > li > a{position:relative; padding:20px 45px; display:inline-block; width:100%; font-size:2.5em; line-height:1.2em;font-weight:bold;  border-top:1px solid var(--main-color-black);  z-index:10;}
.totalMenu .tt_bot > li:first-child > a{border-top:0;}
.totalMenu .tt_bot > li > a:before{position:absolute; top:20px; left:15px; color:var(--main-color-gray); font-size:1rem; line-height: 1rem; font-weight:bold; z-index: 100;}
.totalMenu .tt_bot > li:nth-of-type(1) > a:before{content:'01';}
.totalMenu .tt_bot > li:nth-of-type(2) > a:before{content:'02';}
.totalMenu .tt_bot > li:nth-of-type(3) > a:before{content:'03';}
.totalMenu .tt_bot > li:nth-of-type(4) > a:before{content:'04';}
.totalMenu .tt_bot > li:nth-of-type(5) > a:before{content:'05';}
.totalMenu .tt_bot > li:nth-of-type(6) > a:before{content:'06';}
.totalMenu .tt_bot > li > a:after{position:absolute; top:50%; right:20px; transform: translateY(-50%); background:url(../img/arrow_black.png) no-repeat center; width: 18px; height: 12px; content:''; transition:all 0.3s;}
.totalMenu .tt_bot > li.on > a{border-bottom:1px solid var(--main-color-lightergray);}
.totalMenu .tt_bot > li.on > a{color:var(--gumi-point-color);}
.totalMenu .tt_bot > li.on > a:after{transform:translateY(-50%) rotate(180deg);}
.totalMenu .tt_bot > li >.depth-1{display:none; padding:10px 0; }
.totalMenu .tt_bot > li >.depth-1 li{width:100%; padding:10px 20px;}
.totalMenu .tt_bot > li >.depth-1 li a{position:relative; display:inline-block;  font-size:1.125em; transition: all 0.3s;}
.totalMenu .tt_bot > li >.depth-1 li a:after{position:absolute; bottom:0; left:0; content:''; width:0; height:1px; background:var(--gumi-point-color);  transition: all 0.3s;}
.totalMenu .tt_bot > li >.depth-1 li:hover a{color:var(--gumi-point-color);}
.totalMenu .tt_bot > li >.depth-1 li:hover a:after{width:100%;}
.totalMenu .tt_bot::-webkit-scrollbar{width:5px; height:5px;}
.totalMenu .tt_bot::-webkit-scrollbar-thumb{background:var(--main-color-gray03);}
.totalMenu .tt_bot::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);}

/**************** 푸터 ****************/

/**************** 푸터 ****************/
#footer{width:100%; margin-top:20px; padding:20px 0 40px; border-top:1px solid var(--table-border-color);}
#footer .layout{display:flex; justify-content: space-between;}
#footer .layout .siteName{font-size:1.188em; font-weight:bold;}
#footer .layout .address{width:calc(100% - 200px);font-style:normal;}
#footer .layout .address ul{display:flex; flex-wrap: wrap; margin-bottom:15px;}
#footer .layout .address ul li{margin-right:60px; margin-bottom:5px;}
#footer .layout .address ul li:last-child{margin-right:0;}
#footer .layout .address ul li strong{padding-left:20px; margin-right:10px;}
#footer .layout .address ul li strong + span{color:var(--main-color-gray03);}
#footer .layout .address ul li strong.add_type1{background: url(../img/ft_ico1.gif) no-repeat left center;}
#footer .layout .address ul li strong.add_type2{background: url(../img/ft_ico2.gif) no-repeat left center;}
#footer .layout .address ul li strong.add_type3{background: url(../img/ft_ico3.gif) no-repeat left center;}
#footer .layout .address ul li strong.add_type4{background: url(../img/ft_ico4.gif) no-repeat left center;}
#footer .layout .address ul li strong.add_type5{background: url(../img/ft_ico5.gif) no-repeat left center;}
#footer .layout .address .copyright{color:var(--main-color-gray09);}



/* 어두워지고 나오는 모달 - modaltype2 */
.modaltype2{transition:visibility 0.5s ease-in; visibility:hidden; z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.modaltype2 .modal2Cont{transition:all 0.5s ease-in-out; min-width:35%; border-radius:10px;  position:fixed; left:50%; top:50%; background:var(--main-color-white); transform:translate(-50%, -50%) scale(0);}
.modaltype2 .modal2Cont .modal2_top{padding:15px; justify-content: space-between; display:flex; align-items: center; border-bottom:1px solid var(--table-border-color);}
.modaltype2 .modal2Cont .modal2_top h2{font-size:1.35em;}
.modaltype2 .modal2Cont .modal2_bot{padding:20px 20px 0; max-height:80vh; overflow-y:auto; }

/*모달 보일 때*/
.showBG{visibility:visible;}
.show{transform:translate(-50%, -50%) scale(1.0)!important;}

/* 캘린더 */
.calendar_header{display:flex; justify-content: space-between; align-items: center; padding:20px 0;}
.calendar_header .ch_l{display:flex;}
.b_group{display:flex;}
.calendar_header .calendarBtn{padding:0 15px; display:flex; justify-content: center; align-items: center; height:35px; margin-right:5px; }
.calendarBtn{transition: all 0.3s;}
.calendarBtn.navy{background:var(--calendar_btn); color:var(--main-color-white);}
.calendarBtn.navy:hover,
.calendarBtn.navy.on{background:var(--calendar_btn_on);}
.calendarBtn.gray{background:var(--main-color-gray); color:var(--main-color-black);}
.calendarBtn.gray:hover{background:var(--main-color-gray08);}
.calendar_header th,
.calendar_body td{width:14.2857%;}
.calendar_header .b_group a[class*="icon"]{width:35px;}
.calendar_header .calendarBtn:before{color:var(--main-color-white);}
.calendar_header .ch_tit{font-size:2.3em; font-weight:bold;}

.calendar_body{display:grid; gap:30px; grid-template-columns: 1fr 1fr 1fr;}
.calendar_body .monthBx{}
.calendar_body .monthBx .month_header{}
.calendar_body .monthBx .month_header .month_tit{text-align: center; font-size: 1.25em; margin-bottom:15px;}
.calendar_body .monthBx .month_header .cal_table_header{border-top:1px solid var(--main-color-gray03); border-bottom:1px solid var(--main-color-gray03);}
.calendar_body .monthBx .month_header .cal_table_header th{padding:5px;}
.calendar_body .monthBx .cal_table_body td{vertical-align: top; height:var(--calendar-height); border:1px solid var(--main-color-gray);}
.calendar_body .monthBx .cal_table_body tr:first-child td{border-top:0;}
.calendar_body .monthBx .cal_table_body tr td:first-child{border-left:0;}
.calendar_body .monthBx .cal_table_body tr td:first-child .day-number{color:var(--main-color-red);}
.calendar_body .monthBx .cal_table_body tr td:last-child{border-right:0;}
.calendar_body .monthBx .cal_table_body tr td:last-child .day-number{color:var(--main-color-skyblue);}
.calendar_body .day_frame{min-height:100%;}
.calendar_body .day-top{display:flex; justify-content: space-between; align-items: center; flex-direction: row; margin:5px 0;}
.calendar_body .day-top .day-number{margin:0 4px 0 4px; z-index: 4; position: relative; font-size:1.125em;}
.calendar_body .day-top .c_more_link{color:var(--main-color-gray09); margin-right:4px; }
.calendar_body .day-top .c_more_link:hover{cursor:pointer; }
.calendar_body .day-events{ white-space: nowrap}
.calendar_body .c_today{background:var(--calendar_today_bg);}
.calendar_body .day_disabled{background:var(--table-head-color2);}
.calendar_body .monthBx .month_body{position:relative;}
.calendar_body .monthBx .month_body tr td{position:relative;}
.event_tit_wrap{width:calc(100% + 1px); position:absolute;}
.event_block{position:relative; display:flex; align-items: center; background:var(--point-color); color:var(--main-color-white); padding:0 2px; margin-bottom:4px; line-height:24px; height:24px;}
.event_block .eventText{display:block; width: calc(100% - 21px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-size:0.9em;}
.c_pop_body .event_block{border-radius: 5px; }
.event_block.longday_start{border-radius: 5px 0 0 5px; margin-left:5px;}
.event_block.longday_end{border-radius: 0 5px 5px 0; margin-right:5px;}
.event_block.oneday{border-radius:5px; margin:0 5px;}
.event_block:last-child{margin-bottom:0;}
.event_block:hover,
.day-number:hover{cursor: pointer;}
.event_block .deleteEventBtn{position:relative; border-radius: 50%; background:var(--main-color-gray02); color:var(--point-color); width: 16px; height: 16px; line-height: 16px; display: inline-block;}
.event_block .deleteEventBtn:after{position:absolute; top:50%; left:50%; font-weight:bold; transform:translate(-50%, -50%); content: "\00d7"; font-size:1.2em;  }

.event_block .event_full{display:none; position:absolute; top:calc(100% + 12px); left:50%; transform: translateX(-50%); z-index: 1000; box-shadow:1px 5px 3px var(--main-color-gray); border:1px solid var(--main-color-gray);  background:var(--main-color-white); color:var(--main-color-black);}
.event_block:hover .event_full{display:block;}
.event_block .event_full .tit{position:relative; padding:8px;  z-index:999; background: var(--main-color-lightergray);   }
.event_block .event_full .tit:before{content:''; position:absolute; top:-7px; left:50%; transform: translateX(-50%) rotate(45deg); width: 14px; height: 14px; background: var(--main-color-lightergray); box-shadow:-1px -1px 3px var(--main-color-gray); z-index:100;}
.event_block .event_full .parking{padding:6px; }

.ev_top{top:30px;}
.ev_mid{top:58px;}
.ev_bot{top:86px;}

/* 캘린더 상세보기 */
.cal_popover{display:none; position:absolute; top:calc(var(--calendar-height) * 1);  background:var(--main-color-white); border: 1px solid var(--adm-border-color); z-index: 10;}
.cal_popover.on{display:block;}
.cal_popover .c_pop_head{/*background: var(--check-bg-color);*/ padding: 8px; border-bottom:1px solid var(--adm-border-color);}
.cal_popover .c_pop_body{padding: 8px; }
.cal_popover.sun{left:calc(14.2857% * 0);}
.cal_popover.mon{left:calc(14.2857% * 1);}
.cal_popover.tue{left:calc(14.2857% * 2);}
.cal_popover.wed{left:calc(14.2857% * 3);}
.cal_popover.thu{left:calc(14.2857% * 4);}
.cal_popover.fri{left:calc(14.2857% * 5);}
.cal_popover.sat{left:calc(14.2857% * 6);}
.calendar_body .monthBx .cal_table_body tr{position:relative;}

.holidayPopup .modal2Cont{max-width:35%;}


/* 레이어팝업 */
#layerpop{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999; max-width:50%; max-height:90vh; overflow: hidden; background:var(--main-color-white); box-shadow: 10px 10px 10px rgba(0,0,0,0.1);}
#layerpop .thumb{max-height:80vh; overflow:auto; background: var(--main-color-white); }
#layerpop .cont{height:50vh; overflow-y: auto;}
#layerpop .close{padding:10px; background:var(--point-color);}
#layerpop .close form{display:flex; justify-content: space-between; align-items: center; }
#layerpop .close span{display:flex; align-items: center; color:var(--main-color-white); font-size:1em;}
#layerpop .close span#close{ display:inline-block; font-size: 0.9em; padding:0 10px; border:1px solid rgba(255,255,255,0.5); border-radius: 5px; font-size:0.9em; transition: all 0.3s;}
#layerpop .close span#close:hover{cursor: pointer; color:var(--main-color-black); background:var(--main-color-white);}
#layerpop .close input[type="checkbox"]{width:14px; height:14px; border-radius: 2px; margin-right:5px; background:var(--main-color-white);}
#layerpop .close input[type="checkbox"]::before{display:none;} 
#layerpop .close input[type="checkbox"]::after{font-size:0.9em; line-height:1.2em;}
#layerpop .close input[type="checkbox"]:checked {background: var(--gumi-point-color);}
#layerpop .close input[type="checkbox"] + label{font-size:0.9em;}

.mypageBtn{position:relative; margin-right:10px; padding:8px 25px 8px 10px; border-radius: 3px; transition:all 0.3s; color:var(--main-color-black); border:1px solid rgba(0, 0, 0, 0.3);}
.mypageBtn:after{position:absolute; width: 10px; height: 8px; content:''; right:8px; top:50%; background: url(../img/arrow_black.png) no-repeat;  background-size:contain; transform:translateY(-50%) rotate(270deg); }
.mypageBtn:hover{border:1px solid var(--gumi-point-color);}



/* 무정차정산 */
.nonstopWrap{display:flex; flex-direction: column; align-items: center;}
.nonstopWrap .nonstop_top{width:100%; display:flex; justify-content: center;}
.nonstopWrap .nonstop_top .wtBx{display:flex; margin-right:20px; align-items: center; width:calc(50% - 10px); border:1px solid var(--table-border-color); border-radius: 10px; transition: all 0.3s;}
.nonstopWrap .nonstop_top .wtBx:last-child{margin-right:0}
.nonstopWrap .nonstop_top .wtBx button[class*="nonstopBtn"]{width:100%; justify-content: center; margin:60px auto; padding-top:60px; display:flex; align-items: center; font-size:1.025em;}
.nonstopWrap .nonstop_top .wtBx .nonstopBtn_type01{background:url(../img/nonstop_ico1.jpg) no-repeat top center;}
.nonstopWrap .nonstop_top .wtBx .nonstopBtn_type02{background:url(../img/nonstop_ico2.jpg) no-repeat top center;}
.nonstopWrap .nonstop_top .nonstop_carWrap{padding:20px; width:100%;}
.nonstopWrap .nonstop_top .nonstop_carWrap .ns_car_top{display:flex; justify-content: space-between; margin-bottom:20px;}
.nonstopWrap .nonstop_top .nonstop_carWrap .ns_car_top h3{font-size:1.3em;}
.nonstopWrap .nonstop_top .nonstop_carWrap .ns_car_top button{font-size:0.95em; padding-left:25px; background:url(../img/car_add.gif) no-repeat left center;}

/*.nonstopWrap .nonstop_cardLst{display:grid; grid-template-columns: 1fr 1fr 1fr; gap:20px; margin-top:20px;}*/
.nonstopWrap .nonstop_cardLst li{width:100%; padding:20px 20px 10px; background:var(--card-default-bg); border: 1px solid var(--card-default-border); border-radius: 10px;}
.nonstopWrap .nonstop_cardLst li.ns_card_type01,
.ns_edit_card.ns_card_type01{background:var(--card-01-bg); border: 1px solid var(--card-01-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type02,
.ns_edit_card.ns_card_type02{background:var(--card-02-bg); border: 1px solid var(--card-02-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type03,
.ns_edit_card.ns_card_type03{background:var(--card-03-bg); border: 1px solid var(--card-03-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type04,
.ns_edit_card.ns_card_type04{background:var(--card-04-bg); border: 1px solid var(--card-04-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type06,
.ns_edit_card.ns_card_type06{background:var(--card-06-bg); border: 1px solid var(--card-06-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type07,
.ns_edit_card.ns_card_type07{background:var(--card-07-bg); border: 1px solid var(--card-07-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type08,
.ns_edit_card.ns_card_type08{background:var(--card-08-bg); border: 1px solid var(--card-08-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type11,
.ns_edit_card.ns_card_type11{background:var(--card-11-bg); border: 1px solid var(--card-11-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type12,
.ns_edit_card.ns_card_type12{background:var(--card-12-bg); border: 1px solid var(--card-12-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type13, 
.ns_edit_card.ns_card_type13{background:var(--card-13-bg); border: 1px solid var(--card-13-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type15,
.ns_edit_card.ns_card_type15{background:var(--card-15-bg); border: 1px solid var(--card-15-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type32,
.ns_edit_card.ns_card_type32{background:var(--card-32-bg); border: 1px solid var(--card-32-border);}
.nonstopWrap .nonstop_cardLst li.ns_card_type44,
.ns_edit_card.ns_card_type44{background:var(--card-44-bg); border: 1px solid var(--card-44-border);}
.nonstopWrap .nonstop_cardLst li .ns_card_bot{display:flex; flex-direction: column; margin-top:25px;padding:20px; background:var(--main-color-white); border-radius: 10px;}
.nonstopWrap .nonstop_cardLst li .ns_card_bot .card_numb{font-size:1.65em; font-weight: bold; text-align:center; letter-spacing: -0.2px;}
.nonstopWrap .nonstop_cardLst li .ns_card_bot .card_period{text-align: right; font-size:1.3em; font-weight: bold; margin:10px 3px 0 0;}
.ns_deleteBtn{font-size:1em; color:var(--main-color-gray05); text-decoration: underline; width:100%; text-align: center; margin-top:10px;}
.nonstopWrap .nonstop_cardLst .ns_card_top{display:flex; justify-content: space-between; align-items: flex-start;}
.nonstopWrap .nonstop_cardLst .ns_card_top .switchBox{display:flex; align-items: center; margin-top:5px;}


.ns_modal .modalBot{align-items: center;}
.ns_edit_card{padding:20px; border-radius: 10px; margin-bottom:20px;}
.ns_edit_card .ns_card_bot{margin-top:50px;display:flex; flex-direction: column;}
.ns_edit_card .ns_card_bot .card_numb{font-size:1.65em; font-weight: bold; text-align:center; letter-spacing: -0.2px;}
.ns_edit_card .ns_card_bot .card_period{text-align: right; font-size:1.3em; font-weight: bold; margin:10px 3px 0 0;}
.nonstopWrap .nonstop_cardLst .ns_card_top .ns_card_info p.card_img{font-size:1.3em; margin-bottom:10px; font-weight: bold;}
.ns_modal .modalTop,
.ns_modal .modalBot{background:var(--main-color-white);}

/* 무정차정산 변경 */
.nonstop_submit{max-width:1000px; margin:0 auto;}
.nonstop_top .nonstop_cardLst,
.nonstop_top .nonstop_carLst{width:100%;}
.nonstop_cardLst{display:flex;}

.nonstop_carLst{display:flex; flex-direction:column; justify-content: space-between; padding:15px 15px 10px; height:100%; background:var(--card-default-bg); border: 1px solid var(--card-default-border); border-radius: 10px;}
.nonstop_carLst .nonstop_carTop h5{font-size:1.3em;}
.nonstop_carLst .stateBtn{color:var(--main-color-white); border-radius: 30px; padding:2px 12px; margin-left:5px; font-size:0.95em;}
.nonstop_carLst .car_type01{background:var(--btn-search);}
.nonstop_carLst .car_type02{background:var(--btn-excel);}
.nonstop_carLst .car_type03{background:var(--btn-delete);}
.nonstop_carLst .nonstop_carBot{background:var(--main-color-white); padding:30px 60px;  text-align:center; font-size:2em; font-weight:bold; border-radius: 10px;}

/* 에러페이지 - 공통으로 쓰는 거*/
.errorWrap{width:100%;height:100vh; display:flex; justify-content: center; align-items: center; background:var(--login-lightgray);}
.errorBx{max-width:1000px; width:100%; border-radius: 10px; padding:100px 60px; display:flex; justify-content: center; align-items: center; background:#fff; box-shadow: 10px 10px 30px rgba(0,0,0,0.1);}
.errorBx img{width:auto; max-width: 152px; margin-right:70px;}
.errorBx .errorTxt .bot {display:flex; justify-content: flex-start;}
.errorBx .errorTxt .bot a{width:50%;}
.errorBx .errorTxt,
.errorBx .errorTxt .top,
.errorBx .errorTxt .mid{margin-bottom:30px;}
.errorBx .errorTxt .top .errorNumb{font-size:6em; line-height: 1em; font-weight:bold; }
.errorBx .errorTxt .top .errorTit{margin-top:10px; font-size:1.8em;}
.errorBx .errorTxt .mid{color:var(--main-color-gray05); font-size:1em; line-height:1.5em;}

/* ~ 1900px */
@media screen and (max-width:1900px){
	.modalBot > ul.modal_three > li{min-width:auto;}

	#header.header_type03 .util [class*="util_"]{width:80px; height:80px; padding:15px 0;}


	.totalMenu .tt_bot > li > a{padding:15px 35px; font-size:2em;}
	.totalMenu .tt_bot > li > a:before{top:15px; left:10px;}
}

/* ~ 1440px */
@media screen and (max-width:1440px){	

	.layout{width:100%; max-width:calc(100% - 40px);}
	
	
	/* 전광판 */
	.displayBx{grid-template-columns: 1fr 1fr 1fr; gap:10px;}
	.displayBx > li .d_cont .d_led .led_txt{font-size:2.5em;}

	.calendar_body{grid-template-columns: 1fr 1fr;}

	.totalMenu{width:40%; right:-40%;}

	/* 무정차정산 */	
	.nonstopWrap .nonstop_top .wtBx{width:calc(50% - 8px);}
	.nonstopWrap .nonstop_cardLst{gap:15px;}
	.nonstopWrap .nonstop_cardLst li{padding:15px 15px 10px;}
	.nonstopWrap .nonstop_cardLst li .ns_card_bot{padding:15px 10px; margin-top:15px;}
	.nonstopWrap .nonstop_cardLst li .ns_card_bot .card_numb,
	.ns_edit_card .ns_card_bot .card_numb{font-size:1.3em;}
	.nonstopWrap .nonstop_cardLst li .ns_card_bot .card_period,
	.ns_edit_card .ns_card_bot .card_period{font-size:1.2em;}
	.nonstopWrap .nonstop_cardLst li .ns_card_bot .card_period{ margin:10px 15px 0 0;}
	.nonstopWrap .nonstop_cardLst .ns_card_top .ns_card_info .card_img{max-width:160px;}
	.nonstopWrap .nonstop_top .nonstop_carWrap .nonstop_carLst{flex-direction: column;}
	.nonstopWrap .nonstop_top .nonstop_carWrap .nonstop_carLst li{ margin-bottom:10px;}
	.nonstopWrap .nonstop_top .nonstop_carWrap .nonstop_carLst li h5 + p{margin-bottom:0;}
	.ns_edit_card .ns_card_bot{margin-top:30px;}
	
}

/* ~ 1024px */
@media screen and (max-width:1024px){
	body{font-size:15px;}
	.mob_use{display:block;}
	.pc_use{display:none!important;}

	#admWrap{flex-direction: column;}
	
	.adm_container{position:static; width:100%; padding:0 10px;}
	.adm_content .adm_top{align-items: center;}
	.adm_content .adm_searchBx .top{flex-direction: column; margin-bottom:10px;}
	.adm_content .adm_searchBx .top .adm_sBx{width:100%; min-width:auto;}
	.adm_content .adm_top .pageLocation li{padding-right:13px; margin-right:8px;}
	.adm_h2{font-size:1.7em; margin-bottom:25px;}
	.adm_content .adm_top .adm_h2{margin-top:10px;}


	.aside{position:static; width:100%; padding:0 10px;}
	.aside .admNav{display:block; position: absolute; top: 80px; left:-100%; width: 100%; z-index: 1000; transition: all 0.5s;}
	.aside .admNav .navWrap{padding:10px 15px 20px; margin-bottom:20px;}
	.aside .admNav.showMobMenu{left: 0; max-height:calc(100vh - 110px); overflow: auto;}
	.aside .mob_menu{width: 100%; display:flex; justify-content: space-between; align-items: center; margin:10px 0;}	
	.aside .mob_use{display:flex; align-items: center;}
	.aside .mob_use .userBx{display:flex; align-items: center;}
	.aside .mob_use .userBx .btn_logout{width: 40px; height:40px; margin-left:5px; background:var(--main-color-white) url(../img/logout_mob.gif) no-repeat center; background-size:50%;}
	.aside .mob_use .btn_mobMenu{display:flex; align-items:center; justify-content: center; margin-left:15px; width: 46px; height:46px; border-radius: 50%; background:var(--point-color);}
	.aside .mob_use .btn_mobMenu .menu-trigger{position:relative; width:20px; height:18px; }
	.aside .mob_use .btn_mobMenu .menu-trigger span{transition: all 0.3s; position: absolute; left: 0; width: 100%; height: 2px; background: var(--main-color-white);}
	.aside .mob_use .btn_mobMenu span:nth-of-type(1){top: 0;}
	.aside .mob_use .btn_mobMenu span:nth-of-type(2) {top: 50%; transform: translateY(-50%);}
	.aside .mob_use .btn_mobMenu span:nth-of-type(3) {bottom: 0;}
	.aside .mob_use .btn_mobMenu.active span:nth-of-type(1) {transform: translateY(8px) rotate(-45deg);}
	.aside .mob_use .btn_mobMenu.active span:nth-of-type(2) {opacity: 0;}
	.aside .mob_use .btn_mobMenu.active span:nth-of-type(3) {transform: translateY(-8px) rotate(45deg);}
	.aside .mob_use .btn_mobMenu:hover{cursor:pointer;}
	.aside .admNav > ul > li{margin-bottom:10px;}
	.aside .admNav > ul > li > ul.depth-01 > li > a{padding:8px 10px 8px 15px;}
	.aside h1,
	.aside h1 a{margin:0;}
	.aside .admNav .userBx{display:none;}
	.sBtn_mob{width:100%; margin-top:10px; display:flex; justify-content: space-between; align-items: center;}
	.sBtn_mob .mobfilterBx{display:flex; align-items: center;}
	.sBtn_mob .filter_btn{position:relative; display:inline-block; padding-right:44px; font-size:1.125em;}
	.sBtn_mob .filter_btn:hover{cursor: pointer;}
	.sBtn_mob .filter_btn:before{position:absolute; right:0; top:50%; transform:translateY(-50%); width: 32px; height: 32px; content:''; background:url(../img/arrow_black.png) no-repeat center; background-size: 50%; border:1px solid var(--main-color-black); border-radius: 50%; }
	.modalH3{font-size:1.35em;}

	/* 모달 한개 이상 일 때 탭으로 나눠지게 */
	.modalBot{border-radius: 0 0 15px 15px;}
	.modalBot .tabTit{display:flex; align-items:center; justify-content: center; width:100%; margin:10px 0 20px;}
	.modalBot .tabTit li{position:relative; display:inline-block; cursor:pointer; padding:0 25px;}
	.modalBot .tabTit li:before{content:''; position:absolute; right:0; top:50%; width: 1px; height:14px; transform:translateY(-50%); background:var(--main-color-gray);}
	.modalBot .tabTit li:first-child{padding-left:0;}
	.modalBot .tabTit li:last-child:before{display:none;}
	.modalBot .tabTit li h3{position:relative; font-weight:normal; z-index:1; font-size:1em;}
	.modalBot .tabTit li.on h3:after,
	.modalBot .tabTit li:hover h3:after{content:''; position:absolute;  z-index:-1; display:inline-block; left:50%; bottom:-2px; transform:translateX(-50%); width: 100%; height:8px;  background:var(--highlighter-yellow);}
	.modalBot .tabTit li:hover h3,
	.modalBot .tabTit li.on h3{font-weight:600;}
	.modalBot .tabContent{width:100%; display:none;}
	.modalBot .tabContent .modalH4{display:none;}
	.modalBot .tabContent.on{display:block;}
	.modalBox .modalCont{width:100%;}
	.modalBot > ul.modalLg > li{max-width:100%; margin-right:0;}
	
	.modalBot > ul.modalLg{min-width:auto;}
	.cont_modal2{flex-direction: column;}
	.calc_info1{margin-top:0; margin-bottom:20px;}
	.calc_info1,.calc_info2{width:100%;}
	.inout_l{text-align: center;}
	.inout_l img{width:auto; max-width:100%;}


	.mob_pages{min-width:80px; margin-right:5px;}
	.adm_paging a{margin-right:5px; width: 46px; height: 46px; background:var(--main-color-white); border: 1px solid var(--table-border-color); border-radius: 5px;}
	
	.holidayPopup .modal2Cont{max-width:none;}


	.totalMenu{padding:20px;}
	.totalMenu .tt_top{padding:0; margin-bottom:30px; height:40px;}
	.totalMenu .tt_top img{max-height:100%; max-width:205px;}
	.tt_closeBtn{width:40px; height:40px; background-size: cover;}
	.totalMenu .tt_bot > li > a:before{top:50%; transform: translateY(-50%);}

	/* 무정차정산 */	
	.nonstopWrap .nonstop_cardLst{grid-template-columns: 1fr 1fr;}
	
	/* 에러페이지 - 공통으로 쓰는 거*/
	.errorBx{max-width:calc(100% - 40px);}
}

/* ~ 767px */
@media screen and (max-width:768px){
	.skip{display:none;}
	.layout{width:calc(100% - 30px);}
	body.mainBody:before{top:5%; left:0;  width: 77%; height: 20%; background-size: contain; position:fixed;}
	body.mainBody:after{width:80%; height:10%; background-size: contain;}

	.basicbtn{padding:8px;}	
	.w20, .w25, .w33{width:100%;}
	.w40, .w50{width:calc(50% - 5px);}
	.wtBx{padding:10px;}
	.adm_content .adm_top .adm_h2{font-size:1.4em; margin-bottom:15px;}

	/* 헤더 */
	#header.header_type03{margin-bottom:0;}
	#header.header_type03 .layout{width:100%; max-width:100%;}
	#header.header_type03 h1{margin-left:15px; height: auto; width:30%;}
	#header.header_type03 h1 a img{height:100%;}
	#header.header_type03 .util div[class*="util_"]:hover{border:0;}
	#header.header_type03 .util div[class*="util_"] a,
	#header.header_type03 .util [class*="util_"] span{display:none;}
	#header.header_type03 .util .util_login,
	#header.header_type03 .util .util_logout,
	#header.header_type03 .util .util_menu{width:58px; height:70px; padding:10px 0; background-position: center;}
	.totalMenu .tt_bot > li > a{font-size:1.6em; padding:15px 40px;}

	.totalMenu{padding:15px; width:100%; right:-100%;}
	.totalMenu .tt_top{ margin-bottom:20px; height:30px;}
	.tt_closeBtn{width:30px; height:30px;}


	/* 스크롤 될 때 헤더 고정 */
	.table_scroll{height:300px;}
	.dateBx input{width:calc(50% - 10px)!important;}

	/* modal */
	.modalBox .modalCont{max-width:calc(100% - 20px);}
	.modalTop,
	.modalBot{padding:15px 10px;}
	.modalBot .tabTit{margin:5px 0 20px;}
	.modalBot > ul.modalItem > li{padding:10px; border-radius:5px;}

	.cont_modal1{flex-direction: column; align-items: center;}
	.inout_l{margin-right:0; margin-bottom:0; width:50%;}
	.inout_r{width:100%;}
	.inout_r .top{text-align: center;}

	/* 버튼 갯수 상관없이 배치가능 */
	.m_btnGroup{flex-direction: column;}
	.m_btnGroup a{margin:0 0 10px 0}
	.m_btnGroup a:last-child{margin-bottom:0;}

	/* 배치 */
	.row.mw100{flex-direction: column;}

	/* 전광판 */
	.displayBx{grid-template-columns: 1fr 1fr; gap:10px;}
	.displayBx > li .d_cont .d_led .led_txt{font-size:2.2em;}

	.modaltype2 .modal2Cont{width:calc(100% - 20px);}

	/* 캘린더 */
	.calendar_body{grid-template-columns: 1fr;}

	/* 레이어팝업 */
	#layerpop{width:90%; max-width:calc(100% - 20px);}
    #layerpop .cont img,
	#layerpop .cont a img{width:100%;}

	/**************** 푸터 ****************/
	#footer .layout{flex-direction: column;}
	#footer .layout .address{width:100%;margin-top:20px;}


	/* 무정차정산 */	
	.nonstopWrap .nonstop_top{flex-direction: column;}
	.nonstopWrap .nonstop_top .wtBx{width:100%; margin-bottom:10px; padding:0;}
	.nonstopWrap .nonstop_top .wtBx button[class*="nonstopBtn"]{margin:15px auto;}
	.nonstopWrap .nonstop_top .nonstop_carWrap{padding:10px;}
/*	.nonstopWrap .nonstop_cardLst{margin-top:10px; grid-template-columns: 1fr;}*/

	/*.nonstop_carLst{margin:10px 0 0 0;}*/
	.nonstop_carLst .nonstop_carBot{margin-top:10px; padding:15px 30px; font-size:1.5em;}
	
	/* 에러페이지 - 공통으로 쓰는 거*/
	.errorBx{padding:60px 20px;flex-direction: column;}
	.errorBx img{width:30%; margin-right:0; margin-bottom:20px;}
	.errorTxt{width:100%;}
	.errorTxt div,
	.errorTxt div p{text-align: center;}
	.errorBx .errorTxt .bot{justify-content: center;}
	.errorBx .errorTxt .top .errorNumb{font-size:5em;}
	.errorBx .errorTxt .top .errorTit{font-size:1.4em;}
	.errorBx .errorTxt, .errorBx .errorTxt .top, .errorBx .errorTxt .mid{margin-bottom:20px;}
}

/* ~ 425px */
@media screen and (max-width:425px){
	body{font-size:13px;}

	.w40, .w50{width:100%;}

	/* 헤더 */
	#header.header_type03{padding-left:10px;}
	#header.header_type03 h1{width: 35%; margin-left:0;}
	.mypageBtn{margin-right:0;}

	.adm_content .adm_top .pageLocation{display:none;}

	/* 게시판 - 페이징 */
	.adm_paging a{width:40px; height:40px;}
	.adm_paging select{padding:10px 16px 10px 10px;}
	.adm_paging a{margin-right:8px;}
	.adm_paging .pageFirst i,
	.adm_paging .pageLast i{background-size:42%;}
	.adm_paging .pageLast{margin-right:0;}
	.adm_paging .pagePre i,
	.adm_paging .pageNext i{background-size: 30%;}

	/* modal */
	.modalH3{font-size:1.5em;}
	.modalTop{flex-direction: column;}
	.modalTop .modalTit{margin-bottom:10px;}
	.modalBox .btnBx .basicbtn{padding:6px 20px;}
	.modalBot .tabTit{margin:5px 0 10px;}
	.form-row{flex-wrap: wrap; margin:0;}
	.form-row > li{margin-right:0; margin-bottom:10px;}
	
	.modalBot .tabTit{margin:10px 0;}
	.modalBot .tabTit li{padding:0 15px;}
	.inout_l{width:80%;}


	.dateBx{flex-direction: column; width:100%;}
	.dateBx input,
	.sFilter .adm_table td input{width:100%!important; max-width:100%;}

	/* 전광판 */
	.displayBx{grid-template-columns: 1fr;}
	.displayBx > li .d_cont .d_led .led_txt{font-size:2em;}

	.totalMenu .tt_bot > li > a{padding:15px 45px 15px 10px; font-size:1.7em;}
	
	/* 에러페이지 - 공통으로 쓰는 거*/
	.errorBx{width:calc(100% - 10px); padding:40px 10px;flex-direction: column;}
	.errorBx img{width:40%; margin-bottom:15px;}
	.errorBx .errorTxt .top .errorNumb{font-size:3em;}
	.errorBx .errorTxt .top .errorTit{font-size:1.2em;}
	.errorBx .errorTxt, .errorBx .errorTxt .top, .errorBx .errorTxt .mid{margin-bottom:15px;}
}

/* ~ 320px */
@media screen and (max-width:320px){
		
}