﻿@charset "utf-8";

/* 헤더 마스터 영역 */
#wrapper{background-color:#f6f6f6;}
.templete-type7 .header-area{padding-left:0;}
.templete-type7 .header-top-md{background-color:#fff; padding-top:13px;}
.templete-type7 .header-top-md h1{padding-left:35px;}
.templete-type7 .header-top-md h1 a{width:165px;}
.templete-type7 .main-wrapper{width:100%;margin:0 auto;position: relative;}
.templete-type7 .cont-article{background-color:#fff;}
.templete-type7 #divPCMenu{border-bottom: 2px solid #888; background-color:#fff;}

.templete-type7 .common-nav {background: #fff; height: 39px; position: absolute; background-color: transparent; top:120px; width: 100%;}
.templete-type7 .common-nav .topnav{width:100%; background-color:#fff; height:37px; margin-top:0.5px;}
.templete-type7 .button.btnico-menu {background-image:url(/images/main/type1/ico_allmenu2.png); height:37px; width:37px; background-color:#2d6aa2; min-width:37px;}


.templete-type7 .mylog-box{border-color: #395160; top:38px; right:0px;}
.templete-type7 .mylog-box .mylog:before{background: url(../../../images/common/arrow_top_2a5680.png) no-repeat 0 0; top: -14px; left: 74%;}
.templete-type7 .today-time{width:120px; top:90px; display:none;}
.templete-type7 .snsLinkbutton{display:none;}

.templete-type7 .topnav-all-wrap{left: -260px; width: calc(100% + 260px + 100px); top:3px; padding:0 5% 20px; border:1px solid #eeeeee; border-bottom:3px solid #395160;}
.templete-type7 .topnav-all-wrap .menu-one-depth{width:190px; margin-left:20px;}
.templete-type7 .topnav-all-wrap .menu-one-depth > a {color:#395160; height:50px; border-bottom:2px solid #395160;}

.templete-type7 .topnav-wrap{width:100%; height:37px; padding-left: 37px;}
.templete-type7 .topnav-wrap ul > li > a {padding: 9px 15px; font-size:15px; color:#282f2f; font-weight:400;}
.templete-type7 .topnav-wrap ul > li > ul{width:150px;}
.templete-type7 .topnav-wrap ul li ul.menu-two-depth .ico_depth:before {top: 13px;}
.templete-type7 .topnav-wrap ul li ul li a{color:#282f2f; font-weight:400; text-align:left; width:auto;}
.templete-type7 .topnav-wrap ul li:hover > a{background-color:#fff; color:#e90606;}

.location-box {background-color: #4c9ce5;}
.location ul li:first-child a{background-color:#3f81bd;}
.updown_area button.btn_up{background: #4c9ce5;}
.updown_area button.btn_up:hover{background-color:#3f81bd;}

@media (min-width: 768px) {
    .templete-type7 .common-nav {max-width: calc(100% - 260px - 100px); left:260px;}
    .location-box{background-color:transparent;}
    .location ul li:first-child a{background-color:transparent;}
}

@media (min-width: 1180px){
    .templete-type7 .common-nav {left: calc(((100% - 1180px) / 2) + 260px); max-width: calc(100% - 260px - (100% - 1180px) - 100px);}
    .templete-type7 .main-wrapper{width:1180px;}
    .templete-type3 .topnav-all-wrap{width: 1180px !important;}
}
/* // 헤더 마스터 영역 */

.top-row-wrap{width:100%;margin-top:3.4%;}


/* 헤드라인 포토박스*/
.tit-box {width:100%; margin-top: 20px;}

.photo-big-box{position:relative; overflow:hidden; display:block; /*height:650px;*/}
.photo-big-box a{display: block;}
.photo-big-box figure {position:relative; width:100%; padding-top:53%; overflow: hidden;}
.photo-big-box figure img {width: 100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:100%;}
.photo-big-box .txt-overlay{color:#fff; position:absolute; width:93%; padding:20px; bottom:0; text-shadow:1px 1px 3px #000; background:linear-gradient(to top,rgba(0,0,0,0.75) 0,rgba(0,0,0,0) 100%)}
.photo-big-box .txt-overlay h1{font-size:18px; font-weight:500; line-height:1.4; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.photo-big-box .txt-overlay p{display:none;}

.top-row-wrap .swiper-container-horizontal > .swiper-pagination-bullets{position: relative; margin-top:20px;}
.top-row-wrap .swiper-pagination-bullet-active{background:#333;}
/* // 헤드라인 포토박스*/
/* 중앙 3개박스 */
.mid-row-wrap {/*margin-top: 3.4%;*/ padding: 2% 0;}
.main_type1--photo{margin-top: 20px; padding: 10px 0;}
.list-thum--row{display:block; flex-wrap:wrap;overflow:hidden; margin:0 2%;}
.list-thum--row li{width:100%; margin-top:1rem;}
.list-thum--row li figure{position:relative; width:100%; padding-top:65%; overflow: hidden;}
.list-thum--row li img {width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%;}
.list-thum--row li p {margin-top:10px; height:45px; overflow:hidden; font-weight:500; font-size:18px;}
.list-thum--row li .d-flex span{font-size:32px; font-weight:500; padding-right:12px;}

.templete-type1 .main-wrapper a figure{position: relative; overflow:hidden;}


/* 중앙 광고 박스 */
.main-center-banner{display:block; width:100%; text-align:center;}
.main-center-banner a{width:375px;}
.main-center-banner img{width:375px; height:150px; object-fit:cover; margin-bottom:15px;}

/* 중하단 4개 박스 */
.tit-warp{border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom:15px;}
.main-tit{border:0; display:inline-block;background-color:transparent;}
.list-cate--row{display:flex;flex-wrap:wrap;overflow:hidden; margin:0 2%; }
.list-cate--row li{width:49%;}
.list-cate--row li:nth-child(2n+1){padding-right:1%;}
.list-cate--row li figure{position:relative; width:100%; padding-top:65%; overflow: hidden;}
.list-cate--row li img {width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%;}
.list-cate--row li p {margin-top:7px; height:40px; overflow:hidden; font-weight:600; font-size:16px; width:70%;}
.list-cate--row li .d-flex{margin-top:5px; margin-bottom:10px;}
.list-cate--row li .d-flex span{font-size:38px; font-weight:500; padding-right:10px;}
.main_type1--photo .btn-close-arrow{background:url(../images/common/ico_more.png) no-repeat 0 0; font-size:1px; color:transparent; clear: both; float:right; width:25px; height:20px; display:none;}


/* 하단 섹션 박스 */
.section-box-wrap{width:100%;}
.section-wrap{margin-top:50px;}

.row-col-wrap {width:35%; padding:0px; overflow:hidden;border:1px solid #dedede; box-sizing: border-box;}
.row-col-wrap .row-col-sm{margin-left:0;float:left; width:100%;}
.row-col-wrap .row-col-sm a{display: -ms-flexbox;width:auto;height:auto; }
.row-col-wrap .row-col-sm figure{position:relative; width:100%; overflow:hidden; padding-top:56%;}
.row-col-wrap .row-col-sm figure img {width:100%; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:100%;}
.row-col-wrap .row-col-sm .desc-box{width:auto; padding:10px;}
.row-col-wrap .row-col-sm .desc-box h1{font-size:18px;height:48px;line-height: 1.3;overflow:hidden;margin-bottom:3%;color:#333;margin-top: 0px;font-weight: 500;}
.row-col-wrap .row-col-sm .desc-box p{display:none; overflow:hidden;margin-top: 35px;line-height: 1.27;color:#a8a8a8;}

.photo-wrap{width:65%;}
.banner-area{min-width:250px; margin-top:0; margin-left:10px;}

.list-top-menu{margin-top:40px;}
.list-top-menu .swiper-container{max-width:1180px; background-color:#fff;}

.mbanner-wrap-left{display:none;}
.mbanner-wrap-right{display:none;}

.footer {background-color: #f6f6f6;}

@media all and (min-width: 768px) {
    .photo-big-box{width:100%;}
    .photo-big-box .txt-overlay{padding:60px;}
    .photo-big-box .txt-overlay h1{font-size:35px;}
    .photo-big-box .txt-overlay p{margin-top: 12px;height:21px;overflow:hidden;display: block; font-size:16px; width:80%;}
    .mid-row-wrap{padding:0;}
    .main-center-banner{display:flex; margin-top:3.4%;}    
    .main-center-banner a{width:32%;}
    .main-center-banner img{width:100%; margin-bottom:0px;}
    .main-center-banner a~a{margin-left:2%;}
    .main_type1--photo {margin:30px 2% 0;}
    .main_type1--photo .btn-close-arrow{display:block;}

    .list-thum--row{display:flex; flex-wrap:nowrap;}
    .list-thum--row li {width: 32%;}    
    .list-thum--row li ~ li {padding-left:2%;}

    .tit-warp{border:0;}
    .list-cate--row{margin:0;}
    .list-cate--row li:nth-child(2n+1){padding:0;}
    .list-cate--row li {width:20%;}

    /* 하단 섹션 박스 */    
    .section-box-wrap{width:100%; display:flex;}
    .section-box-wrap .d-flex{min-width:calc(100% - 260px); width:auto;}

    .row-col-wrap .row-col-sm{margin-top:0; margin-left:0;}
    .row-col-wrap .row-col-sm a{display:inline-block; width:100%;}
    .row-col-wrap .row-col-sm figure{}
    .row-col-wrap .row-col-sm .desc-box{padding:15px; width:auto;}
    .row-col-wrap .row-col-sm .desc-box h1{font-size: 20px; height:53px;}
    .row-col-wrap .row-col-sm .desc-box p{display: block;max-height:34px;}

    .photo-wrap .photo-big-box .txt-overlay {padding:20px;}
    .photo-wrap .photo-big-box .txt-overlay h1{font-size:24px;}
}

@media all and (min-width: 1180px) {
    .list-thum--row{margin:0;}
    .main_type1--photo{margin:40px 0;}    
    .main-center-banner a{width:375px;}

    .list-cate--row{margin:0;}
    
    .tit-box {width: 268px;}

    /* 메인 사이드 배너 영역 */
    .templete-type7 .main-right-banner{display:block;position:absolute; top:0px; right:-310px; max-width:300px; text-align:center;}
    .templete-type7 .main-left-banner{display:block;position:absolute; top:0px; left:-310px; max-width:300px; text-align:center;}
    
    .templete-type7 .main-right-banner .banner-area,
    .templete-type7 .main-left-banner .banner-area{margin-top:20px;}

    .templete-type7 .main-right-banner #divBanner:nth-of-type(1),
    .templete-type7 .main-left-banner #divBanner:nth-of-type(1) {margin-top: 0;}
}