@charset "utf-8";

@font-face {
  font-family: 'rocket';
  src: url('/css/fonts/rocket.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 초기화 */

html {overflow-y:scroll;overflow:hidden;}
body {margin:0;padding:0;font-size:0.75em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}

hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

body::-webkit-scrollbar {
    width:7px;
    height:7px;
}
body::-webkit-scrollbar-track {
    background-color: var(--divscroll_bgcolor1);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--divscroll_bgcolor2);
    border-radius: var(--main_bordertype5);
}


.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.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 {background:#212020}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:var(--type-weak);}
#hd_define li.active a {color:#fff}

#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:var(--type-weak);}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {position:relative;background:#fff}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#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.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-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 {display:block;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:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;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;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;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.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#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 {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

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

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .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}

/* 본문 바로가기 */
#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:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

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

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#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('../img/captcha2.png') 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('../img/captcha2.png') 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.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}*/
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #2F3749;background:#1D2333;color:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;color:#9aa4bf;}

/* 캡챠 자동등록(입력)방지 기본 - 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('../img/captcha2.png') 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.333em;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:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#293249;/*#3a8afd*/;color:#fff;cursor:pointer;border-radius:10px;font-weight:normal !important;}
.btn_submit:hover {background:var(--background-color-gray2)}
.btn_close {border:1px solid var(--border-color);cursor:pointer;border-radius:3px;background:var(--background-color-gray);color:var(--type-weak);}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;border-top:1px solid #333/*#ececec*/;border-bottom:1px solid #333} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;/*border-bottom:1px solid #ececec;*/height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #333;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;/*border-bottom:1px solid #e8e8e8*/}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #333;border-bottom:1px solid #333;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#3a3a3a;/*fafafa*/}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid var(--border-color);background:#1D2333;color:#fff;vertical-align:middle;border-radius:var(--main_bordertype4);padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;background-color:var(--background-color-gray);color:#fff;border:1px solid var(--border-color);}
.frm_input::placeholder {color:#9aa4bf;}


.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:20px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}


.new_win .win_ul {margin-bottom:15px;padding:0 10px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:right;background:#21283B;text-align:center;padding:0 10px;border-radius:10px;margin-left:5px;}
.new_win .win_ul li:last-child {margin-right:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#9aa4bf;}
.new_win .win_ul .selected {position:relative;z-index:5}
.new_win .win_ul .selected a {color:#4fe744;}

.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#1D2333;color:#9aa4bf;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#21283B;border-radius:3px 0 0 3px}


#memo_write .frm_input {margin-bottom:8px;}
.new_win .frm_info {font-size:0.92em;color:var(--type-weak);}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#9aa4bf;background:transparent;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {
	color:var(--main_fontcolor3) !important;	
}
.sv_member2 {
	color:var(--msidebar_color5) !important;	
}
.sv_member3 {
	color:var(--main_newscolor4) !important;	
}
.sv_member4 {
	color:var(--chul_repinfocolor8) !important;	
}
.sv_member5 {
	color:var(--board_reply_repinfocolor8) !important;	
}
.sv_member6 {
	color:var(--board_list_color49) !important;	
}
.sv_member7 {
	color:var(--board_list_color51) !important;	
}
.sv_member8 {
	color:var(--board_list_color52) !important;	
}
.sv_member9 {
	color:var(--board_list_color53) !important;	
}
.sv_member10 {
	color:var(--board_list_color54) !important;	
}

.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

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


.mobile_only {
	display:none;
}
.pc_only{
	display:block;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


@font-face {
  font-family: "a1";
  font-style: normal;
  font-weight: 400;
  src: local("/font/a1"), /* computer */
    url("/font/a1.eot"), /* IE9 Compat Modes */
    url("/font/a1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */  
    url("/font/a1.woff") format("woff"), /* Modern Browsers */
    url("/font/a1.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a2";
  font-style: normal;
  font-weight: 500;
  src: local("/font/a2"), /* computer */
    url("/font/a2.eot"), /* IE9 Compat Modes */
    url("/font/a2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
    url("/font/a2.woff") format("woff"), /* Modern Browsers */
    url("/font/a2.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a3";
  font-style: normal;
  font-weight: 600;
  src: local("/font/a3"), /* computer */
    url("/font/a3.eot"), /* IE9 Compat Modes */
    url("/font/a3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a3.woff") format("woff"), /* Modern Browsers */
    url("/font/a3.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a4";
  font-style: normal;
  font-weight: 700;
  src: local("../font/a4"), /* computer */
    url("/font/a4.eot"), /* IE9 Compat Modes */
    url("/font/a4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a4.woff") format("woff"), /* Modern Browsers */
    url("/font/a4.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a5";
  font-style: normal;
  font-weight: 800;
  src: local("../font/a5"), /* computer */
    url("/font/a5.eot"), /* IE9 Compat Modes */
    url("/font/a5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a5.woff") format("woff"), /* Modern Browsers */
    url("/font/a5.ttf") format("truetype"); /* Safari, Android, iOS */
}





/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}


/*
	z-index

	head 1000
	left menu 990
	tail 1000


	popup iframe 1100
	popup normal 1100

	poopup background 900
*/

html, body {
	max-width: 100%;
	overflow-x: hidden;
	overflow-y:auto;
	/*color:#cbcbcb;*/
	color:#9aa4bf;
}

body {
	margin:0;padding:0;
	/*
	font-size:0.80em;
	font-family:'Nanum Gothic','Malgun Gothic', dotum, sans-serif;
	*/
	font-size: 13px;
	font-family: "a2",sans-serif;
	background:var(--main_bgcolor);
	height:100%;
}

input, button, option, select {font-family: "a2",sans-serif;}
a {text-decoration:none; transition: all 0.2s ease-in-out;}

div:not(.clr-gradient){
	color:var(--main_fontcolor);
}
span,a {
	color:var(--main_fontcolor);
}
.fc-weak {color:var(--main_fontcolor2);}
.fc-blue {color:var(--blue-color);}
.fc-white {color:#fff;}


#popup-lmenu{
	display:none;
	position:fixed;
	z-index:1020;
	bottom:0;
	top:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	height:100vh;
}

#popup-lmenu > #popup-lmenu_wrap {
	display:flex;
}
#popup-lmenu > #popup-lmenu_wrap > div:nth-child(2) {
	margin-left: auto;
	width:var(--msidebar_width);
	height: 100vh;
	background-color:var(--msidebar_bgcolor);
	border:0px solid var(--border-color);
	overflow-y:auto;
    margin-top:var(--mobile-head-height);
}
#popup-lmenu > #popup-lmenu_wrap > div:nth-child(1) {flex:1;}


.lmenu-off {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0;
    background-color: transparent;
    color: var(--msidebar_ccolor);
}

#popup-background {
	display:none;
	z-index:1010;
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	margin:0px;
	background-color:#000;
	opacity:0.7;
}

#popup-iframe {
	display:none;
	position:fixed;
	z-index:1100;
	width:400px;
	max-width:100%;
	height:220px;
	top:calc(50% - 110px);
	left:calc(50% - 200px);
	background-color:#fff;
	border:1px solid #E0E0E2;
}


/* 레이아웃용 박스 */
.lbox0_t {
	position:relative;
	border-top:var(--main_wtitlebordersizet) solid var(--main_wtitlebordert);
	border-bottom:var(--main_wtitlebordersizeb) solid var(--main_wtitleborderb);
	border-left:var(--main_wtitlebordersizel) solid var(--main_wtitleborderl);
	border-right:var(--main_wtitlebordersizer) solid var(--main_wtitleborderr);
	border-top-left-radius:var(--main_bordertype);
	border-top-right-radius:var(--main_bordertype);
	height:39px;
	padding-left:4px;
	font-size:14px;
	line-height:39px;
	background-color:var(--main_wtitlecolor);
	
}

.lbox1_t {
    position:relative;border-top-left-radius:var(--main_bordertype);border-top-right-radius:var(--main_bordertype);background-color:var(--background-color-gray);height:39px;border-bottom:1px solid var(--border-color);padding-left:12px;font-size:14px;line-height:39px;
}
.lbox1_t2 {
	position:relative;border-top-left-radius:var(--main_bordertype);border-top-right-radius:var(--main_bordertype);
	background-color:var(--sidebar_headcolor);
	border-top:var(--sidebar_headbordersizet) solid var(--sidebar_headbordert);
	border-bottom:var(--sidebar_headbordersizeb) solid var(--sidebar_headborderb);
	border-left:var(--sidebar_headbordersizel) solid var(--sidebar_headborderl);
	border-right:var(--sidebar_headbordersizer) solid var(--sidebar_headborderr);
	padding-left:12px;font-size:14px;
}
/*
.lbox1_t {position: relative;border-top-left-radius:10px;border-top-right-radius:10px;background-color: var(--background-color-gray);border-bottom: 1px solid var(--border-color);padding-left: 12px;}
*/

.lbox2_t {position:relative;border-top-left-radius:var(--main_bordertype);border-top-right-radius:var(--main_bordertype);background-color:var(--background-color-gray2);height:39px;border-bottom:1px solid var(--border-color);padding-left:12px;font-size:14px;line-height:39px;}
.lbox3_t {position:relative;border-top-left-radius:var(--main_bordertype);border-top-right-radius:var(--main_bordertype);background-color:var(--background-color-gray-deep);height:39px;border-bottom:1px solid var(--border-color);padding-left:12px;font-size:14px;line-height:39px;}
.lbox0_c {position:relative;border-bottom-left-radius:var(--main_bordertype);border-bottom-right-radius:var(--main_bordertype);}
.lbox1_c {
	position:relative;background-color:var(--sidebar_bodycolor);padding:var(--def-space);border-bottom-left-radius:var(--main_bordertype);border-bottom-right-radius:var(--main_bordertype);
	border-top:var(--sidebar_bodybordersizet) solid var(--sidebar_bodybordert);
	border-bottom:var(--sidebar_bodybordersizeb) solid var(--sidebar_bodyborderb);
	border-left:var(--sidebar_bodybordersizel) solid var(--sidebar_bodyborderl);
	border-right:var(--sidebar_bodybordersizer) solid var(--sidebar_bodyborderr);
}
.lbox2_c {
	position:relative;background-color:var(--sidebar_bodycolor);padding:var(--def-space);border-bottom-left-radius:var(--main_bordertype);border-bottom-right-radius:var(--main_bordertype);
	border-top:var(--sidebar_bodybordersizet) solid var(--sidebar_bodybordert);
	border-bottom:var(--sidebar_bodybordersizeb) solid var(--sidebar_bodyborderb);
	border-left:var(--sidebar_bodybordersizel) solid var(--sidebar_bodyborderl);
	border-right:var(--sidebar_bodybordersizer) solid var(--sidebar_bodyborderr);
	
}
.lbox3_c {position:relative;background-color:var(--background-color-gray-deep);padding:var(--def-space);border-bottom-left-radius:var(--main_bordertype);border-bottom-right-radius:var(--main_bordertype);}


.bottom_radius4 {border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.bottom_radius10 {border-bottom-left-radius:var(--main_bordertype);border-bottom-right-radius:var(--main_bordertype);}

.lbox-border {border:1px solid #333;height:50px;border-radius:4px;line-height:50px;color:#fff;padding-left:var(--def-space);}

.page-title-vmore {position:absolute;top:0px;right:10px;cursor:pointer;font-family:"a2",sans-serif;font-size:13px;}
.page-title-vmore > a {color:var(--main_fontcolor2);}
/*.page-title-vmore > a:hover {color:#4fe744;}*/
.page-title-vmore-btn {position:absolute;top:6px;right:10px;cursor:pointer;font-size:14px;font-weight:normal}

.lspace_h, .lspace_h12 {height:12px;width:100%;}
.lspace_h8 {height:8px;width:100%;}
.lspace_h4 {height:4px;width:100%;}
.lspace_h10 {height:10px;width:100%;}
.lspace_h12 {height:12px;width:100%;}
.lspace_h15 {height:15px;width:100%;}
.lspace_h25 {height:25px;width:100%;} 
.lspace_h20 {height:20px;width:100%;}
.lspace_h30 {height:30px;width:100%;}
.lspace_h52 {height:52px;width:100%;}


.rd_btn {border-radius:var(--main_bordertype4);}
.frd_btn {border-radius:var(--main_bordertype4);}

.tcenter {text-align:center;}
.tright {text-align:right;}
.tleft {text-align:left;}

.lpad-0 {padding-left:0;}

.bstyle-gray {background-color:var(--background-color-gray);border:1px solid var(--border-color);color:#fff;}
.bstyle-gray2 {background-color:var(--background-color-gray2);border:1px solid var(--border-color);color:#fff;}
.bstyle-red {background-color:var(--red-color);color:#fff;}
.bstyle-green {background-color:var(--green-color);color:#fff;}
.bstyle-yellow {background-color:var(--yellow-color);color:#000;}
.bstyle-pointc {background-color:var(--point-color);color:#fff;}
.bstyle-white {background-color:#fff;color:#000;}
.bstyle-black {background-color:var(--background-color);border:1px solid var(--border-color);}
.bstyle-blue {background-color:var(--blue-color);color:#fff;}

.bstyle-pleft {padding-left:var(--def-space);}

.bstyle-center {text-align:center;}
.bstyle-left {text-align:left;}
.bstyle-right {text-align:right;}

.bstyle-h50 {height:50px;line-height:50px;}
.bstyle-h40 {height:40px;line-height:40px;}
.bstyle-h30 {height:30px;line-height:32px;}
.bstyle-h28 {height:28px;line-height:28px;}
.bstyle-h26 {height:26px;line-height:26px;}
.bstyle-h24 {height:24px;line-height:24px;}
.bstyle-h23 {height:23px;line-height:23px;}
.bstyle-h20 {height:20px;line-height:20px;}

.tcolor-blue {color:var(--blue-color);}
.tcolor-red {color:var(--red-color);}
.tcolor-yellow {color:var(--yellow-color);}
.tcolor-green {color:var(--green-color);}
.tcolor-black {color:#000;}
.tcolor-white {color:#fff;}


.dpblock {display:block}


.tstyle-bold {/*font-weight:bold;*/}
.cstyle-hand {cursor:pointer;}


.fsize-11px {font-size:11px;}
.fsize-12px {font-size:12px;}
.fsize-13px {font-size:13px;}
.fsize-14px {font-size:14px;}
.fsize-15px {font-size:15px;}
.fsize-18px {font-size:18px;}

.tsmall-13 {display:inline-block;font-size:13px;padding-left:4px;padding-right:4px;}
.tsmall-12 {display:inline-block;font-size:12px;padding-left:4px;padding-right:4px;}
.tsmall-11 {display:inline-block;font-size:11px;padding-left:4px;padding-right:4px;}

.div-border {width:100%;height:1px;background-color:var(--border-color);}
.border-bottom-1px {border-bottom:1px solid var(--border-color);}

.center_img {position: absolute;left: calc(50% - 60px);top: calc(50% - 20px);text-align: center;}


.dpflex {display:flex;}
.dpflex-item-center {align-items:center;}
.dpflex-flex1 {flex:1;}
.dpflex-wrap {flex-wrap:wrap;}
.dpflex-jc-spacebetween {justify-content:space-between}

.child-left-margin4 {}
.child-left-margin4 > div {margin-left: 4px;}
.child-left-margin4 > div:first-child {margin-left: 0;}

.child-left-margin8 {}
.child-left-margin8 > div {margin-left: 8px;}
.child-left-margin8 > div:first-child {margin-left: 0;}

.child-left-margin14 {}
.child-left-margin14 > div {margin-left: 14px;}
.child-left-margin14 > div:first-child {margin-left: 0;}

.child-min-width60 {}
.child-min-width60 > div {min-width:60px;}

.child-min-width70 {}
.child-min-width70 > div {min-width:70px;}
.child-min-width70 > div a {border:0;}


.padding-lr14 {padding-left:14px;padding-right:14px;}


.clear_btn_style {margin:0;padding:0;border:0;}

.h-margin10 {height:10px;width:100%;}
.h-margin100 {height:100px;width:100%;}

.h-margin6 {height:6px;width:100%;}
.h-margin4 {height:4px;width:100%;}
.h-margin1 {height:1px;width:100%;}


/* 반응형 pc2 mobile1 */
.resp_2to1_wrap {display:flex;flex-wrap:wrap;} 
.resp_2to1_wrap > div:nth-child(1) {flex:1;}
.resp_2to1_wrap > div:nth-child(2) {width:var(--grid_2to1_gap);}
.resp_2to1_wrap > div:nth-child(3) {flex:1;}

/* 반응형 pc2 모바일1 2nd*/ 
.resp_2to1_wrap2 {display:flex;flex-wrap:wrap;} 
.resp_2to1_wrap2 > div {width:var(--grid_2to1_size);margin-right:var(--grid_2to1_gap);margin-bottom:var(--grid_2to1_bottom);}
.resp_2to1_wrap2 > div:nth-child(2n) {margin-right:0;}

/* 반응형 pc3 mobile1 */
.resp_3to1_wrap {display:flex;flex-wrap:wrap;}
.resp_3to1_wrap > div {width:var(--grid_3to1_size);margin-right:var(--grid_3to1_gap);}
.resp_3to1_wrap > div:nth-child(3n){margin-right:0;}

/* 반응형 pc3 mobile1 */
.resp_3to1_wrap3 {display:flex;flex-wrap:wrap;} 
.resp_3to1_wrap3 > div {width:var(--grid_3to1_size);margin-right:var(--grid_3to1_gap);}
.resp_3to1_wrap3 > div:nth-child(3n) {margin-right:0;}

/* 반응형 pc4 mobile1 */
.resp_4to2to1_wrap {display:flex;flex-wrap:wrap;}
.resp_4to2to1_wrap > div {display:flex; flex-direction:column; align-self:stretch;flex-basis:var(--grid_4to2to1_size);margin-right:var(--grid_4to2to1_gap);}
.resp_4to2to1_wrap > div:nth-child(4n){margin-right:0%;}

/* 반응형 pc4 mobile2 */
.resp_4to2_wrap {display:flex;flex-wrap:wrap;}
.resp_4to2_wrap > div {display:flex; flex-direction:column; align-self:stretch;flex-basis:var(--grid_4to2_size);margin-bottom:var(--grid_4to2_bottom);margin-right:var(--grid_4to2_gap);}
.resp_4to2_wrap > div:nth-child(4n){margin-right:0%;}


/* 반응형 pc5 mobile2 */
.resp_5to2_wrap {display:flex;flex-wrap:wrap;}
.resp_5to2_wrap > div {width:var(--grid_5to2_size);margin-bottom:var(--grid_5to2_bottom);margin-right:var(--grid_5to2_gap);}
.resp_5to2_wrap > div:nth-child(5n){margin-right:0%;}

#chat_wnd {
	border-radius:var(--main_bordertype); overflow:hidden;
	border-top:var(--sidebar_bodybordersizet) solid var(--sidebar_bodybordert);
	border-bottom:var(--sidebar_bodybordersizeb) solid var(--sidebar_bodyborderb);
	border-left:var(--sidebar_bodybordersizel) solid var(--sidebar_bodyborderl);
	border-right:var(--sidebar_bodybordersizer) solid var(--sidebar_bodyborderr);
}
.chat_wnd_size {height:460px;}



.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


#site-footer {
	font-size:12px; background-color:var(--seo_bodycolor); border-radius:var(--main_bordertype); padding:20px;
	border-top:var(--seo_bodybordersizet) solid var(--seo_bodybordert);
	border-bottom:var(--seo_bodybordersizeb) solid var(--seo_bodyborderb);
	border-left:var(--seo_bodybordersizel) solid var(--seo_bodyborderl);
	border-right:var(--seo_bodybordersizer) solid var(--seo_bodyborderr);
}
#site-footer ul {line-height:1.4; color:var(--seo_bodyfontcolor);}
#site-footer .copyright-text {margin-top:10px;color:var(--seo_bodyfontcolor);}
#site-footer .caution-wrap {display:flex; align-items:center;}
#site-footer .caution {margin-bottom:20px; margin-right:20px;}
#site-footer .caution img {width:40px;}
#site-footer .text-wrap {}

.sports-footer-container {
	overflow:hidden;
	border-radius:var(--main_bordertype);
}
.footer-sports-section {
	position:relative;
	overflow:hidden;
	background-color:var(--background-color-gray2);
}
.footer-sports-section h2 {
	background-color:var(--seo_headcolor);
	color:var(--seo_headfontcolor);
	font-size:15px;
	font-family:"a2", sans-serif;
	font-weight:normal;
	padding:10px 20px;
	margin:0;
	border-top:var(--seo_headbordersizet) solid var(--seo_headbordert);
	border-bottom:var(--seo_headbordersizeb) solid var(--seo_headborderb);
	border-left:var(--seo_headbordersizel) solid var(--seo_headborderl);
	border-right:var(--seo_headbordersizer) solid var(--seo_headborderr);
	
}
.footer-sports-section h2 + div {
	padding:20px;
	color:var(--seo_bodyfontcolor);
	background-color:var(--seo_bodycolor);
	border-top:var(--seo_bodybordersizet) solid var(--seo_bodybordert);
	border-bottom:var(--seo_bodybordersizeb) solid var(--seo_bodyborderb);
	border-left:var(--seo_bodybordersizel) solid var(--seo_bodyborderl);
	border-right:var(--seo_bodybordersizer) solid var(--seo_bodyborderr);
	
}
.footer-sports-section ul {
	list-style-type:none;
	padding-left:5px;
	margin:0;
}
.footer-sports-section li {
	margin-bottom:8px;
	line-height:1.4;
}

.mwidgetbody {
	width:100%;
	overflow:hidden;
	background-color:var(--main_wbodycolor);
	border-top:var(--main_wbodybordersizet) solid var(--main_wbodybordert);
	border-bottom:var(--main_wbodybordersizeb) solid var(--main_wbodyborderb);
	border-left:var(--main_wbodybordersizel) solid var(--main_wbodyborderl);
	border-right:var(--main_wbodybordersizer) solid var(--main_wbodyborderr);
	border-bottom-left-radius:var(--main_bordertype);
	border-bottom-right-radius:var(--main_bordertype);
	padding:var(--main_wbodypadding);
    /*min-height:220px;*/
}


/* 메인화면 베너 */
.mbanner_resp_2to1_wrap {/*margin-bottom:8px;*/background-color:var(--background-color-gray2); padding:12px; border-radius:var(--main_bordertype);}
.mbanner_resp_2to1_wrap {display:flex;flex-wrap:wrap;} 
.mbanner_resp_2to1_wrap > div {width:49.5%;margin-right:1%;}
.mbanner_resp_2to1_wrap > div:nth-child(2n){margin-right:0;}
.mbanner_resp_2to1_wrap img {border-radius:var(--main_bordertype); width:100%;}

/* 메인 슬라이드 배너용 */
.banner-slide-b {display:none;}

#header_wrap {
	position:var(--top_fixv); z-index:1010; top:0; left:0; width:100%; background-color:var(--point-color); margin-bottom:2px; transition: top 0.5s;
}
#header_inner {height:var(--head-height);margin:auto;max-width:var(--max-width);position:relative;display:flex;align-items:center;}
#header_logo {flex-grow:1; display:flex; margin-left:22px;}
#header_logo a {display:block;}
/*#header_logo a:after {content:""; position:absolute; width:50px; height:0; top:20px; left:0; right:0; text-align:center; margin:0 auto; -webkit-animation: footer_navigation 3s infinite linear;}*/
#header_logo img {width:140px;}
#header_menu_btn {position:absolute;left:14px;top:12px;cursor:pointer;color:#fff;display:none;}
#header_menu_list {flex-grow:2;}
/* pc메뉴 */
#header-main-menu {display:flex; margin:0 auto;}
#header-main-menu .mgnb_wrap {margin:0 auto;position:relative}
#header-main-menu #mgnb_1dul {font-size:var(--top_menufontsize);color:var(--top_menucolor);}
#header-main-menu ul:after {display:block;visibility:hidden;clear:both;content:""}
#header-main-menu .mgnb_1dli {font-size:var(--top_menufontsize);float:left;padding:0px;position:relative;height:80px;display:flex;justify-content:center;align-items:center;}
#header-main-menu .mgnb_1da {display:block;color:var(--top_menucolor);font-size:var(--top_menufontsize);border-radius:10px;padding:10px var(--top_menugap);}
#header-main-menu .mgnb_1da:hover {color:var(--top_menuhovercolor); transition-duration:.5s;}

#header-main-menu .mgnb_2dul {display:none;position:absolute;top:60px;min-width:170px;background-color:var(--top_slidebgcolor);border-radius:var(--top_slidebordertype);line-height:normal;height:auto;padding:20px 20px 10px 20px;border:1px solid var(--top_slidebordercolor);}
#header-main-menu .mgnb_2dul li {padding:0;margin:0;margin-bottom:10px;position: relative;}
#header-main-menu .mgnb_2dul a {font-size:var(--top_menufontsize2);color:var(--top_menucolor2);}
#header-main-menu .mgnb_2dul a:hover {color:var(--top_menuhovercolor2);}

#header-main-menu .mgnb_3dul {
    display: none;
    position: absolute;
    top: -20px;
    left: 100%;
    min-width: 180px;
    background-color: var(--top_slidebgcolor);
    border-radius:var(--top_slidebordertype);
    padding: 15px 15px 10px 15px;
    margin-left: 10px;
    z-index: 1001;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border:1px solid var(--top_slidebordercolor);
}

#header-main-menu .mgnb_3dul li {
    padding: 0;
    margin: 0;
    margin-bottom: 8px;
    list-style: none;
}

#header-main-menu .mgnb_3dul a {
    font-size:var(--top_menufontsize2);
    color: var(--top_menucolor2);
    text-decoration: none;
    display: block;
    padding: 4px 0;
}

#header-main-menu .mgnb_3dul a:hover {
    color:var(--top_menuhovercolor2);
}
        
.has-submenu > a::after {
    content: " ▶";
}




#header_wrap {
    background: var(--top_bgcolor);
    background-size: 400% 400%;
    background-attachment: fixed;
    border-bottom:var(--top_bordersize) solid var(--top_bordercolor);
    border-top:var(--top_bordersizet) solid var(--top_bordercolort);
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.wave {
    background: rgb(22 27 40 / 50%);
    border-radius: 1000% 1000% 0 0;
    position: absolute;
    width: 200%;
    height: 7.5em;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
    opacity: 0.8;
	height: 80%;
}

.wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s reverse infinite;
    opacity: 0.9;
	height: 100%;
}

@keyframes wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}








/* 모바일 메뉴 */
#header-mobile-menu-wrap {padding:18px; position:relative;}

#header_login_btn {display:none;}

.header_btn_wrap {width:var(--left-width); display:flex; align-items:center; justify-content:center; padding:0 5px;}
.header_btn {
	background: 0 0;
    border: 0;
    border-radius: 0;
    -ms-flex-align: center;
    align-items: center;
	display: flex;
    height: 100%;
    padding: 0 4px;
    position: relative;
    vertical-align: top;
	margin-left: 15px;
}
.header_btn svg {
	color: #dfe2ea;
}
.header_btn:hover svg {
	color:#40d04f;
}
.header_btn i {
	font-style: normal;
	font-size: 9px;
	background-color: #bb3416;
	color: #fff;
	border-radius: 100px;
	position: absolute;
	right: 0;
	top: 30%;
	min-width: 15px;
	height: 15px;
	line-height: 15px;
}
.header-mobile-menu {margin:0px 0;}
.header-mobile-menu .cnt-active {color:#4fe744}
.header-mobile-menu .mgnb_wrap {margin:0 auto;padding:4px 0 4px 8px;}
/*.header-mobile-menu .mgnb_1dli {position:relative; font-size:15px; line-height:40px; margin:0 15px;}*/
.header-mobile-menu .mgnb_1dli {position:relative; font-size:13px; line-height:32px;}
.header-mobile-menu .mgnb_1dli i {color:var(--msidebar_color2);margin-right:10px;}
.header-mobile-menu .mgnb_1dli a {color:var(--msidebar_color2);}
.header-mobile-menu .mgnb_1dli.hr {border-bottom:1px solid hsla(0,0%,100%,.06);}
.header-mobile-menu .mgnb_1da {display:block;}
.header-mobile-menu .mgnb_1da:hover {color:var(--msidebar_color3);}
.header-mobile-menu .gnb_al_li_plus > a {background: url('../images/etc/gnb_bg.png') no-repeat 100% 50%;}

.header-mobile-menu .mgnb_2dul {
	display:none; margin-bottom:8px; 
	padding:var(--msidebar_spad);
	line-height:normal;
	background-color:var(--msidebar_color4);
	border-radius:var(--main_bordertype);
	border-top: var(--msidebar_smenubordersizet) solid var(--msidebar_smenubordert);
	border-bottom: var(--msidebar_smenubordersizeb) solid var(--msidebar_smenuborderb);
	border-left: var(--msidebar_smenubordersizel) solid var(--msidebar_smenuborderl);
	border-right: var(--msidebar_smenubordersizer) solid var(--msidebar_smenuborderr);
	width:100%;
}
.header-mobile-menu .mgnb_2dul li {margin-bottom:10px;}
.header-mobile-menu .mgnb_2dul li:last-child {margin-bottom:0;}
.header-mobile-menu .mgnb_2dul a:hover {color:var(--msidebar_color3);}

#header-mobile-menu-wrap .hr {border-top:1px solid var(--msidebar_hrcolor);}
#header-mobile-menu-wrap .user-profile-wrap {padding: 4px 8px;display:flex;align-items:center;margin-bottom:5px;}
#header-mobile-menu-wrap .user-profile-wrap .user-img {}
#header-mobile-menu-wrap .user-profile-wrap .user-img > img{width:25px;border-radius: 50%;-ms-flex: none;flex: none;margin-right: 10px;}
#header-mobile-menu-wrap .user-profile-wrap .user-info {padding-left:10px;}
#header-mobile-menu-wrap .user-profile-wrap .txt-profile {background-color: rgba(223, 226, 234, .1);border-radius: 4px;color: rgba(0, 255, 163, .9);display: inline-block;font-size: 10px;height: 18px;line-height: 18px;padding: 0 5px;vertical-align: top;}
#header-mobile-menu-wrap .user-profile-wrap .txt-nick {display: block;font-size: 14px;line-height: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#header-mobile-menu-wrap .block-title{display:flex;align-items:center;color: var(--msidebar_color1);display:flex;letter-spacing: -.3px;padding: 0 4px 5px 8px;padding-top:18px;font-size:12px;}
#header-mobile-menu-wrap .mobile-banner{margin-top: 20px;}
#header-mobile-menu-wrap .mobile-banner img{width: 100%;}

#header-mobile-menu-wrap .infosection {margin-top:10px;margin-bottom:18px;}
#header-mobile-menu-wrap .infosection > div{margin-bottom:12px;}
#header-mobile-menu-wrap .infosection > div:last-child{margin-bottom:0;display:flex;}
#header-mobile-menu-wrap .info-row {display:flex;align-items:center;}

#header-mobile-menu-wrap .info-row > div:first-child{padding-left:0;}
#header-mobile-menu-wrap .info-row > div:nth-child(1) {color:var(--msidebar_color2);width:25px;text-align:center;}
#header-mobile-menu-wrap .info-row > div:nth-child(2) {color:var(--msidebar_color2);flex:1;padding-left:4px;}
#header-mobile-menu-wrap .info-row > div:nth-child(3) {color:var(--msidebar_color2);}
#header-mobile-menu-wrap .info-row > div:nth-child(4) {padding-left:4px;width:15px;text-align:right;color:var(--msidebar_color2);}
#header-mobile-menu-wrap .info-row > div > a {color:var(--msidebar_color2);}
/* 모바일 메뉴 끝*/




#header_menu2_list {position:absolute;right:8px;top:10px;}
.header_menu2_list_items {padding-right:8px;font-size:12px;}

#main_container {display:flex;justify-content:center;margin:auto;padding-top:var(--main_padding);width:100%;max-width:var(--max-width);}
#main_right_container {width:var(--left-width);/*padding:24px 0 var(--def-space) var(--def-space);*/padding:var(--def-space);}
#main_body_container {flex:1;}
#main_contents_wrap {/*border-left:1px solid #333;*/}



#footer_mobile {display:none;position:fixed;left:20px;bottom:10px;right:20px;
    border-radius: var(--mobilebar_btype);
    /*box-shadow: 0 -4px 12px rgb(83 85 157);
    -webkit-box-shadow: 0 -4px 12px rgb(83 85 157);
    -moz-box-shadow: 0 -4px 12px rgb(83 85 157);	
	*/
	background-color:var(--mobilebar_bgcolor);

	border-top:var(--mobilebar_bordersizet) solid var(--mobilebar_bordert);
	border-bottom:var(--mobilebar_bordersizeb) solid var(--mobilebar_borderb);
	border-left:var(--mobilebar_bordersizel) solid var(--mobilebar_borderl);
	border-right:var(--mobilebar_bordersizer) solid var(--mobilebar_borderr);	
	/*-webkit-animation: footer_navigation 3s infinite linear;

	transition: bottom 0.5s;
	border: 2px solid var(--border-color);*/
	z-index:1009;
}

@-webkit-keyframes footer_navigation {
	0% {
		box-shadow: 0 0 20px 5px #7750f8;
	}
	50% {
		box-shadow: 0 0 20px 5px #40d04f;
	}
	100% {
		box-shadow: 0 0 20px 5px #7750f8;
	}
}


#footer_mobile ul {
	display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
#footer_mobile li {
    position: relative;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

#footer_mobile li a {
	display: block;
	padding: 8px 10px;
	text-align:center;
}

#footer_mobile li .menu-name {
	display: block;
	margin-top: 2px;
    line-height: 12px;
    font-size: 10px;
    font-weight: 500;
    color: var(--mobilebar_fontcolor);
}
#footer_mobile li .menu-name.active {
	color: rgb(238, 238, 238);
}

#footer_mobile li .mn-emphasis span {color:var(--mobilebar_fontcolor2);}
#footer_mobile li .mn-emphasis svg {fill:#ffb238;}

/*
#footer_mobile li:nth-child(3) {width:112px; height:61px; background:url('../images/etc/icon_nt_bottom_nav_m_home.png') no-repeat; background-size:87px; text-indent:-9999px;}
*/
#footer_mobile li svg {
	display:block;
	width:21px;
	margin:0 auto;
	fill: #9aa4bf
}

#footer_mobile li img {
	display:block;
	width:21px;
	margin:0 auto;
	fill: #9aa4bf
}

#frame-body {padding:var(--def-space);}
#frame-body .nav-wrap {display:flex;}



/* 메인화면 팝업 */
#popup-alert-msg {
	display:none;
	position:fixed;
	z-index:1100;
	width:300px;
	max-width:100%;
	top:calc(50% - 200px);
	left:calc(50% - 150px);
	border-radius:var(--main_bordertype);
}
#popup-alert-msg-content {
	text-align:center;
	font-weight:normal;
	font-size:13px;
	margin-bottom:15px;
}

/* 반응형 레이아웃 */
.resp_2_to_1 {width:100%;display:flex;flex-wrap:wrap;}
.resp_2_to_1 > div:nth-child(2) {padding-left:8px;}
.resp_2_to_1 > div {width:50%;}

.categories_title_wrap {display:flex;height:54px;align-items:center;padding-right:15px;padding-left:15px;}
.categories_title_wrap .mtitle {
	font-size:20px;color:var(--pageheader_color);
	border-top:var(--pageheader_bordersizet) solid var(--pageheader_bordert);
	border-bottom:var(--pageheader_bordersizeb) solid var(--pageheader_borderb);
	border-left:var(--pageheader_bordersizel) solid var(--pageheader_borderl);
	border-right:var(--pageheader_bordersizer) solid var(--pageheader_borderr);
	padding-top:var(--pageheader_bordersizet);
	padding-bottom:var(--pageheader_bordersizeb);
	padding-left:var(--pageheader_bordersizel);
	padding-right:var(--pageheader_bordersizer);
}
.categories_title_wrap .mcnt {font-size:20px;color:var(--pageheader_color2);padding-left:8px; }
.categories_title_wrap .extra {flex:1;text-align:left;color:var(--sidebar_headcolor2);}
.categories_title_wrap .title {text-align:center;margin-left:10px;cursor:pointer;min-height:18px;font-size:12px;padding: 1px 2px 1px 2px;color:var(--sidebar_headcolor2);}
.categories_title_wrap .active {
	color:var(--sidebar_activefontcolor);
	background-color:var(--sidebar_activecolor);
	padding: 1px 2px 1px 2px;
	/*border-bottom:2px solid var(--sidebar_activecolor);*/
}

/*.categories_bbs_title_wrap {display:flex;height:54px;align-items:center;padding-right:5px;padding-left:5px;}*/
.categories_bbs_title_wrap {display:flex;align-items:center;padding-right:5px;padding-left:5px;}
.categories_bbs_title_wrap .mtitle {
	font-size:20px;font-family:"a2",sans-serif;color:var(--pageheader_color);
	border-top:var(--pageheader_bordersizet) solid var(--pageheader_bordert);
	border-bottom:var(--pageheader_bordersizeb) solid var(--pageheader_borderb);
	border-left:var(--pageheader_bordersizel) solid var(--pageheader_borderl);
	border-right:var(--pageheader_bordersizer) solid var(--pageheader_borderr);
	padding-top:var(--pageheader_bordersizet);
	padding-bottom:var(--pageheader_bordersizeb);
	padding-left:var(--pageheader_bordersizel);
	padding-right:var(--pageheader_bordersizer);
}
.categories_bbs_title_wrap .mcnt {padding-left:8px;font-size:20px;color:var(--pageheader_color2);font-family:"a2",sans-serif;}
.categories_bbs_title_wrap .extra {flex:1;text-align:left;}
.categories_bbs_title_wrap .title {position:relative; text-align:center; cursor:pointer; margin-left:20px; }
.categories_bbs_title_wrap .title a {color:var(--pageheader_color3);}
.categories_bbs_title_wrap .active {color:var(--pageheader_color4);}
.categories_bbs_title_wrap .active a {color:var(--pageheader_color4);}
.categories_bbs_title_wrap .active:after {content:""; position:absolute; left:0; right:0; bottom:-3px; background:var(--pageheader_color4); height:2px;}


/* 메인 사이드바 로그인 */

/* before login */
#main-login-wrap {}

#main-login-wrap .login-top {
	padding:20px;background:var(--sidebar_bodycolor);border-top-left-radius:var(--main_bordertype);border-top-right-radius:var(--main_bordertype);
	border-top:var(--sidebar_bodybordersizet) solid var(--sidebar_bodybordert);
	border-bottom:var(--sidebar_bodybordersizeb) solid var(--sidebar_bodyborderb);
	border-left:var(--sidebar_bodybordersizel) solid var(--sidebar_bodyborderl);
	border-right:var(--sidebar_bodybordersizer) solid var(--sidebar_bodyborderr);
}
#main-login-wrap .login-top .title {margin: 0 0 15px;font-family: "a3",sans-serif;color: var(--sidebar_logincolor6);font-size: 15px;}
#main-login-wrap .login-top .inputArea {border: 1px solid var(--sidebar_logincolor2);border-radius: var(--main_bordertype);overflow: hidden;color:}
#main-login-wrap .login-top .inputArea .id {height:40px;border-bottom: 1px solid var(--sidebar_logincolor2);}
#main-login-wrap .login-top .inputArea .id .iconfont,
#main-login-wrap .login-top .inputArea .pass .iconfont{font-size:18px; line-height:40px;width:42px;display:inline-block;text-align: center; color: var(--sidebar_logincolor1);}
#main-login-wrap .login-top .inputArea input::placeholder {color:#777777;}

#main-login-wrap .login-top .inputArea .id input,
#main-login-wrap .login-top .inputArea .pass input{width: calc(100% - 60px);background:var(--sidebar_bodycolor);border: 0; outline: 0;font-size: 12px;height: 32px;color: var(--sidebar_logincolor1);margin-bottom:7px;}
#main-login-wrap .login-top .inputArea i .on {color:#fff;}

#main-login-wrap .login-top #subLogin {
	cursor: pointer;width: 100%;height: 40px;line-height: 40px;color: var(--sidebar_logincolor3);font-size: 16px;border-radius: var(--main_bordertype);background:var(--sidebar_logincolor4);text-align: center;display:block;margin-top:14px;
	border-top: var(--sidebar_loginbtnbordersizet) solid var(--sidebar_loginbtnbordert);
	border-bottom: var(--sidebar_loginbtnbordersizeb) solid var(--sidebar_loginbtnborderb);
	border-left: var(--sidebar_loginbtnbordersizel) solid var(--sidebar_loginbtnborderl);
	border-right: var(--sidebar_loginbtnbordersizer) solid var(--sidebar_loginbtnborderr);
}

#main-login-wrap .login-top #subLogin:hover {
	background-color: color-mix(in srgb, var(--tvlive_funcbtnbgcolor) 70%, white 30%);
}

#main-login-wrap .login-bottom {
	display:flex;align-items:center; padding:0 15px; border-bottom-left-radius:var(--main_bordertype);border-bottom-right-radius:var(--main_bordertype);height: 55px;
	border-top: var(--sidebar_footerbordersizet) solid var(--sidebar_footerbordert);
	border-bottom: var(--sidebar_footerbordersizeb) solid var(--sidebar_footerborderb);
	border-left: var(--sidebar_footerbordersizel) solid var(--sidebar_footerborderl);
	border-right: var(--sidebar_footerbordersizer) solid var(--sidebar_footerborderr);
	background: var(--sidebar_footercolor);font-size: 0;
}
#main-login-wrap .login-bottom > div {flex:1;text-align:center;}
#main-login-wrap .login-bottom a {font-size: 12px; color: var(--sidebar_logincolor5); font-family: "a3",sans-serif; padding:12px 15px; border-radius:var(--main_bordertype);}
#main-login-wrap .login-bottom a i { color: var(--sidebar_logincolor5); font-size:20px !important;vertical-align:middle;}
/*#main-login-wrap .login-bottom a:hover {background:#2dbb3d; -webkit-animation: darkback 3s infinite linear;}
#main-login-wrap .login-bottom a:hover i {background:#2dbb3d; -webkit-animation: darkback 3s infinite linear;}*/


/* after login */
#main-login2-wrap {}
#main-login2-wrap .login-bottom {
	display:flex;align-items:center;border-bottom-left-radius:var(--main_bordertype);border-bottom-right-radius:var(--main_bordertype);height: 55px;
	border-top: var(--sidebar_footerbordersizet) solid var(--sidebar_footerbordert);
	border-bottom: var(--sidebar_footerbordersizeb) solid var(--sidebar_footerborderb);
	border-left: var(--sidebar_footerbordersizel) solid var(--sidebar_footerborderl);
	border-right: var(--sidebar_footerbordersizer) solid var(--sidebar_footerborderr);
	background: var(--sidebar_footercolor);font-size: 0;
}
#main-login2-wrap .login-bottom > div {flex:1;text-align:center;}
#main-login2-wrap .login-bottom a {font-size: 12px;color: var(--main_fontcolor2);font-family: "a3",sans-serif; padding:12px 15px; border-radius:var(--main_bordertype);}
#main-login2-wrap .login-bottom a i {color: var(--main_fontcolor2);font-size:20px !important;vertical-align:middle;}

#main-login2-wrap .imgsection {margin:20px;text-align:center;}
#usr_area_info_pannel {padding:15px;}

#main-login2-wrap .infosection {flex:1;}
#main-login2-wrap .infosection > div{margin-bottom:12px;}
#main-login2-wrap .infosection > div:last-child{margin-bottom:0;display:flex;}
#main-login2-wrap .info-row {display:flex;align-items:center;}

#main-login2-wrap .info-row > div:first-child{padding-left:0;}
#main-login2-wrap .info-row > div:nth-child(1) {/*color:var(--type-weak);*/width:25px;text-align:center;}
#main-login2-wrap .info-row > div:nth-child(2) {flex:1;}
#main-login2-wrap .info-row > div:nth-child(3) {}
#main-login2-wrap .info-row > div:nth-child(4) {width:15px;text-align:right;color:var(--main_fontcolor2);}

#main-login2-wrap #usr_area_alarm_pannel {}
#main-login2-wrap .alarm-row {display:flex;padding-left:6px;padding-right:0px;width:100%;}
#main-login2-wrap .alarm-row > div:nth-child(1) {flex:1;text-align:left;}
#main-login2-wrap .alarm-row > div:nth-child(2) {text-align:right;}
#main-login2-wrap .alarm-row i {color:var(--type-weak);}
#main-login2-wrap .alarm_btn{display: inline-block;padding: 0 12px;height: 24px;line-height:24px;color:#fff;font-size:14px;border-radius:10px;margin:0 2px 0 0;background:#21283B;cursor:pointer;}
#main-login2-wrap .btn_active {-webkit-animation: darkback 3s infinite linear;}


/* 사이드바 리그별 순위 */
/* head */
#rt-team-rank-title {}
#rt-team-rank-title > div {width:25%;text-align:center;border-radius:4px;cursor:pointer;}
#rt-team-rank-title .active {background-color:var(--background-color-gray);}
#rt-team-rank-title .img {padding-top:4px;}
#rt-team-rank-title .img > img {width:24px;}
#rt-team-rank-title .title {padding-top:4px;padding-bottom:4px;}

.rt-team-rank-title2 {
    background-color:var(--sidebar_bodycolor);
	border-top:var(--sidebar_bodybordersizet) solid var(--sidebar_bodybordert);
	border-bottom:var(--sidebar_bodybordersizeb) solid var(--sidebar_bodyborderb);
	border-left:var(--sidebar_bodybordersizel) solid var(--sidebar_bodyborderl);
	border-right:var(--sidebar_bodybordersizer) solid var(--sidebar_bodyborderr);}
.rt-team-rank-title2 ul {width:100%; padding-inline-start:0;text-align:center;margin:0;padding-top:8px; padding-bottom:8px;}
.rt-team-rank-title2 ul li {margin-left:4px;margin-bottom:4px;padding:4px 8px 4px 8px;border-radius:4px;list-style:none;display:inline-block;cursor:pointer; transition-duration:1s;}
.rt-team-rank-title2 ul li:first-child{margin-left:0px;}
.rt-team-rank-title2 .active {
	color:var(--sidebar_activefontcolor);
	background-color:var(--sidebar_activecolor);
}

/* data */
#rt-team-rank-data {overflow-y:scroll; height:250px;}
#rt-team-rank-data::-webkit-scrollbar {
    width: 4px;
    background-color: var(--divscroll_bgcolor1);
}
#rt-team-rank-data::-webkit-scrollbar-thumb {
	background-color: var(--divscroll_bgcolor2);
	border-radius: var(--main_bordertype);
	/*background-clip: padding-box;
	border: 2px solid #9b6a2f;*/
}
#rt-team-rank-data::-webkit-scrollbar-track {
	background-color: var(--divscroll_bgcolor1);
	border-radius: var(--main_bordertype);
	/*box-shadow: inset 0px 0px 5px var(--background-color-gray2);*/
}  
.rt-team-rank-data-title > div {height:36px;color:var(--main_fontcolor2);text-align:center;min-width:25px;line-height:36px;}
.rt-team-rank-data-title > div:nth-child(1) {}
.rt-team-rank-data-title > div:nth-child(2) {}
.rt-team-rank-data-title > div:nth-child(3) {}
.rt-team-rank-data-title > div:nth-child(4) {}
.rt-team-rank-data-title > div:nth-child(5) {}
.rt-team-rank-data-title > div:nth-child(6) {}
.rt-team-rank-data-title > div:nth-child(6) {}

.rt-team-rank-data-conetent > div {height:30px;line-height:30px;text-align:center;min-width:25px;font-family:"a1",sans-serif;}
.rt-team-rank-data-conetent > div:nth-child(1) {}
.rt-team-rank-data-conetent > div:nth-child(2) {text-align:left;}
.rt-team-rank-data-conetent > div:nth-child(3) {}
.rt-team-rank-data-conetent > div:nth-child(4) {}
.rt-team-rank-data-conetent > div:nth-child(5) {}
.rt-team-rank-data-conetent > div:nth-child(6) {}
.rt-team-rank-data-conetent > div:nth-child(6) {}

#rt-team-rank-data {padding:0 10px 5px 10px;padding-left:4px;padding-right:4px;}
.rt-team-rank-data-bigtitle {height:30px;line-height:30px;}

/* 사이드바 실시간몰리는경기 */
#tops-game-title-wrap {}
#tops-game-title-wrap > div {width:25%;text-align:center;border-radius:4px;cursor:pointer;}
#tops-game-title-wrap .active {background-color:var(--background-color-gray);}
#tops-game-title-wrap .img {padding-top:4px;}
#tops-game-title-wrap .img > img {width:24px;}
#tops-game-title-wrap .title {padding-top:4px;padding-bottom:4px;}

/* data */
.tops-game-dtitle {}
.tops-game-dtitle > div {height:36px;color:var(--type-gray2);text-align:center;min-width:50px;line-height:36px;}

.tops-game-drow > div {height:30px;line-height:30px;text-align:center;min-width:50px;}
.tops-game-drow > div:nth-child(2) {text-align:left;}
.tops-game-drow > div:last-child {border-bottom:none;}
.tops-game-drow-nodata {text-align:center;line-height:80px;color:var(--type-weak);}


/* 중계관련 */
.game-font {font-family: "a3",sans-serif;}
.rocket-font {font-family: "a3",sans-serif;}

.layout_box {min-height:80px;;border:1px solid var(--border-color);background-color:var(--background-color-gray);border-radius:2px;}
.layout_box .--t {border-bottom:1px solid var(--border-color);font-size:14px;padding:6px;padding-left:8px;}
.layout_box .def-padding {padding:8px;}
.menu_width {width:260px;}

.layout_box_simple {padding:8px;border:1px solid var(--border-color);background-color:var(--background-color);border-radius:2px;font-size:14px;}
.layout_banner {height:80px;border:0px solid var(--border-color);text-align:center;line-height:80px;font-size:14px;background-color:var(--background-color);}

.main_baners {display:flex;flex-wrap:wrap;justify-content:center}
.main_baners > div {width:50%;}


.right_bbs_row_wrap {padding:10px 15px; font-family:"a1",sans-serif;}
.right_bbs_row {display:flex;height:26px;align-items:center;}
.right_bbs_row > div:nth-child(1) {}
.right_bbs_row > div:nth-child(2) {}


/* 공통 팝업 스타일*/
.common-popup-wrap {background-color:#161B28;border-radius:10px;}
.common-popup-title {display:flex;height:54px;align-items:center;padding-right:15px;padding-left:15px;border-bottom:1px solid hsla(0, 0%, 100%, .06);font-size:15px;}
.common-popup-title i {color:var(--type-weak);}
.common-popup-title .extra {flex:1;}
.common-popup-title .close-btn {font-size:18px;cursor:pointer;}
.common-popup-title .close-btn i {color:#ff5454;}
.common-popup-content {}
.common-popup-content .bottom-line {border-bottom:1px solid hsla(0, 0%, 100%, .06);font-size:15px;}


/* 영상 자동실행 팝업 */
.auto_start_popup_wrap {width:100%;padding-left:15px;padding-right:15px;}
.auto_start_popup_title {font-size:14px;color:#fff;margin-bottom:10px;}
.auto_start_popup_img_wrap {display:flex;flex-wrap:wrap;}
.auto_start_popup_img_wrap > div {margin-right:10px;width:110px;margin-bottom:8px;}
.auto_start_popup_img_wrap > div > img {width:100%;border-radius:10px;}

/* 일일 미션 */
#popup-mission-box {display:none;position:fixed;z-index:1100;top:calc(50% - 300px);left:calc(50% - 200px);width:80%;max-width:400px;}
#popup-mission-box .mission-content .label-today-point {color:#4fe744;}
#popup-mission-box .mission-content .label-today-xp {color:#4fe744;}
#popup-mission-box .mission-content {padding:15px 18px;}
#popup-mission-box .mission-content .data-head {margin-top:5px;margin-bottom:15px;padding-bottom:15px;font-size:16px;text-align:center;}
#popup-mission-box .mission-content .data-head .extra-txt {color:var(--type-weak);font-size:12px;text-align:center;margin-top:10px;}
#popup-mission-box .mission-content .data-row {display:flex;align-items:center;margin-bottom:15px;margin-top:5px;}
#popup-mission-box .mission-content .data-row .col-label {flex:1;}
#popup-mission-box .mission-content .data-row .col-label span {color:var(--type-weak);display:inline-block;padding-left:8px;}
#popup-mission-box .mission-content .data-row .col-right {}
#popup-mission-box .mission-content .data-row .col-right .rbtn {display:inline-block;text-align:center;width:70px;padding:0 12px;height:20px;line-height:20px;color:var(--type-weak);font-size: 12px;border-radius:10px;margin:0 2px 0 0;background-color:#21283B;}
#popup-mission-box .mission-content .data-row .col-right .color-active {color:#4fe744;}
#popup-mission-box .mission-content .data-row .col-right .color-fff {color:#fff;}

/* 종료된경기 팝업 */
#air-history-fixed-wnd {display:none;position:fixed;z-index:1100;top:calc(50% - 300px);left:calc(50% - 400px);width:80%;max-width:800px;max-height:80%;overflow-y:auto;}
#air-history-fixed-wnd .common-popup-content {padding:10px 15px;}

/* 아이프레임 팝업 */
.popup-fs-width-iframe {display:none;position:fixed;z-index:1100;width:500px;max-width:95%;top:80px;bottom:120px;left:calc(50% - 250px);}
.popup-fs-width-iframe .common-popup-content {position:relative;display:flex;height:100%;}
.popup-fs-width-iframe .common-popup-content iframe {width:calc(100% - 10px);height:calc(100% - 84px);overflow-y:scroll;border:0;margin:0 auto;}

/* 알람 */
#member-alarm-box {display:none;position:fixed;z-index:1100;top:calc(50% - 300px);left:calc(50% - 200px);width:80%;max-width:400px;background-color:#161B28;border-radius:10px;}
#member-alarm-box .not-login {padding:50px 20px;text-align:center;width:100%;}
.member-alarm-title {display:flex;height:54px;align-items:center;padding-right:15px;padding-left:15px;border-bottom:1px solid hsla(0, 0%, 100%, .06);font-size:15px;}
.member-alarm-title i {color:var(--type-weak);}
.member-alarm-title .extra {flex:1;}
.member-alarm-title .close-btn {font-size:18px;cursor:pointer;}
.member-alarm-title .close-btn i {color:#ff5454;}
.member-alarm-wrap {padding:15px;}
.member-alarm-wrap .highlight-text-box {color:#4fe744;}
.member-alarm-wrap .hr {border-bottom:1px solid hsla(0, 0%, 100%, .06);}
.member-alarm-wrap .alarm-row {display:flex;align-items:center;height:36px;padding-left:6px;padding-right:0px;width:100%;}
.member-alarm-wrap .alarm-row .text-col {flex:1;color:#fff;}
.member-alarm-wrap .alarm-row .text-col i {display:inline-block;color:var(--type-weak);margin-right:8px;}
.member-alarm-wrap .alarm-row .btn-col {}
.member-alarm-wrap .textbox-row {margin-left:6px;margin-right:10px;margin-top:6px;margin-bottom:18px;background-color:#1D2333;height:180px;overflow-y:scroll;width:100%;padding:8px;border:1px solid hsla(0, 0%, 100%, .06);}
.member-alarm-wrap .textbox-row .article-wrap {padding:4px 6px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid hsla(0, 0%, 100%, .06);}
.member-alarm-wrap .textbox-row .article-wrap .article-title {display:block;width:100%;margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.member-alarm-wrap .textbox-row .article-wrap .article-cnt {color:var(--type-weak);padding-left:8px;}
.member-alarm-wrap .textbox-row .article-wrap:last-child {border:0;}
.member-alarm-wrap .link-btn {display: inline-block;padding: 0 12px;height: 20px;line-height: 20px;color: #fff;font-size: 12px;border-radius: 10px;margin: 0 2px 0 0;background-color:#21283B;}
.member-alarm-wrap .link-btn.active {background: #40d04f;color:#161B28;}

.octagon_num {width:20px;height:23px;background:url(../img/level_bg.png) no-repeat;line-height:23px;color:#ffffff;font-family:"a3",sans-serif;font-size: 12px;display:inline-block;}


/* 사용자 경험치별 레벨 안내 */
.mb_level_tbl {
	background-color: #21283B;
	border-collapse: collapse;
	width: 300px;
	margin: 0 auto; /* Add this line to center align the table */
}
.mb_level_tbl {background-color:#21283B;border-collapse:collapse; width:80%}
.mb_level_tbl th {background-color:#21283B;color:#fff;border:1px solid #21283B;padding:5px;height:36px}
.mb_level_tbl td {border:1px solid #21283B;padding:5px;text-align:center;color:#fff;height:36px}
.mb_level_tbl tbody tr:nth-child(odd) {background-color:#2C3247}
.mb_level_tbl tbody tr:nth-child(even) {background-color:#21283B}



/* 메인 스포츠중계 블럭 */
.cast-recent-wrap {}
.cast-recent-wrap .cast-recent-row {background-color:var(--background-color-gray);}

/* 디자인 변경 테스트 */
.cast-recent-row {border-radius:var(--main_bordertype); overflow:hidden; margin-top:12px;}
.cast-recent-row .row-wrap {
	display:flex; align-items:center; position:relative;
	padding:var(--main_livewbodypadding);
	background-color:var(--main_livewbodycolor);
	border-top:var(--main_livewbodybordersizet) solid var(--main_livewbodybordert);
	border-bottom:var(--main_livewbodybordersizeb) solid var(--main_livewbodyborderb);
	border-left:var(--main_livewbodybordersizel) solid var(--main_livewbodyborderl);
	border-right:var(--main_livewbodybordersizer) solid var(--main_livewbodyborderr);
}
.cast-recent-row .img-wrap {
	position:relative; width:110px; min-width:110px; height:70px; text-align:center; border-radius:var(--main_bordertype); overflow:hidden;
	padding:var(--main_livewimgpadding);
}
.cast-recent-row .img-wrap a {display:block;}
.cast-recent-row .img-wrap img {height:70px; aspect-ratio:16/9;}
.cast-recent-row .img-wrap a:after {content:""; position:absolute; right:0; width:100%; height:100%; background:rgb(0 0 0 / 14%); top:0;}

.cast-recent-row .data-wrap {
	flex:1; min-width:0; 
	padding:var(--main_livewctxpadding);
}
.cast-recent-row .data-wrap .cast-header-information {margin-bottom:5px;}
.cast-recent-row .data-wrap .cast-header-information .league-wrap {display:flex;}
.cast-recent-row .data-wrap .cast-header-information .league-image img {height:14px; margin-right:5px;}
.cast-recent-row .data-wrap .cast-header-information .league-name {font-size:12px; color:var(--main_fontcolor2);}
.cast-recent-row .data-wrap .cast-match-title {align-content:center;}
.cast-recent-row .data-wrap .cast-match-title .home-team,
.cast-recent-row .data-wrap .cast-match-title .away-team {display:flex; align-items:center;}
.cast-recent-row .data-wrap .cast-match-title .team-emblem {display:grid; align-items:center; margin-right:5px;}
.cast-recent-row .data-wrap .cast-match-title .team-emblem img {width:15px; max-width:15px; max-height:15px; display:block;}
.cast-recent-row .data-wrap .cast-match-title .home-team-name,
.cast-recent-row .data-wrap .cast-match-title .away-team-name {width:100%; font-weight:normal; line-height:1.5;}
.cast-recent-row .data-wrap .cast-match-title .home-team-score,
.cast-recent-row .data-wrap .cast-match-title .away-team-score {display:block; width:30px; font-family:'a3', sans-serif; text-align:right; color:#fff;}
.cast-recent-row .data-wrap .cast-match-title .glist-score-win {color:#009fff;}
.cast-recent-row .data-wrap .cast-match-title .title_only {/*text-align:center;*/}
.cast-recent-row .footer-wrap {
	display:flex;
	padding:var(--main_livewfooterpadding); 
	background-color:var(--main_livewfootercolor);
	border-top:var(--main_livewfooterbordersizet) solid var(--main_livewfooterbordert);
	border-bottom:var(--main_livewfooterbordersizeb) solid var(--main_livewfooterborderb);
	border-left:var(--main_livewfooterbordersizel) solid var(--main_livewfooterborderl);
	border-right:var(--main_livewfooterbordersizer) solid var(--main_livewfooterborderr);
}
.cast-recent-row .left-information {width:55%;}
.cast-recent-row .viewer {font-size:12px; color:var(--main_fontcolor2);}
.cast-recent-row .viewer i {font-style:normal;}
.cast-recent-row .viewer:before {content:""; display:inline-block; width:3px; height:3px; margin-right:3px; border-radius:100px; background-color:var(--type-weak); vertical-align:middle;}
.cast-recent-row .timer {font-size:12px; color:var(--main_fontcolor2);}
.cast-recent-row .right-information {width:45%; text-align:right;}
.cast-recent-row .right-information .txt-description {text-align:right; font-size:12px; color:var(--main_fontcolor2);}

.cast-recent-row .match-status {font-size:11px;}

.cast-recent-wrap .slick-list {margin: 0 0px;}
.cast-recent-wrap .slick-slide {margin: var(--main_livepadding);}

.cast-recent-wrap {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.cast-recent-wrap.slick-initialized {
    visibility: visible;
    opacity: 1;    
}

/* 슬라이드형 박스 디자인 */
.cast-recent-row .row-wrap {display:block;}
.cast-recent-row .img-wrap {width:100%; height:92px; margin-bottom:10px;}
.cast-recent-row .img-wrap img {width:100%; height:92px; max-height:92px;}
.cast-recent-row .data-wrap {
	display:block;
	padding:var(--main_livewctxpadding);
}
.cast-recent-row .data-wrap .cast-header-information .league-image {display:none;}
.cast-recent-row .data-wrap .cast-header-information .league-image img {margin:0 auto;}
.cast-recent-row .data-wrap .cast-header-information .league-name {font-size:11px;}
.cast-recent-row .data-wrap .cast-match-title {min-height:39px;}
.cast-recent-row .data-wrap .cast-match-title .team-emblem img {max-width:18px; max-height:18px; width:18px;}
.cast-recent-row .left-information {width:100%;}
.cast-recent-row .right-information {display:none;}
.cast-recent-row .footer-wrap {text-align:center;}
.cast-recent-row .data-wrap .cast-match-title .title_only {text-align:center;}
.cast-recent-row .time-elapsed-before {color:#4fe744;}

.common_top_page_title {display:flex;align-items:center;padding-right:5px;padding-left:5px;}
.common_top_page_title .mtitle {
	font-size:20px;color:var(--pageheader_color);
	border-top:var(--pageheader_bordersizet) solid var(--pageheader_bordert);
	border-bottom:var(--pageheader_bordersizeb) solid var(--pageheader_borderb);
	border-left:var(--pageheader_bordersizel) solid var(--pageheader_borderl);
	border-right:var(--pageheader_bordersizer) solid var(--pageheader_borderr);
	padding-top:var(--pageheader_bordersizet);
	padding-bottom:var(--pageheader_bordersizeb);
	padding-left:var(--pageheader_bordersizel);
	padding-right:var(--pageheader_bordersizer);
}
.common_top_page_title .mcnt {font-size:20px;color:var(--pageheader_color2);padding-left:8px;}
.common_top_page_title .extra {flex:1;}
.common_top_page_title .title-wrap {
    flex: 2;
    display: flex;
    max-width: calc(100% - 100px);
	padding-bottom: 3px;
	justify-content: flex-end;
}
.common_top_page_title .title {position:relative; text-align:center; cursor:pointer; margin-left:20px; flex:0 0 auto;color:var(--pageheader_color3) !important;}
.common_top_page_title .title a {color:var(--pageheader_color3);}
.common_top_page_title .active {color:var(--pageheader_color4);}
.common_top_page_title .active a {color:var(--pageheader_color4);}
.common_top_page_title .active:after {content:""; position:absolute; left:0; right:0; bottom:-3px; background:var(--pageheader_color4); height:2px;}

.common_rnd_box {padding: 25px;background:var(--background-color-gray);border-radius: var(--main_bordertype);}


@media (max-width:1160px) {

	/* 반응형 pc4 2 mobile1 */
	.resp_4to2to1_wrap {display:flex;flex-wrap:wrap; margin-bottom:-8px;}
	.resp_4to2to1_wrap > div {flex-basis:var(--grid_4to2to1_size2);margin-bottom:var(--grid_4to2to1_bottom);margin-right:var(--grid_4to2to1_gap2);}
	.resp_4to2to1_wrap > div:nth-child(2n){margin-right:0%;}
	
	.partner-view-info .btn-wrap {display:none;}
	.main-menu-item .-title {font-weight:normal !important; font-size:17px !important;  font-family:'a3', sans-serif;}
	.sub-menu-item .-title {font-size:15px !important;}
	#header_inner {height:var(--mobile-head-height); border-bottom:0px solid var(--border-color);}
	.header_btn_wrap {justify-content:right; width:auto; flex-grow:2;}
	.header_btn {margin-left:1px;}	

	#header_menu_list {display:none;}
	#header_menu2_list {display:none;}
	#header_login_btn {display:block;}
	#header_menu_btn {display: block;top:6px; left:10px;line-height:24px;background: #293249;border-radius: 10px;padding: 1px 15px;font-size: 12px;}

	#main_container {display:flex;justify-content:center;margin:auto;padding-top:var(--mobile-head-height);width:100%;max-width:var(--max-width);}
	#main_right_container {position:fixed;width:0;height:0;bottom:-1000px;z-index:1000;}
	#footer_mobile {display:block;}
	#frame-body {padding-left:5px;padding-right:5px;padding-top:12px; margin-bottom:60px;}

	#chat_wnd {display:none;z-index:1500;position:fixed;height:400px;left:0px;bottom:40px;right:0px;background-color:#1d2333;padding-bottom:30px;}
}


@media (max-width:860px) {

	.cast-recent-row {margin-bottom:0 !important;}

	.mobile_only {display:block !important;}
	.pc_only{display:none !important;}

	#header_logo img {width:100px;}

	/* 반응형 pc2 mobile1 */
	.resp_2to1_wrap {display:block} 
	.resp_2to1_wrap > div:nth-child(1) {width:100%;}
	.resp_2to1_wrap > div:nth-child(2) {width:0px;}
	.resp_2to1_wrap > div:nth-child(3) {width:100%;}

	/* 반응형 레이아웃 */
	.resp_2_to_1 {}
	.resp_2_to_1 > div:nth-child(2) {padding-left:0px;}
	.resp_2_to_1 > div {width:100%;}
	
	/* 반응형 pc2 모바일1 2nd*/ 
	.resp_2to1_wrap2 {display:block;} 
	.resp_2to1_wrap2 > div {width:100%; margin-right:0; margin-bottom:var(--grid_2to1_bottom);}

	/* 반응형 pc3 모바일1 */ 
	.resp_3to1_wrap {display:block;} 
	.resp_3to1_wrap > div {width:100%; margin-right:0; margin-bottom:var(--grid_3to1_bottom);}
	
	.resp_3to1_wrap3 {display:block;} 
	.resp_3to1_wrap3 > div {width:100%; margin-right:0; margin-bottom:var(--grid_3to1_bottom);}

	.resp_4to2to1_wrap {display:flex;flex-wrap:wrap; margin-bottom:-8px;}
	.resp_4to2to1_wrap > div {flex-basis:100%;margin-bottom:var(--grid_4to2to1_bottom);margin-right:1%;}
    .resp_4to2to1_wrap > div {width:100%; margin-right:0; margin-bottom:25px;}

	/* 반응형 pc4 mobile2 */
	.resp_4to2_wrap {display:flex;flex-wrap:wrap; margin-bottom:-8px;}
	.resp_4to2_wrap > div {flex-basis:var(--grid_4to2_size2);margin-bottom:var(--grid_4to2_bottom);margin-right:var(--grid_4to2_gap2);}
	.resp_4to2_wrap > div:nth-child(2n){margin-right:0%;}
	
	/* 반응형 pc5 mobile2 */
	.resp_5to2_wrap {display:flex;flex-wrap:wrap;}
	.resp_5to2_wrap > div {width:var(--grid_5to2_size2);margin-bottom:var(--grid_5to2_bottom);margin-right:var(--grid_5to2_gap2);}
	.resp_5to2_wrap > div:nth-child(2n){margin-right:0%;}


	.mbanner_resp_2to1_wrap {}
	.mbanner_resp_2to1_wrap > div {margin-right:0;width:100%;margin-bottom:12px;}
	.mbanner_resp_2to1_wrap > div:last-child{margin-bottom:0;};

	#member-alarm-box {display:none;position:fixed;z-index:1100;top:60px;left:calc(50% - 170px);width:90%;max-width:340px;background-color:#161B28;border-radius:10px;}
	#popup-mission-box {display:none;position:fixed;z-index:1100;top:60px;left:calc(50% - 170px);width:90%;max-width:340px;background-color:#161B28;border-radius:10px;}
	#air-history-fixed-wnd {display:none;position:fixed;z-index:1100;top:60px; left:50%; transform:translateX(-50%); width:90%; background-color:#161B28;border-radius:10px;}

	.popup-fs-width-iframe {display:none;position:fixed;z-index:1100;top:60px;left:calc(50% - 170px);width:90%;max-width:340px;bottom:70px;}

	.auto_start_popup_img_wrap {height:200px;overflow-y:scroll;}
		
	.game-font {font-family: "Noto Sans KR","맑은 고딕",Dotum,"돋움",Arial,sans-serif;}

	.hide-header #header_wrap {top:-100px;}
	.hide-header #popup-lmenu {padding-top:0;}

	#popup-usr-info {
		padding:0 !important;
		top:var(--mobile-head-height) !important;
		border:0 !important;
		background-color:transparent !important;
		width:100% !important;
		left: 0 !important;
		right: 0 !important;
		max-width: 100% !important;
	}	
	#popup-usr-info .categories_title_wrap {border-radius:0;}
	#main-login2-wrap .imgsection {margin:20px 40px;}
	#main-login2-wrap #mb_usr_area_info_pannel {padding:15px 30px;}

	.wave {height:5em;}
	#header_wrap {overflow:hidden;}
	.header_btn_wrap {justify-content:right; width:auto; flex-grow:2;}
	.header_btn {margin-left:1px;}
	
}



#header-main-menu .mn-emphasis > a,
#mgnb_1dul .mn-emphasis > a {color:var(--top_menuimpactcolor);}
#header-main-menu .mn-emphasis > a:hover,
#mgnb_1dul .mn-emphasis > a:hover {color:var(--top_menuimpactcolor);}

#header-main-menu .mn-emphasis2 > a,
#mgnb_1dul .mn-emphasis2 > a {color:#ff8400;}
#header-main-menu .mn-emphasis2 > a:hover,
#mgnb_1dul .mn-emphasis2 > a:hover {color:#ff8400;}

.talk-bubble {
display: inline-block;
position: absolute;
background-color:var(--top_bubblebgcolor);
border-radius: var(--top_bubblebordertype);
top:8px;
left:50%;
transform:translate(-50%, 0);
white-space:nowrap;
animation: bounce 1s;
animation-iteration-count: infinite;
border:1px solid var(--top_bubblebordercolor);
}
.talk-bubble .talktext {padding:3px 5px; text-align:center;}
.talk-bubble .talktext p {font-size:var(--top_bubblefontsize);color:var(--top_bubblefontcolor);}

.talk-bubble .talktext2 {padding:3px 5px; text-align:center;}
.talk-bubble .talktext2 p {font-size:var(--top_bubblefontsize);color:var(--top_bubblefontcolor);}

@keyframes bounce {
	0% {top:5px; -webkit-animation-timing-function:ease-in;}
	3% {top:7px; -webkit-animation-timing-function:ease-out;}
	50% {top:10px; -webkit-animation-timing-function:ease-in;}
	80% {top:7px; -webkit-animation-timing-function:ease-out;}
	100% {top:5px; -webkit-animation-timing-function:ease-in;}
}

.side-banner {display:block;}
.side-banner img {width:100%; border-radius:var(--main_bordertype);}



.new_icon {
    display:inline-block;
    width:16px;
    line-height:16px;
    font-size:0.825em;
    color:var(--commonetc_color2) !important;
    background:var(--commonetc_color1) !important;
    border-top:var(--commonetc_border1sizet) solid var(--commonetc_border1t);
    border-bottom:var(--commonetc_border1sizeb) solid var(--commonetc_border1b);
    border-left:var(--commonetc_border1sizel) solid var(--commonetc_border1l);
    border-right:var(--commonetc_border1sizer) solid var(--commonetc_border1r);
    text-align:center;
    border-radius:var(--main_bordertype2) !important;
    margin-left:2px;
    vertical-align:baseline
}


/* 1. 기본 글로우 */
.basic-glow {
    animation: basic-glow-anim 2s infinite ease-in-out;
}

@keyframes basic-glow-anim {
    0%, 100% { box-shadow: 0 0 20px 5px rgba(var(--primary-color), 0.6); }
    50% { box-shadow: 0 0 30px 10px rgba(var(--primary-color), 0.9); }
}

/* 2. 듀얼 컬러 펄스 */
.dual-pulse {
    animation: dual-pulse-anim 3s infinite ease-in-out;
}

@keyframes dual-pulse-anim {
    0%, 100% { box-shadow: 0 0 20px 6px rgba(var(--primary-color), 0.8); }
    50% { box-shadow: 0 0 25px 8px rgba(var(--secondary-color), 0.9); }
}

/* 3. 트리플 레이어 */
.triple-layer {
    animation: triple-layer-anim 4s infinite ease-in-out;
}

@keyframes triple-layer-anim {
    0% { box-shadow: 0 0 15px 4px rgba(var(--primary-color), 0.7); }
    33% { box-shadow: 0 0 20px 6px rgba(var(--secondary-color), 0.8); }
    66% { box-shadow: 0 0 25px 8px rgba(var(--accent-color), 0.9); }
    100% { box-shadow: 0 0 15px 4px rgba(var(--primary-color), 0.7); }
}

/* 4. 레인보우 사이클 */
.rainbow-cycle {
    animation: rainbow-cycle-anim 5s infinite linear;
}

@keyframes rainbow-cycle-anim {
    0% { box-shadow: 0 0 20px 5px rgba(var(--primary-color), 0.8); }
    20% { box-shadow: 0 0 22px 6px rgba(var(--secondary-color), 0.8); }
    40% { box-shadow: 0 0 24px 7px rgba(var(--accent-color), 0.8); }
    60% { box-shadow: 0 0 26px 8px rgba(var(--highlight-color), 0.8); }
    80% { box-shadow: 0 0 24px 7px rgba(var(--complementary-color), 0.8); }
    100% { box-shadow: 0 0 20px 5px rgba(var(--primary-color), 0.8); }
}

/* 5. 브리드 효과 */
.breathe-effect {
    animation: breathe-anim 4s infinite ease-in-out;
}

@keyframes breathe-anim {
    0%, 100% { 
        box-shadow: 0 0 10px 2px rgba(var(--primary-color), 0.4);
        transform: scale(1);
    }
    50% { 
        box-shadow: 0 0 30px 12px rgba(var(--secondary-color), 0.8);
        transform: scale(1.02);
    }
}

/* 6. 다중 글로우 */
.multi-glow {
    animation: multi-glow-anim 3s infinite ease-in-out;
}

@keyframes multi-glow-anim {
    0%, 100% { 
        box-shadow: 
            0 0 10px rgba(var(--primary-color), 0.8),
            0 0 20px rgba(var(--primary-color), 0.6),
            0 0 30px rgba(var(--secondary-color), 0.4);
    }
    50% { 
        box-shadow: 
            0 0 15px rgba(var(--secondary-color), 0.9),
            0 0 25px rgba(var(--secondary-color), 0.7),
            0 0 35px rgba(var(--primary-color), 0.5);
    }
}

/* 7. 펄스 웨이브 */
.pulse-wave {
    animation: pulse-wave-anim 2.5s infinite ease-in-out;
}

@keyframes pulse-wave-anim {
    0% { box-shadow: 0 0 15px 3px rgba(var(--primary-color), 0.6); }
    25% { box-shadow: 5px 0 20px 5px rgba(var(--accent-color), 0.7); }
    50% { box-shadow: 0 5px 25px 7px rgba(var(--secondary-color), 0.8); }
    75% { box-shadow: -5px 0 20px 5px rgba(var(--highlight-color), 0.7); }
    100% { box-shadow: 0 0 15px 3px rgba(var(--primary-color), 0.6); }
}

/* 8. 네온 플리커 */
.neon-flicker {
    animation: neon-flicker-anim 1.5s infinite alternate;
}

@keyframes neon-flicker-anim {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        box-shadow: 
            0 0 4px #fff,
            0 0 11px rgba(var(--primary-color), 0.8),
            0 0 19px rgba(var(--primary-color), 0.6),
            0 0 40px rgba(var(--secondary-color), 0.4);
    }
    20%, 24%, 55% {
        box-shadow: 0 0 5px rgba(var(--primary-color), 0.3);
    }
}

/* 9. 하트비트 */
.heartbeat {
    animation: heartbeat-anim 1.8s infinite ease-in-out;
}

@keyframes heartbeat-anim {
    0% { box-shadow: 0 0 10px 2px rgba(var(--primary-color), 0.4); }
    14% { box-shadow: 0 0 25px 8px rgba(var(--secondary-color), 0.8); }
    28% { box-shadow: 0 0 10px 2px rgba(var(--primary-color), 0.4); }
    42% { box-shadow: 0 0 30px 10px rgba(var(--accent-color), 0.9); }
    70% { box-shadow: 0 0 10px 2px rgba(var(--primary-color), 0.4); }
}

/* 10. 오로라 시프트 */
.aurora-shift {
    animation: aurora-shift-anim 6s infinite ease-in-out;
}

@keyframes aurora-shift-anim {
    0%, 100% { 
        box-shadow: 
            0 0 20px 5px rgba(var(--primary-color), 0.6),
            0 0 40px 10px rgba(var(--complementary-color), 0.3);
    }
    33% { 
        box-shadow: 
            0 0 20px 5px rgba(var(--secondary-color), 0.6),
            0 0 40px 10px rgba(var(--highlight-color), 0.3);
    }
    66% { 
        box-shadow: 
            0 0 20px 5px rgba(var(--accent-color), 0.6),
            0 0 40px 10px rgba(var(--primary-color), 0.3);
    }
}

/* 11. 일렉트릭 글리치 */
.electric-glitch {
    animation: electric-glitch-anim 0.2s infinite linear;
}

@keyframes electric-glitch-anim {
    0% { box-shadow: 0 0 15px 3px rgba(var(--complementary-color), 0.8); }
    20% { box-shadow: 2px -1px 18px 4px rgba(var(--primary-color), 0.9); }
    40% { box-shadow: -1px 2px 20px 5px rgba(var(--secondary-color), 0.7); }
    60% { box-shadow: 1px 1px 16px 3px rgba(var(--accent-color), 0.8); }
    80% { box-shadow: -2px 0px 22px 6px rgba(var(--highlight-color), 0.9); }
    100% { box-shadow: 0 0 15px 3px rgba(var(--complementary-color), 0.8); }
}

/* 12. 그라데이션 플로우 */
.gradient-flow {
    animation: gradient-flow-anim 4s infinite ease-in-out;
}

@keyframes gradient-flow-anim {
    0% { 
        box-shadow: 
            0 0 20px 5px rgba(var(--primary-color), 0.6),
            0 0 40px 15px rgba(var(--primary-color), 0.2);
    }
    25% { 
        box-shadow: 
            0 0 25px 7px rgba(var(--secondary-color), 0.7),
            0 0 45px 18px rgba(var(--secondary-color), 0.3);
    }
    50% { 
        box-shadow: 
            0 0 30px 10px rgba(var(--accent-color), 0.8),
            0 0 50px 20px rgba(var(--accent-color), 0.3);
    }
    75% { 
        box-shadow: 
            0 0 25px 7px rgba(var(--highlight-color), 0.7),
            0 0 45px 18px rgba(var(--highlight-color), 0.3);
    }
    100% { 
        box-shadow: 
            0 0 20px 5px rgba(var(--primary-color), 0.6),
            0 0 40px 15px rgba(var(--primary-color), 0.2);
    }
}



/* 게시판 검색 */
.searchbox_wrap {
	padding:20px;background: var(--schform_bgcolor);border-radius: var(--main_bordertype);display:flex;
	border-top:var(--schform_bordersizet) solid var(--schform_bordert);
	border-bottom:var(--schform_bordersizeb) solid var(--schform_borderb);
	border-left:var(--schform_bordersizel) solid var(--schform_borderl);
	border-right:var(--schform_bordersizer) solid var(--schform_borderr);
}
.searchbox_wrap .sub-title {font-size: 15px;font-family: "a3";margin: 5px 0 8px; font-weight:normal;color:var(--schform_color);}
.searchbox_wrap .sub-desc {font-size: 12px;font-family: "a2"; font-weight:normal;color:var(--schform_color3);}


.bbs_search_wrap {display:flex;align-items:center;}

.bbs_search_wrap .input-wrap {width:205px;}
.bbs_search_wrap .input-wrap input {
	border-radius:var(--main_bordertype2);
	font-family:"a2",sans-serif;
	width:100%;
	height: 48px;
	padding: 0 15px;
	border: var(--schform_inputborder) solid var(--schform_inputbordercolor);
	outline: 0;
	font-size: 12px;
	color: var(--schform_color4);
	background: var(--schform_bgcolor2);
}
/*.bbs_search_wrap .input-wrap input::placeholder {color:#70788d;}*/

/*.bbs_search_wrap > div {padding-right:8px;}*/
.bbs_search_wrap > div:last-child {padding-right:0px;}
.bbs_search_wrap .scbtn {
	width: 62px;
	height: 48px;
	margin-left: 5px;
	line-height: 46px;
	vertical-align: top;
	text-align: center;
	background: var(--schform_bgcolor3);
	border-radius: var(--main_bordertype);
	color:var(--schform_color5);
	font-size:20px;
	padding:0;
	border:var(--schform_inputborder2) solid var(--schform_inputbordercolor2);
}

.attv_ctr_common {border-radius:2px;color:#fff;background-color:var(--background-color-gray);border:1px solid var(--border-color);}
.attv_ctr_common_input {font-family:"a2",sans-serif;width: 205px;height: 48px;padding: 0 15px;border: 1px solid #3f485f;outline: 0;font-size: 12px;color: #fff;border-radius: var(--main_bordertype);background: #1d2333;}
.attv_ctr_common_input::placeholder {color:#70788d;}

#data_select_interface {
    padding: 20px;
    background: var(--schform_bgcolor);
    border-radius: var(--main_bordertype);
    display: flex;
	border-top:var(--schform_bordersizet) solid var(--schform_bordert);
	border-bottom:var(--schform_bordersizeb) solid var(--schform_borderb);
	border-left:var(--schform_bordersizel) solid var(--schform_borderl);
	border-right:var(--schform_bordersizer) solid var(--schform_borderr);
}

#data_select_interface .description {
    flex: 1;
}

#data_select_interface .sub-title {
    font-size: 15px;
    font-family: "a3";
    margin: 5px 0 8px;
    font-weight: normal;
    color:var(--schform_color);
}

#data_select_interface .sub-desc {
    font-size: 12px;
    color: #9aa4bf;
    font-family: "a2";
    font-weight: normal;
    color:var(--schform_color3);
}

#data_select_interface .date-picker-ui {
    display: flex
;
    align-items: center;
}

#data_select_interface .cell-btn {
    padding: 8px 10px;
    background: var(--schform_bgcolor4);
    color: var(--schform_color7);
    border-radius: var(--main_bordertype5);
    border:var(--schform_inputborder3) solid var(--schform_inputbordercolor3);
    margin-left: 5px;
}

#data_select_interface .cell-btn:first-child {
    margin-left: 0;
}

#data_select_interface .cell-today {
    padding: 5px 10px;
    margin-left: 5px;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: var(--schform_color6);
}

@media (max-width:860px) {

	.searchbox_wrap {display:block;}
	.searchbox_wrap .sub-title {margin-top:0; margin-bottom:5px;}

	.bbs_search_wrap {margin-top:15px;}
	.bbs_search_wrap .input-wrap {width:100%;}
	
}

.chul_wrap {
    padding: 20px;
    background: var(--schform_bgcolor);
    border-radius: var(--main_bordertype);
    display: flex;
	border-top:var(--schform_bordersizet) solid var(--schform_bordert);
	border-bottom:var(--schform_bordersizeb) solid var(--schform_borderb);
	border-left:var(--schform_bordersizel) solid var(--schform_borderl);
	border-right:var(--schform_bordersizer) solid var(--schform_borderr);
}

.chul_vdate {
	color: var(--schform_color2);
}

.chul_wrap .sub-title {
    font-size: 15px;
    font-family: "a3";
    margin: 5px 0 5px;
    font-weight: normal;
    color:var(--schform_color);
}

.chul-green {
    color: var(--schform_color2);
}



/* 페이징 */
/*.pg_wrap {clear:both;float:left;display:inline-block}*/
.pg_wrap {
	clear:both;
	display:var(--pg_width);
	background-color:var(--pg_bgcolor);
	padding:var(--pg_padding);
	border-radius:var(--main_bordertype);
	border-top:var(--pg_bordersizet) solid var(--pg_bordert);
	border-bottom:var(--pg_bordersizeb) solid var(--pg_borderb);
	border-left:var(--pg_bordersizel) solid var(--pg_borderl);
	border-right:var(--pg_bordersizer) solid var(--pg_borderr);
}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {
	display:inline-block;
	vertical-align:middle;
	background-color:var(--pg_bgcolor2);
}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {
	position:relative;
	color:var(--pg_color);
	font-size:12px;
	height:45px;
	min-width:45px;
	line-height:43px;
	padding:0 5px;
	text-decoration:none;
	border-radius:var(--main_bordertype);
	font-family:"a4";
	border:var(--pg_inputborder) solid var(--pg_inputbordercolor);
}
.pg_page:hover {
	background-color:var(--pg_bgcolor3);
	color:var(--pg_color2);
}
.pg_start {
	overflow:hidden;
	padding:0;
}
.pg_prev {
	overflow:hidden;
	padding:0;
}
.pg_end {
	overflow:hidden;
	padding:0;
}
.pg_next {
	overflow:hidden;
	padding:0;/*border:1px solid var(--border-color)*/
}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {
	background-color:var(--pg_bgcolor3);
}

.pg_current {
	display:inline-block;
	background:var(--pg_bgcolor3);
	color:var(--pg_color2);
	height:45px;
	line-height:43px;
	padding:0 10px;
	min-width:45px;
	border-radius:var(--main_bordertype);
}

@media (max-width:860px) {
	.pg_wrap .pg a,
	.pg_current {width:40px; height:40px; min-width:40px;}
	
}


        /* 네임스페이스 컨테이너 */
        .tab-ns {
            line-height: 1.5;
        }

        /* 탭 컨테이너 */
        .tab-ns .tab-container {
            background: var(--tab_bgcolor);
			border-top:var(--tab_bordersizet) solid var(--tab_bordert);
			border-bottom:var(--tab_bordersizeb) solid var(--tab_borderb);
			border-left:var(--tab_bordersizel) solid var(--tab_borderl);
			border-right:var(--tab_bordersizer) solid var(--tab_borderr);
            border-radius: 0px;
            overflow: hidden;
            position: relative;
        }

        /* 탭 네비게이션 */
        .tab-ns .tab-nav {
            display: flex;
            position: relative;
        }

        /* 개별 탭 아이템 */
        .tab-ns .tab-item {
            flex: 1;
            position: relative;
			border-top:var(--tab2_bordersizet) solid var(--tab2_bordert);
			border-bottom:var(--tab2_bordersizeb) solid var(--tab2_borderb);
			border-left:var(--tab2_bordersizel) solid var(--tab2_borderl);
			border-right:var(--tab2_bordersizer) solid var(--tab2_borderr);
        	background: var(--tab_bgcolor);
        }

        /* 탭 버튼 */
        .tab-ns .tab-button {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 5px 12px;
            cursor: pointer;
            transition: all 0.2s ease;
            background: transparent;
            text-decoration: none;
            border: none;
            width: 100%;
            box-sizing: border-box;
            white-space: nowrap;
            min-height: 34px;
            position: relative;
        }

        .tab-ns .tab-item .tab-button span {
        	font-family: "a3";
        	font-size:14px;
        	font-weight: normal;
        	color:var(--tab_color);
		}

        /* 탭 호버 효과 */
        .tab-ns .tab-button:hover {
            background-color: color-mix(in srgb, #1e1e1e 70%, white 30%);
        }

        /* 활성 탭 스타일 */
        .tab-ns .tab-item.active .tab-button {
            background: var(--tab_bgcolor2);
            font-weight: 600;
			border-top:var(--tab3_bordersizet) solid var(--tab3_bordert);
			border-bottom:var(--tab3_bordersizeb) solid var(--tab3_borderb);
			border-left:var(--tab3_bordersizel) solid var(--tab3_borderl);
			border-right:var(--tab3_bordersizer) solid var(--tab3_borderr);
        }
        
        .tab-ns .tab-item.active .tab-button span {
        	color:var(--tab_color2);
		}

        /* 탭 텍스트 */
        .tab-ns .tab-text {
            flex-shrink: 0;
        }

        /* ============================================
           반응형 디자인
        ============================================ */
        
        /* 태블릿 */
        @media (max-width:860px) {
            .tab-ns .tab-button {
                font-size: 0.9rem;
            }
            
            .tab-ns .tab-icon {
                margin-right: 0.375rem;
                font-size: 1em;
            }

            .tab-ns .tab-item {
            	flex:1;
            }
        	
        }

        /* 모바일 */
        @media (max-width: 480px) {
            
            .tab-ns .tab-item {
                flex: 1;
            }
            
            .tab-ns .tab-button {
                font-size: 0.75rem;
            	min-height:40px;
            }
            
            .tab-ns .tab-icon {
                margin-right: 0;
                margin-bottom: 0.125rem;
            }
            
	        .tab-ns .tab-item .tab-button span {
	        	font-size:11px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 100%;            
			}
        	
            
        }
        
        /* 매우 작은 화면용 추가 최적화 */
        @media (max-width: 320px) {
            .tab-ns .tab-button {
                font-size: 0.7rem;
            }
            
            .tab-ns .tab-item .tab-button span {
                font-size: 10px;
            }
        }        




.rank_list {
    width: 100%;
    height: auto;
    position: relative;
}    

.rank_list .rank_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

.rank_list .rank_listbox > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 6px 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--sidebar_prankcolor3);
}

.rank_list .rank_listbox > li .rank_name {
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
}

.rank_list .rank_listbox > li .rank_name .rank_num {
    width: 20px;
    height: 20px;
    font-weight: 300;
    color: var(--sidebar_prankcolor1);
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.rank_list .rank_listbox > li:nth-of-type(1) .rank_name .rank_num, .rank_list .rank_listbox > li:nth-of-type(2) .rank_name .rank_num, .rank_list .rank_listbox > li:nth-of-type(3) .rank_name .rank_num {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 13px;
}

.rank_list .rank_listbox > li:nth-of-type(1) .rank_name .rank_num {
    background-image: url(/images/medal_01.png);
    font-size: 0;
}

.rank_list .rank_listbox > li:nth-of-type(2) .rank_name .rank_num {
    background-image: url(/images/medal_02.png);
    font-size: 0;
}

.rank_list .rank_listbox > li:nth-of-type(3) .rank_name .rank_num {
    background-image: url(/images/medal_03.png);
    font-size: 0;
}

.rank_list .rank_listbox > li .rank_name .name_box {
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.rank_list .rank_listbox > li .rank_name .name_box > span > img {
    height:25px;
}

.rank_list .rank_listbox > li .rank_name .name_box > p {
    font-size: 13px;
    /*color:white;*/
}

.rank_list .rank_listbox > li .point_num {
    font-size: 13px;
    font-weight: 300;
    color: var(--sidebar_prankcolor2);
}

.mainbanner_wrap {
    width: 100%;
    height: auto;
    position: relative;
}    

.mainbanner_wrap .mainbanner_box {
    width: 100%;
    height: auto;
    position: relative;
}

.mainbanner_wrap .mainbanner_box.banner_flex {
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 8px;
}

.mainbanner_wrap .mainbanner_box > li {
    /*flex: 1 1 45%;*/
    width: 100%;
    height: auto;
    position: relative;
}

.mainbanner_wrap .mainbanner_box > li > a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0;
}

.mainbanner_wrap .mainbanner_box > li > a > img {
    width: 100%;
    max-width: 100%;
}

.latest_listbox {
    padding-top:14px;
    padding-left:10px;
    padding-right:10px;
    width: 100%;
    height: auto;
    position: relative;
}    

.latest_listbox .txt_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 11px;
}

.latest_listbox .txt_item .subject_txt {
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.latest_listbox .txt_item .subject_txt > a {
    width: auto;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: normal;
    /*color: #bbb;*/
    padding-left: 10px;
    font-family: "a1",sans-serif;
}

.latest_listbox .txt_item .subject_txt > a::before {
    content: '';
    width: 2px;
    height: 2px;
    background-color: #e49c12;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.latest_listbox .txt_item > p {
    width: 65px;
    height: auto;
    font-size: 13px;
    text-align: right;
    color: #7d7d7d;
}



        /* ============================================
           로딩 오버레이 스타일
        ============================================ */
        
        /* 전체 화면 어두운 배경 */
        .loading-overlay {
            display: none; /* 기본은 숨김 */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 9999;
            backdrop-filter: blur(3px);
        }

        /* 로딩 오버레이가 활성화되면 표시 */
        .loading-overlay.active {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* 로딩 컨테이너 */
        .loading-container {
            text-align: center;
            background: white;
            padding: 2rem;
            border-radius: 0px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
            min-width: 300px;
        }

        /* 로딩 스피너 */
        .loading-spinner {
            width: 60px;
            height: 60px;
            margin: 0 auto 1rem;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #007bff;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* 로딩 텍스트 */
        .loading-text {
            color: #333 !important;
            font-size: 1.1rem;
            font-weight: 500;
            margin-bottom: 1rem;
        }

        /* 프로그레스 바 */
        .loading-progress {
            width: 100%;
            height: 8px;
            background: #e9ecef;
            border-radius: 4px;
            overflow: hidden;
            margin-top: 1rem;
        }

        .loading-progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #007bff, #0056b3);
            width: 0%;
            transition: width 0.3s ease;
            border-radius: 4px;
            animation: progress-animation 2s ease-in-out infinite;
        }

        @keyframes progress-animation {
            0% { width: 0%; }
            50% { width: 70%; }
            100% { width: 100%; }
        }