@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'HakgyoansimBareonbatangB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangR.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HakgyoansimBareonbatangB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

:root {
  --pr : #ef7a00;
  --pr2 : #EE7A00;
  --pr_bg : #FEF3E2;
  --purple : #A132A2;
  --green : #30A231;
  --blue : #1B69E6;
  --yellow : #FFDB00;
  --black_3 : #333333;
  --black_01 : #010101;
  --gray_57 : #575757;
  --gray_b7 : #B7B7B7;
  --gray_8e : #8E8E8F;
  --gray_ef : #EFEFEF;
  --gray_e2 : #E2E2E2;
  --gray_70 : #707070;
  --gray_8 : #888888;
  --gray_64 : #646464;
  --gray_ce : #cecece;
  --wt : #fff;
  --wt_fa : #FAFAFA;
  --wt_f2 : #F2F2F2;
  --wt_f4 : #f4f4f4;
}

  .pr {background: #ef7a00 !important;}
  .pr2 {background: #EE7A00 !important;}
  .pr_bg {background: #FEF3E2 !important;}
  .sec_bg {background: #FFFAF4 !important;}
  .purple {background: #A132A2 !important;}
  .green {background: #30A231 !important;}
  .blue {background: #1B69E6 !important;}
  .black_3 {background: #333333 !important;}
  .black_01 {background: #010101 !important;}
  .gray_57 {background: #575757 !important;}
  .gray_b7 {background: #B7B7B7 !important;}
  .gray_8e {background: #8E8E8F !important;}
  .gray_ef {background: #EFEFEF !important;}
  .gray_e2 {background: #E2E2E2 !important;}
  .gray_70 {background: #707070 !important;}
  .gray_8 {background: #888888 !important;}
  .wt {background: #fff !important;}
  .wt_fa {background: #FAFAFA !important;}
  .wt_f2 {background: #F2F2F2 !important;}
  .wt_f4 {background: #f4f4f4 !important;}
  .bg_none {background: transparent !important;}

input,textarea,button,a,dt,dd {font-family: 'NanumSquare', sans-serif !important;}
body {font-family: 'NanumSquare', sans-serif !important; background: var(--black_3);}
.container {max-width: 1237px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {padding: 176px 0; background: var(--wt);}

/* font */
.os {font-family: "Oswald", sans-serif !important;}
.ns {font-family: 'NanumSquare', sans-serif !important;}
.hb {font-family: 'HakgyoansimBareonbatangB' !important;}

/* txt align */
.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}

/* tit-box */
.tit-box {margin-bottom: 72px; text-align: center;}
.tit-box .sub {margin-bottom: 7px; font-size: 28px; font-weight: 400; line-height: 1; letter-spacing: -0.56px; color: var(--pr); text-transform: uppercase}
.tit-box .tit {font-family: 'HakgyoansimBareonbatangB' !important; font-size: 50px; font-weight: 700; line-height: 1.22; letter-spacing: -1.25px; color: var(--black_3);}

/* tit-box2 */
.tit-box2 {white-space: nowrap;}
.tit-box2 .current_page {margin-bottom: 27px;}
.tit-box2 .current_page span {font-size: 15px; font-weight: bold; line-height: 1.13; color: var(--gray_8);}
.tit-box2 .current_page span.active {color: var(--pr);}

.tit-box2 .tit {margin-bottom: 51px; font-size: 33px; font-weight: bold; line-height: 1.36; letter-spacing: -0.83px; color: var(--black_3);}
.tit-box2 .tit span {color: var(--pr);}
.tit-box2 .tit small {font-size: 20px;}

.tit-box2 .sub {margin-bottom: 24px; font-size: 18px; font-weight: 400; line-height: 1.39; color: var(--gray_57);}
.tit-box2 .sub2 {line-height: 1.89;}
.tit-box2 .sub:last-of-type {margin-bottom: 0;}
.tit-box2 .sub span {font-weight: bold; color: #575757;}
.tit-box2 .sub small {display: inline-block; width: 3px; height: auto; aspect-ratio: 1; background: var(--gray_57); border-radius: 100%; vertical-align: middle;}

/* pager */
.pager {width: 100%; height: auto; margin-top: 41px;}
.pager ul {display: flex; align-items: center; justify-content: center; gap: 34px;}
.pager ul .arrow {width: 8px; height: auto;}
.pager ul .arrow1 {margin-right: 15px;}
.pager ul .arrow2 {margin-left: 15px;}
.pager ul .arrow .arrow-box {width: 100%; height: auto;}
.pager ul .arrow .arrow-box a {display: block; width: 100%; height: auto;}
.pager ul .arrow .arrow-box a img {width: 100%; height: auto;}

.pager ul .num {}
.pager ul .num a {font-size: 18px; font-weight: bold; line-height: 1; color: var(--gray_b7);}
.pager ul .num.active a {color: var(--black_3);}

.pg_wrap {width: 100%;}
.pg {display: flex; align-items: center; justify-content: center; gap: 34px; width: 100%;}
.pg_current {display: block; min-width: initial; width: auto; height: auto; padding: 0 !important; font-size: 18px; font-weight: bold; line-height: 1; color: var(--black_3); background: transparent !important; border: none;}
.pg_page {display: block; min-width: initial; width: auto; height: auto; padding: 0 !important; font-size: 18px; font-weight: bold; line-height: 1; color: var(--gray_b7); background: transparent !important; border: none;}
.pg_wrap .pg_page.pg_end {width: 7px; height: auto; aspect-ratio: 7/11; background: url(./../img/next.png)no-repeat 50% 50% !important; background-size: cover !important;}
.pg_wrap .pg_page.pg_start {width: 7px; height: auto; aspect-ratio: 7/11; background: url(./../img/prev.png)no-repeat 50% 50% !important; background-size: cover !important;}

.border_r_n {border-radius: 0 !important;}

/* notice */
.elim_btn {width: 100%; height: auto; margin-bottom: 20px; text-align: right;}
.elim_btn a {display: inline-block; padding: 10px 20px; background: var(--pr); border-radius: 10px; font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}
.write_btn {width: 100%; height: auto; margin-bottom: 20px; text-align: right;}
.write_btn a {display: inline-block; padding: 10px 20px; background: var(--pr); border-radius: 10px; font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}

.write_btn {width: 100%; height: auto; margin-bottom: 20px; text-align: right;}
.btn_submit {display: inline-block; padding: 10px 20px; background: var(--pr); border-radius: 10px; font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}

.list_btn {width: 100%; height: auto; margin-top: 31.8px; margin-bottom: 20px; text-align: right;}
.list_btn a {display: inline-block; padding: 11px 32px; background: var(--pr); border-radius: 50px; font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}

/* notice_top */
.notice_top {display: flex; align-items: center; justify-content: space-between; border-top: 2px solid var(--pr); border-bottom: 1px solid var(--pr); padding: 10px 20px; box-sizing: border-box; background: var(--pr_bg);}
.notice_top .tit {font-size: 40px; font-weight: bold; line-height: 1.2; color: var(--black_01);}
.notice_top .name_date {display: flex; flex-flow: column; align-items: flex-end; gap: 5px;}
.notice_top .name_date .name {font-family: 'NanumSquare', sans-serif !important; font-size: 18px; font-weight: 600; line-height: 1.67; color: var(--gray_57);}
.notice_top .name_date .sv_member {}
.notice_top .name_date .date {font-family: 'NanumSquare', sans-serif !important; font-size: 18px; font-weight: 600; line-height: 1.67; color: var(--gray_57);}
#bo_v_share {display: none !important;}

.g5_write_sec .notice_top .tit{
	width:80%;
}

@media screen and (max-width:900px){
	width:100%;
}

/* detail */

.detail-area {padding: 54px 17px; margin: 0 !important; border-bottom: 0.5px solid var(--gray_b7); box-sizing: border-box;}
.detail-area p {font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
.detail-area div {font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
.detail-area p span{font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
.detail-area span{font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
/* .detail-area p:first-of-type {margin-bottom: 20px;} */

.detail-area h2 {font-size: 30px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area h3 {font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area h4 {font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area h2 span {font-size: 30px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}
.detail-area h3 span {font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}
.detail-area h4 span {font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}

.detail-area img {width: auto; height: auto; max-width: 100%; margin: 20px 0;}
.detail-area figure {width: auto; height: auto; margin: 20px 0;}

.detail-area .text-huge {font-size: 1.8em;}
.detail-area .text-big {font-size: 1.4em;}
.detail-area .text-small {font-size: .85em;}
.detail-area .text-tiny {font-size: .7em;}

.bo_v_nb {display: none !important;}
.cmt_btn {display: none !important;}
#bo_vc {display: none !important;}
#bo_vc_w {display: none !important;}
#container_title {display: none !important;}
#bo_w .bo_v_option li {display: none !important;}
/* #bo_w .bo_w_link .frm_input {display: none !important;} */
.bo_w_flie {display: none !important;}
/* .bo_w_link {display: none !important;} */

.g5_write_sec {border-radius: 0 0 170px 0;}

/* hd_sch_wr */
.hd_sch_wr {display: none; position: fixed; top: 0; left: 0; z-index: 9999;}

.sec_search {padding: 300px 0 180px;}
#sch_res_detail {display: none;}
#sch_res_ov h2 strong {color: var(--pr) !important;}
#sch_res_ov {background: var(--pr_bg); border-color: var(--pr);}
#sch_res_ov h2 {font-size: 16px; color: var(--black_01);}
#sch_res_ov ul {color: var(--gray_57);}
#sch_res_board .sch_on {background: var(--pr); box-shadow: initial !important; border-color: var(--pr);}
#sch_res_board a:focus, #sch_res_board a:hover {background: var(--pr); color: var(--wt);}
#sch_res_board a {border-color: var(--pr); color: var(--pr);}
#sch_res_board .cnt_cmt {color: var(--pr);}
.sch_more {color: var(--pr);}
.sch_word {background: transparent !important; color: #000 !important;}
.sch_res_list .pop_a {display: none;}
.sch_res_list .profile_img img {display: none;}

/* main-banner */
.main-banner {display: none;}

/* cs_view */
.cs_view {padding: 180px 0;}

.btn_submit:hover {background: var(--pr) !important;}
#bo_w .btn_cancel {border-radius: 10px;}