@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 : 단수정
**********************************************/
.index-wrap.default-line .index-columns.grid-2{border-left:0}
.index-wrap.default-line .index-columns.grid-4{border-right:0}

.index-wrap.opinion .box-skin.header-line{min-height:246px}

/**********************************************
note : 기사박스
**********************************************/
.box-skin.design-8 .header{margin-bottom:1rem;background:#ed3511;padding-left:.9rem}
.box-skin.design-8 .header>a{position:relative;padding:.9rem 0;color:#fff}
.box-skin.design-8 .header>a::after{position:absolute;content:'\e905';width:35px;bottom:0;right:0;top:0;padding-top:1rem;text-align:center;background:#ff8001;display: inline-block;font: normal normal normal 14px/1 'ndsoft fonts';font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased}

.main-bn{background:#e8f1fa;border:1px solid #ccc;padding:.8rem .8rem .4rem .8rem}
.main-bn .title{font-size:.8rem;font-weight:700;padding-top:.7rem}

/* 모바일박스 - 파스텔계열*/
.box-skin.mbox-pbg-brown {background-color:#dbd7cc !important}
.mobile .box-skin > .header > strong,.mobile .box-skin > .header > a{font-size:1.375rem}

/* 모바일박스 - 원색계열 */
.box-skin.mbox-bg-black {background-color:#000 !important}

.box-skin[class*="mbox-bg-"] > .header, .box-skin[class*="mbox-gbg-"] > .header{color:#fff}

/**********************************************
note : 자동박스
**********************************************/
/* tr04 */
.m-auto-tr04 {padding:.75rem 1rem;background-color:#f8f8f8;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.m-auto-tr04 > .user-bg,.m-auto-tr04 > .auto-container {float:left}
.m-auto-tr04 > .user-bg {width:60px;padding:.5rem;border-radius:5rem;font-size:.75rem;color:#fff;text-align:center;line-height:1}
.m-auto-tr04 > .auto-container {width:calc(100% - 60px);padding-left:.75rem}
.m-auto-tr04 > .auto-container > div {padding-top:4px}

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

/* tp07-2 */
.m-auto-tp07-2 ul > li {float:left;width:47%}
.m-auto-tp07-2 ul > li:nth-child(2n-1) {float:right}
.m-auto-tp07-2 ul > li:first-child {width:100%}

/* tb04 */
.m-auto-tb04 .auto-num > span {float:left;border-top:3px solid #111;padding-top:10px;font-size:1rem;font-weight:800;line-height:1}

.auto-ma01-2 .user-image{max-height:180px}

.auto-m01 .auto-relation::before,.auto-hr04 .auto-relation::before{border-color:#fc8203 !important}

.auto-dl05-1 .auto-images{width:80%;margin:0 auto}

.auto-hr04 .photo-titbg{width:100%;max-width:100%;bottom:0}
.auto-hr04 .photo-titbg .photo-inner{position:absolute;bottom:0;left:0;right:0;padding:1rem}
.auto-hr04 .photo-titbg.gradient.cover{background:linear-gradient(transparent 25%,rgba(0,0,0,.75))}

.auto-da06 .auto-images.cover{background-position:top}

.auto-dl02 .auto-images.cover,.auto-da05 .auto-images.cover{background-size:auto 100%}

.m-auto-p05 .auto-title {min-height:38px}

/**********************************************
note : footer
**********************************************/
#user-footer.user-style-default[class *= "custom"]{background:none;border-top:0;padding:0}
#user-footer.user-style-default[class *= "custom"] .footer-conent{background:#f5f5f5;width:100% !important;padding:2rem}
#user-footer.user-style-default[class *= "custom"] .footer-conent .dis-table-cell{vertical-align:middle !important;height:92px;padding-right:1rem}
#user-footer.user-style-default[class *= "custom"] .user-logo{float:none}
#user-footer.user-style-default[class *= "custom"] .footer-menu{background:#333a42;margin-bottom:0;padding:.6rem}
#user-footer.user-style-default[class *= "custom"] .footer-menu .user-nav a{color:#fff}

#user-footer.user-style-default[class *= "custom"] .footer-menu .footer-columns{text-align:center}

/**********************************************
note : 모바일
**********************************************/
#user-wrap.mobile #user-container.main{padding-top:0}

@media screen and (max-width: 39.9375em) {
	.article-view-header .article-head-nav {display:none}
}

/**********************************************
note : 기사리스트
**********************************************/
#user-container.opinion .article-list .article-list-content .list-image {background-size:auto 100%}

/**********************************************
note : design custom style page
**********************************************/
/* ndsoft notice */
.ndsoft-notice {margin-bottom:2px;font-size:1rem;line-height:1.25rem;letter-spacing:-0.05em;background-color:#353d47;text-align:center}
.ndsoft-notice a {display:block;padding:.9375rem 1.25rem;color:#fefefe;text-decoration:none}
.ndsoft-notice a::before {content:'notice';display:inline-block;padding:0 .8rem;font-size:.7em;line-height:1em;letter-spacing:0;color:#e73f72;text-transform:uppercase;vertical-align:middle}
.ndsoft-notice .subject {display:inline-block;vertical-align:middle}
@media screen and (max-width: 39.9375em) {
    .row .ndsoft-notice a::before, .row .ndsoft-notice .subject {display:block}
    .row .ndsoft-notice a::before {margin-bottom:.625rem}
}

/* dashboard widgets */
.dash-widgets::after {content:'';display:table;clear:both}
.dash-widgets .wgts-cell {float:left;width:50%;padding-left:.9375rem;padding-right:.9375rem}
.dash-widgets .wgts-cell.for-full {float:left;width:100%;margin-left:0;clear:both}
.dash-widgets .wgts-cell.for-full .panel-block {overflow:visible;height:auto}
.dash-widgets .wgts-cell .wgts-cell {padding-left:0;padding-right:.375rem}
.dash-widgets .wgts-cell .wgts-cell:nth-child(2n) {padding-left:.375rem;padding-right:0}
.dash-widgets .wgts-cell .wgts-cell:nth-child(2n + 1) {clear:both}
.dash-widgets .panel {overflow:hidden;border:0;border-radius:.25rem}
.dash-widgets .panel .panel-header {background-color:#727d92}
.dash-widgets .panel .panel-title {letter-spacing:-0.05em;color:#fefefe}
.dash-widgets .panel .panel-title > a {color:#fefefe}
.dash-widgets .panel .panel-title > small {font-size:.75rem;font-weight:400;color:rgba(255,255,255,.7)}
.dash-widgets .panel .panel-block {overflow:hidden;height:300px;border:1px solid rgba(0,0,0,.08);border-bottom-color:rgba(0,0,0,.2);border-top:0;border-radius:0 0 .25rem .25rem}
.dash-widgets .admin-dashboard-links::before {color:rgba(255,255,255,.6)}
.dash-widgets .admin-dashboard-links::after {border-left-color:rgba(255,255,255,.6)}
@media screen and (max-width: 63.9375em) {
    .row .dash-widgets .wgts-cell {float:none;width:auto}
    .row .dash-widgets .wgts-cell .wgts-cell:nth-child(n) {padding:0}
    .row .dash-widgets .wgts-cell .panel-block {overflow:visible;height:auto}
}

/* dashboard graph */
.panel.for-graph {overflow:hidden}

/* dashboard widget reset button */
#dashboard-widget-config-Modal .reset-btn {display:inline-block;margin-top:1.25rem;padding:.5rem;font-size:.75rem;line-height:1em;letter-spacing:-0.05em;color:#9ca4b2;cursor:pointer;-webkit-transition:color .25s;transition:color .25s}
#dashboard-widget-config-Modal .reset-btn:hover {color:rgba(0,0,0,.9);text-decoration:underline}
@media screen and (max-width: 39.9375em) {
    #dashboard-widget-config-Modal .reset-btn {display:block;width:100%;padding-top:1rem;padding-bottom:1rem}
}

/* dashboard widget setting */
.widget-groups::after {content:'';display:table;clear:both}
.widget-groups .group-din {margin-bottom:2rem}
.widget-groups .group-din:last-of-type {margin-bottom:0;font-size:0}
.widget-groups .group-din::after {content:'';display:table;clear:both}
.widget-entity-div {font-size:0}
.widget-entity-div input[type="checkbox"] {display:none}
.widget-entity-div input[type="checkbox"] + label {display:inline-block;overflow:hidden;position:relative;width:calc(25% - 1px);height:95px;margin:0 1px 1px 0;padding:1.25rem;font-size:1rem;color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.08);text-align:center;vertical-align:top;transition:background .5s, color .25s}
.widget-entity-div input[type="checkbox"] + label::before, .widget-entity-div input[type="checkbox"] + label::after {display:none;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.widget-entity-div input[type="checkbox"] + label::before {content:"\e6cd";z-index:10;font-family:'Stroke 7';font-weight:400;font-size:2rem;color:#fefefe;cursor:pointer}
.widget-entity-div input[type="checkbox"] + label::after {content:'';z-index:3;width:50px;height:50px;background-color:#727d92;border-radius:50%;opacity:.8;filter:alpha(opacity:'80')}
.widget-entity-div input[type="checkbox"] + label .text {position:absolute;z-index:1;left:1.25rem;right:1.25rem;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.widget-entity-div input[type="checkbox"]:checked + label {color:rgba(0,0,0,.9);background:#f8f8fa;border-color:#6d788f}
.widget-entity-div input[type="checkbox"]:checked + label::before, .widget-entity-div input[type="checkbox"]:checked + label::after {display:block}
.widget-groups .widget-sort-group {padding:1.25rem;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.08);border-radius:.25rem}
.widget-groups .widget-sort-group .titles {margin-bottom:1.25rem;font-size:1.375rem;line-height:1.25em;text-align:center}
.widget-groups .widget-sort-div {font-size:0}
.widget-groups .widget-sort-div .widget-select-entity {display:inline-block;overflow:hidden;width:calc(50% - .5rem);margin-right:.5rem;margin-bottom:.5rem;padding:.8rem 1.25rem;font-size:.8rem;line-height:1em;letter-spacing:-0.05em;color:#727d92;background-color:#fefefe;border:1px dashed #d4d7de;cursor:move;text-align:center;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:border .5s, color .25s;transition:border .5s, color .25s}
.widget-groups .widget-sort-div .widget-select-entity.full {width:calc(100% - 1rem)}
.widget-groups .widget-sort-div .widget-select-entity:hover, .widget-groups .widget-sort-div .widget-select-entity:focus {color:rgba(0,0,0,.9);border-style:solid}
.widget-groups .widget-sort-div .ui-sortable-placeholder {visibility:visible !important;min-height:44px;background-color:rgba(255,255,255,.7);border-color:rgba(0,0,0,.08)}

/* 위젯설정 */
.wdg-sort-wrap::after {content:'';display:table;clear:both}
.wdg-sort-wrap .widgetSortEntityDiv {position:relative;padding:1.25rem 1.25rem 1.25rem 4.375rem;margin-bottom:.25rem;background-color:#fefefe;border:1px solid rgba(0,0,0,.08);cursor:move}
.wdg-sort-wrap .widgetSortEntityDiv::after {content:'';display:table;clear:both}
.wdg-sort-wrap .widgetSortEntityDiv .moveDiv {position:absolute;z-index:10;left:-1px;top:-1px;bottom:-1px;width:50px;background-color:#d4d7de}
.wdg-sort-wrap .widgetSortEntityDiv .nd-checkbox {float:left;width:calc(100% - 60px)}
.wdg-sort-wrap .widgetSortEntityDiv .nd-switch {float:right;max-width:60px;margin-top:.4375rem;margin-bottom:0}

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


/* 최은비 / 1280316 / 20230619 */
.auto-hr04{background-color:#fc8203;}
.auto-hr04 .auto-nav .slick-slide.slick-current{background-color:#fff !important;}
.auto-hr04  .auto-title{color:#fff;}
.auto-hr04 .auto-nav .slick-slide.slick-current .auto-title{color:#333;}
.auto-hr04 .auto-nav::before{color:rgba(255,255,255,1)}