@charset "UTF-8";
/**********************************************
note : webfonts
**********************************************/
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean'); /* 본고딕 */

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

/**********************************************
note : design custom style page
**********************************************/
/* 하단수정 */
#user-footer .footer-menu {display:block}

#user-footer.custom-style .user-logo {margin-top:3rem}
#user-footer.custom-style .coustom-footer {padding-top:20px;border-top:3px solid #e22c01}
#user-footer.custom-style .inc-ban {position:absolute;right:0}
#user-footer.custom-style .user-address a {padding:0}

/* 단수정 */
.index-wrap .index-columns.grid-5 {padding:0 1.25rem;background-color:#f6f6f6;border:1px solid rgba(0,0,0,.12);border-top:none;border-bottom:none}

/* 기사박스 */
.box-skin .header > strong.point-big, .box-skin .header > a.point-big, .box-skin .header .skin-column > strong.point-big, .box-skin .header .skin-column > a.point-big {text-align:center;font-size:2rem;font-weight:400}
.box-skin .header .point-m, .box-skin .header .point-m, .box-skin .header .skin-column .point-m, .box-skin .header .skin-column .point-m {font-size:1.25rem}

/* 기본배경_2단 */
.box-skin.line.user-bg {padding:1.563rem;background-color:#f6f6f6 !important}
.box-skin.line.user-bg .box-line {border-left:1px solid #dfdfdf}

/* 모바일-제목배경 */
.index-wrap.mobile .box-skin.header-bg .header > strong, .index-wrap.mobile .box-skin.header-bg .header > a {
    margin-bottom:0;
}

/* 위젯 */
.poll-view.poll-weiget .poll-view-titles {text-overflow:inherit !important;white-space:inherit !important}

/**********************************************
note : 자동박스
**********************************************/
.auto-images.noimage {background-size: 90% auto}

/* mr03(메뉴바) */
.auto-mr03 {position:relative;height:24px}
.auto-mr03 .auto-title {float:left;position:relative;font-size:.8rem;line-height:26px;font-weight:500}
.auto-mr03 .auto-title::after {content:'';padding-right:15px;margin-right:15px;border-right:1px solid #cfcfcf}
.auto-mr03 .auto-roll {padding-right:40px;margin-top:-1px}
.auto-mr03 .auto-roll .slick-list {width:400px}
.auto-mr03 .auto-roll .slick-slide {padding-right:.5rem}
.auto-mr03 .photo-btn {width:15px;height:15px;top:7px;font-size:0.6rem;color:#5b5d6c;background-color:#fff;border:1px solid #c3c3c3;text-align:center}
.auto-mr03 .photo-btn.auto-prev {right:14px;border-radius:2px 0 0 2px}
.auto-mr03 .photo-btn.auto-next {right:0;border-radius:0 2px 2px 0}

/* hp04 */
.auto-hp04 .auto-content {position:relative;float:left;overflow:hidden;width:25%;text-align:center}
.auto-hp04 .auto-content:first-child,.auto-hp04 .auto-content:nth-child(7n + 1) {width:75%;clear:both}
.auto-hp04 .photo-titbg {padding:.9375rem}
.auto-hp04 .auto-content a.line-box::before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}
.auto-hp04 .auto-content a.line-box:hover:before {z-index:15;border:3px solid #e22c01}
.auto-hp04 .auto-images {transform:scale3d(1, 1, 1);transition:all 0.3s ease 0s}
.auto-hp04 a:hover .auto-images {transform:scale3d(1.05, 1.05, 1)}
.auto-hp04 a:hover .onload {text-decoration:none !important}
.auto-hp04 .user-point {color:#f2861f !important}

/* hp04-1 */
.auto-hp04-1 .auto-content {position:relative;float:left;overflow:hidden;width:366px;text-align:center}
.auto-hp04-1 .auto-content:first-child,.auto-hp04-1 .auto-content:nth-child(6n + 1) {width:734px;clear:both}
.auto-hp04-1 .auto-content:nth-child(4) {clear:both;width:368px}
.auto-hp04-1 .photo-titbg {padding:.9375rem}
.auto-hp04-1 .auto-content .auto-images.line::before {transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}
.auto-hp04-1 .auto-content a:hover .auto-images.line::before {z-index:15;border-width:3px;border-color:#e22c01}
.auto-hp04-1 .auto-images img {transform:scale3d(1, 1, 1);transition:all 0.3s ease 0s}
.auto-hp04-1 a:hover .auto-images img {transform:scale3d(1.05, 1.05, 1)}
.auto-hp04-1 a:hover .onload {text-decoration:none !important}
.auto-hp04-1 .user-point {color:#f2861f !important}

/* hp05 */
.auto-hp05 .auto-content {position:relative;float:left;overflow:hidden;width:14.781rem;text-align:center}
.auto-hp05 .auto-content:first-child,.auto-hp05 .auto-content:nth-child(3n + 1) {width:29.594rem;clear:both}
.auto-hp05 .photo-titbg {padding:.9375rem}
.auto-hp05 .auto-content .auto-images.line::before {transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}
.auto-hp05 .auto-content a:hover .auto-images.line::before {z-index:15;border-width:3px;border-color:#e22c01}
.auto-hp05 .auto-images img {transform:scale3d(1, 1, 1);transition:all 0.3s ease 0s}
.auto-hp05 a:hover .auto-images img {transform:scale3d(1.05, 1.05, 1)}
.auto-hp05 a:hover .onload {text-decoration:none !important}
.auto-hp05 .user-point {color:#f2861f !important}

/* hp06 */
.auto-hp06 .auto-content {position:relative;float:left;overflow:hidden;text-align:center}
.auto-hp06 .photo-titbg {padding:.9375rem}
.auto-hp06 .auto-content .auto-images.line::before {transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}
.auto-hp06 .auto-content a:hover .auto-images.line::before {z-index:15;border-width:3px;border-color:#e22c01}
.auto-hp06 .auto-images img {transform:scale3d(1, 1, 1);transition:all 0.3s ease 0s}
.auto-hp06 a:hover .auto-images img {transform:scale3d(1.05, 1.05, 1)}
.auto-hp06 a:hover .onload {text-decoration:none !important}
.auto-hp06 .user-point {color:#f2861f !important}

/* ml01 */
.auto-ml01 .photo-titbg.gradient {background:linear-gradient(transparent, rgba(0,0,0,.9))}

/* mp04 */
.auto-mp04.auto-article.tiles-4x .auto-columns {overflow:hidden;width:17.141rem;margin-right:1px}
.auto-mp04.auto-article.tiles-4x .auto-columns:nth-child(4n) {margin-right:0}
.auto-mp04 .onload:hover {text-decoration:none !important}
.auto-mp04 .auto-images.thumb img {width:100%;height:190px;transform:scale3d(1, 1, 1);transition: all 0.3s ease 0s}
.auto-mp04 .auto-images.thumb:hover img  {transform:scale3d(1.05, 1.05, 1)}

/* db05 */
.auto-db05 .number {overflow:hidden;float:left;width:16px;height:16px;margin-top:3px;margin-right:.5rem;font-size:.7rem;line-height:1.3em;border-radius:50%;color:#fff;text-align:center}

/* db06 */
.auto-db06 .number {overflow:hidden;float:left;width:16px;height:16px;margin-top:3px;margin-right:.5rem;font-size:.7rem;line-height:1.3em;border-radius:50%;color:#fff;text-align:center}
.auto-db06 .number.default-bg {background-color:#b5b5b5}

/* ha07 */
.auto-ha07 .artcle-box {padding:2.5rem;text-align:center;border:1px solid rgba(0,0,0,.12);border-left:0}
.auto-ha07 .section-name {padding-top:.313rem;border-top:1px solid #e22c01}

/* p07,p08(모바일) */
.auto-m-p07 a:hover,.auto-m-p08 a:hover {opacity: 0.6}

/******************************************
note : 기사리스트
******************************************/
.user-snb {padding-right:.625rem}

#section-grouping::after {content:'';display:table;clear:both}
#section-grouping .article-nav {float:left;width:130px;padding:1rem;background-color:rgb(255,255,255);border:1px solid rgba(0,0,0,.12)}
#section-grouping .grouping-container {float:right;width:calc(100% - 150px)}

@media (max-width: 63.9375em) {
    .row #section-grouping .article-nav {display:none;float:none}
    .row #section-grouping .grouping-container {float:none;width:auto}
}

#section-grouping .article-nav ul {padding:0;margin:0;list-style:none}
#section-grouping .article-nav ul li {margin-top:.625rem;padding-top:.625rem;font-size:.8rem;line-height:1.35em;letter-spacing:0;border-top:1px dotted rgba(0,0,0,.15)}
#section-grouping .article-nav ul li:first-child {margin-top:0;padding-top:0;font-size:1.125rem;font-weight:400;line-height:1.25em;letter-spacing:-0.05em;border-top:none}
#section-grouping .article-nav ul li:first-child + li {padding-top:1rem;margin-top:1rem;border-top-style:solid;border-top-color:rgba(0,0,0,.25)}
#section-grouping .article-nav ul li a {display:block;color:rgba(0,0,0,.6)}
#section-grouping .article-nav ul li:first-child a {color:#e22c01}
#section-grouping .article-nav ul li a:hover {color:rgba(0,0,0,.9);text-decoration:none}
#section-grouping .article-nav ul li:first-child a:hover {color:#e22c01}
#section-grouping .article-nav ul li a.active {font-weight:700;color:rgba(0,0,0,.9)}


/******************************************
note : 기사뷰
******************************************/
/* 제목 */
.article-view-header {margin-bottom:1.25rem;background-color: #eee;/*padding: 10px;*/ border-top: 1px solid #d4caca; border-bottom: 1px solid #d4caca;}
.article-view-header .info-icon {float:right}
.article-view-header .info-banner {float:left;margin-right:.938rem}
.article-view-header .info-text {padding-top:1.438rem}
.article-view-header .info-options {padding-top:.938rem}


/* 모바일-제목 */
.article-view-header .info-banner-m {float:left;margin-right:.938rem;margin-top:.625rem}
@media screen and (max-width:39.938em) {
	.article-view-header .info-text {padding-top:0}
	.article-view-header .info-banner-m {margin-top:1.438rem}
	.article-view-header .info-text li {font-size:.875rem}
	/* .article-view-header .info-text li i {display:none} */
	.row .article-view-header .article-head-info {text-align:left}
	.row .article-view-header .info-text li:first-child:before {padding-left:0;padding-right:0}
}

/* 다른기사, 트위터/페이스북 */
.article-veiw-body .view-editors {margin:0 0 1rem}
.article-veiw-body .view-tw-face {margin-top:.938rem}
.twitter-share-button {margin-bottom:2px}

/* sns기사공유 */
.user-sns-send {clear:both;list-style:none;margin:0 auto 1rem}
.user-sns-send li {float:left;width:18.4%;margin-left:2%}
.user-sns-send li:first-child {margin-left:0}
.user-sns-send li a {display:block;width:100%;height:40px;padding-left:15px;line-height:42px;font-size:20px;background-color:#6378ad;color:#fff}
.user-sns-send li.facebook a {background-color:#6378ad}
.user-sns-send li.twitter a {background-color:#87bdd9}
.user-sns-send li.story a {background-color:#f5d133}
.user-sns-send li.band a {background-color:#64d992}
.user-sns-send li.google a {font-size:25px;background-color:#d75e55}

.user-sns-send li.facebook a:hover {background-color:#3f518c}
.user-sns-send li.twitter a:hover {background-color:#609fcc}
.user-sns-send li.story a:hover {background-color:#f0bc1d}
.user-sns-send li.band a:hover {background-color:#3ec96c}
.user-sns-send li.google a:hover {background-color:#c53b33}

/* 상단 스크롤바 logo,sns */
.mobile-logo-sns{float:left; text-align:left; margin:.7rem 0 0 1rem}
.mobile-logo-sns img{max-height:25px}
.mobile-header-sns{display:none; position:fixed;z-index:99999;left:0;right:0;top:0;background-color:#fff;text-align:center;box-shadow:0 0 10px #777}
.mobile-header-sns .mh-sns {float:right; list-style:none; margin:.5rem 0; text-align:right}
.mobile-header-sns .mh-sns li {display:inline-block;margin:0 3px; text-align:center}
.mobile-header-sns .mh-sns li a {display:block;width:35px;height:35px;line-height:2.2;font-size:1rem;border:1px solid red; background-color:#fff;color:#fff; border-radius:30px}
.mobile-header-sns .mh-sns li.facebook a {border-color:#6378ad; color:#6378ad}
.mobile-header-sns .mh-sns li.twitter a {border-color:#87bdd9; color:#87bdd9}
.mobile-header-sns .mh-sns li.story a {border-color:#f5d133; color:#f5d133}
.mobile-header-sns .mh-sns li.band a {border-color:#64d992; color:#64d992}
.mobile-header-sns .mh-sns li.google a {border-color:#d75e55; color:#d75e55}
.mobile-header-sns .mh-sns li.url a {border-color:#333; color:#333}
.mobile-header-sns .mh-sns li.talk a{border-color:#3b1e1e; color:#3b1e1e}


/* 필자소개 */
.editor-profile {margin-bottom:2rem;text-align:left; border: 1px solid #dfdfdf;padding: 25px 20px 20px 20px; position:relative;}
.editor-profile::after {content:'';display:table;clear:both}
.editor-profile .titles {position:relative;margin-bottom:1.25rem;padding-top:1.5rem;font-size:1.35rem;letter-spacing:-0.05em;line-height:1em;text-align:center}
.editor-profile .titles::before {content:'';position:absolute;z-index:1;top:0;left:50%;width:50%;max-width:50px;border-top:1px solid rgba(0,0,0,.15);transform:translateX(-50%)}
.editor-profile .profile-images {overflow:hidden;float:left;position:relative;width:100px;height:100px;margin-right:.5rem;border-radius:50%}
.editor-profile .profile-images::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.1);border-radius:50%}
.editor-profile .profile-content {float:left;width: 28%;}
.editor-profile .profile-content .names {overflow:hidden;margin-bottom:0rem;font-size:1.063rem;line-height:1.35em;letter-spacing:-0.05em;text-overflow:ellipsis;white-space:nowrap}
.editor-profile .profile-content .logo{margin-bottom:0.5rem;}
.editor-profile .profile-content .links {margin-bottom:0rem;vertical-align:middle}
.editor-profile .profile-content .links a {font-size: 1rem;}
.editor-profile .profile-content .links::after {content:'';display:table;clear:both}
.editor-profile .profile-content .links .icons {display:none;float:left;width:25px;height:25px;padding-top:.2rem;margin-top:.15rem;margin-right:.5rem;font-size:.688rem;color:#fefefe;background-color:rgb(0,0,0);border-radius:50%;text-align:center}
.editor-profile .profile-content .summary {font-size:.8rem;line-height:1.65em;letter-spacing:-0.05em;color:rgba(0,0,0,.6); margin:0;}
.editor-profile .profile-content .more {width: 76px; position: absolute;top: 25px;right: 20px;margin: 0;font-size: .75rem;letter-spacing: -0.08em;padding: 3px 5px 3px 5px;background-color: #3f63bf; color: #fff;}
.editor-profile .profile-content .more a{color: #fff;text-decoration: none;text-decoration: none;}
.editor-profile .profile-content .thumb-wrap-box {display: block; float: left;}
.editor-profile .cont {float: left; width: 42%;}
.editor-profile .cont .nlist {margin:1rem 0 0;}


/*@media screen and (max-width: 39.9375em) {

	.editor-profile{padding-left:1.25rem;padding-right:1.25rem}
	.editor-profile .profile-content {float:left;width:calc(100% - 110px)}
	.editor-profile .cont{width: 100%;float: none;margin-left: 0;clear: both;border-top: 1px solid #dfdfdf;}
	
}*/

/* 이승현 / 1127991 / 20220118 */

@media screen and (max-width: 39.9375em) {

	.editor-profile .profile-content {float:left;width: 100%;}
	.editor-profile .profile-content .logo{display: inline-block;float: left;margin-right: 0.5rem;vertical-align: middle;width: 100px;}
	.editor-profile .profile-content .names {margin-left: .5rem;  line-height: 2rem;}
	.editor-profile .profile-content .links{display: block;float: left;width: 100%;}
	.editor-profile .profile-images{ display: none;}
	.editor-profile .profile-content .summary{margin-bottom: .5rem;}
	.editor-profile .profile-content .more {top: 28px;}
	.editor-profile{padding-left:1.25rem;padding-right:1.25rem}
	.editor-profile .cont{width: 100%;float: none;margin-left: 0;clear: both;border-top: 1px solid #dfdfdf;}
	
}






/**********************************************
note : 안내데스크
**********************************************/
/* 공통스타일 */
.com-wrap {overflow:hidden;width:95%;margin:1.250rem auto;font-size:1rem;letter-spacing:-0.08em;line-height:1.563rem;text-align:left;color:#666666}
.com-wrap img {display:block;margin:0 auto}
.com-wrap .columns.com-img,.com-wrap .columns.com-img {padding:0}

/* 신문사소개 */
.com-1 .com-1-tit {position:relative;float:left;padding-top:1.875rem;margin-bottom:2.500rem;font-size:2.188rem;font-weight:300;letter-spacing:-.313rem;line-height:1.1}
.com-1 .com-1-tit::after {content:'';position:absolute;top:5px;left:0;width:3.125rem;height:.063rem;background-color:#e22c01}
.com-1 p {font-weight:300;text-align:justify}
.com-1 .small-12.medium-4.large-4.columns {padding:0 !important}
.com-1 .small-12.medium-12.columns {padding:0 !important}
.com-1 .small-12.medium-8.large-8.columns {padding-right:0 !important}
.com-1 .row {margin-top:4rem}
.com-1 .row:first-child {margin-top:0 !important}

.com-1 .columns strong {display:block;margin-bottom:1rem;font-size:1.5rem;font-weight:300;letter-spacing:-0.08rem;color:#191919;line-height:1.3}
.com-1 .columns .last-strong {margin-top:1rem}

/* CEO인사말 */
.com-2 .columns > strong {display:block;margin-bottom:1rem;font-size:1.5rem;font-weight:300;letter-spacing:-0.08rem;color:#191919;line-height:1.3}
.com-2 .columns p strong {display:inline-block;margin-bottom:.5rem;font-size:1.125rem;font-weight:500;letter-spacing:-0.08rem}
.com-2 .columns p {margin-bottom:2rem}
.com-2 .columns p:last-child {margin-bottom:0}
.com-2 .columns p b {color:#191919}

@media screen and (max-width:39.938em) {
	.com-2 .columns > strong {font-size:1.25rem}
}
/* 연혁 */
.com-3 > .row {margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eb927c}
.com-3 .row.his-row{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px dashed #eaeaea}
.com-3 .row:last-child, .com-3 .row.his-row:last-child {margin-bottom:0;padding-bottom:0;border:0}
.com-3 strong {font-weight:500;color:#191919}
.com-3 .title {font-size:2rem;font-weight:300;line-height:1.1;letter-spacing:-.125em}
.com-3 .columns > span {float:left;font-size:2.25rem;font-weight:700;font-family:'Josefin Sans', sans-serif;color:rgba(254,0,0,.35);line-height: 1;letter-spacing:-0.125em}
.com-3 p {margin-bottom:.5rem !important}

/* 조직도 */
.com-4 table {font-size:.875rem;border:1px solid #dfdfdf;margin-top:2.5rem}
.com-4 table:first-child {margin-top:0}
.com-4 table th {background-color:#f4f4f4;width:20%;text-align:center;border-bottom:1px solid #dfdfdf}
.com-4 table td {background-color:#fff;color:#666;border-bottom:1px solid #dfdfdf}
.com-4 table tr:last-child th,.com-4 table tr:last-child td {border-bottom:0}
.com-4 table td strong {color:#222}

/* 찾아오시는 길 */
.com-6 table {font-size:.875rem;margin:1.5rem 0;border:1px solid #dfdfdf}
.com-6 table th {background-color:#f4f4f4;width:20%;text-align:center;border-bottom:1px solid #dfdfdf}
.com-6 table td {background-color:#fff;color:#666;border-bottom:1px solid #dfdfdf}
.com-6 table tr:last-child th,.com-6 table tr:last-child td {border-bottom:0}
.com-6 .user-map {margin-bottom:1.5rem}
.com-6 .user-map .root_daum_roughmap {width:100%}
.com-6 .user-traffic .columns {padding:0}
.com-6 .user-traffic .columns > strong {position:relative;float:left;padding-top:1.875rem;margin:2.5rem 0;font-size:1.875rem;font-weight:300;letter-spacing:-.313rem;line-height:1.1}
.com-6 .user-traffic .columns:first-child > strong {margin-top:1rem}
.com-6 .user-traffic .columns > strong::after {content:'';position:absolute;top:5px;left:0;width:3.125rem;height:.063rem;background-color:#e22c01}
.com-6 .user-traffic .columns span strong {margin-right:10px;color:#191919}
.com-6 .user-traffic .columns p {color:#999}
.com-6 .tiny {margin-right:4px}
.com-6 .tiny.label.radius {border-radius:10px}
.com-6 .tiny.label.sub-2 {background-color:#37b42d}
.com-6 .tiny.label.sub-5 {background-color:#893bb6}
.com-6 .tiny.label.sub-b {background-color:#edb217}
.com-6 .tiny.label.sub-g {background-color:#7dc4a5}
.com-6 .tiny.label.green-bg {background-color:#009933}
.com-6 .tiny.label.brown-bg {background-color:#663300}

/* 공통 */
@media screen and (max-width:39.938em) {
	.com-wrap .row {margin-top:2.188rem}
	.com-wrap .columns {padding:0 !important;}
}


.fiexd-banner {bottom:0px;}







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


.index-columns-flex {margin:1.5rem 0;padding:2.125rem 0 2.125rem;background:#313236}
.times_tv .icon-youtube{position: relative;top: 6px;font-size: 26px;margin-right:5px;}


/**********************************************
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}
/* 최은비 / 1127325 / 20220114 */
.article-body-dn-txt li:first-child {font-size: 17px;margin-bottom: 5px;font-weight: 500;letter-spacing: -.05rem;}
.article-body-dn-txt li {font-size:15px}

/* 강수현 / 1127984 / 20220118 */
@media screen and (max-width:39.938em) { 
  .article-view-header {background-color:#fff;border-top:0;border-bottom:0}
  .article-view-header .info-icon {float:left}
}

/* 임희은 / 1128928 / 20220120 */
@media screen and (max-width: 63.9375em) {
	.article-view-header .article-head-info {margin-top:10px;}
	.row .article-view-header .article-header-wrap .article-head-title {font-weight:600;}
	.article-view-header .info-text li:first-child {font-weight:600;color:#000;}
	.article-view-header .info-text li:nth-child(2) {clear:both;}
	.row .article-view-header .info-text li::before {content:'';}
	.row .article-view-header .info-text li:nth-child(2)::before {padding-left:0;}
	.article-view-header .info-icon {float:none;text-align:center;}
	.article-view-header .info-options {margin-top:0;}
	
	.row .article-view-header .info-text .profile {display:inline-block;}
	.row .article-view-header .info-text .profile img{width:30px;height:30px;border-radius:50%;}
}

/* 배진희 / 1130266 / 20220125 */
#emoji-for{border-top:0;margin-top:0;}
.emoji-tit{position:relative;text-align:center;font-size:15px;letter-spacing:-.05rem;}
.emoji-tit:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:rgba(0,0,0,.08);}
.emoji-tit span{position:relative;z-index:1;display:inline-block;padding:0 5px;background:#fff;}

/* 배진희 / 1130261 / 20220125 */
.info-text .emoji-btns{margin-right:10px;}
.info-text .emoji-btns::before {content:'';display:inline-block;overflow:hidden;width:35px;height:30px;margin-left:auto;margin-right:auto;background:url('/image/emojis-for.png') no-repeat;background-size:180px auto}
.info-text .emoji-count{display:inline-block;vertical-align:top;font-size:.875rem;color:#77787b;line-height:2.22;}
.info-text .emoji-btns.good::before {background-position:0 0}
.info-text .emoji-btns.warm::before {background-position:-35px 0}
.info-text .emoji-btns.sad::before {background-position:-70px 0}
.info-text .emoji-btns.angry::before {background-position:-105px 0}
.info-text .emoji-btns.want::before {background-position:-140px 0}

/* 강수현 / 1134109 / 20220210 */
.article-view-header {background-color:inherit;border:inherit !important;}
.article-view-header .article-header-wrap .article-head-title {font-weight:600}
.article-view-header .info-text {padding-top:0rem !important;}


/* 홍경아 / 1135650 / 20220216 */
#covid-box2 {margin-bottom: 10px;padding:.55rem .55rem .65rem;width:100%;}
#covid-box2::after {content:'';display:table;width:100%;clear:both}
#covid-box2 .header {margin-bottom:.3rem}
#covid-box2 .header .title {display:inline-block;margin-right:8px;font-size: 1.275rem;letter-spacing:-.06em;line-height:1.2;font-weight:900;color: #000;}
#covid-box2 .header .date {display:inline-block;font-size: 11px;letter-spacing:-.025em;/* font-weight:500; */color: #5d5d5d;}
#covid-box2 .covid-list {display:block;margin-bottom:0px}
#covid-box2 .covid-list ul {margin: 0;list-style: none;overflow: hidden;}
#covid-box2 .covid-list li {float: left;font-size: 12px;color: rgb(0,0,0,.8);text-align: left;margin-right: .8rem;letter-spacing: -0.022rem;}
#covid-box2 .covid-list li:nth-last-child(2) {clear:both}
#covid-box2 .covid-list li strong {font-size: 13px;color: #000;position:relative;padding-left: 7px;}
#covid-box2 .covid-list li:nth-child(4) strong {padding-left: 0px;}
#covid-box2 .covid-list li strong::before {content: ''; position: absolute; z-index: 1; left: 0; top: 50%; width: 4px;  height: 4px;  background-color: rgba(255,0,0,.55); border-radius: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}
#covid-box2 .covid-list li:nth-child(2) strong::before { background-color: rgb(0,0,0,.55);}
#covid-box2 .covid-list li:nth-child(3) strong::before {background-color: rgb(0,49,221,.55); }
#covid-box2 .covid-list li:nth-child(4) strong::before {display:none}

/* 최은비 / 1217958 / 20221118 */
/* 디자인박스7-1 */
.box-skin.design-7-1 .header {margin-bottom:1em;padding-top:.9rem;border-top:4px solid #e22c01;}
.box-skin.design-7-1 .header > a {position:relative;font-size: 1.375rem;}
.box-skin.design-7-1 .header > a::before {content:'';background:url(/image/more-btn.png);width:10px;height:15px;position:absolute;right:0;top:3px;font:18px/1 fontello;color:#e22c01}

/* 배진희 / 1218135 / 20221121 */
/*.box-skin.design-7-1 .header{border-top:4px solid #222;}*/
/* 강수현 / 1218368 / 20221121 */
.box-skin.design-7-1 .header {border-top:2px solid #222;}
.box-skin.design-7-1 .header .user-point{color:#222 !important;}



/* 윤미정 / 1218140 / 20221121 */
@media screen and (max-width: 39.9375em) {	
	.editor-profile .profile-images{ display: inline-block;width: 50px;height: 50px;}
	.editor-profile .profile-content {width:calc(100% - 60px)}
	.editor-profile .profile-content .logo {margin-bottom: 0;}
	.editor-profile .profile-content .links {line-height: 1;}
	.editor-profile .profile-content .names {margin-left:0}
}


/* 임희은 / 1218142 / 20221121 */
.row .article-veiw-body.view-page .user-sns-m {width:100%;margin:0 auto;background-color:transparent;padding:8px 16px;text-align:center;border:1px solid #ddd;border-radius:5px;}
.row .article-veiw-body.view-page .user-sns-m button {border-bottom:none;}
.row .article-veiw-body.view-page .user-sns-m span {display:block;font-size:15px;font-weight:500;}

/* 최은비 / 1218136 / 20221121 */
/* 디자인박스7-2 */
.box-skin.design-7-2{background: #f4f4f4;}
.box-skin.design-7-2 .header {margin-bottom:1em;padding-top:.9rem;border-top:4px solid #222;}
.box-skin.design-7-2 .header > a {position:relative;font-size: 1.375rem;padding:10px;}
.box-skin.design-7-2 .header > a::before {content:'';background:url(/image/more-btn.png);width:10px;height:15px;position:absolute;right:10px;top:3px;font:18px/1 fontello;color:#e22c01}
.box-skin.design-7-2 .header .user-point{color:#222 !important;}

.box-skin.design-7-2 .content{padding: 0 10px;}

/* 강수현 / 1218137 / 20221121 */
.auto-p05-1 ul li a {position:relative}
.auto-p05-1 .auto-titles {position: absolute;bottom: 0;z-index: 100;padding:.5rem;background: linear-gradient(transparent, rgba(0,0,0,.75));text-shadow: 1px 1px rgb(0 0 0 / 75%)}

/* 강수현 / 1218353 / 20221121 */
.editor-profile .profile-content .more {width:85px;padding:7px 5px 7px 9px}
@media screen and (max-width: 39.9375em) {
   .editor-profile .profile-content .more {top:35px}
   .editor-profile .profile-content .summary {margin-bottom:.5rem;line-height:2rem}
   .editor-profile .profile-content .names {line-height:1rem}
   .editor-profile .profile-content .links a {font-size:.75rem}
}

/* 이승현 / 1218556 / 20221121 */
@media screen and (max-width: 39.9375em) {
   .hw-box {display:none}
}


@media screen and (max-width:39.938em) {
	.article-body-dn-txt {text-align: left;}
}

/* 최은비 / 1308743 / 20230925 */
.box-skin.design-7-1 .header{margin-bottom:0 !important;}