@charset "utf-8";

/******* Global ****************/
:root {
  --color-yellow: #FFE865;
  --color-orange: #F15F00;
  --color-orangebright: #FF971E;
  /* 
  F15F00 
  #C55417
  */
  /* --color-orange: #F48200; */
  --color-lightgreen: #59811C;
  /*--color-lightgreen: #9BB553;*/
  --color-green: #459848;
  --color-purple: #835FA7;
  --color-bg-green: #F2F3EA;
  --color-darkgray1: #525252;
  --color-darkgray: #737373;
  --color-lightgray: #D2D2D2;
  --color-lightgray_bl: #6e6e6e;
  --box-shadow-default: 0 3px 6px rgba(0, 0, 0, .16);
  --color-greenLine: #CFEADD;
}

* {
  box-sizing: border-box;
}

*::marker {
  font-size: .1em;
}

html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 320px;
}

body {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-family: 'Gmarket Sans', 'Pretendard', -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, 'Noto Sans KR', "Malgun Gothic", sans-serif;
  font-weight: 500;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

button,
select {
  text-transform: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: transparent;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

form button,
form input,
form select {
  padding: 1em;
}

button,
input,
select {
  width: 100%;
}

textarea {
  overflow: auto;
}

input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
}

img {
  max-width: 100%;
  border-style: none;
  vertical-align: middle;
}

ul,
ol {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

span,
p,
h1,
h2,
h3,
h4 {
  padding: 0;
  margin: 0;
}

p {
  line-height: 1.5;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-lightgray_bl);
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-lightgray_bl);
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--color-lightgray_bl);
}

.search_all_wrap input::placeholder,
.search_all_wrap input:-ms-input-placeholder,
.search_all_wrap input::-ms-input-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}

.search_all_wrap>form {
  width: calc(100% - 60px);
}

/*************** 공통 클래스 ***************/
.hide {
  position: absolute !important;
  left: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  width: 0 !important;
  height: 0 !important;
  text-shadow: none !important;
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}

.sub_top_icon .hide {
  top: 8px !important;
  left: -20px !important;
  display: inline-block !important;
  width: 1px !important;
  height: 16px !important;
  background-color: var(--color-lightgray) !important;
}

.clear::after {
  content: "";
  display: block;
  clear: both;
}

.overlay {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 999;
}

.overlay.on {
  display: block;
}

.bar {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #DBDBDB;
}

.line1 {
  display: inline-block;
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background-color: var(--color-orange);
}

.line2 {
  display: inline-block;
  width: 100%;
  height: 2px;
  margin: 0 auto;
  background-color: var(--color-orange);
}

.orange {
  color: var(--color-orange);
}

.purple {
  color: var(--color-purple);
}

.table_overflow_wrap {
  overflow-x: auto;
}

.table_overflow_wrap table {
  min-width: 768px;
}

.borderleft {
  border-left: 1px solid #DBDBDB !important;
  font-weight: 300 !important;
}

/********** spacing **********/
.m-cent {
  margin: 0 auto;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

.ml65 {
  margin-left: 65px;
}

.ml70 {
  margin-left: 70px;
}

.ml75 {
  margin-left: 75px;
}

.ml80 {
  margin-left: 80px;
}

.ml85 {
  margin-left: 85px;
}

.ml90 {
  margin-left: 90px;
}

.ml95 {
  margin-left: 95px;
}

.ml100 {
  margin-left: 100px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr55 {
  margin-right: 55px;
}

.mr60 {
  margin-right: 60px;
}

.mr65 {
  margin-right: 65px;
}

.mr70 {
  margin-right: 70px;
}

.mr75 {
  margin-right: 75px;
}

.mr80 {
  margin-right: 80px;
}

.mr85 {
  margin-right: 85px;
}

.mr90 {
  margin-right: 90px;
}

.mr95 {
  margin-right: 95px;
}

.mr100 {
  margin-right: 100px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb95 {
  padding-bottom: 95px;
}

.pb100 {
  padding-bottom: 100px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  padding-top: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl55 {
  padding-left: 55px;
}

.pl60 {
  padding-left: 60px;
}

.pl65 {
  padding-left: 65px;
}

.pl70 {
  padding-left: 70px;
}

.pl75 {
  padding-left: 75px;
}

.pl80 {
  padding-left: 80px;
}

.pl85 {
  padding-left: 85px;
}

.pl90 {
  padding-left: 90px;
}

.pl95 {
  padding-left: 95px;
}

.pl100 {
  padding-left: 100px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

.pr55 {
  padding-right: 55px;
}

.pr60 {
  padding-right: 60px;
}

.pr65 {
  padding-right: 65px;
}

.pr70 {
  padding-right: 70px;
}

.pr75 {
  padding-right: 75px;
}

.pr80 {
  padding-right: 80px;
}

.pr85 {
  padding-right: 85px;
}

.pr90 {
  padding-right: 90px;
}

.pr95 {
  padding-right: 95px;
}

.pr100 {
  padding-right: 100px;
}


/********** 너비 높이**********/
.w5 {
  width: 5px;
}

.w10 {
  width: 10px;
}

.w15 {
  width: 15px;
}

.w20 {
  width: 20px;
}

.w25 {
  width: 25px;
}

.w30 {
  width: 30px;
}

.w35 {
  width: 35px;
}

.w40 {
  width: 40px;
}

.w45 {
  width: 45px;
}

.w50 {
  width: 50px;
}

.w55 {
  width: 55px;
}

.w60 {
  width: 60px;
}

.w65 {
  width: 65px;
}

.w70 {
  width: 70px;
}

.w75 {
  width: 75px;
}

.w80 {
  width: 80px;
}

.w85 {
  width: 85px;
}

.w90 {
  width: 90px;
}

.w95 {
  width: 95px;
}

.w100 {
  width: 100px;
}

.h5 {
  height: 5px;
}

.h10 {
  height: 10px;
}

.h15 {
  height: 15px;
}

.h20 {
  height: 20px;
}

.h25 {
  height: 25px;
}

.h30 {
  height: 30px;
}

.h35 {
  height: 35px;
}

.h40 {
  height: 40px;
}

.h45 {
  height: 45px;
}

.h50 {
  height: 50px;
}

.h55 {
  height: 55px;
}

.h60 {
  height: 60px;
}

.h65 {
  height: 65px;
}

.h70 {
  height: 70px;
}

.h75 {
  height: 75px;
}

.h80 {
  height: 80px;
}

.h85 {
  height: 85px;
}

.h90 {
  height: 90px;
}

.h95 {
  height: 95px;
}

.h100 {
  height: 100px;
}

/********** 검색 **********/
.search_container {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.input_search {
  max-width: 330px;
  height: 50px;
  line-height: 50px;
  padding: 1em;
  border-radius: 10px;
  border: 1px solid #DBDBDB;
  outline: none;
}

.btn_search {
  width: 100%;
  max-width: 50px;
  height: 50px;
  background: url(/img/front/icon_search.svg) no-repeat center var(--color-green);
  background-size: 22px;
  border-radius: 10px;
  border: 0;
}

.btn_modal_search {
  display: inline-block;
  width: 45px;
  height: 23px;
  background: url(/img/front/icon_search.svg) no-repeat center/cover;
  border: 0;
}

.btn_delete {
  width: 20px;
  height: 20px;
  background: url(/img/front/icon_board_delete.png) no-repeat center;
  vertical-align: sub;
  border: 0;
}

.btn_add {
  width: 21px;
  height: 21px;
  background: url(/img/front/icon_add.png) no-repeat center;
  border: 0;
}

.btn_remove {
  width: 21px;
  height: 21px;
  background: url(/img/front/icon_remove.png) no-repeat center;
  border: 0;
}

.btn_request {
  display: inline-block;
  width: auto;
  padding: 12px 50px;
  border-radius: 10px;
  color: #fff;
  background-color: var(--color-lightgreen);
  border: 0;
}

.btn_cancel {
  display: inline-block;
  width: auto;
  padding: 12px 50px;
  border-radius: 10px;
  color: #fff;
  background-color: var(--color-darkgray);
  border: 0;
}

.btn_check {
  display: inline-block;
  width: auto;
  padding: 12px 50px;
  border-radius: 10px;
  color: #fff;
  background-color: var(--color-orange);
  border: 0;
}

.btn_download {
  display: inline-block;
  width: auto;
  padding: 11px 20px;
  border-radius: 10px;
  border: 1px solid var(--color-green);
  background-color: #fff;
  color: var(--color-green);
  white-space: nowrap;
}

.btn_subscribe {
  display: inline-block;
  width: auto;
  height: 50px;
  line-height: 50px !important;
  padding: 0 50px;
  border-radius: 10px;
  color: #fff;
  background-color: var(--color-green);
  white-space: nowrap;
  border: 0;
}

.btn_more,
.btn_next {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: url(/img/front/icon_next.png) no-repeat center var(--color-green);
  vertical-align: middle;
  border: 0;
}

.btn_more_orange {
  background: url(/img/front/icon_next.png) no-repeat center var(--color-orange);
  border: 0;
}

.btn_more_lightgr {
  background: url(/img/front/icon_next.png) no-repeat center var(--color-lightgreen);
  border: 0;
}

.btn_more_gr {
  background-color: var(--color-green);
}

.btn_old_news {
  display: inline-block;
  padding: 14px 50px 14px 20px;
  border: 1px solid #DBDBDB;
  ;
  border-radius: 10px;
  background: url(/img/front/icon_next_b.png) no-repeat calc(100% - 20px) center #fff;
  border: 0;
}

/********** input **********/
.input_default {
  height: 50px;
  line-height: 48px;
  border-radius: 10px;
  border: 1px solid var(--color-lightgray);
}

.select_default {
  height: 50px;
  border-radius: 10px;
  border: 1px solid var(--color-lightgray);
  background: url(/img/front/icon_down_g.png) no-repeat calc(100% - 20px) center;
}

.radio_default {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: url(/img/front/radio_off.png) no-repeat center;
  vertical-align: middle;
}

.radio_default:checked {
  background: url(/img/front/radio_on.png) no-repeat center;
}

.check_default {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: url(/img/front/radio_off.png) no-repeat center;
  vertical-align: middle;
}

.check_default:checked {
  background: url(/img/front/check_on.png) no-repeat center;
}

.check_delete {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #b7b7b7;
  vertical-align: text-top;
}

.check_delete:checked {
  width: 20px;
  height: 20px;
  border: 0;
  background: url(/img/front/icon_board_delete.png) no-repeat center/21px;
  vertical-align: text-top;
}

.textarea_default {
  width: 100%;
  resize: vertical;
  appearance: none;
  border-radius: 10px;
  border: 1px solid var(--color-lightgray);
}

#boardmainfileGrpBox>div>input[type='file'],
#boardthumbfileGrpBox>div>input[type='file'] {
  height: 100% !important;
}


/********* 덮어쓰기 *********/
.ui-widget-header {
  border: 0 !important;
  background: var(--swiper-theme-color) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: transparent !important;
}


.min-th_w120 {
  width: 120px;
}

.inner_20250716_text1 {
  font-size: 1.15em;
  line-height: 135%;
}