@charset "utf-8";


html {position: relative; height: 100%; min-height: 100%; margin: 0; -webkit-text-size-adjust:none;}
body {position: relative; width: 100%; height: auto; min-height: 100%; font-family: 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif'; overflow-y: auto; overflow-x: hidden; letter-spacing: 0;}
*, *::before, *::after {padding:0; margin:0; box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif'; word-break: keep-all;}
input,button,textarea,select{font-family: 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif'; }
ul {list-style-type: none; padding-inline-start: 0;}
a {text-decoration: none;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td{padding:0;}
button {border: none; background:none; cursor: pointer;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
textarea {font-size: 16px; resize: none;border: none; border-bottom: 2px solid #dadada; height: 180px; width: 100%; padding: 20px 0; border-radius: 0;}
textarea:focus {outline:none;}
textarea::placeholder {color:#999;}
textarea::-webkit-scrollbar {width: 4px;}
textarea::-webkit-scrollbar-thumb {background-color: #666; border-radius: 50px; border-radius: 10px; }
textarea::-webkit-scrollbar-track {background:none;}
form .hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
input {border: none; border-bottom: 2px solid #dadada; border-radius: 0; font-size: 16px; font-weight: 400; height: 60px; padding: 0;}
input::placeholder {font-weight: 400; color:#aeaeae;}
input:focus {border-bottom: 2px solid #292929; outline: none;}
select {border: none; border: 1px solid #e6e6e6; font-size: 17px; height: 60px; background: url('../images/select_arrow_x3.png') #fff no-repeat right 25px center / 11px 7px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 0 20px; color:#222;}

.form_radio_btn {display: flex;}
input[type="radio"] {display:none;}
input[type="radio"] + label {cursor: pointer; display: flex; align-items: center; width: 26px; height : 26px; border: 1px solid #dadada; border-radius: 50%; justify-content: center; margin: 0 auto; text-align: center;}
input[type="radio"] + label:hover {background: #f5f5f5;}
input[type="radio"] + label span {display: inline-block; width: 13px; height: 10px; margin: 2px 1px 0 0; vertical-align: sub; background: url('../images/check_off.png') center no-repeat; cursor: pointer; background-size: cover;}
input[type=radio]:checked + label {background: #111; border: 1px solid #111; color: #fff;}
input[type="radio"]:checked + label span {background:url('../images/check_on.png') center no-repeat; background-size: cover;}
input[type="radio"] + label .caption {cursor: pointer; display: inline-block; font-size: 16px; font-weight: 300; color:#999; vertical-align: revert;}
input[type="radio"]:checked + label .caption {color:#000;}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {cursor: pointer;}
input[type="checkbox"] + label span {display: inline-block; width: 16px; height: 16px; margin: 0 0 0 10px; background: url('../images/check_off.png') no-repeat center / 10px 10px; cursor: pointer; background-size: cover; border: 1px solid #bdbdbd; padding: 4px; background: transparent; vertical-align: middle;}
input[type="checkbox"]:checked + label span {background: url('../images/check_on.png') no-repeat center / 10px 10px;}
input[type="checkbox"] + label .caption {cursor: pointer; display: inline-block; font-size: 16px; font-weight: 300; color:#999; vertical-align: revert; margin: 0 !important; vertical-align: middle;}
input[type="checkbox"]:checked + label .caption {color:#464646;}



.container {padding-top: 100px;}
.wrapper {width: 100%; padding: 0 70px; margin: 0 auto; position: relative;}
.wrapper2 {width: 100%; max-width: 1362px; padding: 0 16px; margin: 0 auto; position: relative;}



/** Table **/
.tb::-webkit-scrollbar {width: 5px; height: 5px;}
.tb::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 50px; border-radius: 10px; }
.tb::-webkit-scrollbar-track {background:none;}
.tb table {width: 100%; border-top: 1px solid #20a8be;}
.tb table thead th {font-size: 20px; background-color: #f2fafb; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 0 4px; height: 70px; vertical-align: middle; font-weight: 600; color: #222; letter-spacing: -0.5px;}
.tb table tbody td {font-size: 20px; color: #666; text-align: center; letter-spacing: -0.5px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 0 4px; height: 70px; word-break: keep-all; vertical-align: middle; font-weight: 400;}
.tb table thead th:nth-child(1), .tb table tbody td:nth-child(1) {background-color: #f2fafb; font-weight: 600; color: #222;}
.tb table thead th:last-child, .tb table tbody td:last-child {border-right: 0;}


/** Pagination**/
.pagination {text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 45px; border-top: 1px solid #e9e9e9; padding: 40px 0;}
.pagination span {margin: 0 10px; display: flex; align-items: center; justify-content: center;}
.pagination a {font-size: 16px; color:#646464; font-weight: 400; width: 20px; margin: 0 4px; line-height: 22px; display: inline-block; vertical-align: top; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #fff;}
.pagination a:hover, .pagination a.on {color: #1a1a1a; border: 1px solid #e9e9e9;}
.pagination a.prev {background: url('../images/pagination_prev.png') no-repeat center / 7px 10px;}
.pagination a.next {background: url('../images/pagination_next.png') no-repeat center / 7px 10px;}
.pagination a.first:hover, .pagination a.prev:hover, .pagination a.next:hover, .pagination a.last:hover {border: none;}
.pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last {font-size: 0; width: 14px; color: #1a1a1a;}
.pagination a.prev {margin-right: 20px;}
.pagination a.next {margin-left: 20px;} 
.pagination a.move {width: 13px; margin: 0 10px; flex-shrink: 0;}
.pagination a.move:hover {border: none;}


/** Header **/
.header {width: 100%; position: fixed; z-index: 999; transition: all 0.3s; top: 0;}
.header a {font-family: "Averia Serif Libre", serif;}
.header_con {width:100%; z-index: 5; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s; height: 100px;}
.header_con .hd_inner {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 70px;}
.header_con .contents_wrapper {display: flex; justify-content:space-between; align-items: center;}
.header_con .logo {z-index: 9999; background: url('../images/logo.png') no-repeat center / cover; width: 75px; height: 23px; background-size: contain; transition: all 0.3s;}
.header_con .navigator {display: flex; align-items: center;}
.header_con .navigator .header-menu {display: inline-block; vertical-align: middle;}
.header_con .navigator .header-menu li {display: inline-block; padding: 0 37px; vertical-align: top; position: relative; cursor: pointer; overflow: hidden; text-align: center;}
.header_con .navigator .header-menu li:last-child {padding-right: 0;}
.header_con .navigator .header-menu li.on:hover {overflow: initial;}
.header_con .navigator .header-menu li a {font-size: 18px; font-weight: 500; line-height: 18px; letter-spacing: 0; padding: 27px 0; color: #000;}
.header_con .navigator .header-menu li.on .sub_menu {opacity: 0; background-color: #fff; border: 1px solid #e8e8e8; min-width: 200px; position: absolute; left: 50%; margin-top: 12px; box-shadow: 0 10px 15px rgb(0 0 0 / 4%); transform: translate(-50%, 30px); text-align: left; padding: 10px 0; transition: opacity 500ms ease, transform 800ms ease;}
.header_con .navigator .header-menu li.on:hover .sub_menu {opacity: 1; visibility: visible;  transform: translate(-50% , 10px);}
.header_con .navigator .header-menu li .sub_menu li.depth_on {position: relative; font-size: 15px; font-weight: 500; color: #2a3781;}
.header_con .navigator .header-menu li .sub_menu li.depth_on span {display: inline-block; width: 0; height: 0; border-left: 5px solid #2a3782; border-bottom: 3px solid transparent; border-top: 3px solid transparent; margin-left: 8px; vertical-align: middle;}
.header_con .navigator .header-menu li .sub_menu li .third_depth {opacity: 0; display: inline-block; position: absolute; z-index: 9999; top: 0; left: 150px; background-color: #fff; box-shadow: 2px 3px 10px rgb(0 0 0 / 3%); width: 150px;}
.header_con .navigator .header-menu li .sub_menu li.depth_on:hover{overflow: initial;}
.header_con .navigator .header-menu li .sub_menu li.depth_on:hover .third_depth {opacity: 1; visibility: visible; transition: opacity 200ms ease, transform 400ms ease;}
.header_con .navigator .header-menu li .sub_menu li .third_depth a::after {display: none;}
.fixed .header_con .navigator .header-menu li.on .sub_menu {margin-top: -1px;}
.header_con .navigator .header-menu li.on .sub_menu li {display: block; padding: 11px 16px; line-height: 18px;}
.header_con .navigator .header-menu li.on .sub_menu li a {font-size: 15px; font-weight: 400; color:#1a1a1a; text-align: center;}
.header_con .navigator .header-menu li.on .sub_menu li:hover a{color:#999;}
.header_con .navigator .util_menu {display: inline-block; margin-left: 30px; vertical-align: middle; float: right;}
.header_con .navigator .util_menu li {display: inline-block; padding: 0 12px; line-height: 21px;}
.header_con .navigator .util_menu li a {display: inline-block; width: 21px; height: 28px;}
.header_con .right_menu {display: flex; align-items: center; margin-left: 35px;}
.header_con .right_menu .box {display: flex; align-items: center; justify-content: center;}
.header_con .right_menu .box.all_menu_box {cursor: pointer; transition: all 0.3s; display: none; margin-left: 20px;} 
.header_con .right_menu .all_menu {display: inline-block; position: relative; width: 25px; height: 18px; vertical-align: middle;}
.header_con .right_menu .all_menu span {display: block;position: absolute; right: 0; width: 100%; height: 2px; background: #000; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out;}
.header_con .right_menu .all_menu span:nth-child(1) {top: 0;}
.header_con .right_menu .all_menu span:nth-child(2) {top: 8px; width: 60%;}
.header_con .right_menu .all_menu span:nth-child(3) {top: 16px;}
.header_con .right_menu .lang {display: inline-block; position: relative; padding: 20px 0; cursor: pointer; margin: 0;}
.header_con .right_menu .lang .active {color:#222; position: relative; font-weight: 700; display: flex; align-items: center;}
.header_con .right_menu .lang .active .f14 {color:#fff; font-weight: 500; letter-spacing: 0;}
.header_con .right_menu .active .icon {display: inline-block; background: url('../images/lang_ic.png') no-repeat center / cover; width: 25px; height: 24px; margin-left: 15px;}
.header_con .right_menu .lang .lang_menu {display:none; background-color: #fff;  width: 100px; position: absolute; left: -25px; top: 60px; box-shadow: 4px -2px 19px rgb(0 0 0 / 14%); text-align: center; z-index: 9; border-radius: 10px; padding: 10px 13px;}
.header_con .right_menu .lang .lang_menu a {font-size: 15px; font-weight: 600; color:#222; display: block; padding: 7px 6px; margin-bottom: 5px;}
.header_con .right_menu .lang .lang_menu a:last-child {margin-bottom: 0;}
.header_con .right_menu .lang .lang_menu a:hover, .header_con .lang .lang_menu a.active {color: #fff; font-weight: 600; background-color: #000; border-radius: 8px;}
.header_con.on {height: 380px; background-color: #fff; transition: all 0.7s ease-in-out;}
.header_con.on .hd_inner {border-bottom: 1px solid #e6e6e6; transition: all 0.5s ease;}
.header_con.on .navigator .header-menu li {transition: all 0.3s ease-in-out;}
.header_con.on .right_menu .all_menu span {background: #222;}
.header_con.active {background-color: #fff;}
.header_con.active .hd_inner {border-bottom: 1px solid #e6e6e6; transition: all 0.5s ease;}
.header_con.active .navigator .header-menu li {transition: all 0.3s ease-in-out; }
.header_con.active .right_menu .all_menu span {background: #222;}
.header.under {background: rgb(255, 255, 255, 0.85); transition: all 0.3s;}
.header.under .header_con .logo {width: 75px; height: 23px; transition: all 0.3s; background-size: contain;}
.header.under .header_con {margin: 13px 0; transition: all 0.3s; height: 50px;}
.header.under .header_con .navigator .header-menu li a {transition: all 0.3s;}
.header.under .header_con .right_menu .box {transition: all 0.3s;}

.header .modal {display: none; position: fixed; width: 100%; max-width: 780px; height: 100vh; top: 0; right: 0; bottom: 0; z-index: 999999; box-shadow: -10px 10px 40px 0px rgb(0 0 0 / 20%);}
.header .modal .max_w {padding: 63px 60px 55px 110px; height: 100%; display: flex; flex-flow: column; justify-content: space-between;}
.header .modal .modal_top {display: flex; justify-content: space-between;}
.header .modal .right_menu {display: flex; align-items: center; margin-left: 35px;}
.header .modal .right_menu .all_menu_box {background: #54ac7f; cursor: pointer;} 
.header .modal .right_menu .all_menu {display: inline-block; position: relative; width: 25px; height: 5px; vertical-align: middle;}
.header .modal .right_menu .all_menu span {display: block;position: absolute; right: 0; width: 100%; height: 2px; background: #fff; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out;}
.header .modal .right_menu .box {width: 70px; height: 70px; display: inline-block; display: flex; align-items: center; justify-content: center;}
.header .modal .header_close_btn {display: inline-block; width: 24px; height: 24px;  position: absolute; right: 20px;  top: 40px; cursor: pointer; z-index: 1;}
.header .modal .header_close_btn span { display: inline-block; background: #323e7a; height: 37px; position: relative; width: 3px; transform: rotate( 135deg); left: 10px;}
.header .modal .header_close_btn span:after {content: ""; background: #323e7a; height: 3px; position: absolute; top: 17px;  left: -17px; width: 37px;}
.header .modal .mobile {position: fixed; width: 100%; height: 100vh; top: 0; right: 0; bottom: 0; z-index: 999; background:#1a1a1a;}
.header .modal .mobile .header_close_btn {display: inline-block; width: 24px; height: 24px;  position: absolute;  right: 20px;  top: 24px; cursor: pointer; z-index: 1;}
.header .modal .mobile .header_close_btn span { display: inline-block; background: #fff; height: 24px;  position: relative; width: 1px; transform: rotate( 135deg); left: 10px;}
.header .modal .mobile .header_close_btn span:after {content: ""; background: #fff; height: 1px; position: absolute; top: 12px;  left: -11px; width: 24px;}
.header .modal .mobile .container {height: 100vh; padding-top: 0;}
.header .modal .mobile ul#myMenu {position: relative; top: 50%; transform: translateY(-52%); text-align: center;}
.header .modal .mobile li {white-space: nowrap;}
.header .modal .mobile li.category {margin-bottom: 20px; cursor: pointer; line-height: 30px;}
.header .modal .mobile li.category a.cate_txt {font-size: 24px; font-weight: 600; color: #fff;} 
.header .modal .mobile ul.sub_menu {margin-top: 6px; display: none;}
.header .modal .mobile ul.sub_menu li {padding: 3px 0;}
.header .modal .mobile ul.sub_menu li a {font-size: 15px; font-weight: 500; color:#ccc; line-height: 28px; display: inline-block; position: relative;}
.header .modal .mobile ul.sub_menu li .depth {margin-bottom: 10px;}
.header .modal .mobile ul.sub_menu li .depth li a {color:#a4c6d9; font-weight: 400; font-size: 15px;}
.header .modal .mobile li a span {display: inline-block;  z-index: 1;  height: 3px; width: 0%;  background-color: #fff; position: absolute; bottom: 1px; left: 0;}
.header .modal .mobile li a:hover {color:#fff; transition: all 0.8s;} 
.header .modal .mobile li a:hover span { width: 100%; transition: all 0.8s;} 
.header .modal .mobile li a .circle {display: inline-block;  width: 12px; height: 12px; background-color: #ec6617; border-radius: 50%; position: absolute; right: -30px; top: 0; opacity: 0; }
.header .modal .mobile li a:hover .circle {opacity: 1; transition: all 0.8s;}
.header .modal .mobile li.sns {margin-top: 40px;}
.header .modal .mobile li.sns a.icon {margin: 0 8px;}
.header .modal .mobile li.sns a.icon img {width: 100%; max-width: 20px;}


/** Footer **/
.footer {border-top: 1px solid #e8e8e8; padding-top: 100px;}
.footer .top {}
.footer .bottom {padding: 35px 0; margin-top: 80px;}
.footer div, .footer a, .footer span {font-family: "Averia Serif Libre", serif; letter-spacing: -0.5px;}
.footer .brick {display: flex; justify-content: space-between;}
.footer .side {width: 20%;}
.footer .logo {background: url('../images/logo.png') no-repeat center / cover; width: 75px; height: 23px; background-size: contain;}
.footer .logo img {width: 100%; max-width: 75px;}
.footer .center {position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.footer .center .f18 {font-weight: 300; text-align: center;}
.footer .center .contact_us {display:flex; flex-direction:column; width:-moz-fit-content; width:fit-content; text-decoration:none; margin-top: 25px;}
.footer .center .contact_us::after {content: ''; display: inline-block; width: 0; height: 4px; background: #1a1a1a; margin-top: 15px; transition: all 0.3s;}
.footer .center .contact_us .txt {display:inline-flex; flex-direction:column; height:1em; overflow:hidden; font-size:68px; font-weight: 300; line-height:1; text-transform:uppercase;  color: #1a1a1a;}
.footer .center .contact_us .txt>span {transition:transform .4s cubic-bezier(.26,.67,.55,.98);}
.footer .center .contact_us:hover::after{width: 100%; transition: all 0.5s ease-in-out;}
.footer .center .contact_us:hover .txt>span {transform:translateY(-1em);}
.footer .ft_menu {}
.footer .ft_menu li {margin-bottom: 15px; text-align: right;}
.footer .ft_menu li:last-child {margin-bottom: 0;}
.footer .ft_menu li a {font-weight: 300; transition: all 0.3s;}
.footer .copyright {font-weight: 300;}
.footer .top_btn {}
.footer .top_btn a {display: flex; justify-content: center; align-items: center;}
.footer .top_btn a .f16 {transition: all 0.3s;}
.footer .top_btn a i {font-size: 18px; font-weight: 300; color: #1a1a1a; margin-left: 14px; ; transition: all 0.3s;}
.footer .ft_menu li a:hover, .footer .top_btn a .f16:hover, .footer .top_btn a:hover i {color: #999; transition: all 0.3s;}












@media (max-width: 1600px) {
   .wrapper {padding: 0 16px;}
   .header_con .hd_inner {padding: 0 16px;}

   .footer {padding-top: 80px;}

}


@media (max-width: 1440px) { 
   .header_con {height: 80px;}
   .header_con .navigator .header-menu li.on:hover .sub_menu {transform: translate(-50% , 0);}
   .header_con .navigator .header-menu li a {font-size: 16px;}
   .header.under .header_con {height: 40px;}
   .header.under .header_con .logo {width: 65px; height: 20px;}

   .footer {padding-top: 60px;}
   .footer .bottom {padding: 30px 0; margin-top: 50px;}
   .footer .center .contact_us .txt {font-size: 5vw;}

   .container {padding-top: 80px;}

   .tb table thead th, .tb table tbody td {font-size: 18px; line-height: 26px; height: 64px;}

   select {background: url('../images/select_arrow_x3.png') #fff no-repeat right 15px center / 11px 7px;}

   .pagination {padding: 30px 0;}



}




@media (max-width: 1200px) { 
   .header_con .navigator .header-menu li {padding: 0 28px;}
   .header_con .navigator .header-menu li:last-child {padding-right: 0;}

   .footer .center .contact_us {margin-top: 20px;}
   .footer .center .contact_us::after {margin-top: 8px; height: 3px;}
   .footer .ft_menu li {margin-bottom: 10px;}
   

   input, select {height: 54px;}
   textarea {padding: 14px 0;}
   .searchform button img {max-width: 21px;}





}



@media (max-width: 1024px) { 
   .header.under .header_con {margin: 10px 0;}
   .header_con {height: 60px;}
   .header_con .navigator .header-menu {display: none;}
   .header_con .right_menu .box.all_menu_box {display: flex;}
   .header_con .logo {width: 60px; height: 18px;}
   .header.under .header_con .logo {width: 60px; height: 17px;}

   .footer {padding-top: 50px;}
   .footer .bottom {padding: 20px 0; margin-top: 40px;}

   .container {padding-top: 60px;}

   table colgroup col:nth-child(1) {width: 20%;}
   table colgroup col:nth-child(2) {width: 40%;}
   table colgroup col:nth-child(3) {width: 40%;}
   .tb table thead th, .tb table tbody td {font-size: 16px; line-height: 24px; height: 60px;}

   input, select, textarea {font-size: 15px; line-height: 23px;}
   input[type="radio"] + label {width: 22px; height: 22px;}
   input[type="checkbox"] + label .caption {font-size: 15px; line-height: 23px;}

   .pagination {padding: 20px 0;}

   

}



@media (max-width: 959px) { 
   .header .modal .max_w {padding: 65px 60px 55px;}



}



@media (max-width: 768px) {

   .footer .center .contact_us::after {margin-top: 6px; height: 2px;}
   
}



@media (max-width: 640px) {
   .searchform fieldset {flex-wrap: wrap;}
   .searchform select {flex: 1 1 calc(50% - 10px); margin-right: 10px;}
   .searchform select:nth-child(2) {margin-right: 0;}
   .searchform .search_con {width: 100%; margin-top: 8px;}
   
   .footer .center {margin: 30px 0 20px; transform: none;}
   .footer .side {width: auto;}
   .footer .logo {width: 55px; height: 16px;}
   .footer .bottom {padding: 15px 0; margin-top: 30px;}
   .footer .brick {flex-flow: column; align-items: center; justify-content: center;}
   .footer .logo img {max-width: 60px;}
   .footer .ft_menu li {text-align: center; margin-bottom: 6px;}
   .footer .center {position: static;}
   .footer .center .f18 {font-size: 14px; line-height: 22px;}
   .footer .center .contact_us {margin-top: 10px;}
   .footer .center .contact_us .txt {font-size: 34px;}
   .footer .top_btn {margin-top: 20px;}
   .footer .copyright {font-size: 14px;}


   textarea {height: 150px;}

   

}







@media (max-width: 479px) {
   .tb table thead th, .tb table tbody td {font-size: 14px; line-height: 22px; height: 54px;}

   .pagination {padding: 15px 0;}
   .pagination a {margin: 0; width: 30px; height: 30px;}
   .pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last {margin: 0 6px;}
   .pagination a.prev {margin-right: 20px;}
   .pagination a.next {margin-left: 20px;}



   .footer .ft_con .top_btn a {width: 50px; height: 50px;}
   .footer .ft_con .ft_info > ul {flex-flow: column;}


}



@media (max-width: 374px) {
   .tb table thead th, .tb table tbody td {font-size: 13px; line-height: 21px; height: 52px;}

   .pagination a.prev {margin-right: 14px;}
   .pagination a.next {margin-left: 14px;}

}


@media (max-height: 650px) {

}