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

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

/**********************************************
note : 관리자페이지
name : 강혜리
**********************************************/
.admin-article-list .foword-groups .foword-all {display:inline-block;overflow:hidden;width:24px;margin-right:1px;margin-bottom:1px;font-size:.688rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:24px;color:#c0c0c0;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:3px;text-align:center;vertical-align:middle;cursor:pointer}
.admin-article-list .level-group .level.type-m {color:#fff;background-color:#13c0cb}

/* 기사등록 */
#admin-content .new-writer {width:1200px}
#admin-content .write-form .form-layout {width:930px}
#admin-content .new-writer .wt-forms-content .editmode {margin:0 auto;max-width:699px}
#admin-content .new-writer .wt-forms-lable ~ .wt-forms-content.area {max-width:150px}
#admin-content .new-writer .input-group.small {max-width:200px}
#admin-content .new-writer #title {height:50px;padding:.8rem 1rem;font-size:1.125rem}

@media screen and (max-width: 99.9375em) {
	#admin-content .new-writer {width:auto}
	#admin-content .write-form .form-layout {width:auto}
}

/* 전체기사리스트 */
#admin-section-list .subject > a.external-link {font-size:15px;color:rgba(0,0,0,.65)}

/* 승인관리(전체선택) */
.admin-article-list .m-allcheck {display:none}
@media screen and (max-width: 63.9375em) {
	.row .admin-article-list .m-allcheck {display:block}
}

/**********************************************
note : 메인
name : 강혜리
**********************************************/
/* 기사박스 */
.box-skin.mar-box .header > strong {margin-bottom:6px}

.box-skin.b-tit .header .skin-column > a, .box-skin.b-tit .header .skin-column > strong, .box-skin.b-tit .header > a, .box-skin.b-tit .header > strong {font-size:27px;letter-spacing:-.06em}

.box-skin.tit-line .header {padding-top:.9rem;border-top:1px solid #333}

.box-skin.bg-blue {background:#7ba2d6;padding:1rem}

.box-skin.t-box .skin-column.col-left {width:480px;padding-right:30px}

/* 탭박스 */
#INC_TAB_A_5_container .tabs-panel {padding:13px 20px}
#INC_TAB_A_14_container .tabs-navs .tabs-item:first-child a, #INC_TAB_A_14_container .tabs-navs .tabs-item:last-child a {padding:.3rem 0}
#INC_TAB_C_1_container .tabs-navs .tabs-item a, #INC_TAB_A_5_container .tabs-navs .tabs-item a, #INC_TAB_A_14_container .tabs-navs .tabs-item a {padding:.3rem .9375rem}

/**********************************************
note : 모바일
name : 강혜리
**********************************************/
.index-wrap.mobile {margin-left:-1.25rem;margin-right:-1.25rem}

/**********************************************
note : 기사리스트
name : 강혜리
**********************************************/
#sections .header {padding-bottom:0;border-bottom:0}
#section-list .type2 .thumb > img, #section-list .type3 .thumb > img {max-height:none}

/**********************************************
note : 소개페이지
name : 강혜리
**********************************************/
.com-about {letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.com-about::after {content:'';display:table;clear:both}
.com-about .about-group:not(:first-child) {margin-top:2rem}
.com-about .about-group::after {content:'';display:table;clear:both}

/* 인사말 */
.com-about.com-1 .about-group .titles {position:relative;display:block;padding-top:5px;margin-bottom:20px;font-size:25px;font-weight:500;letter-spacing:-.08em}
.com-about.com-1 .about-group .titles::before {content:'';position:absolute;left:0;top:0;width:50px;height:3px;background-color:#000}
.com-about.com-1 .about-group .photo {float:left;width:134px}
.com-about.com-1 .about-group .com-cts {display:inline-block;padding-left:40px;width:calc(100% - 134px)}
@media screen and (max-width: 39.9375em) {
	.com-about.com-1 .about-group .photo {float:none;margin-bottom:10px;width:100%;text-align:center}
	.com-about.com-1 .about-group .com-cts {padding:0;width:100%}
}

/* 연혁 */
.com-about.history .group:not(:first-child) {margin-top:10px;padding-top:30px;border-top:1px solid #e4e4e4}
.com-about.history .group .year {float:left;width:120px;font-size:50px;letter-spacing:-.08em;line-height:1}
.com-about.history .group .content {display:inline-block;padding-left:40px;width:calc(100% - 120px)}
.com-about.history .group .content .days {display:inline-block;margin-bottom:10px;width:130px;font-size:15px;color:rgba(0,0,0,.8)}
.com-about.history .group .content .sums {display:inline-block;margin-bottom:10px;width:calc(100% - 134px);font-size:14px;color:rgba(0,0,0,.5);vertical-align:top}
@media screen and (max-width: 39.9375em) {
	.com-about.history .group .year {float:none;margin-bottom:20px;width:100%}
	.com-about.history .group .content {padding-left:0;width:100%}
}

/* 본사 지사 전화번호 */
.com-about.com-3 .about-group .titles {position:relative;display:block;padding-top:5px;margin-bottom:20px;font-size:25px;font-weight:500;letter-spacing:-.08em}
.com-about.com-3 .about-group .titles::before {content:'';position:absolute;left:0;top:0;width:50px;height:3px;background-color:#000}
.com-about.com-3 .about-group th {background:rgba(0,0,0,.03);text-align:center;font-weight:500}

/* 고충처리인 */
.user-com-about.gc .com-5-btn {position:absolute;right:0;top:-12px}
@media screen and (max-width: 39.9375em) { 
	.user-com-about.gc .com-5-btn {position:relative;padding-top:10px}
}


#article-view .wrapper {max-width:1080px !important;}

#user-section {max-width:1080px !important;}

/* 최은비 / 1107841 / 20211111 */
.box-skin .cus-box2{}
.box-skin.cus-box2 .container .box-l{width:200px;padding-right:20px;}


/* 임희은 / 1117809 / 20211214
.reply-comment .cmt-container textarea {overflow:hidden;min-height:145px;}
 */


 /* 홍경아 / 1153940 / 20220420 */
 .box-skin.bg_blue { background-color: #c6d8e8; padding: 0 1.5rem 1.5rem;}

/* 배진희 / 1181111 / 20220713 */
 #INC_TAB_A_5_container .tabs-navs .tabs-item a{padding:.3rem .2rem !important;}


/* 윤미정 / 1230437 / 20230102 */
.box-skin.line2 > .content {padding: 0.9375rem;background-color: #fff;border: 1px solid rgba(0,0,0,.12);}