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

/* SEO 설정 @seo-modify (추후 admin.style.css에 추가분) */
.seo-guide {display:block;font-size:.875rem;line-height:1.5;color:#000}
.seo-guide:not(:only-child) {margin-top:.5rem}
.seo-guide-title {display:block;margin-bottom:.5em;color:#f44e5c}
.seo-guide-list {font-size:.9em}
.seo-guide-list small {font-weight:light;font-weight:var(--wgt300, 300);color:#777}
.seo-guide-point {font-weight:bold;font-weight:var(--wgt500, 500);color:#5684ff;text-decoration:underline}
.seo-guide-more {margin:.5em 0 0;font-size:.8em;font-weight:light;font-weight:var(--wgt300, 300);color:#777}
.seo-guide-link {color:#222 !important;text-decoration:underline}

/**********************************************
note : 메인 (기사리스트)
name : 최혜진
**********************************************/
.auto-fontZ {color:#aaa}

/* 페이징버튼 */
.cus-1 .pagination {margin:5rem 0 !important}
.cus-1 .pagination li > a {font-size:14px;border:0}
.cus-1 .pagination .current {padding:.438rem .65rem}
.cus-1 .pagination .current.user-bg {background-color:transparent !important;color:#54a0fe !important}
.cus-1 .pagination {border:0}
@media screen and (max-width: 56.25em) {
	.cus-1 .pagination {margin:3rem 0 !important}
}
@media screen and (max-width: 39.9375em) {
	.cus-1 .pagination li > a {border:1px solid rgba(0,0,0,.12);border-radius:4px}
}

.reveal-overlay {z-index:1006;margin-left:260px;margin-top:100px}

.admin-body .reveal-overlay {margin-left:0;margin-top:0}
@media screen and (max-width: 56.25em) {
	.reveal-overlay {margin-left:0;margin-top:0}
}

/**********************************************
note : 기사뷰
**********************************************/
.article-veiw-body.view-page p {font-family:'Malgun Gothic';letter-spacing:-.055rem;text-align:justify}

/* 기사뷰 광고 넓이 */
.ad-template {overflow:hidden}

@media screen and (max-width: 39.9375em) {
	#admin-content #article-view .article-view-content > .grid.side .banner_box img {max-height:300px}
}

/* comment */
#comment .cmt-header {margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.12)}
#comment .cmt-header .titles {font-size:1rem}

/**********************************************
note : 소개페이지 공통
**********************************************/
.about-us {margin-top:100px;margin-left:-1.25rem;margin-right:-1.25rem}
.about-us .about-img {position:relative;margin:0 0 40px;height:170px;border-bottom:1px solid #ccc}
@media screen and (max-width: 160em) {
	.about-us .about-img {height:100px}
}
.about-us .comtit-img {position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:cover !important;background-position:50% 50% !important}
.about-us .content.inner, .about-us .user-com-about.privacy {max-width:1080px;margin:5rem auto}

.privacy .privacy-group table tbody th, 
.privacy .privacy-group table li, 
.privacy .privacy-group table tbody td, 
.about-us .privacy .privacy-group .privacy-group-list li, 
#event-wrap.default-theme .event-agree-text {font-size:.9rem;color:#222;font-weight:400}
.about-us .privacy .privacy-group .privacy-group-summary {color:#222}
.about-us .privacy .privacy-group .privacy-group-list li {font-size:.9rem;font-weight:400;line-height:1.8}
@media screen and (max-width: 100em) {
	.about-us .user-com-about.privacy, .about-us .content.inner {padding:0 30px}
}
@media screen and (max-width: 75em) {
	.about-us .content.inner, .about-us .user-com-about.privacy {margin:2.5rem auto}
}
@media screen and (max-width: 56.25em) {
	.about-us .about-img {margin:0 0 2%;height:80px}
	.about-us .user-com-about.privacy, .about-us .content.inner {max-width:800px}
	.about-us {margin-top:56px}
}
@media screen and (max-width: 39.9375em) {
	.about-us .heading {height:110px}
	.about-us .heading > strong {font-size:1.5rem}
	.about-us .content.inner {margin-top:3rem auto 5rem}
}

/* 이용약관 */
#user-wrap.for-members {padding-left:0;margin-top:100px}
@media screen and (max-width: 56.25em) {
	#user-wrap.for-members {margin-top:56px}	
}

/**********************************************
note : for-members
**********************************************/
/* 로그인 */
#user-wrap.login-page > .row {max-width:580px}

/* 회원가입 로그인 */
#user-wrap.for-members {-webkit-justify-content:inherit;-ms-justify-content:inherit;justify-content:inherit}
#user-wrap.for-members .member-privacy .privacy-group-title,
#user-wrap.for-members .join-header .join-header-title, 
#user-wrap.for-members .join-header .join-header-title,
#user-wrap.for-members .join-header .join-header-guide,
#user-wrap.for-members .mb-titles {margin-bottom:1rem;font-size:1.125rem;font-weight:400;font-weight:var(--wgt400,400);line-height:1}
#user-wrap.for-members .join-header .join-header-title, #user-wrap.for-members .mb-titles {font-weight:600;font-weight:var(--wgt600,600)}
#user-wrap.for-members .member-privacy .privacy-group-title, 
#user-wrap.for-members .join-type .join-helper,
#user-wrap.for-members .mb-joins-link, #user-wrap.for-members .mb-titles,
#user-wrap.for-members .plug-in .titles {font-size:1rem;font-weight:500;font-weight:var(--wgt500,500)}
#user-wrap.for-members .join-header .join-header-guide,
#user-wrap.for-members .plug-in .plug-in-guide, 
#user-wrap.for-members .member-privacy .privacy-group-summary,
#user-wrap.for-members .member-privacy .privacy-group-list li {font-size:.9rem;font-weight:400;color:rgba(0,0,0,.7)}

/* 버튼 */
#user-wrap.for-members .member-privacy .button.user-bg, #user-wrap.for-members .join-content .button.user-bg, 
#user-wrap.for-members .mb-content .button.user-bg, #user-wrap.for-members .mb-container .button.user-bg {font-size:.875rem}

@media screen and (max-width: 39.9375em) {
	#user-wrap .row .article-veiw-body.view-page .photo-layout {margin-left:0 !important;margin-right:0 !important}
}

/* 강수현 / 1343728 / 20240130 */
.article-veiw-body.view-page p {font-family:'Noto Sans KR' !important;}
#article-view .heading {font-family:'Malgun Gothic' !important;}
.article-veiw-body.view-page p {font-size:18px !important;}


/* 홍경아 / 1346966 / 20240207 */
@media screen and (max-width: 39.9375em){
.row .article-veiw-body.view-page .photo-layout figcaption, .row .article-veiw-body.view-page .simplebox-title { text-align: left;}
}

/* 최은비 / 1347560 / 20240213*/
#article-view .inner{max-width:1080px !important;}