html,body,.wrapper {min-height: 100vh;background-color: #FBFBFB;}
::-webkit-scrollbar {width: 9px;}
::-webkit-scrollbar-thumb {background-color: #FF3333;border-radius: 15px;background-clip: padding-box;border: 2px solid transparent;}
::-webkit-scrollbar-track {background-color: #fff;border-radius: 15px;box-shadow: inset 0px 0px 5px white;}

.container {width: 100%;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
.container:before {content: " ";display: table;}
.container:after {content: " ";display: table;clear: both;}

.wrapper {padding-top: 60px;}
.header {height: 60px;background-color: #FF3333;position: fixed;left: 0;top: 0;width: 100%;z-index: 100;}
.header_in {height: 100%;max-width: 1160px;margin: 0 auto;padding: 0 15px;}
.header_in .mtop {display: flex;align-items: center;justify-content: space-between;height: 100%;}
.footer {background-color: #5C5C5C;padding: 12px 0;}
.footer_in {max-width: 1160px;padding: 0 15px;font-size: 14px;color: #fff;font-weight: 400;text-align: center;margin: 0 auto;}
.top_link {display: flex;align-items: center;justify-content: center;}
.top_link a {margin-right: 20px;box-shadow: 0 2px 2px rgb(0 0 0 / 5%);display: flex;align-items: center;justify-content: center;width: 100px;height: 32px;background-color: #fff;border-radius: 25px;}
.top_link a:last-child {margin-right: 0;}
.mtop_link_wrap {display: none;background-color: #FF3333;height: 60px;}
.mtop_link {display: flex;align-items: center;justify-content: center;height: 100%;}
.mtop_link {display: flex;align-items: center;justify-content: center;}
.mtop_link a {margin-right: 10px;box-shadow: 0 2px 2px rgb(0 0 0 / 5%);display: flex;align-items: center;justify-content: center;width: 60px;height: 32px;background-color: #fff;border-radius: 25px;}
.mtop_link a:last-child {margin-right: 0;}

.top_search {height: 32px;background-color: #fff;border-radius: 50px;width: 260px;position: relative;padding-right: 20px;}
.top_search .input {height: 100%;border-radius: 50px;padding: 0 15px;font-size: 15px;color: #000;font-weight: 500;width: 100%;border: none;outline: none;}
.top_search .submit {width: 18px;height: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('../img/ic_search.svg') no-repeat center center;font-size: 0;text-indent: -9999px;border: none;position: absolute;right: 10px;top: 0;cursor:pointer}

.main_container {padding: 40px 0;}
.main_in {max-width: 930px;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
.main_tit {margin-bottom: 20px;}

.daily_list li {margin-bottom: 20px;}
.daily_list li:last-child {margin-bottom: 0;}
.daily_list .item {display: flex;background-color: #fff;border: 1px solid #DFDFDF;}
.daily_list .img {flex-shrink: 0;width: 300px;height: 200px;overflow: hidden; }

.daily_list .text {flex-grow: 1;padding: 20px;position: relative;}
.dl_tit, .dl_tit a, .dl_tit a:hover, .dl_tit a:visited {font-size: 20px;color: #000;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;line-height: 1.3;}
.dl_txt, .dl_txt a, .dl_txt a:hover, .dl_txt a:visited {font-size: 16px;color: #666;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height: 1.3;}
.dl_time {font-size: 14px;color: #666;font-weight: 400;position: absolute;left: 20px;bottom: 20px;}

.dl_txt2, .dl_txt2 a, .dl_txt2 a:hover, .dl_txt2 a:visited {font-size: 16px;color: #666;font-weight: 400;line-height: 2.0;}

.page_wrap {display: flex;align-items: center;margin-top: 40px;justify-content: center;}
.page_wrap.end {justify-content: end;}
.page_nation {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.page_nation a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display:block;margin:0 4px;float:left;width:32px;height:32px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;text-align:center;font-size:14px;color:#666;font-weight: 400;text-decoration:none;line-height: 1;border-radius: 50%;border: 1px solid #dfdfdf;}
.page_nation .arrow {background-color: #fff;background-repeat: no-repeat;background-size: 32px auto;background-position: center center;opacity: 0.5;}
.page_nation .pprev {background-image: url('../img/pprev.svg');background-size: 12px auto;}
.page_nation .nnext {background-image: url('../img/nnext.svg');background-size: 12px auto;}
.page_nation .prev {background-image: url('../img/prev.svg');background-size: 6px auto;}
.page_nation .next {background-image: url('../img/next.svg');background-size: 6px auto;}
.page_nation .prev:hover,
.page_nation .next:hover {background-color: #fff;opacity: 1;}
.page_nation a:hover,
.page_nation a.active {background-color:#FF3333;color: #fff;border-color: #FF3333;}
.show-xs {display: none;width: 100%;}

@media (max-width: 1219px) {
	.top_link a {margin-right: 10px;}
}

@media (max-width: 991px){
	.top_link {display: none;}
	.mtop_link_wrap {display: block;}
	.header_in {border-bottom: 1px solid #fff;}
	.wrapper {padding-top: 120px;}
}

@media (max-width: 767px){
	.daily_list .item {display: block;}
	.daily_list .img {width: 100%;}
	.daily_list .img img {width: 100%;}
	.dl_time {position: static;margin-top: 15px;}
	.hidden-xs {display: none;}
	.show-xs {display: block;}
}
@media (max-width: 575px){
	.top_search {width: 200px;}
}