@charset "UTF-8";
@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,나눔고딕,본고딕 */

/**********************************************
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:'Noto Sans KR','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}

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

/**********************************************
note : floating banner
name : 김지수
date : 2019-11-27
**********************************************/
.view-aside {margin-top:30px}

/**********************************************
note : 기사뷰 커스텀
name : 김지수
date : 2019-12-04
**********************************************/
/* header */
.custom-view .article-view-header .article-head-nav a {font-size:.938rem}
.custom-view .article-view-header .article-header-wrap .article-head-title {font-size:2.5rem;font-weight:700;color:#101010;letter-spacing:-.1em}
.custom-view .article-view-header .article-head-info {margin-top:0}
.custom-view .article-view-header .article-head-info .info-text {display:block;float:initial}
.custom-view .article-view-header .article-head-info .info-text ul li {font-size:1rem;letter-spacing:-.03em}
.custom-view .article-view-header .article-head-info ul.info-social {display:block;float:initial;margin-top:1.875rem}

/* content */
.custom-view .user-content .user-snb,
.custom-view .user-content .user-snb-wrapper {padding:0}
.custom-view .user-content .user-snb-wrapper .article-head-sub {font-size:1.25rem;color:#606060}
.custom-view .article-veiw-body.view-page p {font-size:1.625rem;font-weight:500;color:#303030}

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

/* 배진희 / 939047 / 20200407 */
#wingBanner .wing-banner-left{right:calc(100% + 60px) !important;}


/* 홍경아 / 949160 / 20200514 */
/*소개페이지*/
.com-about.about-company section .txt > .txt-con {position:relative;display:block;width:100%;padding:80px 0;line-height:1}
.com-about.about-company section .txt > .txt-con::before {content:'';position:absolute;z-index:1;top:15px;left:50%;height:50px;border-left:1px solid rgba(0,0,0,.12)}
.com-about.about-company section .txt > .txt-con:first-child {padding-top:0}
.com-about.about-company section .txt > .txt-con:first-child::before {display:none}
.com-about.about-company section .txt > .txt-con::after {content:'';display:table;clear:both}
.com-about.about-company section .txt > .txt-con > .con-tit {display:block;font-size:1.2rem;font-weight:500;color: #000;}
.com-about.about-company section .txt > .txt-con > ul {margin-bottom:.625rem;}
.com-about.about-company section .txt > .txt-con > ul > li {color:rgba(0,0,0,.65);line-height:34px}


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

/* 배진희 / 1099237 / 20211015 / 기사뷰 하단 슬라이드 광고 */
.ad_slide_view{position:fixed;left:0;bottom:0;z-index:999;width:100%;}
.ad_slide_view .slide_btn{position:relative;height:8px;background:#fafafa;border:1px solid #ebebeb;}
.ad_slide_view .slide_btn .btn_down{position:absolute;left:-1px;bottom:0;}
.ad_slide_view .slide_btn .btn_up{position:absolute;left:0;bottom:0;}
.ad_slide_view .wrap{text-align:center;background:#fafafa;}
.ad_slide_view .wrap .content{width:1260px;margin:0 auto;text-align:center;}
@media screen and (max-width: 1260px) {
.ad_slide_view .wrap .content{width:90%;}
}



/* 윤미정 / 1111693 / 20211124 */
.wrap_covid_status {margin-bottom:30px}
.wrap_covid_status .covid_status {padding:12px 30px;height:90px;background:url('/image/covid_bg.jpg');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.wrap_covid_status .covid_status .cell {float: left;}
.wrap_covid_status .covid_status .cell.wrap_tit {width: 350px;vertical-align: middle;}
.wrap_covid_status .covid_status .cell > li {float:left;list-style:none}
.wrap_covid_status .covid_status .cell .tit {display:table-cell;vertical-align:middle;font-size:27px;font-weight:700;letter-spacing:-.08em;color:#fff;line-height:60px}
.wrap_covid_status .covid_status .cell .tit > span {color:#ffbe33}
.wrap_covid_status .covid_status .cell .info {display:table-cell;vertical-align:middle}
.wrap_covid_status .covid_status .cell .info > span {display:block;margin-left:30px;font-size:12px;color:rgba(255,255,255,.65);line-height:1.4;text-align:left}
.wrap_covid_status .covid_status .covid_count {float: left;width:calc(100% - 350px);line-height:40px}
.wrap_covid_status .covid_status .covid_count ul {margin-left: 0;}
.wrap_covid_status .covid_status .covid_count li {float: left;margin-right:20px;font-size:15px;color:rgba(255,255,255,.75);list-style: none;}
.wrap_covid_status .covid_status .covid_count li:nth-child(1) {margin-right:42px}
.wrap_covid_status .covid_status .covid_count li:nth-child(2) {margin-right:36px}
.wrap_covid_status .covid_status .covid_count li:nth-child(3) {margin-right:45px}
.wrap_covid_status .covid_status .covid_count .counter {font-size:18px;color:#fff;font-weight:700}
.wrap_covid_status .covid_status .covid_count .counter > em {font-style:normal;color:#ffb330}
.wrap_covid_status .covid_status .covid_count2 {float: left;width:calc(100% - 350px);line-height:40px}
.wrap_covid_status .covid_status .covid_count2 ul {margin-left: 0;}
.wrap_covid_status .covid_status .covid_count2 li {float: left;margin-right:18px;font-size:15px;color:rgba(255,255,255,.75);list-style: none;}
.wrap_covid_status .covid_status .covid_count2 .counter {font-size:18px;color:#fff;font-weight:700}
.wrap_covid_status .covid_status .covid_count2 .counter > em {font-style:normal;color:#ffb330}

@media screen and (max-width: 39.9375em) {
	.wrap_covid_status .covid_status {padding: 12px 20px;height:250px;}
	.wrap_covid_status .covid_status .cell .tit {font-size: 23px;}
    .wrap_covid_status .covid_status .cell.wrap_tit {width: 100%;}
    .wrap_covid_status .covid_status .covid_count  {float: none;padding-bottom: 15px;width: 100%;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.55);}
    .wrap_covid_status .covid_status .covid_count .counter {font-size:15px;}
    .wrap_covid_status .covid_status .covid_count li:nth-child(1) {margin-right:20px}
	.wrap_covid_status .covid_status .covid_count li:nth-child(2) {margin-right:0}
	.wrap_covid_status .covid_status .covid_count li:nth-child(3) {margin-right:58px}
    .wrap_covid_status .covid_status .covid_count2 {float: none;width: 100%;} 
    .wrap_covid_status .covid_status .covid_count2 .counter {font-size:15px;}
	.wrap_covid_status .covid_status .covid_count2 li:nth-child(4) {margin-right:58px}
}




/* 윤미정 / 1133530 / 20220209 */
.banner-box .beijing-banner {position: relative;}
.banner-box .beijing-banner .rank_num {position: absolute;top: 16%;right: 34.5%;width: 13%;font-size: 1.2rem;color: #000;text-align: center;line-height: 1.2;}
.banner-box .beijing-banner .rank_num span {display: block;font-size: 2.1rem;color:#da1515;font-weight: 700;}
.banner-box .beijing-banner .gold {position: absolute;top: 25px;right: 154px;width: 50px;font-size: 2.1rem;color: #fff;font-weight: 700;text-align: center;}
.banner-box .beijing-banner .silver {position: absolute;top: 25px;right: 88px;width: 50px;font-size: 2.1rem;color: #fff;font-weight: 700;text-align: center;}
.banner-box .beijing-banner .bronze {position: absolute;top: 25px;right: 20px;width: 50px;font-size: 2.1rem;color: #fff;font-weight: 700;text-align: center;}
@media screen and (max-width: 39.9375em) {
.banner-box .beijing-banner .rank_num {top: 14%;right: 34.5%;width: 13%;font-size: .8rem;} 
.banner-box .beijing-banner .rank_num span {display: block;font-size: 1.2rem;color:#da1515;font-weight: 700;}
.banner-box .beijing-banner .gold {top: 27%;right: 23.5%;width: 10%;font-size: 1.2rem;}
.banner-box .beijing-banner .silver {top: 27%;right: 13%;width: 10%;font-size: 1.2rem;}
.banner-box .beijing-banner .bronze {top: 27%;right: 2.3%;width: 10%;font-size: 1.2rem;}

}


/* 워터마크 관리 */
.watermark-infobox{}
.watermark-infobox img{width:85px}
.watermark-infobox label{padding:5px !important}
.watermark-infobox .radio-group > input[type="radio"]:checked + label .admin-bg{background:#727d92; transition:all .3s}
.watermark-infobox .admin-bg{padding:5px 30px}
@media screen and (max-width: 39.9375em) {
}

/* 강수현 / 1237003 / 20230126 */
.box-skin.star-line {border:1px solid #afafaf}
.box-skin.star-bg {background-color:#f6f6f6}


.box-skin.border-down .header{border-bottom:1px solid rgba(255,255,255,.12)}

/* 임희은 / 1282408 / 20230628 */
.box-skin.navy {background-color:#181c36;border:0}
.box-skin.navy .header a, .box-skin.navy .header strong {color:#fff;margin-bottom:15px;}

/* 윤미정 / 1285720 / 20230706 */
.article-list .article-list-content.type-tm .list-block .list-image {height: 0;padding-bottom: 56.25%;}
.article-list .article-list-content.type-tm .list-titles {height: 45px;}

/* 신경훈 / 1292982 / 20230808 */
.article-list .article-list-content.type-tm .article-column:nth-child(3n+1){clear:inherit}
.article-list .article-list-content.type-tm .article-column:nth-child(4n+1){clear:both}
.article-list .article-list-content.type-tm .article-column{width:22.75%; margin-right:3%}
.article-list .article-list-content.type-tm .article-column:nth-child(3n){margin-right:3%}
.article-list .article-list-content.type-tm .article-column:nth-child(4n){margin-right:0}

.article-veiw-body .view-editors .profile-images{display:none}
.article-veiw-body .view-editors .articles{display:none}


/* 홍경아 / 1354997 / 20240311 */
.auto-images {background-position: center top;}