@charset "UTF-8";

/*--------------------------------------------------- width: 1400px 이상 ---------------------------------------------------*/
@media all and (min-width: 1400px) {
  html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
  }
  .layer_mobile_yes {
    display: none !important;
  }
  .layer_mobile_no {
    display: block !important;
  }
}

/*--------------------------------------------------- width: 1200 ~ 1439px 이상 ---------------------------------------------------*/
@media all and (min-width: 1200px) and (max-width: 1439px) {
  #top_layer_1 {
    display: block !important;
  }
  #top_layer_2 {
    width: 35% !important;
    text-align: center !important;
  }
  #top_layer_3 {
    display: block !important;
    width: 45% !important;
    padding-right: 100px !important;
  }

  /*#gnb { display: none !important; }*/
  #mobile_menu {
    display: none !important;
  }

  .layer_mobile_yes {
    display: none !important;
  }
  .layer_mobile_no {
    display: block !important;
  }
}

/*--------------------------------------------------- width: 801 ~ 1199px 이하 ---------------------------------------------------*/
@media all and (min-width: 801px) and (max-width: 1199px) {
  #mainlogo_img {
    padding: 0px !important;
  }
  #mainmenu_bar {
    background-color: #fff !important;
  }
  #mobile_menu {
    display: none !important;
  }
  /*#gnb { display: none !important; }*/

  #mslide_text {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
  }
  #slide_text {
    width: 90% !important;
  }
  #SECTION_SITEMAP,
  #SECTION_00_layer1_1,
  #main_mouse,
  .owl-prev,
  .owl-next {
    display: none !important;
  }
  #sub_board_layer {
    width: 95% !important;
  }

  .onweb_top_subtitle2 {
    margin-right: 20px !important;
  }
  .subpage {
    /* 서브페이지 100% 사용시를 제외하고 #sub_layer2 에 종속됨 */
  }
  .onweb_top_subtitle1 {
    left: 20px !important;
    font-size: 28pt !important;
    letter-spacing: -1px !important;
  }
  .layer_left_50,
  .layer_right_50 {
    width: 100% !important;
  }

  .layer_mobile_yes {
    display: block !important;
  }
  .layer_mobile_no {
    display: none !important;
  }

  /*-- 메인로고 왼쪽여백 --*/
  #top_layer {
  }
  #top_layer_1 {
    display: none !important;
  }
  #top_layer_2 {
    width: 100% !important;
    text-align: center !important;
    padding-left: 0px !important;
  }
  #top_layer_3 {
    display: none !important;
  }

  /* 사이드배너2 모바일처리 */
  #slideout2 {
    top: 120px !important;
  }
  #slideout_inner2 {
    top: 120px !important;
  }

  #foot_sitemap {
    display: none !important;
  }

  /*-- INDEX 최근글 --*/
  .onweb_p2 .lt_contents {
    min-height: 90px;
  }

  /*-- 게시판 영역 좌우여백 --*/
  #sub_layer2 {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

/*--------------------------------------------------- width: 481 ~ 800px 이하 ---------------------------------------------------*/
@media all and (min-width: 481px) and (max-width: 800px) {
  #mainlogo_img {
    padding: 0px !important;
  }
  #mainmenu_bar {
    background-color: #fff !important;
  }
  #mobile_menu {
    display: block !important;
  }
  #gnb {
    display: none !important;
  }

  #GT_mainslide .item img {
    height: 60vh !important;
    max-width: 800px !important;
  }

  #mslide_text {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
  }
  #slide_text {
    width: 90% !important;
  }
  #SECTION_SITEMAP,
  #SECTION_00_layer1_1,
  #main_mouse,
  .owl-prev,
  .owl-next {
    display: none !important;
  }
  #sub_board_layer {
    width: 95% !important;
  }

  .onweb_top_subtitle2 {
    margin-right: 20px !important;
  }
  .subpage {
    /* 서브페이지 100% 사용시를 제외하고 #sub_layer2 에 종속됨 */
  }
  .onweb_top_subtitle1 {
    left: 20px !important;
    font-size: 28pt !important;
    letter-spacing: -1px !important;
  }
  .layer_left_50,
  .layer_right_50 {
    width: 100% !important;
  }

  .layer_mobile_yes {
    display: block !important;
  }
  .layer_mobile_no {
    display: none !important;
  }

  /*-- 메인로고 왼쪽여백 --*/
  #top_layer {
  }
  #top_layer_1 {
    display: none !important;
  }
  #top_layer_2 {
    width: 100% !important;
    text-align: center !important;
    padding-left: 0px !important;
  }
  #top_layer_3 {
    display: none !important;
  }

  /* 사이드배너2 모바일처리 */
  #slideout2 {
    top: 120px !important;
  }
  #slideout_inner2 {
    top: 120px !important;
  }

  #foot_sitemap {
    display: none !important;
  }

  /*-- INDEX 최근글 --*/
  .onweb_p1 li,
  .onweb_p2 li,
  .onweb_latest1 li {
    width: 50%;
  }
  .onweb_p2 .lt_contents {
    min-height: 90px;
  }
  .onweb_p1 .underbar1,
  .onweb_p1 .lt_contents {
    display: none;
  }

  /*-- 갤러리게시판 --*/
  .gall_row .col-gn-4 {
    width: 50%;
  }
  .gall_content {
    min-height: 120px;
  }

  /*-- 게시판 영역 좌우여백 --*/
  #sub_layer2 {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

/*--------------------------------------------------- width: ~ 480px 이하 -------------------------------------------------------*/
@media all and (max-width: 480px) {
  #mainlogo_img {
    max-width: 280px !important;
    padding: 10px 0px 0px 0px !important;
  }
  #mainmenu_bar {
    background-color: #fff !important;
  }
  #mobile_menu {
    display: block !important;
  }
  #gnb {
    display: none !important;
  }

  #GT_mainslide .item img {
    height: 60vh !important;
    max-width: 480px !important;
  }

  #mslide_text {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
  }
  #slide_text {
    width: 90% !important;
  }
  #sub_bgimg_box {
    padding: 20px 0px 0px !important;
  }
  #sub_board_layer {
    width: 95% !important;
  }

  .onweb_top_subtitle2 {
    margin-right: 20px !important;
  }
  .subpage {
    /* 서브페이지 100% 사용시를 제외하고 #sub_layer2 에 종속됨 */
  }
  .onweb_top_subtitle1 {
    left: 20px !important;
    font-size: 28pt !important;
    letter-spacing: -1px !important;
  }
  .layer_left_50,
  .layer_right_50 {
    width: 100% !important;
  }

  .layer_mobile_yes {
    display: block !important;
  }
  .layer_mobile_no {
    display: none !important;
  }

  /*-- 메인로고 왼쪽여백 --*/
  #top_layer {
  }
  #top_layer_1 {
    display: none !important;
  }
  #top_layer_2 {
    width: 100% !important;
  }
  #top_layer_3 {
    display: none !important;
  }

  /* 사이드배너2 모바일처리 */
  #slideout2 {
    top: 120px !important;
  }
  #slideout_inner2 {
    top: 120px !important;
  }

  #foot_sitemap {
    display: none !important;
  }
  /*-- INDEX 최근글 --*/
  .onweb_p1 li,
  .onweb_p2 li,
  .onweb_latest1 li {
    width: 50%;
  }
  .onweb_p2 .lt_contents {
    min-height: 90px;
  }
  .onweb_p1 .underbar1,
  .onweb_p1 .lt_contents {
    display: none;
  }

  /*-- 갤러리게시판 --*/
  .gall_row .col-gn-4 {
    width: 50%;
  }
  .gall_content {
    min-height: 120px;
  }

  /*-- 게시판 영역 좌우여백 --*/
  #sub_layer2 {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
