@charset "utf-8";

/* 최근게시물 스킨 (latest) */

/*

h1, h2, h3, h4, h5, h6 {  margin-top: 0;  margin-bottom: 0.5rem; }
h1, .h1 {  font-size: 2.5rem; }
h2, .h2 {  font-size: 2rem; }
h3, .h3 {  font-size: 1.75rem; }
h4, .h4 {  font-size: 1.5rem; }
h5, .h5 {  font-size: 1.25rem; }
h6, .h6 {  font-size: 1rem; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
  @media (min-width: 576px) { .container { max-width: 540px; } }
  @media (min-width: 768px) { .container { max-width: 720px; } }
  @media (min-width: 992px) { .container { max-width: 960px; } }
  @media (min-width: 1200px) { .container { max-width: 1140px; } }
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }



@media (min-width: 576px) {
  .col-sm { -ms-flex-preferred-size: 0;  flex-basis: 0;  -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1;  max-width: 100%; }
  .col-sm-auto {  -webkit-box-flex: 0;  -ms-flex: 0 0 auto;  flex: 0 0 auto;  width: auto;  max-width: 100%; }
  .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%;  max-width: 8.33333%; }
  .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%;  max-width: 33.33333%; }
  .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%;  max-width: 41.66667%; }
  .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%; }
}

@media (min-width: 768px) {
  .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 992px) {
  .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 1200px) {
  .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

.w-25 {  width: 25% !important; }
.w-50 {  width: 50% !important; }
.w-75 {  width: 75% !important; }
.w-100 {  width: 100% !important; }
.w-auto {  width: auto !important; }

.h-25 {  height: 25% !important; }
.h-50 {  height: 50% !important; }
.h-75 {  height: 75% !important; }
.h-100 {  height: 100% !important; }
.h-auto {  height: auto !important; }

.mw-100 {  max-width: 100% !important; }
.mh-100 {  max-height: 100% !important; }
.min-vw-100 {  min-width: 100vw !important; }
.min-vh-100 {  min-height: 100vh !important; }
.vw-100 {  width: 100vw !important; }
.vh-100 {  height: 100vh !important; }


.m-0 {  margin: 0 !important; }
.mt-0,.my-0 {  margin-top: 0 !important; }
.mr-0,.mx-0 {  margin-right: 0 !important; }
.mb-0,.my-0 {  margin-bottom: 0 !important; }
.ml-0,.mx-0 {  margin-left: 0 !important; }
.m-1 {  margin: 0.25rem !important; }
.mt-1,.my-1 {  margin-top: 0.25rem !important; }
.mr-1,.mx-1 {  margin-right: 0.25rem !important; }
.mb-1,.my-1 {  margin-bottom: 0.25rem !important; }
.ml-1,.mx-1 {  margin-left: 0.25rem !important; }
.m-2 {  margin: 0.5rem !important; }
.mt-2,.my-2 {  margin-top: 0.5rem !important; }
.mr-2,.mx-2 {  margin-right: 0.5rem !important; }
.mb-2,.my-2 {  margin-bottom: 0.5rem !important; }
.ml-2,.mx-2 {  margin-left: 0.5rem !important; }
.m-3 {  margin: 1rem !important; }
.mt-3,.my-3 {  margin-top: 1rem !important; }
.mr-3,.mx-3 {  margin-right: 1rem !important; }
.mb-3,.my-3 {  margin-bottom: 1rem !important; }
.ml-3,.mx-3 {  margin-left: 1rem !important; }
.m-4 {  margin: 1.5rem !important; }
.mt-4,.my-4 {  margin-top: 1.5rem !important; }
.mr-4,.mx-4 {  margin-right: 1.5rem !important; }
.mb-4,.my-4 {  margin-bottom: 1.5rem !important; }
.ml-4,.mx-4 {  margin-left: 1.5rem !important; }
.m-5 {  margin: 3rem !important; }
.mt-5,.my-5 {  margin-top: 3rem !important; }
.mr-5,.mx-5 {  margin-right: 3rem !important; }
.mb-5,.my-5 {  margin-bottom: 3rem !important; }
.ml-5,.mx-5 {  margin-left: 3rem !important; }
.p-0 {  padding: 0 !important; }
.pt-0,.py-0 {  padding-top: 0 !important; }
.pr-0,.px-0 {  padding-right: 0 !important; }
.pb-0,.py-0 {  padding-bottom: 0 !important; }
.pl-0,.px-0 {  padding-left: 0 !important; }
.p-1 {  padding: 0.25rem !important; }
.pt-1,.py-1 {  padding-top: 0.25rem !important; }
.pr-1,.px-1 {  padding-right: 0.25rem !important; }
.pb-1,.py-1 {  padding-bottom: 0.25rem !important; }
.pl-1,.px-1 {  padding-left: 0.25rem !important; }
.p-2 {  padding: 0.5rem !important; }
.pt-2,.py-2 {  padding-top: 0.5rem !important; }
.pr-2,.px-2 {  padding-right: 0.5rem !important; }
.pb-2,.py-2 {  padding-bottom: 0.5rem !important; }
.pl-2,.px-2 {  padding-left: 0.5rem !important; }
.p-3 {  padding: 1rem !important; }
.pt-3,.py-3 {  padding-top: 1rem !important; }
.pr-3,.px-3 {  padding-right: 1rem !important; }
.pb-3,.py-3 {  padding-bottom: 1rem !important; }
.pl-3,.px-3 {  padding-left: 1rem !important; }
.p-4 {  padding: 1.5rem !important; }
.pt-4,.py-4 {  padding-top: 1.5rem !important; }
.pr-4,.px-4 {  padding-right: 1.5rem !important; }
.pb-4,.py-4 {  padding-bottom: 1.5rem !important; }
.pl-4,.px-4 {  padding-left: 1.5rem !important; }
.p-5 {  padding: 3rem !important; }
.pt-5,.py-5 {  padding-top: 3rem !important; }
.pr-5,.px-5 {  padding-right: 3rem !important; }
.pb-5,.py-5 {  padding-bottom: 3rem !important; }
.pl-5,.px-5 {  padding-left: 3rem !important; }
 */
 
 
 
/**Custom Area

.btx-bannertext-dynamic-inner { display: inline; }

.btx-custom_c-font{	 font-size:18px;}
.btx-secondary-font{ }
.btx-background-overlay.btx-p-bg-bg{ background-color:#000000; opacity:0.5 !important;

    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease;
}	

   -webkit-transition-property: background-color;
 
 
.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;}
.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important;}
  

 
   */
  /* 
body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}
   */
   
   
#parallax .parallax_bg_1, #parallax .parallax_bg_2, #parallax .parallax_bg_3 {
  position: relative;
  opacity: 0.9;
  background-attachment: fixed; 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top; 

}
#parallax .parallax_bg_1 {
  /* background-image: url("https://www.w3schools.com/howto/img_parallax.jpg"); */
  min-height: 400px;
}
#parallax .parallax_bg_2 {
  /* background-image: url("https://www.w3schools.com/howto/img_parallax2.jpg"); */
  min-height: 400px;
}
#parallax .parallax_bg_3 {
  /* background-image: url("https://www.w3schools.com/howto/img_parallax3.jpg"); */
  min-height: 400px;
}



#parallax .caption {
  position: absolute;
  left: 0;
  top: 47%;
  width: 100%;
  text-align: center;
  color: #000;
}

#parallax .caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 20px;
  letter-spacing: 1px;
}

#parallax h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
  text-align:center;
}
#parallax .parallax_text_white {color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;}
#parallax .parallax_text_dark { position:relative; }
#parallax .parallax_text { color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify; }




@media (max-width: 786px) {
#parallax .parallax_bg_1, #parallax .parallax_bg_2, #parallax .parallax_bg_3 {   min-height: 250px;	}
#parallax .caption span.border {   padding: 15px;  font-size: 16px; }
}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 204px) {
  #parallax .parallax_bg_1, #parallax .parallax_bg_2, #parallax .parallax_bg_3 {
    background-attachment: scroll;
  }
}