@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KCCEunyoung/KCCEunyoung.css');
@font-face {
  font-family: 'RiaSans-ExtraBold';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
/* 여러 감추기 및 보이기*/
#tnb, #hd_wrapper, #gnb .gnb_mnal, #gnb ul:after, .gnb_1dli .bg, .ctt_admin,
.gnb_1dli_over .gnb_2dul, #gnb_all h2, .fa.fa-times, #gnb_all .gnb_al_li .gnb_al_a,#gnb .gnb_close_btn,
.mb_log_cate{display: none;}
a{cursor: pointer;}

/* 로딩 화면 스타일 */
#loading {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: white;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 100000; /* 다른 요소 위에 표시되도록 z-index 설정 */
 }
 #loading img{width:100px}
 
 /* 페이지 로드 후 숨겨질 때의 스타일 */
 #loading.hidden {
     display: none;
 }

/* 헤드 */
.logo-wr{display: inline-block;}
.logo-wr img{width: 117px;}
#gnb #gnb_1dul{font-size: 1.6rem; display: flex; justify-content: space-between; align-items: center; width: 1200px; z-index: 1000;  height: 80px; padding-left: 20px; }
#gnb_all{ z-index: 999; top:80px; justify-content: center; transform: translateY(-30px); transition: 0.3s all; opacity: 0; /*visibility: hidden;*/ color:#000;  border: none; background-color: #fff;}
#gnb_all.visible{display: flex; justify-content: center; top:80px; transform: translate(0px); transition: 0.3s all; opacity: 1; visibility: visible;}
.gnb_1dli .gnb_1da{padding: 0 32px; color:#000;}
#gnb_all .gnb_al_ul{display: flex; justify-content: end; width: 1200px;}
#gnb_all .gnb_al_li{padding: 5px 0; text-align: center; border-left:none; }
#gnb .gnb_wrap{display: flex; justify-content: center; background-color:#fff;}
#hd{position: fixed; width: 100%; z-index: 10000; font-size: 1.3rem;}
#wrapper{top: 55px;}
.mobile-wr{display: none;}
#gnb{ background-color: transparent;}




/* 모바일 헤드 */
@media screen and (max-width:1050px) { 
.pc-wr{display: none;}
.mobile-wr{display: block;}
.bar1, .bar2, .bar3 {width: 100%;height: 3px;background-color: #C0C0C0;margin: 5px 0;transition: 0.4s;}
#gnb_open {position:absolute;top:18px;right:10px;padding:0 10px;height:40px;width:40px;border:0;background-size:70%;color:#fff;background:none;font-size:2em}
.hd_opener.active .bar1 {transform: rotate(-45deg) translate(-5px, 6px);}
.hd_opener.active .bar2 {opacity: 0;}  
.hd_opener.active .bar3 {transform: rotate(45deg) translate(-5px, -6px);}
#gnb_all .gnb_al_li .gnb_al_a{display: flex;}
.gnb_al_li-wr{display: flex; flex-direction: column; width: 100%;}
#gnb_all{width: 75%; height: calc(100vh - 55px); transform: translateX(-30px); padding: 20px; background-color: #eee; }
#gnb_all .gnb_al_ul{background-color: #fff;}
#gnb_all .gnb_al_a{justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #eee; font-weight: 700; font-size: 1.4em;}
#gnb_all .gnb_al_a img{transform: rotate(0deg); transition: 0.2s all;}
#gnb_all .gnb_al_a.active img{transform: rotate(180deg); transition: 0.2s all;}
#gnb .gnb_wrap {justify-content: flex-start;}
#gnb_all .gnb_al_ul2{display: none; padding: 5px; border-bottom:1px solid #eee; background-color: #f5f5f5;}
#gnb_all .gnb_al_ul2 li a{padding: 15px; width: 100%; height: 100%; display: block; font-size: 1.3em;}
#gnb_all .gnb_al_ul2.active{display: block;}
#gnb_all .gnb_al_li{width: 100%; min-height: auto; padding: 0; text-align: left;}
#gnb .gnb_close_btn{display: none;}
}

/* 상단 배너 */
.topBanner{width: 100%; position: relative;}
.topBanner img{width: 100%; position: relative; z-index: 0;}
.bannerText{ width: 100%; height: 100%; position: absolute; display: flex; display:none; justify-content: center; font-size: 3em; font-weight: 700;
     align-items: center; z-index: 1; text-align: center;}
.button-wr{display: flex; position: absolute; bottom:0; width: 100%; align-items: center; justify-content: center;
     background-color: #ffffffcc;  z-index: 2; flex-wrap: wrap;}
.button{height: 40px;  display: flex; align-items: center; font-size: 1.5em; transition: 0.2s all; color:#404040;}
.button:hover, .button.active{color: #4F8D18; transition: 0.2s all;}
.button div{height: 70%; padding: 0 30px; display: flex; align-items: center;}
.button-wr .bar2{width:1px; background-color: #000; height: 25px; margin: 0 10px;}
.topBanner .bar {position: absolute;transition: all 0.3s ease;height: 3px; bottom:-1px; background: #6DB130; /* 모바일 배너쪽도 같이 수정해야함*/ z-index: 3;}


/* 모바일 배너 */
@media screen and (max-width:1050px) {
.topBanner{height: 250px; display: flex; justify-content: center; overflow: hidden;}
.topBanner img{width: auto; height: 100%;}
.topBanner .bar{display: none;}
.button:hover, .button.active{border-bottom: 3px solid #6DB130; transition: none;}
.button-wr .button div{
  padding:0 10px;
}
}







/* 게시판 스킨 */
.bo_sch_wrap{display: block; position: relative;}
.bo_sch{position: relative; margin:0}
#bo_list_total, .bo_sch_cls, .bo_sch h3, .btn_bo_sch{display: none;}
.bo_sch form{padding: 0; display: flex; gap:9.5px; justify-content: flex-end;}
.bo_sch select{height:auto;}
.btn_bo_user{margin:0; display: flex;}
.bo_sch .sch_bar{margin:0; display: flex; border: 0px; border-radius: 0; width: auto;}
.bo_sch .sch_input{width: 180px; border: 1px solid #AAAAAA; border-radius: 5px;}
.bo_sch_bg{background: transparent; display: none;}

#sfl{width:108px; border: 1px solid #AAAAAA; border-radius: 5px;}
.bo_sch .sch_btn{font-size: 28px;}
.bo_sch{width: auto;}
.td_num2{width:150px; text-align: center;}
.tbl_head01 thead th, .tbl_head01 thead th a{color:#AAAAAA;}

.tbl_head01 thead th{padding: 17px 0;}
.tbl_wrap table thead{border-bottom: 1px solid #707070; color: #fff; font-size: 20px; }
#bo_list .tbl_wrap table tbody{font-size: 20px; color: #333333; font-weight: 500;}
#bo_list .td_num2{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_subject{width: auto; padding: 30px 0 30px 30px; }
#bo_list .td_subject .bo_tit{color: #333333; font-weight: 500;}
#bo_list .td_name{width: 10%; padding: 17px 0; text-align: center;color: #333333; font-weight: 500;}
#bo_list .td_datetime{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_blank{width: 10%;}
#bo_list tbody .even td{background-color: transparent;}
#bo_list tbody .even:hover td{background-color: transparent;}
#bo_list tbody tr{border-left:none ;}
.tbl_wrap table{border-top:1px solid #707070; }
#bo_list .pg_wrap{float:none;}
.tbl_head01 thead th{border: none;}

.tbl_head01 td{border-top: none;; border-bottom: 1px solid #707070; font-size: 18px; font-weight: 500;}
.tbl_head01 td a{font-weight: 500;}
#bo_w, #bo_v{width: 100%; margin-top:100px;}

.pg_wrapper{width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row;margin: 50px 0;}
.pg_wrap{display: flex;flex-direction: row;}
.pg{display: flex;flex-direction: row; align-items: center; justify-content: center; gap:30px}
.pg_page{display: flex; align-items: center; justify-content: center; border: none; 
  background-color: transparent;padding: 0px; font-size: 16px;line-height: 28px;font-weight: 500;min-width: 15px;
  transition: 0.2s color;border-radius: 0px;}

.pg_page:hover{color:#484F4B;border-bottom:2px solid #484F4B ;transition: 0.2s color;}
.pg_page.pg_next:hover{border-bottom:none; transform: translateX(2px); transition: 0.2s all;}
.pg_page.pg_next_disabled:hover{border-bottom:none;}
.pg_page.pg_next_disabled .arrow-button{cursor: default; }
.pg_page.pg_next_disabled .arrow-button::before,
.pg_page.pg_next_disabled .arrow-button::after{background-color: #959595;}
.pg_page.pg_prev:hover{border-bottom:none; transform: translateX(-2px); transition: 0.2s all;}
.pg_page.pg_prev_disabled:hover{border-bottom:none;}
.pg_page.pg_prev_disabled .arrow-button{cursor: default; }
.pg_page.pg_prev_disabled .arrow-button::before,
.pg_page.pg_prev_disabled .arrow-button::after{background-color: #959595;}
.pg_current{display: flex;flex-direction: row; align-items: center; justify-content: center;
  color:#484F4B;background-color: transparent;border: none;padding: 0 10px;
  font-size: 16px; line-height: 28px; cursor: default; font-weight: 500; 
  border-bottom:2px solid #484F4B ; border-radius: 0px; padding: 0; min-width: 15px;}




/* 애니메이팅 */
.act{opacity: 0; transform: translateY(30px); transition: 0.5s all;}
.act.visible{opacity: 1; transform: translateY(0);}
.actl{opacity: 0; transform: translateX(30px); transition: 0.5s all;}
.actl.visible{opacity: 1; transform: translateX(0);}
.actr{opacity: 0; transform: translateX(-30px); transition: 0.5s all;}
.actr.visible{opacity: 1; transform: translateX(0);}
.actt{opacity: 0; transform: translateY(-30px); transition: 0.5s all;}
.actt.visible{opacity: 1; transform: translateY(0);}
.big{opacity: 0; transform: scale(2.0); transition: 0.5s all;}
.big.visible{opacity: 1; transform: scale(1);}


.s1{transition-delay: 0.1s;}
.s2{transition-delay: 0.2s;}
.s3{transition-delay: 0.3s;}
.s4{transition-delay: 0.4s;}
.s5{transition-delay: 0.5s;}
.s6{transition-delay: 0.6s;}
.s7{transition-delay: 0.7s;}
.s8{transition-delay: 0.8s;}
.s9{transition-delay: 0.9s;}
.s10{transition-delay: 1.0s;}
.s11{transition-delay: 1.1s;}



/* 메인 슬라이드 */

.slider-wr{width: 100%; max-height: 800px; height:100%; overflow: hidden; position:relative; top:0; left: 0; display: flex; justify-content: center; flex-wrap:wrap ;}
.main-slider{width: 100%;}
.slick-initialized .slick-slide{display: flex; justify-content: center; overflow: hidden;}
.main-slider img{width:100%; height: 100%; object-fit: cover; }
.main-slider .slick-dots{ position:absolute; z-index: 21; bottom: 30px; list-style: none; display: flex; justify-content: center; align-items: center; padding: 0;}
.main-slider .slick-dots li{margin: 0 5px; display:flex; justify-content: center; align-items: center;}
.main-slider .slick-dots li button { border-radius: 100%; width:5px; height:5px;  border:1px solid #fff;}
.main-slider .slick-dots li.slick-active button{border: 1px solid #6DB130;}
.main-slider .slick-arrow {display: none !important;}
.main-slider .slick-prev{
  color:#427216; z-index: 21; left:40px;
}
.slick-dots li.slick-active button {background-color: #6DB130;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom: 0!important;}
#pauseButton {position: absolute;cursor: pointer; width: 13.2px; height: 13.2px; background-color: transparent; z-index: 21;bottom:20px; display: none;justify-content: space-between;}
#pauseButton.paused{width: 0; height: 0; border-top: 6.7px solid transparent; border-bottom: 6.7px solid transparent; border-left: 10.2px solid #fff}
#pauseButton div{background-color:#fff;width: 33%;height:100%;}
.slide-wr .text-wr .main_txt{
  display: flex; flex-direction: column; gap:26px;
}
.main-slider .mo_slide{
  display:none;
}
.main-slider img{
  object-fit: cover;
}

.green{ color:#52ab01;}
.slider-wr .text-wr{ display: flex; flex-direction: column;color:#000; gap:40px; max-width: 1200px; position: absolute; z-index:2; font-weight:600; left:25%; transform: translateX(-50%); bottom:20%; z-index:999;}
.slider-wr .text-wr .main_txt{ pointer-events: none;
    font-size:4rem;
  }
.slider-wr .text-wr p{ pointer-events: none;
  font-size:1.8rem;
}
.line2{
  width:2px; height:50px; background-color: #fff;
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1000px){
  .main-slider div img {
    display:none;
  }
  .main-slider .mo_slide{
    display:block; width:100%; object-fit: cover;
  }  
  .slider-wr .text-wr{
    width:100%; padding:0 10px;
    text-align:center; 
    bottom:13%; left:auto; transform:none; align-items: center; gap:20px;
  }
  .slider-wr .text-wr .main_txt{
    font-size:3rem;
  }
  .main-slider .slick-dots{
    bottom:33%;
  }
}

@media screen and (max-width:800px){
  .main-slider .slick-dots{
    bottom:4%;
  }

}

@media screen and (max-width:470px){

  .slider-wr{ 
    width:100%; height:auto; 
    top:80px; left:0; 
    overflow: hidden;
  }
  .main-slider .slick-dots{
    bottom:2%;
  }

}



/* 푸터 */

#ft{display: flex; justify-content: center; background-color: #404040; font-size:1.4rem;}
#ft_wr{display: flex; width: 1200px; gap: 20px; min-height:100%;}
#ft_wr .left img{width: 100px;}
#ft_wr .right{ color: #fff; font-weight: 300;}

@media screen and (max-width:1050px) {
#ft_wr {flex-direction: column; align-items: center; padding: 30px 20px;}
}



/* 사이드메뉴 */
#ctt_con{max-width: 1200px; width: 100%; margin: 10px auto; display: flex; gap: 30px; }
.ctt_cont{ flex: 1; min-width:0;}
.sidemenu{display: flex; flex-direction: column; gap: 30px; min-width: 235px;}
.sidemenu .top{font-size: 28px; padding-bottom: 10px; font-weight: 700; color: #6DB130;}
.sidemenu .bottom{font-size: 15px; line-height: 1.3; font-weight: 600;}
.sidemenu .bottom .side-li .st0{stroke: transparent; transform: translateX(-2px);fill:transparent;}
.sidemenu .bottom .side-li svg{width: 2px; height: 17px; overflow: visible;}
.sidemenu .bottom .side-li.active .st0, .sidemenu .bottom .side-li:hover .st0{fill:transparent; stroke: #fff; transition: 0.2s all; transform: translateX(0px);}
.sidemenu .bottom .side-li{background-color: #eee; transition: 0.2s all;  }
.sidemenu .bottom .side-li a{padding: 15px; display: block; width: 100%; height: 100%; transition: 0.2s all; display: flex; justify-content: space-between;}
.sidemenu .bottom .side-li.active, .sidemenu .bottom .side-li:hover{background-color: #6DB130; transition: 0.2s all; }
.sidemenu .bottom .side-li.active a, .sidemenu .bottom .side-li:hover a{color:#fff; transition: 0.2s all;}
a, li{list-style: none; list-style-type: none;}

@media screen and (max-width:1200px) {
     .sidemenu{display: none;}
 }



/* 문의 CSS */
.ctt_con_wr{max-width: 1200px; margin: 0 auto; display: flex; gap: 50px; padding:10px; min-height:80vh;}
#bo_w{font-size: 18px;}
#bo_w .write_div .bo_v_option{display: none;}
#bo_w .bo_w_tit #btn_autosave{display: none;}
#bo_w .bo_w_link {display: none;}
#bo_w .bo_w_tit .bo_w_chkbox {font-size: 14px; font-weight: 500; color:#000000}
#bo_w .bo_w_tit .bo_w_chkbox .textarea{padding: 21px 18px 27px 18px}
#bo_w .bo_w_tit .bo_w_chkbox input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
}
#bo_w .bo_w_tit .bo_w_chkbox label{font-size: 18px; font-weight: 700;  display: flex; align-items: center;}
#bo_w .bo_w_tit .bo_w_chkbox .checkmark {
  height: 25px;
  width: 25px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  border: 1px solid #D9D9D9;
}
#bo_w .bo_w_tit .bo_w_chkbox input[type="checkbox"]:checked + .checkmark {
  background-color: #D9D9D9;
}
#bo_w .bo_w_tit .bo_w_chkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#bo_w .bo_w_tit .bo_w_chkbox input[type="checkbox"]:checked + .checkmark:after {
  display: block;
}
#bo_w .bo_w_tit .bo_w_chkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #000000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bo_w_tit .hrline{font-size: 16px; font-weight: 500; color: #666666; text-align: right; border-bottom:2px solid #6DB130; padding: 64px 0 14px 0;}
.bo_w_tit .hrline span{color: #FF0000;}
.write_grid{display: grid; grid-template-columns: 15% 85%; row-gap:40px;margin: 40px 0 30px 0;}
.write_grid .left{font-size: 18px;font-weight: 700; color: #000000; line-height: 38px;padding-left:20px}
.write_grid .left span{color: #FF0000;}
#bo_w .write_div{margin: 0;}
.fileh1{font-size: 18px;font-weight: 700; color: #000000; line-height: 38px;}
.fileh1 span{font-weight: 500;}
.write_grid .left{padding-left:20px}
#bo_w .bo_w_tit .frm_input{padding: 5px; height: 38px; border-radius: 0; background-color: #F2F2F2; border: 1px solid #C1C3C5;}
.write_div textarea{border-radius: 0;  border: 1px solid #C1C3C5;}
.write_div textarea#wr_content{background-color: #F2F2F2;}
#bo_w .bo_w_tit .frm_input.short{width: 50%}
.write_div .right.boxs{display: flex; width:60%; flex-wrap: wrap; column-gap: 11px;}
.write_div .right .checkbox{font-size: 14px; font-weight: 500; display: flex; align-items: center; width: auto; gap:5px}
.write_div .right .checkbox input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
}
.write_div .right .checkbox .checkmark {
  height: 18px;
  width: 18px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
}
.write_div .right .checkbox input[type="checkbox"]:checked + .checkmark {
  background-color: #D9D9D9;
}
.write_div .right .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.write_div .right .checkbox input[type="checkbox"]:checked + .checkmark:after {
  display: block;
}
.write_div .right .checkbox .checkmark:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #666666;
  border-radius: 50%;
}
#bo_w .bo_w_flie .file_wr{border: none; height:auto; padding:0 0 0 20px;}
#bo_w .bo_w_flie .frm_file{padding-left: 0; display: none;}
#bo_w .bo_w_flie .lb_icon{width: auto;}
#file-upload_button {
  /* 사용자 정의 버튼 스타일 */
  background-color: #F2F2F2;
  color: #666666;
  border: 1px solid #C1C3C5;
  border-radius: 13px;
  cursor: pointer;
  padding: 8px 15px;
}
#file-name {
  font-weight: 300;
  color: #666666;
}
#bo_w .btn_confirm.write_div{margin-top: 49px; margin-bottom: 243px; display: flex;
gap:20px; width: 100%; align-items: center; justify-content: center; font-size: 18px;
font-weight: 500;}
#bo_w .btn_confirm.write_div .btn_submit{width: 217px; background-color: #6DB130; padding:13px 0; border-radius: 0; line-height: 18px; height: auto;}
#bo_w .btn_confirm.write_div .btn_cancel{width: 217px; border: 1px solid #C1C3C5; background-color: #fff; color: #333333; font-weight: 500;padding:13px 0; border-radius: 0;line-height: 18px;}
#bo_w .hrline{margin-top: 36px; border-bottom:2px solid #6DB130; }
#bo_w .bo_w_flie {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;}
    #bo_w .write_div:after{display: none;}

.root_daum_roughmap .wrap_map{width: 100%;}
.root_daum_roughmap{width: 100%;}


@media screen and (max-width:1200px) {
  .root_daum_roughmap{padding: 0 20px;}
  .co9{padding: 0 20px;}
  .write_grid{display: flex; flex-direction: column;row-gap: 0px;}
  #bo_w .bo_w_tit .bo_w_chkbox label{font-size: 16px;}
  .bo_w_tit .hrline{font-size: 14px;}
  .write_grid .right{margin-bottom: 20px;}
  .write_grid .right.boxs{width: 100%;}
  #bo_w .bo_w_tit .frm_input.short{width: 100%;}
  .write_grid .left{padding: 0;}
  #bo_w .bo_w_flie{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
  #captcha #captcha_img{width: 50%;}
  #bo_w .bo_w_flie .file_wr{padding: 0;}
  #bo_w .btn_confirm.write_div .btn_submit{height: auto; font-size: 14px;}
  #bo_w .btn_confirm.write_div .btn_cancel{height: auto; font-size: 14px;}
  #fwrite{padding:0 20px ;}

}


/* 인증서부분 */
#gall_ul .gall_li .new_icon{display: none;}

.wrapper .board-wr{width:1280px;}
#bo_gall{ min-height: 80vh;}
#bo_gall .gall_info{display: none;}
#bo_gall .bar2{display: none;}
#bo_gall .gall_img{ position: relative; min-height:300px;}
#bo_gall .gall_img a{width:100%; min-height:300px; }
#bo_gall .gall_img span{height:100%; width: 100%; display: flex; align-items: center; justify-content:  center;}
#bo_gall .gall_img a img{ 
}
#bo_gall .gall_img .overlay{position: absolute; background-color: #00000000; width: 100%; height: 100%; transition: 0.2s all; display: flex; justify-content: center; align-items: center; border: 3px solid transparent;}
#bo_gall .gall_img .overlay img{width: 43px; opacity: 0; transition: 0.2s all;}
#bo_gall .gall_img:hover .overlay{position: absolute; background-color: #00000055; transition: 0.2s all;pointer-events: none;border: 3px solid #2C604F;}
#bo_gall .gall_img:hover .overlay img{ opacity: 1;pointer-events: none;transition: 0.2s all; }
#bo_gall #gall_ul{display: grid; grid-template-columns: repeat(2, 1fr); column-gap:21px;row-gap: 35px;margin-top: 60px; width: 100%;}
#bo_gall #gall_ul.company5{grid-template-columns: repeat(3, 1fr);}
#bo_gall #gall_ul.company5 .gall_li{}
#bo_gall #gall_ul.company5 .gall_img{border: 1px solid #B7B6B6; padding: 10px 20px;}
#bo_gall #gall_ul.company5 .gall_img a{display: flex; align-items: center; justify-content: center;}
#bo_gall #gall_ul.company5 .bo_cate_link{display: none;}
#bo_gall #gall_ul.company5 .gall_text_href{margin-top: 19px;}
#bo_gall #gall_ul.company5 .gall_text_href .bo_tit{font-size: 18px; font-weight: 400; color: #636161; text-align: center;}
#bo_gall #gall_ul.community4{grid-template-columns: repeat(3, 1fr); column-gap: 17px;}
#bo_gall .gall_text_href{margin-top: 20px; }
#bo_gall .gall_text_href .bo_tit{font-size: 20px; line-height: 30px; color: #484F4B;}
#bo_gall .gall_text_href .bo_cnt_wr{font-size: 18px; margin-top: 16px;}


.gall_row .col-gn-4{ width:100%;}


@media screen and (max-width:991px) {
  #bo_gall #gall_ul.company5, #bo_gall #gall_ul.community4{grid-template-columns: repeat(2, 1fr);}
  
}
@media screen and (max-width:450px) {
  #bo_gall #gall_ul.company5, #bo_gall #gall_ul.community4{grid-template-columns: repeat(1, 1fr);}
  
  
}

.btn_bo_user {margin-left: auto;}
#bo_gall .gall_li{padding:0}

.ctt_admin{display: none;}
.con2-wr{width: 100%; display: flex; justify-content: center; align-items: center;  flex-direction: column; font-family: 'pretendard';}
.con1-wr{width: 100%; display: flex; justify-content: center; align-items: center;  flex-direction: column; font-family: 'pretendard';}
.con1-wr .con1{max-width: 1200px; display: flex; justify-content: center; flex-direction: row; gap:30px;}
.con1-wr .con1 .sidemenu{width: 235px;  font-size: 16px;}
.st01{fill:none;stroke:#333333;stroke-width:2;stroke-miterlimit:10;}
.con1-wr .con1 .sidemenu .bannercontent.active svg, .con1-wr .con1 .sidemenu .bannercontent.active2 svg{transform: rotate(180deg);}
.con1-wr .con1 .sidemenu .h1{font-size: 35px; font-weight: 500; color:#242424; line-height: 1.2;letter-spacing: -2.45px;}
.con1-wr .con1 .sidemenu .bar3{width: 100%; margin: 30px 0; border-bottom: 2px solid #2C604F}
.con1-wr .con1 .sidemenu .bar2{width: 100%; border-bottom: 0.5px solid #707070}
.con1-wr .con1 .sidemenu .bannercontent{background-color: transparent; padding: 0; }
.con1-wr .con1 .sidemenu .bannercontent .gnb_2da{color: #333333; padding: 15px 20px; }
.con1-wr .con1 .sidemenu .bannercontent.active .gnb_3da{display: block;}
.con1-wr .con1 .sidemenu .bannercontent .gnb_3li.active, .con1-wr .con1 .sidemenu .bannercontent .gnb_3li:hover{font-weight: 600; background-color: #F2F9FF;}
.con1-wr .con1 .sidemenu .bannercontent .gnb_3da{position: relative; background-color: transparent; 
  border-top: 0.5px solid #707070;  padding: 0;}
.con1-wr .con1 .sidemenu .bannercontent .gnb_3li {font-size: 16px; font-weight: 300; color:#242424; padding:11px 20px;text-align: left;}
.con1-wr .con1 .sidemenu .bannercontent.active .gnb_2da, .con1-wr .con1 .sidemenu .bannercontent.active2 .gnb_2da{background-color: #F0F0F0; color:#2C604F;}


#ctt{ padding:0 10px; margin-top:30px; background: url('../img/me1/2.png') 100% bottom no-repeat;background-attachment: fixed; background-size:50%;}
.con1-wr .con1 #ctt_con{ padding: 0; display: block; }
.con1-wr .con1 #ctt_con .h1, .con1-wr .con1 #bo_gall .h1{font-size: 35px; font-weight: 700; color:#242424; line-height: 1.2;}
.con1-wr .con1 #ctt_con .bar2, .con1-wr .con1 #bo_gall .bar2{width: 100%; border-bottom:2px solid #F0F0F0; margin: 30px 0 ;}
.rotec{display: inline-block;}
.ent{display: inline-block;}
.bo_sch_wrap{display: block; position: relative;}
.bo_sch{position: relative; margin:0}
#bo_list_total, .bo_sch_cls, .bo_sch h3, .btn_bo_sch{display: none;}
.bo_sch form{padding: 0; display: flex; gap:9.5px; justify-content: flex-end;}
.bo_sch select{height:auto;}
.btn_bo_user{margin:0; display: flex;}
.bo_sch .sch_bar{margin:0; display: flex; border: 0px; border-radius: 0; width: auto;}
.bo_sch .sch_input{width: 180px; border: 1px solid #AAAAAA; border-radius: 5px;}
.bo_sch_bg{background: transparent; display: none;}
#sfl{width:108px; border: 1px solid #AAAAAA; border-radius: 5px;}
.bo_sch .sch_btn{font-size: 28px;}
.bo_sch{width: auto;}
.td_num2{width:150px; text-align: center;}
.tbl_head01 thead th, .tbl_head01 thead th a{color:#AAAAAA;}

.tbl_head01 thead th{padding: 17px 0;}
.tbl_wrap table thead{border-bottom: 1px solid #707070; color: #fff; font-size: 20px; }
#bo_list .tbl_wrap table tbody{font-size: 20px; color: #333333; font-weight: 500;}
#bo_list .td_num2{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_subject{width: auto; padding: 30px 0 30px 30px; }
#bo_list .td_subject .bo_tit{color: #333333; font-weight: 500;}
#bo_list .td_name{width: 10%; padding: 17px 0; text-align: center;color: #333333; font-weight: 500;}
#bo_list .td_datetime{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_blank{width: 10%;}
#bo_list tbody .even td{background-color: transparent;}
#bo_list tbody .even:hover td{background-color: transparent;}
#bo_list tbody tr{border-left:none ;}
.tbl_wrap table{border-top:1px solid #707070; }
#bo_list .pg_wrap{float:none;}
.tbl_head01 thead th{border: none;}

.container_wr{margin: 0 auto;}

/* 비전 */

/*비전과미션*/
.visection1{position: relative; margin-top: 118px; display: flex; align-items: center;font-family:'pretendard'; flex-direction: column;z-index: 1;}
.vitext{font-size: 40px; font-weight: 700; opacity:0; transform: translateY(30px); color: #6DB130;}
.vitext.visible{opacity:1; transition:0.5s ease-in-out; transform: translateY(0); color: #6DB130;}
.visection1 .vitextbox{display: flex; justify-content: center; align-items: center; margin:27px 0 173px 0; width:770px; background-color: #6DB130; color: #fff; font-size: 22px; font-weight: 700; border-radius: 48px; height: 60px;}
.visection1 .vitextbox.white{font-size: 25px; background-color: #fff; color: #222935; border: 3px solid #6DB130; font-weight: 500;}
.visection1 .vitextbox.white span{color: #6DB130; font-weight: 700;}
.visection2{margin-top: -618px; display: flex; align-items: center;font-family:'pretendard'; flex-direction: column;overflow: visible;}
.bg1, .bg2 {  
  background-position:bottom;
  background-repeat: no-repeat;
  background-size: contain;
  
}

.bg1{position: absolute; width: 867px; height: 1024px;overflow: visible;}
.bg2{position: relative; width: 1241px; height: 824px;top:384px; display: flex; justify-content: center; align-items: center;}
.bg2 img{ width: 875px;mix-blend-mode: multiply;position: relative;top:50px}
.visection3{margin-top :640px;display: flex; justify-content: center; align-items: center; flex-direction: column;}
.visection3 .circle-wr, .visection3 .textbox-wr{margin-top: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row;gap: 30px;}
.visection3 .textbox-wr{gap:70px;}
.visection3 .circle-wr .circlebox{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 250px; height: 250px; border-radius: 50%;mix-blend-mode: multiply; color: #fff; gap:10px; margin: 0 -10px;}
.visection3 .textbox-wr .textbox{display: flex; align-items: center; flex-direction: column; width: 210px; height: 250px;  color: #000; gap:10px; margin: 0 -10px; font-size: 20px; font-weight: 500;line-height: 30px; }
.visection3 .circle-wr .circlebox .circletext{font-size: 22px; font-weight: 500;}
.visection3 .circle-wr .circlebox .circleen{font-size: 18px; font-weight: 300;}
.visection3 .circle-wr .circlebox.c1{background-color: #1AAACF;}
.visection3 .circle-wr .circlebox.c2{background-color: #4DA4F1;}
.visection3 .circle-wr .circlebox.c3{background-color: #2F6FAC;}

/*연혁*/
.content .logo{width: 324px;}
.content .logo-wr{width: 100%;text-align: center;}
.content .bar3{width: 1px; height: 100%; position: absolute; background-color:#B7B6B6; left: 50%;}
.content .co4{width: 100%;position: relative;}
.content .co4 .flex{display: flex; flex-direction:column;}
.content .co4 .flex .row .box{ color:#333333;}
.content .co4 .flex .row .O2{width: 17px; height: 17px; position: absolute;left: 50%; top:7px; transform: translateX(-50%);border-radius: 50%;  border: 2.5px solid #6DB130; background-color: #fff;}
.content .co4 .flex .row{display: flex; position: relative; margin-top: 90px;}
.content .co4 .flex .row .box.year{padding: 0 20px; text-align: right; font-size: 42px; font-weight: 500; width: 50%;}
.content .co4 .flex .row .box.num{text-align: center; font-family: 'noto sans KR'; font-size: 18px; font-weight: 700; width: 10%; line-height: 30px;}
.content .co4 .flex .row .box.content{text-align: left; font-size: 18px; font-weight: 500; width: 40%;line-height: 30px; letter-spacing: -0.27px;white-space: nowrap;}
.content .co4 .flex .row:nth-child(even){flex-direction: row-reverse;}
.content .co4 .flex .row:nth-child(even) .box.year{text-align: left;}
.content .co4 .flex .row:nth-child(even) .box.content{direction: rtl;  text-align: right; /* 실제로는 오른쪽 정렬 효과 */}




/* 상품 */
.sct_wrap{width: 100%;}
.smt_40{display: grid; grid-template-columns: repeat(4, 1fr);}
.smt_40 .sct_li{width: 100%;}

.main_title {
  font-size: 4rem;
  margin-bottom: 20px;
  font-weight: 800;
  position: relative; /* 부모 요소가 기준이 되도록 설정 */
}

.circle::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background: url('../img/circle.svg') no-repeat center center/cover;
  top: 20%;  /* 텍스트 중간에 맞추기 */
  left: -22px; /* 왼쪽에 반 정도 겹치도록 설정 */
  transform: translateY(-50%); /* 수직으로 정확히 중간에 위치하도록 */
  z-index: 80; /* 텍스트 뒤에 표시되도록 설정 */
}

.main_title span {
  position: relative;
  z-index: 90; /* 텍스트가 원 위에 표시되도록 설정 */
}

/* .title_icon{ width:36px;}*/



/* 내가 만든 버튼 */
.view_btn{ display:flex; flex-direction: row; gap:10px;}
.viewdetail {
 padding:10px 0; font-size: 1.6rem; font-weight: 600; color:#000; line-height: 1; display: flex; align-items: center; gap: 5px;
}
.viewdetail > img {
  width:30px; height:30px; transition: 0.2s all;
}
.viewdetail:hover > img{transform: translateX(3px); transition: 0.2s all;}

/* 메인 컨텐츠1 */
.co1_wr {
  display:flex; flex-direction:column; width: 100%; background: #f4f4f4;
}
.co1{display: flex; width: 100%; padding:100px calc(50% - 600px); flex-wrap: wrap; gap:44px;}
.co1-txt{width:100%; display: flex; flex-direction: column; gap:40px; align-items: center; text-align: center;}
.co1-txt p{font-size: 1.8rem; font-weight: 400; line-height: 1.5;}
.co1_act_wr{width:100%; display: flex; flex-direction: row; gap:100px; align-items: center; justify-content: center;}
.co1-1 { text-align: center; justify-content: center; align-items: center; display:flex; flex-direction:column; gap:20px;
  font-size:2.4rem; font-weight:600;}
.co1-1 img{ width:100%;}
.line1{ width:2px; height:100%; background-color: #ddd;}

@media screen and (max-width:800px){
 .co1{ padding:100px 10px;
 } 
 .co1_act_wr{gap:50px; 
}
 .co1_wr .circle::after{
  left:-4px;
}
}


@media screen and (max-width:470px){
  .co1_wr{
    margin:50px 0;
  }
  .co1-txt{
    padding:0 20px;
  }
  .co1_act_wr{
    gap:30px; padding:10px;
  }
  .viewdetail > img{
    width:20px; height:20px;
  }
  .co1_wr .circle::after{
    left:-7px;
  }
  .co1_wr .main_title{
    font-size:3rem;
  }
  .co1_wr .co1-txt p{
    font-size:1.6rem;
  }
}


/* 메인 컨텐츠2 */
.co2_wr {
  width: 100%; margin:100px 0; padding:100px calc(50% - 600px); display: flex; flex-direction: row;
}

.co2_wr > .main_title {
  width:100%; padding:0 calc(50% - 600px); display: flex; flex-direction: column;
}
.main_title > .wide{ font-size:2rem; color:#B1B1B1; font-weight: 600; letter-spacing: 6px;}
.co2_wr .co2-txt{
  width:30%; display: flex; flex-direction: column;  gap:30px;
}

.co2-txt > p{
 line-height: 1.3; font-size:1.6rem; }
.co2_slider{
  width:80%;
}
.co2 {display:flex; height:100%; 
  text-align: center; align-content: space-between; padding:0 30px;
  border-right: 1px solid #ddd;
}

.co2 p{
  font-size:1.6rem; font-weight:600; padding:10px 0;
}
.co2 a {
  display: flex; justify-content: center; align-items: center;
}
.co2 a img{
 object-fit: cover; width:100%;
}

.co2_slider .slick-dots li{
  width: 10px; height:10px; border-radius: 50%; overflow: hidden; border:1px solid #ddd;
}
.co2_slider .slick-dots li.slick-active{border:1px solid #6DB130;}
@media screen and (max-width:1000px){
  .co2_wr{
    padding:0 10px;
  }
}
@media screen and (max-width:470px){
  .co2_wr{
    flex-direction: column; align-items: center; width:100%;
  }
  .co2_wr .co2-txt {
    width:100%; gap:0;
  }
  .co2_wr .co2_slider{
    width:100%;
  }
  .co2 a{
    display: flex; justify-content: center; align-items: center;
  }

}




/* 메인 컨텐츠3 */
.co3_wr{
  width:100%; height:auto; 
  display: flex; flex-direction: row;  
  padding: 100px calc(50% - 600px); 
  background-color: #427216;
  color:#fff;
}
.co3{
  width:100%;  
  display:flex; flex-direction: column; gap:20px; align-items: flex-start; justify-content: flex-start; flex: 3; 
}
.co3_board { flex:7;}
.co3_board .lat_title { display: none;}
.co3_board .lt_more { display: none;}
.co3_board .lat {background-color: transparent; margin:0;}
.co3_board .lat ul .basic_li a{color:#fff; width: 70%; display: inline-block;}
.co3_board .lat ul .basic_li .lt_info{
  text-align: right; padding: 20px 0 10px;
  width: 29%; display: inline-block;
}
.co3_board .lat ul .basic_li .lt_info .lt_nick .sv_member{
  color:#dadada;
}
.co3_title{
  font-size: 3.6rem; line-height: 1.3;
}
.co3_title span{
  color:#6DB130;
}
.co3 p{
  font-size: 1.8rem; font-weight: 300; z-index: 1; position: relative;
}
.co3 .viewdetail {color:#fff;}

.co3 .circle::after {
  content: "";
  width: 30px; height: 30px;
  position: absolute; top: -1%; left: -22px; transform: translateY(-50%); z-index: 0;
  background: url('../img/circle2.svg') no-repeat center center/cover;
}
@media screen and (max-width:1000px){
  .co3_wr{
    padding:80px 20px;
  }
  .co3 .circle::after{
    left: -14px
  }
}
@media screen and (max-width:470px){
  .co3_wr{
    flex-direction: column;
  }
  .co3_board{
    background-color: none ;
  }

}



/* 메인컨텐츠4 */

.co4_wr{
  width:100%; padding:100px calc(50% - 600px); display: flex; flex-direction: column; gap:100px;
}
.co4{ width:100%; display: flex; flex-direction: row;}
.co4_title{
  font-size: 4.8rem;
}
.co4-txt{display:flex; flex-direction:column; gap:30px; position:relative; }
.co4-txt p{
  font-size: 2rem; color:#666; font-weight: 700; line-height: 1.6; z-index: 1;
}
.co4_img_wr {
  position: relative;
  width: 100%;
  height: 520px;
  overflow: hidden;
}
.co4_img_wr .img_txt {
   color: #fff; position: relative; z-index: 3;
  width: 100%; height:100%;
}
.co4_img_wr .img_txt h2{
  font-size: 4.6rem; font-weight: 800; position:absolute; left:20px; bottom:30px; z-index: 3;
}
.co4_img_wr .img_txt h3{
  font-size: 2rem; font-weight: 700; width: 100%;
  position:absolute;text-align: right; transform: rotate(-90deg); aspect-ratio: 1/1; top: 10px; left:10px;
}
.co4_img_wr img {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: opacity 0.5s ease-in-out, transform .5s ease-in-out;

}

.co4_img_wr .img_normal {
  opacity: 1;
  z-index: 1;
}

.co4_img_wr .img_hover {
  opacity: 0;
  z-index: 2;
}

.co4_img_wr:hover .img_normal {
  opacity: 0;
  transform: scale(1.1);
}

.co4_img_wr:hover .img_hover {
  opacity: 1;
  transform: scale(1.1);
}

/*타이틀 꾸밈 요소*/
.circle::after {
  content: "";
  width: 30px; height: 30px;
  position: absolute; top: 1%; left: -16px; transform: translateY(-50%); z-index: 0;
  background: url('../img/circle.svg') no-repeat center center/cover;
}
@media screen and (max-width:1000px){
  .co4_wr{
    padding:80px 20px; gap:60px;
  }

}
@media screen and (max-width:470px){
  .co4{
    flex-direction: column;
  }
  .co4 .co4_img_wr{
    min-height:400px;
  }
}




/*버튼 스타일*/
.co_btn{
  width:200px; height:54px; display: flex; font-size: 2rem; font-weight: 500; border-radius: 30px; background: linear-gradient(90deg, #4F8C18 0%, #7FCF38 100%);
  justify-content: center; text-align: center; align-items: center; gap: 10px;
}
.co_btn:hover{transform: scale(1.02); transition: 0.2s all;}
.co_btn a{
  color:#fff; width:100%; height: 100%; align-items: center; justify-content: center; display: flex;
}
.co_btn img {
  width:36px; height: 39px;
}
.co_btn img {
  width: 36px;
}
.co_btn .grey{
  background-color: #7B7B7B;
}




/* 명랑 STORY */
.txt1{ font-family: 'KCC Eunyoung'; font-size:3.6rem; text-align: center; width:50%;}
.txt2{ font-size:1.8rem; line-height: 1.8; text-align: center; width:80%; }
.txt3{ font-size:2.4rem; font-weight:400; text-align: center; color:#4F8C18; }
.txt3 h3{ font-weight: 700; font-size:3rem; font-weight:400; text-align: center; color:#4F8C18; display:flex; gap:10px; justify-content: center; padding:20px 0; }
.txt3 h3 span{ color:#000; font-weight: 900; font-size: 3.4rem;}

.sub_title{
  font-size: 3.2rem; font-weight: 600; color:#000;
  display: flex; align-items: center; justify-items: center; gap:5px;
  position:relative; z-index: 99;
}

.sub_title span{
  z-index: 90;
}
.brand_txt {
  font-size: 1.6rem; line-height: 1.4; align-items: center; display: flex; flex-direction: column; gap:30px;
  width:100%; padding:30px 70px;
}
.title_s{
  line-height: 1.5; font-weight: bold;
}
@media screen and (max-width:470px){

  #ctt_con{
    gap:0;
  }
  .brand_txt .txt1{
    width:100%;
  }
  .brand_txt .txt2{
    width:100%;
  }
}


/* 농원 소개 */
.brand_wr{
  width:100%; height:auto; display: flex; flex-direction: column;
  gap:50px;
}
.brand {
  width:100%; display: flex; flex-direction: column; gap:20px;
}
.brandimg_wr{
  width:100%; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; aspect-ratio: 2/1;
}
.brandimg_wr .brandimg{
  width:100%;
  height:100%; object-fit: cover; aspect-ratio: 1/1; /*border-radius: 50%;*/
}

.brand_title span{
  font-size:2.4rem;
}
.brand_title{
  color:#6DB130; font-size:2rem; line-height: 1.4; text-align: center;
}

.line{ width:200px; height:2px; background-color: #6DB130; }
.brand_txt ul {
  width:100%;
}
.vegiwr { width:100%; display:grid; grid-template-columns: repeat(3,1fr); gap:10px;}
.vegi{
  padding:10px; text-align: center; font-size: 2rem; font-weight: 700;color:#4F8C18;
  border:2px solid #4F8C18; border-radius:20px; margin-top: 20px;
}
.vegi img{
  margin-bottom: 10px;
}

/*농원소개 슬라이드*/
.sub-slider{
  display: flex; flex-direction: row; width:100%; position:relative
}
.slide{
  display: flex; flex-direction: column;
  border:1px solid #eee; border-radius: 20px; padding:20px; margin:0 15px;
}
.slick-prev:before, .slick-next:before{
  color:#a0a0a0;
}

.sub-slider .slick-dots li button{
  border-radius: 100%; width:5px; height:5px;
  border:1px solid #ddd;
}
.sub-slider .slick-dots li.slick-active button{border:1px solid #6DB130;}
.subslide_txt{
  font-size:1.6rem; line-height: 1.3;
}

@media screen and (max-width:1000px){
  .sub-slider .slick-next.slick-arrow{
    right:-7px;
  }
  .sub-slider .slick-prev.slick-arrow{
    left:-7px;
  }

}


/* 빈칸 */
.blank{
 height: 100px;
}
.blank2{ height:50px; }
.blank3{
  height:200px;
}


/* 오시는 길 */
.content-wr .content{
  width:100%; display: flex; flex-direction: column; gap:30px;
}

.con6 .left .subject span {
  margin:10px 0;
}

.con6{display: flex; gap: 40px; margin-top: 44px; flex-direction: row; flex-direction: column-reverse;}

.con6 .right img{width:100%;}
.con6-grid{display: grid; grid-template-columns: 30% 70%; justify-content: center; align-items: end; place-items: center;}
.con6-grid .left{ width:100%; font-size: 1.8rem; font-weight: 700; color: #484F4B; padding: 20px 0; background-color:#eee; 
  border-bottom: 1px solid #484F4B; text-align: center; 
  display: flex; justify-content: center; gap:40px; }
.con6-grid .left span{margin-left: 10px; letter-spacing: 10px; }
.con6 .left .subject{ width:100%; font-size: 2.4rem; display: flex; flex-direction: column; }
.con6-grid .right{border-bottom: 1px solid #a7a7a7; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.con6-grid .right span{margin-left: 25px; display:block; position: relative; font-size: 1.6rem;}
.con6 .left .subject{ margin: 0; width:100%; display:flex; gap:20px; flex-direction: row; justify-content: center;}
.con6 .left .subject p{display: flex; align-items: center; gap: 10px;}

@media screen and (max-width:470px){
  .ctt_me1_3{
    object-fit: contain; overflow: hidden;
  }
  .con6 .left .subject {
    line-height:1.3; font-size: 2rem; align-items: center;
  }
}


/* 언론보도 */
.bo_v_img { width:100%; }
.bo_v_img a img {width:100%; object-fit: cover; }

/* 게시판 제목 */
#bo_list .sub_title.circle::after{
  top:24%; left:-11px;
}
#bo_gall .sub_title.circle::after{
  top:24%; left:-11px;
}
#ctt_con #gall_wr{
	width:100%;
}
#ctt_con img{
  height:100%;
}
.btn_bo_user{
  flex-direction: row-reverse; align-items: center; gap:5px;
}

#gall_wr{
  padding:20px 0; margin-bottom:100px;
}

.pcbr {
  display: inline;
}

/* 서브 페이지 공통 */
@media screen and (max-width:1200px){
  #ctt{
    padding:0; margin:0;
  }
  #ctt.ctt_me1_2{
    padding:0; margin:0;
  }
  #ctt.ctt_me1_1{
    padding:0; margin:0;
  }
  .brand_wr{
    padding:30px 20px 0;
  }
  #ctt.ctt_me2{
    padding:0; margin:0;
  }
  .con1{
    padding:20px;
  }
}



@media screen and (max-width: 1000px) {
  .pcbr {
    display:none;
  }
}



/* 명랑 history */

.history_wr{
  display: flex;
}
.yearbox_wr{
  display: flex; flex-direction: column; gap:200px;
}
.yearbox{
  width:100%; display: flex; flex-wrap: wrap; gap:140px; align-items: flex-end;
}
.yearbox img{
  height:100%; max-height:300px;
}
.year_wr {
  display: flex; flex-direction: column;
  gap:200px;
}
.year .year_tit{
  font-size:3.6rem; font-weight: 800; font-family: 'RiaSans-ExtraBold'; line-height: 2.5; color:#6DB130;
}
.year .list li{
  font-size:1.8rem; line-height: 1.2;
}

@media screen and (max-width: 800px) {
  .yearbox_wr{
    display: flex; flex-direction: column; gap:100px;
  }
  .yearbox{
    width:100%; display: flex; flex-wrap: wrap; gap:70px; align-items: flex-end;
  }
  .year_wr {
    display: flex; flex-direction: column;
    gap:100px;
  }
}


/* 메인_연혁 */
.co5_wr{
  background:#F5FAF1;   padding: 100px 0; position: relative; z-index: 1; overflow: hidden;
}
.co5_inner{
  display: flex; 
  flex-direction: column;
  height: 100%; /* 내부 요소를 채우도록 설정 */
  max-height: 600px;
}
.co5_slider{
  display: flex;
  flex-wrap: wrap; /* 여러 줄 허용 */
  height: 100%; /* 부모 높이에 맞춤 */
  z-index: 2;
}
.co5_wr .co5_inner .co5_slider .year{
  display: flex; flex-direction:column; align-items: center; color:#AAA; justify-items: center;  justify-content: space-between;
  height:260px;
}
.co5_wr .co5_inner .co5_slider .year .spot{
  margin-top:20px;
}
.co5_slider .year .year_tit{
  display: flex; align-items: center; color:#AAA;
}
.co5_slider .year.slick-active .year_tit{
  color:#6DB130; transition: 0.2s all;
}
.co5_slider .year.slick-active .list {
  color:#000; transition: 0.2s all;
}
.co5_slider .slick-list .slick-track .year{ 
  margin:0 65px;
}
.co5_wr::after{
  content:''; width:100%; height:2px; background-color:#4F8C18; position:absolute; bottom:104px; left:0; z-index: 1;

}
@media  screen and (max-width:1300px) {

}
@media screen and (max-width:800px) {

  .slick-next:before, .slick-prev:before{
    color:#4F8C18 !important;
    display: none;
  }
  
  .co5_slider .slick-prev{
    left:-40px;
  }
  .co5_slider .slick-next{
    right:-40px;
  }
}
/* 게시판 수정 버튼에서 원래파일 삭제가 안되서 z-index를 줌 */
#bo_w .bo_w_flie .file_del{
  z-index:99;
}

@media screen and (max-width: 1200px){
  #bo_gall{ padding:30px 20px 0; }
}

body{ word-break: keep-all;}