@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');
**********************************************/
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

/**********************************************
note : 자동박스
**********************************************/
/* tl03 */
.m-auto-tl03 ul > li {height:220px;padding:1rem 0;border-top:3px solid #111}

/* tp07-1 */
.m-auto-tp07-1 .auto-sol {border-top-color:rgba(255,255,255,.12)}

/* hr04-4(headline) */
.auto-hr04-4 {position:relative;background-color:#333}
.auto-hr04-4 .photo-titbg {padding:1.5rem;}
.auto-hr04-4 .auto-roll {float:left;width:calc(100% - 320px)}
.auto-hr04-4 .auto-nav {float:left;width:320px}
.auto-hr04-4 .auto-nav::before {content:'주요이슈';display:block;padding:1.5rem 1.25rem .9375rem;letter-spacing:-0.08em;color:rgba(255,255,255,.6);font-size:.9rem;font-weight:700}
.auto-hr04-4 .auto-nav .auto-content {padding:.9375rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);cursor:pointer}
.auto-hr04-4 .auto-nav .auto-content:first-child {border-top:none}
.auto-hr04-4 .auto-nav .auto-content:last-child {border-bottom:1px solid rgba(255,255,255,.1)}
.auto-hr04-4 .auto-nav .auto-content:after {content:'';display:table;clear:both}
.auto-hr04-4 .auto-nav .slick-slide.slick-current {background-color:#e6336d}
.auto-hr04-4 .auto-mores {position:absolute;z-index:11;font-size:.75rem;color:rgba(255,255,255,.5);right:1.25rem;bottom:2.5rem}
.auto-hr04-4 .auto-mores a {color:rgba(255,255,255,.5)}

/* 관련기사 */
.auto-relation.white {padding-left:.9rem}
.auto-relation.white::before {left:.3rem; border-left:1px solid #fff;border-bottom:1px solid #fff}


/* auto-mp02 */
.auto-mp02 .auto-images.cover{background-position:top}
.auto-article.tiles-3x.auto-mp02 .auto-columns{background:#fff}

/* mr03(import) */
.auto-mr03 {position:relative;height:48px;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.1)}
.auto-mr03 .auto-titles {float:left;padding:.9rem 1rem 0;font-size:1rem;font-weight:700;line-height:1em;letter-spacing:-0.05em}
.auto-mr03 .auto-container {margin-top:.8rem;padding-right:1rem}
.auto-mr03 .photo-btn {width:40px;height:20px;font-size:1.25rem;color:rgba(0,0,0,.45);left:inherit;right:0;text-align:center}
.auto-mr03 .photo-btn:hover {color:rgba(0,0,0,.9)}
.auto-mr03 .photo-btn.auto-prev {top:-9px}
.auto-mr03 .photo-btn.auto-next {top:9px}

/**********************************************
note : 사이드링크
**********************************************/
.side-link{display:inline-block;width:130px;border:1px solid #aaa;background-color:#fff;padding:0 10px 3px; box-sizing:border-box;margin-bottom:7px}

.side-link li {position:relative;float:left;width:100%;height:34px;line-height:34px;border-top:1px dotted #ddd}
.side-link span {line-height:18px;}
.side-link li:first-child {border-top:none}
.side-link li a {display:block;padding-left:18px;color:#555;letter-spacing:-0.05em;font-size:12px;text-align:left}
.side-link li a:hover {color:#c00}
.side-link .icon {position:absolute;display:block;overflow:hidden;left:0px;top:15px;text-indent:-5000px;background:url('/image/article_design.png') no-repeat;z-index:55}
.side-link .link-menu1 .icon {width:8px;height:8px;background-position:0px -130px}
.side-link .link-menu2 .icon {width:7px;height:12px;top:15px;background-position:-0px -140px}
.side-link .link-menu3 .icon {width:7px;height:9px;top:15px;background-position:-20px -140px}
.side-link .link-menu4 .icon {width:7px;height:9px;top:15px;background-position:-40px -140px}

/* 모바일섹션별기사 */
.mobile-line{border-top:1px solid rgba(0,0,0,.12);height:.625rem}

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

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


/* 임희은 / 1074112 / 20210715 */
.com-about.skin-2.com-3 header::before {background-image: url(/com/image/com2-3.jpg);}
.com-about.skin-2 header::before {height:160px;background-image: url(/com/image/com2-4.jpg);}


/* 이승현 / 1237775 / 20230130 */
.article-list .article-list-content .list-image { background-size: contain;}

/* 임희은 / 1238116 / 20230131 */
.auto-images.contain {background-position:center;background-repeat:no-repeat;background-size:contain;}

/* 이승현 / 1255155 / 20230327 */
.com-about.skin-2.com-3 header::before {background-image: url(/com/image/com2-3_230327.jpg);}

/* 강수현 / 1370011 / 20240429 */
.com-about.skin-2 header::before {height:160px;background-image: url(/com/image/com2-5.jpg);}
.com-about.skin-2.com-3 header::before {background-image: url(/com/image/com2-6.jpg);}

/**********************************************
note : 최근기사로그
**********************************************/
#admin-aside .admin-options.article-logs .article-logs-header {font-size:0}
#admin-aside .admin-options.article-logs .article-logs-header .badge, #admin-aside .admin-options.article-logs .article-logs-header strong, #admin-aside .admin-options.article-logs .article-logs-header .compare-label {display:inline-block;vertical-align:middle}
#admin-aside .admin-options.article-logs .article-logs-header .badge {float:none}
#admin-aside .admin-options.article-logs .article-logs-header .compare-label {margin-bottom:0;margin-left:.5rem;padding:.125rem .375rem;font-size:.688rem;line-height:1;letter-spacing:-0.075em;color:#808080;background-color:#fefefe;border:1px solid #d0d0d0;border-radius:2rem}
#admin-aside .compare_btn {display:block;text-decoration:none}

/* 본문비교 */
.article-compare::after {content:'';display:table;clear:both}
.article-compare .guide {margin-bottom:1.25rem;font-size:0;text-align:right}
.article-compare .guide > .text {display:inline-block;margin-right:5px;font-size:.9rem;line-height:1.125;letter-spacing:-0.05em;vertical-align:middle}
.article-compare .guide > :last-child {margin-right:0}
.article-compare .compare-content .subject {display:block;margin-bottom:1.25rem;font-size:2rem;line-height:1.25;letter-spacing:-0.1em;color:#101010}
.article-compare .compare-content .summary {font-size:1.063rem;line-height:1.625;letter-spacing:-0.05em;color:#333}
.article-compare del {color:#505050;background-color:#ffcdd2}
.article-compare ins {color:rgb(0,0,0);background-color:#b2dfdb;text-decoration:none}