/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

:root {
  --pr : #E03210;
  --black : #000;
  --black_2 : #222;
  --gray_8 : #888888;
  --gray_c3 : #C3C3C3;
  --gray_c0 : #c0c0c0;
  --gray_e4 : #E4E4E4;
  --gray_e : #eee;
  --wt : #fff;
}

input,a,button,textarea,select,th,td {font-family: 'Pre';}
body {font-family: 'Pre'; top: 0 !important;}
.container {max-width: 1400px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {padding: 120px 0 160px;}

/* tab_nav */
.tab_nav {position: relative; width: 100%; height: auto; margin-top: -64px; z-index: 2;}
.tab_nav ul {display: flex; align-items: center; justify-content: center; border: 1px solid var(--gray_e4); border-top: 0; box-sizing: border-box;}
.tab_nav ul li {width: 100%; height: auto; padding: 20px 0; box-sizing: border-box; background: var(--wt);}
.tab_nav ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; background: var(--wt); font-size: 21px; font-weight: bold; line-height: 1.2; color: var(--gray_c3); border-right: 1px dashed var(--gray_c3); box-sizing: border-box; text-align: center;}
.tab_nav ul li.active {background: var(--pr);}
.tab_nav ul li.active a {background: var(--pr); font-size: 21px; font-weight: bold; line-height: 1.2; color: var(--wt);}
.tab_nav ul li:last-of-type a {border-right: 0;}

/* tit-box */
.tit-box {position: relative; margin-bottom: 20px; text-align: center;}
.tit-box .tit {font-size: 64px; font-weight: bold; line-height: 1; color: var(--black);}
.tit-box .tit2 {display: flex; align-items: center; justify-content: space-between; gap: 206px; white-space: nowrap; border-bottom: 1px solid var(--gray_e4);}
.tit-box .tit:after {content: ''; display: block; width: auto; height: 80px; margin-top: -25px; background: url(./../img/tit_bg1.png)no-repeat 50% 50%; background-size: contain;}
.tit-box .tit2:after {content: ''; display: block; width: 100%; height: 80px; margin-top: 0; margin-bottom: -10px; background: url(./../img/tit_bg2.png)no-repeat 50% 50%; background-size: contain;}

.tit-box .tit4 {position: relative; z-index: 1;}
.tit-box .line {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: block; width: 280px; height: 2px; background: var(--wt); z-index: -1;}
.tit-box .tit4 span {background: var(--wt);}
.tit-box .tit4:after {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 100%; height: 80px; background: url(./../img/tit_bg4.png)no-repeat 50% 50%; background-size: contain; z-index: -2;}
.tit-box .tit4:before {position: absolute; bottom: 20px; left: 0; content: ''; display: block; width: 100%; height: 2px; background: var(--gray_e4); z-index: -2;}

.tit-box .tit5:after {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 100%; height: 80px; background: url(./../img/tit_bg5.png)no-repeat 50% 50%; background-size: contain; z-index: -2;}
.tit-box .tit5:before {position: absolute; bottom: 20px; left: 0; content: ''; display: block; width: 100%; height: 2px; background: var(--gray_e4); z-index: -2;}

.tit-box .tit6:after {content: ''; display: block; width: 100%; height: 80px; margin-top: -40px; background: url(./../img/tit_bg6.png)no-repeat 50% 50%; background-size: contain;}

.tit-box .tit7:after {content: ''; display: block; width: 100%; height: 80px; margin-top: -50px; background: url(./../img/tit_bg7.png)no-repeat 50% 50%; background-size: contain;}

.tit-box .tit8:after {content: ''; display: block; width: 100%; height: 80px; margin-top: -50px; background: url(./../img/tit_bg8.png)no-repeat 50% 50%; background-size: contain;}

.tit-box .tit9 {display: flex; white-space: nowrap;}
.tit-box .tit9:after {content: ''; display: block; width: 100%; height: 80px; margin-top: -50px; margin-left: -245px; background: url(./../img/tit_bg9.png)no-repeat 50% 50%; background-size: contain; z-index: -1;}
.tit-box .tit9:before {position: absolute; bottom: 0; right: 0; content: ''; display: block; max-width: 847px; width: 100%; height: 1px; background: var(--gray_e);}

.tit-box .tit10:after {content: ''; display: block; width: 100%; height: 80px; margin-top: -50px; background: url(./../img/tit_bg10.png)no-repeat 50% 50%; background-size: contain; z-index: -1;}

.tit-box .tit11:after {content: ''; display: block; width: 100%; height: 80px; margin-top: -50px; background: url(./../img/tit_bg12.png)no-repeat 50% 50%; background-size: contain; z-index: -1;}

.tit-box .tit12:after {content: ''; display: block; width: 100%; height: 80px; margin-top: -50px; background: url(./../img/tit_bg14.png)no-repeat 50% 50%; background-size: contain; z-index: -1;}


/* pager */
.pager {width: 100%; height: auto; margin-top: 31px;}
.pager ul {display: flex; align-items: center; justify-content: center; gap: 16px;}
.pager ul .arrow {}
.pager ul .arrow img {width: 20px; height: auto;}
.pager ul .arrow.prev {}
.pager ul .arrow.next {}
.pager ul .num a {font-size: 18px; font-weight: 500; line-height: 1; color: var(--gray_c0);}
.pager ul .num.active a {font-weight: 600; color: var(--black);}

/* btn-box */
.btn-box {display: flex; justify-content: flex-end; margin-top: 17px; margin-bottom: 16px;}
.add_btn {display: flex; align-items: center; justify-content: center; width: 180px; height: 40px; background: var(--pr); font-size: 18px; font-weight: 600; line-height: 1; color: var(--wt); cursor: pointer;}

/* 그누보드 */
.bo_fx {float: none;}
.adm_btn {display: flex; align-items: center; justify-content: center; gap: 2px; width: 80px; height: 30px; border-radius: 5px; border: 1px solid var(--pr); font-size: 14px; font-weight: 400; line-height: 1;}
.adm_btn.edit {color: var(--pr);}
.adm_btn.elim {background: var(--pr); color: var(--wt);}
.adm_btn-area {display: flex; align-items: center; gap: 10px;}
.bo_w_link {display: none !important;}
.btn_confirm {display: flex; align-items: center; justify-content: center; gap: 10px;}
.btn_confirm a {display: flex; align-items: center; justify-content: center; width: 100%; background: transparent; border: 1px solid var(--pr); color: var(--pr);}
.btn_confirm a:hover {background: transparent;}
.btn_confirm button {display: flex; align-items: center; justify-content: center; width: 100%; background: var(--pr); color: var(--wt);}
.btn_confirm button:hover {background: var(--pr);}
.btn_confirm:after {display: none !important;}
#pw_confirm p strong {color: var(--pr);}
.mbskin .btn_submit {background: var(--pr);}
.detail-area hr {display: block;}

.skiptranslate {display: none !important;}
.mb_log_cate .join {display: none !important;}
.mb_log_cate h2 {width: 100%;}
#login_info {display: none !important;}
.chk_box {display: none !important;}