@charset "UTF-8";

/* 구글 번역 배너/툴바/로고/툴팁 전부 숨김 */
#google_translate_element,
.goog-te-banner-frame,
.goog-te-gadget,
.goog-te-gadget-simple,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover,
.goog-logo-link,
.goog-te-combo { display: none !important; }

/* 구글이 html/body에 top을 강제로 줘서 밀리는 현상 방지 */
html, body { top: 0 !important; }

/* 일부 테마에서 자동으로 붙는 클래스 제거 */
.skiptranslate { display: none !important; }




.pc_head{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 25px;}
.pc_head .pc_user{display: flex; gap: 0px 20px; align-items: center;}
.pc_head .lomy{display: flex; gap: 0px 6px; color: #fff;}
.pc_head .lomy a{color: #fff; font-size: 1.5rem; font-weight: 200;}
.pc_head .lomy span{color: #fff; font-size: 1.5rem; font-weight: 200;}
.pc_head .lang{display: flex; gap: 0px 10px;}
.pc_head .lang li{width: 45px; height: 45px; border: 1px solid #fff; border-radius: 50%; text-align: center; line-height: 45px; opacity: 0.6;}
.pc_head .lang li a{color: #fff; font-size: 1.5rem; font-weight: 300;}
.pc_head .lang li.on{opacity: 1;}
.pc_head .lang li.on a{border-bottom: 1px solid #fff;}
.pc_head .lang li:hover{opacity: 1}
.pc_head .lang li:hover a{font-weight: 600; border-bottom: 1px solid #fff;}

#header.active .pc_head .lomy{color: #000; font-weight: 300;}
#header.active .pc_head .lomy a{color: #000; font-weight: 300;}
#header.active .pc_head .lomy span{color: #000; font-weight: 300;}
#header.active .pc_head .lang li{border: 1px solid #000;}
#header.active .pc_head .lang li a{color: #000;}
#header.active .pc_head .lang li:hover a{border-bottom: 1px solid #000;}
#header.active .head_login a{color: #111;}
#header.active .head_login li{color: #111;}



/* 드롭다운 버튼 스타일 */
.lang_menu {position: relative;display: inline-block;}
.dropbtn {width: 96px;height: 40px;display: flex; justify-content: center; align-items: center;gap: 12px; border: 1px solid rgba(255, 255, 255, 0.80); text-align: center;}
.dropbtn span {color: #fff; font-size: 1.8rem; font-weight: 500; }
.dropbtn.active {
    background-color: #981B1F; /* 진한 빨강 (#ff0000 도 가능) */
    border: 1px solid #981B1F; border-bottom: 1px solid #FFFFFF33;
}
.dropbtn .arrow_b{display: none;}

#header.active .dropbtn span{color: #111;}
#header.active .dropbtn{border: 1px solid #111;}
#header.active .dropbtn.active span{color: #fff;}
#header.active .dropbtn .arrow_b{display: block;}
#header.active .dropbtn .arrow_w{display: none;}
#header.active .dropbtn.active{border: 1px solid #981B1F; border-bottom: 1px solid #FFFFFF33;}
#header.active .dropbtn.active .arrow_b{display: none;}
#header.active .dropbtn.active .arrow_w{display: block;}
/* 드롭다운 메뉴 */
.dropdown-content {position: absolute;background-color: #981B1F;min-width: 96px;z-index: 100;overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.4s ease-out, opacity 0.3s ease-out;right: 0; left: 0;}
.dropdown-content a {padding-right: 22px; font-size: 1.8rem;font-weight: 600; display: block;text-decoration: none;transition: background-color 0.3s;text-align: center;color: #FFFFFF7A;line-height: 40px;}

/* 활성화된 상태 */
.dropdown-content.show {max-height: 200px;opacity: 1;box-shadow: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);}

 /* 언어 선택 버튼 */
.lang_menu_mob {position: relative;display: block;text-align: left;border-bottom: 1px solid #8e8e8e;}
.dropbtn_mob {font-size: 17px;font-family: 'SUIT-Regular', sans-serif;color: #000;background-color: white;border: none;cursor: pointer;width: 100%;text-align: left;transition: border-bottom 0.3s ease-in-out;display: flex;justify-content: space-between;}
.dropbtn_mob span{color: inherit; font-size: inherit;}

/* 드롭다운 메뉴 스타일 */
.dropdown-content_mob {position: absolute;background-color: white;width: 100%;border-radius: 5px;z-index: 10;overflow: hidden;padding-top: 10px;max-height: 0;opacity: 0;transition: max-height 0.4s ease-out, opacity 0.3s ease-out;}
.dropdown-content_mob a {font-size: 1.6rem;font-family: 'SUIT-Regular', sans-serif;color: #333;padding: 20px 0;display: block;text-decoration: none;transition: background-color 0.3s;border-bottom: 1px solid #8e8e8e;}

/* 드롭다운이 활성화될 때 */
.dropdown-content_mob.show {max-height: 400px; /* 충분한 높이 */opacity: 1;}


@media screen and (max-width:1200px) {
        .dropbtn span{font-size: 1.6rem;color: #111;}
        
}


.main_img{width: 100%; height: 100%;}
.main_img img{width: 100%; height: 100%; object-fit: cover;}
.main_text{height: 100%; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.main_text .num{color: rgba(255,255,255,0.4); font-weight: bold; font-size: 2.2rem; margin: 0px;}
.main_text .num b{color: #fff;}
.main_text h2{font-size: 6.2rem; margin-top: 35px; font-weight: 800; color: #fff; margin-bottom: 20px;}
.main_text p{font-size: 2.6rem; color: #fff; font-weight: 500;}

.swiper_btn_wrap{position: absolute; bottom: 40%; left: 0; right: 0; margin: 0 auto; z-index: 10;}
.swiper_btn_wrap .swiper-pagination-bullet{margin: 0px 20px !important; background: #fff; opacity: 1; position: relative;}
.swiper_btn_wrap .swiper-pagination-bullet-active:before{content: ''; width: 35px; height: 35px; background: rgba(255,255,255,0.2); border-radius: 50%; position: absolute; left: -13px; top: -14px;}

.head_etc_wrap{display: flex; justify-content: start; align-items: center;gap: 2rem;}
.link_btn_wrap{display: flex; justify-content: start; align-items: center;gap:2rem ;}
.link_btn_wrap a{height: 4rem; display: flex; justify-content: center; gap: 7px; align-items: center; width: 136px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: #ffffff4b}
/* .mobile_head .link_btn_wrap a{background-color: #11111118;} */
.link_btn_wrap a:first-child img{width: 8.8rem;}
/* .link_btn_wrap a:last-child img{width: 2.5rem;} */
.link_btn_wrap a p{color: #505050; font-size: 1.6rem; font-weight: 700;}
.lang_wrap{display: flex; justify-content: start; align-items: center;gap: 1.2rem;}
.lang_wrap a{border-radius: 100px;display: block; width: 4.4rem; height: 4.4rem; display: flex; justify-content: center; align-items: center;color:#fff;font-size: 1.6rem; font-weight: 400; opacity: 0.4;border: 1px solid #FFF;}
.lang_wrap a span{color: #fff; font-size: 1.5rem;}
.lang_wrap .lang_active{opacity: 1;text-decoration: underline;}

.swiper-scale-effect .swiper-slide-cover {
    transition-timing-function: linear;
    transition-duration: 4s;
    transform: scale(1.15);
    height: 100%;
}
.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
    transform: scale(1);
}
.visual{height: 960px; margin-top: 90px; overflow: hidden; position: relative;}
.visual .swiper_visual{height: 100%;}
.visual .swiper_visual .slide-01{background: url("../img/main_visual.png") no-repeat; background-size: cover; background-position: center;}
.visual .swiper_visual .slide-02{background: url("../img/main_visual.png") no-repeat; background-size: cover; background-position: center;}
.visual .swiper_visual .slide-03{background: url("../img/main_visual.png") no-repeat; background-size: cover; background-position: center;}

.swiper_btn_wrap{  color: #fff; z-index: 9; position: relative; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.swiper_visual .main_text{height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0;  right: 0; margin: 0 auto;}
.swiper_visual .main_text h2{font-size: 6.0rem;  font-weight: 600; margin-top: 8px; margin-bottom: 20px; color: #fff; text-align: center;}
.swiper_visual .main_text h3{font-size: 2.8rem;  font-weight: 600; color: #fff; text-align: center;}
.swiper_visual .main_text p{font-size: 2.2rem; font-weight: 600; line-height: 145%; color: #FFFFFFE5;text-align: center;}
.swiper_visual .visual-pagination{width: initial; margin-right: 20px;}
.swiper_visual .visual-pagination .swiper-pagination-bullet{margin: 0px; width: 45px; height: 2px; border-radius: 0px; background: #fff;}
.swiper_visual .swiper-visual-prev{ font-family: 'SUIT-Regular'; cursor: pointer; margin-right: 10px;}
.swiper_visual .swiper-visual-next{ font-family: 'SUIT-Regular'; cursor: pointer; margin-left: 10px;}
.swiper_visual .visual-pagination2 span{font-family: "futura-pt", sans-serif;}

.scroll_down{position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; z-index: 9;}
.scroll_down:after{content: ''; width: 300px; height: 67px; background: url("../img/mouse-bg.png")no-repeat; background-position: top center; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; z-index: -1;}
.scroll_down .scroll{width: 23px; height: 37px; border: 1px solid #00572d; border-radius: 25px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.scroll_down .scroll .scroll_dot{width: 2px; height: 10px; border-radius: 15px; background: #00572d ;display: block; animation: scroll 1.6s linear infinite;}

@keyframes scroll {
    0%{
        opacity: 0;
        transform: translateY(-1rem);
    }
    100%{
        opacity: 1;
        transform: translateY(1rem);
    }
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display: flex; justify-content: center; align-items: center;}


html {
  scroll-behavior: smooth;
}

.scroll_ani{position: absolute;bottom: 5%;left: 50%;width: auto; transform: translateX(-50%); text-align: center;  z-index: 9;}
.scroll_ani .motion{width: 27px;height: 39px;border-radius: 10px;border: 1.6px solid #F5F5F5; margin: 10px auto;margin-top: 50px;}
.scroll_ani span{display: block;font-weight: 600; font-size:2rem;color: #FFF;}
.scroll_ani .motion:before {content: ''; width: 2px; height: 8px; background: #F5F5F5; margin-left: 11.5px;top: 5px; border-radius: 4px; animation: btn-motion4 2.5s ease-in-out infinite;display: block;opacity: 0;margin-top: 6px;}
@keyframes btn-motion4 {
    0%{opacity: 0;}
    20% {opacity: 1;}
    70% {opacity: 0;transform: translateY(20px);}
}
@keyframes bounce {
    0% { top: 20px; }
    50% { top: -20px; }
    100% { top: 20px; }
}

.wow.fadeInUp {animation-name: customFadeInUp;}
@keyframes customFadeInUp {
    from {opacity: 0;transform: translateY(10px); /* 기본은 100px 정도임 → 20px로 줄임 */}
    to {opacity: 1;transform: translateY(0);}
}

.wow.fadeInLeft {animation-name: customFadeInLeft;}

@keyframes customFadeInLeft {
    from {opacity: 0;transform: translateX(-20px); /* 기본 -100px → -20px로 줄임 */}
    to {opacity: 1;transform: translateX(0);}
}

.Hfull .main_mob{display: none;}

#ft{background: #222222; text-align: left;}
#ft .ft_menu{padding: 26px 0 ;border-bottom: 1px solid #505050;display: flex; justify-content: space-between; align-items: center;}
#ft .ft_menu ul li a{color: #ccc; font-size: 14px; font-weight: 500; }
#ft .ft_menu ul li span{color: #ccc; font-size: 14px; font-weight: 500; }
#ft .ft_menu ul li ul{gap: 7px; }
#ft .ft_menu ul li ul li span{color: #fff; }
#ft .ft_menu ul li:nth-child(3) a{color: #fff;}
#ft .ft_menu ul {display: flex; justify-content: start; align-items: center;gap: 2.4rem; }
#ft .ft_menu .tel span { color: #fff; font-size: 1.6rem; font-weight: 500;padding-right: 8px;}
#ft .ft_menu .tel a{color: #fff; font-size: 2.4rem; font-weight: 700;}
#ft .footer{padding: 4rem 0 6rem;display: flex; justify-content: start; align-items: center;gap: 6rem;}
#ft .footer ul{margin-bottom: 1.2rem;}
#ft .footer ul li{display: inline-block;margin-right: 2rem;margin-bottom: 8px;}
#ft .footer ul span{color: #AEAEAE; font-size: 13px; font-weight: 500;}
#ft .copyright{font-size: 1.3rem;; font-weight: 500; color: #fff;}




/* 공통 */
.txt_style1{color: #971E23; font-size: 2rem ; font-weight: 600; text-align: center;margin-bottom: 16px;}
.txt_style2{color: #fff; font-size: 4rem ; font-weight: 600; text-align: center;margin-bottom: 12px;}
.txt_style3{color: #FFFFFFE5; font-size: 2rem ; font-weight: 500; line-height: 140%; text-align: center;}
.txt_style4{color: #981B1F; font-size: 1.8rem ; font-weight: 600; margin-bottom: 12px;text-align: left;}
.txt_style5{color: #111; font-size: 4.8rem ; font-weight: 700;margin-bottom: 4.8rem; }
.txt_style6{color: #111; font-size: 5.6rem; font-weight: 700;  margin-bottom: 4.8rem; }
.txt_common{margin-bottom: 6rem;}




/* 메인 */
.section1{padding-top:16rem ;padding-bottom: 20rem;
background: #333; position: relative; z-index: 10;position: relative;}
.section1>h2{color: #505050; font-size: 20rem; font-weight: 700;white-space: nowrap;letter-spacing: 1px;position: absolute; top: 50%; left: 0;}
.section1 .wrap{position: relative; z-index: 99; display: flex; justify-content: center; gap: 5.8rem; align-items: start;}
.section1 .item {position: relative;transition: all 0.3s;}
.section1 .item .txt_box{position: absolute; top: 0; left: 0; z-index: 9;padding: 3.2rem;width: 100%; height: 100%;transition: all 0.3s;}
.section1 .item .num{color: #FAFAFA; font-size: 3.2rem; font-weight: 700; }
.section1 .item .txt{position: absolute; bottom: 3.2rem; left: 3.2rem ;transition: all 0.3s;overflow: hidden;}
.section1 .item .txt h3{color: #FAFAFA; font-size: 2.8rem; font-weight: 700; margin-bottom: 8px;transition: all 0.3s;}
.section1 .item .txt h4{color: #FAFAFA; font-size: 1.6rem; font-weight: 600;line-height: 130%;transition: all 0.3s;opacity: 0; transform: translateY(20px);max-height: 0; overflow: hidden;}
.section1 .item span{width: 100%; height: 100%; border-radius: 20px;
background:#971E23CC;display: block;position: absolute; top: 0; left: 0;opacity: 0;transition: all 0.3s;}
.section1 .item:hover span{opacity: 1;}
.section1 .item:hover .txt h4 {opacity: 1;transform: translateY(0);max-height: 200px;}
.section1 ul{margin: 0 auto;display: flex ;  gap:4rem  ; justify-content: center; align-items: center;margin-top: 2.3rem; width: 92%; max-width: 680px;}
.section1 ul li{border: 1px solid #FFF;width: 33%; max-width: 200px; height: 60px; line-height: 60px;color: #fff; font-size: 2rem;font-weight: 600;text-align: center;}
.section1 .txt_style1{display: inline-block; margin: 0 auto;margin-bottom: 16px;border-radius: 100px;padding: 2px 16px; color: #fff;font-size: 2.2rem; font-weight: 600;
background: #971E23;}
.section1 .txt_common{text-align: center;}

.section2{background-color: #333;padding-bottom: 16rem;}
.section2 .swiper {width: 100%;height: 100%;overflow: visible;}
.section2 .swiper-slide { flex-shrink: 0;            /* 브라우저가 줄이지 못하게 */
  width: 92%;                /* 중앙은 화면의 60% 정도. 상황에 맞게 조절 */
  max-width: 1000px;          /* 너무 크게 나오면 막는 안전장치 */
  box-sizing: border-box;
  position: relative;
  transition: transform .5s ease, opacity .5s ease;
  opacity: 0.35;             /* 비활성 슬라이드 흐리게 */}
.section2 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.section2 .txt{text-align: center;margin-top: 4rem;}
.section2 .txt span{color: #767676; font-size: 2rem; font-weight: 700;margin-bottom: 4px;text-align: center;}
.section2 .txt h2{color: #fff; font-size: 2.8rem; font-weight: 600; margin-bottom: 8px;text-align: center;margin-top: 4px;}
.section2 .txt h3{ color: #FFFFFFCC; font-size: 1.8rem; font-weight: 500;text-align: center;line-height: 144%; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -4rem;}
.swiper-pagination-bullet{background-color: rgba(255, 255, 255, 0.10);}
.swiper-pagination-bullet-active{background-color: #FFFFFFB2;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.section2 .mySwiper {width: 100%;overflow: hidden; }
.section2 .mySwiper .swiper-slide-active {opacity: 1 !important;transform: scale(1) !important;}
.section2 .swiper-wrapper { display:flex; align-items:center; }
.section2 .mySwiper .swiper-slide.swiper-slide-active {opacity: 1 !important;transform: scale(1) !important;}
.section2 .swiper-slide .img img { display:block; width:100%; height:auto; object-fit:cover; }

.section2 .mySwiper .swiper-slide .txt {opacity: 0;transform: translateY(20px);transition: opacity .5s ease, transform .5s ease;}
.section2 .mySwiper .swiper-slide-active .txt {opacity: 1;transform: translateY(0);}


.section3{background: url(../img/sec3_img1.png)no-repeat center/cover;padding: 8rem 0;text-align: center;}
.section3 h3{color: #fff; }
.section3 a{ margin: 0 auto; border-radius: 34px;padding: 1.5rem 3.2rem; display: inline-flex; justify-content: start; align-items: center; gap: 4px;transition: all 0.5s;
background: #FAFAFA;}
.section3 a:hover {box-shadow: 8px 8px 15px #00000042;}
.section3 a:hover span{transform: translateX(7px);}
.section3 a p{color: #971E23; font-size: 1.8rem; font-weight: 600;}
.section3 a span{color: #971E23; font-family: "SUIT"; font-size: 1.8rem; font-weight: 600;transition: all 0.5s;}
.section3 .txt_common{margin-bottom: 4rem;}

.section4{padding: 14rem 0;} 
.section4 .item{width: 50%;}
.section4 .item .img{width: 100%;}
.section4 .items{display: flex; justify-content: center; align-items: start; gap:6rem ;}
.section4 .item .txt_box{margin-top: 2rem;padding:0 12px ;display: flex;justify-content: space-between; align-items: center;}
.section4 .item .txt_box h3{font-size: 3.2rem; font-weight: 600; }
.section4 .item:hover .txt_box img{filter: drop-shadow(3px 3px 3px #11111123) ;transform: translateX(10px);}
.section4 .item .txt_box img{transition: all 0.3s;}
.section4 .inner{max-width: 1032px; width: 92%; margin: 0 auto;}

/* 서브페이지 */
.page1 .who {padding-top: 12rem;background: url(../img/p1-10.png)no-repeat; background-size: auto; background-position: right; }
.page1 .who .width{display: flex; justify-content: space-between; gap: 9.6rem;padding-bottom: 12rem;}
.page1 .who .text{width: 59%;}
.page1 .who .txt_style6{color: #981B1F;}
.p_wrap{ display: flex; justify-content: start; align-items: start; flex-direction: column; gap: 2rem;}
 .p_wrap p{color: #505050;font-size: 2.2rem; word-break: keep-all;}
.page1 .who .text h3{color: #111; font-size: 2.8rem; font-weight: 700; margin-top: 2.8rem;text-align: right;}
.page1 .who .img{width: 50%; max-width:74.1rem ;}
.page1 .who .img img{width: 100%;}
.page1 .who h6{color: #F2F2F2;font-size: 100px;font-weight: 700;line-height: 120px;padding-bottom: 14.3rem; width: 96%;max-width: 1520px; margin: 0 auto;}
.page1 .age{background: url(../img/p1-2.png) no-repeat ;background-position: center; background-size: cover; width: 100%;height: 95rem;}
.page1 .age .width{display: flex; justify-content: center; align-items: center;height: 100%;flex-direction: column;}
.page1 .age .width h6{color: #fff; font-size: 1.8rem; font-weight: 600; }
.page1 .age .width h2{color: #fff; font-size: 10rem; font-weight: 600;margin-bottom: 4rem;font-family: "Playfair Display", serif; }
.page1 .age .width h4{color: #fff; font-size: 2.4rem; font-weight: 400;text-align: center; }
.page1 .age .width h4 b{font-weight: 600; }
.page1 .certi{background: #F7F7F7; padding-top: 12rem; padding-bottom: 7rem;}
.page1 .certi .contents{width: 92%; max-width: 826px;margin: 0 auto;  text-align: center;}
.page1 .certi .items{display: flex; justify-content: center; align-items: center;gap: 12rem; }
.page1 .certi .item p{color: #111; font-size: 2.8rem; font-weight: 700; margin-top: 2rem;}
.page1 .his ul li{border-bottom: 1px solid #E5E5EC;padding: 2.8rem 0; display: flex; justify-content: start; align-items: center;}
.page1 .his ul li:first-child{padding-top: 0;}
.page1 .his ul li div{display: flex; justify-content: start; align-items: center;}
.page1 .his ul li h2{width: 20%; max-width: 200px;color: #111; font-size: 4rem; font-weight: 700; }
.page1 .his ul li h6{color: #981B1F; font-weight: 700;font-size:2.8rem ; padding: 1.2rem 2.4rem 1.2rem 0; width: 165px;}
.page1 .his ul li h5{color: #505050; padding :12px; font-size:2.8rem ;  font-weight: 600;}
.page1 .his{background: url(../img/p1-9.png) no-repeat;background-size: cover; background-position:left bottom;}
.page1 .road{background: url(../img/p1-5.png) no-repeat center/cover; width: 100%; height: 80rem;display: flex; justify-content: center; align-items: center;}
.page1 .road .contents{width: 92%; max-width: 1124px; margin: 0 auto;text-align: center;}
.page1 .road .contents h6{color: #E0E0E0; font-size: 1.8rem; font-weight: 600;} 
.page1 .road .contents h2{color: #fff; font-size: 4.8rem; font-weight: 700; margin-bottom: 8rem; margin-top: 1.6rem;}
.page1 .road .contents .items{display: flex; justify-content: center; align-items: center; gap: 4.8rem;}
.page1 .road .contents .item{border-radius: 12px; width: 32rem; height: 32rem;border: 1px solid rgba(255, 255, 255, 0.40);display: flex; justify-content: center; align-items: center; flex-direction: column;
background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px); transition: 0.3s all;}
.page1 .road .contents .item:hover{border-radius: 12px;
background: linear-gradient(0deg, #981B1F 0%, #981B1F 100%), rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);}
.page1 .road .contents .item h3{color: #fff; font-size: 4rem; font-weight: 700; margin-bottom: 16px;}
.page1 .road .contents .item h4{color: #fff; font-size: 2.4rem; margin-top:2.8rem}
.page1 .slogan{background: url(../img/p1-12.png) no-repeat; background-size: cover; background-position: center;padding: 16rem 0; }
.page1 .slogan .txt_style6{text-align: center;color: #fff;}
.page1 .slogan h1{color: #fff; font-size: 10rem;text-align: center;padding: 10.4rem 0;font-family: "Playfair Display", serif;}
.page1 .slogan p{color: #fff; font-size: 2.6rem; font-weight: 400; line-height: 140%;text-align: center;margin-top: 3.2rem;}
.page1 .slogan p span{color: #fff; font-weight: 700;}

.page2 .qna{margin-bottom: 140px;}
.page2 .qna h2{margin-bottom: 55px;}
.page2 .menu {list-style: none; border-top: 4px solid var(--color);}
.page2 .menu li {border-top: 1px solid #dcdcdc;}
.page2 .menu li:first-child {border-top: 0;}
.page2 .menu li a {display: flex; font-size: 2.4rem; font-weight: 600; color: #262626; align-items: center; gap: 0px 6px; padding: 30px 40px; cursor: pointer;}
.page2 .menu li a span{font-weight: 800; color: var(--color)}
.page2 .menu li .text_wrap {display: none; background: #f7f7f7; padding: 30px 40px 30px 70px;}
.page2 .menu li .text{display: flex; gap: 0px 6px; align-items: baseline;}
.page2 .menu li .text span{font-size: 2.4rem; color: #6f6f6f; font-weight: 800;}
.page2 .menu li .text p{font-size: 1.8rem; color: #666; line-height: 140%;}
.page2 .contact > p{font-size: 2.2rem; font-weight: 500; margin-top: 15px;}
.page2 .contact .latest{margin-top: 50px;}
#side_menu{display: none;}

@media all and (max-width: 1200px){
    .page2 .menu li a{padding: 20px 20px; font-size: 2.0rem;}
    .page2 .menu li .text_wrap{padding: 20px;}
    .page2 .menu li .text span{font-size: 2.0rem;}
    .page2 .menu li .text p{font-size: 1.6rem;}
}
@media all and (max-width: 800px){
    #formmail-write .form-group1{flex-direction: column; gap: 20px 0px;}
    #formmail-write .form-group{padding-bottom: 20px;}
    #formmail-write .form-group1 .box{width: 100%;}
    .page2 .contact > p{font-size: 1.8rem;}
}


.page3 .con1{display: flex; justify-content: space-between; align-items: start; gap: 5.9rem;padding-bottom: 10rem;}
.page3 .con1 .text{width: 57%;}
.page3 .con1 .img{width: 61rem;}
.page3 .con1 .img img{width: 100%;}
.title_wrap{display: flex; justify-content: start; align-items: start;gap: 4px;margin-bottom: 2.8rem;}
.title_wrap img{margin-top: 7px;}
.title_wrap h3{color: #000; font-size: 3.2rem; font-weight: 700;}
.page3 .con2 .items{display: flex; justify-content: start; align-items: center; gap: 3.2rem 2%;flex-wrap: wrap;}
.page3 .con2 .item{border-radius: 12px;padding: 1rem 0; width: 32%;
background: #F7F7F7;display: flex; justify-content: start; align-items: center;}
.page3 .con2 .item .img{padding: 2.9rem 3.1rem; display: flex; justify-content: center; align-items: center;}
.page3 .con2 .item .line{width: 2px; height: 4rem;background: #E5E5EC;}
.page3 .con2 .item p{color: #111; font-size: 2.4rem; font-weight: 600;padding-left: 2.8rem;}
.page3 .con3{margin-top: 10rem;}
.page3 .con3 .txt_box{background: #981B1F;text-align: center; padding: 1.7rem 0; width: 100%; color: #fff; font-size: 4rem; font-weight: 700; margin-bottom: 4rem;}
.page3 .con3 .items{display: flex; justify-content: start; align-items: start; gap: 3.2rem 2.6%;flex-wrap: wrap;}
.page3 .con3 .item{width: 32% ; max-width: 480px;}
.page3 .con3 .item img{width: 100%;}
.page3 .con3 .item p{text-align: center;border-right: 1px solid #E5E5EC;
border-bottom: 1px solid #E5E5EC;padding: 2rem 0 ; text-align: center; font-size: 2.4rem;
border-left: 1px solid #E5E5EC; font-weight: 600;}

.page3 .con4{margin: 10rem auto 10.3rem ;}
.page3 .con4 .items{display: flex; justify-content: space-between; align-items: start; gap: 4rem;}
.page3 .con4 .item{width: 32%;}
.page3 .con4 .item img{width: 100%;}
.page3 .con4 .item h4{color: #767676; font-size: 2rem; font-weight: 700;text-align: center; margin-top: 2rem;margin-bottom: 4px;}
.page3 .con4 .item h5{color: #111; font-size: 2.8rem; font-weight: 600;text-align: center;}
.page3 .con4 .item h6{color: #505050; font-size: 1.8rem; font-weight: 500;text-align: center;margin-top: 8px;}

@media all and (max-width: 768px){

}


.page4 .con1 p{color: #505050;font-size: 2.2rem; line-height: 145%;margin-bottom: 3.2rem;}
.page4 .con1 p b{font-weight: 700; color: #111;}
.page4 .con1 .img{display: flex; justify-content: center; align-items: center; gap: 25px 2%;}
.page4 .con1 .img img{width: 49%;}
.page4 .con1{padding-bottom: 10rem;}
.page4 .con2 .items{ display: flex; justify-content: space-between; align-items: center;background: #F7F7F7;padding: 4rem;border-radius: 20px;}
.page4 .con2 .item{width: 16.4rem; height: 25rem;border-radius: 12px;
border: 1px solid #CCC;
background: #FFF;display: flex; flex-direction: column; align-items: center; justify-content: start;padding-top: 2rem;}
.page4 .con2 .item h6{color: #981B1F; font-weight: 700;margin-bottom: 12px;}
.page4 .con2 .item h5{font-weight: 600;margin-top: 2.6rem;text-align: center; font-size: 2rem;}
.page4 .con2_mob .wrap{display: flex; justify-content: space-between; align-items: center;}
.page4 .con2_mob .items{display: flex; flex-direction: column; gap: 2.8rem;  background: #F7F7F7;padding: 2rem;border-radius: 20px;}
.page4 .con2_mob .item {border-radius: 12px;width: 47%; height: 118px; max-width: 303px;border: 1px solid #CCC;background: #FFF;display: flex; justify-content: start; align-items: center;}
.page4 .con2_mob .item .num{border-radius: 12px 0 0 12px;display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.8rem; font-weight: 700;background: #981B1F;height: 100%; width: 20%; max-width: 60px;}
.page4 .con2_mob .item .txt{padding: 2rem 12px;display: flex; justify-content: start; align-items: center; gap: 1rem;}
.page4 .con2_mob .item .txt img{width: 6rem;}
.page4 .con2_mob .item .txt p{color: #111; font-size: 2rem; font-weight: 600;letter-spacing: -0.5px;}
.page4 .con3 {margin-top: 10rem;}
.page4 .con3 .wrap{border-radius: 20px;padding: 4rem 4rem 6rem 4rem;
background: #F7F7F7;}
.page4 .con3 .wrap .img img{width: 100%;}
.page4 .con3 .wrap .items{margin-top:5.6rem ;display: flex; justify-content: start; align-items: start;}
.page4 .con3 .wrap .item{width: 20%; max-width: 288px;padding-left: 2.8rem; border-right: 1px solid #E5E5EC;}
.page4 .con3 .wrap .item:last-child{border: none;}
.page4 .con3 .wrap .item h6{color: #999; font-size: 1.8rem; font-weight: 700;}
.page4 .con3 .wrap .item h4{font-size: 2.2rem; font-weight:700 ;margin-bottom: 12px;}
.page4 .con3 .wrap .item ul li {display: flex; justify-content: start; align-items: start; gap: 4px;margin-bottom: 4px;}
.page4 .con3 .wrap .item ul li span{color:  #505050;font-weight: 900;margin-top: -3px; }
.page4 .con3 .wrap .item ul li p{color: #505050; font-size: 1.8rem;width: 90%;}
.page4 .con4{margin-top:10rem ;}
.page4 .con4 .wrap h3{color: #981B1F; font-size: 2.4rem; font-weight: 700; margin-bottom: 2rem;}
.page4 .con4 .wrap .items{display: flex; justify-content: start; align-items: center; gap:20px 2%;}
.page4 .con4 .wrap{margin-bottom: 6rem;}
.page4 .con4 .wrap .items:last-child{margin-bottom: 0;}
.page4 .con4 .wrap .item{width: 32%; max-width: 480px;}
.page4 .con4 .wrap .item img{width: 100%;}


.page5 .root_daum_roughmap{width: 100% !important;}
.page5 .root_daum_roughmap .wrap_controllers{display: none;}
.page5 .root_daum_roughmap .cont{display: none;}
.page5 .con1{padding-bottom: 5.7rem}
.page5 .con1 .box_wrap{display: flex; gap: 30px 2%; justify-content: center;}
.page5 .con1 .box_wrap .box{width: 100%; max-width: 290px; text-align: center}
.page5 .con1 .box_wrap .box span{margin-bottom: 10px; display: block;min-height: 4rem;}
.page5 .con1 .box_wrap .box h3{ color: #5a5a5a; font-size: 2.0rem; margin-bottom: 15px;}
.page5 .con1 .box_wrap .box a{font-size: 1.6rem; font-weight: 500;}
.page5 .con1 .box_wrap .box p{font-size: 1.8rem; color: #5a5a5a; font-weight: 300;}
.page5 .google_map{width: 100%; margin-top:2.4rem ;}
.page5 .google_map iframe{width: 100%;}
@media all and (max-width: 768px){
    .page5 .con1 .box_wrap{flex-wrap: wrap; justify-content: flex-start; gap: 55px 2%;}
    .page5 .con1 .box_wrap .box{width: 49%;}

}





@media all and (max-width: 1920px){
    .main_img img{width: initial;}
}
@media all and (max-width: 1600px){
    #header .logo img{width: 150px;}
    #header .head_menu .main_menu .dept1 > a{font-size: 1.9rem;}
    .pc_head .lomy a, .pc_head .lomy span{font-size: 1.4rem;}
    .pc_head .lang li a{font-size: 1.3rem;}
    .pc_head .lang li{width: 40px; height: 40px; line-height: 40px;}
    .main1 .point1 img{width: 220px;}
    .main1 .point2 img{width: 300px;}
    .main1 .point3 img{width: 340px;}
}
@media all and (max-width: 1400px){
    .page1 .who{background-size: 561px;  }
}
@media all and (max-width: 1200px){
   .page1 .who{background-size: 480px;}
    .main_text .num{font-size: 1.8rem;}
    .main_text h2{font-size: 5.0rem;}
    .main_text p{font-size: 2.2rem;}
    .Hfull{height: 650px;}
    .swiper_btn_wrap{bottom: 175px;}
    .main1 h2{padding-bottom: 60px; margin-bottom: 10px;}
    .main1 h2 img{width: 150px;}
    .main1 h2:after{width: 1px; height: 40px;}
    .main1 h3{margin-top: 20px; font-size: 4.8rem;}
    .main1 p{font-size: 2.0rem;}
    .main1 a{width: 210px; height: 50px; line-height: 50px; margin: 50px auto 0 auto;}
    .main1{padding: 200px 0;}
    .main2 .title h2{font-size: 4.2rem;}
    .main2 .title p{font-size: 1.8rem;}
    .main2 .box_wrap .text h3{font-size: 2.2rem;}
    .main2 .box_wrap a .arrow img{width: 42px;}
    .sub_visual{height: 350px; margin-top: 60px;}
    .sub_visual .sub_top_text h3{font-size: 1.6rem;}
    .sub_visual .sub_top_text h2{font-size: 3.2rem;}
    .sub_visual .sub_top_text{padding-bottom: 60px;}
    .dropdown-content{min-width: auto;}
    .dropdown-content a{font-size: 1.6rem;}
}
@media all and (max-width: 1024px){
    .page1 .who{background-size: 40%;}
    .main1 .point1 img{width: 120px;}
    .main1 .point2 img{width: 180px;}
    .main1 .point3 img{width: 230px;}
    .stitle{font-size: 3.5rem;}
    .stitle:after{width: 32px; height: 3px;}
    .page1 .who .text p{ margin-top: 20px;}
    .page3 .con4 .item h5{font-size: 2.2rem;}
    .page3 .con4 .items{gap: 2rem;}
}
@media all and (max-width: 900px){
    .page1 .age .box h3{font-size: 2.1rem; margin-bottom: 17px;}
    .page1 .age .box p{font-size: 1.6rem;}
    .page3 .con4 .items{flex-direction: column; gap: 5rem;}
    .page3 .con4 .item{width: 90%; margin: 0 auto;}
    
}
@media all and (max-width: 850px){
    
    .main1 .point2{top: initial; bottom: 40px;}
    .main1 .point1{left: 7%; top: 8%;}
    .main1 .point3{top: 14%;}
    .main2 .box_wrap{flex-wrap: wrap;}
    .main2 .box_wrap a{width: 48%;}
    #ft .ft_wrap{flex-direction: column;}
    #ft .ft_box2{text-align: left; margin-top: 15px; margin-bottom: 15px;}
    #ft .ft_box2 p{margin-bottom: 10px;}
    #ft .ft_info{flex-direction: column;}
    #ft .ft_info span{display: none;}
    #ft .foot_logo img{width: 120px;}
    
}
@media all and (max-width: 768px){
    .Hfull{height: 580px;}
    .swiper_btn_wrap{bottom: 80px;}
    .main_text h2{font-size: 3.2rem;}
    .main_text p{font-size: 1.8rem;}
    .main1 h3{font-size: 3.0rem;}
    .main1 .point3 img{width: 130px;}
    .main1 .point2 img{width: 140px;}
    .main1 .point1 img{width: 80px;}
    .main2 .title h2{font-size: 3.2rem;}
    .main2 .title p{font-size: 1.6rem;}
    .sub_visual{height: 220px;}
    .page1 .who .width2{flex-direction: column-reverse;}
    .page1 .who .img{width: 100%;}
    .page1 .who .text{width: 100%; margin-top: 25px;}
    .page1 .who{background-position: -3% 94%; padding-bottom: 60px; background-size: 750px;}
    .page1 .age{padding-top: 30px;}
    .page1 .age .box_wrap{flex-wrap: wrap; }
    .page1 .age .box{width: 48%;}
    .stitle{font-size: 3.2rem;}
    .page3 .con4 .item h4{font-size: 1.8rem; }
    
}
@media all and (max-width: 650px){
    .main2 .box_wrap a{width: 100%;}
    .page1 .age .box{width: 100%;}

}




.br_650{display: none;}
.br_500{display: none;}
.br_400{display: none;}
.con2_mob{display: none;}
.mob2{display: none;}
.dropbtn .arrow4_w{display: none;}

.hidden_file {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}


/* 250922 */

@media screen and (max-width:1588px) {
    .page3 .con3 .item{width: 31.5%;}
}

@media screen and (max-width:1400px) {
    #header .head_menu .main_menu{ margin-right: 3rem; margin-left: 3rem;}
    .page1 .who .img{width: 40%;}
    .page1 .who .width{gap: 30px 2%;}
    #header .head_menu .main_menu .dept1 > a{font-size: 1.7rem;}
    #header .head_menu .main_menu .dept2 a{font-size: 1.6rem;}
}
@media screen and (max-width:1200px) {
    .mobile_btn{display: flex; align-items: center; gap: 0px 20px;}
    .mobile_btn .lang{display: flex; gap: 0px 4px;}
    .mobile_btn .lang li{border: 1px solid #fff; width: 30px; height: 30px; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center;}
    .mobile_btn .lang li a{font-size: 11px; color: #fff;}
    .mobile_btn .lang  span{font-size: 11px; color: #fff;}
    .link_btn_wrap a{width: 80px;background-color: #11111113; }
    .link_btn_wrap a:first-child img{width: 65px;}
    .mobile_head .mobile_logo{width: 120px;}

    .swiper_visual .main_text h3{font-size: 2.0rem;}
    .swiper_visual .main_text h2{font-size: 4.5rem;}
    .swiper_visual .main_text p{font-size: 1.8rem;}
    .scroll_ani{bottom: 5%;}

    .section1 .wrap{width: 92%; margin: 0 auto;}
    .section1 .item{width: 32%;}
    .section1 .item img{width: 100%; height: 100%; object-fit: cover;}
    .section1>h2{top: initial; bottom: 4%;}

    .txt_style6{margin-bottom: 30px; font-size: 4.5rem;}

    .page1 .who .text h3{font-size: 2.4rem;}

    .page1 .who h6{font-size: 5vw;}
    .page1 .slogan{padding: 12rem 0;}
    .page1 .slogan h1{padding: 8rem 0;}
    .dropbtn{width:70px ; gap: 8px;border: 1px solid #111;height: 35px;}
    .dropdown-content a{padding-right: 14px;}
    .dropbtn.active span{color: #fff;}
    .dropbtn.active .arrow4_w{display: block;}
    .dropbtn.active .arrow4_b{display: none;}
    
}
@media screen and (max-width:1024px) {
    /* .quick_banner{right: 10px; top: 40%;}
    .quick_banner ul li a{padding: 5px 0px;}
    .quick_banner ul li{width: 50px;} */
    .swiper_btn_wrap .swiper-pagination-bullet-active:before{width: 26px; height: 26px; left: -8px; top: -10px;}

    .txt_style1{font-size: 1.6rem;}
    .txt_style2{font-size: 3.0rem;}
    .txt_style3{font-size: 1.6rem;}

    .page1 .age .width h2{font-size: 9vw;}
    .page1 .age .width h4{font-size: 2.0rem; text-align: center;}
    .page1 .road{height: initial; padding:10rem 0;}

    .page3 .con1{flex-direction: column-reverse;}
    .page3 .con2 .item p{font-size: 1.8rem;}
    .page3 .con2 .item p br{display: none;}
    .page3 .con2 .item .img{padding: 15px 20px;}
    .page4 .con2 .item{height: initial; padding-bottom: 10px;}
    .page4 .con2 .items{align-items: initial; gap: 20px 2%; flex-wrap: wrap; justify-content: flex-start;}
    .page4 .con2 .arrow2{display: none;}
    .page4 .con2 .item h5{font-size: 2.0rem; margin-top: 15px;}
    .page4 .con2 .item{width: 23.4%;}
    .page4 .con3 .wrap .items{flex-direction: column;}
    .page4 .con3 .wrap .item{width: 100%; max-width: initial; border-bottom: 1px solid #E5E5EC; padding-bottom: 15px; margin-bottom: 15px;}
    .section4 .item .txt_box h3{font-size: 2.4rem;}
    .section4 .item .txt_box img{width:5rem ;}
    .page1 .slogan h1{font-size: 6rem;padding: 5rem 0;}
    .page1 .slogan p{font-size: 2.2rem; margin-top: 2rem;}
    .page1 .who .width{padding-bottom: 0rem;}
    .page3 .con1 .text{width: 100%;}
    .page3 .con1{justify-content: center; align-items: center;}
    .page3 .con1 .text{width: 90%; text-align: center;}
    .page3 .p_wrap{justify-content: center;align-items: center;}
    .page3 .con3 .item p{font-size: 2rem;}
    .page3 .con3 .item{width: 32%;}
    .page3 .con3 .items{gap: 3.2rem 2%;}
    .page3 .con3 .txt_box{font-size: 2.6rem;}
    .page4 .con1{display: flex; flex-direction: column-reverse; gap: 5.9rem;}
    .page4 .con1 .txt_style6{text-align: center;}
    .page4 .con1 p{width: 90%; margin: 0 auto; text-align: center;}
    .section1,.section4, .page1 .certi, .page1 .his, .page1 .who{padding: 10rem 0;}
.section1 ul li{border: 1px solid #FFF; width:180px; height: 50px; line-height: 50px;color: #fff; font-size: 1.8rem;font-weight: 600;text-align: center;}
.section1 .txt_style1{font-size: 2rem;}
.page1 .his ul li h6{font-size: 2.4rem;}
}
@media screen and (max-width:900px) {
    .page1 .who .width{flex-direction: column-reverse;}
    .page1 .who .img{display: none;}
    .page1 .who .text{width: 80%;margin: 0 auto;}
    .page1 .who h6{font-size: 9vw; padding-bottom: 0px;}
    .txt_style6{font-size: 3.0rem; margin-bottom: 20px;}
    .page1 .who .text p br{display: none;}
    .p_wrap{gap: 0px;justify-content: center; align-items: center;}
    .page1 .road .contents h2{font-size: 3.2rem; margin-bottom: 60px;}
    .page1 .road .contents .item h3{font-size: 2.4rem;}
    .page1 .road .contents .item img{width: 80px;}
    .page1 .road .contents .item h4{font-size: 2.0rem; margin-top: 15px;}
    .page1 .who{text-align: center;background-size: 52%; background-position: 126% 72%;}
    .page1 .who .text h3{text-align: center;}
    .page3 .con1 .p_wrap{gap: 1rem ;line-height: 150%;}
    .page3 .con1 .p_wrap P{line-height: 150%;}

    
}
@media screen and (max-width:850px) {
    .section1 .item .txt_box{padding: 20px;}
    .section1 .item .num{font-size: 2.6rem;}
    .section1 .item .txt h3{font-size: 2.2rem;}
    .section1 .wrap{flex-wrap: wrap; justify-content: flex-start; gap: 45px 2%;}
    .section1 .item{width: 49%;}
    .page1 .certi .items{width: 100%;}
    .page1 .certi .items .item{width: 49%;}
    .page1 .certi .items .item img{width: 100%;}
    .page1 .certi .item p{font-size: 2.2rem;}
    .page1 .certi .items{gap: 40px 2%;}
    .page1 .road .contents .items{gap: 20px 2%;}
    .page3 .con2 .item{width: 49%;}
    .page3 .con3 .item p{font-size: 1.8rem;}
    .page3 .con3 .item{width: 49%;}
    .section4 .items{gap: 2rem;}
    .page1 .slogan{background-size: 197%;}
}
@media screen and (max-width:768px) {
    .swiper_visual .main_text h2{font-size: 3.6rem;}
    .swiper_visual .main_text{margin-top: 0px;}
    .scroll_ani .motion{width: 20px; height: 30px;}
    .scroll_ani span{font-size: 1.6rem;}
    .scroll_ani .motion:before{height: 6px; margin-left: 7.5px; margin-top: 3px;}
    .swiper_visual .main_text p{font-size: 1.6rem;}
    .txt_style2{font-size: 2.7rem;}
    .txt_style3 br{display: none;}
    .txt_style5{font-size: 3.0rem; margin-bottom: 35px;}

    .section2 .txt h2{font-size: 2.1rem;}
    .section2 .txt h3{font-size: 1.6rem;}
    #ft .ft_menu ul{gap: 0px 10px;}

    .page1 .age{height: initial; height: 100vh;}
    .page1 .age .width h4 br{display: none;}
    .page1 .his ul li h2{width: 100%; max-width: initial; font-size: 2.4rem;}
    .page1 .his ul li{flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
    .page1 .his ul li h6{margin-left: 0px; padding: 12px 12px 12px 0;}
    .page1 .his ul li h5{padding: 0px; font-size: 1.6rem;}
    .page1 .road .contents .arrow{display: none;}
    .page1 .road .contents .items{flex-wrap: wrap; justify-content: center;}
    .page1 .road .contents .item{width: 49%;}
    .page1 .road .contents .item{height: initial; padding: 30px 0;}
    .page1 .road .contents .item h4{font-size: 1.8rem; letter-spacing: -0.06em}

    .txt_style6{font-size: 2.6rem;}
    .title_wrap h3{font-size: 2.4rem;}
    .page3 .con2 .item{width: 95%;margin: 0 auto;}
    .page3 .con2 .item .img{width:7rem ;}
    .page3 .con2 .item .img img{width:100% ;}
    .page3 .con2 .item .img{padding: 2rem ;}
    .page3 .con2 .item p{padding-left: 1.5rem;}
    .page3 .con2 .items{gap: 2rem 2%;}

    .page4 .con1 p{font-size: 1.8rem;}
    .page4 .con1 .img{flex-direction: column;}
    .page4 .con1 .img img{width: 100%;}

    .page4 .con2 .item{width: 49%;}
    .page4 .con4 .wrap .items{flex-wrap: wrap;}
    .page4 .con4 .wrap .item{width: 49%;}
    #bo_list .email div p{font-size: 1.6rem;}
    #ft .footer ul li{margin-bottom: 3px;}
    .section4 .item a h3{font-size:2rem;}
    .section4 .item a img{width: 3rem;}
    .section4{padding: 10rem 0;}
    .page1 .who{background-position: 120% 50%;padding-top: 9rem; }
    .p_wrap p{font-size: 1.8rem;line-height: 144%;}
    .page1 .slogan p{font-size: 1.8rem; margin-top: 0;}
    .page1 .slogan .txt_style6{margin-bottom: 0;}
    .page3 .con3 .txt_box{font-size: 2rem;}
    .page3 .con4 .item h5{font-size: 2rem;}
    .page4 .con1 .img{width: 90%; margin: 0 auto;}
    .section1, .section4, .page1 .certi, .page1 .his, .page1 .who, .page1 .road{padding: 6rem 0;}
    /* .page1 .slogan{padding: 7rem 0;} */
    .page3 .con4{margin: 6rem auto ;}
    .title_wrap{padding: 0 2rem;}
    .page3 .con1, .page4 .con1{padding-bottom: 6rem;}
    .page3 .con3, .page4 .con3, .page4 .con4{margin-top: 6rem;}
    .title_wrap h3{text-align: center;}
    .title_wrap{justify-content: center;flex-direction: column; align-items: center;}
    .section1 ul{gap: 1rem;}
    .section1 .item .txt h4{opacity: 1; transform: translateY(0) ; max-height: 100%;}
    .section1 .item:hover span{opacity: 0;}
    .section1 .item .txt_box{background-color: #1111115d; border-radius: 20px;}
    .page1 .slogan{background: url(../img/p1-12_t.png) no-repeat ; background-size: auto; background-position: center;}
    .page1 .slogan h1{padding: 3.2rem 0;font-size: 4.5rem;}
     .page3 .con2 .item{box-shadow: 3px 3px 7px #1111111c;}
     .email div p{font-size: 1.7rem;}
     #formmail-write .form-group input[type=text], #formmail-write .form-group2 div span,.radio_item span, .file_btn_plus, .file_btn{font-size: 16px;}
     .section1 .txt_style1{font-size: 1.8rem;}
     .section4 .item .txt_box h3{font-size: 2.2rem;}
     .sub_visual .sub_top_text h2{font-size: 2.4rem;}
     .page1 .his ul li h6{font-size: 2rem;}
     .page4 .con3 .wrap .item h4{font-size: 2rem;}
     .page5 .con1 .box_wrap .box span img{width:2.5rem;}
}
@media screen and (max-width:650px) {
    .section1 .item{width: 100%;}
    #ft .footer{flex-direction: column; align-items: flex-start;}
    .page1 .certi .item p{font-size: 1.8rem;}
    .openmenu_bottom{flex-direction: column; gap: 2rem ; justify-content: end; align-items: end;}
    .openmenu_bottom .link_btn_wrap{margin-right: 2rem;}
    .section4 .items{flex-direction: column;gap: 5rem;}
    .section4 .item{width: 100%;}
    .page3 .con1 .img{width: 80%;}
    .br_650{display: block;}
    .con2_mob{display: block;}
    .page4 .con2{display: none;}
    .page1 .road .contents .items{flex-direction: column;}
    .page1 .road .contents .item{width: 80%;padding: 20px 0;}
    .page1 .road .contents .item img{width: 50px;}
    .page1 .road .contents h2{margin-bottom: 4rem;}
    .lnb .submenu_wrap a{width: 50%;}
    .mobile_head, #mobile_menu .mob_logo{height: 70px;}
    .mobile_head .mobile_logo, #mobile_menu .mob_logo a{width: 110px;}
    .email div{flex-direction: column;}
    .email{padding: 3rem 0;}
    .page2 .contact .latest{margin-top: 3rem;}
    #formmail-write{padding: 2rem;}
    .file_btn_plus{padding: 0 1rem; height: 30px; line-height: 30px;bottom: auto; top: 0;}
    .file_btn{padding: 1rem 2rem;margin-right: 0 ; margin-left: 0;}
    .file-group .file_upload{justify-content: end;}
    .file_wrap{gap: 10px;}
    .file_box{margin-bottom: 7px;}
    
   
}
@media screen and (max-width:500px) {
    .mobile_btn{gap: 0 10px;}
    .page1 .who .text{width: 90%;}
    .page1 .who{background-position: 265% 57%; background-size: 81%;}
    .page1 .slogan h1{font-size: 4rem;}
    .page3 .con1 .img{width: 95%;}
    .page3 .con1 .text{width: 95%;}
    .page3 .con3 .item{width: 100%;}
    .page4 .con2_mob .item .txt{padding: 1rem ;}
    .page4 .con2_mob .item .txt img{width: 4rem;}
    .page4 .con2_mob .wrap{flex-direction: column;gap: 2rem;}
    .page4 .con2_mob .wrap .arrow2{display: none;}
    .page4 .con2_mob .item{max-width: 100%; width: 95%; height: 75px;}
    .page4 .con2_mob .item .txt p br{display: none;}
    .page4 .con3 .wrap{padding: 0;padding-bottom: 4rem;}
    .page4 .con3 .wrap .items{padding: 0 2rem;}
    .page4 .con3 .wrap .item{border: none;}
    .page4 .con4 .wrap .item{width: 100%;}
    .br_500{display: block !important;}
    .swiper_visual .main_text{top: 38px;}
    .mob2{display: block; }
.page4 .con3 .wrap .img .mob{display: none !important;}
.Hfull {height: 650px;}
.Hfull .main_mob{display: block;width: 100%;}
.Hfull .main_pc{display: none;}
.dropbtn{width: 70px; height: 35px;}
.page1 .slogan{background: url(../img/p1-12_m.png) no-repeat ; background-size: 100%; background-position: center;padding: 7rem 0;}
.lnb .submenu_wrap a{height: 60px; font-size: 1.7rem;}
.page3 .con2 .item{padding: 1rem 3rem;}
.page4 .con1 p{width:100%;}


}

@media screen and (max-width:400px) {
    .br_400{display: block;}
	.br_control{display:none;}
}

#bo_btn_top{display: none;}
#ft .ft_menu .tel{display: none;}
#ctt{padding: 120px 0 100px 0; max-width: 1024px; margin: 0 auto;}

.pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 650px;  height: 50vh;  max-height: 600px;  padding: 50px 20px;  background: #fff;  border-radius: 20px; overflow-y: scroll;}
.pop-close {  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  cursor: pointer;}
.pop-close i{font-size: 24px;}

.pop_wrap .pop-inner h2{font-size: 2.2rem; margin-bottom: 20px;}
.pop_wrap .pop-inner p{font-size: 1.6rem; color: #666; line-height: 160%;}
.pop_wrap .pop-inner h3{font-size: 1.8rem; margin-top: 20px;}

.free_btn{border: 1px solid #ddd; border-radius: 3px; padding: 5px 10px; font-size: 1.6rem; font-weight: 600;margin: 0 auto ;display: block; margin-top: 3rem;width: 180px;text-align: center;}