*{word-break: keep-all; line-height:1.3;}

main {  width: 100%; }
main .bg { width: 100%; margin: 0 auto; }
main .bg1 { width: 100%;}
main .bg1 .cont {position: relative;}
main .bg1 .cont .txt { animation: mainvisual_txt 1s 0.3s ease;  position: absolute; transform: translate(0, -50%); z-index: 900; padding: 0 100px;}
main .bg1 .cont .txt > * {color: #fff;}
main .bg1 .cont .txt h2 {display:flex; align-items:flex-end;}
main .bg1 .cont .txt h2 * {font-size: 3.5rem; }
main .bg1 .cont .txt h2 em {font-weight:700; font-size: 4rem; margin-left:1rem;}
main .bg1 .cont .txt p { width:calc(100% / 2.5); padding: 50px 0 110px; line-height: 1.8; font-size: 24px;}

@keyframes scrollDown {
	0% { opacity: 0; transform: translateY(-20px); }
	50% { opacity: 1; }
	100% { opacity: 0; transform: translateY(20px); }
}
/* index.php > 메인영역 */
/* 기본 구조 */
main#home #main_visual .cont { position: relative;}
main#home #main_visual .cont .swiper { width: 100%; position: relative;  overflow: hidden;}
main#home #main_visual .cont .swiper-wrapper { display: flex; flex-flow: row nowrap;}
main#home #main_visual .cont .swiper-slide { position: relative; /* ::before의 기준점 */flex: 0 0 100%;  overflow: hidden;  height: 90vh; z-index: 1; /* 베이스 레이어 */}
main#home #main_visual .cont .swiper-slide img { position: relative; z-index: 1;width: 100%;  height: 100%; object-fit: cover;object-position: center;transform: scale(1.0); /* 초기 상태 */transition: transform 5s ease !important; /* 줌인 속도 */}
main#home #main_visual .cont .swiper-slide.active img { transform: scale(1.1); /* 1.1배로 확대 */}
.visual::before { content: '';   position: absolute;   top: 0;   left: 0;   width: 100%;  height: 100%;   background: linear-gradient(90deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3)); z-index: 2; /* 이미지(1)보다 위에 위치 */ pointer-events: none;}


/* 버튼 */
/* 버튼 기본 스타일 제거 */
#main_visual button { background: none; border: none; padding: 0; cursor: pointer; outline: none;}

.swiper-button-prev,.swiper-button-next { position: absolute;  top: 50%; transform: translateY(-50%);  width: 50px; height: 50px; background: none;border: none;  cursor: pointer; z-index: 999;}
.swiper-button-prev::after,.swiper-button-next::after {display:none;}

.swiper-button-prev img,.swiper-button-next img { display: block; width: 60px;height: auto;}

/* 진행바 */
.progress-bar-wrapper {  position: relative;  bottom: 20px; left: 50%;  transform: translateX(-50%);   width: 40%; max-width: 200px; height: 4px; background-color: #ccc;  border-radius: 2px;  overflow: hidden; z-index: 99;}
.progress-bar { width: 0%; height: 100%; background-color: #212121;  transition: width 0.3s ease;}

/* 글자 영역 반응형 */
main#home #main_visual .txt { position: absolute;  width: 90%; color: #fff;}
main#home #main_visual .txt h2 {font-size: 2.5rem;}
main#home #main_visual .txt p { line-height: 1.5;}
.main-visual{ overflow: hidden;  position: relative;width: 100%;  height: 100vh;}
.main-visual .visual { width: 100%;height: 100%; }
.main-visual .visual video {  width: 100%;  height: 100%;   object-fit: cover; }
.main-visual .txtWrap {  position: absolute; left: 50%; bottom: 30%; z-index: 100;  transform: translate(-50%, -50%); max-width: 1440px;width: 80%;  color:#fff;}
.main-visual .txtWrap h2 * {font-size: 3.5rem; }
.main-visual .txtWrap h2 em {font-weight:700; font-size: 4rem; margin-left:1rem;}
.main-visual .txtWrap p {  padding: 30px 0 0px; line-height: 1.8; font-size: 24px;}
.main_service { position: relative; height: 150vh; color: #fff; }
.main_service .container { overflow: hidden; position: sticky; top: 0; left: 0; padding-top: 180px; width: 100%; height: 100vh; background: url('/wp-content/themes/jung/img/index/service-background.jpg') no-repeat center / cover; }
.main_service .main-heading { color: inherit; }
.main_service .flex { display: flex; margin-right: auto; margin-left: auto; max-width: 1640px; width: 90%; height: 100%; }
.main_service .main-badge { margin-bottom: 20px; font-size: 24px; font-weight: 500; }
.main_service .main-heading { margin-bottom: 80px; line-height: 1.4; font-size: 50px; font-weight: 600; color: #fff; }
.main_service .side { width: 50%; }
.main_service .contents { overflow-y: auto; scrollbar-width: none; overflow-x: hidden; margin-top: -180px; padding-top: 180px; padding-bottom: 80px; width: 50%; }
.main_service .link-primary-light { margin-top: 0; }
.main_service .lists { display: flex; flex-wrap: wrap; margin: -30px; }
.main_service .lists .service-item { padding: 30px; width: 50%; }
.main_service .lists .block { overflow: hidden; display: block; position: relative; border-radius: 24px; height: 480px; }
.main_service .lists .background { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); }
.main_service .lists .background .image { width: 100%; height: 100%; object-fit: cover; transition: opacity ease .35s; opacity: 1; }
.main_service .lists .context { display: flex; flex-direction: column; position: absolute; top: 0; left: 0; padding: 40px; width: 100%; height: 100%; }
.main_service .lists .badge { margin-bottom: 0; font-weight: 600;line-height: 3; }
.main_service .lists .title { font-size: 32px; font-weight: 600; }
.link-primary, .link-primary-light { display: inline-flex;align-items: center;margin-top: 80px;font-size: 16px; font-weight: 600; color: #fff;}
.main_service .link-primary-light { margin-top: 0;}
.link-primary,
.link-primary-light { display: inline-flex; align-items: center; margin-top: 80px; font-size: 16px; font-weight: 600; color: #000; }
.link-primary .icon,
.link-primary-light .icon { display: inline-block; position: relative; margin-right: 1em; width: 40px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; transition: all ease .35s; }
.link-primary .icon::before,
.link-primary-light .icon::before { background-image: url('/wp-content/themes/jung/img/index/arrow-right.svg'); }
.link-primary .text,
.link-primary-light .text { background-image: linear-gradient(transparent calc(100% - 0.05em), #000 0.05em); background-size: 0% 100%; background-repeat: no-repeat; transition: background-size .3s; }
.link-primary-light .text { background-image: linear-gradient(transparent calc(100% - 0.05em), #fff 0.05em); }
.link-primary-light { color: #fff; }
.link-primary-light .icon { border-color: rgba(255, 255, 255, 0.15); }
.link-primary-light .icon::before { background-image: url('/wp-content/themes/jung/img/index/arrow-right-light.svg'); }
head .icon::before {content: '';display: block;  width: 100%; height: 100%;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}


@media (hover: hover) and (pointer: fine) {

	.main_service .lists .block:hover .background .image { opacity: 1; }
	.link-primary:hover .icon { background-color: #005F83; border-color: #005F83; }
	.link-primary:hover .icon::before { background-image: url('/wp-content/themes/jung/img/index/arrow-right-light.svg'); }
	.link-primary-light:hover .icon { background-color: #fff; border-color: #fff; }
	.link-primary-light:hover .icon::before { background-image: url('/wp-content/themes/jung/img/index/arrow-right.svg'); }
	.link-primary:hover .text,
	.link-primary-light:hover .text { background-size: 100% 100%; }
}

@media screen and (max-width: 1024px) {
	.link-primary,
	.link-primary-light { font-size: 15px; }
	.link-primary .icon,
	.link-primary-light .icon { width: 36px; height: 36px; }
	.main_service { height: auto; }
	.main_service .container { position: static; padding: 80px 0; height: auto; }
	.main_service .flex { display: block; height: auto; }
	.main_service .side { width: 100%; }
	.main_service .contents { overflow: visible; margin-top: 60px; padding: 0; width: 100%; }
	.main_service .lists { margin: -15px; }
	.main_service .lists .service-item { padding: 15px; width: 33.33333%; }
	.main_service .lists .block { height: 340px; }
	.main_service .lists .title { font-size: 26px; }
	.main_service .lists .icon { width: 48px; height: 48px; }
}
@media screen and (max-width: 768px) {
	.link-primary,
	.link-primary-light { font-size: 14px; }
	.link-primary-light .icon { width: 32px; height: 32px; }
}


@media screen and (min-width: 1025px) {
	.main_service .lists .service-item:nth-child(2) { transform: translateY(200px); }
}

/* 모바일 대응 */
@media (max-width: 900px) {
	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}
}


@media (max-width: 768px) {

    .main-visual .txtWrap h2 {font-size: 1.8rem;}
    .main-visual .txtWrap p {font-size: 0.9rem;}
	.main .bg1 .cont .txt {padding: 0 20px;}
	.main_service .main-badge { margin-bottom: 10px; font-size: 16px; }
	.main_service .main-heading { margin-bottom: 34px; font-size: 24px; }
	.main_service .container { padding: 60px 0; }
	.main_service .contents { margin-top: 45px; }
	.main_service .lists { margin: -10px; }
	.main_service .lists .service-item { padding: 10px; width: 100%; }
	.main_service .lists .block { height: 140px; }
	.main_service .lists .context { padding: 24px; }
	.main_service .lists .badge { font-size: 14px; }
	.main_service .lists .title { font-size: 20px; }
	.main_service .lists .icon { width: 36px; height: 36px; }
}

















main#home .who_we_are {text-align:center;}
main#home .who_we_are .inner {/*padding:150px 88px;*/ padding: 140px 0; display:flex; flex-flow: row nowrap; justify-content:space-between;}
main#home .who_we_are .inner div.left {text-align:left; max-width:470px; /*margin-right:40px;*/}
main#home .who_we_are .inner div.left p {font-size:1.5rem; letter-spacing: -0.6px;}
main#home .who_we_are .inner div.left p.sub_tit {font-weight:700; color:#7078bb;}
main#home .who_we_are .inner div.left p.tit {padding:2vw 0 4vw; font-size:3.3rem; line-height:1.2;}
main#home .who_we_are .inner div.left p.cont {line-height:1.4;}
main#home .who_we_are .inner ul.right {gap: 2%; padding-top:60px; flex-flow: row nowrap; display:flex; width:calc(100% / 1.6);}
main#home .who_we_are .inner ul.right li {display:flex; flex-direction: column; align-items: center; width:350px; background-color:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:20px;}
main#home .who_we_are .inner ul.right li:last-child {margin-right:0;}
main#home .who_we_are .inner ul.right li a {width:100%; height:100%; align-content:center; padding:20px;}
main#home .who_we_are .inner ul.right li a > * {display:block;}
main#home .who_we_are .inner ul.right li a strong.tit {margin-top: 14px; font-size:1.5rem; font-weight: 600;position: relative; z-index:900;}
main#home .who_we_are .inner ul.right li a strong.tit::after {content: ''; background-color: #B6B9D4; display:inline-block;position: absolute; top:-7px; left:4px; z-index:-1;width: calc(100% - 8px); height: calc(100% + 14px); opacity:40%;border-radius:30px;}
main#home .who_we_are .inner ul.right li a span.cont {font-size:1.25rem; line-height:1.4; margin-top:30px;}

main#home .view {margin:0 8vw 140px;}
main#home .view .inner {background:url(/wp-content/themes/jung/img/index/space.jpg); width:100%; height:520px;background-size:cover; background-position:center;position:relative; z-index:-1;}
main#home .view .inner div.control_wrap {background-color:#111; color:#fff; max-width:400px;position: absolute; top:50%; /*right:88px;*/ z-index:900;height: 320px; padding:40px 30px;}
main#home .view .inner div.control_wrap p  {margin-bottom:1.5vw;}
main#home .view .inner div.control_wrap p.desc {font-size:1.5rem; font-weight:600;}
main#home .view .inner div.control_wrap p.title {font-size:3rem;}
main#home .view .inner div.control_wrap p.cont {font-size:1.2rem; line-height:1.4;}

/* bg2, service */
main#home .service {width:100%; background-color:#f5f5f5; margin-bottom:150px; padding: 30px 0;}
main#home .service .inner {padding:40px 8vw; text-align:center;}
main#home .service .inner .txt {}
main#home .service .inner .txt p.tit_eng {font-size:1.5rem; color:#707070; font-weight:600;}
main#home .service .inner .txt p.tit {font-size:3rem; margin-top:1vw; font-weight:800;}
main#home .service .inner ul {display:flex; align-items:center; justify-content:center; padding:4vw 0 0;}
main#home .service .inner ul li {margin-right:10px; transition:all 0.3s; width: calc(100% / 6); min-width:210px; }
main#home .service .inner ul li:last-child {margin-right:0;}
main#home .service .inner ul li p {font-size: 1.175rem;}
main#home .service .inner ul li p:first-child {background-color:#fff; /*padding:55px;*/ height:210px; align-content: center;}
main#home .service .inner ul li p:last-child {padding:30px 0 20px;}
main#home .service .inner ul li p:first-child img {max-width:100px;}

/* index.php > bg3+bg4 */
main .bg3 {padding: 100px 0; text-align: center; background-color: #fff; color: #222; }
main .bg3 h2 {margin: 0 0 120px;}
main .bg3 .cont {/*width: 1200px;*/ /*width:80%;*/ width:100%; padding: 0 8vw; display: flex; flex-flow: row nowrap; justify-content:center; color: #222; }
main .bg3 .cont > p {}
main .bg3 .cont > p img:first-child { border-radius: 30px 30px 0 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); }
main .bg3 .cont > p img:last-child {display: none;}
main .bg3 .cont .info { text-align: left; margin-left: 120px; }
main .bg3 .cont .info .top {letter-spacing: -0.8px;}
main .bg3 .cont .info .top .sub { font-size: 1.5rem; padding-top: 60px; font-weight: 500; color: #7078BB; }
main .bg3 .cont .info .top .tit { line-height: 1.5; font-size: 2.5rem; font-weight: 700; padding: 1.5vw 0 3.5vw; }
main .bg3 .cont .info .btm {}
main .bg3 .cont .info .btm p { display: flex; padding:10px 0; }
main .bg3 .cont .info .btm p:first-child { }
main .bg3 .cont .info .btm p span { background-color: #B4B9E7; width: 18px; height: 18px; border-radius: 50%; margin-right: 15px; }
main .bg3 .cont .info .btm p em { font-size: 1.175rem;}
main .bg3 .cont .info .link {gap:30px;padding-top: 50px;}
main .bg3 .cont .info .link > * { padding: 22px 53px; border-radius: 50px; width: 180px; }
main .bg3 .cont .info .link .details {text-align: center; margin-right:30px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border: 1px solid #fff;  }
main .bg3 .cont .info .link .question {text-align: center; background-color: #4B4E68; color: #fff; border: 1px solid #4B4E68;  }

main .bg4 .cont { display: flex; flex-flow: row-reverse nowrap; color: #222; }
main .bg4 .cont .info { text-align: left; margin: 0; margin-right: 120px; }


/* banner_02 */
main .banner_02 { width: 100%; height: 787px; background-image: url(/wp-content/themes/jung/img/banner02.jpg);background-size: cover; background-position: center; background-repeat: no-repeat; }
main .banner_02 .cont { width: 100%; margin: 0 auto; height: 100%; padding: 0 8vw; }
main .banner_02 .cont .title {color: #222; margin-top : 50px;}
main .banner_02 .cont .title .sub {color: #7078BB; font-size: 1.8rem; font-weight: 500;}
main .banner_02 .cont .title .tit { margin: 15px 0 80px; font-size: 3rem; font-weight: 700; }
main .banner_02 .cont .question {display: inline-block; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border: 1px solid #fff; border-radius: 50px; padding: 22px 53px; width: 180px; text-align: center;}

/*공지 및 알림(최신글 게시판)*/
main#home .notice { width:100%; color:#fff; }
main#home .notice .inner {background-color:#565770; margin: 140px 8vw; padding:80px 40px; border-radius:16px;}
main#home .notice .txt p.tit {display:flex; justify-content:space-between; align-items:center; padding:16px 0;}
main#home .notice .txt p.tit span {font-size: 3rem; font-weight:800; }
main#home .notice .txt p.tit a.btn_moreview {font-size: 1.5rem; color:#fff;}
main#home .notice .board #kboard-default-latest { margin-top: 24px; }
main#home .notice .board #kboard-default-latest table { border-bottom:1px solid rgba(255,255,255,0.2); }
main#home .notice .board #kboard-default-latest table thead { display: none; }
main#home .notice .board #kboard-default-latest table tbody { }
main#home .notice .board #kboard-default-latest table tr {}
main#home .notice .board #kboard-default-latest table td {color:#222; font-size:1.175rem; padding:0;border-top:1px solid rgba(255,255,255,0.2);}
main#home .notice .board #kboard-default-latest table td:last-child { color:rgba(255,255,255,0.2);}
main#home .notice .board #kboard-default-latest table td > a {padding:24px 8px;width:100%; color:#fff;  }
main#home .notice .board #kboard-default-latest table .kboard-latest-date {color:#aaa;}


/***** map 시작 *****/
main .map_area { width: 100%; padding: 0 8vw 140px; }
main .map_area h3 {font-size: 3rem; font-weight: 700;}
main .map_area .cont { justify-content: center; color: #222; display: flex; flex-flow: row nowrap; }
main .map_area .cont > * {width: calc(100% /2.2);}
main .map_area .cont .info .address { padding: 50px 0 60px; line-height: 1.7; font-size: 1.3rem; }
main .map_area .cont .info .bus {}
main .map_area .cont .info .bus li {}
main .map_area .cont .info .bus li:last-child {margin-top: 20px;}
main .map_area .cont .info .bus li > * {display: inline-block;}
main .map_area .cont .info .bus li em { text-align: center; background-color: #fff; border: 1px solid #222; width: 143px; line-height: 45px; border-radius: 50px; }
main .map_area .cont .info .bus li span {}
main .map_area .cont #map {  width: calc(100% / 1.8); height: 450px; }
main .map_area .cont .info #go_map_btn {color: #222; padding: 22px 53px; border-radius: 50px; width: 240px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border: 1px solid #fff; text-align: center; }



/*반응형 시작 */
/*웹 (1440)*/
@media (max-width: 1550px) {

 main#home .who_we_are .inner {flex-direction:column; }
  main#home .who_we_are .inner div.left p.tit {padding: 1.5vw 0 2.5vw; font-size: 3rem;}
  main#home .who_we_are .inner ul.right {gap: 2%; width: calc(100%/1); justify-content: space-between;}
  main#home .who_we_are .inner ul.right li {width: 400px;}
  main#home .who_we_are .inner ul.right li a {padding: 30px 20px;}
  main#home .who_we_are .inner ul.right li a span.cont {font-size: 1.1rem;}
}

@media (max-width: 1280px) {
  main#home #main_visual .cont .swiper-slide {height: 700px;}
  main#home #main_visual .cont .swiper-slide img {height: 700px;}
  main .bg1 .cont .txt h2 * {font-size: 3rem;}
  main .bg1 .cont .txt h2 em {font-size: 3.5rem;}
  main .bg1 .cont .txt p {font-size: 1.375rem;}
  
  main#home .who_we_are .inner {padding: 120px 6vw;}
  main#home .who_we_are .inner div.left p {font-size: 1.37rem;}
  main#home .who_we_are .inner div.left p.tit {font-size: 3.2rem;}
  
  main#home .view {margin: 0 6vw 120px;}
  main#home .view .inner div.control_wrap p.desc {font-size: 1.37rem;}
  main#home .service .inner .txt p.tit {font-size: 2.8rem;}
  main#home .service .inner {padding: 40px 6vw;}
  main#home .service .inner .txt p.tit_eng {font-size: 1.37rem;}
  main#home .service .inner ul {justify-content: flex-start; overflow-x: auto; white-space: nowrap;  /*padding: 50px 20px;*/ scroll-padding-left: 20px;}
  main#home .service .inner ul li {margin-bottom : 15px;}
  main#home .service .inner ul li p {font-size: 1.125rem;}
  
  main .bg3 .cont {padding: 0 6vw;}
  main .bg3 {padding-bottom: 120px;}
  main .bg3 .cont .info {margin-left: 40px;}
  main .bg3 .cont .info .top .sub {font-size: 1.37rem;}
  main .bg3 .cont .info .top .tit {font-size: 2.25rem;}
  main .bg3 .cont .info .link .details {margin-right: 20px;}
  
  main .bg4 .cont .info {margin-left:0;}
  
  main .banner_02 .cont {padding: 0 6vw;}
  main .banner_02 .cont .title .sub {font-size: 1.37rem;}
  
  main#home .notice .inner {margin: 120px 6vw;}
  main#home .notice .txt p.tit span {font-size: 2.5rem;}
  main#home .notice .txt p.tit a.btn_moreview {font-size : 1.375rem;}
  
  main .map_area {padding: 0 6vw  120px;}
  main .map_area h3 {font-size: 2.8rem;}
  main .map_area .cont .info .address {font-size: 1.2rem; margin-right: 2vw;}
}

@media (max-width: 1024px)  {

  main#home #main_visual .cont .swiper-slide {height: 600px;}
  main#home #main_visual .cont .swiper-slide img {height: 600px;}
  main .bg1 .cont .txt h2 * {font-size: 2.8rem;}
  main .bg1 .cont .txt h2 em {font-size: 3.3rem;}
  main .bg1 .cont .txt p {font-size: 1.175rem;}
  
  main#home .who_we_are .inner div.left p.tit {font-size: 2.8rem;}
  main#home .who_we_are .inner div.left p.cont {font-size: 1.2rem;}
  main#home .who_we_are .inner ul.right li a strong.tit {font-size: 1.35rem;}
  
  main#home .view .inner div.control_wrap p.desc {font-size: 1.2rem;}
  main#home .view .inner div.control_wrap p.title {font-size: 2.8rem;}
  
  main#home .service .inner .txt p.tit_eng {font-size: 1.2rem;}
  main#home .service .inner .txt p.tit {font-size: 2.5rem; margin-top:2vw;}
  main#home .service .inner ul li {min-width: 190px;}
  main#home .service .inner ul li p:first-child {height: 190px;}
  
  main .bg3 .cont > p img:first-child {width: 350px;}
  main .bg3 .cont .info .top .sub {font-size: 1.2rem;}
  main .bg3 .cont .info .top .tit {font-size: 2rem;}
  main .bg3 .cont .info .btm p em {font-size: 1.125rem;}
  main .bg3 .cont .info .link > *{padding: 16px 30px; width: 150px;}
  
  main .banner_02 {height: 600px;}
  main .banner_02 .cont .title .sub {font-size: 1.2rem;}
  main .banner_02 .cont .title .tit {font-size : 2.5rem;}
  main .banner_02 .cont .question {padding: 16px 30px; width: 150px;}
  
  main .map_area h3 {font-size: 2.5rem;}
  main .map_area .cont .info .address {font-size: 1.125rem;}
  main .map_area .cont .info #go_map_btn {padding : 16px 30px ; width: 220px;}
  main .map_area .cont {flex-direction: column;}
  main .map_area .cont .info .address {padding: 50px 0 30px;}
  main .map_area .cont > * { width: calc(100%/1);}
  main .map_area .cont #map {margin-top: 50px; width: calc(100%/1); height: 400px;}
  
}

@media (max-width: 901px) {
  main .bg3 {padding-bottom: 80px;}
  main .bg3 .cont {padding: 0 32px; flex-direction : column;}
  main .bg3 .cont .info {margin: 0 auto;}
  main .bg3 .cont .info .top .sub {font-size: 1.175rem;}
  main .bg3 .cont .info .top .tit {font-size: 1.9rem;}
  main .bg3 .cont .info .btm p em {font-size: 1.1rem;}
  main .bg3 .cont .info .btm p:last-child {padding: 20px 0 60px;}

}

@media (max-width: 768px){
  
  main#home #main_visual .cont .swiper-slide {height: 550px;}
  main#home #main_visual .cont .swiper-slide img {height: 550px;}
  main .bg1 .cont .txt h2 * {font-size: 2.25rem;}
  main .bg1 .cont .txt h2 em {font-size: 2.5rem;}
  main .bg1 .cont .txt p {font-size: 1.125rem; width: calc(100%/1.4);}
  main .bg1 .cont .txt h2 em {margin-left: 0.6rem;}
  
  main#home .who_we_are .inner {padding: 80px 32px;}
  main#home .who_we_are .inner ul.right{flex-direction: column;}
  main#home .who_we_are .inner div.left p {font-size: 1.25rem;}
  main#home .who_we_are .inner div.left p.tit {font-size: 2.3rem;}
  main#home .who_we_are .inner div.left p.cont {font-size: 1.175rem;}
  main#home .who_we_are .inner ul.right {align-items: center; gap: 3vw;}
  main#home .who_we_are .inner ul.right li {width: calc(100%/1.3);}
  main#home .who_we_are .inner ul.right li a strong.tit {font-size: 1.3rem;}
  main#home .who_we_are .inner ul.right li a span.cont {font-size: 1rem;}
 
  main#home .view {margin: 0 32px 80px;}
  main#home .view .inner div.control_wrap p.title {font-size: 2.3rem;}
  main#home .view .inner div.control_wrap p.cont {font-size: 1.175rem;}
  main#home .view .inner div.control_wrap {height: 280px;}
  
  main#home .service .inner {padding: 40px 32px;}
  main#home .service .inner .txt p.tit_eng {font-size: 1.175rem;}
  main#home .service .inner .txt p.tit {font-size:2rem;}
  main#home .service .inner ul li p {font-size: 1rem;}
  
  main .banner_02 .cont .title .sub {font-size: 1.175rem;}
  main .banner_02 .cont .title .tit {font-size: 2.3rem;}
  main .banner_02 .cont {padding: 0 32px;}
  main .banner_02 {height: 600px;}
  
  main#home .notice .inner {margin: 80px 32px;}
  main#home .notice .txt p.tit span {font-size: 2rem;}
  main#home .notice .txt p.tit a.btn_moreview {font-size: 1.25rem;}
  main#home .notice .board #kboard-default-latest table td {font-size: 1rem;}
  
  main .map_area {padding: 0 34px 80px;}
  main .map_area h3  {font-size: 2.3rem;}
  main .map_area .cont .info .address {font-size: 1.1rem; padding: 30px 0 30px;}
  
  footer {padding: 0 6vw;}
  footer .f .top {padding: 25px 0;}
  footer .f .top .left {font-size: 16px;}
  .main-visual .txtWrap h2 * {font-size: 2.25rem;}
  .main-visual .txtWrap h2 em {font-size: 2.5rem;}
 }
  
@media (max-width: 480px) {
  main#home #main_visual .cont .swiper-slide {height: 450px;}
  main#home #main_visual .cont .swiper-slide img {height: 450px;}
  main .bg1 .cont .txt  {margin-top: -30px;}
  main .bg1 .cont .txt h2 * {font-size: 1.75rem;}
  main .bg1 .cont .txt h2 em {font-size: 2rem; margin-left: 0; margin-top: 0.6rem;}
  main .bg1 .cont .txt p {font-size: 1rem; width: calc(100%/1.2); padding: 5vw 0;}
  main .bg1 .cont .txt h2 {flex-direction : column; align-items:flex-start;}
  
  main#home .who_we_are .inner {padding: 64px 24px;}
  main#home .who_we_are .inner div.left p.sub_tit {font-size: 1.125rem;}
  main#home .who_we_are .inner div.left p.tit {font-size: 2rem;}
  main#home .who_we_are .inner div.left p.cont {font-size: 1rem;}
  main#home .who_we_are .inner ul.right {gap: 1vw;}
  main#home .who_we_are .inner ul.right li {width: calc(100%/1);}
  main#home .who_we_are .inner ul.right li a strong.tit {font-size: 1.2rem;}
  
  main#home .view {margin: 0 24px 64px;}
  main#home .view .inner {object-position: center bottom; height: 480px;}
  main#home .view .inner div.control_wrap {max-width: 300px; height: 250px; padding: 30px 20px;}
  main#home .view .inner div.control_wrap p {margin-bottom: 2vw;}
  main#home .view .inner div.control_wrap p.desc {font-size:1.125rem;}
  main#home .view .inner div.control_wrap p.title {font-size: 2rem;}
  main#home .view .inner div.control_wrap p.cont {font-size: 1rem;}
  
  main#home .service .inner {padding: 40px 24px;}
  main#home .service .inner .txt p.tit_eng {font-size: 1.125rem;}
  main#home .service .inner .txt p.tit {font-size: 1.8rem;}
  main#home .service .inner ul li p {font-size: 1rem;}
  main#home .service .inner ul { padding: 6vw 0 0;}
  main#home .service .inner ul li {min-width: 170px; margin-right: 15px;}
  main#home .service .inner ul li p:first-child {height: 170px;}
  
  main .bg3 .cont {padding: 0 24px;}
  main .bg3 .cont > p img:first-child {width: 280px;}
  main .bg3 .cont .info .top .sub {font-size: 1.125rem;}
  main .bg3 .cont .info .top .tit {font-size: 1.75rem;}
  main .bg3 .cont .info .btm p em {font-size: 1rem;}
  
  main .banner_02 {height: 500px; background-position: -400px;}
  main .banner_02 .cont {padding: 0 24px;}
  main .banner_02 .cont .title .sub {font-size: 1.125rem;}
  main .banner_02 .cont .title .tit {font-size: 2rem; margin : 15px 0 6vw;}
  
  main#home .notice .inner {margin: 65px 24px; padding: 70px 30px;}
  main#home .notice .txt p.tit span {font-size: 1.75rem;}
  main#home .notice .txt p.tit a.btn_moreview {font-size: 1.125rem;}
  
  main .map_area {padding : 0 24px 60px;}
  main .map_area h3 {font-size: 2rem;}
  main .map_area .cont .info .address {font-size: 1rem;}
  
}

@media (max-width:425px){

  main#home .view {margin: 0 25px 200px;}
  main#home .view .inner div.control_wrap {height: 280px; top: 70%; width: 80%;}
  main#home .view .inner div.control_wrap p.desc {font-size: 18px;}
  main#home .view .inner div.control_wrap p.title {font-size: 34px;}
  main#home .view .inner div.control_wrap p.cont {font-size: 17px;}

  
}
 
 @media (max-width:375px){
   main#home .view {margin: 0 20px 200px;}
   
   main .bg3 .cont .info .link .details {margin-bottom: 15px;}
   main .bg3 .cont .info .link > * {width: 172.8px;}

   footer {padding: 20px;}
   footer .f {font-size: 15px;}
   footer .f .top .left {font-size: 14.5px;}

   main .banner_02 {height: 480px;}
   main .banner_02 .cont .question {width: 172.8px;}
   
   main#home .notice .inner {padding: 60px 20px;}
   main#home .notice .txt p.tit {flex-direction: column;}
   main#home .notice .txt p.tit span {align-self: flex-start;}
   main#home .notice .txt p.tit a.btn_moreview {align-self: flex-end; margin-top: 5px;}
   main#home .notice .board #kboard-default-latest table tr {display: flex; flex-direction: column;}
   main#home .notice .board #kboard-default-latest table td {align-self: flex-start; width: 100%;}
   main#home .notice .board #kboard-default-latest table td:last-child { text-align: right; border-top: 0px solid rgb(255,255,255,0); align-self: flex-end;  }
 }

@media (max-width: 320px) {
   footer .f .top .cont .ceo_num {flex-direction: column;}
 }

 /*** 반응형 430px - 끝 ***/


/*******************************************************************************************************/
/* 반응형 끝  ~~~ */
/* 반응형 끝  ~~~ */
/* 반응형 끝  ~~~ */


/*** 끝 ( 메모 ) ***/