@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 : design custom style page
**********************************************/

.box-skin > .header > a,.box-skin > .header > strong {font-size:1.25rem;letter-spacing:-.1em}

/* 박스 더보기 아이콘 */
.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)}

/* 기사박스 타이틀 라인 */
.box-skin.blog .header {margin-bottom:1rem;border-bottom:2px solid rgba(0,0,0,.8)}
.box-skin.blog.border-colorA .header {border-bottom-color:#7f8fa9}
.box-skin.blog.border-colorB .header {border-bottom-color:#66bb6a}
.box-skin.blog.border-colorC .header {border-bottom-color:#7685da}
.box-skin.blog.border-colorD .header {border-bottom-color:#e91e63}
.box-skin.blog.border-colorE .header {border-bottom-color:#009688}
.box-skin.blog > .header > a,.box-skin.blog > .header > strong {margin-bottom:.5rem}


/**********************************************
note : pc 자동박스
**********************************************/
/* hr14(head) */
.auto-hr14 {position:relative;overflow:hidden}
.auto-hr14 .slick-slide {position:relative;width:720px;cursor:pointer}
.auto-hr14 .auto-images::before {z-index:15;background:rgba(0,0,0,.5);transition:all .25s}
.auto-hr14 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-hr14 .photo-titbg {display:none;left:0;bottom:0;width:100%;padding:3.5rem 5rem;text-align:center}
.auto-hr14 a .auto-images::after {content:'';position:absolute;z-index:1;top:0;left:0;bottom:0;width:100%;background-color:transparent;transition:all .3s ease-in-out}
.auto-hr14 a:hover .auto-images::after {background-color:rgba(255,255,255,.2)}
.auto-hr14 .photo-btn {width:calc((100% - 720px) / 2);top:0;bottom:0;font-size:3.5rem;color:rgba(255,255,255,.5);background-color:transparent;-webkit-transition:all .3s;transition:all .3s ease-in-out}
.auto-hr14 .photo-btn.auto-prev {left:0}
.auto-hr14 .photo-btn.auto-next {right:0}
.auto-hr14 .photo-btn:hover {font-size:4.25rem;color:rgba(255,255,255,1)}
.auto-hr14 .auto-pager {position:absolute;z-index:12;right:1.625rem;bottom:1.625rem;padding:.3rem .875rem .5rem .875rem;background-color:rgba(0,0,0,.76);border-radius:3rem;line-height:1}
.auto-hr14 .auto-pager > li {display:none}
.auto-hr14 .auto-pager > li.slick-active {display:block;color:rgba(255,255,255,.64)}
.auto-hr14 .auto-pager-dot {position:absolute;left:50%;bottom:.625rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;text-align:center}
.auto-hr14 .auto-pager-dot::after {content:'';display:table;clear:both}
.auto-hr14 .auto-pager-dot li[id*="slick-"] {display:inline-block;margin:0 auto}
.auto-hr14 .auto-pager-dot li[id*="slick-"] button[data-role] {display:block;overflow:hidden;width:9px;height:9px;margin-left:.2rem;margin-right:.2rem;border-radius:20px;color:transparent;text-indent:-5000px;background-color:#fff;cursor:pointer;transition:width .25s}
.auto-hr14 .auto-pager-dot li[id*="slick-"].slick-active button[data-role] {width:3.125rem;background-color:#e73f72;border-color:transparent;transition:width .25s}

/* da05-3 (normal) */
.auto-da05-3:last-child > div {border-bottom: none !important}
.auto-da05-3 .dis-table-cell {vertical-align: middle}

/* db06 (normal) */
.auto-db06 .dis-table {table-layout:fixed}
.auto-db06 .dis-table-cell {vertical-align:top}
.auto-db06 [class*="line-height-"] {white-space:inherit}
.auto-db06 .dis-table-cell a {width:175px;}

/* dl07(normal) */
.auto-dl07 .dis-table {table-layout:fixed}
.auto-dl07 .dis-table-cell {vertical-align:middle}

/* ma08 (import) */
.auto-ma08 .dis-table {table-layout:fixed}
.auto-ma08 .dis-table-cell {vertical-align:middle}
.auto-ma08 .auto-column {float:left;width:50%;padding-left:2%}
.auto-ma08 .auto-column:first-child {width:50%;padding-left:0;padding-right:2%}

/* ma09(import) */
.auto-ma09 .dis-table {table-layout:fixed}
.auto-ma09 .dis-table-cell {vertical-align:middle}
.auto-ma09 [class*="line-height-"] {white-space:inherit}
.auto-ma09 .auto-section {margin-right:.313rem;padding-top:.313rem}
.auto-ma09 .line-height-3-x {max-height:1.4em}

/* ma10(import) */
.auto-ma10 .auto-columns {float:right;position:relative;width:calc(100% - 289px);margin-top:12px}
.auto-ma10 .auto-columns:first-child,.auto-ma09 .auto-columns:nth-child(5n + 1) {float:left;width:269px;clear:both}
.auto-ma10 .auto-columns:first-child,.auto-ma09 .auto-columns:nth-child(5n + 1) {margin-top:0}
.auto-ma10 .auto-columns:nth-child(1) {margin-top:0;padding-top:0;border-top:none}
.auto-ma10 .auto-columns .photo-titbg [class*="size-"] {position:static}
.auto-ma10 .auto-images.noimage-bg {background-image:radial-gradient(ellipse farthest-corner at center top, #9ab1c7 0%, #1a242f 100%);background-size:100% auto}
.auto-ma10 .photo-titbg.gradient {background:linear-gradient(transparent,rgba(0,0,0,.85))}
.auto-ma10 .auto-section {position:absolute;z-index:10;padding:.3rem .5rem;font-size:1rem;line-height:1;color:#fefefe;left:0;top:0}

/* mr01(import) */
.auto-mr01::before {content: '실시간 뉴스';}

/*********************************************
note : 하단(샘플5)
*********************************************/
#user-footer.type-5 {padding:2.375rem 0 3.875rem;margin-top:1.875rem;background-color:#333;text-align:center}
#user-footer.type-5 .logo {margin-bottom:2.375rem}

/* navigation */
#user-footer.type-5 .footer-nav {display:block;margin-bottom:1.375rem;font-size:0;text-align:center}
#user-footer.type-5 .footer-nav > a {display:inline-block;padding:.375rem 1.125rem;font-size:.75rem;line-height:1.125;letter-spacing:-.05em;color:#fff}

/* copyright */
#user-footer.type-5 .address {display:block;width:auto;margin:0;padding:0;list-style:none}
#user-footer.type-5 .address::after {content:'';display:table;clear:both}
#user-footer.type-5 .address > li {display:inline-block;font-size:.688rem;line-height:1.375;letter-spacing:-.025em;color:rgba(255,255,255,.45)}
#user-footer.type-5 .address > li.disabled {display:block;font-size:0;line-height:0;color:transparent}
#user-footer.type-5 .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.625rem;margin:0 .625rem;border-left:1px solid rgba(255,255,255,.25);vertical-align:baseline}
#user-footer.type-5 .address > :first-child::before, #user-footer.type-5 .address > li.disabled::before, #user-footer.type-5 .address > li.disabled + li::before {display:none}
#user-footer.type-5 .address > li.clear {margin-left:0;clear:both}
#user-footer.type-5 .address a {color:rgba(255,255,255,.45);text-decoration:none}
#user-footer.type-5 .address .copyright {display:inline-block;margin-left:1.25rem}

/*********************************************
note : 회원가입
*********************************************/
.member-id-info {display:block;margin:.313rem 0 1rem;font-size:.875rem;color:#f00}

/*********************************************
note : 기사뷰_하단 후원하기
*********************************************/
.article-sponsor {display:block;text-align:center; background-color: #f6f7fa; border: 1px solid #d8d8d8; margin-bottom:1.375rem;}
.article-sponsor > .inner {display:block;width:65%;max-width:450px;margin:10px auto;padding:1rem;/*background-color:#fff;border:1px solid rgba(0,0,0,.12)*/}
.article-sponsor .spon-title {display:block;margin-bottom:1.375rem;font-size:1.375rem;font-weight:700;line-height:1.375;letter-spacing:-.1em;color:#0b8fd1;}
.article-sponsor .spon-content {margin-bottom:1.375rem;text-align:left;}
.article-sponsor .nd-radio {display:block;line-height: 22px;margin-bottom:.25rem;padding: 20px 0; cursor: pointer; background-color: #fff; border:1px solid rgba(0,0,0,.12)}
.article-sponsor .nd-radio input[type="checkbox"] ~ .nd-checked, .article-sponsor .nd-radio input[type="radio"] ~ .nd-checked {display:block;padding:1.125rem 1rem;background-color:#f8f8fa}
.article-sponsor .nd-radio input[type="checkbox"] ~ .nd-checked::before, .article-sponsor .nd-radio input[type="radio"] ~ .nd-checked::before {margin-right:0;vertical-align:middle}
.article-sponsor .nd-radio input[type="checkbox"]:checked ~ .nd-checked, .article-sponsor .nd-radio input[type="radio"]:checked ~ .nd-checked {background-color:#fffdd1}
.article-sponsor .nd-radio .text {display:inline-block;overflow:hidden;width:calc(100% - 22px);padding-left:.5rem;font-size:1.125rem;font-style:normal;text-align: center;line-height:1.125;letter-spacing:-.075em;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}
.article-sponsor .spon-content > :last-child {margin-bottom:0}
.article-sponsor .spon-content a:hover {background-color:#eee}
.article-sponsor .button { margin: 20px auto;    letter-spacing: -.075em;    background-color: #e61017;    padding: 1rem;}
@media screen and (max-width: 63.9375em) {
	.row .article-sponsor > .inner {width:auto;max-width:100%}
}
@media screen and (max-width: 39.9375em) {
	.row .article-sponsor > .inner {padding:1.25rem}
	.row .article-sponsor .nd-radio .text {font-size:.875rem}
}

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

/* 배진희 / 1081543 / 20210812 */
.auto-ma10-1 .auto-columns:first-child{width:100%;float:none;}

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