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

/**********************************************
note : 이용안내,후원,광고
**********************************************/
/* 내용 */
.etc-group .group {margin-top:2rem}
.etc-group .group::after {content:'';display:table;clear:both}
.etc-group .group .group-title {margin-bottom:1rem;font-size:1.125rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:1}
.etc-group .group .group-list {margin-bottom:0}
.etc-group .group .group-list li {margin-bottom:1rem;font-size:.8rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.65;color:rgba(0,0,0,.7)}
.etc-group .group .group-list li:last-child {margin-bottom:0}
.etc-group .group .group-summary, .etc-group .group ul li {font-size:.9rem;line-height:1.65;color:rgba(0,0,0,.5)}
.etc-group .group .group-summary > strong {display:block;margin-bottom:5px}
.etc-group .group .group-summary ul {margin:0 0 2rem 2rem}
.etc-group .group .group-summary ul li strong {font-weight:700 !important;color:#585858}
.etc-group.hw .group .group-summary ul {margin-left:0;list-style:none}
.etc-group .group table {border-collapse:collapse}
.etc-group .group table tbody th,.etc-group .group table tbody td {padding:.9375rem;font-size:.8rem;font-weight:300;font-weight:var(--wgt300, 300)}
.etc-group .group table tbody th {width:15%;font-weight:500;border-right:1px solid rgba(0,0,0,.05)}
.etc-group .group table tbody td {color:rgba(0,0,0,.5)}
.etc-group .group table ul,.etc-group .group table ol {margin-bottom:0}
.etc-group .group table li {margin-bottom:.7rem;line-height:1.25;color:rgba(0,0,0,.5)}
.etc-group .group table li:last-child {margin-bottom:0}
@media screen and (max-width: 39.9375em) {
    .etc-group .group table tbody th,.etc-group .group table tbody td {padding:.625rem}
	.etc-group .group table tbody th {width:35%}
}

/**********************************************
note : 게시판스킨
**********************************************/
/* titles */
.bbs-user-page {display:block;margin-bottom:1.375rem;font-size:0;text-align:center}
.bbs-user-page .bbs-title {display:inline-block;width:960px;margin-top:20px;font-size:16px;color:#717171;text-align:left} 
.bbs-user-page .bbs-title h5 {color:#000}
.bbs-user-page .bbs-title p {margin-bottom:.5rem}
.bbs-user-page .bbs-title .content.bt {font-size:.825rem;color:#a2a2a2}
.bbs-user-page span > strong {display:block;font-weight:bold}
.bbs-user-page .titles, .bbs-user-page .summary {display:block}
.bbs-user-page .titles {margin:0;font-size:2.5rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1.125;letter-spacing:-.025em;color:#1e1e1e}
.bbs-user-page .summary {padding:0;margin:.75rem 0 0;font-size:1rem;font-weight:300;font-weight:var(--wgt300, 300);font-style:normal;line-height:1.375;letter-spacing:-.0125em;color:#555}
.bbs-user-page.for-view {text-align:left}
.bbs-user-page.for-view .summary {display:none !important}

/**********************************************
note : 기사댓글
**********************************************/
/* header */
.article-reply .reply-header .titles > span {margin-left:15px;font-size:14px;color:#a0a0a0;letter-spacing:-.05rem}

/**********************************************
note : 기사리스트
**********************************************/
/* 상단 타이틀 */
.list-sectitle {margin-bottom:25px;padding:20px;font-size:15px;color:#7d7d7d;letter-spacing:-.05rem;border:1px solid #d6d6d6}
.list-sectitle strong {font-size:25px;color:#000}
.list-sectitle strong:after {content:'';display:inline-block;height:12px;margin:0 15px;border-right:1px solid #a7a7a7}
.list-sectitle i {margin-right:13px;font-size:28px}
@media screen and (max-width: 39.9375em) {
	.list-sectitle {padding:10px 0 14px 20px}
   .list-sectitle > span {display:block}
   .list-sectitle strong:after {display:none}
}

/**********************************************
note : 기사뷰
**********************************************/
/* 스크롤 메뉴 로고 */
#sticky-header .aht-wrapper>.logo a {max-height:initial}

/**********************************************
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: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}