@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('//fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800'); /* 나눔명조 */
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 : footer
**********************************************/
#user-footer .footer-menu .footer-columns.user-logo {width:130px}

/**********************************************
note : 자동박스
**********************************************/
/* hr04-4(headline) */
.auto-hr04-4 {position:relative}
.auto-hr04-4 .photo-titbg {padding:.9375rem}
.auto-hr04-4 .auto-roll {float:left;width:calc(100% - 250px)}
.auto-hr04-4 .auto-nav {float:left;width:250px}
.auto-hr04-4 .auto-nav .auto-content {overflow:hidden;height:65px;padding:0 0 0 5px;margin-top:5px}
.auto-hr04-4 .auto-nav .auto-content::after {content:'';display:table;clear:both}
.auto-hr04-4 .auto-nav .auto-content:first-child {margin-top:0}
.auto-hr04-4 .auto-nav .slick-track {width:100% !important}
.auto-hr04-4 .auto-nav .slick-slide {width:100% !important;cursor:pointer}
.auto-hr04-4 .auto-nav .slick-slide.slick-current .auto-fontA {font-weight:700;color:#0065b3 !important}
.auto-hr04-4 .auto-nav .slick-slide.slick-current .auto-images::before {border-width:1px;border-color:#0065b3}
.auto-hr04-4 .top-tit {position:absolute;left:0;padding:.5rem 1rem;background:#0065b3;z-index:1}
/* 이미지확대 */
.auto-hr04-4.auto-article .trans-image {display:block;overflow:hidden}
.auto-hr04-4.auto-article .trans-image .auto-images[style*="background"] {-webkit-transition:transform .5s ease 0s, -ms-transform .5s ease 0s;transition:transform .5s ease 0s, -ms-transform .5s ease 0s}
.auto-hr04-4.auto-article .trans-image:hover .auto-images[style*="background"] {-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}
/* 텍스트모션 */
.auto-hr04-4.auto-article .trans-text [class*="size-"] {display:block;-webkit-transition:transform .3s, -ms-transform .3s;transition:transform .3s, -ms-transform .3s}
.auto-hr04-4.auto-article .trans-text:hover [class*="size-"] {-ms-transform:translateY(-13.5%);transform:translateY(-13.5%)}

/**********************************************
note : 메인판(type5)
**********************************************/
.index-wrap.default-112.type-5 .index-columns.grid-3 {border-right:1px solid #e7e7e7}

/**********************************************
note : 기사박스모음
**********************************************/
/* 기본라인_제목포인트배경 */
.box-skin.header-bg .header.titles-bg {background-color:#0065b3}

/* 모바일 */
.index-wrap.mobile .box-skin .header > a {margin-bottom:0}

/**********************************************
note : 소개페이지
**********************************************/
/* 개요 */
.com-about.com-1 table {width:100%;margin-bottom:1.5rem;border-collapse:collapse;table-layout:fixed}
.com-about.com-1 table th {background:rgba(0,0,0,.02);border-top:1px solid #0065b3;border-bottom:1px solid #e8e8e8}
.com-about.com-1 table td {text-align:center;font-weight:400;color:rgba(0,0,0,.6);border-right:1px solid #e8e8e8}
.com-about.com-1 table td.border-none {border-right:0}
.com-about.com-1 table th,.com-about table td {padding:.9375rem;font-size:.9rem;line-height:1.25em;text-align:center;word-break:break-all}
.com-about.com-1 table td a {color:rgba(0,0,0,.8)}
.com-about.com-1 table tbody {border-top-color:#0065b3}
.com-about.com-1 table th {border:none;font-weight:600;color:rgba(0,0,0,.55)}
.com-about.com-1 .about-content h3 {font-family:'Nanum Myeongjo',serif;font-weight:bold}
.com-about.com-1 .about-content p {font-size:.938rem}

/* 광고단가 */
.com-about.com-5 table {width:100%;margin-bottom:1.5rem;border-collapse:collapse;table-layout:fixed}
.com-about.com-5 table th {background:rgba(0,0,0,.02);border-top:1px solid #0065b3;border-bottom:1px solid #e8e8e8}
.com-about.com-5 table td {text-align:center;font-weight:400;color:rgba(0,0,0,.6)}
.com-about.com-5 table td.border-none {border-right:0}
.com-about.com-5 table th,.com-about table td {padding:.9375rem;font-size:.9rem;line-height:1.25em;text-align:center;word-break:break-all}
.com-about.com-5 table td a {color:rgba(0,0,0,.8)}
.com-about.com-5 table tbody,.com-about.com-5 table tfoot,.com-about.com-5 table thead {border:none}
@media screen and (max-width: 39.9375em) {
    .com-about.com-5 table {margin-top:1rem}
}


/* menu */
#user-footer .footer-menu {display:table;width:100%;margin-bottom:1rem;table-layout:fixed}
#user-footer .footer-menu .footer-columns {display:table-cell;width:100%;text-align:left;vertical-align:middle}
#user-footer .footer-menu .footer-columns.user-logo {float:none;width:135px;padding-right:.9375rem}
#user-footer .footer-menu .footer-columns.user-logo img {max-height:35px}
#user-footer .footer-menu .user-nav::after {content:'';display:table;clear:both}
#user-footer .footer-menu .user-nav a {display:inline-block;padding:0 .225rem;font-size:.8rem;letter-spacing:-0.05em}
#user-footer .footer-menu .user-nav a:first-child {padding-left:0}
#user-footer .footer-menu .user-nav a:hover {text-decoration:underline}

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



/* 윤미정 / 1137340 / 20220222 */
.index-wrap.default-1 .index-columns.grid-1 {width: 50%;padding-right: 1.25rem;}
.index-wrap.default-1 .index-columns.grid-2 {width: 50%;padding-left: 1.25rem;}
.index-wrap.default-1 .index-columns.grid-3 {width: 34.5%;padding-left: 2.5rem;}
.index-wrap.default-1 .index-columns.grid-4 {width: 65.5%;padding-right: 0;}
.index-wrap.default-1 .index-columns.grid-5 {padding-right: 15px;}



/* 윤미정 / 1259794 / 20230411 */
.user-content .user-snb {padding-right: 30px;}
.user-aside {width: 330px;padding-left: 30px;}
.article-view-header .article-head-nav a {font-size: 14px;color: #DDDDDD;}
.article-view-header .article-header-wrap .article-head-title {font-size: 36px;color: #000;font-weight: bold;}

@media screen and (max-width: 63.9375em) {
.row .user-snb {padding-right: 0;}
}

@media screen and (max-width: 39.9375em) {
.row .user-snb {padding-right: 0;}
}

.auto-db02-1 .number {float: left;margin-right: 0.625rem;text-align: center;width: 21px;font-size: 1rem;color: #000;font-weight: 700;line-height: 1.4em}
.auto-db02-1 .number.default-point {color: rgba(0,0,0,.45)}
.auto-da05-4 .auto-fontA {color: #000 !important;}

.auto-db01-1 .number{margin-right: .625rem;float: left;text-align: center}
.auto-db01-1 .number {overflow: hidden;width: 21px;height: 21px;margin-top: 6px;font-size: .7rem;line-height: 1.7em; color: #fefefe}
.auto-db01-1 .number.user-bg2 {background-color: #444444;}
.auto-db01-1 .number.default-bg {color: #777;background-color: #dddddd;border: 1px solid rgba(0,0,0,.1)}


.auto-article.tiles-3x.auto-mp01-6 .auto-columns {width: 210px;margin-right: 5px;}
.auto-article.tiles-3x.auto-mp01-6 .auto-columns:nth-child(3n) {margin-right: 0px;}

.box-skin.design-8 .header {position: relative;min-height: 10px;margin-bottom: 1rem}
.box-skin.design-8 .header::before {content: '';position: absolute;z-index: 1;left: 0;right: 0;top: 21%;background: url(/image/icon-box.png);width: 100%;height: 15px;}
.box-skin.design-8 .header>a, .box-skin.design-8 .header>strong {position: relative;z-index: 2;display: inline-block;padding-right: 0.75rem;background: #fefefe!important;}

.article-veiw-body .view-editors.border-box {margin: 0 1px;margin-bottom: 20px;border: 1px solid rgba(0,0,0,.12);}
.article-veiw-body .view-editors.border-box .profile-box {position: relative;display: block;padding: 20px;width: 100%;border-bottom: 1px solid rgba(0,0,0,.12);}
.article-veiw-body .view-editors.border-box .porfile-article {display: block;padding:19px 20px;overflow: hidden;}
.article-veiw-body .view-editors.border-box .porfile-article .article-title {font-size: 27px;color: #000;}
.article-veiw-body .view-editors.border-box .profile-box .email {display: none;}

@media screen and (max-width: 39.9375em) {
 .article-veiw-body .view-editors.border-box {margin: 1.5rem 0 1rem;}
 .article-veiw-body .view-editors.border-box .profile-box {padding: 14px;}
 .article-veiw-body .view-editors.border-box .profile-box .email {display: block;position: absolute;right: 20px;top: 30px;color: #a4a4a4;}
 .article-veiw-body .view-editors.border-box .porfile-article {padding:14px 14px;}
 .article-veiw-body .view-editors.border-box .porfile-article .box-skin {padding-top: 10px}
 .article-veiw-body .view-editors.border-box .porfile-article .box-skin .header {margin-bottom: 5px;text-align: center;}
 .article-veiw-body .view-editors.border-box .porfile-article .box-skin .article-title {display: block;position: relative;font-size: 20px;color: #0065b3;}
 .article-veiw-body .view-editors.border-box .porfile-article .box-skin .article-title::before {content: '';display: block;overflow: hidden;position: absolute;top: -10px;left: 50%;width: 50%;max-width: 138px;-ms-transform: translateX(-50%);transform: translateX(-50%);border-top: 2px solid #000;}
}

.article-reply .reply-box {padding: 10px;font-size: 1rem;text-align: center;border: 1px solid rgba(0,0,0,.12);}
.article-reply .reply-box  i {vertical-align: middle;}
.user-snb .user-snb-wrapper {padding-left: 0; padding-right: 0;}

/* 임희은 / 1298487 / 20230823 */
.article-relation.user-view {margin-top:2rem}
.article-relation.user-view .title {font-size:27px}


/* 홍경아 / 1375212 / 20240521 */
.m_head_roll {margin-left:-1.25rem;margin-right:-1.25rem}
.m_head_roll .item {position:relative}
.m_head_roll .auto-images { padding-bottom: 100%; height: 0;}
.m_head_roll .frame, .m_head_roll .auto-images {display: block; overflow: hidden;}
.m_head_roll .frame::before {content:'';position:absolute;z-index:5;left:0;bottom:0;width:100%;height:50%;background:-ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8))}
.m_head_roll .content {display:block;position:absolute;z-index:10;left:0;bottom:3.75rem;width:100%;padding:0 1.25rem}
.m_head_roll .auto-titles {letter-spacing:-.05em}
.m_head_roll .auto-pager {display:block;overflow:hidden;margin:-1.25rem auto 0;padding:1rem;font-size:0;line-height:1;background-color:#fff;border-radius:1.25rem 1.25rem 0 0}
.m_head_roll .auto-pager li[id*="slick-"] button[data-role] {width:.625rem;height:.625rem;background-color:#dbdbdb}
.m_head_roll .auto-pager li.slick-active button[data-role] {background-color:#0065b3}



/* 이승현 / 1375880 / 20240522 */
@media screen and (max-width: 39.9375em) {
    .row .article-list {margin-top:60px;}
}

/* 배진희 / 1378935 / 20240603 */
.auto-article.auto-da05 .auto-images,
.auto-article.auto-i09-2 .auto-images{background-position:50% 20%}