@charset "utf-8";
/* 컬러 사인(color_sign) 게시판 스킨 v1.0.0
   사이트 공용 레이아웃(juni-test-layout.css) 위에서 동작합니다. */

.jcs-body{
    --jcs-ink:#24262f;
    --jcs-text:#3d4250;
    --jcs-muted:#7a8090;
    --jcs-line:#E6E3EC;
    --jcs-card:#FFFFFF;
    --jcs-soft:#F1EEF5;
    --jcs-accent:#e8370d;
    --jcs-purple:#6d4b91;
    --jcs-rainbow:linear-gradient(95deg,#D94A4A 0%,#F47C5C 18%,#D9A621 35%,#2E8B67 52%,#38AFC3 67%,#315A7D 79%,#7A5AA6 90%,#D96C8A 100%);
    margin:0;
    color:var(--jcs-text);
    font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
    font-size:16px;
    line-height:1.6;
    word-break:keep-all;
    -webkit-font-smoothing:antialiased;
}
.jcs-body *,.jcs-body *::before,.jcs-body *::after{box-sizing:border-box}
:where(.jcs-body) a{color:inherit;text-decoration:none}
.jcs-body img{max-width:100%;height:auto}
.sound_only{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.jcs-page{padding:8px 0 0}

/* ---------- 공통 조각 ---------- */
.jcs-label,.jcs-eyebrow{margin:0 0 8px;color:var(--jcs-muted);font-size:12px;font-weight:800;letter-spacing:.14em}
.jcs-no{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--jcs-ink);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em}
.jcs-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--jcs-soft);color:var(--jcs-purple);font-size:12px;font-weight:700}
.jcs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid var(--jcs-line);border-radius:14px;background:#fff;color:var(--jcs-ink);font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease}
.jcs-btn:hover{border-color:var(--jcs-accent);color:var(--jcs-accent)}
.jcs-btn--dark{background:var(--jcs-ink);border-color:var(--jcs-ink);color:#fff}
.jcs-btn--dark:hover{background:var(--jcs-accent);border-color:var(--jcs-accent);color:#fff}
.jcs-btn--accent{min-height:52px;padding:0 24px;border:0;border-radius:16px;background:var(--jcs-ink);color:#fff;font-size:15px}
.jcs-btn--accent:hover{background:var(--jcs-accent);color:#fff}
.jcs-admin{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- 목록 상단 ---------- */
.jcs-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:center;padding:48px 48px 44px;border:1px solid var(--jcs-line);border-radius:28px;background:#fff}
.jcs-hero h1{margin:0;color:var(--jcs-ink);font-family:Arial,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:clamp(32px,4.2vw,48px);font-weight:800;line-height:1.25;letter-spacing:-.04em}
.jcs-grad{display:inline-block;background:var(--jcs-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.jcs-lead{margin:12px 0 0;color:var(--jcs-ink);font-size:19px;font-weight:700;letter-spacing:-.02em}
.jcs-desc{margin:14px 0 0;color:var(--jcs-muted);font-size:15px;line-height:1.8}
.jcs-hero__mark{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.jcs-hero__mark span{aspect-ratio:1;border-radius:18px;background:var(--c);box-shadow:inset 0 -14px 0 rgba(0,0,0,.08)}
.jcs-hero__mark span:nth-child(odd){border-radius:50%}

/* ---------- 목록 ---------- */
.jcs-list{margin-top:44px}
.jcs-list__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.jcs-list__head h2{margin:0;color:var(--jcs-ink);font-size:26px;font-weight:800;letter-spacing:-.03em}
.jcs-count{margin-left:6px;color:var(--jcs-muted);font-size:14px;font-weight:600;letter-spacing:0}
.jcs-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jcs-search{display:flex;align-items:center;height:42px;padding:0 4px 0 16px;border:1px solid var(--jcs-line);border-radius:14px;background:#fff}
.jcs-search:focus-within{border-color:var(--jcs-purple)}
.jcs-search input{width:200px;height:100%;border:0;outline:0;background:transparent;color:var(--jcs-ink);font-family:inherit;font-size:14px}
.jcs-search button{width:36px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--jcs-muted);font-size:15px;cursor:pointer}
.jcs-search button:hover{color:var(--jcs-accent)}

.jcs-cate{margin:0 0 20px}
.jcs-cate ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.jcs-cate a{display:inline-flex;align-items:center;min-height:36px;padding:0 15px;border:1px solid var(--jcs-line);border-radius:999px;background:#fff;color:var(--jcs-text);font-size:14px;font-weight:600}
.jcs-cate a:hover{border-color:var(--jcs-accent);color:var(--jcs-accent)}
.jcs-cate #bo_cate_on{background:var(--jcs-ink);border-color:var(--jcs-ink);color:#fff}

.jcs-search-result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;color:var(--jcs-text);font-size:14px}
.jcs-search-result a{color:var(--jcs-purple);font-weight:700}
.jcs-search-result a:hover{color:var(--jcs-accent)}

.jcs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.jcs-card{min-width:0}
.jcs-card__link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--jcs-line);border-radius:22px;background:var(--jcs-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.jcs-card__link:hover{transform:translateY(-4px);border-color:#ddd5e6;box-shadow:0 18px 40px rgba(47,39,68,.10)}
.jcs-card__thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--jcs-soft)}
.jcs-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.jcs-card__link:hover .jcs-card__thumb img{transform:scale(1.04)}
.jcs-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--jcs-rainbow);color:#fff;font-size:28px;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 12px rgba(0,0,0,.18)}
.jcs-card:nth-child(4n+2) .jcs-card__placeholder{background:linear-gradient(135deg,#2E8B67,#38AFC3)}
.jcs-card:nth-child(4n+3) .jcs-card__placeholder{background:linear-gradient(135deg,#D9A621,#F47C5C)}
.jcs-card:nth-child(4n+4) .jcs-card__placeholder{background:linear-gradient(135deg,#7A5AA6,#D96C8A)}
.jcs-card__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 20px}
.jcs-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.jcs-card__title{margin:0;color:var(--jcs-ink);font-size:19px;font-weight:800;line-height:1.45;letter-spacing:-.03em;transition:color .18s ease}
.jcs-card__link:hover .jcs-card__title{color:var(--jcs-accent)}
.jcs-card__excerpt{display:-webkit-box;margin:10px 0 0;overflow:hidden;color:var(--jcs-muted);font-size:14px;line-height:1.7;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.jcs-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:auto 0 0;padding-top:16px;color:var(--jcs-muted);font-size:13px}
.jcs-card__foot i{margin-right:3px}
.jcs-card__more{color:var(--jcs-ink);font-weight:700}
.jcs-card__link:hover .jcs-card__more{color:var(--jcs-accent)}
.jcs-card.is-notice .jcs-no{background:var(--jcs-accent)}

.jcs-empty{padding:72px 20px;border:1px dashed #d9d3e1;border-radius:22px;background:#fff;color:var(--jcs-muted);text-align:center}
.jcs-empty i{font-size:32px;color:#c9bcd8}
.jcs-empty p{margin:14px 0 0;line-height:1.8}

/* 페이지 번호 (그누보드 기본 출력) */
.jcs-paging{margin-top:36px;text-align:center}
.jcs-paging .pg_wrap{display:inline-block;float:none;clear:none;margin:0}
.jcs-paging .pg{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px}
.jcs-paging .pg_page,.jcs-paging .pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--jcs-line);border-radius:12px;background:#fff;color:var(--jcs-text);font-size:14px;font-weight:700}
.jcs-paging .pg_page:hover{border-color:var(--jcs-accent);color:var(--jcs-accent)}
.jcs-paging .pg_current{background:var(--jcs-ink);border-color:var(--jcs-ink);color:#fff}
.jcs-paging .pg_start,.jcs-paging .pg_prev,.jcs-paging .pg_next,.jcs-paging .pg_end{font-size:0}
.jcs-paging .pg_start::before{content:"\f100"}
.jcs-paging .pg_prev::before{content:"\f104"}
.jcs-paging .pg_next::before{content:"\f105"}
.jcs-paging .pg_end::before{content:"\f101"}
.jcs-paging .pg_start::before,.jcs-paging .pg_prev::before,.jcs-paging .pg_next::before,.jcs-paging .pg_end::before{font-family:FontAwesome;font-size:15px}

/* ---------- 테스트 연결 박스 ---------- */
.jcs-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:56px;padding:36px 40px;overflow:hidden;border:1px solid var(--jcs-line);border-radius:24px;background:#fff}
.jcs-cta::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--jcs-rainbow)}
.jcs-cta h2{margin:0;color:var(--jcs-ink);font-size:22px;font-weight:800;letter-spacing:-.03em}
.jcs-cta p{margin:8px 0 0;color:var(--jcs-muted);font-size:15px}
.jcs-cta .jcs-label{margin:0 0 6px;font-size:12px}

/* ---------- 글 보기 ---------- */
.jcs-article{max-width:1200px;margin:0 auto}
.jcs-crumb{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--jcs-muted);font-size:14px;font-weight:600}
.jcs-crumb a:hover{color:var(--jcs-accent)}
.jcs-article__header{padding:44px 48px 36px;border:1px solid var(--jcs-line);border-bottom:0;border-radius:28px 28px 0 0;background:#fff}
.jcs-article__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 16px}
.jcs-article__header h1{max-width:900px;margin:0;color:var(--jcs-ink);font-size:clamp(32px,4.2vw,48px);font-weight:800;line-height:1.25;letter-spacing:-.04em}
.jcs-article__date{margin:18px 0 0;color:var(--jcs-muted);font-size:14px}
.jcs-article__date i{margin-right:4px}
/* 조회수 (관리자에게만 보임) */
.jcs-hit{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding:1px 8px;border-radius:999px;background:#FDEBE5;color:#c2410c;font-size:12px;font-weight:700}
.jcs-hit i{margin-right:0 !important}
.jcs-admin--view{margin-top:22px;padding-top:20px;border-top:1px dashed var(--jcs-line)}
/* 제목 영역도 본문과 같은 760px 열에 맞춤 (시작선 하나로) */
.jcs-article .jcs-article__header > *{max-width:760px;margin-left:auto;margin-right:auto}

.jcs-article__body{padding:12px 48px 56px;border:1px solid var(--jcs-line);border-top:0;border-radius:0 0 28px 28px;background:#fff}
.jcs-article__images{max-width:760px;margin:0 auto 28px}
.jcs-article__images img{display:block;width:100%;margin:0 0 16px;border-radius:16px}
.jcs-content{max-width:760px;margin:0 auto;color:#30343f;font-size:17px;line-height:1.95;letter-spacing:-.01em;overflow-wrap:break-word}
.jcs-content p{margin:0 0 1.3em}
.jcs-content h2,.jcs-content h3,.jcs-content h4{margin:2em 0 .8em;color:var(--jcs-ink);font-weight:800;line-height:1.45;letter-spacing:-.03em}
.jcs-content h2{font-size:25px}
.jcs-content h3{font-size:21px}
.jcs-content h4{font-size:18px}
.jcs-content img{display:block;max-width:100% !important;height:auto !important;margin:28px 0;border-radius:14px}
.jcs-content a{color:var(--jcs-purple);text-decoration:underline;text-underline-offset:3px}
.jcs-content a:hover{color:var(--jcs-accent)}
.jcs-content blockquote{margin:28px 0;padding:18px 24px;border-left:4px solid #c9bcd8;border-radius:0 14px 14px 0;background:var(--jcs-soft);color:var(--jcs-ink)}
.jcs-content strong,.jcs-content b{color:var(--jcs-ink)}
.jcs-content ul,.jcs-content ol{margin:0 0 1.3em;padding-left:1.4em}
.jcs-content table{width:100%;margin:24px 0;border-collapse:collapse;font-size:15px}
.jcs-content th,.jcs-content td{padding:10px 12px;border:1px solid var(--jcs-line)}
.jcs-content th{background:#faf9fc;color:var(--jcs-ink)}
.jcs-content hr{margin:36px 0;border:0;border-top:1px solid var(--jcs-line)}

.jcs-links{max-width:760px;margin:36px auto 0;padding:20px 24px;border-radius:16px;background:#faf9fc}
.jcs-links h2{margin:0 0 10px;color:var(--jcs-ink);font-size:15px;font-weight:800}
.jcs-links ul{margin:0;padding:0;list-style:none}
.jcs-links li+li{margin-top:6px}
.jcs-links a{color:var(--jcs-purple);font-size:14px;word-break:break-all}
.jcs-links a:hover{color:var(--jcs-accent)}

/* 이전·다음 이야기 */
.jcs-series{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.jcs-series__item{display:flex;align-items:center;gap:16px;min-height:104px;padding:16px;border:1px solid var(--jcs-line);border-radius:20px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
a.jcs-series__item:hover{border-color:#ddd5e6;box-shadow:0 14px 32px rgba(47,39,68,.08)}
a.jcs-series__item:hover strong{color:var(--jcs-accent)}
.jcs-series__item.is-next{justify-content:flex-end;text-align:right}
.jcs-series__item.is-empty{justify-content:center;gap:8px;color:var(--jcs-muted);font-size:14px;background:transparent;border-style:dashed}
.jcs-series__thumb{display:flex;align-items:center;justify-content:center;flex:0 0 112px;width:112px;height:70px;overflow:hidden;border-radius:12px;background:var(--jcs-soft);color:#b9a9cb;font-size:22px}
.jcs-series__thumb img{width:100%;height:100%;object-fit:cover}
.jcs-series__text{display:flex;flex-direction:column;gap:6px;min-width:0}
.jcs-series__dir{color:var(--jcs-muted);font-size:13px;font-weight:700}
.jcs-series__text strong{color:var(--jcs-ink);font-size:16px;font-weight:800;line-height:1.45;letter-spacing:-.02em;transition:color .18s ease;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.jcs-back{margin:28px 0 0;text-align:center}

/* ---------- 글쓰기 (관리자) ---------- */
.jcs-write{padding:40px 44px 44px;border:1px solid var(--jcs-line);border-radius:28px;background:#fff}
.jcs-write__head{margin-bottom:24px}
.jcs-write__head h1{margin:0;color:var(--jcs-ink);font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.03em}
.jcs-write__tips{margin:16px 0 0;padding:14px 18px;border-radius:14px;background:#faf9fc;color:var(--jcs-muted);font-size:13px;line-height:1.7;list-style:none}
.jcs-write__tips i{width:16px;margin-right:4px;color:#a693bb}
#bo_w .write_div{position:relative;margin:12px 0}
#bo_w .write_div::after{content:"";display:block;clear:both}
#bo_w .frm_input,#bo_w select{width:100%;height:46px;padding:0 14px;border:1px solid #d9d5e0;border-radius:12px;background:#fff;color:var(--jcs-ink);font-family:inherit;font-size:15px}
#bo_w .frm_input:focus,#bo_w select:focus{outline:0;border-color:var(--jcs-purple)}
#bo_w .half_input{width:49.5%;float:left;margin:0 1% 8px 0}
#bo_w .bo_w_info .half_input:nth-of-type(2n){margin-right:0}
#bo_w .bo_w_tit .frm_input{padding-right:170px;font-size:17px;font-weight:700}
#bo_w #btn_autosave{position:absolute;top:7px;right:7px;height:32px;padding:0 12px;border:1px solid var(--jcs-line);border-radius:10px;background:#faf9fc;color:var(--jcs-text);font-size:13px;cursor:pointer}
#bo_w .bo_v_option{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none}
#bo_w .wr_content textarea{width:100%;min-height:420px;padding:14px;border:1px solid #d9d5e0;border-radius:12px;font-family:inherit;font-size:15px;line-height:1.8}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_link label,#bo_w .bo_w_flie .lb_icon{position:absolute;top:0;left:0;width:44px;height:46px;line-height:46px;text-align:center;color:#a693bb;font-size:16px}
#bo_w .bo_w_link .frm_input{padding-left:46px}
#bo_w .bo_w_flie .file_wr{position:relative;height:46px;padding:9px 12px 0 46px;border:1px solid #d9d5e0;border-radius:12px;background:#fff}
#bo_w .bo_w_flie .frm_input{margin-top:8px}
#bo_w .bo_w_flie .file_del{display:block;margin-top:6px;color:var(--jcs-muted);font-size:13px}
#bo_w .btn_confirm{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}
#bo_w .btn_cancel,#bo_w .btn_submit{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:48px;padding:0 22px;border-radius:14px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
#bo_w .btn_cancel{border:1px solid var(--jcs-line);background:#fff;color:var(--jcs-text)}
#bo_w .btn_cancel:hover{border-color:var(--jcs-accent);color:var(--jcs-accent)}
#bo_w .btn_submit{border:0;background:var(--jcs-ink);color:#fff}
#bo_w .btn_submit:hover{background:var(--jcs-accent)}
#bo_w #char_count_desc{margin:0 0 8px;color:var(--jcs-muted);font-size:13px}
#bo_w #char_count_wrap{margin-top:6px;color:var(--jcs-muted);font-size:13px;text-align:right}

/* 체크박스 (공지 등) */
.selec_chk{position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box{position:relative}
.chk_box input[type="checkbox"]+label{position:relative;padding-left:24px;color:var(--jcs-text);font-size:14px;cursor:pointer}
.chk_box input[type="checkbox"]+label span{position:absolute;top:3px;left:0;width:17px;height:17px;border:1px solid #cfc8d9;border-radius:5px;background:#fff}
.chk_box input[type="checkbox"]:checked+label span{border-color:var(--jcs-ink);background:var(--jcs-ink)}
.chk_box input[type="checkbox"]:checked+label span::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* 임시 저장 목록 (그누보드 기본 기능) */
#autosave_wrapper{position:relative}
#autosave_pop{display:none;z-index:10;position:absolute !important;top:52px;right:0;width:350px;max-height:220px;border:1px solid var(--jcs-line);border-radius:14px;background:#fff;box-shadow:0 14px 32px rgba(47,39,68,.12);overflow:hidden}
#autosave_pop strong{position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop ul{height:150px;margin:0;padding:10px;list-style:none;overflow-y:auto}
#autosave_pop li{padding:8px 10px;border-radius:8px;background:#faf9fc;font-size:13px}
#autosave_pop li+li{margin-top:6px}
#autosave_pop li::after{content:"";display:block;clear:both}
#autosave_pop a{float:left}
#autosave_pop span{float:right;color:var(--jcs-muted);font-size:12px}
#autosave_pop div{margin:0;text-align:center}
.autosave_close{width:100%;height:36px;border:0;border-top:1px solid var(--jcs-line);background:#fff;color:var(--jcs-muted);font-weight:700;cursor:pointer}
.autosave_close:hover{color:var(--jcs-accent)}
.autosave_content{display:none}
.autosave_del{width:20px;height:20px;border:0;background:none;overflow:hidden;text-indent:-999px}

/* ---------- 태블릿 ---------- */
@media(max-width:1024px){
    .jcs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
    .jcs-hero{grid-template-columns:minmax(0,1fr) 180px;gap:28px;padding:40px 36px}
}

/* ---------- 휴대폰 ---------- */
@media(max-width:700px){
    .jcs-hero{grid-template-columns:1fr;gap:24px;padding:30px 22px 28px;border-radius:22px}
    .jcs-hero__mark{grid-template-columns:repeat(9,1fr);gap:6px}
    .jcs-hero__mark span{border-radius:8px;box-shadow:none}
    .jcs-lead{font-size:17px}
    .jcs-desc{font-size:14px}
    .jcs-desc br{display:none}
    .jcs-list{margin-top:32px}
    .jcs-list__head h2{font-size:22px}
    .jcs-tools,.jcs-search{width:100%}
    .jcs-search input{flex:1;width:auto}
    .jcs-grid{grid-template-columns:1fr;gap:16px}
    .jcs-card__title{font-size:18px}
    .jcs-cta{margin-top:40px;padding:28px 22px;border-radius:20px}
    .jcs-cta h2{font-size:19px}
    .jcs-cta .jcs-btn--accent{width:100%}

    .jcs-article__header{padding:28px 22px 24px;border-radius:22px 22px 0 0}
    .jcs-article__body{padding:4px 22px 36px;border-radius:0 0 22px 22px}
    .jcs-content{font-size:16px;line-height:1.9}
    .jcs-content h2{font-size:21px}
    .jcs-content h3{font-size:19px}
    .jcs-series{grid-template-columns:1fr;gap:12px}
    .jcs-series__item{min-height:88px}
    .jcs-series__thumb{flex-basis:88px;width:88px;height:56px}
    .jcs-series__item.is-next{flex-direction:row-reverse;justify-content:flex-end;text-align:left}

    .jcs-write{padding:26px 18px 30px;border-radius:22px}
    #bo_w .half_input{width:100%;float:none;margin-right:0}
    #bo_w .bo_w_tit .frm_input{padding-right:14px}
    #bo_w #btn_autosave{position:static;margin-top:8px}
    #autosave_pop{width:100%;top:100px}
    #bo_w .btn_cancel,#bo_w .btn_submit{flex:1}
}