﻿@charset "utf-8";

.main-photo-wrap,
.main-news .write-time,
.main-article,
.main-prolog .main-right section.disflex .main-news .txt-mid-eil,
.main-tab-wrap .inner-box-left .main-tab,
.tab-cont ul li .write-time,
.list-thumb-culture,
.main-tab-wrap .main-tab,
.main-photo-wrap .main-tab,
.main-left .main-left-list li:nth-child(1),
.main-left .main-left-list li:nth-child(2),
.main-left-banner {display: none;}
.main-left-left-banner {display:none;}
.main-mobile-banner {display:block; margin:10px auto; text-align:center;}

.main-prolog {width: 100%;}
.main-prolog .main-right .main-tit-box{display: none;}
.main-prolog .main-right section.disflex{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;flex-wrap: wrap;}
.main-prolog .main-right section.disflex .main-news{order:2;padding:10px 20px;width: 100%;;}

.main-prolog .main-right section.disflex .main-img a{display: block;overflow:hidden; max-height:380px;}
.main-prolog .main-right section.disflex .main-img{order:1;margin-top: 0;width: 100%;}
.main-prolog .main-right section.disflex .main-img figure {width:100%;display: block; position: relative; padding-top: 65%; overflow: hidden;}
.main-prolog .main-right section.disflex .main-img figure img {width: 100%; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:auto;}

.main-prolog .main-right .main-header ,
.main-left , .main-familiar-article {position:relative;}
.main-prolog .main-right .main-header .tit-blue{position: absolute;top:10px;left:10px;}
.main-news .main-sub-tit{font-size: 22px;color: #333;font-weight: 500;letter-spacing:-1px}

.main-familiar-article {padding:0 15px;display: none;}
.main-familiar-article .ovh > div:not(:first-of-type) {display: none;}
.main-familiar-article .ovh{padding-bottom:20px}
.main-familiar-article .list-thumb{overflow: hidden;margin-top: 20px;}
.main-familiar-article .list-thumb li{float:left;width:33.33%;text-align: center;position: relative;}
/* .main-familiar-article .list-thumb li ~ li{margin-left:3%;} */
.main-familiar-article .list-thumb .write-time{display:none;}
.main-familiar-article .list-thumb a{display: inline-block;width:90px;text-align: center;padding-top:145px;box-sizing: border-box;position: relative;}
.main-familiar-article .list-thumb p{position: absolute;bottom:0px;left:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.main-familiar-article .list-thumb img{height:90px;width:100%;position: absolute;top: 0;left: 0;}

.main-thumb-list , .main-left-list{padding:10px 15px;}
.main-thumb-list ul li{padding-left:15px;position: relative;}
.main-thumb-list ul li:before{content:'';display: block;width:4px;height:4px;border-radius: 50%;background-color:#000;position: absolute;top: 6px;left: 5px;}
.main-thumb-list ul a{display: block;font-size:16px;overflow:hidden;min-height:30px;text-overflow: ellipsis;width: 100%;white-space: nowrap;word-break: break-all;}
.main-thumb-list ul a span{display: none;}

.main-left{position: relative;display: none;}
.main-tit h3{display:inline-block;width:100%;}
.main-tit {margin:0 15px;}
.main-tit {padding:10px 15px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background-color:#fff;box-sizing: border-box;display:block;font-size:18px;}
.main-left .main-left-list li{padding-left:15px;position: relative;padding-bottom: 10px;}
.main-left .main-left-list li:before{content:'';display:block;width:4px;height:4px;border-radius: 50%;background-color: #000;position: absolute;top: 6px;left: 0;}
.main-left .main-left-list li a{display:block;/*min-height:30px;*/}
.main-left .main-left-list li .stxt{display:inline-block;width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.main-left-list li .sort-type{display: none;}
.main-left .txt-more {position: absolute;top: 10px;right: 30px;}

.main-tab-wrap{padding:0 15px;position: relative;}
.main-tab-wrap .main-tit-box .main-tit{margin:0}
.main-tab-wrap .tab-inner-box{padding-bottom: 20px;}
.tab-cont{margin: 20px 0 0px;}
.tab-cont ul{overflow: hidden;}
.tab-cont ul li{float:left;width: 33.3%;text-align: center;}
.tab-cont ul li a{width: 90%;display: inline-block;overflow:hidden;position: relative;}
.tab-cont ul li img{height:90px;width:100%;object-fit:cover;}
.tab-cont ul li p{margin:10px 0;text-align:left;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;font-size:16px;font-weight:500;}
.culture-main-cont{margin-bottom: 10px;padding:0 5px;}
.culture-main-cont strong{padding-bottom:10px;display:block;font-size: 18px;color:#333;}
.culture-main-cont p{font-size:16px;line-height:1.5;margin-bottom:15px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:5;word-wrap:break-word;-webkit-box-orient:vertical;overflow:hidden;}
.culture-main-cont .tit-mid {display:none;}
.main-today{padding-left:15px;padding-right:15px;margin:20px 0;}

.main-today .main-today-list{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;flex-wrap:wrap;flex:1;flex-basis: 48%;margin-top: 10px;justify-content: space-between}
.main-today .main-today-list li {position: relative;width:48.65% !important;padding-left:0;padding-bottom:0;background-color:#767676;}
.main-today .main-today-list li:before{display:none !important;}
.main-today .main-today-list li:nth-child(3) , .main-today-list li:nth-child(4) {margin-top: 8px;}
.main-today .main-today-list li a{display:block;overflow:hidden;border:1px solid #f1f1f1; position:relative; padding-top: 64.25%;}
.main-today .main-today-list li a img{width:420px; width:100%; height:auto; position:absolute; top:0; bottom:0; left:0; right: 0; overflow:hidden; object-fit:cover;}

.main-today .main-today-list li:after {content: '';display: block;width: 100%;height:50px;padding: 20px;background-color: #1375cf;opacity: 0.5;position: absolute;bottom: 0;left: 0;padding: 20px;box-sizing: border-box;z-index: 11;}
.main-today .main-today-list li a .tit-blue{position: absolute;top: 10px;left: 10px; z-index:0;}
.main-today .main-today-list li .layer-blue{display:block;width:100%;height:50px;position:absolute;bottom:0;left:0;z-index: 111;}
.main-today .main-today-list li .layer-blue p{color:#fff;padding:8px 5px 5px 5px;display:block;box-sizing: border-box;vertical-align: top; overflow:hidden;height:41px;}

/* .main-today-list {display: initial;flex-wrap: initial;font-size:18px;line-height:1.3;} 
.main-today-list a{display:none;}
.main-today .main-today-list li{position: relative;padding-left:15px;width: 100%;box-sizing:border-box;}
.main-today .main-today-list li::before{content: ''; display: block;width: 4px;height: 4px;  border-radius: 50%;background-color: #333;position: absolute;top: 6px;left: 5px;}
.main-today .main-today-list li{padding-bottom: 10px;} */
.main-mob-list{padding:0 10px;position: relative;}
.main-mob-list .main-header{position: relative;}
.main-mob-list .main-header .tit-blue{position: absolute;top: 10px;left: 10px;}
.main-mob-list .main-news h4{font-size: 18px;font-weight: bold;padding:15px 0 20px 0;color: #333;}
.main-mob-tit{margin-top:30px;display:block;padding:10px 0;border-width:1px 0 1px 0;border-color:#dedede;border-style: solid;color: #333;font-weight: bold;}
.main-mob-list .dot-list , .main-mob-list .main-news{margin-top: 10px;}
.main-mob-list .btn-more{width:25px;height:25px;display:block;background: url('../images/common/ico_more_arrow.png') no-repeat 0 0;background-size:25px auto;font-size:1px;color:transparent;position: absolute;top: 5px;right: 10px;}

.mob-photo-wrap{padding:10px;}
.mob-photo-wrap .swiper-container{margin-top: 10px;}
.mob-photo-wrap .swiper-slide{position: relative;}
.mob-photo-wrap .swiper-slide .swiper-box p{position:absolute;bottom:30px;left:30px;color:#fff;font-size: 16px;}
.mob-photo-wrap .swiper-pagination-bullet{background:#fff;opacity: 1;}
.mob-photo-wrap .swiper-pagination-bullet-active{background:#0fcfe6;}
.mob-photo-wrap .swiper-button-prev{background-image:url('../images/main/ico_prev.png');}
.mob-photo-wrap .swiper-button-next{background-image:url('../images/main/ico_next.png');}
.mob-photo-wrap .swiper-button-next, .mob-photo-wrap .swiper-button-prev{width:30px;height:30px;background-size:30px auto;}

.main-sub-time{font-size: 14px;color: #404040; white-space:nowrap;}
.main-tit-box .main-sub-time{margin-left:10px;}
.main-tit-box .txt-more{position: absolute;top:11px;right:30px;}
.main-tit {color: #333;font-family: 'Apple SD Gothic Neo',AppleGothic,'Malgun Gothic',sans-serif;font-weight: bold;letter-spacing: -0.05em;}
.tit-blue{min-width:84px;height:24px;box-sizing:border-box;background-color:#1375cf;font-size:12px;color:#fff;text-align:center;padding:4px 2px;}
.tit-blue-small{}
.write-time{font-size: 12px;color:#888;display: inline-block;}
.sort-label{display:none;}
.main-tab-wrap .btn-close-arrow{position:absolute;top:10px;right:20px;width: 30px;height: 30px;background:url('../images/common/ico_more.png') no-repeat 0 0;font-size: 1px;color:transparent;clear:both;}

.inner-box-right .dot-list li:nth-child(3n+1) {display: none;}
.inner-box-right .dot-list li a{font-weight:400;}

/*.today-time{position:absolute; top:85px; right: 0; z-index:900; font-weight:500}*/

.templete-type0 .d-flex{display:block;}
.list-thumb-culture.controlbox-5 {display:block;}
.controlbox-5 .list-thumb{display:inline-block; padding:15px 0; width:100%;}
.controlbox-5 .list-thumb > a img{float: left; padding-right: 5%; width: 30%; max-width: 120px; object-fit: cover; height: 120px;}
.controlbox-5 .list-thumb > a div{float: left; width: 65%;}
.controlbox-5 .list-thumb > a div p{font-size: 21px; font-weight: 400; line-height: 1.3; color: #333; margin-bottom: 20px; height: 78px; overflow: hidden;}
.controlbox-5 .list-thumb > a .write-time{display:block;}
.controlbox-5 .main-tit-box{margin-bottom:0;padding-left:5px;}
.controlbox-5 .main-tab-wrap .tab-inner-box{padding-bottom:10px;}

.nav-menu-image{height:100%; object-fit:contain; max-width:135px;}


@media all and (min-width: 768px) {

    .main-wrapper{position:relative;width:1182px;margin:0 auto;}
    .main-photo-wrap , 
    .main-today-wrap ,
    .main-article,
    .main-prolog .main-right section.disflex .main-news .write-time ,
    .main-prolog .main-right section.disflex .main-news .txt-mid-eil, 
    .main-tab-wrap .inner-box-left .main-tab ,
    .list-thumb-culture,
    .main-left,
    .main-left .main-left-list li:nth-child(1),
    .main-left .main-left-list li:nth-child(2),
    .main-left-banner {display:block;}

    .main-mobile-banner {display:none;}
    
    
    .main-prolog-wrap{padding-top:30px;}
    .main-prolog {display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;}
    .main-prolog .main-right{flex:3;}
    .main-prolog .main-left{flex:1;}
    .main-prolog .main-right .main-tit-box{display: block;}
    .main-left .main-left-list li{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;margin-left:10px;padding-left:0;}
    .main-left .main-left-list li:before{display:none;}
    .main-left .main-left-list li a{padding:0 0px 0 5px;}
    .main-left .main-left-list li .disflex{/*display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;*/overflow:hidden;width:100%;}
    .main-left .main-left-list li .disflex img{width:90px;height:90px;float:left;object-fit:cover;}
    .main-left .main-left-list li:first-child{padding-bottom:16px;}
    /*main-left .main-left-list li:last-child{border-bottom:1px solid #dedede;}*/
    .main-left .main-left-list li ~ li{border-top:1px solid #dedede;padding:15px 0 15px 0;}
    .main-left .main-left-list li img{margin-right:20px;display: block;object-fit:cover;}
    .main-left .main-left-list li .sort-type{color:#333;font-size: 14px;font-weight: bold; line-height:1.3; margin-bottom: 15px;}
    .main-left .main-left-list li .sort-type + span{display:block;height:35px; line-height:1.3; overflow:hidden;}
    .main-left .main-left-list li .sort-type .write-time{position:relative;padding-left:12px;}
    .main-left .main-left-list li .sort-type .write-time:before{content: '';display: block;width: 1px;height:10px;background: #000;position: absolute;top: 2px;left: 2px;}
    .main-left .main-left-list li .stxt{display:inline-block;width: 250px;}
    
    
    
    .main-prolog .main-right section.disflex .main-news{order:1;padding:0;width: 320px;}
    .main-prolog .main-right section.disflex .main-img{order:2;}
     /*.main-prolog .main-right .main-header .tit-blue{position: static !important;top:initial;left:initial;}*/
    .main-prolog .main-right section.disflex .main-img a{display: block;height:320px;overflow:hidden;}
    .main-prolog .main-right section.disflex .main-img{width:530px;position:relative;}
    .main-prolog .main-right section.disflex .main-img figure {height:auto;}
    .main-tit-box .main-tit , .main-sub-time{display: inline-block;}
    .main-img {text-align: right;margin-top: -20px;}
    .main-img figure{text-align: left;width:530px !important;}

    .main-today {width: 860px; min-width:860px; border-top:1px solid #dedede;margin-top: 15px;padding-bottom:10px;padding-left:0;padding-right:0;}

    .main-news{width: 320px;margin-right: 20px;}
    .main-news .main-sub-tit{font-size:32px;letter-spacing: -0.1em;margin-bottom: 20px;padding:0}
    .main-news .txt-mid-eil{font-size: 16px;margin-top: 20px;line-height: 1.4;}
    .main-header{padding-top: 20px;margin-top: 10px;}
    .main-header section.disflex{width: 870px;display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;}
    .main-tit h3 {padding:0;margin:0;border:none;padding-bottom:10px;background-color: transparent;}
    .main-tit-box .main-tit{border:none;background-color:transparent;padding:0;}
    .main-tit{font-size: 21px;line-height: 1;padding:0;margin:0;background-color:transparent;border:none;}
    .main-prolog .main-right .main-header .tit-blue {top: 20px;left: 20px;}

    .main-thumb-list{margin: 33px 0;padding:10px 15px 10px 0;}
    .main-thumb-list ul{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;justify-content: flex-start;flex-wrap: nowrap;}
    .main-thumb-list ul li{width: 270px;padding-bottom:25px;border-bottom:2px solid #000;padding-left:0}
    .main-thumb-list ul li:before{display: none;}
    .main-thumb-list ul li.on{border-color:#1375cf}
    .main-thumb-list ul li ~ li{margin-left:25px}
    /* .main-thumb-list ul li + li{min-height:124px;} */
    .main-thumb-list ul a{font-size:21px;display: block;font-weight: 400; line-height:1.35; color: #333;text-overflow:initial;min-height: initial;white-space: inherit;}
    .main-thumb-list ul a span{color:#666;font-size: 12px;line-height: 1;display: block;padding-top:25px;font-weight: normal;display: block;}
    
    .main-left .main-tit{display: block;padding-top:20px;background: transparent;box-sizing:border-box;padding-bottom:0;border:none;margin-left:0;padding-left:0;}
    .main-left .main-left-list{border-top: 1px solid #dedede;padding:25px 10px 0px 0px;border-left:1px solid #dedede;}

    .main-left .main-left-list .sort-type {display: block;}
    .main-left .main-left-banner{padding:15px 10px;border-left:1px solid #dedede;}
    .main-left .txt-more ,  .main-familiar-article .txt-more{position: absolute;top: 20px;right: 0;color:#333;}

    /* .main-today .main-today-list{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;flex-wrap:wrap;flex:1;flex-basis: 48%;margin-top: 10px;justify-content: space-between}
    .main-today .main-today-list li {position: relative;width:48.65% !important;padding-left:0;padding-bottom:0;}
    .main-today .main-today-list li:before{display:none !important;}
    .main-today .main-today-list li:nth-child(3) , .main-today-list li:nth-child(4) {margin-top: 20px;}
    .main-today .main-today-list li a{display:block;height:278px;overflow:hidden;border:1px solid #f1f1f1;}
    .main-today .main-today-list li a img{width:420px;}
    .main-today .main-today-list li:after{content:'';display:block;width:100%;height:80px;padding:20px;background-color:#1375cf;opacity: 0.9;position: absolute;bottom: 0;left: 0;width: 419px;padding:20px;box-sizing: border-box;z-index: 11;}
    
    .main-today .main-today-list li .layer-blue{position:absolute;bottom:0;left:0;padding:18px 16px;z-index: 111;}
    .main-today .main-today-list li .layer-blue p{color:#fff;font-size: 18px;} */
    .main-today .main-today-list li:after{height:27%;}
    /*.main-today .main-today-list li a{height:278px;}*/
    .main-today .main-today-list li .layer-blue{height:75px;}
    .main-today .main-today-list li .layer-blue p{padding:15px 16px;font-size: 18px;height:60px;}
    .main-today .main-today-list li:nth-child(3) , .main-today-list li:nth-child(4) {margin-top: 20px;}
    .main-today .main-today-list li a .tit-blue{z-index:100;}
    
    .main-today-wrap.controlbox_1-4{display:flex; border-bottom: 1px solid #dedede;}

    .today-list-type #aIssue5 p.tit-bold{max-height: 89px; overflow: hidden;}
    .today-list-inner li a span.tit-area{height: 60px; overflow: hidden; display: block;}

    .main-article{height:326px}
    .today-list-type{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;flex-basis: 25%;flex: 1;border-top:1px solid #dedede;height:325px;border-bottom:1px solid #dedede;}
    .today-list-type > li:first-child{border-left:none;}
    .today-list-type > li{border-left:1px solid #dedede;box-sizing: border-box;}
    .today-list-type > li a{display: block;}
    .today-list-type > li:nth-child(1){width: 22%;}
    .today-list-type > li:nth-child(1) a{padding-top:10px;padding-right:10px;/*text-align:center;*/}
    .today-list-type > li:nth-child(1) a img{height:150px;overflow:hidden;}
    .today-list-type > li:nth-child(1) a .write-time{text-align:left;display:block;}

    .today-list-type > li:nth-child(2){padding:28px;width: 27%;box-sizing: border-box;}
    .today-list-type > li:nth-child(2) .tit-bold{margin: 0 0 15px 0;font-weight:400;}
    .today-list-type > li:nth-child(2) p{margin:20px 0;line-height: 1.3;}
    .today-list-type > li:nth-child(2) .write-time{padding-top:20px;display:block;}
    .today-list-type > li:nth-child(3){width:26%;}
    .today-list-type > li:nth-child(4){width:24%;}

    .today-inner-list li ,.today-list-inner li {margin:10px;padding:8px 0}
    .today-inner-list li ~ li , .today-list-inner li ~ li{border-top:1px solid #dedede;}
    .today-inner-list li p{font-size: 16px;color:#333;margin-top: 10px;height:38px;overflow:hidden;padding:10px 0 0;}

        /*.today-list-inner{padding-top: 26px;}*/
    .today-list-inner li a{font-size: 16px;color:#333;min-height:70px;}
    .today-list-inner li a .write-time{display: block;margin-top: 8px;}

    .sort-label{display:inline-block;border-radius:2px;height:18px;line-height: 16px;box-sizing:border-box;padding:0 10px;color:#fff;font-size: 14px;visibility: initial !important;}
    .tit-bold{font-size: 18px;color:#333;margin: 20px 0;display: block;} 


    .middle-banner-area {position:relative;height:70px;padding:20px 0;border-bottom: 1px solid #dedede;overflow:hidden;}
    .middle-banner-area .middle-banner{position: absolute;overflow:hidden;width:1182px;}
    .middle-banner-area li{float:left;}
    .middle-banner-area li ~ li{margin-left:8px;}


    .type1-topside-banner{padding: 15px 10px; border-left: 1px solid #dedede;}

    .main-familiar-article{border-bottom:1px solid #dedede;padding:0}
    .main-familiar-article .main-tit {font-family: 'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic',sans-serif;}
    .main-familiar-article .main-tit-box{padding:20px 0 18px 0;display: block;position: relative;}
    .main-familiar-article .pos-rel{float:left;width: 25%;box-sizing: border-box;display: block;}
    .main-familiar-article .pos-rel ~ .pos-rel{border-left:1px solid #dedede;}
    .main-familiar-article .list-thumb{display:initial;margin-top: initial;}
    .main-familiar-article .list-thumb li{width:100%;position: relative;padding:0px 18px 0 10px;box-sizing: border-box;min-height:120px;float:initial;}
    .main-familiar-article .list-thumb li ~ li{border-top:1px solid #dedede;}

    /* .main-familiar-article .list-thumb a{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;} */
    .main-familiar-article .list-thumb a{overflow: hidden;width: 100%;padding:15px 0;display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;}
    .main-familiar-article .list-thumb a img{width:90px;height:90px;float:right;position: static;object-fit:cover;}
    .main-familiar-article .list-thumb p{float:left;font-size: 18px;color:#333;width: 170px;height:64px;overflow:hidden;position: static;text-align: left;}
    .main-familiar-article .list-thumb .write-time{display:block;position: absolute;bottom: 12px;left: 0;}
    .main-familiar-article .ovh > div{display: block !important;}
    .main-familiar-article .ovh{padding-bottom: 0;}

    .list-small-thumb li a{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;padding:10px 0px 10px 20px}
    .list-small-thumb li img{display: inline-block;margin-right: 35px;width:75px;height:75px;object-fit:cover;}
    .list-small-thumb li div{width: 165px;}
    .list-small-thumb li ~ li{border-top:1px solid #dedede;}
    .list-small-thumb li div p{margin-top: 10px;}

    .main-tab-wrap{padding:0;}
    .main-tab-wrap .tab-inner-box{position: relative;overflow: hidden;border-bottom: 1px solid #dedede;padding-bottom:0;}
    .main-tab-wrap .btn-close-arrow{top:13px;right:0;}
    .main-tit-box{padding:15px 0;display: block;border-bottom:1px solid #dedede;margin-bottom:10px;}
    .main-tab-wrap .main-tab{display: table;position: absolute;top: 17px;left: 130px;}
    .main-tab-wrap .main-tab li{display: table-cell;padding:0 30px;}
    .main-tab-wrap .main-tab li a{font-weight: bold;color: #666;}
    .main-tab-wrap .main-tab li.on a{color:#155c9e;}
    .tab-cont {margin-top: 0;}
    .tab-cont ul{display:table;}
    .tab-cont ul li{position: relative;display:table-cell;width: 295px;float:initial;border-right:1px solid #dedede;box-sizing: border-box;vertical-align: top;}
    .tab-cont ul li p{height:48px;font-size: 18px;line-height:1.4; color:#333;margin: 10px 0 20px;text-align: left;}
    .tab-cont ul li a{width:100%;padding:10px 10px 30px;box-sizing: border-box;}
    .tab-cont ul li img{height:180px;width:100%;object-fit:cover;}
    .tab-cont ul li .write-time{display: block;position: absolute;bottom: 15px;left: 10px;}

    .main-tab-wrap{position: relative;}
    .main-tab-wrap .inner-box-left{float:left;width:75%;display:block;} 

    .main-tab-wrap .inner-box-right{float:right;width:25%;box-sizing: border-box;}
    .inner-box-right .dot-list {padding:15px 10px 10px;}
    .inner-box-right .dot-list li a{display:block;height:40px; line-height:1.35; overflow:hidden;font-size: 15px;font-weight:normal;}
    .inner-box-right .dot-list li:before {background-color: #1375cf;}
    .inner-box-right .dot-list li:nth-child(3n+1){display:block;}
    
    .culture-wrap{overflow: hidden;padding:30px 20px 20px;box-sizing: border-box;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;cursor:pointer;}
    .culture-wrap > div{float:left;}
    .culture-wrap .culture-main-cont{width: 385px;padding-right:20px;box-sizing: border-box;margin-bottom: 0;}
    .culture-wrap div img{width:460px;height:303px;object-fit:cover;}
    .culture-main-cont strong{font-size: 32px;font-weight: 400;color: #333;letter-spacing: -0.1em;margin-top: 10px;padding:0;margin-bottom:10px;}
    .culture-main-cont > p{margin:0px 0 25px;line-height: 1.5}
    .culture-main-cont .tit-mid{font-weight: 400;display:none;}

    .list-thumb-culture{border-bottom:1px solid #dedede;}
    .list-thumb-culture .list-thumb{display: table;width:100%;}
    .list-thumb-culture .list-thumb li{display:table-cell;width: 33.3%;padding:20px 18px 30px 18px;}
    .list-thumb-culture .list-thumb li ~ li{border-left:1px solid #dedede;}
    .list-thumb-culture .list-thumb li a {overflow: hidden;}
    .list-thumb-culture .list-thumb li a .write-time{display: block;}
    .list-thumb-culture .list-thumb li a img {float: left;padding-right: 30px;width: 118px;object-fit: cover;height: 120px;}
    .list-thumb-culture .list-thumb li a div{float:left;width: 200px;}
    .list-thumb-culture .list-thumb li a div p{font-size: 21px;font-weight: 400;line-height: 1.3;color: #333;margin-bottom: 20px;height:78px;overflow:hidden;}

    .flex1{flex:1;}
    .templete-type0 .d-flex{display:flex;}
    .d-flex .flex1 ~ .flex1 .list-thumb{border-left:1px solid #dedede;}
    .controlbox-5 .list-thumb{display:table-cell; padding:20px 18px 30px 18px;}
    .controlbox-5 .list-thumb > a img{padding-right: 30px; width: 118px; height: 120px;}
    .controlbox-5 .list-thumb > a div{width: 200px;}

    .main-photo-wrap{overflow: hidden;}
    .main-photo-inner {float: left;display: inline-block;overflow: hidden;position: relative;width: 487px;height:460px;}
    .main-photo-inner img{width:487px;height:460px;object-fit:cover;}
    .main-photo-list{float:right;width: 693px;overflow: hidden}
    .main-photo-list li{float:left;margin-bottom:1px;height:230px;width:230px;}
    .main-photo-list li a{display: block;position: relative;}
    .main-photo-list li a img{height:230px;width:100%;object-fit:cover;}
    .main-photo-wrap .overlayer {position: absolute;bottom: 0;width: 100%;height:25%;}
    .main-photo-wrap .overlayer p {position: relative;color: #fff;padding: 10px;z-index: 11;line-height: 1.3;height: 29px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;text-overflow: ellipsis;}
    .main-photo-wrap .overlayer:after{ content: '';display: block;padding: 10px; width: 100%;height: 100%;position: absolute; top: 0;left: 0;box-sizing: border-box;background-color: #000;z-index: 0;opacity: 0.5;}    
    .main-photo-list li ~ li{margin-left:1px;}

    .main-photo-wrap .main-tab{display:table; position:relative; top:-45px; left:130px;}
    .main-photo-wrap .main-tab li{display: table-cell;padding:0 30px;}
    .main-photo-wrap .main-tab li a{font-weight: bold;color: #666;}
    .main-photo-wrap .main-tab li.on a{color:#155c9e;}

    .main-photo-inner .overlayer p{font-size: 18px;padding: 20px;line-height: 1.4;}
    .main-photo-inner .overlayer:after{background-color:#a32271;opacity: 0.8;}

    /*.half{display:flex;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;flex:1;}*/
    .tit-blue {font-size: 14px;padding: 6px;height:30px;}
    

}

@media all and (min-width: 1180px) {
    .main-left-left-banner {display: block; overflow:hidden; position:absolute;}
    
    .main-right-banner{position: absolute; top: 80px; right:-310px; width:300px; max-width:300px; display:block;}
    .main-left-banner{position: absolute; top: 80px; left:-310px; width:300px; max-width:300px; display:block;}
    .main-right-banner #divBanner:nth-of-type(1),
    .main-left-banner #divBanner:nth-of-type(1) {margin-top: 0;}
}

@media all and (max-width: 767px) {
    .main-photo-wrap {display: block; overflow: hidden;}
    .main-photo-wrap .main-tit-box{padding: 15px 0; display: block;}
    .main-photo-inner{overflow: hidden; position: relative; width: 100%; height: 320px; margin-bottom: 10px;}
    .main-photo-inner img{width: 100%; height: 320px; object-fit: cover;}
    .main-photo-wrap .overlayer{position: absolute; bottom: 0; width: 100%; height: 28%;}
    .main-photo-wrap .overlayer p{position: relative; color: #fff; padding: 7px 10px; z-index: 11; line-height: 1.3; height: 29px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis;}
    .main-photo-wrap .overlayer:after{content: ''; display: block; padding: 10px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; background-color: #a32271; z-index: 0; opacity: 0.8;}
    .main-photo-inner .overlayer p{font-size: 18px; padding: 20px; height:50px; line-height: 1.4;}
    .main-photo-inner .overlayer:after{background-color: #a32271; opacity: 0.8;}
    .main-photo-list{width: 100%; overflow: hidden; display: flex; margin-bottom: 10px;}
    .main-photo-list li{margin-bottom: 1px; height: 180px; width: 50%;}
    .main-photo-list li a{display:block; position:relative;}
    .main-photo-list li a img{height:180px; width:100%; object-fit:cover;}
    .main-photo-list li:nth-child(n+3){display:none;}
    .main-photo-list li ~ li{margin-left:1px;}
}
