@charset "utf-8";

#wrapper.templete-type3{overflow-x:hidden;}
.main-wrapper{width:100%;}
/* .templete-type3 .main-wrapper{display: flex;display: -webkit-flex;display: -ms-flexbox} */
.templete-type3 .main-wrapper-inner{width:1180px;margin:0 auto;position: relative;padding:0 10px;}
.mbanner-wrap-left, .mbanner-wrap-right{display: none;}
/*.templete-type3 .today-time{top:40px;}*/
.templete-type3 .main-tab-wrap .btn-close-arrow {top:15px;}
.templete-type3 .main-tab-wrap .main-tit-box .main-tit{margin-top:3px;}

/*.templete-type3 .common-nav .topnav{left:210px;}*/

.templete-type3 .main-wrapper a figure{position:relative;overflow:hidden;}

.templete-type3 .topnav-all-wrap {border-color: #cc5027; width:auto;/*left:-210px; width:calc(100% + 210px);*/}
.templete-type3 .mylog-box {border-color: #cc5027; position: relative; top: 0; right: 0;}
.templete-type3 .updown_area button.btn_up{background-color: #cc5027;}
.templete-type3 .updown_area button.btn_up:hover{background-color:#bb4118;}
.templete-type3 .topnav-all-wrap .menu-one-depth > a {border-color: #cc5027;}

.templete-type3 .mbanner-wrap-right { position: absolute; display:block; top: 50px; right: -250px; display:none;}

.col-flex, .col-flex2 {display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row;}
.col-flex1{width:27%;}
.dflex{display:flex;display: -webkit-flex;display: -ms-flexbox;flex-direction: row;}
.dflex figure{width:100px; height: 75px;}
.mid-wrap h2{display:block;color:#cc5027;font-size:21px;font-weight: 600;margin-top: 53px;padding-bottom: 20px;margin-bottom:20px;border-bottom:2px solid #cc5027;}

.col-header{width:100%;}
.col-header a{position: relative;display: block;}
.mid-col-wrap{display: flex;display:-webkit-flex;display: -ms-flexbox;flex-direction: row;flex-wrap:wrap;width: 100%; overflow:hidden;}
.mid-col-wrap .col-flex > section:nth-child(2){width:31.2%;margin:0 20px;}
/* .mid-col-wrap .col-flex > section:nth-child(3){width:300px;} */
.overlayer{position: absolute;bottom: 0px;width: 100%;height: auto;min-height:72px;}
.overlayer p{font-size:17px;padding: 15px;color: #fff; position: relative; overflow:hidden; height:27px; z-index: 11;text-shadow: 1.5px 1.5px 2.5px #333333}
.overlayer p span{display:block;height:42px;white-space: normal;overflow: hidden;}
.overlayer:after{content: ''; display: block;width: 100%;height: 100%;background:rgba(0,0,0,0.5); opacity:0.8; position: absolute;bottom: 0;left: 0; z-index: 0;}
.col-sub-header{margin-top: 15px;display:flex;display: -webkit-flex;display:-ms-flexbox;flex-direction: row;justify-content: space-between;}

.col-header figure {position: relative;width: 100%;height:385px;overflow: hidden;}
.col-header figure img{width: 100%; height: 385px; object-fit: cover;}
.col-header .overlayer p{height:100px;}
.col-header .overlayer p strong{display:block;font-size:24px;height: 55px; overflow: hidden;}
.col-header .overlayer p span {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:10px; font-size:15px; height:37px;}
.col-sub-header a{position: relative;width:calc(50% - 8px);height:220px;overflow:hidden;}
.col-sub-header img{height:220px;object-fit:cover;width:100%;}
/* .mid-col-wrap .col-flex{flex:2} */
.mid-col-wrap > div:nth-child(2) {}
.col-flex .mid-wrap{width:65.4%}
.col-flex{width:72.8%;}
.col-flex-mid .mid-wrap:nth-child(1){width: 48.2%;margin-right:40px;}
.col-flex-mid .mid-wrap:nth-child(2){width: 43.5%;}
.col-flex-mid .mid-wrap h2{margin-top:47px;}


.mid-wrap > .line-list{margin-top:0}
.mid-wrap > .line-list > li:first-child{padding-top:0;}
.mid-wrap > .line-list li {position: relative;border-bottom: 1px solid #ddd;padding: 17px 0;}
.mid-wrap .line-list p{font-size:16px;height:40px;color:#333;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;}

.mid-wrap .photobox p{margin:15px 0 35px;font-size:21px;font-weight: 600;color:#333;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.mid-wrap .photobox figure {width: 100%;height: 250px;}
.mid-wrap .photobox img {width: 100%;height: 250px;object-fit: cover;border: 1px solid #eeeeee;}
.line-list li {position: relative;border-bottom: 1px solid #ddd;padding: 20px 0;}


.graybox-inner .tit-h3{font-size: 23px;font-weight: 600;margin-bottom:20px;line-height: 1;color:#333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden;}
.graybox-inner .dflex p , .midboxflex .dflex p{flex:2;margin-left:15px;font-size:14px;}
.main-wrapper .banner-area{width:300px;height: 300px;margin:50px auto 20px auto;}
.main-wrapper .banner-area img{width:300px;height: 300px;}
.article-view-rate {padding-top: 12px;}
.article-view-rate h2 {margin-top:13px;margin-bottom: 15px;}
.graybox {background-color: #F4F3F1;}
.graybox .graybox-inner{padding:15px;}
.whitebox{background-color:#fff;}
.whitebox .line-list li{padding: 16px 0px; margin: 0 12px;}
.whitebox .line-list li:last-child{border-bottom:none;}
.whitebox ~ .whitebox{margin-top:17px}
.whitebox .line-list li a {display: block; font-size: 16px; color: #333; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow:hidden;}
.label-orange{display: flex;display:-webkit-flex;display:-ms-flexbox;width:90px;height:27px;background-color:#cc5027;font-weight: bold;justify-content: center;align-items:center;color:#fff;}


.midboxflex {padding: 30px 20px 0 20px;}
.midboxflex h4{font-size:18px;font-weight: bold;margin-bottom:10px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#333;max-width:400px;}
.midboxflex + .listbox{border-top:1px solid #ddd;margin-top:20px;}
.listbox .line-list li{padding:0 20px;height:50px;line-height:50px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.listbox .line-list li a{font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 500;color:#333;}

.index-row .line-list > li::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 2px; background-color: #555; position: absolute; top: 5px; left: 0;}

.article-box .line-list li:first-child{padding-top:0;}
.article-box .line-list li{padding:12px 0;}
.article-box .line-list li .dflex p{flex:2;margin-left:10px;font-weight: 500;}
.time-label{color:#888;font-size:12px;}


.banner-area + .graybox{margin-top:20px;}
.col-flex-mid{display: flex;display: -webkit-flex;display:-ms-flexbox; width:100%;}
.row-flex{width:27.4%;}

.templete-type3 .header .header-search .search-wrap{/*position:relative;*/top:30px; right:39px;}
.templete-type3 .header .header-search .search-wrap input[type="text"]{border:1px solid #cc5027;}
.templete-type3 .header .header-search .search-wrap .ip-sch.on{position: absolute;}
.templete-type3 .mylog-box .mylog:before{background: url(../images/main/type3/arrow_top.png) no-repeat 0 0;}
.templete-type3 .footer{background-color:#242424;}
.templete-type3 .footer-dflex{display:flex;display:-webkit-flex;display:-ms-flexbox;align-items: center;}
.templete-type3 .footer-list{padding: 20px 15px;}
.templete-type3 .footer-list li:after{background:transparent}
.article-view-rate .ico{display:inline-block;width:13px;height:13px;margin-left:20px;vertical-align: middle;background:url('../images/main/type3/ico_orange_more.png') no-repeat 0 0;text-indent: -9999em;}

.clearfix li{border-bottom: 0; padding: 0; margin-top: 0.9375rem; font-size: 1rem;}
.clearfix li div{white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; padding-left:10px;}
.clearfix img{border: 1px solid #eeeeee;position: relative; width: 100%; height: 100%; min-height:200px; object-fit: cover; vertical-align: middle;}

.auto-article {margin-bottom:20px;}
.auto-article-title {line-height:1.3em; font-weight:700; display:-webkit-box; max-height:2.8em; -webkit-line-clamp: 2; letter-spacing:-.08rem; font-size: 1.313rem; margin-top: .6375rem !important; text-overflow:ellipsis; word-wrap:break-word; -webkit-box-orient:vertical; color: #292728; overflow:hidden;}

.main-tab-wrap .main-tit-box .main-tit{color:#cc5027;}
.list-thumb-culture .list-thumb li a div{width:50%;}

/*.list-thumb-culture .list-thumb li a figure img{width:50%;}*/

.culture-wrap figure img{width: 100%;}

.tab-cont ul li{width:49%;}
.main-tab-wrap{padding:0; margin-top:20px;}




@media (min-width: 768px) and (max-width: 1171px) {
    .templete-type3 .header header{width:100%;}
    .templete-type3 .mylog-box{right:0;}
	.col-header{width:100%;}
	.main-wrapper-inner{width:calc(100% - 20px) !important;}
	.col-flex .mid-wrap{width:64.8%}
	.col-header a img , .col-sub-header a img{width:100%;}
	.mid-col-wrap{flex-direction: column;}
	.col-flex, .col-flex1 {width:100%;}
	.mid-col-wrap .col-flex > section:nth-child(2){margin-right:0;}
	.col-flex1 > .mid-wrap{}
	.col-flex1 > .mid-wrap{display: flex;display:-webkit-flex;display:-ms-flexbox;flex-direction: row-reverse;}
	.article-view-rate{width:60%;margin-right:10px;}
	.col-flex-mid{flex-direction:column;width:100%}
	.row-flex{width:100%;display: flex;display:-webkit-flex;display:-ms-flexbox;flex-direction: row-reverse;}
	.row-flex .graybox{}
    .mid-wrap h2{margin-bottom:10px;padding-bottom:10px;}
    .article-box .line-list li{padding:10px 0;}
    .auto-article-title{font-weight:500;}
    .mid-wrap .photobox p{font-size:18px;}
    .row-flex{margin-top:5px;}
    .row-flex .banner-area{display:none;}
    .main-tab-wrap .inner-box-left{width:100%;}
    .main-tab-wrap .inner-box-right{display:none;}
    .tab-cont ul li{width:33.3%;}
    .tab-cont ul li:last-child{border:0;}
    .banner-area + .graybox{margin-top:0}

    /*.templete-type3 .common-nav .topnav{max-width:calc(100% - 210px);}*/
    
}

@media (max-width: 767px){
	.col-header{width:100%}
	.col-header a img{width:100%;}
    .col-sub-header a{height:180px;}
    .col-sub-header img{width:100%; height:180px;max-height:180px;}
	.col-flex{flex-wrap: wrap;width: 100%;flex-direction: column;}
	.col-flex .line-list li:first-child{padding-top:0}
	.mid-wrap h2{margin-top:30px;margin-bottom:10px;font-size:20px;padding-left:5px;padding-bottom:10px;}
    .col-flex .mid-wrap .line-list p span{-webkit-line-clamp:1;}
	.header-top-md{border-bottom:3px solid #cc5027}
	.col-flex .mid-wrap , .col-flex1 {width:100% !important;}
	.mid-col-wrap .col-flex > section:nth-child(2){width:calc(100% - 40px);margin:0}    
	.article-view-rate{width:100%;}
	.col-flex-mid{flex-wrap: nowrap;flex-direction: column;-ms-flex-direction: column; width:100%;}
	.col-flex2{flex-wrap: wrap;-ms-flex-wrap: wrap}
	.col-flex-mid .mid-wrap:nth-child(1),.col-flex-mid .mid-wrap:nth-child(2){width:100%;margin-right:0}
	.photobox a img{width:100%;}
	.row-flex{width:100%;}
	.banner-area{margin: 30px auto 30px auto;}
	.mid-wrap > .line-list{margin-top: 0;}
	.templete-type3 .footer-dflex{align-items: flex-start;margin-top:20px;}
    .col-flex .line-list li:first-child{margin-bottom:0;}
    .col-flex .mid-wrap .line-list li {padding: 10px 0;}
    /*.mid-wrap .line-list p{height:45px;}*/
    .col-header figure img{max-height:365px;min-height:200px;}
    
    .whitebox .line-list li{padding:13px 0;}
    .main-tab-wrap .inner-box-left_L .main-tab{display:none;}
    .main-tab-wrap .inner-box-left_R{display:none}
    .tab-cont-box .tab-cont img{width:100%; max-height:400px; object-fit:cover;}
    .main-tab-wrap .main-tit-box .main-tit{border-top:1px solid #cc5027; border-bottom:1px solid #cc5027;}
        

	.templete-type3 .main-wrapper-inner{padding:0 15px 30px 15px;width:100%;box-sizing: border-box}
    .templete-type3 .location-box{background-color: #cc5027;}
    .templete-type3 .location ul li:first-child a {background-color: #cc5027;}

    .main-tab-wrap .main-tit-box .main-tit{border-top:0; border-bottom:2px solid #cc5027; font-size:20px;}
}

@media (min-width: 767px) {
    .main-tab-wrap .inner-box-left_L {float:left; width:50%; display:block;}
    .main-tab-wrap .inner-box-left_R {float:right; width:50%; display:block;}
    .culture-wrap > figure{width:50%;}
    .culture-wrap .culture-main-cont{width:50%;}
    .culture-main-cont strong{line-height:1.2;}
    .tab-cont ul li{width:290px;}
    .tab-cont ul li figure{width:270px; height: 180px;}
    .culture-wrap figure{width:50%;height: 303px;position:relative;overflow:hidden;}
    .list-thumb-culture .list-thumb li a figure{height:120px;width:118px;float:left;padding-right:30px;}
    .culture-wrap figure img{height: 303px; object-fit:cover;}
    .tab-cont ul li figure img{width:100% !important;}
    .clearfix .auto-images{width:100%;position:relative; overflow:hidden;}
    
    /*.inner-box-left_L{border-right:1px solid #dedede;}*/
}

@media (min-width: 1180px) {
    .col-flex-mid .mid-wrap:nth-child(1) {max-width: 27.125rem;}
    .col-flex-mid .mid-wrap:nth-child(2) {max-width: 24rem;}
    .main-wrapper{max-width:1182px;width:100%;}
    /*.templete-type3 .common-nav .topnav {left:calc(((100% - 1180px) / 2) + 210px); max-width:calc(100% - 210px - ((100% - 1180px) / 2));}*/
    .templete-type3 .topnav-all-wrap{width:1180px !important;}
    .col-flex-mid .col-flex2 {width:72.6%;}
    .col-flex-mid .row-flex {width:calc(100% - 72.6%);}
    
    /* 메인 사이드 배너 영역 */
    .templete-type3 .main-right-banner{display:block;position:absolute; top:50px; right:-310px; max-width:300px;}
    .templete-type3 .main-left-banner{display:block;position:absolute; top:50px; left:-310px; max-width:300px;}
    
    .templete-type3 .main-right-banner #divBanner:nth-of-type(1),
    .templete-type3 .main-left-banner #divBanner:nth-of-type(1) {margin-top: 0;}
    
    .templete-type3 .main-right-banner .banner-area img,
    .templete-type3 .main-left-banner .banner-area img{width:auto; height:auto;}

    .templete-type3 .main-right-banner .banner-area,
    .templete-type3 .main-left-banner .banner-area{width:auto;height:auto; margin-top:20px;}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .col-header figure img,
    .col-sub-header img,
    .cont-article-view .dflex img,
    .dflex img,
    .mid-wrap .photobox img,
    .clearfix img,
    .tab-cont ul li figure img,
    .culture-wrap figure img,
    .list-thumb-culture .list-thumb li a figure img{
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}