@charset "UTF-8";

body, html {
	overflow-x:hidden;
}
/* style */
.mb30{margin-bottom:30px !important;}
.mt30{margin-top:30px !important;}
.mr30{margin-right:30px;}
.mal{margin-left:15px;margin-right: 13px;}
.pt0{padding-top:0px !important;}
.fixb{display:flex;justify-content:space-between;align-items:center;}
.fixb a{/* margin-right: 10px; */}
.main-element{}
.main-element .main-top-box{background-image:url("../images/icon/con_01/01.PC/img_mainbanner08.png");height: 830px;background-position: center;position: relative;}
.main-element .main-top-box > .box{width:100%;height: 700px;margin:0px auto;display: block;padding: 140px 0px 0px 0px;}
.main-element .main-top-box .box .search-box{color:#fff;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;max-width: 1440px;margin: 0px auto;}
.main-element .main-top-box .box .search-box .top-area{margin-top: 150px;}
.main-element .main-top-box .box .search-box .top-area dl{}
.main-element .main-top-box .box .search-box .top-area dl dd{}
.main-element .main-top-box .box .search-box .top-area dl dd:nth-child(1){font-size:30px;}
.main-element .main-top-box .box .search-box .top-area dl dd:nth-child(2){font-size:50px;font-weight: 500;}
.main-element .main-top-box .box .search-box .top-area dl dd:nth-child(3){font-size:20px;}
.main-element .main-top-box .box .search-box .bottom-area{width: 100%;max-width: 1110px;margin-top: 10px;position: relative;}
.main-element .main-top-box .box .search-box .bottom-area dl{}
.main-element .main-top-box .box .search-box .bottom-area dl dd{position: relative;}
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(1){}
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(1) input[type="text"]{width: calc(100% - 50px);height: 70px;border-radius: 50px;background-color: #ffffffa8;text-indent: 40px;padding-right: 50px;font-size: 17px;font-weight: 500;}
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(1) input[type="text"]::placeholder{color:#fff;}
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(1) i{ content: " "; background-image: url(../images/icons/icon_gnb_search.png); width: 21px; height: 20px; display: block; position: relative; right: -8px; top: 7px; cursor: pointer;}
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(1) a{ width: 35px; height: 35px; display: block; position: absolute; right: 20px; top: 17px; }
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2){}
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) a{border: 1px solid #fff; border-radius: 40px; height: 24px; display: inline-block; line-height: 26px; padding: 0px 12px; font-size: 14px; margin: 5px;}
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) a:last-child{margin-right:0px;}
.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) strong{font-weight: 500;}
.tab-search-element{position: absolute;z-index: 10001;left: 0;top: 140px;width: 100%;height: -webkit-fill-available;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);display:none;}
.tab-search-element .tab-search{position: absolute;background-color:#fff;max-width: 100%;width: calc(100% - 118px);height: 128px;padding: 60px;left: 0px;right: 0px;top: 0px;margin: 0px auto;z-index: 5;border-top: 1px solid #E5E5E5;}
.tab-search-element .tab-search .tab-search-box{}
.tab-search-element .tab-search .tab-search-box .search-box .txt{font-size:30px;font-weight:700;color:#333333;text-align:center;margin-bottom:25px;}
.tab-search-element .tab-search .tab-search-box .search-box .search-area{justify-content:center;}
.search-box{max-width: 640px;margin: 0px auto;display: flex;flex-direction: column;width: 100%;}
.search-box p{font-size: 21px;color:#fff;}
.search-box p:after{content:" ";width: calc(100% - 0px);height: 10px;background-color: #76D898;display: block;margin-top: -5px;margin-bottom: 20px;opacity: 0.5;}
.search-box p span{font-size: 34px;color:#76D898;font-weight: 700;}
.search-box .search-area{font-size: 16px;display: flex;}
.search-box .search-area input[type="text"]{font-weight: 500;width: 100%;max-width: 448px;height: 48px;float: left;padding: 0px 10px;border: 1px solid #0033a0;font-size: 16px;}
.search-box .search-area a{color: #fff;width: 68px;height: 48px;display: block;text-align: center;line-height: 49px;background-color: #0033a0;float: left;margin-right: 10px;font-weight: 600;cursor:pointer;border: 1px solid #0033a0;}
.search-box .search-area span{background-color: #44465c;color: #fff;width: 90px;height: 50px;display: block;float: left;text-align: center;line-height: 51px;font-weight: 600;cursor:pointer;}

.count-area{color:#fff;background-color: #000000c4;position: absolute;bottom: 0px;width: 100%;}
.count-area .box{max-width:1440px;margin:0px auto;display: flex;height: 150px;align-items: center;justify-content: center;}
.count-area dl{font-size: 19px;max-width: 200px;width: 100%;text-align: center;line-height: 1.3;letter-spacing: -2px;position: relative;}
.count-area dl:first-child:before{display:none;}
.count-area dl:before{content:" ";/* width: 1px; */height: 70px;background-color:#fff;display:block;position: absolute;right: 0px;top: 2px;}
.count-area dl dd{}
.count-area dl dd span{font-size:24px;}
.count-area dl:nth-child(1){}
.count-area dl:nth-child(1) dd{font-size: 30px;}
.count-area dl:nth-child(2) dd:nth-child(1),.count-area dl:nth-child(3) dd:nth-child(1),.count-area dl:nth-child(4) dd:nth-child(1){font-size: 24px;}
.count-area dl:nth-child(2) dd:nth-child(2),.count-area dl:nth-child(3) dd:nth-child(2),.count-area dl:nth-child(4) dd:nth-child(2){font-size: 40px;}
.main-center-box{max-width: 1440px;width: 100%;margin: 0px auto;padding: 60px 0px;}
h2{font-size: 30px;font-weight: 500;margin-bottom: 10px;letter-spacing: -1.5px;}
h3{color:#44465C;font-size:18px;}
h4{font-size:20px;color:#44465C;font-weight:500;}
.list-box{display: flex;flex-wrap: wrap;width: 100%;max-width: 1440px;margin: 0px auto;justify-content: flex-start; }
.list-box .box{}
.list-box dl{max-width: 445px;width: 100%;height: 100%;max-height: 470px;display: flex;flex-direction: column;margin-bottom: 30px;border-radius: 20px;border: 1px solid #d7d7d7;margin-right: 47px;}
.list-box dl:nth-child(3n){margin-right:0px;}
.list-box dl span{}
.list-box dl dd{padding: 0px 20px;margin-bottom:10px;font-size:16px;font-weight: 300;cursor: pointer;}
.list-box dl dd:last-child{padding-bottom:20px;margin-bottom:0px;}
.list-box dl dd:nth-child(1){padding:0px;}
.list-box dl dd:nth-child(1) img{border-radius: 20px 20px 0px 0px;height: 297px;width: 100%;background-position: center;object-fit: cover;}
.list-box dl dd:nth-child(2){font-size: 20px;font-weight: 500;margin-top: 10px;}
.main-bottom-box{background-color: #f3f3f3;padding: 60px 0px;width: 100%;height: 100%;}
.main-bottom-box .list-area{width:100%;height: 100%;max-width:1440px;margin:0px auto;}
.list-area{}
.list-area dl{max-width: 100%;width: 100%;display: flex;flex-wrap: wrap;text-align: center;justify-content: space-between;position:relative;}
.list-area dl dd{width: calc(100% / 4);margin-bottom: 20px;position: relative;}
.list-area dl dd img{width: 100%;max-width: 339px;height: 100%;border-radius: 20px;object-fit: cover;}
.list-area .photo-hover{display:block; position:absolute;top: 0px;width: calc(100% - 20px);left: 10px;height: 100%;background-color: #2b3030;opacity: 1; background-color: rgba(43, 48, 48, 0.5); border-radius: 20px;}
.list-area dl dd:hover > .photo-hover{display:block;width: calc(100% - 20px);}
.list-area dl .photo-hover dl{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position: relative;top: 28%;}
.list-area dl .photo-hover dl dd{width:100%;margin-bottom: 5px;}
.list-area dl .photo-hover dl dd:nth-child(1){font-size:24px; cursor: pointer;}
.list-area dl .photo-hover dl dd:nth-child(2){font-size:14px; cursor: pointer;}
.list-area dl .photo-hover dl dd:nth-child(3){font-size:14px; cursor: pointer;}
.main-video-box{max-width:1440px;width:100%;margin:0px auto;padding: 60px 0px;}
.main-video-box .boxs{display:flex;justify-content:space-between;align-items:center;width: 100%;max-width: 1440px;}
.main-video-box .left-area{border-radius: 20px;display: contents;max-width: 860px;height: 460px;}
.main-video-box .left-area img{border-radius: 20px;object-fit: cover;width:860px;height:480px;}
.main-video-box .left-area video{}
.main-video-box .right-area{max-width: 530px;display: flex;flex-direction: column;height: 460px;justify-content: space-between;}
.main-video-box .right-area .top{margin-top: 35px;}
.main-video-box .right-area .top dl dd{/* letter-spacing:-1.5px; */}
.main-video-box .right-area .top dl dd strong{font-weight:400;}
.main-video-box .right-area .top dl dd:nth-child(1){font-size:20px;font-weight: 300;}
.main-video-box .right-area .top dl dd:nth-child(2){font-size:28px;font-weight:500;margin-bottom: 5px;}
.main-video-box .right-area .top dl dd:nth-child(3),.main-video-box .right-area .top dl dd:nth-child(4){font-size: 17px;color:#3b3b3b;}
.main-video-box .right-area .bottom{position: relative;height: 240px;}
.main-video-box .right-area .bottom .box{position: relative;}
.main-video-box .right-area .bottom .box dl{height: 240px;}
.main-video-box .right-area .bottom .box dl dd{}
.main-video-box .right-area .bottom .box dl dd img{width: calc(100% - 10px);border-radius: 20px;margin: 0px auto;}
.main-video-box .right-area .bottom .box dl dd:nth-child(2){font-size: 16px;margin-top: 15px;font-weight: 300; word-wrap:normal; width: 250px;}
.main-slide{position: relative;}
.main-slide .slick-dots{top: -275px;position: relative;transform: translateX(-50%);left: calc(100% - 45px);width: 110px;}
.main-slide .slick-dots li{margin:0px;width: 13px;height: 13px;background-color: #CCCCCC;margin-right: 5px;border-radius: 20px;}
.main-slide .slick-dots li.slick-active{background-color:#aaaaaa;width:35px;}
.main-slide .slick-dots li button{width: 13px;height: 13px;padding: 0px;}
.main-slide .slick-dots li button:before{border-radius: 30px;content: " ";width: 10px;height: 10px;}
.sub-main-element{padding-top: 140px;margin: 0px auto;}
.sub-main-element.ver1{}
.sub-search-box{max-width:1440px;width:100%;margin: 50px auto;}
.sub-search-box dl{display: flex;justify-content: center;}
.sub-search-box dl dd{position: relative;}
.sub-search-box dl dd select{height:50px;width:185px;border:1px solid #d7d7d7;border-radius:5px;text-indent: 10px;margin-right: 10px;}
.sub-search-box dl dd input[type="text"]{height:50px;width: 730px;border:1px solid #d7d7d7;border-radius:5px;text-indent: 15px;padding-right: 40px;}
.sub-search-box dl dd input[type="text"]::placeholder{color:#AAAAAA;}
.sub-search-box dl dd i{ content: " "; background-image: url(../images/icons/icon_gnb_search.png); width: 21px; height: 20px; display: block; position: relative; right: -8px; top: 0px; cursor: pointer;}
.sub-search-box dl dd a{ width: 35px; height: 35px; display: block; position: absolute; right: 20px; top: 17px; }

.sub-list-box{padding-top:20px;max-width:1440px;margin:0px auto;}
.sub-list-box h3{margin-bottom:10px;font-weight:300;}
.list-view-box{max-width:1440px;width:100%;margin:0px auto;}
.list-view-box .sns-box{display: flex;justify-content: end;margin: 20px 0px;}
.list-view-box .sns-box dl{display: flex;}
.list-view-box .sns-box dl dd{margin-right: 5px;}
.list-view-box .sns-box dl dd a{}
.list-view-box .sns-box dl dd img{width: 40px;height: 40px;border-radius: 0px;}
.list-view-box .top-area{border:2px solid #d7d7d7;padding: 0px 20px;margin-bottom: 25px;}
.list-view-box .top-area dl{display:flex;justify-content:space-between;align-items:center;height:70px;}
.list-view-box .top-area dl dd:nth-child(1){font-size:20px;font-weight:600;}
.table-area{margin-bottom:20px;}
.table-area table{ width: 100%}
.table-area table tbody{}
.table-area table tbody tr{height:70px;font-size:18px;}
.table-area table tbody tr th{background-color:#f9f9f9;border:2px solid #d7d7d7;font-weight:600;}
.table-area table tbody tr th:first-child{border-width:2px 0px 2px 1px;}
.table-area table tbody tr th:last-child{border-width:2px 0px 2px 0px;}
.table-area table tbody tr td{text-indent:20px;border:2px solid #d7d7d7;}
.list-view-box .center-area{margin-bottom:30px;position: relative;}
.list-view-box .center-area dl{}
.list-view-box .center-area dl:nth-child(1) dd:nth-child(1){/* border-bottom:1px solid #d7d7d7; */}
.list-view-box .center-area dl dd:nth-child(1){margin:0px auto;text-align:center;margin-bottom:20px;}
.list-view-box .center-area dl dd:nth-child(1) img{border-radius:20px;margin:0px auto;text-align:center;}
.list-view-box .center-area dl dd:nth-child(2){display:flex;justify-content:space-between;}
.list-view-box .center-area dl dd:nth-child(2) ul{}
.list-view-box .center-area dl dd:nth-child(2) ul li{font-size:18px;font-weight:300;}
.list-view-box .center-area dl dd:nth-child(2) span{width: 160px;height:50px;line-height:52px;background-color:#0940a1;color:#fff;border-radius: 0px;display:block;text-align:center;cursor:pointer;position: relative;border: 1px solid #0940a1;}
.upload-hover{display:none;position: absolute;right: -1px;z-index: 999;width: 160px;background-color: #fff;border-radius: 0px;border: 1px solid #d7d7d7;top: 50px;}
.upload-hover.active{display:block;}
.upload-hover dl{height: 40px;}
.upload-hover dl dd{height: 40px;display: flex;align-items: center;justify-content: center;font-size: 16px;position: relative;margin-bottom: 0px !important;}
.upload-hover dl dd:nth-child(1){border-bottom: 1px solid #d7d7d7; }
.upload-hover dl dd a{position:relative;text-indent: -18px;color: #333333;}
.upload-hover dl dd a:before{content:" ";background-image:url("../images/sub/icon_ar.png");width: 23px;height: 23px;display: block;background-size: 23px;background-position: center;background-repeat: no-repeat;right: -28px;top: 15px;position: absolute;}
.upload-hover dl:nth-child(2) dd:nth-child(1){border-bottom:0px solid #d7d7d7 !important;}
.list-view-box .bottom-area{}
.list-view-box .bottom-area h4{margin-bottom:10px;}
.list-view-box .bottom-area .bottom-txt{}
.list-view-box .bottom-area .bottom-txt dl{}
.list-view-box .bottom-area .bottom-txt dl dd{margin-bottom:5px;font-size:18px;font-weight:300;}
.list-view-box .bottom-area .map-area{margin-top:50px; width: 100%; height: 400px;}
.list-view-box .bottom-area .map-area #map{width:100%;margin-top:10px;}
.end{border:1px solid #d7d7d7;border-top:3px solid #aaaaaa;margin-top:50px;}
.end .box{padding:20px;}
.end .box dl{display:flex;}
.end .box dl dd:nth-child(1){margin-right:20px;}
.end .box dl dd:nth-child(1) img{width:292px;height:78px;}
.end .box dl dd:nth-child(2){margin-top:10px;}
.btns{display:flex;justify-content:end;margin-top:30px;}
.btns a{width:120px;height:50px;line-height:52px;background-color: #505050;color:#fff;border-radius:5px;display:block;text-align:center;cursor:pointer;}
.sub-slide{position: relative;}
.sub-slide .slick-dots{top: 5px;right: 0px;position: relative;}
.sub-slide .slick-dots li{margin:0px;width: 13px;height: 13px;background-color: #CCCCCC;margin-right: 5px;border-radius: 20px;}
.sub-slide .slick-dots li.slick-active{background-color:#aaaaaa;width: 13px;}
.sub-slide .slick-dots li button{width: 13px;height: 13px;padding: 0px;}
.sub-slide .slick-dots li button:before{border-radius: 30px;content: " ";width: 10px;height: 10px;}
.sub-slide span{}
.sub-slide img{border-radius:20px;height:188px;width: calc(100% - 10px);margin-left: 5px;}
.sub-slide .slick-prev,.sub-slide .slick-next{top: 40%;}
.sub-slide .slick-prev{left: -40px;}
.sub-slide .slick-prev:FOCUS{left: -40px; width: 30px; height: 30px;}
.sub-slide .slick-next{right: -20px;}
.sub-slide .slick-next:FOCUS{right: -35px; width: 30px; height: 30px;}
.sub-slide .slick-prev:before{content:" ";background-image:url("../images/sub/icon_l.png");width: 33px;height: 33px;display: block;cursor: pointer;}
.sub-slide .slick-next:before{content:" ";background-image:url("../images/sub/icon_r.png");width: 33px;height: 33px;display: block;cursor: pointer;}
.sub-slide .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{;opacity:1;}
.sub-main-element .users{max-width:1440px;width:100%;margin:0px auto;padding:60px 0px;}
.sub-main-element .users dl{}
.sub-main-element .users dl dd{font-size:18px;margin-bottom:3px;font-weight: 300;}
.sub-main-element .users dl dt{font-weight:500;font-size:22px;margin-top: 10px;}
.sub-main-element .users dl strong{font-size:24px;font-weight:600;padding: 40px 0px 0px 0px;display:block;}
.sub-main-element .users .users-btn{height:50px;line-height:52px;background-color: #1a6dff;color:#fff;border-radius: 0px;display:block;text-align:center;cursor:pointer;width: 215px;margin-top: 20px;}
@media all and (max-width: 1439px){
    .tab-search-element{top:71px;}
    .tab-search-element .tab-search{width: calc(100% - 60px);padding: 30px;}
    .tab-search-element .tab-search .tab-search-box .search-box .txt{font-size:20px;}
    .search-box .search-area a,.search-box .search-area span{font-size:14px;padding:0px 10px;width: auto;min-width: 55px;}
    .main-element .main-top-box{height: 480px;background-image: url("../images/icon/con_01/01.PC/m_img_mainbanner08.png");background-position: center;background-repeat: no-repeat;object-fit: cover;width: 100%;background-size: 100%;}
    .main-element .main-top-box > .box{height: 410px;}
    .main-element .main-top-box .box .search-box{padding:0px 20px;width:calc(100% - 40px);}
    .main-element .main-top-box .box .search-box .top-area{margin-top: 75px;}
    .main-element .main-top-box .box .search-box .top-area dl dd:nth-child(1){font-size:14px;}
    .main-element .main-top-box .box .search-box .top-area dl dd:nth-child(2){font-size:24px;}
    .main-element .main-top-box .box .search-box .top-area dl dd:nth-child(3){font-size:12px;}
    .main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(1) input[type="text"]{height:50px;font-size:14px;}
    .main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(1) i{top:16px;}
    .main-element .main-top-box .box .search-box .bottom-area dl{font-size:12px;}
    .main-element .main-top-box .box .search-box .bottom-area dl strong{font-size:14px;}
    .count-area dl:nth-child(1) dd{font-size:13px;}
    .count-area .box{height:60px;}
    .count-area dl:nth-child(2) dd:nth-child(1), .count-area dl:nth-child(3) dd:nth-child(1), .count-area dl:nth-child(4) dd:nth-child(1),.count-area dl dd span{font-size:13px;}
    .count-area dl:nth-child(2) dd:nth-child(2), .count-area dl:nth-child(3) dd:nth-child(2), .count-area dl:nth-child(4) dd:nth-child(2){font-size:15px;}
    h2{font-size: 24px;}
    .main-center-box{width: calc(100% - 60px);padding: 60px 30px;}
    .count-area dl:before{display:none;}
    .list-box{flex-direction: column;}
    .list-box dl{justify-content: center; margin-right: 0px; max-width: 100%;}
    .list-box dl:nth-child(3n){margin-right:47px;}
    .list-box dl dd:nth-child(2){font-size:16px;}
    .list-box dl dd:nth-child(3){font-size:14px;}
    .list-box dl dd:nth-child(1) img{height:240px;}
    .list-box dl dd span{font-size:14px;}
    .main-bottom-box{width:calc(100% - 60px);padding:50px 30px;}
    .list-area dl dd img{height: 170px;width: calc(100% - 10px);}
    .list-area .photo-hover{/* max-width: 200px; */height: 100%;width: calc(100% - 10px) !important;transition: x;left: 50%;transform: translateX(-50%);}
    .list-area dl .photo-hover dl dd:nth-child(1){font-size: 15px;}
    .list-area dl .photo-hover dl dd:nth-child(2){font-size: 13px;}
    .list-area dl .photo-hover dl dd:nth-child(3){font-size:12px;display: none;}
    .list-area dl{}
    .list-area dl dd{position: unset;}
    .list-area dl dd{height: 220px;margin-bottom: 10px;}
    .list-area .photo-hover{display: contents;height: 55px;background-color: unset;}
    .list-area dl dd:hover > .photo-hover{position: relative;height: 60px;border-radius: 0px;opacity: 1;background-color: unset;color: #333333;display:block;}
    .list-area dl .photo-hover dl{top: 0px;height: 60px;text-align: left;color: #333333;}
    .list-area dl .photo-hover dl dd{display: flex;flex-basis: fit-content;text-indent:10px;margin-bottom: 0px;}
    .mal{margin-right:8px}
    .main-video-box{width: calc(100% - 60px);padding: 60px 30px;}
    .main-video-box .boxs{/* flex-direction: column; */}
    .main-video-box .right-area{width: calc(100% - 60px);padding: 60px 0px;height: auto;}
    .main-slide .slick-dots{right:0px;width:110px;top: -285px;}
    .main-video-box .left-area img{/* height:200px; *//* max-width:360px; */}
    .main-video-box .right-area .top{margin-bottom:50px;}
    .main-video-box .right-area .top dl dd:nth-child(1){font-size:14px;}
    .main-video-box .right-area .top dl dd:nth-child(2){font-size:18px;}
    .main-video-box .right-area .top dl dd:nth-child(3),.main-video-box .right-area .top dl dd:nth-child(4){font-size:12px;}
    .main-video-box .right-area .bottom .box dl dd{}
    .main-video-box .right-area .bottom .box dl dd img{width: calc(100% - 10px);}
    .main-video-box .right-area .bottom .box dl dd:nth-child(2){font-size: 14px;width: calc(100% - 20px);padding: 0px 10px;}
    .main-video-box .right-area .bottom .box{margin-bottom:0px !important;}
    .sub-main-element{padding-top:0px;}
    .sub-main-element .title-box dl dd:nth-child(1){}
    .sub-main-element .title-box dl dd:nth-child(1){font-size: 18px;margin-bottom: 12px;}
    .sub-main-element .title-box dl dd:nth-child(2){font-size: 12px;}
    .sub-search-box dl{flex-direction:column;}
    .sub-search-box dl dd select{width:100%;margin-bottom:10px;margin-right: 0px;height: 40px;font-size: 13px;}
    .sub-search-box dl dd input[type="text"]{width: calc(100% - 40px);height: 40px;font-size: 13px;}
    .sub-search-box dl dd i{top:12px;}
    .sub-search-box,.sub-list-box,.list-view-box{padding: 0px 30px;width:calc(100% - 60px);}
    h3{font-size:14px;}
    h4{font-size:14px;}
    .list-view-box .sns-box dl dd img{height:33px;width:31px;}
    .list-view-box .top-area dl{height:50px;font-size:14px;}
    .table-area table tbody tr{font-size:13px;height:35px;}
    .table-area table tbody tr th:first-child{border-width:1px 0px 1px 1px;}
    .table-area table tbody tr th,.table-area table tbody tr td{border:1px solid #d7d7d7;}
    .table-area table tbody tr td{text-indent:10px;}
    .list-view-box .center-area dl dd:nth-child(2){flex-direction: column-reverse;}
    .list-view-box .center-area dl dd:nth-child(2) span{height:35px;font-size: 13px;line-height:37px;}
    .list-view-box .center-area dl dd:nth-child(2) span{margin-bottom:10px;max-width: 100%;position: relative;left: calc(100% - 85px);transform: translateX(-50%);}
    .list-view-box .center-area dl dd:nth-child(2) ul li{font-size:14px;}
    .list-view-box .bottom-area .bottom-txt dl dd{font-size:14px;}
    .end .box dl{flex-direction:column;}
    .end .box dl dd:nth-child(1) img{width:180px;height:49px;}
    .end .box dl dd:nth-child(2){font-size:14px;}
    .btns a{height:35px;line-height:37px;font-size:13px;width:100px;}
    .sub-main-element .users{width:calc(100% - 60px);padding: 30px 30px;}
    .sub-main-element .users dl dd{font-size:14px;}
    .sub-main-element .users dl dt{font-size:15px;}
    .sub-main-element .users dl strong{font-size:16px;}
    .sub-main-element .users .users-btn{font-size:14px;}
    .main-video-box .boxs{flex-direction: column;}
    .main-video-box .left-area img{height:250px;width:100%;}
    .main-video-box .right-area{padding:10px 0px;width:calc(100% - 0px);max-width: 100%;}
    .main-video-box .right-area .top{margin-top:10px;}
    .main-video-box .right-area .bottom .box dl{height:250px;}
    .upload-hover{top:36px}
    .upload-hover{width: 160px;top: 36px;}
    .upload-hover dl{height: 35px;}
    .upload-hover dl dd{height: 35px;font-size: 14px;}
    .upload-hover dl dd a{position:relative;text-indent: -18px;color: #333333;}
    .upload-hover dl dd a:before{width: 20px;height: 20px;background-size: 20px;right: -28px;top: 9px;}
    .sub-slide span{margin-right:10px;width: 100%;}
    .sub-slide .slick-prev,.sub-slide .slick-next{top: -30px;}
    .sub-slide .slick-prev{left: calc(100% - 95px);}
    .sub-slide .slick-next{left: calc(100% - 55px);}
}
@media all and (max-width:965px){
    .list-area dl dd{width:calc(100% / 3);}
    .sub-slide span{margin-right:0px;}
    .sub-slide img{margin-right:0px;width:calc(100% - 10px);}
}
@media all and (max-width:680px){
    .list-area dl dd{width:calc(100% / 2);}
    .list-area dl dd img{height: 120px;}
    .list-area dl .photo-hover dl dd{text-indent:0px;padding-left:5px;}
    .list-area dl .photo-hover dl dd:nth-child(1){font-size: 13px;}
    .list-area dl .photo-hover dl dd:nth-child(2){font-size: 12px;=: 0px;}
    .main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2){display: flex;align-items: center;margin-top: 10px;}
    .main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) a{display:none;}
    .main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) a:nth-child(1),.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) a:nth-child(2),.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) a:nth-child(3),.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) a:nth-child(4),.main-element .main-top-box .box .search-box .bottom-area dl dd:nth-child(2) a:nth-child(5){display:block;height: auto;padding: 0px 5px;border-radius: 5px;}
    .sub-slide .slick-next{right:-20px;}
    .sub-slide img{margin-right:0px;height: auto;width: 100%;}
    .sub-slide span{margin-right:0px;}
    .sub-slide .slick-prev{left: calc(100% - 75px);}
    .sub-slide .slick-next{left: calc(100% - 35px);}
}
@media all and (max-width:500px){
    .list-area dl dd{width:calc(100% / 2.1);height: 180px;}
    .fixb a{font-size:14px;}
    .sub-slide .slick-next{right:-30px;}
    .sub-slide .slick-prev{/* left: calc(100% - 50px); */}
    .sub-slide .slick-next{/* left: calc(100% - 20px); */}
}

@media all and (max-width:420px){
    .main-element .main-top-box{background-size:100% 100%;}
}

.center-area .videoWrap {
	width: 1000px;
	height: 560px;
	display: inline-block;
}

.center-area .videoWrap iframe {
	width: 100%;
	height: 100%;
}


@media all and (max-width:912px){
	.center-area .videoWrap {
	   width: 100% !important;
	    height: 56vw !important
	}
	
	.list-view-box .top-area dl dd:nth-child(1){
		width: 300px;
		height: 1.8em;
		font-size: 20px;
		font-weight: bolder !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		line-height: 1.2;
		height: 1.2em;
		text-align: left;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1 ;
		-webkit-box-orient: vertical;
	}
	.list-view-box .top-area dl dd:nth-child(2){
		width: 100px;
		height: 1.3em;
		font-size: 14px;
		font-weight: bolder !important;
		
	}
}

/* Skip to content */
.skip-to {
    position:absolute;
    top:-99px;
    left:0;
    background:#333;
    color:#fff;
    width:100%;
    padding:10px 0;
    text-align:center;
    text-decoration:none;
    z-index:999;
}
.skip-to:hover,
.skip-to:focus,
.skip-to:active {
	display:block;
    top:0;
}

*:focus{
	outline: 2px dotted #F00;
	outline-offset:2px;
	text-decoration-line:underline; 
}

.slick-slide .slick-prev:focus{}
.slick-slide .slick-next:focus{}
.slick-slide .slick-active{}


.slick-slide:focus{
	outline : 2px dashed #0078d7;
	outline-offset : 4px;
}

.slick-dots button{
	background: transparent;
	border:  1px solid #ccc;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
}

.slick-dots button:focus{
	outline: 2px dotted #FF0000;
	outline-offset: 4px;
	background-color: #e0f0ff;
}

.slick-dots .slick-active button{
	background: #0048d7;
	color:#fff;
	border-color: #0048d7;