/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.0.1746577145
Updated: 2025-05-07 00:19:05

*/
.header 
{position: relative !important; background-color: #fff; transition: all 0.3s ease-in-out; z-index: 10; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);}
.header.fixed 
{position: fixed !important; top: 0; left: 0; width: 100%;}
.nav a 
{font-family: "Pretendard", sans-serif; letter-spacing: 1.4; }
.header .menu-item
{min-width: 14rem;}
.header .sub-menu
{transform: translate(0);}
ul.elementor-nav-menu--dropdown a,ul.elementor-nav-menu--dropdown a:focus,ul.elementor-nav-menu--dropdown a:hover
{border: 0 !important;}
.header .elementor-nav-menu--main .elementor-item
{justify-content: center; font-family: "Pretendard", sans-serif !important;}
.header .elementor-nav-menu .sub-arrow
{display: none;}

#footer
{background-color: #fff; }
.footer
{box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);}
.footer-top .full-container, .footer-bottom .full-container
{display: flex; justify-content: space-between; align-items: center;}
.footer-top
{border-bottom: 1px solid #c1c1c1;}
.footer-top .full-container
{padding: 3rem 0;}
.footer-top .police-wrap ul
{display: flex; gap: 2.5rem;}
.footer-top .police-wrap ul li a
{position: relative; font-size: 1.6rem; color: #333333; font-weight: 500;}
.footer-top .police-wrap ul li a::after
{content: ""; position: absolute; top: 45%; right: -15px; width: 2px; height: 2px; border-radius: 50%; background-color: #333333;}
.footer-top .police-wrap ul li:nth-last-of-type(1) a:after
{display: none;}
.footer-top .quick-wrap
{background-color: transparent;}
.footer-top .quick-wrap ul
{display: flex; gap: 0.8rem;}
.footer-top .quick-wrap ul li a
{display: block;}
.footer-bottom
{padding: 2.5rem 0;}
.footer-bottom .adress-wrap ul
{display: flex; flex-flow: row wrap; row-gap: 1.5rem;}
.footer-bottom .adress-wrap ul:nth-of-type(1)
{padding-bottom: 1.2rem;}
.footer-bottom .adress-wrap ul li 
{padding: 0 1rem; font-size: 1.6rem; font-weight: 400; color: #020202; border-right: 1px solid #020202;}
.footer-bottom .adress-wrap ul li:nth-of-type(1)
{padding-left: 0;}
.footer-bottom .adress-wrap ul li:nth-last-of-type(1)
{border: none;}
.footer-bottom .adress-wrap .copyright
{padding-top: 2.2rem; font-size: 1.6rem; font-weight: 400; color: var(--sub-color); letter-spacing: -1.4px;}

#top
{position: fixed; top: 40%; right: -10rem; width: 10rem; opacity: 0; transition: right 0.4s ease, opacity 0.4s ease; box-shadow: 0 0 10px #00000010; z-index: 20;}
#top.active 
{ right: 0; opacity: 1;}
.top-wrap ul li
{width: 100%; height: 25%; background-color: var(--main-color);}
.top-wrap ul li a
{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 1.5rem 2rem;}
.top-wrap ul li .txt p
{font-size: 1.65rem; font-weight: 700;}
.top-wrap ul li.top-tel .txt p , .top-wrap ul li.top-btn .txt p
{color: #fff;}
.top-wrap ul li.top-btn .txt p
{letter-spacing: 1px;}
.top-wrap ul li.top-map , .top-wrap ul li.top-go ,.top-wrap ul li.top-notice
{background-color: #fff;}
.top-wrap ul li.top-btn
{background-color: var(--sub-color);}

/* common */
.main-title h4
{font-size: 2rem; font-weight: 600; display: flex; align-items: center;}
.main-title h4 span
{display: inline-block; margin-left: 1.4rem; width: 14.4rem; height: 1px; background-color: var(--txt-color);}

/* visualCon */
#visualCon 
{min-height: 25rem;}
.visual-slider img 
{min-height: 25rem; object-fit: cover;}
.visual-wrap
{ position: relative; overflow: hidden;}
.visual-slider img 
{ width: 100%; display: block; }
.vis-txt-wrap h2
{font-size: 5.2rem; font-weight:800; color: #fff; padding-bottom: 6rem;}
.vis-detail-container
{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%;}
.main-visual-controls-wrapper
{display: flex; align-items: center; justify-content: center; gap: 2rem;}

/* 프로그레스 */
.main-visual-controls 
{ display: inline-flex; gap: 2rem; align-items: center; padding: 2rem 3rem;
  border-radius: 5rem; color: white; border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);}

/* 번호 */
.cur-num,.total-num
{ font-size: 2rem; font-weight: 500; min-width: 3rem; text-align: center;}

/* 진행바 */
.main-visual-controls-progress 
{position: relative; width: 12rem; height: 4px; background: rgba(255, 255, 255, 0.5); overflow: hidden;}
.progressing-bar 
{position: absolute; width: 0%; height: 100%; background: var(--main-color); }

/* 버튼 */
.main-arrow,.main-pause-btn,.main-play-btn 
{background-color: transparent; border: none; color: white; font-size: 2rem; cursor: pointer;}
.main-visual-controls button:hover,.main-visual-controls button:active, .main-visual-controls button:focus
{background-color: transparent !important; border: none;}
.main-visual-controls .fa-solid
{font-size: 2.5rem;}
.main-controls-play-pause-con
{position: relative; top: -1rem; left: 0; width: 1rem; height: 100%;}
.main-controls-play-pause-con button .fa-solid
{color: #fff; font-size: 2rem;}
.main-controls-play-pause-con button 
{position: absolute; top: 0; left: 0; background: none; border: none; cursor: pointer;}
.main-play-btn 
{display: none;}

/* quickCon */
.quick-wrap
{background-color: var(--bg-color);}
.quick-wrap .full-container
{position: relative;}
.quick-wrap .full-container::before
{content: ""; position: absolute; top: 2rem; left: 4.5rem; width: 14.9rem; height: 4.5rem; background: url(/wp-content/uploads/2025/05/sec01-bg.png) no-repeat center / contain; }
.quick-con 
{padding: 5rem 0; display: flex; justify-content: space-between; gap: 5rem;}
.quick-box
{position: relative; width: 100%; background-color: var(--main-color);}
.quick-box::after
{content: ""; position: absolute; top: 0; right: 0; width: 22.9rem; height: 19.9rem; background: url(/wp-content/uploads/2025/05/sec02-house.png) no-repeat center / cover; z-index: 1;}
.quick-box.grey
{background-color: var(--sub-color);}

/* animation */
.quick-box 
{opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease;}
.quick-box.active 
{opacity: 1; transform: translateY(0);}

.quick-box a
{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem; padding: 0 7.5rem; width: 100%; height: 20rem; position: relative; z-index: 2; transition: all 0.3s ease;}
.quick-box a .title-wrap
{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.quick-box a .title-wrap h3
{font-size: 2.8rem; color: #fff; font-weight: 700; display: flex; align-items: center;}
.quick-box a .title-wrap h3 span
{display: inline-block; width: 4rem; height: 2px; margin-left: 1.5rem; background-color: #fff;}
.quick-box .quick-btn
{display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 1rem; background-color: #fff;}
.quick-box .quick-btn p
{font-size: 2rem; padding: 2rem 0; font-weight: 600; color: var(--txt-color); transition: all 0.3s ease;}

/* .quick-box a:hover */
.quick-box a:hover
{box-shadow: 0 0 1.5rem var(--main-color);}
.quick-box a:hover .quick-btn p ,.quick-box a:hover .arrow .fa-solid
{color: var(--main-color);}
.quick-box a:hover .arrow
{transform: translateX(4px);}
.quick-box a:hover .arrow::after
{background-color: #fdd9a0;}

/* preCon */
.intro-wrap .full-container
{padding: 8rem 0;}
.intro-con
{display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem;}
.intro-left p
{margin: 3rem 0 6.5rem; font-size: 4.6rem; font-weight: 700; line-height: 1.4;}
.intro-left p span
{font-size: 4.6rem; font-weight: 700; color: var(--main-color);}
.intro-right .intro-right-txt > p
{display: block; padding: 2.5rem 0 1.5rem; font-size: 1.8rem; font-weight: 500; line-height: 1.3;}
.intro-right a
{display: block; width: 100%; height: 100%; transition: all 0.3s ease;}
.intro-right a:hover
{transform: translateY(-15px);}

.intro-right a:hover .more p ,.intro-right a:hover .arrow .fa-solid
{color: var(--main-color);}
.intro-right a:hover .arrow
{transform: translateX(4px);}
.intro-right a:hover .arrow::after
{background-color: #fdd9a0;}

/* animation */
.intro-wrap .main-title 
{opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease;}
.intro-left 
{opacity: 0; transform: translateX(-30px); transition: opacity 0.6s ease, transform 0.6s ease;}
.intro-right 
{opacity: 0; transform: translateX(30px); transition: opacity 0.6s ease, transform 0.6s ease;}
.intro-wrap .main-title.active,.intro-left.active,.intro-right.active 
{opacity: 1; transform: translate(0, 0);}

/* notice */
.notice-wrap
{width: 100%; height: 100%; background: url(/wp-content/uploads/2025/05/notice-bg.jpg) no-repeat center / cover;}
.notice-wrap .full-container
{padding: 7.5rem 0 8rem;}
.notice-con
{display: flex; justify-content: space-between; gap: 6rem;}
.notice-wrap .title-wrap
{display: flex; justify-content: space-between; width: calc(100% - (58rem + 7rem)); padding-bottom: 3.5rem;}
.notice-wrap .title-wrap h2
{font-size: 4.6rem; color: #fff; font-weight: 700;}
.notice-wrap .more p
{color: #fff;}
.notice-wrap .arrow .fa-solid
{color: #fff;}
.notice-wrap .arrow::after
{background-color: var(--main-color);}
.notice-wrap .notice-left
{width: 100%;}

/* 모듈 */
.notice-wrap .notice-left .news-con
{height: 100%;}
#kboard-default-latest
{display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.notice-custom a
{display: flex; justify-content: space-between; height: 10rem; padding: 0 3rem;  
  background-color: #fff; transform: translateY(0px); transition: all 0.3s ease;}
.notice-custom a:hover 
{transform: translateY(-1rem); color: var(--sub-color); box-shadow: 0 0 1.5rem var(--main-color);}
.notice-custom .kboard-latest-title
{display: flex; align-items: center;}
.notice-custom a .kboard-default-cut-strings
{max-width: 50rem; font-size: 2rem; font-weight: 700;}
.notice-custom .kboard-latest-date
{display: flex; align-items: center; height: 100%; font-size: 1.6rem; font-weight: 600; color: var(--sub-color);}

.notice-wrap .notice-right
{width: 100%; max-width: 58rem;}
.notice-wrap .notice-right .btn-wrap ul
{display: flex; flex-direction: column; gap: 2rem;}
.notice-wrap .notice-right .btn-wrap ul li
{position: relative; height: 100%; background-color: var(--sub-color); transform: translateY(0px); transition: all 0.3s ease; overflow: hidden;}
.notice-wrap .notice-right .btn-wrap ul li::after
{content: ""; position: absolute; top: 0; right: 0; width: 28.3rem; height: 24.6rem; background: url(/wp-content/uploads/2025/05/notice-box-bg.png) no-repeat center / cover; z-index: 1;}
.notice-wrap .notice-right .btn-wrap ul li:hover
{background-color: var(--main-color); transform: translateY(-1rem);}
.notice-wrap .notice-right .btn-wrap ul li a
{position: relative;z-index: 2; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 6rem 5rem 5rem;}
.notice-wrap .notice-right .btn-wrap ul li a .txt-wrap h3
{padding-bottom: 2rem; font-size: 3.2rem; font-weight: 700; color: #fff;}
.notice-wrap .notice-right .btn-wrap ul li a .txt-wrap p
{font-size: 1.8rem; font-weight: 400; color: #fff; line-height: 1.5;}

/* animation */
.notice-wrap .news-wrap 
{opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease;}
.notice-left 
{opacity: 0; transform: translateX(-30px); transition: opacity 0.6s ease, transform 0.6s ease;}
.notice-right 
{opacity: 0; transform: translateX(30px); transition: opacity 0.6s ease, transform 0.6s ease;}
.notice-wrap .news-wrap.active,.notice-left.active,.notice-right.active 
{opacity: 1; transform: translate(0, 0);}

/* greet */
.greet-wrap
{padding: 8rem 0;}
.greet-wrap .main-title
{padding-bottom: 3rem;}
.greet-wrap .title-wrap
{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 4rem;}
.greet-wrap .title-wrap h2
{font-size: 4.6rem; font-weight: 700; line-height: 1.4;}
.greet-wrap .title-wrap h2 span
{font-size: 4.6rem; font-weight: 700; line-height: 1.4; color: var(--main-color);}
.greet-wrap .more
{transform: translateX(-1.5rem);}
.greet-con ul
{display: flex; justify-content: space-between; gap: 4rem;}
.greet-con ul li 
{width: 33.3%;}
.greet-con .gre-img
{width: 100%; overflow: hidden;}
.greet-con .gre-img img
{width: 100%; height: 100%; object-fit: cover; vertical-align: middle;}
.greet-con .gre-txt
{padding-top: 2.5rem;}
.greet-con .gre-txt h3
{font-size: 2.8rem; font-weight: 800;}
.greet-con .gre-txt p
{padding-top: 2rem; font-size: 2rem; font-weight: 600; color: var(--sub-color); line-height: 1.4;}

/* animation */
.greet-wrap .main-title,.greet-wrap .title-wrap,.greet-con ul li 
{ opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease;}
.greet-wrap .main-title.active,.greet-wrap .title-wrap.active,.greet-con ul li.active 
{ opacity: 1; transform: translateY(0);}

/* preCon-banner */
.quick-banner 
{background-color: var(--bg-color); padding: 2.5rem 0;}
.quick-banner .container 
{display: flex; justify-content: space-between; align-items: center;}
.quick-banner .banner-slider li
{ background-color: #fff; margin-right: 5.5rem;}
.quick-banner .banner-slider li a 
{display: flex; align-items: center; justify-content: center; width: 26rem; height: 6.5rem;}
.quick-banner .banner-slider li a img 
{object-fit: contain; vertical-align: middle;}

@media screen and (max-width: 1300px) {
  .full-container,
  .middle-container {max-width: 100% !important; padding-left: 2rem !important; padding-right: 2rem !important;}
  .pc-br {display: none;} *{word-break: keep-all;}

  /* header */
  #header {padding: 0 2rem; min-height: 8rem;}
  #header .elementor-item {padding: 0; margin: 0; margin-left: 1.5rem;}
  .header .menu-item {min-width: 0;}
  .elementor-126 .elementor-element.elementor-element-57acb80 .elementor-nav-menu--main>.elementor-nav-menu>li>.elementor-nav-menu--dropdown, .elementor-126 .elementor-element.elementor-element-57acb80 .elementor-nav-menu__container.elementor-nav-menu--dropdown {margin-top: 2.5rem !important;}
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu {flex-flow: row nowrap;}

  /* main */
  #top {width: auto;}
  .top-wrap ul li a {padding: 1.5rem;}
  .top-wrap ul li .icon {zoom: 0.8;}
  .top-wrap ul li .txt p {font-size: 1.5rem; font-size: 500;}

  .vis-txt-wrap h2 {font-size: 4.8rem; padding-bottom: 4rem;}

  .quick-con {gap: 2rem;}
  .quick-box a {padding: 0 3rem;}
  .quick-box a .title-wrap h3 {font-size: 2.4rem;}
  .quick-box .quick-btn p {font-size: 1.8rem;}

  .main-title h4 {font-size: 1.8rem;}
  .intro-left p,.intro-left p span ,
  .notice-wrap .title-wrap h2,
  .greet-wrap .title-wrap h2,
  .greet-wrap .title-wrap h2 span {font-size: 4rem; letter-spacing: -1.24px;}
  .intro-left-img img, .intro-right-img img {zoom: 0.8; vertical-align: middle;}

  #kboard-default-latest {gap: 2rem;}
  .notice-con {gap: 2rem;}
  .notice-right .btn-wrap {height: 100%;}
  .notice-wrap .notice-right .btn-wrap ul {height: 100%;}
  .notice-wrap .notice-right .btn-wrap ul li {height: 50%;}
  .notice-custom a .kboard-default-cut-strings {font-size: 1.8rem; font-weight: 600; max-width: 35rem;}
  .notice-custom .kboard-latest-date {font-size: 1.5rem; font-weight: 500;}
  .notice-wrap .notice-right .btn-wrap ul li a {padding: 4rem;}

  .greet-con ul {gap: 2rem;}
  .greet-con .gre-img img {zoom: 0.8;}
  .greet-con .gre-txt h3 {font-size: 2.4rem;}
  .greet-con .gre-txt p {font-size: 1.8rem;}

  .quick-banner .banner-slider li {margin-right: 2rem;}
}

@media screen and (max-width: 1240px) {
  /* header */
  .elementor-widget-image a {width: 90%;}
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a {margin-inline-end:0;}
  .notice-wrap .title-wrap {width: 100%; padding-right: 2rem;}
 }
@media screen and (max-width: 1024px) {
  /* header */
  .elementor-menu-toggle {padding: 0;}
  .elementor-menu-toggle .e-font-icon-svg {width: 3rem; height: 3rem;}
  #header .elementor-item {margin: 0;}
  #header .menu-item .elementor-item {justify-content: center; padding: 2rem 0; font-size: 1.7rem; color: #333; font-weight: 600; border-top: 1px solid #f0f0f0;}
  #header .menu-item .elementor-sub-item {justify-content: center; font-size: 1.5rem; color: #777;}

  /* main */
  .vis-txt-wrap h2 {padding-bottom: 2.5rem; font-size: 3.8rem;}
  .cur-num, .total-num {font-size: 1.8rem;}
  .main-visual-controls {padding: 1.5rem;}

  .main-title h4 {font-size: 1.7rem;}

  .intro-wrap .full-container {padding: 4rem 0;}
  .intro-con {width: 100%; flex-flow: row wrap;}
  .intro-left {width: 100%;}
  .intro-left p {margin: 2rem 0;}
  .intro-left-img {width: 100%; height: 20rem; overflow: hidden;}
  .intro-left-img img {width: 100%; height: 100%;object-fit: cover;}
  .intro-left p, .intro-left p span, .notice-wrap .title-wrap h2, .greet-wrap .title-wrap h2, .greet-wrap .title-wrap h2 span {font-size: 3.2rem;}
  .intro-right {width: 100%;}
  .intro-right a {display: flex; justify-content: space-between; gap: 2rem;}
  .intro-right-img {width: 30%;}
  .intro-right-txt {width: 70%;}
  .intro-right .intro-right-txt>p {padding: 2rem 0;}

  .notice-con {flex-flow: row wrap;}
  .notice-custom a .kboard-default-cut-strings {max-width: 54rem;}
  .notice-wrap .full-container {padding: 4rem 2rem;}
  .notice-wrap .title-wrap {padding-bottom: 2rem;}
  #kboard-default-latest {gap: 1.5rem;}
  .notice-custom a {height: auto; padding: 3rem;}

  .notice-wrap .notice-right {max-width: 100%;}
  .notice-wrap .notice-right .btn-wrap ul {flex-flow: row;}
  .notice-wrap .notice-right .btn-wrap ul li {width: 50%; height: auto;}
  .notice-wrap .notice-right .btn-wrap ul li a .txt-wrap h3 {font-size: 2.4rem;}
  .notice-wrap .notice-right .btn-wrap ul li a .txt-wrap p {font-size: 1.6rem; line-height: 1.2;} 

  .greet-wrap {padding: 4rem 0;}
  .greet-wrap .title-wrap {padding-bottom: 2rem;}
  .greet-con .gre-txt h3 {font-size: 2rem;}
  .greet-con .gre-txt p {font-size: 1.6rem; line-height: 1.2;}

  .quick-banner {padding: 2rem 0;}

  /* footer */
  .footer-top .full-container {padding: 2rem;}
  .footer .f-logo img {zoom: 0.8;}
 }
@media screen and (max-width: 767px) {
  .top-wrap .txt {display: none;}
  .top-wrap ul li a {padding: 1rem;}
  
  .arrow {zoom: 0.8;}
  .main-title h4 {font-size: 1.4rem;}

  .vis-txt-wrap h2 {font-size: 3rem;}
  .main-visual-controls {zoom: 0.8;}

  .quick-con {flex-flow: row wrap;}
  .quick-box a .title-wrap h3 {font-size: 2rem;}
  .quick-box .quick-btn p {font-size: 1.6rem;}
  .quick-box a {height: auto; gap: 1rem; padding: 2rem;}

  .intro-left p, .intro-left p span, .notice-wrap .title-wrap h2, .greet-wrap .title-wrap h2, .greet-wrap .title-wrap h2 span {font-size: 2.7rem; line-height: 1.2;}
  .intro-left-img {font-size: 15rem;}
  .intro-right .intro-right-txt>p {font-size: 1.7rem;}
  .intro-right a:hover {transform: translateY(-8px);}

  .notice-custom a .kboard-default-cut-strings {font-size: 1.6rem; max-width: 30rem;}
  .notice-custom .kboard-latest-date {font-size: 1.4rem;}
  #kboard-default-latest {gap: 1rem;}
  .notice-wrap .notice-right .btn-wrap ul {gap: 1rem; flex-flow: row wrap;}
  .notice-wrap .notice-right .btn-wrap ul li {width: 100%;}
  .notice-wrap .notice-right .btn-wrap ul li:hover {transform: translateY(-0.5rem);}
  .notice-wrap .notice-right .btn-wrap ul li a {padding: 2rem;}
  .notice-wrap .notice-right .btn-wrap ul li a .txt-wrap h3 {font-size: 2.2rem;}
  .notice-wrap .notice-right .btn-wrap ul li a .txt-wrap p {font-weight: 300;}
  .notice-wrap .notice-right .btn-wrap ul li a .icon-wrap img {zoom: 0.8;}

  .greet-con ul {flex-flow: row wrap;}
  .greet-con ul li {width: 100%;}
  .greet-con .gre-img {height: 20rem;}

  .quick-banner {padding: 1rem 0;}
  .quick-banner .banner-slider li a {width: 20rem; height:4.5rem; padding: 2rem 1rem;}
  .quick-banner .banner-slider li a img {zoom: 0.8;}

  /* footer */
  .footer-top .police-wrap ul li a {font-size: 1.5rem;}
  .footer-bottom .adress-wrap ul li {border: 0; padding-left: 0; font-size: 1.5rem;}
 }
@media screen and (max-width: 650px) { 
  .more {zoom: 0.9;}
  .intro-left p, .intro-left p span, .notice-wrap .title-wrap h2, .greet-wrap .title-wrap h2, .greet-wrap .title-wrap h2 span {font-size: 2.4rem;}

  .quick-con {padding: 4rem 0;}
  .notice-custom a {flex-flow: row wrap; gap: 1rem; padding: 2rem;}
  .notice-custom .kboard-latest-title {width: 100%;}
  .notice-custom .kboard-latest-date {width: 100%; color: #a9a9a9;}
  .notice-wrap .title-wrap {flex-flow: row wrap; gap: 1rem;}
  .notice-wrap .notice-right .btn-wrap ul li a .txt-wrap h3 {font-size: 1.8rem; font-weight: 500; padding-bottom: 1rem;}
  .notice-wrap .notice-right .btn-wrap ul li a .txt-wrap p {font-size: 1.5rem;}
  .notice-wrap .notice-right .btn-wrap ul li a .icon-wrap img {zoom: 0.6;}

  .greet-wrap .title-wrap {flex-flow: row wrap; gap: 1rem;}
  .greet-wrap .more {transform: translateX(0);}
  .greet-con .gre-txt {padding-top: 1.5rem;}
  .greet-con .gre-txt p {padding-top: 1rem;}

  .footer-top .full-container {flex-flow: row wrap; gap: 1rem; padding: 1.5rem;}
  .footer-top .quick-wrap ul li {zoom: 0.8;}
  .footer-bottom {padding: 1.5rem 0;}
  .footer-bottom .full-container {flex-flow: row wrap; gap: 1.5rem;}
  .footer-bottom .adress-wrap ul {row-gap: 1rem;}
  .footer-bottom .adress-wrap ul:nth-of-type(1) {padding-bottom: 1rem;}
  .footer-bottom .adress-wrap .copyright {padding-top: 1rem; font-size: 1.4rem; font-weight: 300;}
  .footer-bottom .f-logo img {zoom: 0.7;}
 }
@media screen and (max-width: 450px) { 
  /* header */
  .h-logo {width: 18rem;}
  #top {top: 55%;}

  .vis-txt-wrap h2 {font-size: 2.8rem; font-weight: 600; line-height: 1.2;}
  .intro-right a {flex-flow: row wrap; gap: 1rem;}
  .intro-right-img,.intro-right-txt {width: 100%;}
  .intro-right .intro-right-txt>p {padding: 0; padding-bottom: 1rem;}

  .footer-top .police-wrap ul {flex-flow: row wrap; gap: 1rem;}
  .footer-top .police-wrap ul li a::after {display: none;}
 }
@media screen and (max-width: 360px) { 
  .quick-box a .title-wrap h3 span {display: none;}
  .quick-box a .title-wrap .icon img {zoom: 0.8;}

  .main-visual-controls-wrapper {gap: 1rem;}
  .intro-right .intro-right-txt>p {font-size: 1.5rem;}
  .intro-left p, .intro-left p span, .notice-wrap .title-wrap h2, .greet-wrap .title-wrap h2, .greet-wrap .title-wrap h2 span {font-size: 2.2rem;}
  .greet-con .gre-txt p {font-weight: 400;}
  .notice-wrap .notice-right .btn-wrap ul li a .icon-wrap {display: none;}
 }