:root {
    --primaryColor: #9A14F5;
    --btnHover: #a826ff;
}

:root[color-theme='light'] { /* 스위치 버튼 */
    --bodyBg: #fff;
    --wrapperBg: #f6f6f6;
    --footerBg: #f8f3f2;
}

/* 레이아웃 크기 지정 */
#hd_pop,
#hd_wrapper,
#tnb .inner,
#gnb .gnb_wrap,
#container_wr,
#ft_wr { max-width:1200px; width: 100%; }

#hd { background: #fff; padding-top: 10px; }

#wrapper {
    min-height: 100vh;
}

#wrapper,#hd .opener { display: block;}

#hd_wrapper { max-width: 1200px; margin: 0 auto; position: relative; background: #fff; border-radius: 8px; height: 80px; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; }

.hd_sch_wr { width:445px; }
#hd_sch { text-align:center; padding:0px; border-radius: 4px; }
#hd_sch form { position:relative; padding-right:40px }
#hd_sch #sch_stx { width:100%; height:38px; margin-right:40px; background:#00000022; color: #fff; border: none; padding-left: 10px; border-radius: 3px 0px 0px 3px; }
#hd_sch #sch_stx::placeholder { color: #fff; }
#hd_sch #sch_submit { position:absolute; top:0; right:0; width:40px; height:38px; border:0; border-radius:0px 3px 3px 0px; cursor:pointer; color:#fff; background:#00000022; font-size:1.5rem }

/* 메인메뉴 */
#gnb { position:relative; background:var(--contBg); border: var(--border); border-radius: 8px; overflow: hidden; margin-bottom: 15px; }
#gnb > h2 { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
#gnb .gnb_wrap { margin:0 auto; position:relative }
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active { z-index:3 }
#gnb #gnb_1dul { font-size:1.3rem; padding:0; }
#gnb ul:after { display:block; visibility:hidden; clear:both; content:"" }
#gnb .gnb_1dli { line-height:55px; padding:0px; position:relative }
#gnb .gnb_1dli:hover > a { background: var(--primaryColor); color: #fff;-webkit-transition: all 2s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out }

.gnb_1dli .bg { position:absolute; top:24px; right:8px; display:inline-block; width:10px; height:10px; overflow:hidden; background:url('/static/img/gnb_bg2.gif') no-repeat 50% 50%; text-indent:-999px }
.gnb_1da { display:block; font-weight:bold; padding:0 15px; color:#a5a5a5; text-decoration:none }
.gnb_1dli.gnb_al_li_plus .gnb_1da { padding-right:25px }
.gnb_2dli:first-child { border:0 }
.gnb_2dul { max-height: 0; overflow: hidden; transition: all 0.3s; }
.gnb_2dul .gnb_2dul_box { border-top:0; padding:0; }
.gnb_2da { display: block; padding:0 10px; line-height:40px; background:var(--primaryColor); color:#fff; text-align:left; text-decoration:none }
a.gnb_2da:hover { color:#fff; background:#285981;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out }

a.gnb_2da:hover { color:#fff; background:#285981;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out }

.gnb_1dli_air .gnb_2da { }
.gnb_1dli_on .gnb_2da { }
.gnb_2da:focus, .gnb_2da:hover { color:#fff }
.gnb_1dli_over .gnb_2dul { max-height: 110px; left:0; }
.gnb_1dli_over2 .gnb_2dul { display:block; right:0 }
.gnb_wrap .gnb_empty { padding:10px 0; width:100%; text-align:center; line-height:3.2rem; color:#080808 }
.gnb_wrap .gnb_empty a { color:var(--primaryColor); text-decoration:underline }
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a { color:#555 }

#gnb .gnb_menu_btn { display: none; background:#4158d1; color:#fff; width:50px; height:55px; border:0; vertical-align:top; font-size:1.8rem }
#gnb .gnb_close_btn { background:#fff; color:#b6b9bb; width:50px; height:50px; border:0; vertical-align:top; font-size:1.8rem; position:absolute; top:0; right:0 }
#gnb .gnb_mnal { float:right; padding:0 }

#gnb_all { display:none; position:absolute; border:1px solid #c5d6da; width:100%; background:#fff; z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.2) }
#gnb_all h2 { font-size:1.5rem; margin:0; padding:15px 20px; border-bottom:1px solid #e7eeef }
#gnb_all .gnb_al_ul:after { display:block; visibility:hidden; clear:both; content:"" }
#gnb_all .gnb_al_ul > li:nth-child(5n+1) { border-left:0 }
#gnb_all .gnb_al_li { float:left; width:20%; min-height:150px; padding:20px; border-left:1px solid #e7eeef }
#gnb_all .gnb_al_li .gnb_al_a { font-size:1.4rem; display:block; position:relative; margin-bottom:10px; font-weight:bold; color:var(--primaryColor) }
#gnb_all .gnb_al_li li { line-height:2.4rem }
#gnb_all .gnb_al_li li a { color:#555 }
#gnb_all_bg { display:none; background:rgba(0,0,0,0.1); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999 }

/* 중간 레이아웃 */
#wrapper { background: #fff; }
#container_wr:after { display:block; visibility:hidden; clear:both; content:"" }
#container_wr { margin:0 auto; }
#aside { float:left; width:270px; padding:0; height:100%; margin:20px 20px 20px 0px }
#aside .aside_tab { background: #fff; border-radius: 8px; padding: 10px 20px; }
#aside .aside_tab .tabs { display: flex; border-bottom: 1px solid #eee; }
#aside .aside_tab .tabs .tab-link { padding: 10px 0px; margin-right: 16px; font-size: 1.4rem; cursor: pointer; color: #c5c5c5; font-weight: 500; transition: all 0.3s; border-bottom: 2px solid transparent; }
#aside .aside_tab .tabs .tab-link.current { border-bottom: 2px solid var(--primaryColor); color: var(--primaryColor); font-weight: 700; }

#aside .aside_tab .pic_li_lt { padding: 20px 0px; }
#aside .aside_tab .pic_li_lt .lat_title { display: none; }
#aside .aside_tab .pic_li_lt .lt_more { right: 0; top: -32px; }
#aside .tab-content { display: none; }
#aside .tab-content.current { display: block; }

#container { position:relative; float:right; min-height:500px; height:auto !important; margin:20px 0 56px; height:500px; font-size:1.2rem; width:calc(100% - 290px); padding: 20px; border-radius: 8px; background: var(--contBg); border: var(--border); color: var(--fontColor); }
#container:after { display:block; visibility:hidden; clear:both; content:"" }
#container_title { font-size:1.6rem; margin:0 auto; font-weight:bold; color: var(--primaryColor); }
#container_title span { margin:0 auto 24px; display:block; line-height:30px }
.register_tit { text-align: center; }

.lt_wr { width:32% }
.lt_wr:nth-child(3n+1) { clear:both }
.latest_wr { margin-bottom:20px }
.latest_wr.boards { display: flex; flex-wrap: wrap; }
.latest_wr:after { display:block; visibility:hidden; clear:both; content:"" }
.latest_top_wr { width: 100%; }
.latest_top_wr:after { display:block; visibility:hidden; clear:both; content:"" }

/* 하단 레이아웃 */
#ft { background:var(--footerBg); margin:0 auto; text-align:center }
#ft_wr { max-width:1240px; margin:0 auto; padding:40px 0; position:relative; display:inline-block; text-align:left; display: flex; flex-direction: column; }

/* 아웃로그인 스킨 */
#aside .ol {position:relative;margin-bottom:15px;border-radius:8px;background: var(--contBg);color: var(--fontColor);border: var(--border);}
#aside .ol h2 {margin:0; padding:0; width:50%;float:left;padding:15px 0;text-align:center;font-size: 1.2rem;}
#aside .ol .join {width:50%;float:right;padding:15px 0;text-align:center;background:var(--bovHover);color:#6e6e6e}
#aside .ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
#aside .ol h2 {margin:0}
#aside .ol form {padding:20px}
#aside .ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle}/* 관리자 전용 버튼 */
#aside .ol a.btn_admin:focus, #aside .ol a.btn_admin:hover {text-decoration:none}
#aside .ol .login-sns{padding-bottom:0px}

#aside #ol_before {}
#aside #ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#aside #ol_before .ol_wr {position:relative;margin-bottom:5px}
#aside #ol_id {display:block;width:100%;background: var(--inputBg);border:var(--inputBorder);color: var(--fontColor);padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
#aside #ol_pw {display:block;width:100%;background: var(--inputBg);border:var(--inputBorder);color: var(--fontColor);padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
#aside #ol_submit {width:100%;height:35px;background:var(--primaryColor);border-left:1px solid #ccc;color:#fff;font-weight:bold;font-size:1.4rem;border-radius:3px}
#aside #ol_svc {float:right;line-height:20px}
#aside #ol_svc a {display:inline-block;border:var(--border);color:var(--primaryColor);border-radius:2px;padding:2px 5px}
#aside #ol_auto {float:left;line-height:20px;margin-top:5px}
#aside #ol_auto label {color:var(--shareColor);vertical-align:baseline}
#aside #ol_auto input {width:13px;height:13px}
/* #aside .ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""} */
#aside #sns_login {margin-top:0 !important;border-top:0 !important}
#aside #sns_login h3 {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

#aside #ol_after {}
#aside #ol_after_hd {position:relative;padding:10px;padding-left:80px;height:80px}
#aside #ol_after_hd strong {display:block;margin:5px 0 10px}
#aside #ol_after_hd .profile_img {position:absolute;top:15px;left:15px;display:inline-block}
#aside #ol_after_hd .profile_img img {border:1px solid #bbb;border-radius:50%;width:50px;height:50px}
#aside #ol_after_hd .profile_img a {text-align:center;font-size:1.7rem;width:30px;line-height:30px;color:#777}
#aside #ol_after_info {display:inline-block;height:28px;line-height:22px;border:var(--border);color:var(--primaryColor);border-radius:2px;padding:2px 5px}
#aside #ol_after h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#aside #ol_after_hd .btn_admin {border-radius:3px;height:28px;line-height:28px;vertical-align:baseline}
#aside #ol_after_hd .btn_b04 {line-height:23px;padding:0 5px}
#aside #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#aside #ol_after_private li {text-align:left;position:relative;text-align:left}
#aside #ol_after_private li:first-child a {border-left:0}
#aside #ol_after_private a {display:block;color:var(--prFontColor);line-height:18px;padding:10px 10px 10px 20px}
#aside #ol_after_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:var(--primaryColor);padding:0 5px;border-radius:15px;font-size:1.1rem}
#aside #ol_after_private a:hover strong {background:#4b8bff}
#aside #ol_after_private li a:hover {color:var(--primaryColor);background:var(--bovHover)}
#aside #ol_after_private li a:hover:after {position:absolute;left:-1px;top:0;width:2px;height:38px;background:var(--primaryColor);content:""}
#aside #ol_after_private li svg {width:12px;color:#8c9eb0;margin-right:16px}
#aside #ol_after_private li:hover svg {color:var(--primaryColor)}
#aside #ol_after_private .win_point:hover strong {background:#37bc9b;color:#fff}
#aside #ol_after_private .win_memo:hover strong {background:#8cc152;color:#fff}
#aside #ol_after_private .win_scrap:hover strong {background:#ff8b77;color:#fff}

.gnb_mo .ol{border-radius: 0;border: none;border-bottom: var(--border);}
.gnb_mo .ol {position:relative;margin:0 0 10px;text-align:center}
.gnb_mo .ol h2 {margin:0;padding:0;width:0px;height:0px;font-size:0;line-height:0;overflow:hidden}

.gnb_mo #ol_before {background:#212020;padding:11px 15px;text-align:left}
.gnb_mo #ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
.gnb_mo #ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.3rem; }
.gnb_mo #ol_svc {text-align:left;color:#dadada;font-size:1.1rem;margin:5px 0 20px}
.gnb_mo .ol_before_btn {margin:15px 0 0;color:#aaa;line-height:1.2rem}
.gnb_mo .ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left}
.gnb_mo #ol_password_lost {border-left:1px solid #777}

.gnb_mo #ol_after_hd {position:relative;background:#212020;padding:10px 15px}
.gnb_mo #ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_mo #ol_after_hd strong {display:block;float:left;color:#fff;padding:0 0 0 15px;line-height:40px}
.gnb_mo #ol_after_hd .btn_admin {float:left;display:block;padding:0 !important;text-align:center;color:#fff;margin-right:10px;background:#d13f4a;width:30px}
.gnb_mo #ol_after_hd .profile_img {position:relative;float:left;display:inline-block}
.gnb_mo #ol_after_hd .profile_img img {width:37px;height:37px;border-radius:50%}
.gnb_mo #ol_after_info {position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:#212020}
.gnb_mo #ol_after_info svg {color:#fff;font-size:1.2rem}
.gnb_mo #ol_after_private {clear:both;margin-top:15px;background:var(--contBg);padding:0;list-style:none;border-bottom:var(--border)}
.gnb_mo #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_mo #ol_after_private li {position:relative;float:left;width:33.333%;text-align:left;border-right:var(--border)}
.gnb_mo #ol_after_private li a {color:var(--fontColor)}
.gnb_mo #ol_after_private svg {margin:0 5px 0 0;color:#b9bcbf;font-size:1.4rem}
.gnb_mo #ol_after_private strong {position:absolute;top:16px;right:10px}
.gnb_mo #ol_after_private li strong{color:#fff;padding:0 5px;border-radius:15px;font-size:1.1rem}
.gnb_mo #ol_after_private li:nth-child(1) strong {background:#8cc152;}
.gnb_mo #ol_after_private li:nth-child(2) strong {background:#37bc9b;}
.gnb_mo #ol_after_private li:nth-child(3) strong {background:#ff8b77;}
.gnb_mo #ol_after_private a {display:inline-block;padding:15px 10px}

.gnb_mo #ol_after_btn {position:absolute;top:15px;right:55px}
.gnb_mo #ol_after_btn a {display:inline-block;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;font-weight:bold}
.gnb_mo #ol_after_logout {border: 1px solid #ffffff40;color:#fff}

/* 모바일 반응형 GNB메뉴 */
.gnb_mo { display:none; background:var(--wrapperBg); position:fixed; top:0; left:0; z-index:99999; width:100%; max-width:400px; height:100%; overflow-y:auto; -webkit-box-shadow:0 0 5px var(--gnbShadowBg); -moz-box-shadow:0 0 5px var(--gnbShadowBg); box-shadow:0 0 5px var(--gnbShadowBg) }
.gnb_mo #gnb_1dul { background:var(--contBg) }
.gnb_mo #gnb_1dul a { display:block; color:var(--fontColor) }
.gnb_mo .gnb_1dli { position:relative; line-height:40px; }
.gnb_mo .gnb_1dli button { position:absolute; top:5px; right:0; width:40px; height:40px; overflow:hidden; border:0; font-size:1.4rem; background:#fff; background:url(/static/img/mobile/gnb_bg2.webp) no-repeat 50% 50%; text-indent:-9999px }
.gnb_mo .gnb_1dli button.btn_gnb_cl { background:url(/static/img/mobile/gnb_bg.webp) no-repeat 50% 50% }
.gnb_mo .gnb_1da { padding:5px 20px; background: var(--contBg); border-bottom:var(--border); font-weight:bold; font-size:1.4rem; }
.gnb_mo .gnb_2dul { display:none; background:#fafafa }
.gnb_mo .gnb_2da { padding-left:30px }
#gnb_close { display:block; position:absolute; right:8px; top:10px; z-index:99; font-weight:bold; margin:0; height:40px; width:40px; border:0; color:#bfb8b2; font-size:2.4rem; background:transparent }

.gnb_mo #hd_nb { background:var(--contBg); margin-top:10px; border-bottom:var(--border) }
.gnb_mo #hd_nb:after { display:block; visibility:hidden; clear:both; content:"" }
.gnb_mo #hd_nb li { width:50%; float:left; text-align:center; line-height:25px; font-size:1.3rem; font-weight:bold }
.gnb_mo #hd_nb li a { display:block; color:var(--fontColor); text-align:left; padding:10px 15px }
.gnb_mo #hd_nb li svg { font-size:1.4rem; margin-right:10px; color:#a5a8ac }
.gnb_mo #hd_nb .hd_nb1 { border-right:var(--border); border-bottom:var(--border) }
.gnb_mo #hd_nb .hd_nb2 { border-bottom:var(--border) }
.gnb_mo #hd_nb .hd_nb3 { border-right:var(--border) }
.gnb_mo a.btn_b01 { border: 1px solid #727272; height: auto; padding: 10px; }
.gnb_mo a.btn_b01:hover { color: #ffffff; }
.gnb_mo a.btn_b02 { height: auto; padding: 10px; margin-left: 6px; }

/* 설문조사 스킨 */
#poll {border:var(--border);background:var(--contBg);position:relative;border-radius:8px;margin-bottom:15px}
#poll header {position:relative;border-bottom:var(--border);padding:15px}
#poll header:after {display:block;visibility:hidden;clear:both;content:""}
#poll header h2 {display:inline-block;margin:0;padding:0;float:left;font-size:1.4rem;color:var(--fontColor);line-height:28px}
#poll header h2:after {display:block;visibility:hidden;clear:both;content:""}
#poll header .btn_result {float:right;display:inline-block;line-height:20px;height:28px;border:var(--border);color:var(--primaryColor);border-radius:2px;padding:2px 5px;}
#poll header .btn_admin {float:right;margin-left:5px;line-height:28px;font-size:1.7rem}
#poll ul {padding:0 20px;list-style:none}
#poll li {padding:5px 0}

#poll .poll_con {}
#poll .poll_con p {font-weight:bold;padding:15px 20px;color:var(--fontColor);font-size:1.4rem}
#poll_btn {padding:10px 20px 20px;text-align:center}
#poll_btn:after {display:block;visibility:hidden;clear:both;content:""}
#poll_btn .btn_poll {display:block;width:100%;height:40px;line-height:40px;padding:0 10px;border:0;font-weight:bold;background:var(--primaryColor);color:#fff;border-radius:3px}

/* 접속자 집계 */
#visit {position:relative;margin-top:20px;background:var(--primaryColor);border-radius: 8px;overflow: hidden;color: #fff;}
#visit h2 {line-height:24px;font-size:1.4rem;padding:15px 0;margin: 0 15px; border-bottom:1px solid rgba(255, 255, 255, 0.4)}
#visit ul {padding:15px 20px;border-radius:3px;line-height:20px;}
#visit li {display: flex;justify-content: space-between;}
#visit li span:after {position:absolute;left:0;top:13px;width:5px;height:5px;background:#fff;content:"";border-radius:5px}
#visit span {width:50%;position:relative;line-height:32px;padding-left:15px;}
#visit strong {width:50%;text-align:right;line-height:32px;color:#fff}
#visit a {display:inline-block;padding:10px 3px;text-decoration:none}
#visit .btn_admin {position:absolute;top:0;right:15px}

/* 팝업레이어 */
#hd_pop { z-index:1000; position:relative; margin:0 auto; height:0; display: flex; justify-content: space-between; gap: 2%; top: 50px;}
.hd_pops { position:static; width: 350px; height: 636px; max-height: 636px; flex: 0 0 350px; overflow-y: auto; border:1px solid #e9e9e9; background:#fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); }
.hd_pops img { max-width:100% }
.hd_pops_con { }
.hd_pops_footer { padding:0; background:#000; color:#fff; text-align:left; position:relative }
.hd_pops_footer:after { display:block; visibility:hidden; clear:both; content:"" }
.hd_pops_footer button { padding:10px; border:0; color:#fff }
.hd_pops_footer .hd_pops_reject { background:#000; text-align:left }
.hd_pops_footer .hd_pops_close { background:#393939; position:absolute; top:0; right:0 }

/* 화면낭독기 사용자용 */
#hd_login_msg, .msg_blind, .blind { position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }

/* 본문 바로가기 */
#skip_to_container a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden }
#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:2.4rem; font-weight:bold; text-align:center; text-decoration:none; line-height:4rem }

/* ie6 이미지 너비 지정 */
.img_fix { width:100%; height:auto }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha { display:inline-block; position:relative }
#captcha #captcha_img { height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0 }
#captcha #captcha_mp3 { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('/static/img/captcha2.webp') no-repeat; text-indent:-999px; border-radius:3px }
#captcha #captcha_reload { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('/static/img/captcha2.webp') no-repeat 0 -40px; text-indent:-999px; border-radius:3px }
#captcha #captcha_key { margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.6rem; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top }
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:1.1rem; letter-spacing:-0.1rem }

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio { display:block; margin:0 0 5px; width:187px }
#captcha.m_captcha #captcha_img { width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block }
#captcha.m_captcha #captcha_reload { position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('/static/img/captcha2.webp') no-repeat 0 -40px; text-indent:-999px }
#captcha.m_captcha #captcha_reload span { display:none }
#captcha.m_captcha #captcha_key { margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.6rem; font-weight:bold; text-align:center; line-height:29px; margin-left:3px }
#captcha.m_captcha #captcha_info { display:block; margin:5px 0 0; font-size:1.1rem; letter-spacing:-0.1rem }
#captcha.m_captcha #captcha_mp3 { width:31px; height:31px; background:url('/static/img/captcha2.webp') no-repeat 0 0; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none }

/* 새창 기본 스타일 */
.new_win .win_total { float:right; display:inline-block; line-height:30px; font-weight:normal; font-size:1.1rem; color:var(--primaryColor); background:var(--wrapperBg); padding:0 10px; border-radius:5px }

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {box-sizing:content-box; }

.pic_lt .empty_li { line-height:145px; color:#666; text-align:center; padding:0 }

.register_form_inner .frm_input:-webkit-autofill + label.text_input {bottom:50%;font-size:1.2rem;color: var(--primaryColor);} /* input에 글을 입력하고 포커스가 지나간 상태에서 제어하려면 valid 선택자를 써야한다. */

/* 비밀번호 재설정 */
#pw_reset #info_fs {margin-bottom: 10px}
#pw_reset .frm_input {margin:10px 0 0}

/* 기존 회원 본인인증 */
#member_cert_refresh p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.3rem;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#member_cert_refresh p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#member_cert_refresh p svg {font-size:1.4rem;vertical-align:middle}
#member_cert_refresh section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#member_cert_refresh_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#member_cert_refresh h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.4rem}
#member_cert_refresh textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.9rem}
#member_cert_refresh_private {position:relative}
#member_cert_refresh_private div {padding:20px;background:#fff}
#member_cert_refresh_private table {width:100%;border-collapse:collapse;font-size:1.2rem;}
#member_cert_refresh_private table caption { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
#member_cert_refresh_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf;font-weight:bold;}
#member_cert_refresh_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.member_cert_refresh_agree {position:absolute;top:0;right:0}
.member_cert_refresh_agree input[type="checkbox"] + label {color:#676e70}
.member_cert_refresh_agree input[type="checkbox"] + label:hover {color:#2172f8}
.member_cert_refresh_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.member_cert_refresh_agree input[type="checkbox"]:checked + label {color:#000}
.member_cert_refresh_agree input[type="checkbox"]:checked + label span {background:url('/static/img/chk.webp') no-repeat 50% 50% var(--primaryColor);border-color:#1471f6;border-radius:3px}
.member_cert_refresh_agree.chk_all input[type="checkbox"] + label span {top:18px}

#member_cert_refresh #find_info {margin:50px 0}
#member_cert_refresh #find_info .find_btn {padding:10px 20px;background:#fff}
#member_cert_refresh #find_info .find_btn > div {margin:10px 0}

/* outlogin.css */
#aside #ol_after_logout {text-align:center;font-weight:bold;display:block;padding:15px 0;color:#a0a0a1;border-top:var(--border)}
#aside #ol_after_logout:hover {color:#285981}
#aside #ol_after_memo {margin-right:1px}
#aside #ol_after_pt {margin-right:1px}

#poll_result .poll_all {position:absolute;top:10px;right:10px;display:inline-block;margin:0 0 10px;line-height:30px;font-size:1.1rem;color:var(--primaryColor);background:var(--wrapperBg);padding:0 10px;border-radius:5px}

html.remodal-is-locked {overflow-y:scroll !important}

/* 다크모드 설정 */
#darkmode-toggle-switch { position:fixed; bottom:20px; right:80px; width:50px; height:50px; border:0; text-align:center; border-radius: 3px; background: var(--primaryColor); color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; }
#darkmode-toggle-switch .visible { width:24px; height:24px; vertical-align:middle; }
#darkmode-toggle-switch .visible.dark { display: var(--lightVisible) }
#darkmode-toggle-switch .visible.bright { display: var(--darkVisible) }

/* top button */
#top_btn {
    width: 30px;
    line-height: 30px;
    height: 30px;
}

.chk_box.list_post input[type="checkbox"]:checked + label span {
    background: url(/static/img/chk_bk.webp) no-repeat 50% 50% #fec214;
    border-color: #fec214;
    border-radius: 3px;
}

.chk_box input[type="checkbox"] + label span {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    display: block;
    margin: 0;
    background: #fff;
}

.btn_submit:hover {
    background: #a940ff;
}

/* 긴 문자열 ... 처리 */
.elip { display: inline-block; min-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.reg_mb_nick .tooltip {
    opacity: 1;
    visibility: visible;
}

/* after register button */
.reg_btn_submit {
    border: 1px solid var(--primaryColor);
    background:#f4efff;
    color:var(--primaryColor);
}

/* google login */
#sns_login .sns-google .ico {
    position: absolute;
    top: 4px;
    left: 10px;
}

#sns_login .sns-google {
    background-color: transparent;
    border-bottom: none;
    border: 2px solid #e5ecee;
    border-radius: 3px;
    height: 100%;
}

#sns_login .txt {
    border-left: none;
    color: #818181;
    letter-spacing: 1px;
    margin-left: 5px;
}

#sns_login .sns-naver .txt {
    color: #fff;
}

#sns_login .txt:hover {
    background: transparent;
    color: #4285F4;
}

#sns_login .sns-naver .txt:hover {
    color: #fff;
}

#sns_login .sns-google:hover {
    border-color: #4285F4;
    background: transparent;
}

#mb_login #sns_login .sns-icon {
    width: 100% !important;
    float: left !important;
}

/* register */
.fregister_group {
    display: flex;
    align-items: center;
}

.fregister_agree {
    position: unset;
    margin-right: 0.5rem;
}

#fregister_chkall,
.chk_box input[type="checkbox"] + label span {
    position: unset;
}

.chk_box input[type="checkbox"] + label span.all_check_register {
    margin-right: 0.75rem;
}

#fregister h2 {
    padding: 20px 0px 10px;
}

#memo_write .reply_btn {
    height: 45px;
}

.new_win .win_desc {
    display: flex;
    align-items: center;
}

.new_win .win_desc svg {
    margin-right: 0.5rem;
}

a.btn_b01, .btn_b01 {
    display: flex;
    align-items: center;
    height: 31px;
}

a.btn_b01 .fa-plus, .btn_b01 .fa-plus {
    font-size: 1.9rem;
}

.bo_list .list_category a {
    border-radius: 12px;
    border: 1px solid #b4b4b4;
    color: #707070;
    line-height: 22px;
}

@media all and (max-width: 1280px){
    .hd_pops {
        width: 330px;
        height: 600px;
        flex: 0 0 330px;
    }
}

@media ( max-width: 1100px ) {
    .elip { max-width: 100px; }
}

@media all and (max-width: 1100px){
    #hd_wrapper, #container_wr, #tnb { width: 96%; }
    #aside #ol_after, #aside #ol_before,#sns_login, #aside #gnb, #tnb { display: none; }
    #aside { width: 100%; margin: 0px 20px 20px 0px; }
    #container { width: 100%; margin: 20px 0 15px; padding: 0 10px; }
    #logo { position: absolute; left: 50%; transform: translateX(-50%); width: 48px; }
    .profile_wrap { display: none; }
    #ft_wr .ft_cnt { margin-bottom: 40px; }
    #ft_wr .ft_cnt:last-child { margin-bottom: 0px; }
    #ft_wr .ft_cnt_wrap { flex-direction: column; }
    #ft_wr .ft_cnt_wrap .ft_cnt { width: 100%; }
    #ft_link {
        flex-direction: column;
    }
    .hd_opener { display: block; }
    .hd_opener svg { color: #fff; }
    #user_btn { width: 50px; height: 50px; font-size: 2.6rem; margin-left: auto; background: transparent; border: none; margin-top: -5px; }
    #gnb_open { width: 50px; height: 50px; font-size: 3.1rem; margin-right: auto; background: transparent; border: none; }
    .hd_sch_wr { display: none; position: absolute; bottom: -64px; left: 0; width: 100%; height: 60px; z-index: 9999; box-shadow: 0px 3px 6px #00000032; }
    #hd_sch #sch_stx, #hd_sch #sch_submit { height: 60px; background: var(--inputBg); color: var(--fontColor); }
    .hd_sch_wr.active { display: block; }
    #user_btn { margin-right: 0px; }
    .gnb_mo.active { display: block; }

    /* new.css */
    #new_sch select {width: calc(50% - 2.2px);}
    #new_sch .frm_input {width: 100%;margin-top: 5px;}
    #new_sch .btn_submit {margin-top: 20px;}

    /* popular.css */
    #popular {background: #38383890;padding: 10px;}

    /* search.css */
    #sch_res_detail select {width: calc(50% - 2.2px);}
    #sch_res_detail .sch_wr {width: 100%;margin-top: 5px;}

    /* main_list.css */
    .main_bn { border-radius: 0px; }
    .main-slider .slick-dots { max-width: 200px; }
    .main-slider .slick-dots { visibility: hidden; }
    .main-slider .slide-item > .slide-con > .slide-txt { width: 90%; }

    #hd_sch #sch_stx::placeholder { color: var(--fontColor); }
}

@media all and (max-width: 501px) { /* board */
    /* faq */
    #faq_sch .frm_input { width: 100%; max-width: 100%; }
    #faq_sch .btn_submit { margin-top: 20px; }
}