/**********************************************
note : design custom style page
**********************************************/

/* 선거배너종료 */
.vote_banner_box_finish {margin-bottom:1px;padding:1.875rem .625rem;font-size:1.375rem;font-weight:bolder;line-height:1;color:#fff;background-color:red;border:3px solid blue;text-align:center}
.vote_banner_box_finish::before {content:'선거배너'}
.vote_banner_box_finish::after {content:'이 배너가 보이면 꼭 삭제해주세요.';display:block;margin-top:.375rem;font-size:.875rem;line-height:1.375;font-weight:normal;letter-spacing:-.05em}


/**********************************************
note : 신규(이전) 스타일 정의
name : 김지수
date : 2020-05-21 ~
**********************************************/
.bbs-skin .bbs-list-title > a[href] {font-weight:normal}

/*********************************************
note : 최상단 배너 버튼
*********************************************/
.side-top-banner {padding-top:30px}
.side-top-btn {position:absolute;z-index:1004;top:30px;width:24px;height:24px;font-size:.938rem;color:#fff;background-color:rgba(0,0,0,.35);border-radius:50%;cursor:pointer;outline:none}

/**********************************************
note : box skin
**********************************************/
.box-skin .header > a,
.box-skin .header > strong {font-family:'Noto Sans KR',sans-serif;font-weight:400;letter-spacing:-.05em}

/* point border */
.box-solid.point-border {border-top-color:#F4801F}

/* bg gray */
.box-skin.gray {background-color:#555}

/* live video */
.box-skin.live-video {padding-top:16px}
.box-skin.live-video.header > a,
.box-skin.live-video .header > strong {margin-bottom:1rem;padding:0 16px;color:#fff;letter-spacing:-.03em}

/**********************************************
note : 사이드 배너
**********************************************/
/*.view-aside.left-wing {right:calc(100% - 210px)}*/
.view-aside.right-wing {left:calc(100% + 30px)}

/**********************************************
note : 뉴스레터
**********************************************/
#admin-wrap .index-wrap.letter.custom table {border-collapse:inherit}
.admin-layout .index-wrap.letter.custom table tbody tr:nth-child(2n) {background-color:#fff !important}
.index-wrap.letter.custom table {max-width:860px}

/**********************************************
note : 게시판 (default_bbs_custom)
**********************************************/
#bbs-is-aside-wrap {font-size:0}
#bbs-is-aside-wrap > [class*="bbs-con-"] {display:inline-block;vertical-align:top}
#bbs-is-aside-wrap > .bbs-con-left {width:calc(100% - 300px);padding-right:30px;font-size:15px}
#bbs-is-aside-wrap > .bbs-con-right {width:300px}

@media screen and (max-width: 39.9375em) {
    #bbs-is-aside-wrap > .bbs-con-left {width:100%;padding-right:0;}
	#bbs-is-aside-wrap > .bbs-con-right {width:100%;}
}



/**********************************************
note : 기사뷰
**********************************************/
#article-view:not(.mobile) .info-group > :first-child:nth-last-child(2) {width:70%}
#article-view:not(.mobile) .info-group > :first-child:nth-last-child(2) ~ .item {width:30%}
#article-view .article-view-header {border-bottom-color:rgba(0,0,0,.25)}

/* sns share */
#article-view.skin-custom .sticky-article .article-sns {width:100%}
#article-view.skin-custom .article-sns .social-group {text-align:center}

/* 부제목 */
#article-view.skin-custom .subheading {color:rgba(0,0,0,.5)}

/* 기사본문 */
#article-view.skin-custom .article-veiw-body.view-page {line-height:30px;letter-spacing:0}

/* 다른기사보기 */
#article-view.skin-custom .writer {border-top:0;text-align:center}
/*#article-view.skin-custom .writer .item {display:inline-block;width:auto}*/
#article-view.skin-custom .writer .item .article-more {font-size:17px;font-weight:500}

/* 관련기사 */
#article-view.skin-custom .relation ul.list {font-size:0}
#article-view.skin-custom .relation ul.list > li {display:inline-block;vertical-align:top;width:calc(50% - 15px);margin:20px 0 0 30px}
#article-view.skin-custom .relation ul.list > li:nth-child(-n + 2) {margin-top:0}
#article-view.skin-custom .relation ul.list > li:nth-child(odd) {margin-left:0}
#article-view.skin-custom .relation ul.list > li > a {padding-left:0;font-size:0}
#article-view.skin-custom .relation ul.list > li > a::before {display:none}
#article-view.skin-custom .relation ul.list > li > a > [class*="relation-"] {display:inline-block;vertical-align:middle}
#article-view.skin-custom .relation ul.list > li > a > .relation-img {position:relative;width:100px;height:68px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
#article-view.skin-custom .relation ul.list > li > a > .relation-img::before {content:'';position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background-color:transparent;border:1px solid rgba(0,0,0,.12)}
#article-view.skin-custom .relation ul.list > li > a > .relation-title {width:calc(100% - 100px);padding-left:20px;font-size:1.063rem;font-weight:normal}
#article-view.skin-custom .relation ul.list > li.no-img > a > .relation-title {width:100%;padding-left:0}
#article-view.skin-custom .relation ul.list > li > a:hover > .relation-title {text-decoration:underline}


/**********************************************
note : 기사뷰(wide - 맛집섹션)
**********************************************/
/* 부제목 */
#article-view.wide-view .subheading {color:rgba(0,0,0,.5)}

/* sns share - 프린트 */
#article-view.wide-view .info-group .quick-tool {text-align:right}

/* sns share */
#article-view.wide-view .article-sns .social-group {margin-bottom:30px}

/* tag */
#article-view.wide-view .tag-group {text-align:center}

/* 다른기사보기 */
#article-view.wide-view .writer {border-top:0;text-align:center}
#article-view.wide-view .writer .item {display:inline-block;width:auto}
#article-view.wide-view .writer .item .article-more {font-size:17px;font-weight:500}


/**********************************************
note : 추천반대
**********************************************/
@-webkit-keyframes bobble{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}
@keyframes bobble{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}

#emoji-for {padding-bottom:2rem;margin-bottom:2rem; border-bottom:1px solid rgba(0,0,0,.08);text-align:center}
#emoji-for::after {content:'';display:table;clear:both}
#emoji-for .emoji-btns {display:inline-block;width:100px}
#emoji-for button.emoji-btns,#emoji-for a.emoji-btns {cursor:pointer}
#emoji-for .emoji-btns::before {content:'';display:block;overflow:hidden;width:50px;height:40px;margin-left:auto;margin-right:auto;background:url('/image/emojis-for.png') no-repeat;background-size:250px auto}
#emoji-for .emoji-btns[class*="recom_"]::before {background-image:url('/image/goodnbad-for.png');background-size:100px auto}
#emoji-for .emoji-btns[class*="hedd_"]::before {background-image:url('/image/hedd-emojis-for.png');background-size:250px auto}
#emoji-for button.emoji-btns::before,#emoji-for a.emoji-btns::before {margin-bottom:.5rem}
#emoji-for button.emoji-btns:hover::before,#emoji-for a.emoji-btns:hover::before {-webkit-animation:bobble .5s 2;animation:bobble .5s 2}
#emoji-for .emoji-btns.good::before {background-position:0 0}
#emoji-for .emoji-btns.warm::before {background-position:-50px 0}
#emoji-for .emoji-btns.sad::before {background-position:-100px 0}
#emoji-for .emoji-btns.angry::before {background-position:-150px 0}
#emoji-for .emoji-btns.want::before {background-position:-200px 0}
#emoji-for .emoji-btns.joy::before {background-position:0 -40px}
#emoji-for .emoji-btns.cool::before {background-position:-50px -40px}
#emoji-for .emoji-btns.sleep::before {background-position:-100px -40px}
#emoji-for .emoji-btns.dissa::before {background-position:-150px -40px}
#emoji-for .emoji-btns.lovely::before {background-position:-200px -40px}
#emoji-for .emoji-btns.shadow_good::before {background-position:0 -80px}
#emoji-for .emoji-btns.shadow_warm::before {background-position:-50px -80px}
#emoji-for .emoji-btns.shadow_sad::before {background-position:-100px -80px}
#emoji-for .emoji-btns.shadow_angry::before {background-position:-150px -80px}
#emoji-for .emoji-btns.shadow_want::before {background-position:-200px -80px}
#emoji-for .emoji-btns.line_good::before {background-position:0 -120px}
#emoji-for .emoji-btns.line_warm::before {background-position:-50px -120px}
#emoji-for .emoji-btns.line_sad::before {background-position:-100px -120px}
#emoji-for .emoji-btns.line_angry::before {background-position:-150px -120px}
#emoji-for .emoji-btns.line_want::before {background-position:-200px -120px}
#emoji-for .emoji-btns.recom_good::before {background-position:0 0}
#emoji-for .emoji-btns.recom_bad::before {background-position:-50px 0}
#emoji-for .emoji-btns.recom_line_good::before {background-position:0 -40px}
#emoji-for .emoji-btns.recom_line_bad::before {background-position:-50px -40px}

#emoji-for .emoji-btns.hedd_good::before {background-position:0 0}
#emoji-for .emoji-btns.hedd_fun::before {background-position:-50px 0}
#emoji-for .emoji-btns.hedd_angry::before {background-position:-100px 0}
#emoji-for .emoji-btns.hedd_bad::before {background-position:-150px 0}
#emoji-for .emoji-btns.hedd_want::before {background-position:-200px 0}
#emoji-for .emoji-btns .text {display:block;overflow:hidden;font-size:.8rem;line-height:1.25em;letter-spacing:-0.05em;color:rgba(0,0,0,.45);text-overflow:ellipsis;white-space:nowrap}
#emoji-for .emoji-btns .number {font-size:.75rem;font-style:normal;line-height:1em;letter-spacing:-0.025em;color:rgba(0,0,0,.85)}

@media screen and (max-width: 63.9375em) {
    .row #emoji-for .emoji-btns:hover::before,.row #emoji-for .gb-btns:hover::before {-webkit-animation:initial;animation:initial}
}

@media screen and (max-width: 39.9375em) {
    #emoji-for .emoji-btns {width:60px}
    #emoji-for .emoji-btns .text {font-size:.7rem}
}


/* tabs */
.emoji-tabs .tabs {border:none}
.emoji-tabs .tabs-title {text-align:center}
.emoji-tabs .tabs-title:first-child:last-child {width:100%}
.emoji-tabs .tabs-title:first-child:nth-last-child(2), .emoji-tabs .tabs-title:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .tabs-title {display:inline-block;width:50%}
.emoji-tabs .tabs-title:first-child:nth-last-child(3), .emoji-tabs .tabs-title:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .tabs-title {display:inline-block;width:33.33333%}
.emoji-tabs .tabs-title:first-child:nth-last-child(4), .emoji-tabs .tabs-title:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .tabs-title {display:inline-block;width:25%}
.emoji-tabs .tabs-title:first-child:nth-last-child(5), .emoji-tabs .tabs-title:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .tabs-title {display:inline-block;width:20%}
.emoji-tabs .tabs-title:first-child:nth-last-child(6), .emoji-tabs .tabs-title:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .tabs-title {display:inline-block;width:16.66667%}
.emoji-tabs .tabs-title:first-child:nth-last-child(7), .emoji-tabs .tabs-title:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ .tabs-title {display:inline-block;width:14.28571%}
.emoji-tabs .tabs-title:first-child:nth-last-child(8), .emoji-tabs .tabs-title:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ .tabs-title {display:inline-block;width:12.5%}
.emoji-tabs .tabs-title:first-child:nth-last-child(9), .emoji-tabs .tabs-title:first-child:nth-last-child(9):first-child:nth-last-child(9) ~ .tabs-title {display:inline-block;width:11.11111%}
.emoji-tabs .tabs-title:first-child:nth-last-child(10), .emoji-tabs .tabs-title:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .tabs-title {display:inline-block;width:10%}
.emoji-tabs .tabs-title > a {display:block;overflow:hidden;font-size:1rem;line-height:1em;letter-spacing:-0.05em;color:rgba(0,0,0,.45);background-color:rgba(0,0,0,.025);border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.emoji-tabs .tabs-title:first-child > a {border-left:1px solid rgba(0,0,0,.08)}
.emoji-tabs .tabs-title > a:focus,.emoji-tabs .tabs-title > a[aria-selected="true"] {font-weight:700;color:rgba(0,0,0,.9);background-color:#fefefe}
.emoji-tabs .tabs-content {border:none}
.emoji-tabs .tabs-content .tabs-panel {padding:0}
.emoji-tabs table {margin-bottom:0}
.emoji-tabs table td,.emoji-tabs table th {font-size:80%}
.emoji-tabs table td .label,.emoji-tabs table th .label {font-size:.688rem}

/* 관리자 설정 페이지 */
#emoji-for .columns .checkbox-group {margin-bottom:30px;text-align:center}
#admin-content .emoji-tabs nav[aria-label="Pagination"] {float:left;width:50%}
#admin-content .emoji-tabs .edit-btn {float:right;margin:0}


/**********************************************
note : 기사리스트 custom ('헬로맛집' 섹션)
**********************************************/
/* 3차 섹션 셀렉트 박스 */
#user-section.skin-custom .header .titles select {display:inline-block;vertical-align:bottom;width:150px;height:30px;margin:0 0 0 10px;padding:0 .5rem;background-position:right 0 center}

/* 썸네일 이미지 */
#user-section.skin-custom #section-list .thumb {background-size:cover;background-repeat:no-repeat;background-position:50% 50%}
#user-section.skin-custom #section-list .thumb img {display:none}
#user-section.skin-custom #section-list .type2 .thumb {width:140px;height:140px}
#user-section.skin-custom #section-list .type3 .thumb {padding-bottom:100%}



/* 3차 섹션 셀렉트 박스 */
#sections .header .titles select.sec-select {display:inline-block;vertical-align:bottom;width:150px;height:30px;margin:0 0 0 10px;padding:0 .5rem;background-position:right 0 center}

@media screen and (max-width: 39.9375em) {
	#sections .header .titles select.sec-select {margin:5px 0 0}
}

/* 썸네일 이미지 */
#section-list .thumb.img-back {background-size:cover;background-repeat:no-repeat;background-position:50% 50%}
#section-list .type2 .thumb.img-back {width:140px;height:140px}
#section-list .type3 .thumb.img-back {padding-bottom:100%}

@media screen and (max-width: 39.9375em) {
	#section-list .type2 .thumb.img-back {width:auto;height:0;padding-bottom:80%}
}


/* 임희은 / 996635 / 20201023 */
#article-view .article-copy {margin-bottom:.125rem;}
.reply-list .container .list-comments {margin-bottom: .375rem;}
.reply-list .sub-reply-wrap {margin-bottom:.3rem;}
.reply-list .header {margin-bottom:.25rem;}
.reply-list .sub-reply-wrap {margin-bottom:.5rem;}

/* 최은비 / 1000967 / 20201109 */
.article-veiw-body.view-page table tbody td{font-size:1.063rem;margin: 0 0 1em;font-weight: 400;line-height: 1.8;color: #3c3e40;text-align: justify;word-break: normal;}
.article-veiw-body.view-page table tbody{border:none;}




/* 윤미정 / 1004311 / 20201119 */
#section-list .type2 .thumb>img, #section-list .type3 .thumb>img, .bbs-skin.album .album-tiles .image>img {width: 100%;height: 100%;}
.bbs-navs2 .item {display: inline-block;padding:0 .525rem;font-size: .9375rem;font-weight: bolder;font-style: normal;line-height: 42px;letter-spacing: -.05em;color: #222;}
@media screen and (max-width: 39.9375em) {
.row .bbs-navs2 .item {width:33.3333%;}
}


/* 김민희 / 1009247 / 20201204 */
.article-veiw-body.view-page a {color:#2064d4}


/* 황자연 / 1011626 / 20201211 */
#sticky-header { border-bottom: 1px solid #f7a25b; }

/* 홍경아 / 1034008 / 20210302 */
#article-view .writer>.item {width: auto; display: block;}

/* 김민희 / 1035923 / 20210308 */
#event-wrap.default-theme .event-agree-text {height:200px !important;}

/* 최은비 / 1044381 / 20210405 */
.beb_box{width:120px;}


/* 김민희 / 1057412 / 20210521 */
.article-veiw-body.view-page .photo-layout.bigsize::after {left: 65% !important;top: 80% !important; transform:none !important;}

/* 배진희 / 1083152 / 20210819 */
.view-aside.left-wing{right:calc(100% + 30px);}


/* 윤미정 / 1084935 / 20210825 */
.vod-contents {display: table;padding: 1.5rem;width: 100%;background: #000;table-layout: fixed;box-sizing: border-box;}
.vod-contents .vod-title {display: table-cell;padding-right: 40px;width: calc(100% - 560px);color: #fff;vertical-align: middle;box-sizing: border-box;text-align: left;}
.vod-contents .vod-title span {display:block;}
.vod-contents .vod-title strong {display:block;margin-bottom: 30px;font-size: 39px;line-height: 1.3;}
.vod-contents .vod-title a {color: #fff;}
.vod-contents .vod-box {display: table-cell;width: 560px;}

/* 배진희 / 1087588 / 20210902 */
.vod-contents-m {display:block;padding: 1rem;width: 100%;background: #000;box-sizing: border-box;}
.vod-contents-m .vod-title {display:block;width:100%;color: #fff;box-sizing: border-box;text-align:center;}
.vod-contents-m .vod-title span {display:block;}
.vod-contents-m .vod-title strong {display:block;line-height: 1.3;}
.vod-contents-m .vod-title a {color: #fff;}
.vod-contents-m .vod-box {display:block;width:100%;margin:15px 0;}
.vod-contents-m .vod-box .simplebox .simplebox-content{position:relative;overflow:hidden;height:0;padding-bottom:56.25%;}
.vod-contents-m .vod-box .simplebox .simplebox-content iframe{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}


/* 임희은 / 1127257 / 20220114 */
.bbs-skin.view .content {word-break:break-all;}
/* 게시판 관련기사 */
.bbs-skin.view .relation {display:block;margin:3.125rem 0;clear:both;}
.bbs-skin.view .relation .titles {margin-bottom:1.25rem;font-size:1.25rem;font-weight:bolder;font-style:normal;line-height:1.125;letter-spacing:-.075em;}
.bbs-skin.view .relation ul.list {font-size:0;margin-left:0;}
.bbs-skin.view .relation ul.list > li {display:inline-block;vertical-align:top;width:calc(50% - 15px);margin:20px 0 0 30px}
.bbs-skin.view .relation ul.list > li:nth-child(-n + 2) {margin-top:0}
.bbs-skin.view .relation ul.list > li:nth-child(odd) {margin-left:0}
.bbs-skin.view .relation ul.list > li > a {padding-left:0;font-size:0}
.bbs-skin.view .relation ul.list > li > a::before {display:none}
.bbs-skin.view .relation ul.list > li > a > [class*="relation-"] {display:inline-block;vertical-align:middle}
.bbs-skin.view .relation ul.list > li > a > .relation-img {position:relative;width:100px;height:68px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
.bbs-skin.view .relation ul.list > li > a > .relation-img::before {content:'';position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background-color:transparent;border:1px solid rgba(0,0,0,.12)}
.bbs-skin.view .relation ul.list > li > a > .relation-title {width:calc(100% - 100px);padding-left:20px;font-size:1.063rem;font-weight:normal}
.bbs-skin.view .relation ul.list > li.no-img > a > .relation-title {width:100%;padding-left:0}
.bbs-skin.view .relation ul.list > li > a:hover > .relation-title {text-decoration:underline}
@media screen and (max-width: 39.9375em) {
	.bbs-skin.view .relation ul.list > li {width:100%;margin:0 0 10px 0;}
}

/*게시판 이미지 업로드*/
.bbs-skin .insert-img { border: 1px solid rgba(0,0,0,.45); width: 90px; position: relative; }
.bbs-skin .insert-img:hover { border: 1px solid #000; cursor: pointer; }
.bbs-skin .insert-img .insert-btn { background: rgba(0,0,0,.45); bottom: 0px; line-height: 20px; text-align: center; position: absolute; width: 100%; color: #fff; font-size: 0.75em; }

/* 이승현 / 1166356 / 20220523 */
#article-view .info-group .social-group {display: inline-block;  font-size: 0; text-align: left ; float: left;}
#article-view .info-group .social-group .sns { width: 36px; height: 32px;}
#article-view .info-group .social-group .sns.line { background-color: #06c755;}
#article-view .social-group .sns.line { background-color: #06c755;}
#article-view .info-group .social-group .sns.link{display:none}

/* 이승현 / 1167323 / 20220524 */
@media screen and (max-width: 39.9375em){
.row #article-view .info-group .social-group {float: none !important;}
.row #article-view .quick-tool {text-align: left;display: inline-block;}
.row #article-view .info-group .social-group .sns {vertical-align: middle;}
	}

@media screen and (max-width: 39.9375em) {
    #admin-content .admin-layout table thead td {padding-top:0; padding-bottom: 0;}
    #calendar {position: relative;margin-top: 60px !important; height: 100%;}
    #calendar table {margin-bottom: 0;}
    .fc .fc-toolbar {display: block !important;}
    .fc .fc-toolbar-title {padding:20px; text-align:center;}
    .fc .fc-button-group:last-child {width: 100%;}
    .fc-view-harness {padding-bottom: 100% !important;min-height: 100vh;}
    .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {position: static !important;}
}

.simplebox.short-vid{display:flex;}
.simplebox.short-vid .simplebox-content{width: 400px;height: 714px !important;margin: 0 auto;}

@media screen and (max-width: 39.9375em) {
.simplebox.short-vid{display:block;}
.simplebox.short-vid .simplebox-content{width: 100%;height: auto;}
}