@charset "utf-8";

/*인트로*/
#main_intro{background: url(/images/main/background.png)no-repeat;width: 100%;height: 100vh;position: relative;z-index: 1;background-size: cover;display: table;align-items: center;display: flex;justify-content: center;align-items: center;}
#main_intro .bg_ai{position: absolute;width: 100%;height: 100vh;top: 0;left: 0;z-index: -1;}
#main_intro .bg_ai .ai_01{  position: absolute;  bottom: 0;  left: 0;}
#main_intro .bg_ai .ai_02{  position: absolute;  bottom: 0;  right: 0;}
#main_intro .bg_ai .ai_03{position: absolute;top: 40px;right: 0;}
#main_intro .in_wrap{width: 1300px;margin-top: -100px;display: table-cell;vertical-align: middle;text-align: center;}
#main_intro .title{position: relative;display: inline-block;}
#main_intro .intro_btn{display: flex;justify-content: center;padding-top: 50px;width: 100%;flex-wrap: nowrap;flex-direction: row;}
#main_intro .intro_btn li{background-color: #fff;border-radius: 15px;overflow: hidden;width: 24%;float: left;margin-right: 1.333%;margin-left: 3.5%;}
#main_intro .intro_btn li:last-child{margin-right:0;}
#main_intro .intro_btn li a{display: block;width: 100%;height: 100%;padding: 40px 0px;position: relative;}
#main_intro .intro_btn li.intro_btn01 a::before{content:"";position: relative;content: "";display: block;width: 161px;height: 161px;border-radius: 50%;margin: auto auto 18px;z-index: 1;}
#main_intro .intro_btn li.intro_btn02 a::before{content:"";position: relative;content: "";display: block;width: 161px;height: 161px;border-radius: 50%;margin: auto auto 18px;z-index: 1;}
#main_intro .intro_btn li.intro_btn03 a::before{width:50%; content:"";position: relative;content: "";display: block;width: 161px;height: 161px;border-radius: 50%;margin: auto auto 18px;z-index: 1;}
#main_intro .intro_btn li.intro_btn04 a::before{content:"";position: relative;content: "";display: block;width: 161px;height: 161px;border-radius: 50%;margin: auto auto 18px;background: #fff url(https://www.gyeongnam.go.kr/gnreturn/css/farm/images/main/intro_btn_04.png) no-repeat;z-index: 1;}

/* 개별 버튼 이미지 */
/* .sns_btn1 { background-image: url('/images/main/sns_blog.png');}
.sns_btn2 {background-image: url('/images/main/sns_insta.png');}
.sns_btn3 {background-image: url('/images/main/sns_kakao.png');} */

.intro_btn03 {display: flex;justify-content: center;gap: 20px;}
.sns_item {display: flex;flex-direction: column;align-items: center;text-align: center;cursor: pointer;}
.sns_item img {width: 60px;height: 60px;margin-bottom: 5px;}
.sns_item p {font-size: 16px;font-weight: 400;} 

/* .intro_btn03 {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.sns_item {
    display: inline-flex; 인라인 요소처럼 동작하면서 내부 정렬 유지
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none; 링크 밑줄 제거
    color: inherit; 기본 글자 색 유지
    width: 80px; 아이콘 크기 조절 (너비를 지정해 길이 고정)
}

.sns_item img {
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    transition: transform 0.3s ease;
}

.sns_item:hover img {
    transform: scale(1.1); 마우스 올릴 때 확대
}

.sns_item p {
    font-size: 14px;
    font-weight: 400;
} */


li.intro_btn01 {background: url(/images/main/box01.png) no-repeat 7% 16%;}
li.intro_btn02 {background: url(/images/main/box02.png) no-repeat 7% 16%;}
li.intro_btn03 {background: url(/images/main/sns_box.png) no-repeat center;width: 40%; font-weight: 400;display: flex;justify-content: space-around;align-items: center;width: 100%;flex-wrap: nowrap;flex-direction: column;width: 40%;flex-basis: 10%;}  

#main_intro .intro_btn li a::after{  position: absolute; bottom: 0;  left: 0;  content: "";   display: block;  width: 100%;   height: 0;  transition: all .4s ease; }
#main_intro .intro_btn li .btn_tit{height: 40px;margin-bottom: 17px;margin-top: 45px;z-index: 1;position: relative;font-size: 1.3em;/* text-indent: -999999px; */color: #000;}
#main_intro .intro_btn li span{display: block;width: 137px;height: 33px;margin: 0 auto;padding-top: 3px;font-family: 'GmarketSans';line-height: 35px;font-size: 1.05em;color: #fff;border-radius: 20px;position: relative;z-index: 1;border: none;font-weight: 500;}
#main_intro .intro_btn li span.btn01{ background-color: #03004c;}
#main_intro .intro_btn li span.btn02{ background-color: #03004c;}

@-webkit-keyframes drop { 0% { -webkit-transform: translateY(0rem); transform: translateY(0rem); }
50% { -webkit-transform: translateY(0.85rem); transform: translateY(0.85rem); }
100% { -webkit-transform: translateY(0rem); transform: translateY(0rem); } }

@keyframes drop { 0% { -webkit-transform: translateY(0rem); transform: translateY(0rem); }
  50% { -webkit-transform: translateY(0.85rem); transform: translateY(0.85rem); }
  100% { -webkit-transform: translateY(0rem); transform: translateY(0rem); } }

.main #container {position:relative;}

.main_sub1 {height: 920px;position:relative;position: relative;background: url('/images/main/main_bg.jpg') no-repeat center top;background-size: cover;}


/*===== main =====*/
/* main visual */
/* .main .visual_area{height: 462px;width: 100%;}
.main .main_visual {height:inherit; width: inherit;overflow:hidden;background:#fff; top: 0;left: 0%;position: absolute;}
.main .visual_box {position:absolute;  width: 100%; height:100%; top:0; }
.main .visual_box .bx-viewport,.main .visual_box .bx-wrapper,.main .visual_box .bx-wrapper .slider,.main .visual_box .bx-wrapper .slider li{height:100% !important;}
.main .visual_box .bx-wrapper {position:relative; width:100%;  top:0; left:0; margin-bottom:0;border:none;}
.main .visual_box .bx-wrapper .slider li {background-repeat: no-repeat; background-position:top center; background-size: cover;}
.main .visual_box .bx-wrapper .slider li .main_txt{text-align: center;width: 600px;height: auto;margin: 0 auto;position: relative;margin-top: 122px;}
.main .visual_box .bx-wrapper .slider li .slider_area a {width: 100%; *//* height: 702px; *//* display: inline-block;color: #285796;background-color: rgba(255,255,255,0.8);text-shadow: none;padding: 5px 40px;font-size: 1em;border-radius: 35px;font-weight: 500;}
.main .visual_box .bx-wrapper .slider li.sl01 {background-image: url('/images/main/main_visual1.jpg');}
.main .visual_box .bx-wrapper .slider li.sl02 {background-image: url('/images/main/main_visual2.jpg');}
.main .visual_box .bx-wrapper .slider li.sl03 {background-image: url('/images/main/main_visual3.jpg');}
.main .visual_box .bx-wrapper {margin-left:auto; margin-right:auto; margin-bottom:0;}
.main .visual_box .bx-wrapper .slider li .slider_area a:hover{
    background-color: rgba(255,255,255,0.9);
    transition: 0.3s;
} */

.main .visual_area{height: 462px;width: 100%;}
.main .main_visual {height:inherit;width: inherit;overflow:hidden;/* background:#fff; */top: 0;left: 0%;position: absolute;background-size: 100% 100%;height: 817px;}
.main .visual_box {position:absolute;  width: 100%; height:100%; top:0; }
.main .visual_box .bx-viewport,.main .visual_box .bx-wrapper,.main .visual_box .bx-wrapper .slider,.main .visual_box .bx-wrapper .slider li{height:100% !important;/* border-radius: 0 0 20px 20px; */}
.main .visual_box .bx-wrapper {position:relative;width: 100%;top:0;left:0;margin-bottom:0;border:none;}
.main .visual_box .bx-wrapper .slider li {background-repeat: no-repeat; background-position:top center; background-size: cover;}
.main .visual_box .bx-wrapper .slider li .main_txt{text-align: center;width: 600px;height: auto;margin: 0 auto;position: relative;margin-top: 122px;}
.main .visual_box .bx-wrapper .slider li .slider_area a {/* width: 100%; *//* height: 702px; *//* display: inline-block; */color: #285796;background-color: rgba(255,255,255,0.8);text-shadow: none;padding: 5px 40px;font-size: 1em;border-radius: 35px;font-weight: 500;}
.main .visual_box .bx-wrapper .slider li.sl01 {background-image: url('/images/main/main_visual1.jpg');}
.main .visual_box .bx-wrapper .slider li.sl02 {background-image: url('/images/main/main_visual2.jpg');}
.main .visual_box .bx-wrapper .slider li.sl03 {background-image: url('/images/main/main_visual3.jpg');}
.main .visual_box .bx-wrapper {margin-left:auto; margin-right:auto; margin-bottom:0;}
.main .visual_box .bx-wrapper .slider li .slider_area a:hover{
    background-color: rgba(255,255,255,0.9);
    transition: 0.3s;
}
.control_arr {position: absolute;left: 0;top: 50%;width: 100%;z-index: 10;transform: translateY(-50%);}
.control_arr .bx-prev {position: absolute;left: 20px;}
.control_arr .bx-next {position: absolute;right: 20px;}

.bx-controls-direction a.disabled {display: none;}

#main-layer-popup{position: absolute;z-index: 9999;top: 5px;left: 5px;}
.main-layer-popup .popup-bottom{background: #4c4c4c;color: #fff;padding: 15px 10px;}
.main-layer-popup .popup-bottom label{cursor: pointer;}
.main-layer-popup .main-popup-close{position:absolute;top:0;right:0;} 
.main-layer-popup .main-popup-close1{position:absolute;top:0;right:0;} 
.main-layer-popup .main-popup-close2{position:absolute;top:0;right:0;}  
.main-layer-popup200325 .popup-bottom{background: #4c4c4c;color: #fff;padding: 15px 10px;}
.main-layer-popup200325 .popup-bottom label{cursor: pointer;}
.main-layer-popup200325 .main-popup-close{position:absolute;top:0;right:0;} 
.main-layer-popup200325 .main-popup-close1{position:absolute;top:0;right:0;} 
.main-layer-popup200325 .main-popup-close2{position:absolute;top:0;right:0;}  

/*이전 다음 버튼*/
.main .visual_box .bx-wrapper .bx-controls-direction a {width: 56px;height: 56px;margin-top: -37px;z-index: 9;}
.main .visual_box .bx-wrapper .bx-prev {background: url('/images/main/main_control_l.png') no-repeat 0 0;}
.main .visual_box .bx-wrapper .bx-prev:hover,
.main .visual_box .bx-wrapper .bx-prev:focus {/* background-position:0 -88px; */}
.main .visual_box .bx-wrapper .bx-next {background: url('/images/main/main_control_r.png') no-repeat 0 0;}
.main .visual_box .bx-wrapper .bx-next:hover,
.main .visual_box .bx-wrapper .bx-next:focus {/* background-position:-104px -88px; */}
.main .bx-wrapper .bx-pager, .main .bx-wrapper .bx-controls-auto {bottom: 8px;}
.main .bx-wrapper .bx-pager.bx-default-pager {padding:0 2px 3px 0;}
.main .bx-wrapper .bx-pager.bx-default-pager a {width:16px;height:16px;background: #ffffff;/* border: 2px solid #348ef4; */border-radius:16px;}
.main .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main .bx-wrapper .bx-pager.bx-default-pager a.active,
.main .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #1566d2;/* border: 2px solid rgb(52, 142, 244); */}
.main .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width: 50%;text-align:right;padding-top: -72px;}
.main .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {width: 50%;}
.main .bx-wrapper .bx-controls-auto {text-align:left;}
.main .visual_box .bx-wrapper .bx-controls-auto .bx-start {width:15px; height:21px; background:url('/images/main/controls1.png') -208px -20px no-repeat;}
.main .bx-wrapper .bx-controls-auto .bx-start:hover,
.main .bx-wrapper .bx-controls-auto .bx-start.active,
.main .bx-wrapper .bx-controls-auto .bx-start:focus {background-position:-208px 1px;}
.main .bx-wrapper .bx-controls-auto .bx-stop {width:15px; height:20px; background:url('/images/main/controls1.png') -208px -90px no-repeat; }
.main .bx-wrapper .bx-controls-auto .bx-stop:hover,
.main .bx-wrapper .bx-controls-auto .bx-stop.active,
.main .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position:-208px -65px;}


/* con1 */
/*게시판*/
/* .con1{margin: 60px 0;} */
.con1{margin: -5px 24px 25px 143px;background-color: #333;opacity: 0.85;padding: 17px 0 23px;width: 1587px;/* border-radius: 20px; *//* top: 200px; */position: sticky;}
.con1 .notice {width:78%;float: left;}
.con1 .notice > div{width:33%;float:left;border-right: 1px solid #e0e0e0;padding: 0 20px 0 20px;}
.con1 .notice > div:first-child{padding-left:0;}
.con1 .notice > div:last-child{border:none;padding-bottom: 0;margin-bottom: 0;}
.con1 .notice > div > a{display: block;margin-bottom: 30px;}
.con1 .notice > div h3{margin: 0;padding: 0;font-family: 'GmarketSans';font-size: 20px;color: #fff;border-bottom: 3px solid #348ef4;display: inline-block;vertical-align: middle;}
.con1 .notice > div .board_more{display:inline-block;float:right;font-family: 'GmarketSans';color: #006abe;font-size: 40px;font-weight: 300;vertical-align: middle;padding-top: 5px;}
.con1 .notice > div ul li{/* white-space: nowrap; *//* text-overflow: ellipsis; *//* overflow: hidden; *//* width: 100%; *//* display: block; */margin-bottom: 15px;}
.con1 .notice > div ul li .noti_i{ font-size: 0.8em;  background-color: #3053ba; color: #fff;padding: 0 10px;  border-radius: 20px; margin-right: 4px;}
.con1 .notice > div ul li .noti_i + a{max-width: 65%;}
.con1 .notice > div ul li a{margin-right: 5px;max-width: 80%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;color: white;}
.con1 .notice > div ul li::before{content: "";display: inline-block;width: 3px;height: 3px;background-color: #1d4eca;vertical-align: middle;margin-right: 10px;}
.con1 .popup_wrap{width: 316px;height: 275px;float: left;}

.dv_wrap1 {display: block;position: relative;max-width: 1472px;margin: 0px auto;}

/*퀵메뉴*/
.qck_mn{width: 100%;background: url(/images/main/q_mn_bg.jpg)no-repeat;height: 172px;}
.qck_mn .title{width: 15%;float: left;color: #fff;font-family: 'GmarketSans';padding-top: 65px;display: block;}
.qck_mn .title strong{font-size: 1.5em;display: block;}
.qck_mn .title p{ font-size: 0.8em; font-weight: 400;}
.qck_mn .btnlist{width: 85%;float: left;font-family: 'GmarketSans';font-weight: 400;padding-top: 42px;}
.qck_mn .btnlist ul li{float:left;color: #fff;width: 14.2%;text-align: center;}
.qck_mn .btnlist ul li:nth-child(1) a::before{content:"";display: block;padding-top: 58px;background: url(/images/main/q_ico_01.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(2) a::before{content:"";display: block;padding-top: 64px;background: url(/images/main/q_ico_02.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(3) a::before{content:"";display: block;padding-top: 64px;background: url(/images/main/q_ico_03.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(4) a::before{content:"";display: block;padding-top: 64px;background: url(/images/main/q_ico_04.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(5) a::before{content:"";display: block;padding-top: 64px;background: url(/images/main/q_ico_05.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(6) a::before{content:"";display: block;padding-top: 64px;background: url(/images/main/q_ico_06.png)no-repeat 50% 10%;}
/* .qck_mn .btnlist ul li:last-child a{display:block;width: 148px;height: 114px;background: url(/images/main/q_ico_07.png)no-repeat;margin-top: -13px;font-size:0;box-shadow: 7px 7px 0 rgb(34 71 177 / 30%);border-radius: 10px;transition: 0.2s;} */
.qck_mn .btnlist ul li:hover a::before{-webkit-animation:vibes 2s ease infinite;animation:vibes 1s ease infinite;}
.qck_mn .btnlist ul li:last-child:hover a{ transform: translateY(-8px); transition: 0.3s;box-shadow: 7px 7px 0 rgb(34 71 177 / 60%);}
.qck_mn.pc{display:block;margin-top: 40px;}
.qck_mn.mo{display:none;}

/*효과*/
@-webkit-keyframes vibes{
	0% {transform:translateY(0)}
	20% {transform:translateY(4px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(6px)}
	100% {transform:translateY(0)}
}

@keyframes vibes{
	0% {transform:translateY(0)}
	20% {transform:translateY(4px)}
	40% {transform:translateY(0)}
	60% {transform:translateY(6px)}
	100% {transform:translateY(0)}
}




/*con2*/
.con2{width: 100%;/* margin-bottom: 80px; */background: url(/images/main/con2_bg.jpg);padding: 120px 0;}
.gall_tit{  font-family: 'GmarketSans';  color: #000;  margin-bottom: 20px;}
.gall_tit p{display:inline-block;}
.gall_tit p:first-child{font-size: 2.4em;font-weight: bold;margin-right: 10px;}
.gall_tit p:last-child{ font-weight: 500;}
.gallery{}
.gallery li{width: 23.5% !important;height: 357px;float:left;background-color: #fff;margin-right: 2%;box-shadow: 12px 12px 12px rgba(0,0,0,0.1);position: relative;}
.gallery li > a{display:block;}
.gallery li > a:hover{ text-decoration: none;}
.gallery li:last-child{margin-right:0;}
.gallery .gall_txt{  padding: 32px;}
.gallery .gall_txt > *{display: inline-block;}
.gallery .gall_txt .day{width: 18%;color: #0244a7;vertical-align: middle;}
.gallery .gall_txt .date{font-size: 36px;font-weight: bold;}
.gallery .gall_txt .month{}
.gallery .gall_txt .tit{width: 75%;margin-left: 5%;vertical-align: middle;font-size: 0.95em;color: #000;white-space: normal;text-overflow: ellipsis;overflow: hidden;height: 48px;word-break: break-all;vertical-align: middle;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;/* display: -webkit-box; *//* width: 100%; */}
.gallery .gall_img{/* position: absolute; *//* bottom: 0; */height: 230px;overflow: hidden;}
.gallery .gall_img img{width:100%;height: 230px;}
.gallery-slider{width: 100%;margin:0px auto;position:relative;}
.gallery-slider .gall_controls{position: absolute;top: -48px;right: 27px;}
.gallery-slider .gall_controls a{ background-color: #0244a7; color: #fff;  padding: 3px 25px;  border-radius: 20px; margin-right: 10px;}
.gallery-slider .gall_controls i.prev::after{content:"";display: inline-block;width: 1px;height: 20px;background-color: #010101;margin: 0 15px;}
.gallery-slider .silder-title{ text-align:center; margin:30px auto;}
.gallery-slider .next{cursor: pointer;}
.gallery-slider .prev{cursor: pointer;}
.gallery-slider .post-wrapper{width:100%;height: 350px;margin:0px auto;overflow: hidden;/* padding:10px 0px 10px 0px; */}
.gallery-slider .post-wrapper .post{width:300px;/* width: 25% !important; */height: 350px;margin-right: 25px;display:inline-block;background:white;box-shadow: 12px 12px 12px rgb(0 0 0 / 10%);overflow: hidden;}
.gallery-slider .post-wrapper .post .post-info{ font-size:15px;  height:30%; padding-left:10px;}
.gallery-slider .post-wrapper .post .slider-image{ width:100%; height:175px; border-top-left-radius:5px; border-top-right-radius:5px;}
.gallery-slider .post-wrapper .post:hover img{transform: scale(1.1);  transition: 0.5s;}
.gallery-slider .post-wrapper .post a:hover{text-decoration:none;}


/*팝업존*/
.popup_wrap{width: 32%;float: right;}
.ppzone{width: 100%;background-color: #f3e4cc;float: left;}
.popup {position: relative;width: 100%;height: 100%;overflow: hidden;background-color: #fff;float:left;}
.popup .bx-wrapper{margin-bottom:0;}
.popup li img{width:100%;height: 275px;}
.popup li .tour_tag { position:absolute; top:20px; left:20px; background:#f0187d; color:#fff; padding:20px; font-size:18px;}
.popup li .tour_txt { position:absolute; top:200px; left:40px; font-size:48px; color:#fff; text-shadow:0 0 0.333em rgba(0,0,0,.75); letter-spacing:-0.07em; }
.popup li .tour_txt .tour_num { display:block; }
.popup li .tour_txt .tour_num:before { display:block; clear:both; content:''; width:20px; height:2px; background:#fff;  }
.popup li:first-child {  display: block; }
.popup_ctrl {position: absolute; bottom: 0px;right: 0px;z-index: 20;}
.popup_ctrl .visual_count {display: block; float: left; width: 70px; height: 32px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 15px;line-height: 32px; text-align: center;}
.popup_ctrl button,
.popup_ctrl a { display: block;  width: 32px;  height: 32px; border-left: 1px solid #aaa;  border-top: 1px solid #aaa;  font-size: 0;  line-height: 0;  text-indent: -9999px;}
.popup_ctrl button {  float: left;  width: 32px;  height: 32px;margin: 0 0 0 -1px;  background: url(/images/main/popup_stop.png) no-repeat 50%;}
.popup_ctrl button.popup_prev {  background-image: url(/images/main/popup_prev.png);}
.popup_ctrl button.popup_next {  background-image: url(/images/main/popup_next.png);}
.popup_ctrl button.rolling_stop {background-image: url(/images/main/popup_stop.png);}
.popup_ctrl button.rolling_play {  background-image: url(/images/main/popup_play.png);}




/*con3*/
.con3{background: url(/images/main/con3_bg.jpg)no-repeat;/* position: relative; *//* top: -163px; */padding: 155px 285px 155px 285px;height: 597px;}
.con3-btnlist{ padding-left: 200px;overflow: hidden;}
.con3-btnlist li{float:left;width:32%;margin-right:2%;background-color: #2244a9;color: #fff;padding: 55px 63px 55px 45px;}
.con3-btnlist li:last-child{margin-right:0;background-color: #3554b1;}
.con3-btnlist li:nth-child(2){ background-color: #4a4e5c;}
.con3-btnlist li strong{  font-size: 32px; font-weight: 400;  display: block;}
.con3-btnlist li strong::after{content:"";display:block;width:58px;height:1px;background-color:#fff;margin: 22px 0;}
.con3-btnlist li span{  font-weight: 100;  display: block;  margin-bottom: 24px;}
.con3-btnlist li a{display: inline-block;padding: 5px 15px 5px 15px;border: 1px solid rgba(255,255,255,0.5);color: rgba(255,255,255,0.8);font-weight: 200;font-size: 0.9em;}
.con3-btnlist li a::after{content:"";display:inline-block;width:7px;height:13px;background: url(/images/main/con3-more-arr.png)no-repeat 50% 50%;margin-left: 30px;}
.con3-btnlist li a:hover{background-color:#fff;transition:0.3s;color: #2244a9;font-weight: 500;}
.con3-btnlist li a:hover::after{background: url(/images/main/con3-more-arr-ho.png)no-repeat 50% 50%;}

/* con5 - 기술이전 */
.con5{width: 43.5%;margin-right: 1%;float: left;background:#3c6fef url(/images/main_ghs/mainad_bg.jpg) no-repeat right center;border-radius: 10px;margin-top: 32px;padding: 25px 33px;height: 207px;max-width: 800px;}
.con5_tit{color: #fff; font-size: 1.5em; font-weight: 700; margin-bottom: 23px;}
.con5 .tech_list li{background: #fff no-repeat right bottom; width: 49%; border-radius: 5px;float: left; padding: 20px 25px;}
.con5 .tech_list li:first-child{background-image:  url(/images/main_ghs/tech_bg_01.png); margin-right: 2%;}
.con5 .tech_list li:last-child{background-image:  url(/images/main_ghs/tech_bg_02.png);}
.con5 .tech_list li .tit{font-size: 1.2em;color: #111;font-weight: 500;margin-bottom: 12px;}
.con5 .tech_list li .tit::after{display: inline-block;content: '';width:22px;height: 22px;background: url(/images/main_ghs/tech_ico_01.png) no-repeat;vertical-align: middle;margin-left:15px;transition: 0.5s;transform: translateY(-2px);}
.con5 .tech_list li .info{line-height: 1.2;font-size: 0.9em;}

/* hover */
.con5 .tech_list li:hover .tit::after{transform:translate(10px, -2px);}



/* con6 - 연구원 시제품 현황 */
.con6{width: 55.5%;float: left;border-radius: 10px;margin-top: 32px;padding: 25px 33px;background-color: #275be2;height: 207px;max-width: 800px;}
.con6_tit{color: #fff;font-size: 1.5em;font-weight: 700;margin-bottom: 25px;}
.con6_tit span.more_btn{color: #fff;background-color: #0d2668;float: right;font-size: 1rem;font-weight: normal;padding: 5px 28px; transition: 0.3s;}
.con6_tit span.more_btn:hover{background-color: #fff;color: #0d2668;}
.con6 .product_list{}
.con6 .product_list li{float: left; width: 49.5%;}
.con6 .product_list li:first-child{margin-right: 1%;}
.con6 .product_list li .img_box{float: left;}
.con6 .product_list li .info_box{color: #fff;float: left;padding-left: 25px;width: calc(100% - 185px);}
.con6 .product_list li .info_box .tit{font-weight: 500;font-size: 1.3em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;padding-top: 27px;}
.con6 .product_list li .info_box .info{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* hover */
.con6 .product_list li:hover .info_box{text-decoration: underline;}

/* 배너존 */
#bnr {border-top:1px solid #d6d6d6;padding: 29px 0;overflow: hidden;}
#bnr > div {width: 1500px;margin:0 auto;overflow:hidden;}
#bnr .fix-bnr{float:left; margin-right:25px;}
#bnr .bnrCtrl {width: 14%;float:left;padding-top: 7px;}
#bnr .bnrCtrl span {display:block;float:left;height:22px;line-height:22px;font-size: 1.2em;color: #111;font-weight: 500;}
#bnr .bnrCtrl ul {padding-left: 29px;overflow:hidden;}
#bnr .bnrCtrl ul li {float:left;}
#bnr .bnrCtrl ul li:first-child a {margin-left:0;}
#bnr .bnrCtrl ul li a {display:block;border:1px solid #d6d6d6;width:22px;height:22px;font-size:0;text-indent:-9999em;margin-left:-1px;}
#bnr .bnrCtrl ul li a.prev {background:#fff url('/images/main_ghs/bnr_prev.png') no-repeat 50% 50%;}
#bnr .bnrCtrl ul li a.stop {background:#fff url('/images/main_ghs/bnr_stop.png') no-repeat 50% 50%;}
#bnr .bnrCtrl ul li a.play {background:#fff url('/images/main_ghs/bnr_play.png') no-repeat 50% 50%;}
#bnr .bnrCtrl ul li a.next {background:#fff url('/images/main_ghs/bnr_next.png') no-repeat 50% 50%;}
#bnr .bnrCtrl ul li a.all {background:#fff url('/images/main_ghs/bnr_prev.png') no-repeat 50% 50%;}
#bnr .bnrList {width: 86%;float:left;}
#bnr .bnrList {overflow:hidden;}
#bnr .bnrList li {float:left;width: 99px;margin-right: 30px;}
#bnr .bnrList li a {height: 33px;display:inline-block;}
#bnr .bnrList li a img {width:100%;height:100%;}
.bnr-board-list{ overflow:hidden;}
.bnr-board-list ul{}
.bnr-board-list ul li{ float:left; width:16.6666%; text-align:center; margin-bottom:20px;}
.bnr-board-list ul li a{display:block;}
.bnr-board-list ul li a img{height:41px;}


@media (max-width: 768px) {
  #youtubePopup {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: calc(100% - 20px) !important;
    max-width: 360px;
    padding: 10px !important;
  }

  #youtubePopup iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  #youtubePopup button {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 18px;
    float: none !important;
  }

  #youtubePopup > div:first-child {
    font-size: 16px;
    padding-right: 30px; /* X 버튼 공간 확보 */
  }
}

/*mobile*/
@media all and (max-width:1600px){
/* 배너존 */
#bnr > div{width: 100%; padding:0 30px;}	
}

@media all and (max-width:1400px){
	
	/*인트로*/
	#main_intro{padding: 60px 30px;}
	#main_intro .in_wrap{width:100%;}
	#main_intro .bg_ai{display:none;}
	#main_intro .title::after{ width: 130px; background-size: contain; right: -111px;}
	#main_intro .intro_btn li{/* width: 49%; *//* margin-right: 2%; *//* margin-bottom: 2%; */}
	#main_intro .intro_btn li:nth-child(2n){/* margin-right: 0; */}
	#main_intro .intro_btn li a{}

/* con1 */
.con1{ margin: 40px 0;}
.con1 .notice{width:100%;margin-bottom: 30px;}

/*퀵메뉴*/
.qck_mn.pc{display:none;}
.qck_mn.mo{display:block;float: left;}
.qck_mn.mo{width: 68%;margin-left: 2%;height: 275px;background: #3053b9 url(/images/main/q_mn_bg.jpg)no-repeat 100% 50%;background-size: cover;}
.qck_mn.mo .title{width: 100%;padding-top: 30px;}
.qck_mn.mo .title strong{display:inline-block;margin-right: 10px;}
.qck_mn.mo .title p{display:inline-block;}
.qck_mn.mo .btnlist{ width: 100%; padding-top: 10px;}
.qck_mn.mo .btnlist ul li{width:25%;margin-bottom: 15px;}
.qck_mn .btnlist ul li:last-child a{  background: url(/images/main/q_ico_07_mo.png)no-repeat #fff 50% 37%;  width: 100%; height: 87px; margin-top: 0px;  box-shadow: none;}

/*팝업존*/
.con1 .popup_wrap{width: 30%;}

/*con2*/
.gallery .gall_txt{  padding: 25px;}
.gallery .gall_txt .day{width:100%;}
.gallery .gall_txt .date{margin-right:5px;}
.gallery .gall_txt .tit{ width: 100%; margin-left: 0;}
.gallery-slider .post-wrapper .post{height: auto;}
.gallery-slider .post-wrapper{height:auto;}
.gallery .gall_img img{width:100%;/* height: 300px; */}
.gallery .gall_img{/* height:300px; */}
.con2{ padding: 70px 0;}

/*con3*/
.con3-btnlist{ padding: 0;}
}


@media all and (max-width:1240px){
/* 배너존 */
    #bnr {padding:30px;}
    #bnr > div {width:100%;}
    #bnr .bnrCtrl {width: 141px;}
    #bnr .bnrList { height:40px; padding-left: 25px;}
    #bnr .bnrList li {width:20%; margin-right: -15px;}
    .caroufredsel_wrapper{width:calc(100% - 150px) !important;}	
}


@media (max-width: 980px){

	/*인트로*/
	#main_intro .title::after{display:none;}
	#main_intro .title{width: 90%;}
	#main_intro .intro_btn{  padding-top: 30px;}
	#main_intro .intro_btn li{ width: 35%;margin-right: 2%;margin-bottom: 2%;}
	#main_intro .intro_btn li:nth-child(2n){margin-right: 0;}
	#main_intro .intro_btn li.intro_btn01 a::before{width: 130px;height: 130px;background-size: contain;}
	#main_intro .intro_btn li.intro_btn02 a::before{ width: 130px; height: 130px; background-size: contain;}
	#main_intro .intro_btn li.intro_btn03 a::before{ width: 130px; height: 130px; background-size: contain;}
	#main_intro .intro_btn li.intro_btn04 a::before{ width: 130px; height: 130px; background-size: contain;}
	
	#main_intro .intro_btn li:last-child{margin-right:0;position: absolute;margin-top: 368x;width: 71%;}
	li.intro_btn03 {background: url(/images/main/sns_box.png) no-repeat center;margin-top: 390px;padding-top: 5px;width: 71%;font-weight: 400;display: flex;justify-content: space-around;align-items: center;width: 100%;flex-wrap: nowrap;flex-direction: row;width: 40%;flex-basis: 10%;}
	
	
/* main visual */
.main .visual_box .bx-wrapper .slider li .main_txt{ width: 500px;}
.main .visual_box .bx-wrapper .bx-controls-direction a{display:none;}

.con1 .notice > div ul li .new{display:none;}

/*con3*/
.con3-btnlist li{font-size: 0.9em;padding: 55px 30px;}
.con3-btnlist li strong{font-size:26px;}

 /* 배너존 */
    #bnr > div{padding: 0 10px;}
    #bnr .fix-bnr{width:23%; margin-right:0;}
    #bnr {padding: 12px;font-size:0.7em;}
    #bnr .bnrCtrl {width: 63px;padding-top:2px;}
    #bnr .bnrCtrl span {display:inherit;width:0;height:0;font-size:0;text-indent:-9999em;margin:0;padding:0;border:0;overflow:hidden;}
    #bnr .bnrCtrl ul {padding-left:0;}
    #bnr .bnrCtrl ul li a {width:20px;height:20px;}
    #bnr .bnrList {width:66%;height:25px;}
    #bnr .bnrList li {width:80px;margin:0 0.2%;}
    #bnr .bnrList li a {height: 49px;}

    #bnr .caroufredsel_wrapper {width:calc(100% - 70px) !important;margin:0 auto !important;}


}



@media all and (max-width:768px) {
    #main_intro .intro_btn li .btn_tit {height: 40px;margin-bottom: 17px;margin-top: 74px;z-index: 1;position: relative;font-size: 1.3em;color: #000;}	
	#main_intro .intro_btn li:last-child{margin-right:0;position: absolute;margin-top: 368x;width: 69%;}
	li.intro_btn03 {background: url(/images/main/sns_box.png) no-repeat center;margin-top: 390px;padding-top: 5px;width: 89%;font-weight: 400;display: flex;justify-content: space-around;align-items: center;width: 100%;flex-wrap: nowrap;flex-direction: row;width: 40%;flex-basis: 10%;}

/* main visual */
.main .visual_box .bx-wrapper .slider li .main_txt{width: 400px;margin-top: 100px;}
.main .visual_area{ height: 400px;}

/* con1 */
.con1{  margin: 30px 0;}
.con1 .popup_wrap{  width: 40%;}
.con1 .notice > div{width:100%;margin-bottom: 25px;padding-bottom: 20px;border-right: 0;border-bottom: 1px solid #e0e0e0;}
.con1 .notice > div > a{   margin-bottom: 10px;}
.con1 .notice > div ul li{  margin-bottom: 10px;}
.con1 .notice > div ul li .new{display: inline-block;}

/*퀵메뉴*/
.qck_mn.mo .btnlist ul li{font-size: 0.85em;height: 80px;line-height: 120%;}
.qck_mn .btnlist ul li:nth-child(1) a::before{content:"";display: block;padding-top: 50px;background: url(/images/main/q_ico_01.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(2) a::before{content:"";display: block;padding-top: 50px;background: url(/images/main/q_ico_02.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(3) a::before{content:"";display: block;padding-top: 50px;background: url(/images/main/q_ico_03.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(4) a::before{content:"";display: block;padding-top: 50px;background: url(/images/main/q_ico_04.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(5) a::before{content:"";display: block;padding-top: 50px;background: url(/images/main/q_ico_05.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:nth-child(6) a::before{content:"";display: block;padding-top: 50px;background: url(/images/main/q_ico_06.png)no-repeat 50% 10%;}
.qck_mn .btnlist ul li:last-child a{ background-size: 85px; height: 67px;  background-position: 50% 31%;}
.qck_mn.mo{width: 58%;}

/* con2 */
.con2{padding: 50px 0;font-size: 0.95em;}
.gall_tit p:first-child{display:block;}
.gall_tit p:last-child{display:block;margin-top:5px;}
.gallery-slider .gall_controls a{padding: 3px 20px;}

/* con3 */
.con3{ height: auto;  background-size: cover;  padding: 50px 0;}
.con3-btnlist li{width: 100%;margin-bottom: 10px;padding: 30px 25px;}
.con3-btnlist li strong::after{width: 40px;}
.con3-btnlist li span{margin-bottom: 18px;display: inline-block;margin-right: 4%;}
.con3-btnlist li strong{margin-right: 2%;}

}



@media all and (max-width:480px){
	
	/*인트로*/
	#main_intro{padding: 60px 15px;}
	#main_intro .intro_btn li{/* width: 100%; */}
	#main_intro .intro_btn li a{padding: 20px 0;}
	#main_intro .intro_btn li.intro_btn01 a::before{width: 100px;height: 100px;background-size: contain;}
	#main_intro .intro_btn li.intro_btn02 a::before{ width: 100px; height: 100px; background-size: contain;}
	#main_intro .intro_btn li.intro_btn03 a::before{ width: 100px; height: 100px; background-size: contain;}
	#main_intro .intro_btn li.intro_btn04 a::before{ width: 100px; height: 100px; background-size: contain;}
	#main_intro .intro_btn li span{ width: 120px;  height: 28px; line-height: 29px;  font-size: 0.9em;}
	#main_intro .intro_btn li .btn_tit{height: 30px;    margin-top: 95px; margin-bottom: 28px;}
	/* #main_intro .intro_btn li.intro_btn01 a .btn_tit{background-size: 115px;}
	#main_intro .intro_btn li.intro_btn01 a:hover .btn_tit{background-size: 115px;}
	#main_intro .intro_btn li.intro_btn02 a .btn_tit{background-size: 145px;}
	#main_intro .intro_btn li.intro_btn02 a:hover .btn_tit{background-size: 145px;}
	#main_intro .intro_btn li.intro_btn03 a .btn_tit{background-size: 145px;}
	#main_intro .intro_btn li.intro_btn03 a:hover .btn_tit{background-size: 145px;}
	#main_intro .intro_btn li.intro_btn04 a .btn_tit{background-size: 145px;}
	#main_intro .intro_btn li.intro_btn04 a:hover .btn_tit{background-size: 145px;} */
	
	#main_intro .intro_btn li:last-child{margin-right:0;position: absolute;margin-top: 328px;width: 70%;}
	li.intro_btn03 {background: url(/images/main/sns_box.png) no-repeat center;width: 40%;font-weight: 400;padding-top: 5px;display: flex;justify-content: space-around;align-items: center;width: 100%;flex-wrap: nowrap;flex-direction: row;width: 40%;flex-basis: 10%;}
	
	
	
/* main visual */
.main .visual_area{  height: 350px;}
.main .visual_box .bx-wrapper .slider li .main_txt{width: 95%;margin-top: 70px;}

/* con1 */
.con1{  margin-bottom: 10px;}
.con1 .popup_wrap{width:100%;}
.con1 .notice{ margin-bottom: 15px;} 
.con1 .notice > div:first-child{ padding: 0 20px 0 20px;}
.con1 .notice > div{margin-bottom: 17px;padding-bottom: 15px;}
.qck_mn.mo{width:100%;margin-left:0;height: 250px;margin-top: 10px;}

/* con2 */
.con2{padding: 50px 10px 50px 20px;}
.gallery .gall_img img{/* height: 180px; */}
.gallery .gall_txt{  padding: 20px;}
.gallery-slider .gall_controls{top: -86px;right: 21px;}
.gallery-slider .gall_controls a{display:block;margin-bottom: 14px;margin-right: 0;padding: 0px 10px;margin-left: -15px;}
.gallery-slider .post-wrapper .post{   margin-right: 12px;}   



    
}

/* ===== 모바일 레이아웃 26.1.29===== */
@media (max-width: 768px) {

  html, body { overflow-x: hidden; }
  .con1{width: auto !important;margin: 20px 10px !important;position: relative !important;padding: 15px 10px !important;}
  .dv_wrap1, .dv_wrap{max-width: 100% !important;width: 100% !important;}
  .main .main_visual{height: auto !important;position: relative !important;}

  #main_intro .intro_btn li:last-child{ position: static !important;margin-top: 0 !important;width: 100% !important;}
  #main_intro .intro_btn{flex-wrap: wrap !important;gap: 10px;}
  #main_intro .intro_btn li{width: 100% !important;margin: 0 !important;}
}

@media (max-width: 768px) {

  .con5{width: 100% !important;height: auto !important;margin-top: 20px;padding: 20px 15px;background-position: right 20px bottom 20px;background-size: 80px auto;}
  .con5 .tech_list{display: flex;flex-direction: column;gap: 12px;}
  .con5 .tech_list li{width: 100% !important;padding: 16px 16px;background-size: 60px auto;min-height: auto;}
  .con5 .tech_list li .tit{font-size: 1.1em;line-height: 1.3;margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .con5 .tech_list li .info{font-size: 0.95em;line-height: 1.4;word-break: keep-all;}
}

.con6_tit{display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.con6 .product_list{display: flex;gap: 12px;flex-wrap: wrap;}
.con6 .product_list li{width: calc(50% - 6px);}
.con6 .product_list li a{display: flex;align-items: center;gap: 14px;background: rgba(255,255,255,0.08);border-radius: 10px;padding: 14px;}
.con6 .product_list li .img_box{flex: 0 0 120px;}
.con6 .product_list li .img_box img{width: 120px !important;height: 80px !important;object-fit: cover;border-radius: 8px;display: block;}
.con6 .product_list li .info_box{width: auto !important;padding-left: 0 !important;float: none !important;flex: 1;min-width: 0;}
.con6 .product_list li .info_box .tit{padding-top: 0 !important;margin-bottom: 6px;font-size: 1.1em;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.con6 .product_list li .info_box .info{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0.9;}

@media (max-width: 768px) {
  .con6{width: 100% !important;height: auto !important;padding: 20px 15px;}
  .con6 .product_list li{width: 100% !important;}
  .con6 .product_list li a{padding: 12px;}
  .con6 .product_list li .img_box{flex-basis: 110px;}
  .con6 .product_list li .img_box img{width: 110px !important;height: 74px !important;}
}

@media (max-width: 768px){
  .main .main_visual{position: relative !important;height: 400px !important;}
  .main .visual_area{height: 400px !important;}
}


.con6 .product_list{
  display: flex;
  gap: 12px;
}

.con6 .product_list li{
  float: none;         /* 기존 float 제거 */
  width: auto;         /* 기존 49.5% 제거 */
  flex: 1;
  min-width: 0;        /* 말줄임 필수 */
}

.con6 .product_list li:first-child{
  margin-right: 0;     /* 기존 1% 제거 */
}

.con6 .product_list li a{
  display: flex;
  gap: 16px;
  align-items: center;
}

/* 이미지 고정 영역 */
.con6 .product_list li .img_box{
  float: none;
  flex: 0 0 120px;
}


/* 텍스트 영역 */
.con6 .product_list li .info_box{
  float: none;
  width: auto;
  padding-left: 0;     /* a에 gap으로 간격 처리 */
  flex: 1;
  min-width: 0;
}

.con6 .product_list li .info_box .tit{
  padding-top: 0;      /* 기존 27px 때문에 높이 깨지면 제거 */
}


/* =========================
   INTRO - 레이아웃 정리(공통)
   ========================= */

/* flex 쓰는 곳에서 float 제거(충돌 방지) */
#main_intro .intro_btn li{
  float: none !important;
}

/* intro 영역 중앙정렬 안정화 */
#main_intro{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;   /* 100vh 대신 더 안전 */
  height: auto;
  padding: 60px 30px;
}

#main_intro .in_wrap{
  width: 100%;
  max-width: 1200px;
  margin: 0;
  display: block;
  text-align: center;
}

#main_intro .title img{
  max-width: 442px;
  width: 100%;
  height: auto;
}

/* 카드 영역 */
#main_intro .intro_btn{
  display: flex;
  justify-content: center;
  gap: 14px;
  padding-top: 30px;
  flex-wrap: wrap;      /* 줄바꿈 허용 */
}

#main_intro .intro_btn li{
  width: 320px;         /* PC에서도 카드 폭 고정 */
  max-width: 85%;
  margin: 0 !important; /* 기존 margin-left/right 제거 */
  border-radius: 15px;
  overflow: hidden;
  background-color: #fff;
}

#main_intro .intro_btn li a{
  padding: 28px 0;
}

/* intro_btn03(SNS 카드)는 a가 아니라 컨테이너라서 padding/정렬 별도 */
#main_intro .intro_btn li.intro_btn03{
  background: url(/images/main/sns_box.png) no-repeat center;
  background-size: cover;
  padding: 22px 16px;
}

#main_intro .intro_btn li.intro_btn03 .btn_tit{
  margin: 0 0 12px 0;
  height: auto;
}

/* SNS 아이콘 row */
#main_intro .intro_btn li.intro_btn03 .sns_row{
  display: flex;
  justify-content: center;
  gap: 18px;
}

#main_intro .intro_btn li.intro_btn03 .sns_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #111;
  min-width: 80px;
}

#main_intro .intro_btn li.intro_btn03 .sns_item img{
  width: 56px;
  height: 56px;
}

#main_intro .intro_btn li.intro_btn03 .sns_item p{
  font-size: 14px;
  margin-top: 6px;
}


/* =========================
   INTRO - 모바일(768 이하)
   ========================= */
@media (max-width: 768px){

  #main_intro{
    padding: 40px 16px;
  }

  #main_intro .title img{
    width: 78%;
    max-width: 260px;
  }

  /* 카드 3개를 세로 1열 */
  #main_intro .intro_btn{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
	margin-left: 28px;
  }

  #main_intro .intro_btn li{
    width: 85% !important;
  }

  /* 기존에 남아있는 absolute/이상한 width 무시 */
  #main_intro .intro_btn li:last-child{
    position: static !important;
    margin-top: 0 !important;
    width: 100% !important;
  }

  /* 모바일에서는 SNS 아이콘도 조금 줄이고 중앙 */
  #main_intro .intro_btn li.intro_btn03{
    padding: 18px 13px;
  }

  #main_intro .intro_btn li.intro_btn03 .sns_row{
    gap: 14px;
  }

  #main_intro .intro_btn li.intro_btn03 .sns_item img{
    width: 48px;
    height: 48px;
  }

  #main_intro .intro_btn li.intro_btn03 .sns_item p{
    font-size: 13px;
  }
}