.update-title, .update, .notice-list{max-width:1020px; clear:both}
.update-title.page-title{margin-top:30px; margin-bottom:20px}

/* title */
.update-title .hd1{text-align:left}
.update-title .col-md-3{text-align:left}
.update .hd5{font-weight:500}

/* @media(max-width:767px) {
  .update-title .col-md-9{flex:0 0 50%; max-width:50%}
  .update-title .col-md-3{flex:0 0 50%; max-width:50%}
} */


@media(min-width:768px) {
  .update-title .col-md-3{text-align:right}
}
/* rss-btn */
.btn-rss{background-color:#F1F3F5; padding:8px 12px; position:relative; display:inline-block; color:#606166; font-size:14px; font-weight:500; margin-top:10px}
.btn-rss::before{content:''; position:relative; display:inline-block; width:17px; height:17px; left:0; top:4px; margin-top:-3px; margin-right:5px; background:url(../images/ico-rss@3x.png) no-repeat; background-size:100%}
@media(min-width:768px) {
  .btn-rss{font-size:15px; margin-top:0; padding:10px 15px}
  .btn-rss::before{width:21px; height:21px; top:5px}
}
@media(min-width:1070px) {
  .update-title.page-title{margin-top:50px}
  .btn-rss{font-size:16px}
}

/* 업데이트 리스트 */
.up-title{font-weight:500; line-height:1.4; max-width:600px}
.up-excerpt{margin-top:0; color:#666; max-width:600px}
.update .date, .update .category{color:#888; font-weight:300}
.update .media{width:100px; height:80px; background-size:cover; background-position:center; float:left}
.update .info p{margin-top:5px}
.update .info{margin-left:100px; padding-left:18px; margin-top:-3px}
.update .info .date{text-align:right}
.update .info .category, .update .info .date{margin-top:0; display:inline-block; width:50%}
.update li{padding-top:15px; padding-bottom:15px; border-bottom:1px solid #eee; overflow:hidden}
.update li:last-child{border:none}
.up-post .info > div > span{vertical-align:top}
.up-post .info > div{font-size:0}
@media(min-width:768px) {
  .update .media{width:150px; height:110px}
  .update .info{padding:5px 0; margin-left:150px; padding-left:24px}
  .update .info p{margin-top:8px}
  .update.up-post li{border:none}
  .update ul{margin-top:10px}
}
@media(min-width:1070px) {
  .update .media{width:200px; height:140px}
  .update .info{padding:10px 0; margin-left:200px; padding-left:30px}
  .update .info p{margin-top:10px}
}

/* 공지사항 리스트 */
.update{margin-top:10px}
.update.notice li{padding-top:0; padding-bottom:0}
.notice-list ul{margin-top:10px; clear:both}
.notice-list .info .up-title{margin-top:0}
.notice-list .title{float:left; width:100%; line-height:1.4; font-weight:500; font-size:18px}
.notice-list .info .date{width:inherit; margin-top:5px}
/* .notice-list .date{width:30%; text-align:right; display:table-cell; vertical-align:middle; padding-left:10px} */
.notice-list a p{margin-top:0}
/* .notice-list ul li a{border-bottom:1px solid #eee; padding:10px 0; clear:both; overflow:hidden; display:table; width:100%} */
.notice-list a:last-child{border:none}
.notice-list .title:hover, .update .up-title:hover{text-decoration:underline}
.notice-list .hd4{display:inline-block}
.notice-list .btn-more{float:right; padding:4px 0}
.notice-list .btn-more:hover{text-decoration:underline}

@media(min-width:768px) {
  /* .notice-list ul{margin-top:20px} */
  .notice-list .info .date{width:inherit; margin-top:10px}
  .notice-list .btn-more{padding:10px 0}
}

/* 두줄이상 말줄임 */
.notice .title, .up-excerpt{overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2}


/* 오늘의 마음가꾸기 */
.page-update .container{max-width:1200px}
.page-update .category{color:#DA0F48}
.page-update .page-title{text-align:left; display:flex; justify-content:space-between; align-items:center}
.page-update .page-title .title-wrap{}
.page-update .page-title .title-wrap h1{font-size:21px; font-weight:600; letter-spacing:-0.2px; line-height:1.2; color:#444}
.page-update .page-title .title-wrap h1 b{font-weight:600}
.page-update .page-title .title-wrap p{font-size:14px; margin-top:0; color:#999; display:none}
.page-update .page-title .title-wrap p:lang(en),
.page-update .page-title .title-wrap p:lang(ko),
.page-update .page-title .title-wrap p:lang(es),
.page-update .page-title .title-wrap p:lang(pt),
.page-update .page-title .title-wrap p:lang(ru),
.page-update .page-title .title-wrap p:lang(de),
.page-update .page-title .title-wrap p:lang(ja){display:block}

/* SNS 버튼 */
.page-update .sns-button-group{display:flex}
.page-update .sns-button-group > *{margin-left:8px; margin-top:inherit; vertical-align:top}
.page-update .sns-button-group .btns{position:relative; display:inline-block; cursor:pointer}
.page-update .sns-button-group .btns .ico-btn > .mobile-hidden{display:none}
.page-update .sns-button-group .btns .ico-btn{font-size:13px;text-align:center; color:#666; font-weight:normal}
.page-update .sns-button-group .btns .ico-btn::before{content:''; display:block; margin:0 auto; width:22px; height:22px; margin-bottom:2px; background-size:100%; background-repeat:no-repeat; background-position:center}
.page-update .sns-button-group .btn-sns .ico-btn::before{background-image:url('/wp-content/themes/watv/images/ui/ico-share.png')}
.page-update .sns-button-group .btn-rss .ico-btn::before{background-image:url('/wp-content/themes/watv/images/ui/ico-rss.png')}
.page-update .sns-button-group .btn-rss{background-color:transparent; padding:inherit}
.page-update .sns-button-group .btn-rss::before{display:none}
.page-update .btn-sns .addtoany_shortcode{display:none; position:absolute; width:244px; right:-8px; top:26px; text-align:center; padding:20px 25px; border-radius:10px; box-shadow:0 20px 30px rgba(0,0,0,0.2); background-color:#fff; z-index:10}
.page-update .btn-sns .addtoany_shortcode .addtoany_list > a:last-child{margin-right:0}
.page-update .btn-sns .addtoany_shortcode.view{display:block}

.page-update .first-list article > a{display:flex; flex-direction:column; background-color:#fff}
.page-update .first-list .media{padding-bottom:70%; background-size:cover; background-position:center; background-repeat:no-repeat}
.page-update .first-list .info{width:90%; padding-top:16px; padding-bottom:16px; margin-left:auto; margin-right:auto}
.page-update .first-list .info > *{margin-top:3px}
.page-update .first-list .info div:first-child{margin-top:inherit}
.page-update .first-list .info .date{font-size:13px}
.page-update .first-list .info .up-title{font-size:20px; letter-spacing:-0.2px}
.page-update .first-list .info .up-excerpt{display:none}
.page-update .first-list .info .category{font-size:13px; display:inline-block}
.page-update .first-list .info .view::before,
.page-update .all-list .view::before{content:"\00b7"; color:#888}
.page-update .first-list .info .view{font-size:13px; color:#888; display:inline-block}

@media(min-width:768px) {
  .page-update .page-title .title-wrap h1{font-size:24px}
  .page-update .sns-button-group > *{margin-left:16px}
  .page-update .first-list article{max-width:1200px; padding-left:30px; padding-right:30px; margin-left:auto; margin-right:auto}
  .page-update .first-list article > a{background-color:transparent}
  .page-update .first-list .media{border-top-left-radius:10px; border-top-right-radius:10px}
  .page-update .first-list .info{width:100%; padding:15px 20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#FFF}
}

@media(min-width:1070px) {
  .page-update .page-title .title-wrap h1{font-size:48px; letter-spacing:-2px}
  .page-update .page-title .title-wrap p{font-size:16px; margin-top:6px}
  .page-update .sns-button-group .btns .ico-btn > .mobile-hidden{display:block}
  .page-update .first-list{padding-top:15px}
  .page-update .first-list article > a{flex-direction:row}
  .page-update .first-list .thum{width:50%}
  .page-update .first-list .media{padding-bottom:82%}
  .page-update .first-list .info{display:flex; flex-direction:column; width:50%; padding:40px 60px}
  .page-update .first-list .info > *{margin-top:12px}
  .page-update .first-list .info .category{margin-top:26px; order:-1; font-size:inherit}
  .page-update .first-list .info .view::before{display:none}
  .page-update .first-list .info .date{order:-1; font-weight:200; font-size:20px}
  .page-update .first-list .info .up-title{font-size:40px; font-weight:200; letter-spacing:-1px; line-height:1.3}
  .page-update .first-list .info .up-excerpt{display:block; color:#888; line-height:1.7; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4}
  .page-update .first-list .info .view{margin-top:20px; font-size:14px}
}

.page-update{background-color:#F9F9F9}
.page-update .all-list h2{font-size:18px; font-weight:600}
/* .page-update .all-list h2{margin-top:5px; margin-bottom:12px} */
.page-update .all-list .media{padding-bottom:65%; background-size:cover; background-position:center; background-repeat:no-repeat; border-top-left-radius:10px; border-top-right-radius:10px}
.page-update .all-list .info{padding:15px 20px; background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin-bottom:24px}
.page-update .all-list .date,
.page-update .all-list .view{font-size:13px; color:#999; display:inline-block; vertical-align:top}
/* .page-update .all-list .up-title{margin-top:2px} */
.page-update .all-list .info > *:not(:first-child){margin-top:3px}

@media(min-width:768px) {
  .page-update .all-list h2{font-size:24px}
  /* 썸네일 호버 애니메이션 */
  .page-update .thum{position:relative; overflow:hidden}
  .page-update .thum::after{content:''; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0; transition:all 0.4s ease}
  .page-update .media{transition:transform 400ms cubic-bezier(0.4, 0, 0.25, 1),opacity 1s cubic-bezier(0.4, 0, 0.25, 1),-webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1)}
  .page-update article > a:hover .thum::after{opacity:0.15}
  .page-update article > a:hover .media{-webkit-transform:scale(1.03); transform:scale(1.03)}
  .page-update .all-list .info{margin-bottom:30px}
}
@media(min-width:1070px) {
  .page-update{background-color:#FFF}
  .page-update .first-list .media,
  .page-update .first-list .info,
  .page-update .all-list .media,
  .page-update .all-list .info{border-radius:0}
  .page-update .all-list .info{padding-left:0; padding-right:0}
  .page-update .first-list .media{height:100%}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .page-update .sns-button-group .btn-sns .ico-btn::before{background-image:url('/wp-content/themes/watv/images/ui/ico-share@3x.png')}
  .page-update .sns-button-group .btn-rss .ico-btn::before{background-image:url('/wp-content/themes/watv/images/ui/ico-rss@3x.png')}
}

/* 알림글 목록 임시 가림(코로나 공지) */
.page-update .notice-list{display:none}