@charset "UTF-8";
.container_fix01 {
  max-width: 1470px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
}

@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: "pretendard_SM";
  src: url(/font/Pretendard-SemiBold.woff);
}
@font-face {
  font-family: "pretendard_R";
  src: url(/font/Pretendard-Regular.woff);
}
@font-face {
  font-family: "pretendard_L";
  src: url(/font/Pretendard-Light.woff);
}
@font-face {
  font-family: "pretendard_M";
  src: url(/font/Pretendard-Medium.woff);
}
@font-face {
  font-family: "pretendard_B";
  src: url(/font/Pretendard-Bold.woff);
}
/******************************************
메인시작
*******************************************/
.at-menu.on .h_menuWrap .login_b li a {
  color: #333;
}
.at-menu.on .h_menuWrap .h_right .login_wrap li a {
  color: #666;
  font-weight: 500;
}
.at-menu.on .h_menuWrap .h_right .login_wrap li:last-child::after {
  background-color: #adadad;
}
.at-menu.hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.at-menu .h_menuWrap .login_b {
  display: flex;
}
.at-menu .h_menuWrap .login_b li a {
  font-size: 16px;
  color: #fff;
  font-family: "pretendard_R";
}
.at-menu .h_menuWrap .login_b li a > img {
  margin-right: 10px;
  margin: -5px 10px 0 0;
}
.at-menu .h_menuWrap .login_b li:last-child {
  position: relative;
}
.at-menu .h_menuWrap .login_b li:last-child::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  left: -10px;
  top: 0;
  background-color: #d0d1d1;
  position: absolute;
}
.at-menu .h_menuWrap .h_right {
  display: flex;
}
.at-menu .h_menuWrap .h_right .login_wrap li a {
  color: #fff;
  font-size: 15px;
}
.at-menu .h_menuWrap .h_right .login_wrap li a > img {
  margin: -3px 5px 0 0;
}
.at-menu .h_menuWrap .h_right .login_wrap li:last-child {
  position: relative;
}
.at-menu .h_menuWrap .h_right .login_wrap li:last-child::after {
  display: block;
  content: "";
  width: 1px;
  height: 13px;
  background-color: #fff;
  position: absolute;
  left: -10px;
  top: 0;
}

.m_header .right_menu {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .m_header .right_menu {
    margin-right: 0;
  }
}
.m_header .right_menu .login_b {
  display: flex;
  align-items: center;
}
.m_header .right_menu .login_b li a {
  color: #fff;
  margin: 0 8px;
  font-size: 11px;
}
.m_header .right_menu .login_b li a > img {
  margin: -3px 5px 0 0;
  width: 11px;
}
.m_header .right_menu .login_b li:last-child {
  position: relative;
}
.m_header .right_menu .login_b li:last-child::after {
  position: absolute;
  left: 0;
  top: 1px;
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #cccccc;
}

.main_wrap .sec03 {
  position: relative;
  padding-top: 26.85%;
  background: url(/img/sec03_bg.png) no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .main_wrap .sec03 {
    background: none;
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .main_wrap .sec03 .sec03_wrap {
    padding: 0;
  }
}
.main_wrap .sec03 .sec03_wrap .sec03_txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .main_wrap .sec03 .sec03_wrap .sec03_txt {
    padding: 15px 15px 50px;
    position: initial;
    background-color: #000;
    transform: none;
  }
}
.main_wrap .sec03 .sec03_wrap .sec03_txt h3 {
  font-size: 40px;
  font-weight: 300;
  line-height: 55px;
  color: #fff;
  font-family: "pretendard_L";
}
@media (max-width: 991px) {
  .main_wrap .sec03 .sec03_wrap .sec03_txt h3 {
    font-size: 25px;
    line-height: 32px;
  }
}
.main_wrap .sec03 .sec03_wrap .sec03_txt h3 span {
  font-weight: 500;
  font-family: "pretendard_SM";
}
.main_wrap .sec03 .sec03_wrap .sec03_txt a {
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  line-height: 50px;
  width: 240px;
  padding-left: 25px;
  display: block;
  margin-top: 55px;
  position: relative;
}
@media (max-width: 991px) {
  .main_wrap .sec03 .sec03_wrap .sec03_txt a {
    font-size: 13px;
    line-height: 38px;
    width: 188px;
    margin-top: 45px;
    padding-left: 15px;
  }
}
.main_wrap .sec03 .sec03_wrap .sec03_txt a img {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.main_wrap .sec04 {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  padding: 100px 15px;
}
@media (max-width: 991px) {
  .main_wrap .sec04 {
    padding: 50px 15px;
  }
}
.main_wrap .sec04 .sec04_div {
  width: calc(50% - 60px);
}
@media (max-width: 991px) {
  .main_wrap .sec04 .sec04_div {
    width: 100%;
  }
}
.main_wrap .sec04 .sec04_div.sec04_04 {
  padding-top: 21.2%;
  position: relative;
  background: url(/img/sec04_bg.png);
}
@media (max-width: 991px) {
  .main_wrap .sec04 .sec04_div.sec04_04 {
    background: url(/img/msec04_bg.png) no-repeat center/cover;
    padding-top: 63%;
  }
}
.main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 9%;
}
.main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt h3 {
  font-size: 30px;
  color: #fff;
  font-family: "pretendard_SM";
}
@media (max-width: 991px) {
  .main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt h3 {
    font-size: 22px;
  }
}
.main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  margin: 20px 0 30px;
  font-family: "pretendard_R";
}
@media (max-width: 991px) {
  .main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt p {
    font-size: 14px;
    line-height: 20px;
  }
}
.main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt a {
  display: block;
  color: #fff;
  border: 1px solid #fff;
  font-size: 16px;
  line-height: 45px;
  width: 145px;
  text-align: center;
}
@media (max-width: 991px) {
  .main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt a {
    font-size: 13px;
    line-height: 40px;
    width: 120px;
  }
}
.main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt a img {
  margin: -2px 0 0 10px;
}
@media (max-width: 991px) {
  .main_wrap .sec04 .sec04_div.sec04_04 .sec04_txt a img {
    width: 5px;
  }
}

@media (max-width: 991px) {
  .fix_footer {
    border-top: 1px solid #e1e1e1;
    position: relative;
    padding: 30px 0 !important;
  }
}
.fix_footer .ft_left {
  display: flex;
}
@media (max-width: 991px) {
  .fix_footer .ft_left {
    flex-direction: column;
  }
}
.fix_footer .ft_left .ft_info {
  margin-left: 4%;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info {
    margin-left: 0;
    margin-top: 25px;
  }
}
.fix_footer .ft_left .ft_info .fix_links_box {
  border: 0;
}
.fix_footer .ft_left .ft_info .fix_links_box ul {
  padding: 0;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info .fix_links_box ul {
    text-align: left;
    margin-bottom: 20px;
  }
}
.fix_footer .ft_left .ft_info .fix_links_box ul li:first-child {
  margin: 0;
  padding: 0;
}
.fix_footer .ft_left .ft_info .fix_links_box ul li a {
  font-family: "pretendard_M";
  color: #222;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info .fix_links_box ul li a {
    font-size: 14px;
    line-height: 25px;
  }
}
.fix_footer .ft_left .ft_info .fix_links_box ul li:nth-last-child(2)::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #a8a9ad;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info .fix_links_box ul li:nth-last-child(2)::after {
    display: none;
  }
}
.fix_footer .ft_left .ft_info .f_center .info_ul {
  display: flex;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info .f_center .info_ul {
    flex-wrap: wrap;
  }
}
.fix_footer .ft_left .ft_info .f_center .info_ul li {
  font-size: 15px;
  color: #666;
  line-height: 26px;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info .f_center .info_ul li {
    font-size: 13px;
    line-height: 20px;
    margin-right: 15px;
  }
}
.fix_footer .ft_left .ft_info .f_center .info_ul li + li {
  margin-left: 15px;
  padding-left: 19px;
  position: relative;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info .f_center .info_ul li + li {
    margin-left: 0;
    padding-left: 15px;
  }
}
@media (max-width: 375px) {
  .fix_footer .ft_left .ft_info .f_center .info_ul li + li {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
}
.fix_footer .ft_left .ft_info .f_center .info_ul li + li::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #999;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info .f_center .info_ul li + li::after {
    height: 10px;
    top: 11px;
  }
}
@media (max-width: 375px) {
  .fix_footer .ft_left .ft_info .f_center .info_ul li + li::after {
    display: none;
  }
}
.fix_footer .ft_left .ft_info h4 {
  font-family: "NanumSquare";
  font-size: 15px;
  color: #666;
  transform: skew(-0.1deg);
  margin-top: 10px;
}
@media (max-width: 991px) {
  .fix_footer .ft_left .ft_info h4 {
    font-size: 13px;
    line-height: 20px;
  }
}
.fix_footer .gotop_wrap {
  position: fixed;
  bottom: 0;
  right: 0;
}
@media (max-width: 991px) {
  .fix_footer .gotop_wrap {
    width: 50px;
    height: 50px;
    bottom: calc(100% - 50px);
    position: absolute;
  }
}
@media (max-width: 991px) {
  .fix_footer .gotop_wrap img {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .all_menu .all_menu_close {
    display: flex;
  }
}
@media (max-width: 991px) {
  .all_menu .all_menu_close .login_b {
    display: flex;
    align-items: center;
    margin-top: 3px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .all_menu .all_menu_close .login_b li {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .all_menu .all_menu_close .login_b li:first-child {
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .all_menu .all_menu_close .login_b li:first-child {
    margin-right: 15px;
  }
  .all_menu .all_menu_close .login_b li:first-child::after {
    width: 1px;
    height: 12px;
    content: "";
    display: block;
    position: absolute;
    right: -8px;
    top: 0px;
    background: #fff;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .all_menu .all_menu_close .login_b li:first-child img {
    height: 14px !important;
    margin-top: -4px;
    margin-right: 5px;
  }
}
@media (max-width: 991px) {
  .all_menu .all_menu_close .login_b li a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .all_menu .all_menu_close .am_close {
    margin-left: 20px;
    height: 20px;
  }
}
.all_menu .all_ul .all_li .all_a {
  font-family: "pretendard_B";
  font-size: 30px;
  width: 270px;
}
@media (max-width: 991px) {
  .all_menu .all_ul .all_li .all_a {
    font-size: 22px;
  }
}
.all_menu .all_ul .all_li .all_sub_div .sll_sub_a {
  font-family: "pretendard_R";
}

/******************************************
서브시작
*******************************************/
@media (max-width: 991px) {
  .m01_04 .m01_04_wrap iframe {
    height: 200px;
  }
}

.board_style {
  margin-top: 100px;
}
@media (max-width: 991px) {
  .board_style {
    margin-top: 50px;
  }
}

.write-wrap {
  margin-top: 100px;
}
@media (max-width: 991px) {
  .write-wrap {
    margin-top: 50px;
  }
}

.view-wrap {
  margin-top: 100px;
}
@media (max-width: 991px) {
  .view-wrap {
    margin-top: 50px;
  }
}