@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600&display=swap');

*, *:after, *:before{-webkit-box-sizing:border-box; box-sizing:border-box;}

/* 헤드 마스터 영역 */
.templete-type6 .header-top-md{background-color:#fff; padding-top:13px; overflow:hidden;}
.templete-type6 .header-top-md h1 a{width:165px;}
.templete-type6 .main-wrapper{width:100%;margin:0 auto;position: relative;}
.templete-type6 .cont-article{background-color:#fff;}
.templete-type6 .header-area h1{text-align:center;}

.templete-type6 .common-nav {background: #fff; border-bottom: 1px solid #282f2f; border-top: 1px solid #282f2f; height: 39px;}
.templete-type6 .common-nav .topnav{width:100%; background-color:#fff; height:37px; margin-top:0.5px;}
.templete-type6 .button.btnico-menu {/*right:0;*/ margin-left:20px; top:-1px; left:inherit; background-image:url(/images/main/type1/ico_allmenu2.png); height:37px; width:37px; background-color:#2d6aa2; min-width:37px;}
/*.templete-type6 [class*=btnico]{height:37px; width:37px; min-width: 44px;}*/
/*.templete-type6 .header-search {position:absolute; right:20px; top:30px; height:37px; z-index:101;}
.templete-type6 .header-search .btnico-search{background-image:url('../images/main/type3/ico_search_bk.png'); background-color:transparent;}
.templete-type6 .header-search .btnico-login{background-image: url(../images/main/type3/ico_mypage_bk.png); background-color:transparent;}
.templete-type6 .header-search .search-wrap{position:absolute; top:0px; right:47px;}*/

.templete-type6 .mylog-box{border-color: #395160; top:38px; right:0px;}
.templete-type6 .mylog-box .mylog:before{background: url(../../../images/common/arrow_top_2a5680.png) no-repeat 0 0; top: -14px; left: 74%;}
.templete-type6 .today-time{width:120px; top:90px; display:none;}
.templete-type6 .snsLinkbutton{display:none;}

.templete-type6 .topnav-all-wrap{width:100%; top:0px; padding:0 5% 20px; border:1px solid #eeeeee; border-bottom:3px solid #395160;}
.templete-type6 .topnav-all-wrap .menu-one-depth{width:190px; margin-left:20px;}
.templete-type6 .topnav-all-wrap .menu-one-depth > a {color:#395160; height:50px; border-bottom:2px solid #395160;}

.templete-type6 .topnav-wrap{width:100%; padding-left:0px; height:37px; text-align:center; border-bottom:1px solid #333;}
.templete-type6 .topnav-wrap ul > li > a {padding: 9px 15px; font-size:15px; color:#282f2f; font-weight:400;}
.templete-type6 .topnav-wrap ul > li > ul{width:150px; border:none; /*padding:5px 0;*/}
.templete-type6 .topnav-wrap ul li ul li{border:none;}
.templete-type6 .topnav-wrap ul li ul.menu-two-depth .ico_depth:before {top: 13px;}
/*.templete-type6 .topnav-wrap ul li:hover > a{background-color:#fff; color:#e90606;}*/
.templete-type6 .topnav-wrap ul .menu-one-depth:hover > a{background-color:#fff; color:#24c4f8;}
.templete-type6 .topnav-wrap ul.menu-two-depth li:hover > a,
.templete-type6 .topnav-wrap ul.menu-three-depth li:hover > a{background-color:#24c4f8 !important; color:#fff;}
.templete-type6 .topnav-wrap ul.menu-two-depth li a{color:#fff; background-color:#2f3846 !important; font-weight:400; text-align:left; width:auto;}
/*.templete-type6 .topnav-wrap .menu-two-depth:before{content: ' '; width: 0; height: 0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #2f3846; position:absolute; top:-10px; left:15px;}*/
.templete-type6 .topnav-wrap .menu-two-depth{background-color:#2f3846;}
/*.templete-type6 .topnav-wrap ul li ul li:empty:{display:none;}*/
/*.templete-type6 .topnav-wrap ul li ul:empty:before{display:none;}*/
/*.menu-two-depth li:first-child {padding-top:5px;}
.menu-two-depth li:last-child {padding-bottom:5px;}*/


.updown_area button.btn_up{background: #4c9ce5;}
.updown_area button.btn_up:hover{background-color:#3f81bd;}

.footer{margin-top:0; background-color: #f6f6f6;}

/* // 헤드 마스터 영역 */

/* 메인 상단 레이아웃 */
.templete-type6 .wallpaper-component{background-color:#f6f6f6; height:100%; padding-bottom:40px;}
.templete-type6 .main-top-wrapper{display: block; width: 100%;}
.cards-component {background-color:#fff; border-top:10px solid #000; width:100%; height:100%; margin-bottom:16px; -webkit-box-shadow:-1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24); box-shadow:-1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);}
.cards-component__header{-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.cards-component__title{font-family:'Noto Serif KR', Noto Sans KR, 'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif, serif; font-style:normal; font-weight: 500; color: #000; font-size: 32px; line-height: 34px; padding: 16px;}
.cards-component__row{display: block;}
.card-component{background-color:#fff; margin:16px 16px 0; padding:0 0 16px; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition:-webkit-transform .15s cubic-bezier(0.33, 0.66, 0.66, 1); transition:-webkit-transform .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition:transform .15s cubic-bezier(0.33, 0.66, 0.66, 1); transition:transform .15s cubic-bezier(0.33, 0.66, 0.66, 1); transition:transform .15s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .15s cubic-bezier(0.33, 0.66, 0.66, 1); width:auto;}
.card-component--border{border-bottom:1px solid #ccc;}
.card-component__image{margin-bottom:16px; position:relative;}
.card-component h2 {
    -webkit-box-orient: vertical; -webkit-line-clamp: 5; display: -webkit-box; max-height: 100px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;
    font-style: normal; font-weight: 400; color: #000; font-size: 21px; line-height:23px; background:#fff; margin:3px 0; max-height: 130px;
    opacity: 1; -webkit-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1);}
.brow-component {
    color: rgba(0,0,0,0.6); display: block;
    font-style: normal; font-weight: 400; line-height: 13px; overflow: hidden; position: relative; text-transform: uppercase; z-index: 3;}
.aspect-ratio-component.all-16-9{position:relative;}
.aspect-ratio-component.all-16-9::before{content: ""; display: block; padding-top:56.25%; width:100%;}
.aspect-ratio-component.all-16-9>.aspect-ratio-component__inner-wrapper{bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0;}
.brow-component--micro{font-size: 12px; margin-bottom:4px;}
.byline-component {-webkit-box-orient: vertical; -webkit-line-clamp:3; display:-webkit-box; max-height:39px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;
    font-style: normal; font-weight: 400; text-decoration: none; text-transform: uppercase; color: rgba(0,0,0,0.6);
    display: block; line-height: 13px; position: relative; z-index: 3;}
.cards-component__column{/*width:100%;*/ display:block;}
.byline-component--micro{font-size:12px; letter-spacing:0; margin-top:11px;}
.visually-hidden{border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}

/* 헤드라인 우측 / Most Popular */ 
.most-popular-side-bar-component{float: right; max-width: 300px; min-width: 300px; position: relative;}
.post-listing-component__wrapper{background-color:#fff; border-top:10px solid #000; margin-bottom:16px; min-width:300px; position:relative; -webkit-transition:opacity 1s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition:opacity 1s cubic-bezier(0.33, 0.66, 0.66, 1); transition:opacity 1s cubic-bezier(0.33, 0.66, 0.66, 1);}
.post-listing-component--with-border .post-listing-component__wrapper{-webkit-box-shadow:-1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24); box-shadow:-1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);}
.title-bar-component{color: #000; font-size: 32px; line-height: 34px; font-style: normal; font-weight: 500; border-bottom: 1px solid #ccc; padding: 16px; text-transform: capitalize;
    display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;}
.title-bar-component h4{font-family:'Noto Serif KR', Noto Sans KR, 'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif, serif; color:#000; -webkit-transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); word-break: break-word; word-wrap: break-word;}
/*.title-bar-component--linked:hover{color: rgba(0,0,0,0.6);}*/

.post-listing-component__list{padding:0 16px;}
.post-listing-component__wrapper .post-listing-list-item__post:first-child{border-top:0;}
.post-listing-component__wrapper .post-listing-list-item__post{clear:both; display:block; border-top:1px solid #efefef; padding:16px 0;}
.post-listing-component__wrapper .post-listing-list-item__post:before,
.post-listing-component__wrapper .post-listing-list-item__post:after{content: " "; display: table;}
.post-listing-component__wrapper .post-listing-list-item__post:after{clear:both;}
.post-listing-component__wrapper .post-listing-list-item__image--small{float:left; margin-right:16px; min-height:61px; min-width:61px;}
.post-listing-component__wrapper .post-listing-list-item__image--featured{margin:0 0 16px 0;}
.post-listing-component__wrapper .post-listing-list-item__link:hover .post-listing-list-item__title{opacity:0.6;}
.post-listing-component .post-listing-list-item__image--small{min-height:80px; min-width:80px;}
.aspect-ratio-component.all-1-1{position:relative;}
.aspect-ratio-component.all-1-1::before{content: ""; display:block; padding-top:100%; width:100%;}
.aspect-ratio-component.all-1-1>.aspect-ratio-component__inner-wrapper{bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0;}
.post-listing-component__wrapper .post-listing-list-item__byline{color:#666; font-size:11px; line-height:12px;
    font-style:normal; font-weight:400; text-decoration:none; text-transform:uppercase; text-decoration:none; text-transform:uppercase;
    -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1);
    -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1);
    transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1);
    display:block; letter-spacing:0; line-height:9px; margin-bottom:9px;}
.post-listing-component__wrapper .post-listing-list-item__title{-webkit-box-orient:vertical; -webkit-line-clamp:3; display:-webkit-box; max-height:48px; overflow:hidden;
    -o-text-overflow:ellipsis; text-overflow:ellipsis; color:#000; font-size:15px; line-height:18px;
    font-style: normal; font-weight:500; -webkit-transition:color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition:color .15s cubic-bezier(0.33, 0.66, 0.66, 1); transition:color .15s cubic-bezier(0.33, 0.66, 0.66, 1);}
.post-listing-component .post-listing-list-item__title{-webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; max-height:37px; min-height:37px; padding-bottom:3px;}
.post-listing-component .icon--next-round-black{}

.link--arrow{-webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; text-decoration:none;}
.link--arrow .icon{background-image:url(/images/main/type7/morearrow_off.png); height: 28px; width: 29px; opacity:.6; -webkit-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1);}
.link--arrow:hover .icon{opacity: 1;}

.cns-ads-slot-type-siderail-1.cns-ads-slot-state-filled, 
.cns-ads-slot-type-siderail-3.cns-ads-slot-state-filled {padding-bottom: 24px;}

.wrapper-cards__column{display:block;}
.wrapper-cards .wrapper-cards__column .post-listing-component__wrapper{min-width:100%;}

.image-group-component{height:100%;}
.image-group-component img{object-fit:cover; width:100%; height:100%;}

.card-component p{-webkit-box-orient:vertical; -webkit-line-clamp:3; display:-webkit-box; max-height:62px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; color:rgba(0,0,0,0.8); font-size:14px; line-height:20px; margin:16px 0;}
.post-listing-component--with-border .post-listing-component__wrapper .byline-component--micro{margin-top:7px;}
.post-listing-component__wrapper .post-listing-list-item__post:hover h5{opacity:0.6;}

@media (min-width:768px) {
    /*.templete-type6 .main-wrapper{margin: 0 20px;}*/
    .templete-type6 .main-top-wrapper{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%;}
    .templete-type6 .wallpaper-component{padding-top:20px;}
    
    .cards-component {background-color:transparent; border-top:0; -webkit-box-shadow:none; box-shadow:none; margin:0;}
    .card-component:hover{-webkit-box-shadow: -2px 0 2px 0 rgba(0,0,0,0.16), 2px 0 2px 0 rgba(0,0,0,0.16), 0 2px 2px 0 rgba(0,0,0,0.23);
        box-shadow: -2px 0 2px 0 rgba(0,0,0,0.16), 2px 0 2px 0 rgba(0,0,0,0.16), 0 2px 2px 0 rgba(0,0,0,0.23);
        -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
    .card-component:hover h2{opacity:0.6;}
    .cards-component__header{display:none;}
    .cards-component__row {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row;}
    .card-component{border-radius:1px; border-top:3px solid #000; -webkit-box-shadow:-1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24); box-shadow:-1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24); padding:16px;}
    .card-component--standard{width: calc(66.66666666666666% + -6.333px);}
    .card-component--left{margin:0 16px 16px 0;}
    .card-component__image--standard, 
    .card-component__image--half, 
    .card-component__image--narrow{margin-bottom:16px; position:relative;}
    .card-component h2 {color:#000; font-size:21px; line-height:23px;}
    .card-component--narrow {width:-webkit-calc(33.333% + -11.667px); width:calc(33.333% + -11.667px);}
    .cards-component__column{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; width:50%;}

    .card-component--text{width:-webkit-calc(50% + -16px); width: calc(50% + -16px);}
    .card-component--small,
    .card-component--small-reversed{max-height:200px; width:-webkit-calc(100% + -16px); width:calc(100% + -16px);}
    .card-component--small h2,
    .card-component--small-reversed h2{-webkit-box-orient:vertical; -webkit-line-clamp:4; display:-webkit-box; max-height:104px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; color:#000; font-size:18px; line-height:20px;}
    .card-component__image--small{float: right; margin-bottom: 0px; margin-left: 16px; width: -webkit-calc(50% + -9px); width: calc(50% + -9px);}
    .card-component__image--small-reversed{float:left; margin-bottom:0px; margin-right:16px; width:-webkit-calc(50% + -7px); width:calc(50% + -7px);}
    .card-component--top, 
    .card-component--top-reversed, 
    .card-component--top-wide{width:-webkit-calc(100% + -1px); width:calc(100% + -1px);}

    .card-component--text .brow-component--micro{font-style: normal; font-weight: 400; text-decoration: none; text-transform: uppercase; font-size: 11px; letter-spacing: normal; letter-spacing: 0; margin: 0;}

    .card-component--text h2 {-webkit-box-orient:vertical; -webkit-line-clamp:6; display:-webkit-box; max-height:228px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;
        font-size:26px; height: -webkit-calc(100% + 10px); height: calc(100% + 10px); letter-spacing: normal; line-height: 28px; margin-bottom: 12px; max-height: 240px; padding-bottom: 4px;}
    .post-listing-component__wrapper{max-width:300px;}

    .card-component--top,
    .card-component--top-reversed,
    .card-component--top-wide{width:-webkit-calc(100% + -1px); width:calc(100% + -1px);}
    .card-component__image--top-reversed{float:left; margin-bottom:0px; margin-right:16px; width:-webkit-calc(66.66% + -6.33px); width:calc(66.66% + -6.33px);}

    .card-component--center{margin:0 0 16px 0;}
    .card-component--featured, 
    .card-component--featured-reversed{width:100%;}
    .card-component__image--featured{float:left; margin-bottom:0px; margin-right:16px; width:-webkit-calc(66.66%); width:calc(66.66%);}
    
    .wrapper-cards{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%;}
    .wrapper-cards__column{-webkit-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis: auto; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column;    flex-direction:column; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; flex-direction: column; width:calc(33.33% - 16px);}
    .wrapper-cards__column ~ .wrapper-cards__column{margin-left:24px;}
    .wrapper-cards .wrapper-cards__column .post-listing-component__wrapper{max-width:100%;}


    .aspect-ratio-component.medium-up-1-1 {position: relative;} 
    .aspect-ratio-component.medium-up-1-1::before{content:""; display:block; padding-top:100%; width:100%;}
    .aspect-ratio-component.medium-up-1-1>.aspect-ratio-component__inner-wrapper{bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0;}
    .aspect-ratio-component.medium-up-4-3{position:relative;}
    .aspect-ratio-component.medium-up-4-3::before{content: ""; display: block; padding-top: 75%; width: 100%;}
    .aspect-ratio-component.medium-up-4-3>.aspect-ratio-component__inner-wrapper{bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0;}

    .card-component__description.card-component__description--top-reversed h2{font-size: 30px; line-height:32px;}

    .location ul li:first-child a{background-color:transparent;}
}


.card-component--featured h2,
.card-component--featured-reversed h2{-webkit-box-orient:vertical; -webkit-line-clamp:4; display:-webkit-box; max-height:155px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;
    font-style: normal; font-weight: 500; color: #000; font-size: 32px; line-height: 38px; letter-spacing: -1.4px;}

/* PC */
@media (min-width:1080px) {
    .templete-type6 .main-wrapper{margin: 0 auto; position: relative; max-width: 1080px;}
    /*.wrapper-cards__column{max-width: calc(33.33% - 32px);}*/
    /*.templete-type6 .main-wrapper {width: 1080px;}*/
}

@media (max-width:768px){
    .most-popular-side-bar-component {display:none;}
    .most-popular-side-bar-component--medium-down-show {display:block; float:none; min-width:100%;}

    .js-post-listing-rad.ad.ad--side_rail {text-align:center;}

    .location ul li:first-child a{background-color:#b94128;}
    .location-box{background-color: #f0512f;}
}

@media all and (min-width: 1180px) {
    .location {width:1140px;}

    /* 메인 사이드 배너 영역 */
    .templete-type6 .main-right-banner{display:block;position:absolute; top:0px; right:-310px; max-width:300px; text-align:center;}
    .templete-type6 .main-left-banner{display:block;position:absolute; top:0px; left:-310px; max-width:300px; text-align:center;}
    .templete-type6 .main-right-banner #divBanner:nth-of-type(1),
    .templete-type6 .main-left-banner #divBanner:nth-of-type(1) {margin-top: 0;}
}

/* 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%;
        min-width: 100%;
        min-height: 100%;
        z-index: -100;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .culture-main-cont > p{
        height: 104px;
    }

    .culture-main-cont strong{
        height: 105px;
        overflow: hidden;
    }
}