@charset "utf-8";

/* commmon */
.layout_wrapper,.wp1,.wp2,.wp3,.wp4,.wp5,.wp6{visibility: hidden;}
.fadeInUp,.fadeInLeft,.fadeInRight{visibility: visible;}

/* visualWrap */
#visualWrap {overflow:hidden;position:relative;height:39vw;}
#visualWrap .slide {height:40vw;text-align:center;}
#visualWrap .slide .layout_wrapper {margin-top: 38vh;text-align: center;}
#visualWrap .slide2 .layout_wrapper{margin-top: 27vh;}
#visualWrap .slide .tit {display:block;font-size:80px;font-weight:500;color:#1c2b08;}
#visualWrap .slide2 .tit{color: #fff;font-weight: 500;line-height: 108px;}
#visualWrap .slide .dsc {display:block;font-size:26px;color:#4e583f;font-weight: 300;}
#visualWrap .slide .dsc.for_mobile{display: none;}
/*#visualWrap .slide1 {background:url(/img/visual_01.png) no-repeat center top;background-size: cover;}*/
/*#visualWrap .slide2 {background:url(/img/visual_03_1.png) no-repeat center top;background-size: cover;}*/
#visualWrap .slide0 {background:url(/img/git_bg0420.jpg) no-repeat center center;background-size: 100%;}
#visualWrap .slide1 {background:url(/img/banner_3.png) no-repeat center center;background-size: 100%;}
#visualWrap .slide2 {background:url(/img/banner_2.png) no-repeat center center;background-size: 100%;}
#visualWrap .slide3 {background:url(/img/banner_1.png) no-repeat center center;background-size: 100%;}
/*#visualWrap .slide3 {background:url(/img/visual_221103_01.png) no-repeat center center;background-size: 100%;}*/
#visualWrap .slide4 {background:url(/img/visual_221128_01.png) no-repeat center center;background-size: 100%;}
#visualWrap .slide5 {background:url(/img/visual_231004_01.jpg) no-repeat center center;background-size: 100%;}

#visualWrap ul.pager {display:block;position:absolute;bottom:40px;right:50%;z-index:100;padding:0;list-style:none;margin-right:-23px;}
#visualWrap ul.pager:after {display:block;content:"";clear:both;}
#visualWrap ul.pager li {display:block;float:left;margin-left:15px;}
#visualWrap ul.pager li:first-child {margin:0;}
#visualWrap ul.pager li a {display:block;width:15px;height:15px;background-color: #fff;border-radius: 10px;text-indent: -9999px}
#visualWrap ul.pager li a.active{background-color: #3ba237}
.controls_wrap span{display:block;position:absolute;top:50%;width:90px;height:90px;margin-top:-45px;z-index:80;background:url(/img/arr_visual.png) no-repeat;background-position: 0 0;text-indent: -9999px;}
.controls_wrap span.btn_prev{left:68px;}
.controls_wrap span.btn_next{right:68px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.controls_wrap span:hover{background-position:-104px 0}
.controls_wrap a{display:block;width:90px;height:90px;}

@media only screen and (max-width: 1150px) {
    #visualWrap .slide .tit{font-size: 65px;}
    #visualWrap .slide2 .tit{line-height: 80px;}
    #visualWrap .slide2 .layout_wrapper{margin-top: 33vh;}
    #visualWrap .slide .dsc{font-size: 24px}
}

@media only screen and (max-width: 991px) {
    #visualWrap .slide .dsc.for_mobile{display: block;}
    #visualWrap .slide .dsc.for_pc{display: none;}
  #visualWrap .slide .layout_wrapper {padding:0 10px;margin-top:35vh;text-align: center;}
  #visualWrap .slide .tit{font-size: 36px;margin-bottom: 10px;}
  #visualWrap .slide .dsc{font-size: 20px;}
    /*#visualWrap .slide .dsc br{display: none;}*/

  #visualWrap .slide2 .tit{line-height: 50px;}
  #visualWrap .slide1 .layout_wrapper{margin-top: 40vh;}
}

@media only screen and (max-width: 450px) {
    #visualWrap .slide .layout_wrapper {padding:0 10px;margin-top:36vh;text-align: center;}
    #visualWrap .slide .tit{font-size: 32px;margin-bottom: 10px;}
    #visualWrap .slide .dsc{font-size: 17px}
    #visualWrap .slide1 .layout_wrapper{margin-top: 40vh;}
}

/* introduce */
#introduce {background-color: #fff}
#introduce .inner_wrap{padding: 80px 0 70px;}
#introduce .title_comm{margin-bottom: 32px;}
#introduce .intro_txt{float:left;width:100%;font-size: 17px;color:#444;box-sizing: border-box;display: flex; justify-content: space-around;margin-top: 50px;}
#introduce .intro_txt p{margin:0 0 30px 0;line-height: 1.6;}
#introduce .intro_list{margin:0 0 3px 0;font-size: 15px;color:#282828;}
#introduce .intro_list_txt{margin:0 0 0 34px}
#introduce .intro_sub_txt span{float:left;display: inline-block;width:25px;height:25px;margin:0 8px 0 0 ;border-radius: 50%;color:#fff;background-color: #3ba237;text-align: center;line-height: 25px;}
#introduce .intro_img{float: left;width: 100%;display: flex;justify-content: space-around}
#introduce .intro_img img{width:auto;max-width: 230px;height: 100%;max-height: 240px;}
#introduce .intro_txt .list_wrap{width: 100%;max-width: 990px;display: flex; justify-content: space-between}
#introduce .intro_txt .title{color: #fff;font-size: 18px;text-align: center;height:32px;width: 190px; border-radius: 17px;background-color: #3ba237;font-weight: 600;line-height: 32px;margin-bottom: 5px;}
#introduce .intro_txt .list .li{color: #666666; font-weight: 300; font-size: 18px;padding-top: 8px;position: relative;padding-left: 10px;}
#introduce .intro_txt .list .li:before{position: absolute; width: 6px; height: 6px; background-color: #8bc453;border-radius: 50%;content: '';margin-top: 10px;margin-left: -10px;}
@media only screen and (max-width: 991px) {
    #introduce .intro_txt .list_wrap{display: block; float: left;text-align: center;}
    #introduce .intro_txt .list .li{font-size: 14px;}
  #introduce .intro_txt{float:none;width:100%;font-size: 14px;max-width: 550px; margin: 50px auto 0}
  #introduce .intro_img{float:none;width:100%;max-width: 100%}
  #introduce .intro_txt .list_wrap > div .title{margin: 0 auto;}
  #introduce .intro_txt .list_wrap > div:first-child, #introduce .intro_txt .list_wrap > div:nth-of-type(2){padding-bottom: 30px;}
    #introduce .intro_txt .list .li:before{margin-top: 7px;}
}

@media only screen and (max-width: 650px) {
    #introduce .intro_txt .list_wrap {text-align: center;}
    #introduce .intro_txt .list_wrap .title{margin: 0 auto 5px;}
    #introduce .intro_txt .list_wrap > div {width: 100%;}
}


/* time*/
#time{background-color: #f3f3f3}
#time .inner_wrap{padding: 60px 0 90px;}
#time .title_comm{margin-bottom: 45px;}
#time .items{display: flex;justify-content: space-between;text-align:center;max-width: 1000px;margin: 0 auto;}
#time .item .text{min-height:78px;color: #666;font-weight: 300;font-size: 23px;text-align: center;letter-spacing: -1px;padding-top: 10px;}
#time .item .text strong{color: #333;font-weight: bold;}
#time .item .text span{color: #3ba237; font-weight: bold;}
#time .items .item .img img{max-width: 180px;}
@media only screen and (max-width: 991px) {
    #time .item .text{min-height:58px;font-size: 16px;}
    #time .items .item .img{text-align: center;}
    #time .items .item .img img{display: inline-block;width: 90%;}
}
@media only screen and (max-width: 600px) {
    #time .items{display: block;}
    #time .items .item{width: 50%;float: left;}
    #time .items .item:nth-of-type(n+3){padding-top: 40px;}
    #time .item .text{min-height:61px;font-size:17px;}
}

@media only screen and (max-width: 320px) {
    #time .item .text{height:54px;font-size:15px;}
}

/*introduce2*/
#introduce2{background-color: #f6faf2;}
#introduce2 .intro_wrap{display: flex;align-items: center;max-width: 1000px; margin: 0 auto;}
#introduce2 .intro_wrap2{display: flex;align-items: center;max-width: 1000px; margin: 0 auto; justify-content: space-between;}
#introduce2 .for_mobile{display: none;}
#introduce2 .intro_txt{float:left;width:50.5%;font-size: 18px;color:#666;box-sizing: border-box;font-weight: 300;}
#introduce2 .intro_txt p{margin:0 0 30px 0;line-height: 1.6;}
#introduce2 .intro_txt p:last-child{margin: 0 0 10px 0;}
#introduce2 .intro_txt p span{font-size: 30px; color: #3ba237;font-weight: bold;}
#introduce2 .intro_list{margin:0 0 3px 0;font-size: 15px;color:#282828;}
#introduce2 .intro_list_txt{margin:0 0 0 34px}
#introduce2 .intro_sub_txt span{float:left;display: inline-block;width:25px;height:25px;margin:0 8px 0 0 ;border-radius: 50%;color:#fff;background-color: #3ba237;text-align: center;line-height: 25px;}
#introduce2 .intro_img{float: right;width: 48.5%;display: flex;justify-content: space-around}
#introduce2 .intro_img2{float: right;width: 48.5%;display: flex;justify-content: space-around}
#introduce2 .intro_img img{width:100%;height: 100%;}
#introduce2 .temp-area {
    height: 60px;
}
#introduce2 .desc_comm{font-weight: 400;}
@media only screen and (max-width: 991px) {
    #introduce2 .for_mobile{display: block}
    #introduce2 .for_pc{display: none;}
    #introduce2 .intro_wrap{display: block;}
    #introduce2 .intro_sub_txt li{font-size: 14px;}
    #introduce2 .intro_txt{float:none;width:100%;font-size: 14px;margin-top: 20px;}
    #introduce2 .intro_img{float:none;width:100%;max-width: 100%;height: auto;}
    #introduce2 .intro_txt p span{font-size: 20px;}
}

#video{background-color: #fff;}

/* galleryA */
.gallery {background-color: #fff;}

.gallery .titie_comm:hover{opacity: .7}
.gallery .sp_wrap{position:relative;text-align: center;}
.gallery .sp_wrap a{display: block;}
.gallery .sp_img{overflow: hidden;}
.gallery .sp_wrap img{width:100%;transition: all 1s}
.gallery .sp_wrap img:hover{transform: scale(1.02);}
.gallery .sp_wrap p{overflow: hidden;margin:13px 0 0 0;font-size: 24px ;color:#333;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;}
.gallery .sp_wrap p:hover{color: #3ba237;}
.gallery .sp_wrap span{display: inline-block;font-size: 18px;color:#666;}
.gallery .btn_swiper{width:42px;height:75px;margin-top:-70px;background:url('/img/arr_ga.png') no-repeat;background-position: 0 0;}
.gallery .btn_swiper:hover{background-position: -47px 0;}
.gallery .swiper-button-next, .gallery .swiper-button-next2{transform: rotate(180deg);right:-80px;}
.gallery .swiper-button-prev, .gallery .swiper-button-prev2{left:-80px;}
.gallery .more_btn{text-align: center;margin-top: 55px;}
.gallery .more_btn a{display: inline-block; width: 180px; height: 60px; background-color: #2c57a6; color: white;font-weight: 500; font-size: 20px;border-radius: 30px;line-height: 60px;}
.gallery .more_btn a:hover{background-color: #5688cd}
@media only screen and (max-width: 991px) {
  .gallery .sp_wrap p{margin:12px 0 0 0 ;font-size: 13px;}
  .gallery .sp_wrap span{font-size: 13px;}
  .gallery .more_btn a{width: 140px; height: 45px; font-size: 18px; line-height: 45px;border-radius: 40px;}
  #introduce2 .intro_wrap2{display: flex;align-items: center;max-width: 1000px; margin: 0 auto; justify-content: space-between; flex-direction: column;}

}

/* boardA */
#boardA {background-color: #f8f8f8}
#boardA .tbl_bod{float:left;width:48%;margin:0 3.35% 0 0;font-size: 18px;color:#282828;}
#boardA .tbl_bod:last-child{margin:0}
#boardA .tbl_bod h4{display:inline-block;font-size:26px;vertical-align: bottom;color: #222222;font-weight: 600;}
#boardA .tbl_bod h4 a:hover{opacity: .7}
#boardA .tbl_bod>span{display:inline-block;margin: 0 12px 20px 0 ;}
#boardA .tbl_bod .bu_notice{width:32px;}
#boardA .tbl_bod .bu_data{width:42px;}
#boardA .tbl_bod .bu_video{width:39px;}
#boardA .tbl_bod span img{width:100%;}
#boardA .tbl_bod table{width:100%;    table-layout: fixed;}
#boardA .tbl_bod thead th{width:30%;padding:12px 0;border-top: 2px solid #404040;background-color:#e9e9e9;}
#boardA .tbl_bod thead th:first-child{width:70%;border-right: 1px solid #d9d9d9}
#boardA .tbl_bod tr:last-child td{border-bottom: 1px solid #d9d9d9}
#boardA .tbl_bod td{padding:12px 20px;border-top:1px solid #d9d9d9;background: #fff;}
#boardA .tbl_bod td:first-child{word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-right: 1px solid #f4f4f4}
#boardA .tbl_bod td:last-child{color:#666666;text-align:center;font-weight: 400;font-family: "Roboto";}
/* #boardA .tbl_bod td a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} */
#boardA .tbl_bod td:first-child:hover,#boardA .tbl_bod td:first-child:hover a{color:#3ba237}
#boardA .tbl_bod .right{float: right;}
#boardA .tbl_bod .more_btn a{display: flex;width: 40px; height: 40px;background-color: #2c57a6;border-radius: 50%;justify-content: space-around;align-items: center;margin-bottom: 16px;}
#boardA .tbl_bod .more_btn a:hover{background-color: #5688cd}

@media only screen and (max-width: 991px) {
  #boardA .tbl_bod{float:none;width:100%;font-size: 14px;}
  #boardA .tbl_bod:last-child{margin:40px 0 0 0;}
  #boardA .tbl_bod h4{font-size: 20px;margin:4px 0 0 0;}
  #boardA .tbl_bod span{margin:0 6px 4px 0;}
  #boardA .tbl_bod .bu_notice{width:24px;}
  #boardA .tbl_bod .bu_data{width:34px;}
  #boardA .tbl_bod .bu_video{width:30px;}
  #boardA .tbl_bod td{padding:12px 10px;}
}

/* mapWrap */
#mapWrap {background-color: #f8f8f8}
#mapWrap #daumRoughmapContainer1595569972175{height:440px; border: 1px solid #d6d6d6;}
.root_daum_roughmap .wrap_map{height:440px !important;}
#mapWrap .map_item_wrap{display: flex;justify-content: space-between;max-width: 900px;margin: 0 auto;}
#mapWrap .map_item_wrap .map_item{float:left;margin:25px 0 0 0;}
#mapWrap .map_item_wrap .map_item:last-child{margin: 25px 0 0 76px;}
#mapWrap .map_item>span{float:left;width:70px;}
#mapWrap .map_item>span img{width:100%}
#mapWrap .map_item p{float:left;padding:21px 0 0 8px;color:#666;font-size: 18px;font-weight: 300;letter-spacing: -0.4px;}
#mapWrap .map_item p span{color:#676767;font-weight:500;}
#mapWrap .map_item:last-child p{padding:9px 0 0 8px;}
#mapWrap .map_item p .map_emph{color:#ff6c00;font-weight: 400;}
#mapWrap .map_item strong{margin:0 10px 0 0;}
/*@media only screen and (max-width: 1370px){*/
/*  #mapWrap .map_item>span{width:45px;}*/
/*  #mapWrap .map_item p{width:80%;padding:2px 0 0 13px;font-size: 14px; }*/
/*}*/
@media only screen and (max-width: 991px) {
  #mapWrap #daumRoughmapContainer1595569972175{height:240px;}
  .root_daum_roughmap .wrap_map{height:240px !important;}
  #mapWrap .map_item_wrap{display: block; max-width: 100%;}
  #mapWrap .map_item_wrap .map_item{float:none;width:100%;}
    #mapWrap .map_item_wrap .map_item:last-child{margin: 25px 0 0 0;}
  #mapWrap .map_item>span{width:35px;margin:3px 0 0 0;}
  /*#mapWrap .map_item:last-child > span{margin: 7px 0 0 0;}*/
  #mapWrap .map_item p,#mapWrap .map_item:last-child p{padding:0 0 0 14px;font-size: 14px;}
  #mapWrap .map_item:first-child p{padding: 8px 0 0 14px;}
}

@media only screen and (max-width: 430px) {
    #mapWrap .map_item p,#mapWrap .map_item:last-child p{font-size: 13px; letter-spacing: -0.3px;}
}