@charset "UTF-8";

.pickaDateView {
	position: absolute;

}
.picker__select--month {
	width: 35%;
	color: #000;
}
.picker__select--year {
	width: 30.5%;
	color: #000;
}
.picker__button--today, .picker__button--clear, .picker__button--close{
	color: #000;
}

tbody tr > *:first-child {
    background: inherit;
    align-content: inherit;
    font-weight: inherit;
}
tbody tr > *:not(:first-child) {
    padding: inherit;
    font-size: inherit;
    letter-spacing: inherit;
}
tbody tr > td:nth-child(3){ 
    padding: inherit;
}


.breadcrumb_bar li:last-child{
	font-weight: 500;
    color: #17232E;
}
.tab_card .application{
	display: flex;
	gap: 30px;
}

.tab_card .application > li{
	display: flex;
	flex-direction: column;
	min-height: 434px;
	padding: 22px 30px;
}
.tab_card .application > li.searchPnl{
	width: 300px;
    height: fit-content;
	background: #FFFFFF;
	border: 1px solid #313E96;

	gap: 24px;
}
.tab_card .application > li.text{
	width: calc(100% - 330px);
	border: 1px solid #DFDFDF;
}
.tab_card .application > li.text > ul{
	width: 100%;
	height: 100%;
	display: flex;
    flex-direction: column;
    gap: 30px;
}

.tab_card .application > li.text > ul li{
	display: flex;
    align-items: center;
	min-height: 45px;
	gap: 15px;
}
.tab_card .application > li.text > ul li:last-child{
	flex-direction: column;
    align-items: flex-start;
    gap: unset;
}
.tab_card .title{
	width: 110px;
	flex-shrink: 0;
}
.tab_card .application > li.text > ul li .con{
	height: 100%;
}
.tab_card .application > li.text > ul li:nth-child(2) .con{
	width: calc(100% - 110px);
	display: flex;
    align-items: center;
}
.tab_card .application > li.text > ul li:nth-child(2) .con .text{
    width: calc(100% - 268px);
}
.tab_card .application > li.text > ul li:nth-child(2) .con span{
	color: #323232;
    display: block;
    width: 230px;
    margin-left: 10px;
}
.tab_card .application > li.text > ul li:last-child .con{
	width: 100%;
}
.tab_card .application > li.text > ul li .con.address{
	width: calc(100% - 125px);
	position: relative;
	display: flex;
}
.tab_card .application > li.text > ul li .con.address input:first-child{
	font-size: 18px;
    width: calc(100% - 244px);
    background: none;
    border: none;
    padding-right: 44px;
    padding-left: 5px;
    border-bottom: solid 3px #000;
    margin-right: 34px;
    border-radius: 0px;
}
.tab_card .application > li.text > ul li .con.address button{
	display: block;
	width: 27px;
    height: 27px;
	position: absolute;
    right: 277px;
    top: 7px;
    background: url(../../static/image/icon_search.png) no-repeat center;
}
.tab_card .application > li.text > ul li .con input{
	height: 100%;
	padding: 6px 15px;
}

.tab_card .application > li.text > ul li .con .text{
	font-size: 18px;
	letter-spacing: 0px;
	color: #707070;
	background: #F2F2F2;
	border: 1px solid #D3D3D3;
	border-radius: 3px;

}
.tab_card .application > li.text > ul li:first-child .con .text{
	width: 234px;
}
.tab_card .application > li.text > ul li .con textarea{
	border: 1px solid #D4D4D4;
	background: #F6F6F6;
	width: 100%;
	font-size: 18px;
    padding: 12px;
	min-height: 185px;
	resize: vertical;
	overflow-y: auto;
}

.tab_card .title p{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #302784;
}
.tab_card .application > li.text > ul li:last-child .title p{
	margin-bottom: 10px;
}
.tab_card .dateBox{
	display: flex;
	gap: 10px;
}
.tab_card .dateBox > div{
	position: relative;
    height: 42px;
}
.tab_card .dateBox .datepicker{
	position: relative;
    border: solid 1px #D3D3D3;
    background: #F2F2F2;
    border-radius: 3px;
    padding: 2px 38px 2px 8px;
	width: 156px;
	height: 100%;
}
.tab_card .dateBox > div .datepicker::placeholder{
	color: #000;
}
.tab_card .dateBox .axi-calendar{
	position: absolute;
    width: 40px;
    height: 40px;
    right: 0px;
}
.tab_card .dateBox .axi-calendar:before{
	content: "";
    width: 40px;
    height: 40px;
    background: #fff url(../../static/image/icon_calendar.png) no-repeat center;
    position: absolute;
    top: 1px;
    right: 1px;
    border-radius:0px 3px 3px 0px;
}
/* 
.tab_card .dateBox input[type="date"]::-webkit-calendar-picker-indicator{
    position: absolute;
    top: 50%;
	right: 7px;
    transform: translateY(-50%);
    width: 22px;
    height: 24px;
    background: transparent;
	color: transparent;
	cursor: pointer;
} */

.tab_card .application > li.searchPnl .label{
	position: relative;
    padding-left: 16px;
	font-size: 20px;
    font-weight: 700;
	letter-spacing: 0.5px;
	color: #000000;
	margin-bottom: 10px;
}
.tab_card .application > li.searchPnl .label:before{
	content: "";
	width: 6px;
	height: 20px;
	background: #302784;
	border-radius: 3px;
	position: absolute;
	top: 4px;
	left: 0px;
}

.tab_card .application > li.searchPnl .selectime{
	display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.tab_card .application > li.searchPnl .selectime li{
	border-radius: 3px;
	width: calc(calc(100% - 10px) / 3);
}
.tab_card .application > li.searchPnl .selectime li .time{
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	border: 1px solid #4A4A4A;
	font-weight: 500;
	letter-spacing: 0px;
	color: #323232;
    padding: 6.5px 15px;
    text-align: center;
    border-radius: 3px;
    word-break: break-all;
}
.tab_card .application > li.searchPnl .selectime li .time.disable{
	background: #DFDFDF;
	border: 1px solid transparent;
    text-decoration: line-through;
}
.tab_card .application > li.searchPnl .selectime li .time.select{
	background: #302784;
	color: #fff;
    border: 1px solid transparent;
}
.btn{
	display: block;
	border-radius: 5px;
	padding: 6px 15px;
	align-content: center;
    text-align: center;
}

.search.btn{
    width: fit-content;
    height: 42px;
	background: #302784;
	box-shadow: 3px 3px 3px #00000029;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.4px;
	color: #FFFFFF;
	flex-shrink: 0;
}


.board_btns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.board_btns .btn{
    width: 115px;
    height: 46px;
   	box-shadow: 3px 3px 3px #00000029;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cancel.btn{
	background: #FFFFFF;
	color: #302784;
	border: 2px solid #302784;
}
.cancel.btn:hover{
	background: #E6E8F1;
}
.saveRsvt.btn{
	background: #302784;
	color: #FFFFFF;
	border: 2px solid #302784;
}








.bbs_search{
	display: flex;
	gap: 50px;
}
.bbs_search > div{
	display: flex;
	align-items: center;
}
.bbs_search > div:first-child{
	width: 480px;
}
.bbs_search > div:nth-child(2){
	width: calc(100% - 480px);
}
.bbs_search .title{
	flex-shrink: 0;
}

.bbs_search .searchBox{
	width: 100%;
}

.bbs_search .dateBox{
    margin: 0px 8px;
    height: 55px;
    color: #323232;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.bbs_search .dateBox span{
    width: 10px;
    margin: 0px 10px;
    display: block;
}
.bbs_search .dateBox input[type="date"]{
    height: 100%;
    border: 1px solid #A3B6D4;
    border-radius: 3px;
    padding: 2px 50px 2px 20px;
    background: #E8E9F2;
    position: relative;
}

.bbs_search .dateBox input[type="date"]::-webkit-calendar-picker-indicator{
    position: absolute;
    right: 1px;
    width: 48px;
    height: 46px;
    background: #fff url(../../static/image/icon_calendar.png) no-repeat center;
    border-left: solid 2px #A3B6D4;
}







.pwPop{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 406px;
    background: #FFFFFF;
	box-shadow: 10px 20px 50px #0000001A;
	border: 1px solid #313E96;
    border-radius: 7px;
    padding: 30px 35px;
}

.pop .label{
	position: relative;
    padding-left: 16px;
	font-size: 20px;
    font-weight: 700;
	letter-spacing: 0.5px;
	color: #000000;
	margin-bottom: 10px;
}
.pop .label:before{
	content: "";
	width: 6px;
	height: 20px;
	background: #302784;
	border-radius: 3px;
	position: absolute;
	top: 7px;
	left: 0px;
}
.pop .con{
	width: 100%;
}
.pop .con .text{
	width: 100%;
    min-height: 55px;
	padding: 6px 15px;
	font-size: 18px;
    letter-spacing: 0px;
    color: #707070;
    background: #F2F2F2;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
}
.pwPop .board_btns{
    margin: 25px 0px 0px;
}
.pwPop .board_btns .btn{
	width: 100%;
}
.close.btn{
	background: #FFFFFF;
	color: #302784;
	border: 2px solid #302784;
}
.enter.btn {
    background: #302784;
    color: #FFFFFF;
    border: 2px solid #302784;
}
.board_view_wrap .label{
	position: relative;
	padding-left: 16px;
	font-size: 20px;
    font-weight: 700;
	letter-spacing: 0.5px;
	color: #000000;
	margin-bottom: 10px;
}
.board_view_wrap .label:before{
	content: "";
	width: 6px;
	height: 20px;
	background: #302784;
	border-radius: 3px;
	position: absolute;
	top: 7px;
	left: 0px;
}
.board_view{
	width: 100%;
	padding:36px 40px;
	border: 1px solid #DFDFDF;
	font-size: 16px;
	color: #000000;
}
.board_view .infor th{
	background: #F5F5F5;
	letter-spacing: -0.16px;
    padding: 13px 24px;
}
.board_view .infor td{
	letter-spacing: -0.16px;
    padding: 13px 24px;
}
.board_view .infor tr{
	border-bottom: 1px solid #D0D1D2;
}
.board_view .table10 tbody td:not(:last-child){
	border-right: none;
}
.board_view .substance{
    min-height: 123px;
}
.board_view .board_btns{
	justify-content: flex-end;
	margin-top: 22px;
    margin-bottom: 10px;
}
.board_view .board_btns .btn{
	width: 93px;
	height: 38px;
    box-shadow: 3px 3px 3px #00000029;
    font-size: 16px;
    font-weight: 700;
	letter-spacing: -0.4px;
}


.board_view_wrap{display: none;}
.tab_card .board_view .title{
	width: unset;
}




@media screen and (max-width: 1024px) {
	.bbs_search{
		flex-direction: column;
		gap: 25px;
	}
	.bbs_search > div:first-child,
	.bbs_search > div:nth-child(2){
		width: 100%;
	}
	.bbs_search .form_select{
		width: -webkit-fill-available;
	}
	.bbs_search .searchBox{
		margin: 0px 8px;
	}

}
@media screen and (max-width: 1080px) {
	.tab_card .application{
		flex-direction: column;
	}
	.tab_card .application > li.searchPnl{
		width:100%;
	}
	.tab_card .application > li.text{
		width: 100%;
	}
    .tab_card .dateBox{width: 238px;}
	.tab_card .application > li{min-height: unset;}
    .tab_card .application > li.searchPnl .selectime li{width: 74px;}
    .tab_card .application > li.text > ul li .con input{height: 45px;}
}
@media screen and (max-width: 768px) {
    .sub00{flex-direction: column;}

    .sub00 .list.map{
        height: unset;
        min-height: unset;
        aspect-ratio: 582 / 445;
    }
    .sub00 .list.text{min-height: 100%;}

    .info_list li{min-height: auto;align-items: flex-start;}

    .bbs_search .dateBox{
		height: 45px;
        font-size: 16px;
    }
    .board_list.sub000 thead,
    .board_list.sub000 colgroup{
        display: none;
    }
    .board_list.sub000 tr{
		display: grid;
        padding: 20px 10px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        justify-items: start;
        padding: 20px 10px;
    }
	.board_list.sub000 td.m_hidden{
        display: none;
    }
    .board_list.sub000 td::before{
        content: attr(aria-label);
        width: 70px;
        text-align: left;
        display: inline-block;
        margin-right: 8px;
        font-weight: 500;
        color: #302784;
    }
    .board_list.sub000 td {
        padding: 0px;
        margin-bottom: 4px;
    }
    
    

    .tab_card .application > li.text > ul li .con.address{
      flex-direction: column;gap: 15px;
    }
    .tab_card .application > li.text > ul li{align-items: flex-start;}
    .tab_card .application > li.text > ul li:first-child p{margin-top: 10px;}
    .tab_card .application > li.text > ul li .con.address button{right: 0px;}
    .tab_card .application > li.text > ul li .con.address input:first-child{
        width: 100%;margin-right: 0px;font-size: 16px;
    }
    
    .tab_card .application > li.text > ul li:first-child .con .text{width: 100%;}
    .tab_card .application > li.text > ul li:nth-child(2) .con{
    width: calc(100% - 125px);
		align-items: flex-start;
    	flex-direction: column;
    	gap: 5px;
    }
    .tab_card .application > li.text > ul li:nth-child(2) .con span{margin-left: 0px;}
    .tab_card .application > li.text > ul li:nth-child(2) .con .text{width: 100%;font-size: 16px;height: 40px;}

}
@media screen and (max-width: 480px) {
	.tab_card .title{width: 80px;}
	
    .tab_card .title p{font-size: 16px;}
	.tab_card .application > li{padding:22px 20px}
	.tab_card .application > li.text > ul{gap: 15px;}
	.tab_card .application > li.text > ul li .con.address{width:calc(100% - 95px);}
	.tab_card .application > li.text > ul li .con textarea{font-size: 16px;}
	.tab_card .application > li.text > ul li:nth-child(2) .con{width:calc(100% - 95px);}
	.tab_card .application > li.text > ul li:first-child .con .text{height: 40px;font-size: 16px;}
	.tab_card .application > li.text > ul li:nth-child(2) .con span{width: 100%;font-size: 13px;}

	.tab_card .application > li.searchPnl .label{font-size: 18px;}
	.tab_card .application > li.searchPnl .label:before{top: 3px;}
    .tab_card .application > li.searchPnl .selectime li{width: 66px;}
    .tab_card .application > li.searchPnl .selectime li .time{padding: 6.5px 6px;font-size: 14px;}

	.tab_card .dateBox{width: 100%;}
    
    .sub00 .list.text .info{padding: 20px;}
    .sub00 .list.text .info .text-tit{
        font-size: 20px;
        padding-bottom: 7px;
        margin-bottom: 21px;
    }
    .info_list li{
        min-height: 34px;
    }
    .info_list li div{
        font-size: 16px;
    }
}