@charset "UTF-8";

.mbskin{margin: 0 auto; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); border-radius: 15px;}
#pw_confirm h1{font-size: 2.4rem; padding-top: 20px; margin-bottom: 15px;}
#pw_confirm p{font-size: 1.6rem;}
#pw_confirm p strong{font-size: 1.8rem;}
#pw_confirm fieldset{padding: 30px;}
#pw_confirm fieldset .frm_input{border: 1px solid #e1e1e1; padding-left: 10px;}
.mbskin fieldset .btn_submit{background: #000;}

.theme_visual{background: url("../img/main.png")no-repeat; background-size: cover; height: 740px; position: relative;}
.theme_visual .width{height: 100%;}
.theme_visual .text{width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column;}
.theme_visual .text h2{font-size: 5.2rem; color: #fff; font-weight: 700; line-height: 119%;font-family: 'BitgoeulGwangju';filter: drop-shadow(2px 2px 5px #11111149);}
.theme_visual .text p{font-size: 2.0rem; margin-top: 2.8rem; color: #fff; font-weight: 600;line-height: 140%;filter: drop-shadow(2px 2px 5px #11111149);}

.section{display: flex; justify-content: start; align-items: end;margin-top: -2rem;}
.section .text_wrap{width: 40%; max-width: 720px;border-radius: 0 20px 0 0;height: 250px;
background: linear-gradient(90deg, #FF7900 0%, #FC9200 100%); position: relative;display: flex; justify-content: end; align-items: center; overflow: hidden;}
.section .text_wrap .img{position: absolute; left: 0; bottom: -25%; }
.section .text_wrap .img img{width: 100%;}
.section .text{width: 55%;}
.section .text h3{font-size: 1.6rem; font-weight: 700; color: #fff; margin-bottom: 1.8rem;}
.section .text h2{font-size: 3.2rem; line-height: 130%;color: #fff;font-family: 'BitgoeulGwangju';font-weight: 300;}
.section .text h2 b{font-weight: 700;}
.section .icon{max-width: 880px; width: 60%;display: flex; justify-content: start; align-items: start;}
.section .icon a{max-width: 176px; width: 20%; padding: 3.2rem 0 1.8rem ;border-right: 1px solid #E5E5EC;height: 100%;transition:all 0.3s;text-align: center; display: block;}
.section .icon a .img{margin-bottom: 1.6rem;}
.section .icon a h6{color: #999; font-size: 1.4rem; font-weight: 600; margin-bottom: 4px;}
.section .icon a h5{font-size: 2rem; font-weight: 600;}
.section .icon a .plus{margin-top: 1.2rem; transition: all 0.3s; }
.section .icon .icon_c{display: none;}
.section .icon a:hover .icon_g{display: none;}
.section .icon a:hover .icon_c{display: inline-block;}
.section .icon a:hover{background-color: #F7F7F7;}
.section .icon a:hover .plus{transform: rotate(360deg);}

.ft_ser{border-top: 1px solid #ddd; padding: 22px 0;}
.ft_ser ul{display: flex; gap: 0px 2%; align-items: center;}
.ft_ser ul li a{font-weight: 500; font-size: 1.5rem; color: #999;}
.ft_ser ul span{font-size: 1.0rem; color: #999;}

#ft{background: #222222; padding: 4.8rem 0; }
#ft .footer{display: flex; justify-content: start; align-items: start; gap: 10.4rem;z-index: 9;}
#ft .ft_info_wrap{display: flex; gap: 15px 3%; width: 80%;}
#ft .foot_info ul{display: flex; gap: 0px 10px; margin-bottom: 4px;}
#ft .foot_info ul li{font-size: 1.3rem; font-weight: 400; color: #999;}
#ft .foot_info ul a{font-size: 1.3rem; font-weight: 400; color: #999;}
#ft .foot_info span{font-size: 1.3rem; font-weight: 400; color: #999;}
#ft .foot_info .bar{margin: 0 8px;}
#ft .foot_info p{text-align: left; margin-top: 15px; font-size: 1.4rem; font-weight: 300; color: #999;}
#ft .sns{display: flex; gap: 0px 10px;}
.foot_logo ul li a{color: #f6f6f6;}
#ft .adm_btn{text-align: right; color: #666666; font-size: 1rem;}
.head_login {display: flex; justify-content: end; align-items: center; gap: 1rem;}
#ft .adm_btn a{text-align: right; color: #666666; font-size: 1.4rem;}

.ft_menu{border-top: 1px solid #E5E5EC;background: #FFF;padding: 2.4rem 0;}
.ft_menu ul {display: flex; justify-content: start; align-items: center; gap:0 2.4rem ;}
.ft_menu ul li a{color: #999; font-size: 1.6rem; font-weight: 600;}
.ft_menu ul li span{color: #e5e5ec;font-size: 1.6rem; font-weight: 600;}
.ft_menu .color{color: #CA0016;}
.ft_menu .width_f{display: flex; align-items: center; justify-content: space-between;}

.theme_visual{position: relative;}
.tab-container {width: 480 px;border-radius: 12px;position: absolute; right: 16%; z-index: 99;box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.12);background-color: white;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); overflow: hidden; bottom: 3%;}
.tabs {display: flex;background: rgba(229, 229, 236, 0.86);}
.tab_btn {flex: 1;padding: 10px 0;text-align: center;background: rgba(229, 229, 236, 0.86);padding: 1.2rem 2.8rem;display: flex; justify-content: space-between; align-items: center;backdrop-filter: blur(6px);border: none;outline: none;cursor: pointer;font-size: 16px;transition: background-color 0.3s ease;}
.tab_btn span{font-size: 2rem; font-weight: 600; }
.tab_btn:hover {background-color: #e0e0e0;}
.tab_btn.tab_active {border-radius: 12px 12px 0 0;
background: rgba(255, 255, 255, 0.86);
backdrop-filter: blur(6px);}
.contents{padding:2.4rem 3.2rem 2.8rem 3.2rem;}
.content {font-size: 18px;line-height: 1.6;display: none;}
#content-0 {display: block;}

.page1{position: relative;}
.page1 .inner{display: flex; justify-content: end; align-items: start; gap: 16.8rem ;margin-top: 6rem;}
.page1 .txt_title h2{font-size: 3.4rem; font-weight: 700;}
.page1 .txt_title h2 span{color: #FF7B00;}
.page1 .txt_title {display: flex; flex-direction: column; margin-bottom: 8rem ;}
.page1 .txt_contents{display: flex; flex-direction: column; gap: 2.4rem;margin-bottom: 4rem;}
.page1 .txt_contents>div{display: flex; flex-direction: column; gap: 4px;}
.page1 .txt_contents p{color: #505050; font-size: 2rem;}
.page1 .txt_contents p b{color: #111;  font-weight: 700; }
.page1 h3{color: #111; font-size: 2.4rem; }
.page1 h3 b{font-weight: 700; font-size: 2.4rem; }
.page1 .img{position: relative;}
.page1 .img>img{position: absolute; top: 0; left: 0;z-index: 9;}
.page1 .img_bg{position: relative;width: 72rem; height: 61rem;margin-top: 10rem;border-radius:60px 0 0 0 ;}
.page1 .img_bg img{position: absolute; bottom:1%; width: 100%;}

.page2 .img{background: url(../img/p2-1.png) no-repeat center/cover;width: 100%; max-width: 128rem; height: 32rem; border-radius: 0 24px 0 0;display: flex;justify-content: center; align-items: center;margin: 0 auto; margin-bottom: 12rem;}
.page2 .img .txt{display: flex; justify-content: center; align-items: center;gap: 1rem;}
.page2 .img .txt h3{color: #fff; font-size: 6rem; font-weight: 800;font-family: 'BitgoeulGwangju';}
.page2 .wrap{margin-top: 20rem; text-align: center;}
.page2 .item{margin-top: 6rem; padding: 6rem; border-radius: 40px;width: 100%;
background: linear-gradient(90deg, #FF7900 0%, #FC9200 100%);position: relative;}
.page2 .item h3{color: #fff; font-size: 4rem; font-weight: 400; line-height: 125%;margin-bottom: 12px;}
.page2 .item h3 b{font-weight: 600;}
.page2 .item h6{color: #fff;font-size: 2.4rem; font-weight: 400;}
.page2 .img2{position: absolute; bottom: -10%; right: 5%;} 
 
.page3 {padding-top: 12rem;}
.page3 .width>h4{font-size: 4.8rem;font-weight: 700;margin-bottom: 2.8rem;}
.page3 .width .items{display: flex; justify-content: space-between; align-items: center; gap: 2rem;}
.page3 .width .item{width: 32%;display: flex; flex-direction: column; justify-content: center; align-items: center;gap: 1.6rem;border-radius: 20px;background: #F7F7F7;padding: 4rem 0;}
.page3 .width .item .img{border-radius: 500px;padding: 2.8rem;
background: #FFF;}
.page3 .width .item h5{font-size: 2.8rem; font-weight: 700;margin-top: 4px;}
.page3 .width .item h6{color: #505050; }
.page3 .contents{padding: 14rem 0;}
.page3 .wrap{padding: 14rem 0;background-color: #F7F7F7;}
.page3 .wrap .item{background-color: #fff;}
.page3 .wrap .item .img{background-color: #f7f7f7;}

.intro{position: relative;width: 100%; position: relative;
  width: 100%;}
.img_transform{width: 100%;}
.trans_img{transform: scale(0.8);transition: transform 0.6s ease;will-change: transform;border-radius: 0 30px 0 0 ;width: 100%;position: relative;}
.trans_img.zoomed {transform: scale(1); border-radius: 0;}
.intro .i_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);opacity: 0;transition: transform 0.6s ease;}
.intro .i_text.visible {opacity: 1;}
.intro .i_text h2{font-size: 5.6rem; color: #fff;font-weight: 700;line-height: 128%;}
.intro .i_text h6{color: #fff; font-size: 2.4rem; font-weight: 700; line-height: 140%;margin-bottom: 4rem;}


.intro2{position: relative;width: 100%;}
.img_transform2{width: 100%;}
.trans_img2{transition: transform 0.6s ease;will-change: transform;width: 100%;position: relative;}
.intro2 .i_text2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);transition: transform 0.6s ease;}
.intro2 .i_text2 h2{font-size: 5.6rem; color: #fff;font-weight: 700;line-height: 128%;}
.intro2 .i_text2 h6{color: #fff; font-size: 2.4rem; font-weight: 700; line-height: 140%;margin-bottom: 4rem;}




.page4 .img{border-radius: 40px;display: flex; justify-content: center; align-items: center;padding: 6rem 0;}
.page4 .img img{width:100% ; max-width: 126.2rem;}

.page6 h3{font-size: 2.8rem; font-weight:500; line-height: 130%; text-align: center;margin-bottom: 8rem;color: #3d3d3d;}
.section02{
  padding: 12rem 0;
  background-color:#F7F7F7;margin-top: 0;
}
.section02 .wrap{
  width:100%;
  box-sizing:border-box;
  display:flex;
  /*flex-wrap:wrap;*/
  justify-content:flex-end; /* 오른쪽 정렬 유지 */
  align-items:center;
  position: relative;   background-color: rgba(0,0,0,0); /* 투명 배경으로 영역 유지 */


  gap: 0; /* gap 제거 */
}

/* 기본 a 스타일 */
.section02 .wrap .hover{
  width:10.2%;
  height:500px;
  box-sizing:border-box;
  padding:2.6rem;
  position:relative;overflow: hidden;
  transition:width 300ms ease, transform 300ms ease;
  transform-origin:center;
  color:inherit;margin-left: 1rem;
  text-decoration:none;border-radius: 20px;
}

/* 활성화(확대) 시 */
.section02 .wrap .hover.active,
.section02 .wrap .hover:hover{
  width:56%;
}

.section02 .wrap .num{position: absolute; top: 3.6rem; right: 3.6rem;border-radius: 100px;
background: rgba(255, 255, 255, 0.28);width: 5.6rem; height: 5.6rem; padding: 9px 0;display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2.8rem; font-weight: 600;backdrop-filter: blur(3px);}
.section02 .wrap .txt{ display: flex; justify-content: start; align-items: start; gap: 3rem;width: 660px;
  position:absolute;
  bottom:4.8rem;
  z-index:8;
  left:35px; /*
   padding과 맞춤 */
}
.section02 .wrap .txt2{transform: rotate(90deg); font-size: 2.8rem; font-weight: 600; color: #fff;position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg);transition: opacity 0.1s;white-space: nowrap;}
.section02 .wrap h5{padding: 4px 1.6rem; border-radius: 100px;background: rgba(255, 255, 255, 0.28);backdrop-filter: blur(3px); color: #fff; font-size: 1.6rem; font-weight: 600;display: inline-block;}
.section02 .wrap .txt{opacity: 0;  transition: opacity 0.1s;}
.section02 .wrap .txt>div{display: flex;flex-direction: column; justify-content: start; align-items: center;gap: 1rem;}
.section02 .wrap h6{color:#fff;font-size:3.4rem;font-weight:600;}
.section02 .wrap ul {display: flex; flex-direction: column; gap: 4px;}
.section02 .wrap ul li{color: #fff; font-weight: 600;}

/* 배경 이미지들 (경로 확인하세요) */
.section02 .wrap .imgcatalogy{ background:url('../img/p6-2.png') no-repeat; background-size:cover; background-position:center; }
.section02 .wrap .hover:nth-child(2){ background:url('../img/p6-3.png') no-repeat; background-size:cover; background-position:center; }
.section02 .wrap .hover:nth-child(3){ background:url('../img/p6-7.png') no-repeat; background-size:cover; background-position:center; }
.section02 .wrap .hover:nth-child(4){ background:url('../img/p6-4.png') no-repeat; background-size:cover; background-position:center; }
.section02 .wrap .hover:nth-child(5){ background:url('../img/p6-5.png') no-repeat; background-size:cover; background-position:center; }
.section02 .wrap .hover:nth-child(6){ background:url('../img/p6-6.png') no-repeat; background-size:cover; background-position:center; }

/* 첫 요소 기본 활성화 (.frist가 있는 요소) */
.section02 .wrap .hover.frist{ width:30%; margin-left: 0;}
.section02 .wrap .hover.frist .txt {
  opacity: 1;
}
.section02 .wrap .hover.frist .txt2{display: none;} 
.section02 .wrap .hover:hover .txt2{display: none;}

/* hover된 요소의 txt는 표시 */
.section02 .wrap .hover:hover .txt {
  display: flex;
}

.page5 .wrap{display: flex; flex-direction: column; gap: 6rem;}
.page5 .item{display: flex; justify-content: space-between; align-items: start; gap: 4rem;}
.page5 .item .txt{width: 50%; max-width: 57rem;border-top: 2px solid #FF7B00; padding-top: 4rem;}
.page5 .item .txt2{display: none;}
.page5 .item .txt h3{font-size: 3.2rem; font-weight: 600;margin-bottom: 1.2rem;}
.page5 .item .txt h4{font-size: 2rem; font-weight:400;color: #505050;}
.page5 .item .txt h3 span{color: #FF7900;}
.page5 .item .map_contents{width: 45%; max-width: 55rem; height: 28rem;border-radius: 0 30px 0 0;overflow: hidden;}
.root_daum_roughmap .cont .section.lst{display: none;}
.root_daum_roughmap .wrap_map{height: 100% !important;}
.page5 .item .img{width: 45%; }
.page5 .item .img img{width: 100%; }
.page5 .line{width: 100%; height: 1px; background-color: #E5E5EC;}

.page6 .img{text-align: center;}
.page6 .img img{width: 100%; max-width: 128rem;margin: 0 auto; }


.free_btn{display: inline-block; padding: 6px 10px;  background-color: #fff; border: 1px solid #666;color: #505050; font-size: 1.5rem;margin-bottom: 3rem; }
.btn_center{text-align: center; }

.br_500{display: none;}
.br_650{display: none;}
.mob_img{display: none;}
.tablet_img{display: none;}
.icon_m{display: none;}

@media screen and (max-width:1700px) {
  .page1 .img_bg{width: 60rem;}
  .intro{height: auto;}
}
@media screen and (max-width:1600px) {
    .tab-container{right: 3%;}
    .page1 .inner{gap: 10rem;}
    .page1 .img_bg{width: 60rem; }
}
@media screen and (max-width:1400px) {
    .section{margin-top: -4rem;}
    .page1 .img_bg{width: 42rem;}
}
@media screen and (max-width:1200px) {
    .section .text{width: 85%;}
    /*.tab-container{top: 55%;}*/
    .page1 .inner{gap: 5rem;}
    .page1 .txt_title h2{font-size: 4rem;}
    .section02 .wrap .txt>div{gap: 3rem;}
    .section02 .wrap .num{width: 3.6rem; height: 3.6rem; font-size: 1.8rem;right: 4rem;}
    .section02 .wrap .txt{flex-direction: column;}
    .section02 .wrap .txt>div{gap: 0;}
    .section02 .wrap .txt{gap: 2rem;}
}
@media screen and (max-width:1024px) {
.theme_visual .text h2{margin-top: -23rem;font-size: 4rem;}
.tab_btn span{font-size: 2rem;}
.notice li a, .notice li.empty_li{font-size: 1.8rem;}
.tab-container{width: 50rem;}
.theme_visual{height: 700px;}
.section .text h2{font-size: 2.6rem;}
.section .icon a .img img{width:6rem;}
.section .icon a h6{margin-bottom: 0; font-size: 10px;}
.section .icon a h5{font-size: 1.8rem;}
.section .text_wrap {height: 214px;}
.section .icon a{padding: 2rem 0;}
.sub_visual .sub_top_text h3{font-size: 5rem;}
.lnb h6{font-size: 2rem;}
.lnb ul a{font-size: 1.6rem;}
.point_txt{font-size: 1.8rem;}
.titleM{font-size: 3rem;}
.theme_visual{background: url(../img/main_t.png)no-repeat;}
.page1 .txt_title h2{font-size: 3rem;}
.page1 .txt_contents p{font-size: 1.8rem;}
.page1 h3{font-size: 2rem;}

.page1 h3 b{font-size: 2.2rem;}
.ft_menu{padding: 2rem 0;}
.page2 .img .txt h3{font-size: 5rem;}
.page2 .img .txt h3{font-size: 4rem;}
.page2 .img .txt img{width: 8rem;}
.page2 .img{height: 22rem; margin-bottom: 7rem;}
.history_left h2,.history_right h2{font-size: 4rem;}
.history_wrap ul li p{font-size: 2rem;}
.history_wrap ul li b{font-size: 2rem;}
.history_left{padding-right: 30px;}
.history_right{padding-left: 30px;}
.page2 .item h3{font-size: 3rem;}
.page2 .item h6{font-size: 2rem;}
.page2 .item{margin-top: 3rem;}
.page2 .wrap{margin-top: 15rem;}
.page4 .img{padding: 4rem 0;}
.page6 h3{font-size: 2rem;}
.page6 {margin-bottom: 6rem;}
.section02 .wrap .hover{padding: 2.6rem;}
.section02 .wrap .num{right: 3.5rem;}
.section02 .wrap .txt>div{flex-direction: column;gap: 1rem;}
.section02 .wrap .txt2{font-size: 2rem;}
.section02 .wrap .txt{left: 2.6rem;}
.section02 .wrap .txt{bottom: 2.6rem;}
.section02 .wrap h6{font-size: 3rem;}
.bo_sch form{height: 50px;}
.bo_sch form img{width: 18px;}
.tbl_head01 td{height: 9rem;}
.bo_tit a{font-size: 1.8rem;}
.page5 .item .txt{display: none;}
.page5 .item{gap: 2rem;justify-content: center;flex-wrap: wrap;}
.page5 .item .map_contents{width: 50%; height: 36rem;}
.page5 .item{border-top: 2px solid #FF7B00;padding-top: 2rem;}
.page5 .item .txt2{display: block;width: 100%; }
.page5 .item .txt2 h3{font-size: 2.4rem; font-weight: 600;padding-left: 2rem;padding-bottom: 1rem;}
.page5 .item .txt2 h3 span{color: #FF7B00;}
.page5 .item .txt2 h4{color: #505050;font-size: 1.8rem; padding-left: 3rem;}
.page5 .wrap{margin-top: 8rem;}
.intro .i_text h6,.intro2 .i_text2 h6{font-size: 2rem;margin-bottom: 2rem;}
.intro .i_text h2, .intro2 .i_text2 h2{font-size: 4rem;}
.intro2 {
  position: relative;
  width: 100%;
  transform: translateY(0); /* 기본값 */
  z-index: 2;
}
.intro {
  position: relative;
  z-index: 1; /* intro2가 위로 올라오게 순서 제어 */
}
.page3 .width>h4{font-size:3rem} 
.page3 .width .item h5{font-size: 2rem;}
.page3 .width .item .img img{width: 5.5rem;}
.page3 .width .item .img{padding: 2rem;}
.page3 .contents{padding: 10rem 0;}
.page3 .wrap{padding: 7rem 0;}
.page3 .width .item{padding: 4rem 2rem ;text-align: center;}
#bo_list_total{font-size: 1.6rem;}
#bo_list_total span{font-size: 1.8rem;}
.br_500{display: none;}
.section02{padding: 6rem 0;}
    .ft_menu .mban li a img{width: 180px;}
}
@media screen and (max-width:850px) {
    .section{flex-direction: column;justify-content: start;align-items: start;}
    .section .text h3{margin-bottom: 1rem;}
        .section .text_wrap{height: 136px; width: 100%; }
    .section .text_wrap img{width: 15rem;}
    .section .icon{max-width: 100%;width: 100%;border-top: 1px solid #e5e5ec;}
    .section .icon a .plus{margin-top: 1rem;}
    .section .icon .icon_c{display: inline-block;}
    .section .icon .icon_g{display: none;}
    .foot_logo img{width: 20rem;}
    #ft .footer{gap: 5rem;}
    .section .text_wrap .img img{width: 15rem;}
    .page1 .inner{ flex-direction: column-reverse; gap: 2rem; max-width: 850px; width: 92%; margin: 0 auto;}
    .page1 .inner .txt{position: relative; width: 100%; z-index: 5;}
    .page1 .img{position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 0; width: 60%; opacity: 0.05; }
    .page1 .img_bg{width: initial; height: initial; margin: 0px;}
    .page1 .img_bg img{position: initial; width: 100%;}
    .page1 .txt_title{margin-bottom: 4rem;}
    .history_left::after,.history_right::after{top: 22px;width: 5px; height: 5px;}
    .history_left ul li{justify-content: start;flex-direction: row;}
    .page2 .wrap{margin-top: 7rem;}
    .section02 .wrap .num{right: 2.3rem; top: 2.6rem;}
    .section02 .wrap .hover, .section02 .wrap .hover.frist{width: 100%;}
    .section02 .wrap{justify-content: center; align-items: center;gap:1.2rem; flex-wrap: wrap;}
    .section02 .wrap .hover.active, .section02 .wrap .hover:hover{width: 100%;}
    .section02 .wrap .hover .txt2{display: none;}
    .section02 .wrap .hover{height: 333px;}
    .section02 .wrap .hover .txt{opacity: 1;gap: 1.2rem;}
    #formmail-write .form-group{flex-direction: column; gap: 1rem;}
    #formmail-write .form-group.col4>label{width: 100%;}
    #formmail-write .form-group.col4>div{width: 100%;}
    .file_wrap label{width: 100%;}
    #formmail-write .form-group.col4>label{margin-top: 0;}
    .file_wrap{flex-direction: column;gap: 1rem;}
    .page5 .item .map_contents{height: 30rem;}
    .page5 .item .map_contents{height: 27rem;}
    .page3 .width .item{padding: 2rem ;height: 25rem;gap: 1rem;}
    .page3 .width .item h6{text-align: center;}
    #formmail-write .form-group>label{width: 100%;}
    .section02 .wrap .hover{margin-left: 0;}
    .section02 .wrap .txt>div{align-items: start;gap: 5px;}
    .section02 .wrap h5{background-color: #11111180;padding: 4px 12px;}
    .section02 .wrap .num{width: 40px; height: 40px; padding: 7px 0;font-size: 1.8rem; font-weight: 600; }

    .tab-container{bottom: initial; top: 50%;}
    .ft_menu .width_f{flex-direction: column; gap: 15px 0; align-items: flex-start;}
}
@media screen and (max-width:768px) {
    .theme_visual .text h2{font-size: 3rem;}
    .tab_btn span{font-size: 1.8rem;}
    .notice li a, .notice li.empty_li{font-size: 1.6rem;}
    .tab_btn img{width: 2rem;}
    .section .text h2{font-size: 2rem;}
    .section .icon a .img{margin-bottom: 1rem;}
    .theme_visual{height: 650px;}
    #ft .footer{flex-direction: column;gap: 2rem;}
    #ft .foot_info .bar{display: none;}
    .ft_menu ul li a{font-size: 1.3rem;}
    .ft_menu ul li span{font-size: 1.3rem;}
    .foot_info br{display: none;}
    .foot_info span{margin-bottom: 5px;}
    .section .text_wrap{width: 90%;}
    .section .icon a .img img{width: 4rem;}
    .ft_menu ul{gap: 2rem 6px;}
    .sub_visual .sub_top_text h3{font-size: 3rem;}
    .sub_visual{height: 250px;}
    .lnb h6{font-size: 1.8rem;}
    .point_txt{font-size: 1.6rem;}
.titleM{font-size: 2.rem;}

.page1 .txt_title h2{font-size: 2.4rem;}
.page1 .txt_contents p{font-size: 1.6rem;}
.page1 h3{font-size: 1.8rem;}
.page1 h3 b{font-size: 2rem;}
.ft_menu{padding: 1.6rem 0;}
.page2 .img .txt h3{font-size: 3rem;}
.page2 .img .txt img{width: 4rem;}
.page2 .img{height: 15rem; margin-bottom: 4rem;}
.history_left h2, .history_right h2{font-size: 3rem;}
    .history_wrap ul li b, .history_wrap ul li p{font-size: 1.8rem;}
    .page2 .wrap{margin-top: 0;}
    .page2 .item h3{font-size: 2rem;}
    .page2 .item h6{font-size: 1.8rem;}
    .page2 .img2 img{width:20rem ;}
    .history_left::after, .history_right::after{top: 15px;}
    .history_right{padding-left: 20px;}
    .history_left{padding-left: 20px;}
     .tablet_img{display: block;}
    .pc_img{display: none;}
    .section02 .wrap ul li{font-size: 1.6rem;}
    .section02 .wrap h6{font-size: 2rem;}
    .page6 h3{font-size: 1.8rem; font-weight: 600;line-height: 150%;}
    .page5 .item .txt2 h3{font-size: 2rem;}
    .page5 .item .txt2 h4{font-size: 1.6rem;}
    .page5 .wrap{margin-top: 6rem;}
    .intro .i_text h6, .intro2 .i_text2 h6{font-size: 1.8rem;margin-bottom: 1rem;}
    .intro .i_text h2, .intro2 .i_text2 h2{font-size: 3rem;}
    .page3 .width>h4{font-size: 2.8rem;margin-bottom: 3.2rem;text-align: center;}
    .page3 .width .item .img img{width: 4rem;}
    .page3 .width .item .img{padding: 1.5rem;}
    .page3 .width .item h6{font-size: 1.6rem;}
    .page3 .contents, .page3 .wrap{padding: 4.8rem 0;}
    .section02 .wrap h5{font-size: 1.4rem; padding: 2px 1rem;}
    #bo_list_total{font-size: 1.4rem;}
    #bo_list_total span{font-size: 1.6rem;}
    .page6{margin-bottom: 4.8rem;padding-bottom: 4.8rem;}
    .section02{padding: 4.8rem 0;}
    .page5 .wrap{gap: 2.8rem;}
    .page3 .width .items{gap: 12px;}
}
@media screen and (max-width:650px) {
    .lnb ul a{padding: 7px 10px;}
    .lnb li.active a{font-size: 1.4rem;}
    .page1 .txt_contents p br{display: none;}
    .page1 .txt_contents p{word-break: keep-all;}
    .page1 .txt_contents{padding-right: 5%;}
    .page1 .img_bg{border-radius: 20px 0 0 20px;}
    .page1 .img{top: 35%;}
    .history_wrap ul li b{width:45px ;}
    .page2 .item{padding:6rem 2rem; border-radius: 20px;}
    .bo_v_topcon{margin-bottom: 0;}
    .bo_sch .sch_input{width: 150px;}
    /* .page5 .item .txt2{width: 50%;} */
    .page5 .item .map_contents{width:100%;max-width: 100%;height: 35rem;}
    .page5 .item{justify-content: center;}
    .page5 .item .txt2 h3,.page5 .item .txt2 h4{text-align: center;padding-left: 0;}
    .page5 .item .img{width: 100%;}
    .page5 .item .txt2 h4{margin-bottom: 1.8rem;}
    .page3 .width .item{width: 100%;display: flex; justify-content: start; align-items: center; flex-direction: row;height: 11rem;padding: 2rem 3rem;}
    .page3 .width .item .img{margin-right: 3rem;}
    .page3 .width .items{flex-wrap: wrap;}
    .intro .i_text h2, .intro2 .i_text2 h2{font-size: 2.2rem;}
    .section02 .wrap .txt{flex-direction: column;}
    .section02 .wrap ul{margin-top: 0;}
    .section02 .wrap .txt{gap: 2rem;}
    .page1 .txt_title{margin-bottom: 2rem;}
    .section02 .wrap .txt>div{align-items: start;gap: 5px;}
    .img_transform img,.img_transform2 img {display: none;}
    .trans_img{border-radius: 0;transform: scale(1);}
    .intro,.intro2{height: 720px;}
    .intro .i_text h6, .intro2 .i_text2 h6{font-size: 14px; font-weight: 700;margin-bottom: 2rem;}
    .intro .i_text h2, .intro2 .i_text2 h2{font-size: 2.8rem; font-weight: 700; line-height: 135%; }
    .br_650{display: block;}
    .intro{background: url(../img/p3-1_m.png) no-repeat center/cover; }
    .intro2{background: url(../img/p3-2_m.png) no-repeat center/cover; }
    .page5 .wrap{width: 94%; margin: 0 auto;}
    .page5 .item{gap: 1.2rem;}
    .page5 .item .txt2 h3{padding-bottom:  4px;}
    .page5 .item .txt2 h4{font-size: 14px; font-weight: 400;}

}
@media screen and (max-width:500px) {
    .theme_visual .text{text-align: center;}
    .tab-container{right: auto; left: 50%; transform: translateX(-50%);width: 90%;}
    .theme_visual .text p { width: 90%;margin: 0 auto; word-break: keep-all;margin-top: 2rem;}
    .theme_visual .text p br{display: none}
    .section .icon{flex-wrap: wrap;}
    .section .icon a {max-width: 100%; width: 33.3%; border-bottom:1px solid #e5e5ec;}
    #ft .adm_btn{display: none;}
    .section .icon a .img{margin-bottom: 0;}
    .section .icon a .plus{margin-top: 0;}

    /*.page1 .img_bg{height: 10rem;}*/
    /*.page1 .img_bg img{width: 12rem;}*/
    .page1 .img{width: 75%;}
    .page2 .img .txt h3{font-size: 2.6rem;}
    .page2 .img .txt img{width: 3rem;}
    .br_500{display: block;}
    .history_left h2, .history_right h2{font-size: 2.4rem;}
    .history_left::after, .history_right::after{top: 11px;}
    #formmail-write .file_wrap input[type=text]{width: 100%;margin-left: 9rem;}
    .file_btn{padding: 1.2rem 1rem;font-size: 1.6rem; }
    .file_btn_plus{padding: 1.2rem 1rem;}
         .tablet_img{display: none;}
    .pc_img{display: none;}
    .mob_img{display: block;}
    .page6 h3 br{display: none;}
    .page6 h3{width: 100%; margin: 0 auto;word-break: keep-all;margin-bottom: 5rem;}
    .page3 .width .item .img{margin-right: 0rem;}
    .page3 .width .item{padding: 2rem;flex-direction: column; align-items: center;justify-content: center;height: auto;}
    .page3 .width .item h6{text-align: center;width: 100%;}
    .page3 .width .item .img img{width: 45px;}
    .page3 .width .item .img{padding: 1.75rem;}
    .theme_visual .text h2{margin-top: -17rem;}
    .theme_visual{height: 600px;}
    /* .lnb_wrap{padding: 1.7rem 5px;} */
    .lnb .lnb_map > li{padding:0 7px;}
    .theme_visual{background: url(../img/main_m.png)no-repeat;background-size: cover;}
    .theme_visual .text h2{font-size: 2.4rem; font-weight: 700;}
    .theme_visual .text p{font-size: 15px;line-height: 146%;font-weight: 600;}
    .br_500{display: block !important;}
    .section .text_wrap{width: 100%; height: 130px;max-width: 100%; justify-content: start;}
    .section .text{padding: 0 2rem;}
    .section .text h3{font-size: 13px; font-weight: 700;font-family: 'BitgoeulGwangju';opacity: 0.8; margin-bottom: 4px;}
    .section .text h2{font-size: 2rem; font-weight: 3rem;}
    .section .icon a{width: 100%;display: flex; justify-content: start; align-items: center;padding: 0 2rem;height: 77px;position: relative;gap:2.8rem ;}
    .icon_m{display: block;}
    .section .icon a:hover .icon_c{display: none;}
    .section .icon a .icon_c{display: none;}
    .section .icon a>img{position: absolute; top: 50%; right: 2rem; transform: translateY(-50%);}
    .section .icon a:hover .plus{transform: rotate(0);transform: translateY(-50%);}
    .section .icon a .img img{width: 48px;}
    .section .icon a .txt{display: flex;flex-direction: column; justify-content: start; align-items: start;}
    .section .icon a h6{font-size: 12px; font-weight: 600;color: #999;}
    .section02 .wrap ul li{font-size: 13px;}
    .page5 .item .map_contents{height: 30rem;}
    .section02 .wrap .hover{padding: 12px;}
    .section02 .wrap .txt{bottom: 20px; left: 12px;}
    .section .icon a:last-child{border-bottom: none;}
    .page3 .width .item h6{font-size: 1.4rem; color: #505050;font-weight: 500;}

    .ft_menu .mban li a img{width: 170px;}
}

.profile_info{display: flex !important}
.profile_info .profile_info_day li:last-child{display: none;}