@charset "utf-8";
@import url("font.css");
@import url("content.css");
@import url("form.css");
@import url("info.css");


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button,select,input,
table, th, td, hr
{margin: 0;padding: 0;border: 0; border-spacing:0px; border-collapse:collapse; font-family:'Pretendard',sans-serif;}


body {
  font-size: 17px;
  line-height: 25px;
  vertical-align: baseline;
  text-decoration:none;
  color: #212121;
  font-weight:400;
  word-break:keep-all;
}

a {text-decoration: none; color: #212121;}
a:active, a:link, a:visited {color: #212121; outline: 0; text-decoration: none;}
a:hover {outline: 0; text-decoration: none;}

/* 테스트 */
/* 상단바 */
.navbar-wrapper {background: #ffffff; width: 100%; position: sticky; top: 0px; z-index: 1;}
.navbar-wrapper-down {border-bottom: solid 1px #F2F2F2;}
.navbar {width: 1200px; height: 110px; margin: 0 auto;}
.navbar .navbar-logo {display: block; float: left; padding-top: 35px;}
.navbar .navbar-menu {float: right; padding-top: 45px; font-size: 18px;}
.navbar .navbar-menu .login {
  display: inline;
  list-style: none;
  text-align: center;
  padding-left: 50px;
}
.navbar .navbar-menu .login > a{
  background: #1D9ADD;
  font-weight: 500;
  color: #ffffff;
  padding: 12px 26px;
  border-radius: 24px;
}
.navbar .navbar-menu .login > a:hover {
    background: #0081C7 0% 0% no-repeat padding-box;
}
.navbar .navbar-menu .menu {display: inline; list-style: none;}
.navbar .navbar-menu .menu > a {padding: 30px 0px 30px 30px; margin-left: 35px; font-weight: 600; text-align: center;}
.navbar .navbar-menu .menu > a:hover {color: #1D9ADD;}
.navbar .navbar-menu .submenu {
  list-style: none;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 1px 4px 5px rgb(8 9 45 / 5%);
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  padding: 20px 30px;
  margin: 16px 0px 0px 218px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in;
}
.navbar .navbar-menu .submenu > li > a {font-size: 16px; font-weight: 500; text-align: center;}
.navbar .navbar-menu .submenu > li > a:hover {color: #1D9ADD;}
.navbar-menu > li:hover .submenu {opacity: 1; visibility: visible;}


/* 메인배너 */
.main-wrapper {background: #ffffff;}
.main-wrapper .inner {position: relative; width: 1200px; height: 450px; margin: 0 auto;}
.main-wrapper .inner .main-left {position: relative; width: 1200px; height: 450px;}
.main-wrapper .inner .main-right {position: absolute;  width: 330px; float: right; padding-top: 100px; top: 0; right: 0;}
.main-wrapper .inner .main-banner {height: 450px;}
.main-wrapper .inner .main-banner .img {position: absolute; bottom: 0;  right: 0;}
.main-wrapper .inner .main-banner .banner-title {font-size: 40px; font-weight: 800; line-height: 50px;  padding-top: 95px;}
.main-wrapper .inner .main-banner .txt {transform:translateX(0); opacity:1;}
.main-wrapper .inner .slick-active .txt {animation-name:fadeInTop; animation-duration:1.5s;}
@keyframes fadeInTop {
    0% {
        transform:translateY(-30px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
.main-wrapper .inner .main-banner .banner-txt {margin-top: 15px;}
.main-wrapper .inner .main-visual-control {position: absolute; top: 300px;}
.main-wrapper .inner .main-visual-control .page-num {font-size: 16px; vertical-align: top;}

/* 메인 게시판 영역*/
.main-board-wrapper {background: #FCFCFC;}
.main-board-wrapper .inner {width: 1200px; height: 830px; margin: 0 auto; display: block;}
.main-board-wrapper .inner .main-board {width: 565px; display: inline-block;}
.main-board-wrapper .inner .main-board .main-board-title {font-size: 28px; font-weight: 700; display: inline; vertical-align: middle;}
.main-board-wrapper .inner .main-board img {float: right; vertical-align: middle;}
.main-container .icon-nGb{font-size: 13px; font-weight: bold; padding: 2px 4px; border-radius: 4px; border-width: 2px; border-style: solid;}
.main-container .icon-nGb.b-type{border-color:#1D9ADD; color: #1D9ADD;}
.main-container .icon-nGb.c-type{border-color: #F49900; color: #F49900;}

/* 서브 페이지 상단 메뉴 영역 */
.side-menu-wrapper {background: #ffffff; height: 210px; margin: 0 auto; border-bottom: solid 1px #F2F2F2;}
.side-menu-wrapper .menu-title {font-size: 40px; font-weight: 800; padding: 65px 0px 71px 0px; text-align: center;}
.side-menu-wrapper .inner {width: 1200px; margin: 0 auto;}
.side-menu-wrapper .side-menu {display: inline;}
.side-menu-wrapper .side-menu button {font-size: 18px; font-weight: 600; height: 50px;}
.side-menu-wrapper .side-menu .on {border-bottom: solid 2px #1D9ADD; border-radius: 0px;}
.side-menu-wrapper .side-menu .on a {color: #1D9ADD;}
.side-menu-wrapper .side-menu a:hover {color: #1D9ADD;}
.side-menu-wrapper p {font-size: 14px; color: #777777; font-weight: 400; margin-top: 14px;}

/* 서브 페이지 컨텐츠 영역 */
.page-wrapper .inner {width: 1200px; height: auto; margin: 0 auto;}
.filter-box {background: #F8F8F8; border: 1px solid #E4E4E4; border-radius: 5px;}
.filter-box .inner {padding: 20px 20px;}
.filter-box .inner .tit {font-size: 18px;}
.chart-box {background: #FFFFFF; border: 1px solid #E4E4E4; border-radius: 5px; padding: 25px 10px 20px 10px;}

/* 푸터 영역 */
.footer {background: #FCFCFC;}
.footer .footer-inner {width: 1200px; height: 200px; margin: 0 auto; display: flex; justify-content: space-between;}
.footer .footer-inner .footer-right {display: flex; flex-direction: column; align-items: flex-end;}
.footer .footer-inner p {font-size: 14px; color: #777777; font-weight: 400;}
.footer .footer-inner span {font-size: 12px; color: #B1B1B1; font-weight: 400; margin: 0 2px;}
.footer .footer-inner .footer-service {display: inline-block;}
.footer .footer-inner .footer-service ul {font-size: 16px; font-weight: 500; display: inline;}
.footer .footer-inner .footer-service ul li {display: inline;}
.footer .footer-inner .footer-language {display: inline-block; margin-top: 50px;
}
.footer .footer-inner .footer-language ul li {display: inline;}
.footer .footer-inner .footer-language ul li button {font-size: 14px; font-weight: 400; color: #777777;}
.footer .footer-inner .footer-language ul li .on {font-weight: 700; color: #212121;}