@charset "utf-8"; 
/* 2024.01.23 SSJ, OSY */

/* search bar */
.list_srch {width:100%;float:left;border-top-color:#666;position:relative;padding: 30px 25px;background: rgba(241,243,247,0.5);box-sizing: border-box;margin-bottom: 30px;border-radius: 10px;}
.list_srch .input_wrap {float:left; width:85%; box-sizing: border-box; padding-right:20px;}
.list_srch .input_wrap .co {float: left;width:100%;text-align:left;box-sizing:border-box;margin-bottom:10px;display: flex;align-items: center;}
.list_srch .input_wrap p.label {font-size: 16px;font-weight: 600;width:17%;word-break:keep-all;box-sizing:border-box;line-height:30px;float:left;}
.list_srch .input_wrap p.label+div {width:83%; float:left;}
.list_srch .input_wrap p.label+div input {width:48%;float:left;text-align:left;padding-left:5px;height: 40px;line-height: 40px;font-size: 15px;color:#838383;border-radius:2px;border: 1px solid rgba(0,0,0,0.2);box-sizing:border-box;}
.list_srch .input_wrap p.label+div input + span {width:4%;float:left;text-align:center;line-height: 38px;opacity:0.5;}
.list_srch .input_wrap p.label+input {width:83%;height: 40px;padding-left:5px;float:left;text-align:left;box-sizing:border-box;line-height: 40px;font-size: 15px;color:#838383;border-radius:2px;border: 1px solid rgba(0,0,0,0.2);}
.list_srch .input_wrap .co input:focus {outline:1px solid #c9c9c9; outline-style:auto;}

.list_srch .btnbox {float:left; width:15%; box-sizing:border-box;}
.list_srch .btnbox .srch_btn {width:100%;display:inline-block;background: #0f1f38;color:white;text-align:center;font-size: 17px;border-radius:2px;font-weight: 600;padding:7px;cursor:pointer;box-sizing:border-box;-webkit-transition:background 1s;transition:background 1s;letter-spacing: 1px;}
.list_srch .btnbox .srch_btn:hover {background: #0f1f38;}
.list_srch .btnbox .srch_btn>img {display:block;}



/* total */
.list_total {width:100%; float:left; text-align:right;}
.list_total > p {font-size: 13px;color:#838383;box-sizing: border-box;padding-top: 10px;line-height: 20px;}
.list_total > p strong {font-weight:600;}
.list_total > p strong span {font-size: 22px !important;font-family: 'SUIT';color: #186899;font-weight: 700;}


	@media (min-width:600px){
		.list_srch .input_wrap .co:last-child {margin-bottom:0;}
		.list_srch .btnbox .srch_btn {height: 90px;line-height: 150%;padding:15px 10px;}
		.list_srch .btnbox .srch_btn>img {margin: 7px auto 5px;}
	}
	@media (max-width:799px){
		.list_srch .input_wrap p.label {width: auto;min-width: 28%;padding-right: 5px; font-size:15px;}
		.list_srch .input_wrap p.label+div,
		.list_srch .input_wrap p.label+input {width: 70%;flex-grow: 1;}
		.list_srch .btnbox .srch_btn {padding: 11px 5px;}
	}

	@media (max-width:599px){
		.list_srch  {padding: 20px 12px;}
		.list_srch .input_wrap {width:100%; padding-right:0;}
		.list_srch .input_wrap p.label {font-size:13px;}
		.list_srch .btnbox {width:100%;}
		.list_srch .btnbox .srch_btn>img {display:inline-block; max-width:15px; vertical-align:baseline; margin-right:5px;}
		.list_total > p {padding-top:5px; font-size:12px;}

		input[type="hidden"] + .allbox .list_srch .input_wrap p.label {min-width: 17%;}
	}

	@media (max-width:380px){
		.list_srch .input_wrap p.label {white-space: nowrap;}
	}










/* tab */
@media (min-width:800px){
	ul.tabsTrack {border-bottom: 2px solid #ddd;float: none;width: 100%;display: flex;}
	ul.tabsTrack li {min-width: auto;padding: 10px 20px;margin-right: 0;margin-bottom: 0;border: none;font-size: 17px;/* font-weight: 600; */margin-bottom: -3px;opacity: 0.9;float: none;line-height: 130% !important;}
	ul.tabsTrack li:hover {font-weight:600;}
	ul.tabsTrack li.active {color: #333 !important;background: transparent;border: none;/* font-size: 18px; */border-bottom: 3px solid #0f1f38;opacity: 1;font-weight: 600;padding: 10px 4px;margin: 0 16px;}
	/* ul.tabsTrack li.active:after {content:"";display: inline-block;position: absolute;left: 50%;bottom: -6px;border-top: 4px solid #0f1f38;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: -6px;} */
}
@media (max-width:799px){
	ul.tabsTrack li {font-size: 15px;padding: 8px 5px;}
	ul.tabsTrack li.active {background: linear-gradient(to bottom, #fff, #fafafa, #f9f9f9);font-weight: 600;color: #0f1f38 !important;border: 1px solid #ccc;border-bottom: 2px solid #333;padding-bottom: 6px;}
}
.tab_container {margin-top: 30px;}
.tab_container .basic-table01 {width: 100%;float: left;border-top: 2px solid #2a486a !important;margin-top: 10px;border-collapse: collapse;}
.tab_container .basic-table01 tbody tr th {background: #f9f9f9;color: #1e3249;border-top: none;border-bottom: 1px solid rgba(0,0,0,0.2);}
.tab_container .basic-table01 tbody tr td {font-size: 14.5px !important;border-top: none;}
.tab_container .basic-table01 tbody tr td a:not(.btn-basic) {border-bottom: none;width: auto;font-size: 14px;border: 1px solid #ddd;background: #f9f9f9;padding: 9px 12px;border-radius: 2px;text-decoration: none;margin-bottom: 0;}



