@import url('../css/Score_Font.css');/* 에스코어 */


/* ================== sub depth tab bar ====================== */
.dropdown-menu-list {width:1140px; list-style:none; margin:0 auto; padding: 0; }

.dropdown-home {float:left;  display:inline-blodck;  border-left:1px solid #ddd; border-right:1px solid #ddd;}
.dropdown-home span {line-height:50px; padding:0 20px; text-align:center;}
.dropdown-home a {color:#ff4e00}

.dropdown-wrap { display: block; border-bottom:1px solid #ddd; height:50px;}


/* user menu settings 01 */
#dropdown { 
  float:left; 
  display: block;
  padding: 0 15px;
  width: 280px;
  height:50px;
  line-height:50px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  border-right:1px solid #eee;
  font-size: 15px;
  color: #656565;
  font-weight: normal;
 
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
#dropdown:hover { color: #898989; }
#dropdown.open {background: #f66f26; color: #fff;}

#dropdown ul { 
  position: absolute;
  top: 100%;
  left: 0; /* move content -4px because of container left border */
  width: 280px;
  padding: 0;
  display: none;
  border:1px solid #eee;
  border-bottom:1px solid #fff;
  background: #fff;
  z-index:10
}
#dropdown ul li {height:50px;  font-size:15px; border-bottom:1px solid #eee }
#dropdown ul li a {text-decoration: none; line-height:50px; display: block; color: #333; padding:0 15px;}
#dropdown ul li a:hover {color: #e67e45; background: #ece6e3;}

/* user menu settings 02 */
#dropdown2 { 
  float:left; 
  display: block;
  padding: 0 15px;
  width: 280px;
  height:50px;
  line-height:50px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  border-right:1px solid #eee;
  font-size: 15px;
  color: #656565;
  font-weight: normal;
 
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
#dropdown2:hover { color: #898989; }
#dropdown2.open {background: #f66f26; color: #fff;}

#dropdown2 ul { 
  position: absolute;
  top: 100%;
  left: 0; /* move content -4px because of container left border */
  width: 280px;
  padding: 0;
  display: none;
  border:1px solid #eee;
  border-bottom:1px solid #fff;
  background: #fff;
  z-index:10
}
#dropdown2 ul li {height:50px;  font-size:15px; border-bottom:1px solid #eee }
#dropdown2 ul li a {text-decoration: none; line-height:50px; display: block; color: #333; padding:0 15px;}
#dropdown2 ul li a:hover {color: #e67e45; background: #ece6e3;}

.fa.fa-angle-down { float:right; display:inline-block; line-height:50px; font-size:20px; font-weight:600; padding-right:14px;}


@media (max-width:991px) {
  .dropdown-menu-list {width:100%; }	 
  .dropdown-wrap {display: block; width:100%;  border-bottom:1px solid #ddd; height:50px;}
  .dropdown-home {float:left; text-align:center; width:10%  display:inline-blodck;  border-left:1px solid #ddd; border-right:1px solid #ddd;}
  .dropdown-home span {line-height:50px; padding:0 10px; text-align:center;}
  .dropdown-home a {color:#ff4e00}


  /* user menu settings 01 */
  #dropdown {padding: 0 20px; width: 45%; border-right:1px solid #eee; font-size: 15px;}
  #dropdown ul {width: 100%; padding: 0;  display: none; border:1px solid #eee; border-bottom:1px solid #fff; background: #fff; }
  #dropdown ul li {width: 100%; height:50px; font-size:15px; }
  #dropdown ul li a {line-height:50px; padding:0 20px;}

  /* user menu settings 02 */
  #dropdown2 {padding: 0 20px; width: 45%; border-right:1px solid #eee; font-size: 15px;}
  #dropdown2 ul {width: 100%; border:1px solid #eee; border-bottom:1px solid #fff; background: #fff; }
  #dropdown2 ul li {width: 100%; height:50px; font-size:15px; }
  #dropdown2 ul li a {line-height:50px; padding:0 20px;}
}

@media (max-width:575px) {
  .dropdown-home {display:none}

  /* user menu settings 01 */
  #dropdown {padding: 0 16px; width: 50%; border-right:1px solid #eee; font-size: 14px;}
  #dropdown ul {width: 100%; padding: 0;  display: none; border:1px solid #eee; border-bottom:1px solid #fff; background: #fff; }
  #dropdown ul li {width: 100%; height:50px; font-size:14px; }
  #dropdown ul li a {line-height:50px; padding:0 16px;}

  /* user menu settings 02 */
  #dropdown2 {padding: 0 16px; width: 50%; border-right:1px solid #eee; font-size: 14px;}
  #dropdown2 ul {width: 100%; border:1px solid #eee; border-bottom:1px solid #fff; background: #fff; }
  #dropdown2 ul li {width: 100%; height:50px; font-size:14px; }
  #dropdown2 ul li a {line-height:50px; padding:0 16px;}
}


/* =============================================== 
   title : 재단소개
   depth : about
   date : 2023-10-16  
================================================== */

/* about content */
.about-banner {background: url(../images/top-banner.jpg) center center no-repeat; background-size: cover}
.about-content {margin-top: 110px;    padding: 90px 0px; text-align: center}

@media (max-width: 767px) {
    .about-content {margin-top: 70px}
}

.about-content h1 {font-size: 48px; font-weight: 600}
.about-content a { color: #fff; font-weight: 300; font-size: 14px}
.about-content .lnr {display:inline; margin: 0px 5px; font-weight: 400}


@media(min-width: 991px) and  (max-width: 1024px)  {
    .about-content h1 {font-size: 40px; font-weight: 600}
}


@media (max-width: 991px)  {
    .about-content h1 {font-size: 40px; font-weight: 600}
}

@media (max-width: 765px)  {
    .about-content h1 {font-size: 30px; font-weight: 600}
}


.info-area {padding:100px 0;}
.info-area .info-area-left img {width: 100%}
.info-area .info-area-right {padding-left: 80px}

.info-area  h1 { margin-bottom: 20px}
.info-area  h2 { margin-bottom: 20px; text-align:center}
.info-area  p {line-height:1.9; font-weight:400; font-size:1.1em; margin-top: 50px}
.info-area  p strong_bold {font-weight:500; color:#333}
.info-area .ceo-img {display:block; padding-right:30px}



@media (max-width: 1024px) {
    .info-area .info-area-right { padding-left: 15px }
}

@media(min-width: 991px) and  (max-width: 1024px)  {
    .info-area .info-area-right {padding-left: 15px} 
    .info-area .info-area-right h1 {font-size: 23px }
}

@media (max-width: 991px) {
    .info-area .info-area-right h1,
    .info-area .info-area-right p { max-width: 100%}
}

@media (max-width: 991px) {
    .info-area .info-area-right { margin-top: 50px}	
	.info-area .ceo-img {display:block; padding-right:0; text-align:center}
	.info-area .ceo-img img {width:50%}
}


.greeting_inner {position:relative}
.greeting_inner .greeting-text {line-height:1.9; font-weight:400; font-size:1.3em; margin-top: 50px; text-align:center}
.greeting_inner .greeting-text orange-bold {font-weight:500; color:#ed5106}
.greeting_inner .greeting-img {display:block; padding:30px 0; text-align:center}

@media (max-width: 991px) {
    .greeting_inner .greeting-img img {width:100%;}
	.greeting_inner .greeting-text  font-size:16px !important;}
}

@media (max-width: 765px) {
    .greeting_inner .greeting-img img {width:100%;}
	.greeting_inner .greeting-text {font-size:16px !important; }
}

@media (max-width: 641px) {
    .greeting_inner .greeting-img img {width:100%;}
	.greeting_inner .greeting-text { font-size:15px !important;}
}


@media (max-width: 481px) {
    .greeting_inner .greeting-img img {width:100%;}
	.greeting_inner .greeting-text { font-size:14px !important; }
}


.history-inner {position:relative}
.history-inner .history-text  {display:block; margin:0 auto; color:#333; line-height:1.9; font-weight:400; font-size:1.5em; margin-top: 0px; text-align:center}
.history-inner .history-text  bold { font-weight:500; color:#111; }
.history-inner .history-text2  {display:block; padding:10px 0 50px 0; margin:0 auto; color:#666; line-height:1.9; font-weight:400; font-size:16px; text-align:center; }

.history-inner .history-img {float:left; display:block; padding:30px 0; text-align:left; margin-bottom:50px}
.history-inner .history-img img {width:100%;}

.history-info {position:relative; float:left; display:block; width:100%; margin-bottom:50px;  clear:both}
.history-info .history-lt {float:left; width:40%;}
.history-info .history-lt  .history-info-img {display:block; padding:30px 0 0 0; text-align:center}
.history-info .history-lt  .history-info-img img { width:100%; text-align:center}

.history-info .history-cnt {float:left;  margin:0 auto; text-align:center; width:10%;  }
.history-info .history-cnt .cnt-bg {display:block; background:url('../images/about/history-bg.png') top center repeat-y; margin:0 auto; text-align:center; height:450px;  padding:10px 0; }
.history-info .history-cnt .circle { margin: 30px auto;  width: 15px;  height: 15px; border-radius:50%;  background-color: #f74e1a; }

.history-info .history-cnt2 {float:left;  margin:0 auto; text-align:center; width:10%;  }
.history-info .history-cnt2 .cnt-bg {display:block; background:url('../images/about/history-bg.png') top center repeat-y; margin:0 auto; text-align:center; height:1850px;  padding:10px 0; }
.history-info .history-cnt2 .circle { margin: 30px auto;  width: 15px;  height: 15px; border-radius:50%;  background-color: #f74e1a; }

.history-info .history-cnt3 {float:left;  margin:0 auto; text-align:center; width:10%;  }
.history-info .history-cnt3 .cnt-bg {display:block; background:url('../images/about/history-bg.png') top center repeat-y; margin:0 auto; text-align:center; height:1400px;  padding:10px 0; }
.history-info .history-cnt3 .circle { margin: 30px auto;  width: 15px;  height: 15px; border-radius:50%;  background-color: #f74e1a; }

.history-info .history-cnt4 {float:left;  margin:0 auto; text-align:center; width:10%;  }
.history-info .history-cnt4 .cnt-bg {display:block; background:url('../images/about/history-bg.png') top center repeat-y; margin:0 auto; text-align:center; height:550px;  padding:10px 0; }
.history-info .history-cnt4 .circle { margin: 30px auto;  width: 15px;  height: 15px; border-radius:50%;  background-color: #f74e1a; }

.history-info .history-rt {float:right; width:50%;}
.history-info .year-tit {display:block; font-weight:700; color:#f74e1a !important; font-size:30px; line-height:1.8; text-align:left; margin-top:20px;  padding-top: 0; text-align:left;  font-family: 'S-Core'; }
.history-info .month-group {list-style:none; display:block; }
.history-info .month-group li {float:left; width:100%; line-height:1.8}
.history-info .month-group .txt-span1 {display:inline-block;  text-align:left; font-size:15px; color:#666 !important;  font-family: 'S-Core'; font-weight:400 !important; }
.history-info .month-group .txt-span2 {display:inline-block;  text-align:left; font-size:15px; color:#333; margin-left:20px;  font-family: 'Noto Sans KR  !important';  font-weight:500  }


/* media query history */

@media (max-width: 1023px) {

 .history-info .history-lt {float:left; width:45%;}
 .history-info .history-lt  .history-info-img {display:block; padding:30px 0 0 0; text-align:center}
 .history-info .history-lt  .history-info-img img { width:100%; text-align:center}
 .history-inner .history-img {margin-bottom:30px}

 .history-info .history-cnt {display:none; }
 .history-info .history-cnt2 {display:none; }
 .history-info .history-cnt3 {display:none; }
 .history-info .history-cnt4 {display:none; }

 .history-info .history-rt {float:right; width:50%;}
 .history-info .year-tit {display:block; font-weight:700; color:#f74e1a!important; font-size:30px; line-height:1.8; text-align:left; margin-top:20px;  padding-top: 0; text-align:left;  font-family: 'S-Core'; }
 .history-info .month-group {list-style:none; display:block; }
 .history-info .month-group li {float:left; width:100%; line-height:1.8}
 .history-info .month-group .txt-span1 {display:inline-block;  text-align:left; font-size:15px; color:#666 !important;  font-family: 'S-Core'; font-weight:400 !important; }
 .history-info .month-group .txt-span2 {display:inline-block;  text-align:left; font-size:15px; color:#333; margin-left:20px;  font-family: 'Noto Sans KR  !important';  font-weight:500  }
 
 
 .history-inner .history-text2  {font-size:16px; text-align:center; }


}



@media (max-width: 999px) {



 .history-info {position:relative; display:block; width:100%;}
 .history-info .history-lt {float:left; width:100%;}
 .history-info .history-lt  .history-info-img {display:block; padding:30px 0 0 0; text-align:center}
 .history-info .history-lt  .history-info-img img { width:100%; text-align:center}
  .history-inner .history-img {margin-bottom:20px}

 .history-info .year-tit {font-size:24px;}
 .history-info .history-cnt {display:none; }
 .history-info .history-cnt2 {display:none; }
 .history-info .history-cnt3 {display:none; }
 .history-info .history-cnt4 {display:none; }
 
 .history-info .history-rt {float:right; width:100%;} 
 .history-info .year-tit {font-size:20px; margin-top:10px;}
 .history-info .history-rt {float:right; width:100%;}
 .history-info .month-group .txt-span1 {font-size:13px; color:#666 !important;  }
 .history-info .month-group .txt-span2 {font-size:13px; color:#333;  margin-left:10px;   }
 
  .history-inner .history-text2  {font-size:15px; text-align:center; }

}



@media (max-width: 641px) {
 .history-inner .history-text  { font-size:1.2em; margin-top: 30px}

 .history-info {position:relative; display:block; width:100%;}
 .history-info .history-lt {float:left; width:100%;}
 .history-info .history-lt  .history-info-img {display:block; padding:30px 0 0 0; text-align:center}
 .history-info .history-lt  .history-info-img img { width:100%; text-align:center}
  .history-inner .history-img {margin-bottom:0px}

 .history-info .history-cnt {display:none; }
 .history-info .history-cnt2 {display:none; }
 .history-info .history-cnt3 {display:none; }
 .history-info .history-cnt4 {display:none; }
 
 .history-info .year-tit {font-size:20px;}
 .history-info .history-rt {float:right; width:100%;}
 .history-info .month-group .txt-span1 {font-size:12px; color:#666 !important;  }
 .history-info .month-group .txt-span2 {font-size:12px; color:#333;  margin-left:10px;  letter-spacing:-0.5px  }
 
  .history-inner .history-text2  {font-size:14px; text-align:center; }

}


@media (max-width: 341px) {

 .history-info {position:relative; display:block; width:100%;}
 .history-info .history-lt {float:left; width:100%;}
 .history-info .history-lt  .history-info-img {display:block; padding:30px 0 0 0; text-align:center}
 .history-info .history-lt  .history-info-img img { width:100%; text-align:center}

 .history-info .history-cnt {display:none; }
 .history-info .history-cnt2 {display:none; }
 .history-info .history-cnt3 {display:none; }
 .history-info .history-cnt4 {display:none; }
 
 .history-info .year-tit {font-size:20px;}
 .history-info .history-rt {float:right; width:100%;}
 .history-info .month-group .txt-span1 {font-size:11.5px; color:#666 !important;  }
 .history-info .month-group .txt-span2 {font-size:11.5px; color:#333;  margin-left:10px;  letter-spacing:-0.5px  }

}


/* group banner */
figure.snip1206 {color: #fff; position: relative; overflow: hidden; margin: 0; width: 100%; color: #000000; text-align: center; }
figure.snip1206 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

figure.snip1206 img {
  opacity: 1;
  width: 100%;
 /* -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;*/
  border-style:1px solid #ccc;
  text-align:center;  
  margin:0 auto;
}

figure .snip-img  {
  opacity: 1;
  width: 100%;
 /* -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;*/
  border:1px solid #ccc;
  text-align:center;  
  margin:0 auto;
}



figure.snip1206:after {
  background: #ffffff;
  width: 100%;
  height: 101%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  opacity: 0.75;
  -webkit-transform: skew(-45deg) scaleX(0);
  transform: skew(-45deg) scaleX(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

figure.snip1206 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

figure.snip1206 h2,
figure.snip1206 p {margin: 0; width: 100%;  opacity: 0;}
figure.snip1206 h2 {padding: 10px 30px; font-size:16px; display: inline-block; font-weight: 500; text-transform: uppercase;}
figure.snip1206 p {padding: 0 30px; font-size: 0.9em; line-height:1.4; font-weight: 400;}
figure.snip1206 a {left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}

figure.snip1206:hover:after,
figure.snip1206.hover:after {
  -webkit-transform: skew(-45deg) scaleX(1);
  transform: skew(-45deg) scaleX(1);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

figure.snip1206:hover figcaption h2,
figure.snip1206.hover figcaption h2,
figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

figure.snip1206:hover figcaption h2,
figure.snip1206.hover figcaption h2 {
  opacity: 1;
}

figure.snip1206:hover figcaption p,
figure.snip1206.hover figcaption p {
  opacity: 0.7;
}

figure.snip1206 .snip-tit {padding: 10px 0px; font-size:16px; display: inline-block; font-weight: 500; text-transform: uppercase;}







/* =============================================== 
   title : 사업소개
   depth : bizarea
   date : 2023-10-16  
================================================== */

/* biz content */
.biz-banner {background: url(../img/top-banner.jpg) right no-repeat; background-size: cover}
.bizarea_purpose {list-style:none}
.bizarea_purpose li {display:block;}


/* bizarea_01 */

.our-services {
    overflow: hidden;
    position: relative;
    padding: 100px 0 100px;
    background: #fff;
}
.our-services.rotated-bg:before {
    content: '';
    position: absolute;
    width: 1000px;
    transform: translate(-50%, -50%) rotate(45deg);
    height: 886px;
    left: 10%;
    top: 50%;
    background: #f0d9cd;
}
.our-services .sec-title {text-align: center;}
.sec-title { position: relative; margin-bottom: 50px;}
.sec-title h2 {position: relative; font-size: 40px;  margin-bottom: 30px;  text-transform: capitalize; font-weight: 700;}
.sec-title p {text-align:center}

@media (max-width:991px) {
  .sec-title h2 {position: relative; font-size: 26px; }
   .sec-title p {position: relative; font-size: 16px; }
}

@media (max-width:765px) {
  .sec-title h2 {position: relative; font-size: 24px; }
  .sec-title p {position: relative; font-size: 16px; }
}

@media (max-width:630px) {
  .sec-title p {position: relative; font-size: 15px; }
}

@media (max-width:401px) {
  .sec-title p {position: relative; font-size: 14px; }
}


.center {text-align: center;}
.our-services .sec-title p {max-width: 650px; margin: 0 auto; color: #848484; margin-top: 20px;}
.sec-title h2.center:before {
    position: absolute;
    content: '';
    background: #f7631b;
    width: 100px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
}
.our-services .clearfix { margin-top: 66px;}



.single-service-item {
    margin-bottom: 26px;
    position: relative;
    padding: 40px 20px ;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 35px rgba(0,0,0,.1);
    -webkit-transition: .5s;
    transition: .5s;
    border: 3px solid #eee;
	min-height:540px;
}

.single-service-item:hover {
    border-color: #f7631b;
    -webkit-transition: .5s;
    transition: .5s;
}
.our-services .single-service-item .service-icon { margin-bottom: 20px;  overflow: hidden;  text-align: center;}
.our-services .single-service-item .service-icon img { max-width: 100%;}
.service-text {overflow: hidden;}
.service-text h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 10px;
}
.service-text h4 span {color:#f7631b; font-weight:600; font-size:30px; margin-bottom:10px}
.service-text p {color: #777777;  font-size: 14px;  line-height: 22px;}
.service-text h4 a {color: #222222;  transition: .5s;}
.service-text h4 a:hover {color: #26cdff;  transition: .5s; text-decoration:none;}

@media (max-width:991px) {
 .single-service-item {min-height:540px;}
 .service-text h4 {font-size:18px;}

}


.text-container {background-color: #f2ebe8; border:1px solid #ebdfd9; padding: 30px 40px ; margin-bottom:100px;}
.text-container .title {display:block; padding:5px 0; font-size:18px; font-weight:500; color:#b28b7b; line-height: 1.6em; }
.text-container .title span {font-size:18px; font-weight:300; line-height: 1.6em; }
.text-container .title .ic-chk {float:left; font-size:18px!important; font-weight:300; margin-right:10px; }

.bizarea-01-img {width:100%; margin:0  auto; display:block; padding:0 0 50px  0; text-align:center; margin-bottom:100px;}
.bizarea-01-img img {width:auto}

@media (max-width:991px){
  .text-container .title {padding:10px 0;}	 
  .text-container .title {font-size:16px; }
  .text-container .title span {font-size:16px;} 
  .bizarea-01-img img {width:100%;}
}


/* bizarea_02 */
.service-grid {background: #fcfcfc;}
.service-title h4 {position: relative; display: inline-block;}
.service-icon {position: relative;}
.service-title p {padding: 0 190px; margin-bottom: 10px;}
.about-info-text h2 {margin-bottom: 23px; text-transform: capitalize; font-weight: 700;line-height: .9;}
.about-info-text p {padding: 0 100px; font-size: 18px;  margin-bottom: 26px;  position: relative;}
.about-content p {margin-bottom: 0;}
.about-info-text a {margin-bottom: 20px;  position: relative;}
.service-icon i {font-size: 40px; color: #e8bc00; margin-bottom: 20px; display: inline-block;}

.service-wrap {border: 1px solid #e6e6e6;  height:300px;  padding: 50px 30px;  position: relative;}
.service-wrap p{position: relative;}
.service-wrap:hover {
    background-image: url(../images/bizarea/exchange1_img.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: local;
    transition: all .5s;
}
.service-wrap:hover:before {
    background: rgba(0, 0, 0, 0.2901960784313726);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    content: "";
    top: 0;
    opacity: 1;
}
.service-wrap:hover h4,.service-wrap:hover p{color: #fff;}
.service-wrap h4 {
    font-weight: 500;
    color: #1e2331;
    margin-bottom: 17px;
    font-size: 18px;
    text-transform: capitalize;
    position: relative;
}
.service-wrap a {font-size: 14px; font-weight: 600; position: relative;}


.service-wrap2 {border: 1px solid #e6e6e6; height:300px;  padding: 50px 30px;  position: relative;}
.service-wrap2 p{position: relative;}
.service-wrap2:hover {
    background-image: url(../images/bizarea/exchange2_img.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: local;
    transition: all .5s;
}
.service-wrap2:hover:before {
    background: rgba(0, 0, 0, 0.2901960784313726);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    content: "";
    top: 0;
    opacity: 1;
}
.service-wrap2:hover h4,.service-wrap2:hover p{color: #fff;}
.service-wrap2 h4 {
    font-weight: 500;
    color: #1e2331;
    margin-bottom: 17px;
    font-size: 18px;
    text-transform: capitalize;
    position: relative;
}
.service-wrap2 a {font-size: 14px; font-weight: 600; position: relative;}

@media (max-width:991px){
  .service-wrap:hover {
    transition: all .5s;
 }
 .service-wrap:before {
   background-image: url(../images/bizarea/exchange1-1_img.jpg);
   background-position: center center;
   background-size:cover;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    content: "";
    top: 0;
    opacity: 1;
 }
 .service-wrap h4 {color: #fff; }
 .service-wrap p{color: #fff;}

 .service-wrap2:hover {
    transition: all .5s;
 }
 .service-wrap2:before {
   background-image: url(../images/bizarea/exchange2-2_img.jpg);
   background-position: center center;
   background-size:cover;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    content: "";
    top: 0;
    opacity: 1;
 }
 .service-wrap2 h4 {color: #fff; }
 .service-wrap2 p{color: #fff;}
}



/* bizarea_03  */
.cultural-box { position: relative; padding:25px ; border: 1px solid #ddd;}
.cultural-box h5 {font-size:20px; line-height:1.6!important; font-weight:600; padding:20px 0; letter-spacing:-0.5px}
.cultural-box p {letter-spacing:-0.5px}

.youtbe_wrapper {margin: 20px 0; min-height: 440px;}
.youtbe_wrapper .label-text {display:block; font-size:16px!important; text-align:center; padding:10px 0}




/* bizarea_04  */
.biz_education .edubox_div {padding:2rem 1.5rem; min-height:280px; text-align:center; border:1px solid #eee}
.biz_education h1 {font-size:24px!important; font-weight:600; color:#333; line-height:2.4; padding:0 0 20px 0}
.biz_education span {font-size:13px; padding:10px 0; font-weight:400; color:#cfb3a7; line-height:1.4; display:block}
.biz_education p {font-size:14px!important; font-weight:300; color:gray; line-height:1.6; }

figure {overflow: hidden;}
.column img {display: block;width: 100%;}

/*Zoom In*/
.column#zoomIn img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.column#zoomIn:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}


/* =============================================== 
   title : 게시판
   depth : board
   date : 2023-10-20  
================================================== */

.bd-content {padding:100px 0; display:block;}





/* =============================================== 
   title : 후원안내
   depth : donation
   date : 2023-10-23  
================================================== */

/* donation */
.sponsor_in {}
.souvenir {display:block; }
.souvenir p {font-size:18px; color:#3b8e8f; font-weight:400; line-height:24px; text-align:center; }
.souvenir_list {width:100%; height:auto; padding-top:60px; list-style:none; }
.souvenir_list li { float:left; width:402px; height:auto; margin-right:22px; display:inline-block;  }
.souvenir_list li:last-child { float:left; width:402px; height:auto; margin-right:0; display:inline-block; }
.souvenir_caution { width:100%; font-size:18px; color:#333; font-weight:400; line-height:50px; text-align:center; padding-top:40px; clear:both; position:relative;}


.sponlist {width:100%; height:300px; padding-top:50px; }
.sponlist li {
  float:left; 
  width:25%; 
  height:240px; 
  border:1px solid #CCC; 
  border-right:none;
  vertical-align: middle;   
  display: table-cell; 
  padding:25px 28px 0 30px; 
  margin-right:-1px;  
  position:relative; 
 }

.sponlist li:nth-child(2) {border-right:none;}
.sponlist li:nth-child(3) {border-right:none;}

.sponlist li:last-child { 
  float:left; 
  width:25%; 
  height:240px; 
  border:1px solid #CCC; 
  vertical-align: middle;   
  display: table-cell; 
  padding:25px 28px 0 30px; 
  margin-right:0;  
  position:relative; 
}

.sponlist .grline { height:16px; width:30px; border-bottom:2px solid #ec6333; } 
.sponlist .spontit {width:100%; font-size:20px; color:#333; font-weight:500; line-height:50px; text-align:left; } 
.sponlist .spon_smdesc {width:100%; font-size:14px; color:#666; line-height:20px;  text-align:left; } 
.sponlist .spon_btn {
  display:block;
  margin-top:30px;
  width:100px; 
  height:33px; 
  font-size:14px; 
  color:#fff;
  text-align:center;
  border:0; 
  border-top-left-radius:20px; 
  border-bottom-left-radius:20px;
  border-top-right-radius:20px; 
  border-bottom-right-radius:20px;
  background:#ec6333; 
} 

.sponlist .spon_imgcon { position:absolute; top:150px; right:30px; z-index:10}

@media (max-width:991px) {  
  .sponlist li {float:left; width:50%; height:240px; border-bottom:none;  border:1px solid #CCC; }
  .sponlist li:nth-child(2) {border:1px solid #CCC;  border-left:none;}
  .sponlist li:nth-child(3) {border-top:none; }
  .sponlist li:last-child { float:left; width:50%; height:240px; border-top:none; }
  
}


@media (max-width:765px) {  
  .sponlist li {float:left; width:100%; height:240px; margin-bottom:10px; border:1px solid #CCC;}
  .sponlist li:nth-child(2) {border:1px solid #CCC; }
  .sponlist li:nth-child(3) {border:1px solid #CCC;}
  .sponlist li:last-child { float:left; width:100%; height:240px; margin-bottom:10px; border:1px solid #CCC;}
  
}



.spontype_in {display:block;  clear:both;}
.spon_desc {display:block; padding:20px 0 70px 0;}
.spon_desc p{font-size:16px; font-weight:300; color:#2e2e2e; text-align:center; line-height:1.8; }
.spon_desc .grntext { color:#19928e;  font-weight:400;  }

.sponfullimg {width:100%; background:url('../images/donation/sponfull_bg.jpg') center no-repeat; background-size:cover; padding:150px 0;  clear:both; position:relative}
.sponfullimg .imgtxt_in {width:100%; display:block; }
.sponfullimg .spinner_txt { text-align:center; font-size:18px; font-weight:300; line-height:1.4; color:#FFF; top:50%; left:50%; transform:translate(-50%,-50%);position:absolute;  }

 
.publi_guidely  {width:100%;display:block; padding-top:80px; clear:both; position:relative;}
.publi_guidely h2 {font-size:26px; font-weight:300;  color:#4a4a4a; text-align:center; line-height:36px!important; }
.publi_guidely h2 bold { font-weight:500; }

.publication {padding-top:50px; position:relative; }
.publication .gift-item{display:block; text-align:center; margin-bottom:20px }

@media (min-width:576px) and (max-width:991px) {  
  .publi_guidely h2 {font-size:24px; font-weight:300;  color:#4a4a4a; text-align:center; line-height:2.4;}
  .spon_desc {display:block; padding:50px 0 60px 0;}
  .publication .gift-item{display:block; text-align:center; margin-bottom:20px }
  .publication .gift-item img {width:100%; }

  .sponfullimg .spinner_txt {font-size:16px; line-height:1.4;}
}



@media (max-width:575px) {  
.publi_guidely h2 {font-size:20px; font-weight:300;  color:#4a4a4a; text-align:center; line-height:2.2; }
  .publication .gift-item{display:block; text-align:center; margin-bottom:20px }
  .publication .gift-item img {width:80%; }
  .sponfullimg .spinner_txt {font-size:15px; line-height:1.4;}
}