/* 
modify
 */
#hd_pop { width:auto; }
#hd_pop p { opacity:1; }
#hd_pop .hd_pops_con { background:var(--white-color); }
#hd_pop .hd_pops_con > * { opacity:1; }
/* 닫기 버튼은 오른쪽 위(박스 바깥쪽 아님) */
#hd_pop .hd_pops_footer { background:var(--primary-color); }
#hd_pop .hd_pops_footer .hd_pops_close { background:var(--primary-color); }
/* '오늘 하루 보지 않기' 버튼은 왼쪽에 고정 */
#hd_pop .hd_pops_footer .hd_pops_reject { background:var(--primary-color); }
#hd_pop .hd_pops_footer button { padding:1.2rem 2.4rem;font-size:1.4rem;border:0;color:var(--white-color); }
#hd_pop .hd_pops { position:fixed;/* border-radius:0.8rem;*/ box-shadow:0 0 16px rgba(0, 0, 0, 0.25);overflow:hidden; }
/* 768px 이하에서 팝업이 뷰포트 안에 깔끔히 맞게 동작하도록 */
@media (max-width: 768px) {
/* 전체 컨테이너 높이 자동 처리 */
#hd_pop { height:auto; }
  /* 팝업 박스: 화면에 고정(스크롤과 함께 떠있지 않음), 좌우 여백 16px, 상단 40px */
#hd_pop .hd_pops { position:fixed;/* top:40px !important;*/ left:16px !important;right:16px !important;box-sizing:border-box;width:auto;max-width:calc(100vw - 32px);/* 좌우 16px씩 보장 */ margin:0 auto;overflow:auto;/* 내용이 길면 내부에서 스크롤 */ max-height:calc(100vh - 40px - 16px);/* 상단 40px + 약간의 여유 */ background:#fff;z-index:10000; }
#hd_pop .hd_pops_con { width:100% !important;height:auto !important;background:#fff; }
  /* 이미지가 뷰포트를 넘지 않도록: 폭은 부모에 맞추고, 높이는 자동 */
#hd_pop .hd_pops img { width:100% !important;/* 부모(.hd_pops)의 너비를 따름 */ height:auto !important;/* 높이는 자동 유지 */ }
}
.sub_content #bo_cate ul { zoom:1; }
.sub_content #bo_cate ul:after { display:block;visibility:hidden;clear:both;content:""; }
.sub_content #bo_cate li { display:inline-block;padding:2px; }
.sub_content #bo_cate a { display:block;line-height:28px;padding:4px 24px;border-radius:30px;border:2px solid var(--primary-color);color:var(--primary-color);font-size:1.6rem;font-weight:600; }
.sub_content #bo_cate a:focus,
.sub_content #bo_cate a:hover,
.sub_content #bo_cate a:active { text-decoration:none;background:var(--primary-color);color:var(--white-color); }
.sub_content #bo_cate #bo_cate_on { z-index:2;background:var(--primary-color);color:var(--white-color);font-weight:bold;border:1px solid var(--primary-color);-webkit-box-shadow:inset 0 2px 5px var(--primary-color);-moz-box-shadow:inset 0 2px 5px var(--primary-color);box-shadow:inset 0 2px 5px var(--primary-color); }
.sub_content .bo_cate_link { float:left;display:inline-block;margin-right:10px;background:var(--primary-color);color:var(--white-color);font-weight:normal !important;height:auto;line-height:10px;padding:8px 16px;border-radius:5px;font-size:0.95em; }
.sub_content #bo_v_title .bo_v_cate { display:inline-block;line-height:1;background:var(--background-color);color:var(--point-color);padding:4px 24px;border-radius:4px;margin-bottom:16px; }
.sub_content .bo_tit { display:block;color:#000;font-weight:400; }
.sub_content .bo_tit svg { width:16px;height:16px;margin-left:16px; }
.sub_content .bo_tit svg.feather-lock { margin-left:0;stroke:var(--point-color); }
.sub_content #bo_list .td_datetime { width:auto;text-align:center;width:90px;white-space:nowrap; }
.sub_content #bo_list .td_name { width:90px;text-align:center;padding:10px 0;white-space:nowrap; }
.sub_content #bo_list td { height:6.4rem;word-break:break-all; }
.sub_content #bo_list .bo_notice td { border-bottom:1px solid var(--point-color);background:var(--background-color); }
.sub_content .bo_current { color:#e8180c;white-space:nowrap;font-size:1.4rem; }
.sub_content #bo_w .bo_w_flie .file_wr { position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:16px 5px;height:auto;margin:0; }
.sub_content #bo_v_title .bo_v_tit { display:block;font-size:2.4rem;font-weight:400;margin:5px 0 0;word-break:break-all; }
.sub_content #bo_v_info .profile_info { margin:4rem 0 1.6rem 0;display:inline-block; }
.sub_content #bo_v_img { width:100%;overflow:hidden;margin:4rem 0 4rem 0;zoom:1; }
.sub_content #bo_v_con { margin:4rem 0 4rem 0;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden; }
.sub_content #bo_v_file ul { margin:0;list-style:none; }
.sub_content #bo_v_link li { padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); }
.sub_content #bo_v_link li i { float:left;color:#b2b2b2;font-size:2.35em;margin-right:40px; }
.sub_content #bo_v_link a { float:none;display:block;text-decoration:none;word-wrap:break-word;color:#000; }
.sub_content #bo_v_link a:focus,
.sub_content #bo_v_link li:hover a,
.sub_content #bo_v_link a:active { text-decoration:underline;color:#000; }
.sub_content #bo_v_link .bo_v_link_cnt { color:#b2b2b2;font-size:0.92em; }
.sub_content #bo_v_link li:hover { border-color:#bed4f4;color:#bed4f4; }
.sub_content #bo_v_link li:hover i { color:#3a8afd; }
.sub_content #bo_v_link li:hover .bo_v_link_cnt { color:#99c2fc; }
.sub_content #bo_v_file a { float:none;display:block;text-decoration:none;word-wrap:break-word;color:#000; }
.sub_content .cmt_btn { width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px; }
.sub_content .cmt_btn span.total { position:relative;display:inline-block;margin-right:5px;font-size:1.4rem;color:var(--primary-color); }
.sub_content .cmt_btn span.cmt_more { float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px; }
.sub_content .cmt_btn_op span.cmt_more { background-position:right -8px; }
.sub_content .cmt_btn b { font-size:1.2em;color:#000; }
.sub_content .cmt_btn span.total:after { position:absolute;bottom:-17px;left:0;display:inline-block;background:var(--primary-color);content:"";width:100%;height:2px; }
.sub_content #bo_w .bo_w_flie .lb_icon { position:absolute;top:17px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2; }
.sub_content #bo_w .bo_w_link label { position:absolute;top:5px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2; }
.sub_content .bo_sch { position:absolute;top:50%;left:50%;background:#fff;text-align:left;max-width:600px;width:100%;max-height:400px;margin-left:auto;margin-top:auto;transform:translate(-50%, -50%);overflow-y:auto;border-radius:5px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid #dde7e9;background:#fff;border-radius:0; }
.sub_content .bo_sch form { padding:6rem 4rem 1.6rem 4rem;display:block; }
.sub_content .bo_sch select { border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; }
.sub_content .bo_sch .sch_bar { display:inline-block;width:100%;clear:both;margin-top:15px;border:none;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; }
.sub_content .bo_sch .sch_input { width:100%;height:38px;border:0;padding:0;background-color:transparent;float:left;border:1px solid #d0d3db; }
.sub_content .bo_sch .sch_btn { height:38px;float:right;color:var(--primary-color);background:none;border:0;width:40px; }
.sub_content .bo_sch .bo_sch_cls { position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff; }
.sub_content .bo_sch_bg { background:#000;background:rgba(0, 0, 0, 0.75);width:100%;height:100%; }
.sub_content .more_opt svg { width:14px;height:14px; }
/*FAQ */
.sub_content .faq-container { /* max-width:600px;*/ margin:0 auto; }
.sub_content .faq { background-color:transparent;border:1px solid rgba(0, 0, 0, 0.05);border-radius:10px;margin:20px 0;padding:30px;position:relative;overflow:hidden;transition:0.3s ease;background:#f9f9f9; }
.sub_content .faq h3 { font-size:2rem; }
.sub_content .faq.active { background-color:#fff;box-shadow:0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); }
.sub_content .faq-title { margin:0 35px 0 0;cursor:pointer; }
.sub_content .faq-text { display:none;margin:30px 0 0;line-height:1.5; }
.sub_content .faq.active .faq-text { display:block; }
.sub_content .faq-toggle { background-color:transparent;border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;padding:0;position:absolute;top:50%;right:30px;height:30px;width:30px;transform:translate(0, -50%); }
.sub_content .faq-toggle:focus { outline:0; }
.sub_content .faq-toggle .close { display:none; }
.sub_content .faq.active .faq-toggle .close { color:#fff;display:block; }
.sub_content .faq.active .faq-toggle .down { display:none; }
.sub_content .faq.active .faq-toggle { background-color:#9fa4a8; }
.sub_content #bo_w .btn_submit { padding:0 20px;font-size:1.167em; }
.sub_content #bo_w .btn_submit { position:relative;z-index:1;margin-top:4rem;display:inline-flex;align-items:center;height:4.8rem;border-radius:4.8rem;padding:0 2.4rem 0 8rem;overflow:hidden;color:var(--white-color);white-space:nowrap; }
.sub_content #bo_w .btn_submit::before { content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:4.8rem;border-radius:4.8rem;background:var(--primary-color); }
.sub_content #bo_w .btn_submit::after { content:"";position:absolute;top:0;left:0;width:4.8rem;height:4.8rem;border-radius:4.8rem;background:rgba(0, 0, 0, 0.1) url(../lib/icon/edit-3.svg) no-repeat center center;filter:invert(); }
.sub_content #bo_w .btn_cancel { position:relative;z-index:1;margin-top:4rem;display:inline-flex;align-items:center;height:4.8rem;border-radius:4.8rem;padding:0 2.4rem 0 8rem;overflow:hidden;color:var(--white-color);white-space:nowrap; }
.sub_content #bo_w .btn_cancel::before { content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:4.8rem;border-radius:4.8rem;background:var(--point-color); }
.sub_content #bo_w .btn_cancel::after { content:"";position:absolute;top:0;left:0;width:4.8rem;height:4.8rem;border-radius:4.8rem;background:rgba(0, 0, 0, 0.1) url(../lib/icon/x.svg) no-repeat center center;filter:invert(); }
.sub_content #bo_w .frm_info { position:relative;line-height:18px;color:var(--point-color);margin:10px 0;display:inline-block;font-size:1em; }
.sub_content .chk_box input[type="checkbox"] + label { position:relative;/* padding-left:24px;*/ color:#676e70; }
.sub_content .btn_cke_sc { display:inline-block;padding:0 10px;height:auto;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer; }
.sub_content #faq_sch { background:#f7f7f7;padding:2.4rem;text-align:center;margin:0 0 8rem 0; }
.sub_content #faq_sch .btn_submit { position:relative;z-index:1;margin-top:0;display:inline-flex;align-items:center;height:4.8rem;border-radius:4.8rem;padding:0 2.4rem 0 8rem;overflow:hidden;color:var(--white-color);background:transparent;white-space:nowrap;width:auto;font-weight:400; }
.sub_content #faq_sch .btn_submit .fa { display:none; }
.sub_content #faq_sch .btn_submit::before { content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:4.8rem;border-radius:4.8rem;background:var(--point-color); }
.sub_content #faq_sch .btn_submit::after { content:"";position:absolute;top:0;left:0;width:4.8rem;height:4.8rem;border-radius:4.8rem;background:rgba(0, 0, 0, 0.1) url(../lib/icon/search.svg) no-repeat center center;filter:invert(); }
.sub_content #fregister p { position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:var(--point-color);margin:0 0 10px;border-radius:5px;font-weight:400; }
.btn_submit:hover { background:var(--secondary-color); }
.btn_submit { border:0;background:var(--primary-color);color:var(--white-color);cursor:pointer;border-radius:3px; }