/**********************************************
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 : box skin
**********************************************/
.box-skin .header > strong,
.box-skin .header > a {margin-bottom:1.125rem;font-size:1.875rem;font-weight:600;line-height:1;letter-spacing:-.02em}
.mobile .box-skin .header > strong,
.mobile .box-skin .header > a {font-size:1.75rem}

/* idx--box */
.box-skin.idx--box {overflow:hidden}
.box-skin.idx--box .header > a[class*="btm-"] {position:relative;background-image:none}
.box-skin.idx--box .header > a[class*="btm-"]::before {content:"\e940";position:absolute;z-index:1;top:50%;right:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font:14px/1 fontello;font-size:.813rem;color:#fff;line-height:1;background-color:#DE1A22;border-radius:50%;transform:translateY(-50%)}

/* idx--box  + header-bg */
.box-skin.idx--box.header-bg .header {margin-bottom:0;padding:.625rem .938rem;background-color:transparent}
.box-skin.idx--box.header-bg .header > strong,
.box-skin.idx--box.header-bg .header > a {font-size:1.25rem;color:#fff}
.box-skin.idx--box.header-bg .header > a[class*="btm-"]::before {width:auto;height:auto;background:none;border-radius:0}
.box-skin.idx--box.header-bg .content {padding-top:1.125rem;background-color:#fff}

/* idx--small */
.box-skin.idx--small .header {padding:12px 0 15px;border-top:1px solid #000}
.box-skin.idx--small .header > strong,
.box-skin.idx--small .header > a {display:flex;flex-wrap:wrap;align-items:center;margin:0;font-size:1.125rem;font-weight:600;line-height:1}
.box-skin.idx--small .header > a[class*="btm-"] {background-image:none}
.box-skin.idx--small .header > a[class*="btm-"]::after {content:"\e940";display:inline-block;margin-left:.938rem;font-family:'fontello';font-size:.938rem;font-weight:300;color:#000}

/* idx--flex */
.box-skin.idx--flex .header {text-align:center}
.box-skin.idx--flex .header > strong,
.box-skin.idx--flex .header > a {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:2px;margin-bottom:1.875rem}
.box-skin.idx--flex .header > strong::after,
.box-skin.idx--flex .header > a::after {content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#DE1A22}

/* idx--flex + big */
.box-skin.idx--flex.big .header {max-width:1240px;margin-left:auto;margin-right:auto}

/* border top */
.box-skin.bor-top {padding-top:1.5rem;border-top:2px solid #000}

/* 강수현 / 1397625 / 20240814 */
.social-group .sns.linkedin {background-color:#0A66C2}