@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');
**********************************************/
@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,나눔고딕,본고딕 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean');

body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'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-myeongjo {font-family: 'Nanum Myeongjo', 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}

/* 박스(김유진) */
.box-skin .header > a.btm-Icon {position:relative;background-image:none}
.box-skin .header > a.btm-Icon:after {content:'+';position:absolute;top:0;right:0;z-index:2;color:rgba(0,0,0,.7)}

/**********************************************
note : 하단롤링배너
**********************************************/
.box-skin.box-sponsor {width:100%;padding:.625rem}
.box-skin.box-sponsor .dnbanner {position:relative;width:100%;padding:.625rem 1rem .625rem 1.5rem}
.box-skin.box-sponsor .dnbanner .ins-box .spon-banner {float:left;list-style:none;display:table;float:left;overflow:hidden;width:auto;margin:0 .5rem}
.box-skin.box-sponsor .dnbanner .ins-box .spon-banner > a {display:table-cell;vertical-align:middle;width:100%;line-height:1.2;height:80px;font-size:.875rem;text-align:center;border:1px solid #73bb39;color:#50a00e;text-decoration:none}
.box-skin.box-sponsor .dnbanner .photo-btn {position:absolute;font-size:.8rem;color:#9b9da0;text-align:center;line-height:4.375rem}
.box-skin.box-sponsor .dnbanner .photo-btn.auto-prev{top:50%;left:-1.625rem;transform: translateY(-50%);}
.box-skin.box-sponsor .dnbanner .photo-btn.auto-next{top:50%;right:-1.188rem;transform: translateY(-50%);}
.box-skin.box-sponsor .dnbanner .ins-box .spon-banner .banner_box {margin-bottom:0 !important}
.box-skin.box-sponsor .dnbanner .ins-box .spon-banner .banner_box img {width:100%}

/* 날개배너 위치조정 (권오석) */
.view-aside.left-wing {right:calc(100% + 55px)}
.view-aside.right-wing {left:calc(100% + 55px)}

/* 메인화면 sns */
.main-sns {width:100%; float:left; text-align:center;}
.main-sns img {float:left; margin-left:15px;}

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



/* 김민희 / 954563 / 20200602 */
.auto-relation::before {width: 8px;height: 8px;border-left: 2px solid #e00000;border-bottom: 2px solid #e00000;}



/* 윤미정 / 954565 / 20200602 */
.corana_wrap{margin-bottom:30px;padding:.5rem;background:#ED4E00;border-radius:5px;}
.corana_wrap .corona_tit{color:#fff;font-size:1rem;margin-bottom:5px;font-weight:bold;text-align:center;letter-spacing:-.08em}
.corana_wrap .corona_tit span {font-size:.7rem;}
.corana_wrap ul{width:100%;margin:0;}
.corana_wrap ul li{float:left;text-align:center;list-style:none;}
.corana_wrap ul li .tit{position:relative;display:block;padding:5px 0;height:25px;font-size:.75rem;background:#ffd3be;border-right:1px solid #fff;color:#ED4E00;line-height:1.3;}
.corana_wrap ul li:first-child .tit {border-radius: 5px 0 0 0;}
.corana_wrap ul li:last-child .tit {border-right:0px solid #fff;border-radius:0 5px  0 0;}
.corana_wrap ul li .num {display:block;font-weight:bold;padding:5px 0;font-size:.75rem;color:#ED4E00;border-right:1px solid #ffd3be;border-bottom:1px solid #ffd3be;line-height:1.2;}
.corana_wrap ul li .num:last-child {border-bottom:0px solid #ffd3be;}
.corana_wrap ul li .num2 {display:block;font-size:.75rem;padding:5px 0;color:#ED4E00;border-right:1px solid #ffd3be;border-bottom:1px solid #ffd3be;line-height:1.2;}
.corana_wrap ul li .num2:last-child {border-bottom:0px solid #ffd3be;}
.corana_wrap ul li:last-child .num {border-right:0px solid #fff}
.corana_wrap .clearfix {background:#fff;border-radius:5px;}

@media screen and (max-width: 39.9375em) {	
	.corana_wrap {padding:.5rem;}
	.corana_wrap .corona_tit {margin-bottom:8px;}
	.corana_wrap ul li .num {font-size:.95rem;}
	.corana_wrap ul li:nth-child(2), .corana_wrap ul li:nth-child(3) {width:18%;}
	.corana_wrap ul li:last-child {width:24%;}
}


/* 윤미정 / 956945 / 20200610 */
.rolling-bn .roll-btns.btn-prev {right:98.5%;}
.rolling-bn .roll-btns.btn-next {left:98.5%;}


/* 윤미정 / 957289 / 20200611 */
.auto-hr04-1 {background-color:#333;}
.auto-hr04-1 .auto-roll {float:left; width: calc(100% - 200px);}
.auto-hr04-1 .auto-nav {float:left; width: 200px;}
.auto-hr04-1 .auto-nav .slick-slide {width:100% !important;cursor:pointer;}
.auto-hr04-1 .auto-nav .slick-slide.slick-current {background-color:#e6336d;}
.auto-hr04-1 .auto-nav .auto-content {overflow:hidden;float:left;width:100%;height:88px; padding: 1rem;border-top:1px solid rgba(255,255,255,.1);}
.auto-hr04-1 .auto-nav .auto-content:first-child {border-top:none;}


.auto-dp01-5 {padding: 1.2rem; background: url('/image/box/head_bg.jpg') 0 0 no-repeat;}
.auto-dp01-5 .auto-mores { z-index: 2;    font-size: .75rem;    font-weight: 700;    right: 0;    bottom: 0;}


/* 김민희 / 976071 / 20200818  코로나현황판 폰트*/
.corana_wrap ul li:last-child .cus-font {font-size: .684rem;line-height: 1.3;}
.corana_wrap ul li:last-child .cus-font02 {line-height: 1;}

/* 배진희 / 1027652 / 20210204 */
#rollBanner-1 img{height:72px !important;}

/* 최은비 / 1048718 / 20210420 */
.auto-hr04-1.auto-hr04-5 .auto-nav .auto-content{height:78px !important;padding: 0.5rem;}

/* 이승현 / 1105790 / 20211104 */
.article-veiw-body .view-editors .names {line-height:.975em; letter-spacing: -.05em;}
.article-veiw-body .view-editors .email {font-size:.75rem;font-weight: var(--wgt400, 400);font-style: normal;line-height: 1.125;color: #505050;white-space: nowrap;}

@media screen and (max-width: 39.9375em) {	
.row .article-veiw-body .view-editors .names { line-height: 1.2em;}
.article-veiw-body .view-editors .email {display: inline-block; line-height: 1.25em; overflow: hidden;padding-right: 1.3rem;}
}


/* 강수현 / 1112393 / 20211125 날개배너 여백 */
.view-aside.left-wing {right:calc(100% + 70px) !important;} 
.view-aside.right-wing {left:calc(100% + 70px) !important;}


/* 임희은 / 1115752 / 20211207 auto-CMP01 */
.auto-cmp01 li {float:left;width:255px;margin:0 20px 20px 0}
.auto-cmp01 li:nth-child(4n + 1) {clear:both}
.auto-cmp01 li:nth-child(4n) {margin-right:0}
.auto-cmp01 .auto-content {padding:10px 12px;min-height:104px;border:1px solid rgba(0,0,0,.12);background-color:#fff}
.auto-cmp01 .auto-content .auto-titles {line-height:1.3em;}
.auto-cmp01 .auto-content.noimg {padding:26px 12px;min-height:250px}
.auto-cmp01 .auto-images {border-width:1px 1px 0 1px;border-style:solid;border-color:rgba(0,0,0,.12)}
.auto-cmp01 .auto-more .more-btns {display:block;width:100%;padding:16px 0;font-size:20px;background:#d1d2d4;text-align:center;cursor:pointer}
.auto-cmp01 .auto-more .more-btns i.s7-plus {font-size:20px;color:#000}
.auto-cmp01 .weight-500 {font-weight:500;}


/* 최은비 / 1155123 / 20220425 */
.article-view-header .article-header-wrap .article-head-title{font-family: 'Roboto','Noto Sans KR','Malgun Gothic','dotum','Arial',sans-serif;line-height: 42px ;font-weight: 600 ;font-size:32px;width:670px;padding-left:45px;}
.article-view-header .article-head-nav{width:670px;padding-left:45px;}
.article-view-header .info-text{padding-left:45px;}
/* .article-veiw-body.view-page.font-size15{font-size: .9rem;}
.article-veiw-body.view-page.font-size16{font-size: 1rem;}
.article-veiw-body.view-page.font-size17{font-size: 1.063rem;}
.article-veiw-body.view-page.font-size18{font-size: 1.125rem;}
.article-veiw-body.view-page.font-size19{font-size: 1.188rem;}
.article-veiw-body.view-page.font-size20{font-size: 1.25rem;}
*/
.article-veiw-body.view-page.font-size15{font-size: 1rem;}
.article-veiw-body.view-page.font-size16{font-size: 1.063rem;}
.article-veiw-body.view-page.font-size17{font-size: 1.125rem;}
.article-veiw-body.view-page.font-size18{font-size: 1.188rem;}
.article-veiw-body.view-page.font-size19{font-size: 1.25rem;}
.article-veiw-body.view-page.font-size20{font-size: 1.313rem;}

.article-veiw-body.view-page p{font-family: 'Roboto','Noto Sans KR','Malgun Gothic','dotum','Arial',sans-serif;word-break: break-all;}
.article-veiw-body .view-editors .names{line-height: 1.175em;}


@media screen and (max-width: 39.9375em) {
.article-view-header .article-header-wrap .article-head-title{width:auto;padding-left:0;}
.article-view-header .article-head-nav{width:auto !important;padding-left:0 !important;}
.article-view-header .info-text{padding-left:0 !important;}
}