#wrap {flex-wrap: wrap;justify-content: center;background: none;}

/* time_btn */
#time_btn {overflow-x: scroll;width: 100%;align-items: center;z-index: 999;justify-content: center;left:0;}
#time_btn[data-type="0"] {margin: auto;display: flex;flex-direction: row;}
#time_btn[data-type="1"] {background: var(--white);display: flex;flex-direction: row;flex-wrap: wrap;background-color: rgb(255 255 255 / 92%);}
#time_btn::-webkit-scrollbar { width: 0; height: 0; }
#time_btn a { margin: 0 10px; padding: 20px 5px; min-width: 55px; font-weight: 400; font-size: 22px; }

/* time_list */
#time_list {margin-top: 90px;}
#time_list >div h6 {line-height: 130%;font-size: 53px;text-align: center;font-weight: 300;margin-bottom: 20px;color: #0166c5;}
#time_list >div ul {position: relative;padding: 10p;}

/* load_box */
#load_box {margin: 0;justify-content: center;align-items: center;}
#load_box p {background: #f8f8f8;/* border: 10px #ececec solid; */justify-content: center;align-items: center;border-radius: 50%;}
#load_box p font {width: 30px;height: 30px;text-align: center;line-height: 110%;font-weight: 300;color: #fff;border-radius: 50%;}

@media screen and (min-width: 1481px){
}
@media screen and (max-width: 1480px){
	#time_btn a{width: auto;padding: 5px 5px;}
}
@media screen and (max-width: 980px){
	#time_list >div , #time_list >div h6 , #time_list >div ul { font-size: 40px; }
	#load_box p { border-width: 5px; }
	#load_box p font { font-size: 14px; }
}
@media screen and (min-width: 769px){
    #time_list {margin-top: 0px;}
	#time_list >div {position: relative;margin-top: 20px;padding: 30px 0;}
	#time_list >div h6 {background: var(--white);text-align: center;}
	#time_list >div ul:before {position: absolute;width: 1px;height: 100%;background: #ccc;display: block;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: "";}
	#time_list >div ul li {overflow: initial;position: relative;margin: 20px 0 20px calc(50% + 50px);width: auto;display: block;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	#time_list >div ul li:nth-child(2n) {margin-right: calc(50% + 50px);margin-left: 0;text-align: right;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
	#time_list >div ul li:before {position: absolute;width: 15px;height: 15px;background: #0067C6;border: 4px solid #B3D2EE;border-radius: 50%;display: block;top: 5px;left: -57px;content: "";}
	#time_list >div ul li:nth-of-type(even):before {left: auto;right: -58px;}
}
@media screen and (max-width: 768px){
	#time_btn[data-type="0"]{flex-direction: row;flex-wrap: wrap;}
    #time_list {margin-top: 20px;}
	#time_list >div h6 { min-width: 85px; }
	#time_list >div ul { width: 100%; }
	#time_list >div ul:before {position: absolute;width: 1px;height: 100%;background: #ccc;display: block;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: "";}
	#time_list >div ul li {overflow: initial;position: relative;margin: 10px 0 10px calc(0% + 20px);width: auto;display: block;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #f8f8f8;padding: 10px 0;}
	#time_list >div ul li:before {position: absolute;width: 15px;height: 15px;background: #0067C6;border: 4px solid #B3D2EE;border-radius: 50%;display: block;top: 16px;left: -30px;content: "";}
}
@media screen and (max-width: 640px){
	#time_list >div { flex-wrap: wrap; }
	#time_list >div h6 { font-size: 33px; }
	#time_list >div ul {margin: 0;padding: 20px 0 30px 0px;border-top: 0;}
}