@charset "utf-8";

#wrap.story #bo_view,
#wrap.story #bo_view * {box-sizing:border-box;}

#wrap.story #bo_view {--story-ink:#282424;--story-muted:#746d6d;--story-accent:#ff0000;--story-soft:#fff2f2;--story-line:#e7dfdf;position:relative;max-width:1200px;margin:-54px auto 80px;color:var(--story-ink);font-family:"Pretendard","Noto Sans KR",sans-serif;}

#wrap.story #bo_view > header {position:relative;margin:0;padding:39px 42px 32px;border:1px solid var(--story-line);border-bottom:0;border-radius:22px 22px 0 0;background:#fff;}
#wrap.story #bo_view > header:before {display:block;margin-bottom:13px;color:var(--story-accent);font-size:12px;font-weight:900;letter-spacing:.1em;content:"FINGERMAP STORY";}
#wrap.story #bo_view > header h2 {max-width:850px;margin:0;color:var(--story-ink);font-size:31px;font-weight:800;line-height:1.45;letter-spacing:-.035em;word-break:keep-all;}
#wrap.story #bo_view > header h2 .category {display:inline-flex;min-height:28px;align-items:center;margin:0 9px 5px 0;padding:0 10px;border-radius:999px;background:var(--story-accent);color:#fff;font-size:11px;font-weight:800;vertical-align:middle;}
#wrap.story #bo_view > section.info .page {display:flex;position:static;flex:0 0 auto;align-items:center;gap:6px;margin-left:auto;}
#wrap.story #bo_view > section.info .page .button {display:inline-flex;height:36px;align-items:center;padding:0 12px;border:1px solid var(--story-line);border-radius:8px;background:#fff;color:#555;font-size:11px;}

#wrap.story #bo_view > section.info {display:flex;float:none;clear:both;width:100%;align-items:center;gap:9px;margin:0;padding:17px 42px;border:1px solid var(--story-line);border-top:1px solid #eee;border-radius:0 0 22px 22px;background:#f6f4f4;color:#888;font-size:12px;line-height:1.6;}
#wrap.story #bo_view > section.info h2 {display:none;}
#wrap.story #bo_view > section.info .start.item {margin-left:0;}
#wrap.story #bo_view > section.info .item {margin-left:10px;padding:0;color:#aaa;}
#wrap.story #bo_view > section.info strong {font-weight:700;}
#wrap.story #bo_view > section.info .sv_member {color:#444;font-size:12px;}
#wrap.story #bo_view > section.info i.lv {display:none;}

#wrap.story #bo_view > section.file,
#wrap.story #bo_view > section.link {margin:18px 0 0;padding:18px 20px;border:1px solid var(--story-line);border-radius:14px;background:#f7f5f5;}
#wrap.story #bo_view > section.file h2,
#wrap.story #bo_view > section.link h2 {display:block;margin:0 0 9px;color:#555;font-size:13px;}
#wrap.story #bo_view > section.file ul,
#wrap.story #bo_view > section.link ul {margin:0;padding:0;list-style:none;}
#wrap.story #bo_view > section.file li,
#wrap.story #bo_view > section.link li {padding:7px 0;border:0;background:transparent;font-size:12px;}
#wrap.story #bo_view > section.file a,
#wrap.story #bo_view > section.link a {color:#444;font-weight:700;}

#wrap.story #bo_view > .btnset {display:flex;float:none;clear:both;width:100%;justify-content:flex-end;gap:5px;margin:18px 0 0;text-align:right;}
#wrap.story #bo_view > .btnset .button {display:inline-flex;min-width:50px;height:38px;align-items:center;justify-content:center;margin:0;padding:0 12px;border:1px solid var(--story-line);border-radius:8px;background:#fff;color:#555;font-size:12px;}
#wrap.story #bo_view > .btnset .button.dark {border-color:#333;background:#333;color:#fff;}
#wrap.story #bo_view > .btnset .button:hover {border-color:var(--story-accent);color:var(--story-accent);}
#wrap.story #bo_view > .btnset .button.dark:hover {background:var(--story-accent);color:#fff;}

#wrap.story #bo_view #bo_v_sns {position:static;display:flex;float:none;clear:both;gap:5px;margin:13px 0 0;padding:0;list-style:none;}
#wrap.story #bo_view #bo_v_sns li {margin:0;}

#wrap.story #bo_view > section.content {display:block;float:none;clear:both;width:100%;min-height:320px;margin:32px 0;padding:55px 62px;border:1px solid var(--story-line);border-radius:22px;background:#fff;color:#3c3737;font-size:16px;line-height:1.9;box-shadow:0 10px 34px rgba(35,25,25,.055);word-break:keep-all;}
#wrap.story #bo_view > section.content:after {display:block;clear:both;content:"";}
#wrap.story #bo_view #bo_con {width:100%;min-height:250px;margin:0;overflow:visible;color:#3c3737;font-size:16px;line-height:1.9;word-break:keep-all;}
#wrap.story #bo_view #bo_con p,
#wrap.story #bo_view #bo_con div {max-width:100%;line-height:1.9;word-break:keep-all;}
#wrap.story #bo_view #bo_con img,
#wrap.story #bo_view .bo_img img {display:block;max-width:100% !important;height:auto !important;margin:0 auto 24px;border-radius:14px;}
#wrap.story #bo_view .bo_img {margin:0 0 24px;text-align:center;}
#wrap.story #bo_view .video {position:relative;max-width:900px;margin:0 auto 38px;overflow:hidden;border-radius:16px;background:#111;box-shadow:0 12px 32px rgba(0,0,0,.15);}
#wrap.story #bo_view .video iframe {display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;}
#wrap.story #bo_view #bo_con a {color:var(--story-accent);text-decoration:underline;text-underline-offset:3px;}

#wrap.story #bo_view .cmt_btn {margin-top:35px;padding:17px 20px;border:1px solid var(--story-line);border-radius:13px;background:#f7f5f5;}
#wrap.story #bo_view #bo_vc article {margin:14px 0;padding:18px 20px;border:1px solid var(--story-line);border-radius:15px;background:#fff;}
#wrap.story #bo_view #bo_vc article .cm_wrap {width:calc(100% - 70px);}
#wrap.story #bo_view .bo_vc_w textarea {border-color:var(--story-line);border-radius:12px;}

@media screen and (max-width:1080px) {
  #wrap.story #bo_view {margin:-54px 10px 65px;}
}

@media screen and (max-width:700px) {
  #wrap.story #bo_view > header {padding:30px 23px 25px;}
  #wrap.story #bo_view > header h2 {font-size:24px;}
  #wrap.story #bo_view > section.info .page {display:none;}
  #wrap.story #bo_view > section.info {flex-wrap:wrap;padding:15px 23px;}
  #wrap.story #bo_view > section.info .start.item {display:none;}
  #wrap.story #bo_view > section.content {padding:34px 22px;font-size:15px;}
  #wrap.story #bo_view #bo_con {font-size:15px;}
  #wrap.story #bo_view > .btnset {justify-content:center;flex-wrap:wrap;}
}