
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KOTRA_BOLD-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body * { font-family: 'Pretendard-Regular'; }
.site-logo { position: absolute; top: 10px; left: 65px; font-size: 38px; font-family: 'KOTRA_BOLD-Bold'; color: #0d4da1 !important; letter-spacing: -0.5px; }
.globalNavigationBar { display: none; }

/* 메인 */
.main_slide .txt { color: #fff; text-align: center; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.main_slide .txt .title { font-size: 45px; font-family: 'KOTRA_BOLD-Bold'; }
.main_slide .txt .img_box { filter: brightness(0) invert(1); margin: 10px 0; display: flex; align-items: center; justify-content: center; }
.main_slide .txt .img_box img { height: 30px; margin: 10px 15px; }
.main_slide .txt .img_box .samsung_logo { height: 20px; }
.main_slide .txt .artice {  line-height: 1.3; }
.main_slide .txt .ct_number { margin-top: 20px; display: flex; }
.main_slide .txt .ct_number .ico_wrap { display: flex; align-items: center; justify-content: center; border:1px solid #fff; padding: 10px 15px; }
.main_slide .txt .ct_number .ico_wrap i { margin-right: 3px; }
.main_slide .txt .ct_number .number_wrap { font-size: 18px; text-align: left; flex-grow: 1; padding: 10px 15px; border: 1px solid #fff; }
.main_slide .txt .ct_number .number_wrap a { color: #fff; display: inline-block; text-align: left;}

.main_list1 li { position: relative;  }
.main_list1 li .txt { position: absolute; bottom:20px; left:20px; color: #fff; font-size: 20px; font-weight: 600;}

/* 솔루션 */
#content .wp_container { max-width: 1200px !important; padding: 0 !important; }

/* 풋터 */
footer .f_logo_wrap { display: flex; align-items: center; }
footer .f_logo_wrap a { color: #c0c0c0; font-size: 35px; font-family: 'KOTRA_BOLD-Bold'; }

/* 반응형 */
@media (max-width:1410px){
  .site-logo { left: 45px; }
}
@media (min-width:1200px){
  .container { max-width: 1200px; }
}
@media (max-width:1200px){
  .site-logo { left: 15px; }

}
@media (max-width:992px){
  .site-logo { top: 20px; font-size: 31px; }
  .globalNavigationBar { display: block; }

  /* 메인 */
  .main_slide .txt .title { font-size: 38px; }
  .main_slide .txt .img_box { margin: 10px 0; }
  .main_slide .txt .artice { font-size: 15px; }
  .main_slide .txt .img_box img { height: 22px; margin: 10px; }
  .main_slide .txt .img_box .samsung_logo { height: 15px; }
  .main_slide .txt .ct_number { margin-top: 10px;  }
  .main_slide .txt .ct_number .number_wrap { font-size: 16px; }
}
@media (max-width:772px){
  .main_slide .txt .title { font-size: 35px; }
}

@media (max-width:578px){
  .main_slide .txt { width: 90%; }
  .main_slide .txt .img_box { margin: 0; }
  .main_slide .txt .title { font-size: 28px; }
  .main_slide .txt .ct_number  { justify-content: center; }
  .main_slide .txt .ct_number .ico_wrap { padding: 5px 15px; }
  .main_slide .txt .ct_number .number_wrap { padding: 5px 15px; font-size: 14px; flex-grow: inherit; }

  .info_wrap { padding: 30px 0; }
  .infot td h3 { padding: 10px; }

  footer .wrap { flex-flow: column-reverse; }
  footer .f_logo_wrap { margin-top: 15px; }
  footer .f_logo_wrap a { margin-bottom: 10px; font-size: 25px !important; }
  footer .footer_info { padding: 0; }
}

.kenburns-bottom-left {
	-webkit-animation: kenburns-bottom-left 5s ease-out both;
	        animation: kenburns-bottom-left 5s ease-out both;
}
@keyframes kenburns-bottom-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 84%;
            transform-origin: 16% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
