@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=korean'); /* Roboto,나눔고딕,본고딕 */

body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'Roboto','Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Arial',sans-serif}

/* 폰트 */
.font-Roboto {font-family: 'Roboto', sans-serif;}
.font-nanum {font-family: 'Nanum Gothic', sans-serif;}
.font-noto {font-family: 'Roboto','Noto Sans KR', sans-serif;}
.font-weight-100 {font-weight:100}
.font-weight-300 {font-weight:300}
.font-weight-400 {font-weight:400}
.font-weight-500 {font-weight:500}
.font-weight-700 {font-weight:700}
.font-weight-800 {font-weight:800}
.font-weight-900 {font-weight:900}

#user-wrap {overflow-x:hidden}

/**********************************************
note : 기사박스 수정(권오석)
**********************************************/
.box-skin.design-8 .header {position:relative;height:50px;margin-bottom:1rem;background:url('/image/box/box-skin-design8.gif') 0 0 no-repeat}
.box-skin.design-8 .header a {position:absolute;left:0;right:0;top:0;bottom:0}

/**********************************************
note : 하단롤링배너
**********************************************/
.box-skin.box-sponsor {width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:.625rem;margin-top:10px}
.box-skin.box-sponsor .dnbanner {position:relative;width:100%;padding:.625rem 1rem .625rem 1.5rem}
.box-skin.box-sponsor .dnbanner .ins-box .spon-banner {float:left;list-style:none;display:table;float:left;overflow:hidden;width:auto;margin:0 .5rem}
.box-skin.box-sponsor .dnbanner .ins-box .spon-banner > a {display:table-cell;vertical-align:middle;width:100%;line-height:1.2;height:50px;font-size:.875rem;text-align:center;border:1px solid #73bb39;color:#50a00e;text-decoration:none}
.box-skin.box-sponsor .dnbanner .photo-btn {position:absolute;font-size:.8rem;color:#9b9da0;text-align:center;line-height:4.375rem}
.box-skin.box-sponsor .dnbanner .photo-btn.auto-prev{top:50%;left:-1.625rem;transform: translateY(-50%);}
.box-skin.box-sponsor .dnbanner .photo-btn.auto-next{top:50%;right:-1.188rem;transform: translateY(-50%);}


/*기사 리스트 이미지 중앙*/
.article-list .article-list-content .list-image {background-position: center;}

#admin-wrap .edit-level1 {min-height:10px}



/* 황자연 / 925032 / 20200228 */
.photo-titbg-pr18 { display: block; position: absolute;  z-index: 1001; width: 100%; padding: 8px 10px; line-height: 1; background-color: rgb(0,0,0); left: 0; bottom: 0;}


/* 황자연 / 969490 / 20200723 */
@media screen and (max-width: 63.9375em) {
	#layer-popups .popup-wrap.layers.layer_box {min-height: 300px !important;}
}


/* 홍경아 / 969543 / 20200723 */
.popup-wrap .popup-footer .icon-for-close {display: block;width: 15px; height:auto; background:none;}
.popup-wrap .popup-footer .popup_close {float: right;  width: 36px;    height: 23px;    text-align: center;    cursor: pointer;    border: 1px solid #fff;  margin-right: 5px;  color: #fff;}
.popup-wrap .popup-footer .popup_close::before {content: '닫기';position:relative;    width: 15px;    height: 15px;    font-size: 12px;    color: #fff;}



.article-list .article-list-content.type-sm .list-block .list-subtitle {display:block;margin-bottom:.3rem;font-size:.9rem;letter-spacing:-.08em;text-decoration:none;}

/* 최은비 / 1001142 / 20201109 */
@media screen and (max-width: 63.9375em){
.row .bbs-skin-width-medium {display:none !important; }
}

@media screen and (max-width: 63.9375em){
.row .article-view-header .article-head-nav {display:block;}
}

/* 최은비 / 1107795 / 20211110 */
/*.article-veiw-body.view-page .photo-layout figcaption{text-align:center;}*/

/* 이승현 / 1107916 / 20211111 */
.article-veiw-body.view-page .photo-layout figcaption{text-align:left;}


/* 윤미정 / 1129435 / 20220124 */
.user-aside.elections-list {position: relative;top: -32px;}

/* 배진희 / 1143459 / 20220317 / 문의사항 *
.article-veiw-body.view-page .photo-layout{margin-bottom:0;}
.tag-group{margin:1rem 0;}
*/


/* 홍경아 / 1170753 / 20220603 */
.article-veiw-body.view-page .photo-layout figcaption.text-center { text-align: center !important}

/* 임희은 / 1190593 / 20220819 */
.mobile .article-view-sns {display:none;}
.article-relation.custom .container {margin-bottom:10px;}
.article-relation.custom .title {font-size:1.188rem;font-weight:600;line-height:1.4em;letter-spacing:-.1em;}
.article-relation.custom .auto-article {vertical-align: baseline;letter-spacing: -.05em;}
.article-relation.custom .auto-valign {display:block;font-size:0}
.article-relation.custom .item {display:block;}
.article-relation.custom .item:first-child {margin-top:0;padding-top:0;border-top:none}
.article-relation.custom .frame {width:90px;border-radius:10px;}
.article-relation.custom .for-middle {display:inline-block;vertical-align:middle;}
.article-relation.custom .auto-images {display:block;}
.article-relation.custom .auto-images:not([class*=height-]) {height: 0;padding-bottom: 66.25%;}
.article-relation.custom .content {display:block;float:none;width:auto;margin-bottom:0}
.article-relation.custom .frame + .content {display:inline-block;width:calc(100% - 90px);padding-left:15px}

/* 홍경아 / 1192434 / 20220826 */
@media screen and (max-width: 39.9375em){
/*.row .article-view-header .info-social li:last-child { float: left;}*/
.row .article-view-header .info-social li {float: right;}
.row .article-view-header .info-social li:first-child {position: absolute;  right: 155px;}
.row .article-view-header .info-social li:nth-child(2) {position: absolute;  right: 110px;}
.row .article-view-header .info-social li:nth-child(3) {display:none}
.row .article-view-header .info-social li:nth-child(4) {position: absolute;  right: 65px;}
.row .article-view-header .info-social li:last-child {position: absolute;  right: 20px;}
.row .article-view-header .info-social { height: 30px;}
}

/**********************************************
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:1.25rem 0;margin:1.25rem 0;border-top:1px solid rgba(0,0,0,.08);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 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 .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:85px}
    #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}

/* 최은비 / 1253545 / 20230322*/
@media screen and (max-width: 39.9375em) {
.row .article-view-header .info-social li:nth-child(3){display:block;position: absolute;right: 110px;}
.row .article-view-header .info-social li:first-child {position: absolute;  right: 202px;}
.row .article-view-header .info-social li:nth-child(2) {position: absolute;  right: 155px;}
} 

/* 강수현 / 1269652 / 20230511 */
#user-wrap.mobile #user-container {margin-top:10rem}

@media screen and (max-width: 39.9375em) {
   #user-wrap.mobile #user-container {margin-top:7rem}
   .row .article-view-header {margin-top:3rem}
}

/* 배진희 / 1308070 / 20230922 */
#rollBanner-2 .slick-slide,
#rollBanner-2 .slick-slide .row,
#rollBanner-2 .columns{margin:0;padding:0;width:1080px;}
#rollBanner-2 .slick-slide .row{position:relative;right:1px;bottom:-1px;}

/* 강수현 / 1331186 / 20231215 */
#rollBanner-2 .slick-slide .row{bottom:0px;}