@charset "utf-8";
/* CSS Document */
:root{
  --siteC: #0057f2;
  --siteC2: #00c5b1;
  --siteC3: #009ac9;
  --siteBg1: var(--crGray2);
  --siteBg2: var(--crGray);
  --siteBg3: #171717;
  --gradC1: #0057f2;
  --gradC2: #00c5b1;
  --selectionBg: var(--siteC2);
  
  --siteCfil: invert(16%) sepia(83%) saturate(1667%) hue-rotate(203deg) brightness(105%) contrast(88%);
  --siteCfil2: invert(55%) sepia(15%) saturate(2167%) hue-rotate(184deg) brightness(91%) contrast(85%);
  --siteCfil3: invert(10%) sepia(77%) saturate(7096%) hue-rotate(352deg) brightness(109%) contrast(82%);
  
  --crWhite: #fff;
  --crBlack: #171717;
  --crGray: #f0f4f7;
  --crGray2: #f5f5f5; 
  --crGray3: #5d5c5e;
  --crGray4: #ddd;
  --crGray5: #aaa;
  --crRed: #ed1839;
  --crfilRE: invert(1);  
  --crWhitefil: brightness(0) invert(1);
  --crBlackfil: brightness(0) invert(0);
  --crGrayfil: grayscale(1);
  --crGrayfilRE: var(--crGrayfil) var(--crfilRE);  
  
  --crGrad1: linear-gradient(to right,var(--gradC1),var(--gradC2));
  --crGrad2: linear-gradient(to bottom,var(--gradC1),var(--gradC2)); 
  
  --snsIn:#e82155;
  --snsFb:#2167be;
  --snsYt:#ed3023;
  --snsKa:#f7e111;
  --snsNv:#07bb58;
  --snsTw:#1d9bf0;
}
@charset "utf-8";
/* CSS Document */
/* html.layerOn{ overflow-y:hidden; padding-right:1em} */

/*loader ani*/
.loader_wrap {
   position: fixed;
   left: 0;
   top: 0;
   width: 100vw;
   height: 100vh;
   z-index: 10000;
   background: rgba(255, 255, 255, .5);
   display: flex;
   justify-content: center;
   align-items: center
}
.load .loader_wrap {
   display: none
}
.loader {
   animation: rotate 1s infinite;
   height: 50px;
   width: 50px;
}
.loader:before,
.loader:after {
   border-radius: 50%;
   content: '';
   display: block;
   height: 20px;
   width: 20px;
}
.loader:before {
   animation: ball1 1s infinite;
   background-color: #cb2025;
   box-shadow: 30px 0 0 #f8b334;
   margin-bottom: 10px;
}
.loader:after {
   animation: ball2 1s infinite;
   background-color: #00a096;
   box-shadow: 30px 0 0 #97bf0d;
}


@keyframes rotate {
   0% {
      transform: rotate(0deg) scale(0.8);
   }
   50% {
      transform: rotate(360deg) scale(1.2);
   }
   100% {
      transform: rotate(720deg) scale(0.8);
   }
}
@keyframes ball1 {
   0% {
      box-shadow: 30px 0 0 #f8b334;
   }
   50% {
      box-shadow: 0 0 0 #f8b334;
      margin-bottom: 0;
      transform: translate(15px, 15px);
   }
   100% {
      box-shadow: 30px 0 0 #f8b334;
      margin-bottom: 10px;
   }
}
@keyframes ball2 {
   0% {
      box-shadow: 30px 0 0 #97bf0d;
   }
   50% {
      box-shadow: 0 0 0 #97bf0d;
      margin-top: -20px;
      transform: translate(15px, 15px);
   }
   100% {
      box-shadow: 30px 0 0 #97bf0d;
      margin-top: 0;
   }
}

.va_wrap {
   display: block;
   text-align: center;
   white-space: nowrap;
}
.va_wrap:before {
   content: "";
   display: inline-block;
   vertical-align: middle;
   width: 0;
   height: 100%;
}
.va_wrap img {
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
   max-height: 100%;
}
.va {
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
   height: auto;
   white-space: normal;
   box-sizing: border-box;
}

.al {
   text-align: left !important;
}
.ac {
   text-align: center !important;
}
.ar {
   text-align: right !important;
}

.vt {
   vertical-align: top !important;
}
.vm {
   vertical-align: middle !important;
}
.vb {
   vertical-align: bottom !important;
}
.vs {
   vertical-align: baseline !important;
}

.fl {
   float: left !important;
}
.fr {
   float: right !important;
}
.cl {
   clear: both !important;
   display: block;
}
.oh {
   overflow: hidden !important;
}

.pr {
   position: relative;
   z-index: inherit;
}
.pa {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
.pf {
   position: fixed;
   z-index: inherit;
}

.di {
   display: inline;
}
.db {
   display: block !important;
}
.dn {
   display: none !important;
}

.flex {
   display: flex;
   box-sizing: border-box;
   min-width: 0;
}
.flex > * {
   box-sizing: border-box;
   min-width: 0;
}
.flex.di {
   display: inline-flex;
}
.flex.wrap {
   flex-wrap: wrap;
}
.flex.col {
   flex-direction: column;
}
.flex.col > * {
   width: 100%;
}
.flex.space {
   justify-content: space-between;
}
.flex.vspace {
   align-content: space-between;
}
.flex.hc {
   justify-content: center;
}
.flex.hr {
   justify-content: flex-end;
}
.flex.vt {
   align-content: flex-start;
   align-items: flex-start;
}
.flex.vc {
   align-content: center;
   align-items: center;
}
.flex.vb {
   align-content: flex-end;
   align-items: flex-end;
}
.flex.ac {
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
.flex .mgL {
   margin-left: auto;
}
.flex .mgR {
   margin-right: auto;
}
.flex .mgT {
   margin-top: auto;
}
.flex > .grow {
   flex: 1 1 0%;
}
.flex > .fix {
   flex: 0 0 auto;
}
.flex.gap05 {
   gap: .5em;
}
.flex.gap1 {
   gap: 1em;
}
.flex.gap15 {
   gap: 1.5em;
}
.flex > .fx1 {
   flex: 1;
}
.flex > .fx2 {
   flex: 2;
}
.flex > .fx3 {
   flex: 3;
}
.flex > .fx4 {
   flex: 4;
}
.flex > .fx5 {
   flex: 5;
}

.resize {
   position: relative;
   display: block;
   height: 0;
   padding-bottom: 100%;
   box-sizing: border-box;
}
.resize .re {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
}
.resize.s1 {
   padding-bottom: 66.66%;
}
.resize.s2 {
   padding-bottom: 56.25%;
}
.resize.s3 {
   padding-bottom: 75%;
}
.resize.s4 {
   padding-bottom: 135%;
}

.bgfix {
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: cover;
}
.bgfix.fix {
   background-attachment: fixed;
}
.bgfix.ctn {
   background-size: contain;
}

.imgfix {
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.imgfix > img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.imgfix.ctn > img {
   object-fit: contain;
}

.vodfix {}
.vodfix > .vod {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 99%;
   object-fit: cover;
}

.maskfix {
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: cover;
   -webkit-mask-position: center center;
}
.maskfix.mCtn {
   -webkit-mask-size: contain;
}

.txtfix {
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
}

.ttCp {
   cursor: pointer;
}
.ttCut {
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}
.ttCutNo {
   white-space: normal !important;
   overflow: visible;
}

.rowCut {
   white-space: normal;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
}
.rowCut.r2 {
   -webkit-line-clamp: 2;
}
.rowCut.r3 {
   -webkit-line-clamp: 3;
}
.rowCut.r4 {
   -webkit-line-clamp: 4;
}
.rowCut.r5 {
   -webkit-line-clamp: 5;
}
.rowCut.r6 {
   -webkit-line-clamp: 6;
}

/**/
.pd0 {
   padding: 0 !important;
}
.pt0 {
   padding-top: 0 !important;
}
.pb0 {
   padding-bottom: 0 !important;
}

.pd05 {
   padding: .5em !important;
}
.pd1 {
   padding: 1em !important;
}
.pd2 {
   padding: 2em !important;
}

.mg0 {
   margin: 0 !important;
}
.mtA {
   margin-top: auto !important;
}
.mt0 {
   margin-top: 0 !important;
}
.mt5 {
   margin-top: 5px !important;
}
.mt10 {
   margin-top: 10px !important;
}
.mt20 {
   margin-top: 20px !important;
}
.mt30 {
   margin-top: 30px !important;
}
.mt40 {
   margin-top: 40px !important;
}
.mt50 {
   margin-top: 50px !important;
}

.mbA {
   margin-bottom: auto !important;
}
.mb0 {
   margin-bottom: 0 !important;
}
.mb5 {
   margin-bottom: 5px !important;
}
.mb10 {
   margin-bottom: 10px !important;
}
.mb20 {
   margin-bottom: 20px !important;
}
.mb30 {
   margin-bottom: 30px !important;
}
.mb40 {
   margin-bottom: 40px !important;
}
.mb50 {
   margin-bottom: 50px !important;
}

.mlA {
   margin-left: auto !important;
}
.ml0 {
   margin-left: 0 !important;
}
.ml5 {
   margin-left: 5px !important;
}
.ml10 {
   margin-left: 10px !important;
}
.ml20 {
   margin-left: 20px !important;
}
.ml30 {
   margin-left: 30px !important;
}
.ml40 {
   margin-left: 40px !important;
}
.ml50 {
   margin-left: 50px !important;
}

.mrA {
   margin-right: auto !important;
}
.mr0 {
   margin-right: 0 !important;
}
.mr5 {
   margin-right: 5px !important;
}
.mr10 {
   margin-right: 10px !important;
}
.mr20 {
   margin-right: 20px !important;
}
.mr30 {
   margin-right: 30px !important;
}
.mr40 {
   margin-right: 40px !important;
}
.mr50 {
   margin-right: 50px !important;
}

/**/
.fs10 {
   font-size: 0.625em !important;
}
.fs11 {
   font-size: 0.688em !important;
}
.fs12 {
   font-size: 0.750em !important;
}
.fs13 {
   font-size: 0.813em !important;
}
.fs14 {
   font-size: 0.875em !important;
}
.fs15 {
   font-size: 0.938em !important;
}
.fs16 {
   font-size: 1.000em !important;
}
.fs17 {
   font-size: 1.063em !important;
}
.fs18 {
   font-size: 1.125em !important;
}
.fs19 {
   font-size: 1.188em !important;
}
.fs20 {
   font-size: 1.250em !important;
}
.fs21 {
   font-size: 1.313em !important;
}
.fs22 {
   font-size: 1.375em !important;
}
.fs23 {
   font-size: 1.438em !important;
}
.fs24 {
   font-size: 1.500em !important;
}
.fs25 {
   font-size: 1.563em !important;
}
.fs26 {
   font-size: 1.615em !important;
}
.fs27 {
   font-size: 1.688em !important;
}
.fs28 {
   font-size: 1.750em !important;
}
.fs29 {
   font-size: 1.813em !important;
}
.fs30 {
   font-size: 1.875em !important;
}
.fs31 {
   font-size: 1.938em !important;
}
.fs32 {
   font-size: 2.000em !important;
}
.fs48 {
   font-size: 3.000em !important;
}
.fs72 {
   font-size: 4.500em !important;
}

.c_white {
   color: #fff !important;
}
.c_black {
   color: #333 !important;
}
.c_lightblack {
   color: #555 !important;
}
.c_gray {
   color: #aaa !important;
}
.c_dgray {
   color: #888 !important;
}
.c_blue {
   color: #2b9cbb !important;
}
.c_red {
   color: #F4655C !important;
}
.c_orange {
   color: #f55110 !important;
}
.c_green {
   color: #3dab1d !important;
}
.c_point {
   color: var(--siteC) !important;
}
/*남색*/
.c_point2 {
   color: var(--siteC2) !important;
}
/*하늘*/
.c_point3 {
   color: #008CE5 !important;
}
/*퍼런색*/

.ffEN {
   font-family: 'Oswald', 'Pretendard', 'Noto Sans KR', sans-serif;
}
.ffSerif {
   font-family: Georgia, "Times New Roman", Times, serif;
}

.fwT {
   font-weight: 100;
}
.fwEL {
   font-weight: 200;
}
.fwL {
   font-weight: 300;
}
.fwR {
   font-weight: 400;
}
.fwM {
   font-weight: 500;
}
.fwB {
   font-weight: 700;
}
.fwBL {
   font-weight: 800;
}
.fwEB {
   font-weight: 900;
}

.fstL {
   text-decoration: underline;
}
.fstLV {
   text-decoration: line-through;
}
.fstUC {
   text-transform: uppercase;
}
.fstIT {
   font-style: italic;
}
.fstS0 {
   letter-spacing: 0 !important;
}
.fstS1 {
   letter-spacing: -.063em !important;
}
.fstS2 {
   letter-spacing: -.125em !important;
}

.fStroke {
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: inherit;
   -webkit-text-fill-color: transparent;
}
.fSt1 {
   /*텍스트 세로*/
   writing-mode: vertical-rl;
   text-orientation: mixed;
   -webkit-transform: scale(-1);
   -moz-transform: scale(-1);
   -ms-transform: scale(-1);
   -o-transform: scale(-1);
   transform: scale(-1);
}

.dataLink:before {
   content: attr(data-link)
}
.dataLink:hover:before,
.dataLink:focus:before {
   text-decoration: underline
}

.page_tt {
   font-size: 1em;
   word-break: keep-all;
   line-height: 1.4;
}
.page_tt > .tt + .tt {
   margin-top: 1.5em;
}
.page_tt.o1 {
   opacity: .5;
}
.page_tt.s1 {
   font-size: 0.938em
}
.page_tt.s2 {
   font-size: 1.063em
}
.page_tt.s3 {
   font-size: 1.125em
}
.page_tt.s4 {
   font-size: 1.250em
}
.page_tt.s5 {
   font-size: 1.313em
}
.page_tt.s6 {
   font-size: 1.500em
}
.page_tt.s7 {
   font-size: 1.625em
}
.page_tt.s8 {
   font-size: 1.875em
}
.page_tt.s9 {
   font-size: 2.500em
}
.page_tt.s10 {
   font-size: 2.750em
}
.page_tt.s11 {
   font-size: 3.250em
}
.page_tt.s12 {
   font-size: 4.000em;
}
.page_tt.s13 {
   font-size: 4.500em;
}

.lh0 {
   line-height: 1;
}
.lh1 {
   line-height: 1.2;
}
.lh2 {
   line-height: 1.6;
}
.lh3 {
   line-height: 1.8;
}
.wb {
   word-break: keep-all;
}
.wb2,
.wb2 * {
   word-break: break-all;
   word-wrap: break-word;
}

.psM1 {
   margin-top: -1px !important
}
.ps05 {
   margin-top: .5em !important
}
.ps1 {
   margin-top: 1em !important
}
.ps15 {
   margin-top: 1.5em !important
}
.ps2 {
   margin-top: 2em !important
}
.ps3 {
   margin-top: 3em !important
}
.ps4 {
   margin-top: 4em !important
}
.ps5 {
   margin-top: 5em !important
}
.ps6 {
   margin-top: 6em !important
}
.ps {
   margin-top: 4em !important
}

.page_btn {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: .5em;
}
.page_btn > * {
   flex: 1 1 0%;
   min-width: 0;
}
.page_btn .in {
   display: flex;
   align-items: center;
   flex: 0 0 auto;
   gap: .5em;
}
.page_btn .in.right {
   margin-left: auto;
}
.page_btn .max0 {
   flex: 0 0 auto;
}
.page_btn .max1 {
   max-width: 8em;
   min-width: 8em;
}
.page_btn.al {
   justify-content: flex-start;
}
.page_btn.ar {
   justify-content: flex-end;
}
.page_btn.space {
   justify-content: space-between;
}
.page_btn.space > * {
   flex: 0 0 auto;
}

.fw500 {
   font-weight: 500;
}
.fw600 {
   font-weight: 600;
}
.fw700 {
   font-weight: 700;
}
.fw800 {
   font-weight: 800;
}
.fw900 {
   font-weight: 900;
}

/*BOARD*/
.board-con {
   padding: 3em 0 0 0;
}
.board-con.ptn {
   padding-top: 0;
}

.aTit_wrap {
   display: flex;
   align-items: center
}
.aTit_wrap .aTit {
   flex: 1 1 0%;
   min-width: 0
}
.board_aTit {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   font-weight: 500;
}
.board_aTit:hover,
.board_aTit:focus {
   text-decoration: underline
}

.board_table {
   table-layout: fixed;
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   border-top: 1px solid #111
}
.board_table th,
.board_table td {
   height: 3.375em;
   border-bottom: 1px solid #ddd;
   padding: .5em .5em;
   text-align: center;
   font-size: 1.125em;
}
.board_table th {
   font-weight: 500
}
.board_table td:not(.w_tit) {
   font-size: 1.063em;
}
.board_table tbody tr:hover {
   background: #fffbf7
}
.board_table .rNotice,
.board_table .rNotice:hover {
   background: #f5f5f5
}

.boardIco {
   font-family: xeicon;
   font-size: 1.375em;
   width: 1.5em;
   text-align: center;
   display: inline-block;
}
.boardIco.file {
   transform: rotate(45deg)
}
.boardIco.file:before {
   content: "\ea6a";
   color: var(--siteC)
}
.boardIco.lock:before {
   content: "\e966";
   color: #333
}
.boardIco.notice:before {
   content: "\ea5a";
}
.boardIco.new:before {
   content: "\e9a8";
   color: var(--siteC)
}
.boardIco.reply:before {
   content: "\e981";
   color: #777
}
.boardIco.prev:before {
   content: "\e945";
}
.boardIco.next:before {
   content: "\e942";
}

.board_pg {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 4em;
   padding: 0 1px 1px 0
}
.board_pg button {
   min-width: 2.5em;
   height: 2.5em;
   border: none;
   margin: 0 -1px -1px 0;
   padding: 0 .5em;
   background: #fff;
   color: #666;
   box-sizing: border-box;
   position: relative;
   border-radius: 50%;
   font-size: 1.125em;
   transition: .35s;
}
.board_pg button:hover,
.board_pg button:focus {
   z-index: 1
}
.board_pg button:hover {
   color: var(--siteC);
   font-weight: 500;
}
.board_pg button.on {
   background: var(--siteC);
   color: #fff;
   border-color: transparent;
   z-index: 2;
   position: relative
}
.board_pg button.btn.first {
   border-radius: .5em 0 0 .5em
}
.board_pg button.btn.last {
   border-radius: 0 .5em .5em 0
}
.board_pg button.btn .ico {
   font-size: 1.25em
}
.board_pg button.btn.first .ico:before {
   content: "\ea47"
}
.board_pg button.btn.prev .ico:before {
   content: "\e93c"
}
.board_pg button.btn.next .ico:before {
   content: "\e93f"
}
.board_pg button.btn.last .ico:before {
   content: "\ea48"
}

.board_search {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   margin-bottom: 1.5em
}
.board_search .total {
   display: flex;
   align-items: center;
   justify-content: space-between
}
.board_search .total .t1 {
   font-size: .875em;
   letter-spacing: .063em;
   text-transform: uppercase;
}
.board_search .total .t2 {
   font-size: 1.250em;
   font-weight: 700;
   color: var(--siteC);
   margin-left: .25em
}
.board_search .search {
   display: flex;
   align-items: center;
   gap: 0 .25em
}
.board_search .search .select {
   min-width: 7em;
}
.board_search .search .inp {
   width: 18em;
}
.board_search .search .btn .ico {
   font-size: 1em
}
.board_search .search .btn .ico:before {
   content: "\e97a"
}
.board_search .search .input_st {
   height: 3.375em;
}
.board_search .search .input_st:not(.btn) {
   width: 100%
}

.board_info {
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-items: center;
   min-width: 0;
   color: #777;
}
.board_info > li {
   display: flex;
   align-content: center;
   align-items: center;
   min-width: 0;
   box-sizing: border-box;
}
.board_info > li + li:before {
   content: "";
   display: inline-block;
   margin: 0 1.125em;
   width: 1px;
   height: 1em;
   background: #ddd;
}
.board_info > li .tt {}
.board_info > li .ico {
   margin-right: .313em;
   font-size: 1.250em;
}
.board_info > li.name .ico:before {
   content: "\e9f2"
}
.board_info > li.date .ico:before {
   content: "\e9a0"
}
.board_info > li.hit .ico:before {
   content: "\e950"
}
.board_info > li.mail .ico:before {
   content: "\ea07"
}
.board_info > li.tel .ico:before {
   content: "\eaed"
}
.board_info > li.mgL {
   margin-left: auto
}
.board_info > li.mgL:before {
   display: none;
}
.board_file > li {
   padding-left: .625rem;
   margin-left: .625rem;
   box-sizing: border-box;
   border-left: 1px solid #ddd;
}
.board_file > li:not(:first-child) {
   margin-top: .5em;
}
.board_file > li > a {
   display: inline-block;
   position: relative;
   color: #333;
}
.board_file > li > a[href]:hover .tt,
.board_file > li > a[href]:focus .tt {
   text-decoration: underline
}
.board_file > li > a .tt {
   font-size: .938em;
   margin-right: .5em;
   vertical-align: middle;
}
.board_file > li > a .xi {
   font-size: 1.125em;
   vertical-align: middle;
}
.board_file > li > a .down {
   display: inline;
   color: #00a096
}
.board_file > li > a .ico {
   position: absolute;
   left: 0;
   top: -.063em;
}
.board_file > li > a .ico:before {
   content: "\e998"
}
.board_file > li > a .down:before {
   content: "\eb7c"
}

.board_viewT {
   padding: 2em .5em;
   border-top: 1px solid #111;
   border-bottom: 1px solid #ddd;
}
.board_viewT .vTit {
   display: flex;
   align-items: center
}
.board_viewT .vTit .tit {
   flex: 1 1 0%;
   min-width: 0
}
.board_viewT .vTit .tit .t1 {
   font-size: 1.375em;
   font-weight: 500;
}
.board_viewT .vTit .tit .t2 {
   font-size: 1.063em;
}
.board_viewT .vTit + .board_info {
   margin-top: 1.5em;
}
.board_viewT ~ .board_viewT {
   margin-top: 3em;
   border-top-style: dashed;
}

.board_viewM {
   padding: 2.5em 2em;
   border-bottom: 1px solid #ddd
}
.board_viewM .ytFrame {
   width: 100%;
   margin: 0 auto
}
.board_viewM .ytFrame iframe {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%
}
.board_viewM * {
   box-sizing: border-box;
   max-width: 100% !important;
}
.board_viewM img {
   height: auto !important;
}

.board_viewF {
   display: flex;
   background: #f5f5f5;
   padding: .625rem;
}
.board_viewF .wrap_tit {}
.board_viewF .wrap_tit .t1 {
   font-size: 1.125em
}
.board_viewF .wrap_con {
   flex: 1 1 0%;
   min-width: 0
}

.board_viewB {}

.table_form_wrap {}
.table_form_wrap .form_tit {
   padding: 1em 0
}
.table_form_wrap .form_tit.bd0 {
   border-bottom: none
}
.table_form_wrap .form_tit .t1 {
   font-weight: 700;
   font-size: 1.375em
}
.table_form_wrap .form_tit .t2 {
   font-weight: 700;
   font-size: 1.625em
}
.table_form_wrap .form_tit .t3 {
   font-weight: 500;
   font-size: 1.125em
}
.table_form > li {
   border-bottom: 1px solid #ddd;
   padding: .75em 0
}
.table_form > li:first-child {
   border-top: 1px solid #111
}
.table_form > li.bd0 {
   border-bottom: none
}
.table_form .wrap_in {
   display: flex;
   align-items: center
}
.table_form .wrap_in .tit_wrap,
.table_form .wrap_in .con_wrap {
   min-height: 3em;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.table_form .wrap_in .tit_wrap {
   width: 9em;
   margin-right: 2em;
   gap: .5em 0;
   padding-left: .25em
}
.table_form .wrap_in .tit1 {
   font-size: 1.125em;
   font-weight: 500;
}
.table_form .wrap_in .tit2 {
   font-size: 1.000em;
   line-height: 1.2;
}
.table_form .wrap_in .con_wrap {
   flex: 1 1 0%;
   min-width: 0;
   gap: .25em;
   font-size: 1.125em;
}
.table_form .wrap_in .con_wrap > * {
   flex: 1 1 0%;
   min-width: 0
}
.table_form .wrap_in .con_wrap .inp_tt {
   flex: 0 0 auto;
   font-size: .938em;
   color: #666;
}
.table_form .wrap_in .con_wrap .input_st {
   width: 100%
}
.table_form .wrap_in .con_wrap .line {
   padding-top: .75em;
   margin-top: .75em;
   border-top: 1px solid #ddd
}
.table_form .wrap_in .con_wrap .w1 {
   flex: 0 0 auto;
   width: 3em
}
.table_form .wrap_in .con_wrap .w2 {
   flex: 0 0 auto;
   width: 9em
}
.table_form .wrap_in .con_wrap .w50 {
   flex: 0 0 auto;
   width: 50%
}
.table_form .wrap_in .con_wrap .w100 {
   flex: 0 0 auto;
   width: 100%
}
.table_form .wrap_in .con_wrap .w_auto {
   flex: 0 0 auto
}
.table_form .wrap_in .con_wrap .max1 {
   max-width: 27em
}
.table_form .wrap_in .con_wrap .max2 {
   max-width: 8.375em
}
.table_form .wrap_in .con_wrap .max3 {
   max-width: 23.5em
}
.table_form .wrap_in .con_wrap .min1 {
   min-width: 23.5em
}

.board_faq {
   border-top: 1px solid #111;
}
.board_faq > li {}
.board_faq > li .wrap_in {
   position: relative;
   display: flex;
   align-items: center;
   gap: 0 2em;
   border-bottom: 1px solid #ddd;
   line-height: 1.8;
}
.board_faq > li .wrap_in > * {
   min-width: 0;
}
.board_faq > li .wrap_in .tit {
   width: 5em;
   text-align: center;
}
.board_faq > li .wrap_in .tit .tt {
   font-size: 2.000em;
}
.board_faq > li .wrap_in .tit .tt.c1 {}
.board_faq > li .wrap_in .tit .tt.c2 {
   color: var(--siteC);
}
.board_faq > li .wrap_in .sbj {
   flex: 1;
}
.board_faq > li .wrap_in .sbj .tt {
   display: block;
   padding: 1em 0;
   font-size: 1.063em;
   line-height: 1.5;
}
.board_faq > li .wrap_in .con {
   flex: 1;
   padding: .75em 1em .75em 0;
}
.board_faq > li .wrap_in .con .tt {
   color: #333;
}
.board_faq > li .wrap_in .ico {
   position: absolute;
   right: 0;
   top: 50%;
   width: 5em;
   text-align: center;
   transform: translateY(-50%);
   opacity: .4;
}
.board_faq > li .wrap_in .ico .arrow {
   font-size: 2.000em;
   transition: .3s;
}
.board_faq > li .wrap_in .ico .arrow:before {
   content: "\e943";
}
.board_faq > li .faqTit .wrap_in {
   padding: 1em 5em 1em 0;
}
.board_faq > li .faqCon {
   height: 0;
   overflow: hidden;
   opacity: 0;
   visibility: hidden;
   transition: .3s;
}
.board_faq > li .faqCon .wrap_in {
   align-items: flex-start;
}
.board_faq > li.on .faqTit .wrap_in {
   background: #f5f5f5;
}
.board_faq > li.on .faqTit .wrap_in .ico .arrow {
   transform: rotate(-180deg);
}
.board_faq > li.on .faqCon {
   height: auto;
   overflow: visible;
   opacity: 1;
   visibility: visible;
}
.board_faq > li.on .faqCon .wrap_in {
   padding-top: 3em;
   padding-bottom: 3em;
   transition: .3s;
}

.board_wrap {
   border-top: 1px solid #111;
   padding-top: 3em;
}
.board_gallery {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -2.5em -3em;
}
.board_gallery > li {
   width: 33.33%;
   min-width: 0;
}
.board_gallery > li .wrap_in {
   display: block;
   margin: 0 0 2.5em 3em;
}
.board_gallery > li .wrap_in .img_wrap {
   position: relative;
   overflow: hidden;
   border: 1px solid #ddd;
   /* box-shadow:0 .5em 1.5em rgba(0,0,0,.1); */
   border-radius: 1em;
}
.board_gallery > li .wrap_in .con_wrap {
   display: flex;
   flex-direction: column;
   gap: .875em 0;
   padding: 2em .5em;
}
.board_gallery > li .wrap_in .con_wrap > * {
   width: 100%;
}
.board_gallery > li .wrap_in .con_wrap > *:not(.board_info) {
   line-height: 1.5;
}
.board_gallery > li .wrap_in .con_wrap .t1 {
   font-size: 1.250em;
   font-weight: 500;
   transition: .2s;
}
.board_gallery > li .wrap_in .con_wrap .t2 {
   font-size: 1em;
   color: #666;
}
.board_gallery > li .wrap_in .board_info {
   font-size: .938em;
}
.board_gallery > li .wrap_in:hover .con_wrap .t1 {
   color: #c1101c;
}

.board_gallery .con_wrap .info {
   gap: 1em;
   padding: 1em 0;
   border-top: 1px solid #ddd;
   color: #888;
}
.board_gallery .con_wrap .info > li {
   display: flex;
   align-items: center;
   gap: .5em;
}
.board_gallery .con_wrap .info > li:before,
.board_gallery .con_wrap .info > li:after {
   font-family: xeicon;
   font-size: 1.125em;
}
.board_gallery .con_wrap .info .area {
   flex: 1;
}
.board_gallery .con_wrap .info .area:before {
   content: "\eb59";
}
.board_gallery .con_wrap .info .date:after {
   content: "\e9a4";
}



.hover_st.zoom .img_wrap {
   overflow: hidden;
}
.hover_st.zoom .img_wrap .resize {
   transition: .3s;
}
.hover_st.zoom:focus .img_wrap .resize,
.hover_st.zoom:hover .img_wrap .resize {
   transform: scale(1.1);
}

.hover_st.vod .img_wrap {
   overflow: hidden;
}
.hover_st.vod .img_wrap:after {
   content: "\ea40";
   font-family: xeicon;
   font-size: 2.500em;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .4);
   opacity: 0;
   transition: .3s;
}
.hover_st.vod:hover .img_wrap:after {
   opacity: 1;
}


/**/
.ess {
   color: #d82744;
   display: inline-block;
   margin: 0 .25em;
   font-size: 1.25em !important;
   font-weight: 500;
}
.xi.ess:before {
   content: "*";
}
.ess_tt {
   font-size: .938em;
   color: #666;
}
.ess_tt > .tt {
   display: inline-block;
}

.label_st {
   display: inline-flex;
   align-items: center;
   min-height: 1em;
   gap: 0 .4rem;
   cursor: pointer;
   line-height: 1;
   box-sizing: border-box;
   padding: 1rem 0;
}
.label_st input {
   zoom: 1.5;
   cursor: pointer;
}
.label_st input ~ .tt {
   flex: 1;
}
.label_st input:checked {
   accent-color: var(--siteC);
   color: #fff;
}
.label_st input:checked ~ .tt {
   color: var(--siteC);
}

.label_st.s1 {
   font-size: 1.25em;
   font-weight: 500;
}
.label_st.s1 input {
   zoom: 2;
}

.label_st.st1 {
   position: relative;
   padding: 1.5em 1em;
   text-align: center;
}
.label_st.st1.p1 {
   padding: 1em
}
.label_st.st1 .bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   border: 1px solid #ddd;
   border-radius: .5em;
   z-index: -1;
}
.label_st.st1 .tt.s1 {
   font-size: .938em;
   opacity: .8;
}
.label_st.st1 input:checked {
   accent-color: #fff;
}
.label_st.st1 input:checked ~ .bg {
   background: var(--siteC);
}
.label_st.st1 input:checked ~ .tt {
   color: #fff;
}

.label_wrap {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   gap: 1em 3em
}
.label_wrap.fix0 {
   gap: .5em
}
.label_wrap.fix0 > * {
   flex: 1 1 1%
}
.label_wrap.fix1 {
   gap: 1em 0
}
.label_wrap.fix1 > * {
   width: 25%;
   max-width: 8em
}
.label_wrap.fix2 {
   gap: 1em 0
}
.label_wrap.fix2 > * {
   width: 25%;
   max-width: 10em
}

.label_date {
   position: relative;
   display: inline-block;
   box-sizing: border-box;
}
.label_date > * {
   cursor: pointer;
}
.label_date .input_st {
   padding-right: 2.25em;
}
.label_date .xi {
   position: absolute;
   right: .5em;
   top: 50%;
   transform: translateY(-50%);
   color: #888;
}

.input_st {
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
   border: 1px solid #ddd;
   max-width: 100%;
   height: 3.125rem;
   padding: .5em 0;
}
a.input_st,
button.input_st {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   gap: 0 .5em;
   border-radius: .5em;
}
a.input_st.al {
   justify-content: flex-start
}
.input_st[type=file] {
   background: none;
   border: 1px solid #ddd;
   padding: 0;
   width: 100%;
}
textarea.input_st {
   padding: 1em;
   width: 100%;
   height: 7em
}
textarea.input_st.h1 {
   height: 15em
}
select.input_st {
   padding-right: 2.5em
}

input[type=text].input_st:focus,
input[type=password].input_st:focus,
input[type=tel].input_st:focus {
   border-color: #111;
   color: #000;
}

input[type=text].input_st:focus::placeholder,
textarea:focus::placeholder {
   color: #ccc;
}

button.input_st:disabled,
.input_st[type=button]:disabled,
.input_st[type=submit]:disabled {
   cursor: default;
   opacity: .7;
}

.input_st > .tt {
   height: 1em;
}
.input_st > .xi {
   font-size: 1em;
}
.input_st > .xi:before {
   font-size: 1.125em;
}

.input_st.s1 {
   height: 3em;
   padding: .5em 1em;
   font-size: 1em;
   font-weight: 500;
}
.input_st.s2 {
   height: 2.5em;
   padding: .5em .75em;
   font-size: .938em;
}
.input_st.s3 {
   height: auto;
   font-size: .875em;
}

.input_st.round {
   border-radius: 10em;
}

.input_st.c1 {
   background: var(--siteC);
   border-color: var(--siteC);
   color: #ffffff;
}
/*남색 포인트색*/
.input_st.c1.re {
   background: #ffffff;
   border-color: var(--siteC);
   color: var(--siteC);
}
.input_st.c2 {
   background: var(--siteC2);
   border-color: var(--siteC2);
   color: #ffffff;
}
/*하늘 포인트색*/
.input_st.c2.re {
   background: #ffffff;
   border-color: var(--siteC2);
   color: var(--siteC2);
}
.input_st.c3 {
   background: #999999;
   border-color: #999999;
   color: #ffffff;
}
/*흐린회색*/
.input_st.c3.re {
   background: #f5f5f5;
   border-color: #cccccc;
   color: #444444;
}
.input_st.c4 {
   background: #333333;
   border-color: #333333;
   color: #ffffff;
}
/*진한회색*/
.input_st.c4.re {
   background: #ffffff;
   border-color: #333333;
   color: #333333;
}
.input_st.c5 {
   background: #000000;
   border-color: #000000;
   color: #ffffff;
}
/*블랙*/
.input_st.c5.re {
   background: #ffffff;
   border-color: #000000;
   color: #000000;
}
.input_st.c6.re {
   background: #ffffff;
   border-color: #ddd;
   color: #aaa;
}
.input_st.c7 {
   background: var(--snsKa);
   border-color: var(--snsKa);
   color: #624A3D;
}

.input_st.w1 {
   width: 14em;
   max-width: 100%
}
.input_st.w2 {
   width: 6.25em
}
.input_st.w3 {
   width: 40em;
   max-width: 100%
}
.input_st.wFix {
   min-width: 8em;
   text-align: center
}

.w30 {
   width: 30% !important;
}
.w40 {
   width: 40% !important;
}
.w50 {
   width: 50% !important;
}
.w60 {
   width: 60% !important;
}
.w70 {
   width: 70% !important;
}
.w80 {
   width: 80% !important;
}
.w85 {
   width: 85% !important;
}
.w90 {
   width: 90% !important;
}
.w100 {
   width: 100% !important;
}

.input_sec {
   width: 2em;
   text-align: center
}
.input_sec.w1 {
   width: .5em
}
.input_sec.w2 {
   width: 4em
}
.input_sec.w3 {
   width: 1em
}
.input_row {
   height: .25em;
   width: 100%
}

input::-webkit-input-placeholder {
   color: #888;
}
input::-moz-placeholder {
   color: #888;
}
input:-moz-placeholder {
   color: #888;
}
input:-ms-input-placeholder {
   color: #888;
}

.input_wrap {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: .25em
}

/**/
.w_no {
   width: 6em
}
.w_cate {
   width: 8em
}
.w_tit {
   width: auto
}
.w_name {
   width: 7em
}
.w_date {
   width: 9em
}
.w_hit {
   width: 7em
}
.w_check {
   width: 4em
}
.w_btn {
   width: 6em
}
.w_state {
   width: 7em
}

.w_form_tit {
   width: 12em
}
.w_form {
   width: auto
}
.w_auto {
   width: auto
}

.tt_state {
   display: inline-block;
   box-sizing: border-box;
   border: 1px solid transparent;
   min-width: 6em;
   padding: .75em 1em;
   border-radius: 3em;
   text-align: center;
   font-size: .875em;
}
.tt_state.c1 {
   background: #777;
   color: #fff
}
.tt_state.c1.re {
   background: #fff;
   border-color: #333;
   color: #111;
}
.tt_state.c2 {
   background: var(--siteC);
   color: #fff
}
.tt_state.c2.re {
   background: #fff;
   border-color: var(--siteC);
   color: var(--siteC);
}
.tt_state.c3 {
   background: var(--siteC2);
   color: #fff
}
.tt_state.c3.re {
   background: #fff;
   border-color: var(--siteC2);
   color: var(--siteC2);
}

/*table*/
.flex_table .thead {
   margin-bottom: 1em
}
.flex_table .tbody {
   display: flex;
   flex-direction: column;
   height: 100%
}
.flex_table .tr {
   flex: 1 1 0%;
   min-height: 0;
   display: flex;
   border: 1px solid #ddd;
   box-sizing: border-box;
   overflow: hidden
}
.flex_table .tr:not(:last-child) {
   border-bottom: none
}
.flex_table .tr:first-child {
   border-top-left-radius: .5em;
   border-top-right-radius: .5em
}
.flex_table .tr:last-child {
   border-bottom-left-radius: .5em;
   border-bottom-right-radius: .5em
}
.flex_table .td {
   display: flex;
   flex-direction: column;
   align-items: center;
   min-height: 3.5em;
   justify-content: center;
   text-align: center;
   flex: 1 1 0%;
   min-width: 0;
   box-sizing: border-box;
   padding: 1.5em;
   border-right: 1px solid #ddd
}
.flex_table .td.al {
   align-items: flex-start
}
.flex_table .td:last-child {
   border-right: none
}
.flex_table .td.bg1 {
   background: #f5f5f5
}
.flex_table .td.bg2 {}
.flex_table .td.w1 {
   flex: 0 0 10em
}
.flex_table .td.w2 {
   flex: 0 0 8em
}
.flex_table .td.w3 {
   flex: 0 0 35%
}
.flex_table .td.wTit {
   flex: 0 0 12em
}
.flex_table .td.wBtn {
   flex: 0 0 5em
}
.flex_table .td.wMail {
   flex: 0 0 12em
}
.flex_table .td.wTel {
   flex: 0 0 9em
}
.flex_table .thead .tr {
   background: #fff;
   border-color: #333;
   box-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
}
.flex_table .tbody .tr {
   background: #fff;
}
.flex_table .flex_table {
   flex: 1 1 0;
   min-width: 0;
   height: 100%;
}
.flex_table .flex_table .thead {
   margin-bottom: 0
}
.flex_table .flex_table .tr {
   border: none;
   border-bottom: 1px solid #ddd;
   border-radius: 0 0;
}
.flex_table .flex_table .tr:last-child {
   border-bottom: none
}

.flex_table .td .inp_con {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   width: 100%;
   gap: .25em .25em;
}
.flex_table .td .inp_con + .inp_con {
   margin-top: .25em;
}
.flex_table .td .inp_con .label_wrap {
   flex: 1;
}

.flex_table.form .td {
   padding: .875em;
}
.flex_table.form .td:not(.ac) {
   align-items: flex-start;
   text-align: left;
}
.flex_table.start .td:not(.ac) {
   align-items: flex-start;
   text-align: left;
}

/**/
.nocon {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   border: 1px solid #ddd;
   height: 24em;
   color: #666;
   margin-top: -1px;
   background: #f3f5f8;
}
.nocon .xi {
   font-size: 3em;
   color: #ddd;
   margin-bottom: .25em
}
.nocon .xi:not([class*=xi-]):before {
   content: "\ea15"
}
.nocon.st1 {
   border: none;
   height: 10em
}

label.error {
   display: inline-block;
   font-size: .875em;
   color: #fb2217;
}

/*response*/
@media screen and (max-width:1280px) {}

@media screen and (max-width:1024px) {

   .bgfix.fix {
      background-attachment: inherit;
   }


   /**/
   .input_st.moHide,
   .board_st .board_chk,
   .board_st .w_check,
   .board_st .w_hit,
   .board_st.faq .w_btn,
   .board_btn_wrap.moHide,
   .btn_cate.moHide,
   .board_search_wrap .moHide {
      display: none !important;
   }

}

@media screen and (max-width:768px) {}

@media screen and (max-width:600px) {}

@media screen and (max-width:460px) {}

@media screen and (max-width:380px) {}

@media screen and (max-width:320px) {}

@media all and (max-width:1024px) and (orientation:landscape) {}