@charset "utf-8";
.main #container {position:relative;}

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

/*===== main =====*/
/* main visual */
/* .main .visual_area{height: 550px;width: 100%; }
.main .main_visual {height:inherit;width: inherit;background: url(/images/main_ghs/bizmain2.png) no-repeat center top;padding: 120px 0;background-size: 85% 100%;}
.main .main_visual .dv_wrap{max-width: 1500px;margin:0 auto;}
.main .main_visual .dv_wrap::after{display: block;} */

/* .main .visual_area{height: 877px;width: 100%; }
.main .main_visual {height:inherit;width: inherit;background: url(/images/main_ghs/main_bg.jpg) no-repeat center top;padding: 120px 0;}
.main .main_visual .dv_wrap{max-width: 1500px;margin:0 auto;}
.main .main_visual .dv_wrap::after{display: block;}
 */

/*===== 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;background-size: 85% 100%;}
.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:85%;  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_ghs/main_ghs_11.png');}
.main .visual_box .bx-wrapper .slider li.sl02 {background-image: url('/images/main_ghs/main_ghs_10.jpg');}
.main .visual_box .bx-wrapper .slider li.sl03 {background-image: url('/images/main_ghs/main_ghs_7.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_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: 38px;}
.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;}
.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;}



.sec-01 {/* display:flex;    justify-content: space-evenly; */ display: flex;justify-content: center;flex-wrap: nowrap; padding:20px 20px;}
/* con1 - 기업홍보 */
.con1{display:none;}
.con1{width: 43%;border-radius: 10px;overflow: hidden;float: left;background-color: #fff;height: 443px;}
.con1 .popup{padding: 25px 24px 0;}
.con1 .popup_top{margin-bottom: 20px;}
.con1 .popup_top .tit{float: left;color: #046fd7;font-size: 1.5em;font-weight: 700;padding: 2px 0 2px 38px;background:url(/images/main_ghs/mainad_ico_01.png) no-repeat left center;}
.con1 .popup_top .popup_ctrl{float: right;background-color: #f1f1f1;border-radius: 100px;padding: 7px 12px;}
.con1 .popup_ctrl button {float: left;width: 18px;height: 13px;margin: 0 0 0 -1px;background: no-repeat 50%;font-size: 0;}
.con1 .popup_ctrl1 button.popup_prev { background-image: url(/images/main_ghs/mainad_btn_prev.png);}
.con1 .popup_ctrl button.popup_prev { background-image: url(/images/main_ghs/mainad_btn_prev.png);}
.con1 .popup_ctrl button.popup_next {  background-image: url(/images/main_ghs/mainad_btn_next.png);}
.con1 .popup_ctrl button.rolling_stop {background-image: url(/images/main_ghs/mainad_btn_stop.png);}
.con1 .popup_ctrl button.rolling_play {  background-image: url(/images/main_ghs/mainad_btn_play.png);} 

.con1 .ppzone{height: 445px;}

.con1 .popup_list .popup_box > li{width: 100%;margin-bottom: 13px; transition: 0.3s;}
.con1 .popup_list .popup_box > li::after{display: block; content: ''; clear: both;}
.con1 .popup_list .popup_box > li .img_box{float: left;width: 135px;overflow: hidden;height: 75px;position:relative;}
.con1 .popup_list .popup_box > li .img_box img{width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.con1 .popup_list .popup_box > li .txt_box{float:right;vertical-align: middle;padding-left: 7%;width: calc(100% - 135px);padding-top: 15px;}
.con1 .popup_list .popup_box > li .txt_box p.tit{font-weight: 600;font-size: 1.2em;color: #111;width: 98%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; transition: 0.3s;;}
.con1 .popup_list .popup_box > li .txt_box p.info{width: 98%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* hover */
.con1 .popup_list .popup_box li:hover{color: #046fd7;}
.con1 .popup_list .popup_box > li:hover .txt_box p.tit{color: #046fd7;}

/* con2 - 제품홍보 */
.con2{width: 87%;border-radius: 10px;overflow: hidden;float: left;background-color: #fff;/* margin-left: 0%; */height: 443px;}
/*.con2{width: 43%;border-radius: 10px;overflow: hidden;float: left;background-color: #fff;margin-left: 1%;height: 443px;}*/
.con2 .popup{padding: 25px 24px 0;}
.con2 .popup_top{margin-bottom: 20px;}
.con2 .popup_top .tit{float: left;color: #046fd7;font-size: 1.5em;font-weight: 700;padding: 2px 0 2px 41px;background:url(/images/main_ghs/mainad_ico_02.png) no-repeat left center;}
.con2 .popup_top .popup_ctrl{float: right;background-color: #f1f1f1;border-radius: 100px;padding: 7px 12px;}
.con2 .popup_ctrl button {float: left;width: 18px;height: 13px;margin: 0 0 0 -1px;background: no-repeat 50%;font-size: 0;}
.con2 .popup_ctrl button.popup_prev { background-image: url(/images/main_ghs/mainad_btn_prev.png);}
.con2 .popup_ctrl button.popup_prev { background-image: url(/images/main_ghs/mainad_btn_prev.png);}
.con2 .popup_ctrl button.popup_next {  background-image: url(/images/main_ghs/mainad_btn_next.png);}
.con2 .popup_ctrl button.rolling_stop {background-image: url(/images/main_ghs/mainad_btn_stop.png);}
.con2 .popup_ctrl button.rolling_play {  background-image: url(/images/main_ghs/mainad_btn_play.png);} 

.con2 .ppzone{height: 445px;}

.con1 .popup_list .popup_box{
                             display: flex;
                              /* 아이템들이 여러 줄에 걸쳐 배치될 수 있게 함 */
                             gap: 10px;
                             flex-wrap: wrap;
                             }

.con1 .popup_list .popup_box > li{
  flex: 0 0 calc(50% - 10px); /* 한 줄에 2개씩 배치 (아이템 너비: 50% - 간격) */
  list-style: none; /* 기본 리스트 스타일 제거 */
  margin: 0; /* 여백 제거 */
  overflow: hidden; /* 내용이 넘치지 않도록 설정 */
  text-overflow: ellipsis; /* 넘칠 경우 ...으로 표시 */
  white-space: nowrap; /* 텍스트가 한 줄로 표시되도록 */
  }
.con1 .popup_list .popup_box > li::after{display: block; content: ''; clear: both;}
.con1 .popup_list .popup_box > li .img_box{float: left;width: 135px;height: 75px;overflow:hidden; position:relative;}
.con1 .popup_list .popup_box > li .img_box img{width: 100%;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);height: auto;}
.con1 .popup_list .popup_box > li .txt_box{float:right;vertical-align: middle;padding-left: 7%;width: calc(100% - 135px);padding-top: 15px;}
.con1 .popup_list .popup_box > li .txt_box p.tit{font-weight: 600;font-size: 1.2em;color: #111;width: 98%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: 0.3s;}
.con1 .popup_list .popup_box > li .txt_box p.info{width: 98%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.con2 .popup_list .popup_box{ display: flex;
                             flex-wrap: wrap; /* 아이템들이 여러 줄에 걸쳐 배치될 수 있게 함 */
                             gap: 10px;}

.con2 .popup_list .popup_box > li{
     flex: 0 0 calc(50% - 10px); /* 한 줄에 2개씩 배치 (아이템 너비: 50% - 간격) */
  list-style: none; /* 기본 리스트 스타일 제거 */
  margin: 0; /* 여백 제거 */
  overflow: hidden; /* 내용이 넘치지 않도록 설정 */
  text-overflow: ellipsis; /* 넘칠 경우 ...으로 표시 */
  white-space: nowrap; /* 텍스트가 한 줄로 표시되도록 */}
.con2 .popup_list .popup_box > li::after{display: block; content: ''; clear: both;}
.con2 .popup_list .popup_box > li .img_box{float: left;width: 135px;height: 75px;overflow:hidden; position:relative;}
.con2 .popup_list .popup_box > li .img_box img{width: 100%;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);height: auto;}
.con2 .popup_list .popup_box > li .txt_box{float:right;vertical-align: middle;padding-left: 7%;width: calc(100% - 135px);padding-top: 15px;}
.con2 .popup_list .popup_box > li .txt_box p.tit{font-weight: 600;font-size: 1.2em;color: #111;width: 98%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; transition: 0.3s;}
.con2 .popup_list .popup_box > li .txt_box p.info{width: 98%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* hover */
.con2 .popup_list .popup_box li:hover{color: #046fd7;}
.con2 .popup_list .popup_box > li:hover .txt_box p.tit{color: #046fd7;}



/* con3 - 기업지원사업안내 */
.con3{width: 25%;border-radius: 10px;overflow: hidden;float: left;background-color: #fff;margin-left: 1%;height: 443px;padding:25px 0 0;}
.con3 .con3_tit{padding: 0 30px;}
.con3 .con3_tit span{color: #046fd7;font-size: 1.5em;font-weight: 700;padding: 2px 0 2px 46px;background:url(/images/main_ghs/mainad_ico_03.png) no-repeat left center;}

.con3 .rb_box{padding:0 30px;height: 163px;}
.con3 .brb_box{padding: 1px 30px 106px;background-color: #f3f7ff;margin-top: 6px;}
.con3 .tit{background-color: #2250a8; color: #fff; font-weight: 700; font-size: 1.2em; width: 108px; padding:3px 0; text-align: center; border-radius: 100px; margin-top: 20px; margin-bottom: 5px;}
.con3 .rb_list{}
.con3 .rb_list li{border-bottom: 1px solid #dadada;padding: 6px 0;}
.con3 .rb_list li:last-child{border-bottom:0;}
.con3 .rb_list li::before{display: inline-block; content: ''; height: 3px; width: 3px; background-color: #111; border-radius: 50%; vertical-align: middle; margin-right: 6px;}
.con3 .rb_list li a{color:#111;display: inline-block;width: calc(100% - 100px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.con3 .rb_list li span.date{float: right;}


/* con4 - 팝업존 */
.con4{width: 22%;border-radius: 10px;overflow: hidden;float: left;margin-left: 1%;height: 443px; position: relative;}
.con4 .popup_ctrl{position: absolute;right: 0;bottom: 0;}
.con4 .popup_ctrl button {float: left;width: 38px;height: 38px;background: no-repeat center;font-size: 0;}
.con4 .popup_ctrl button.popup_prev { background-image: url(/images/main_ghs/popup_prev.png);}
.con4 .popup_ctrl button.popup_next {  background-image: url(/images/main_ghs/popup_next.png);}
.con4 .popup_ctrl button.rolling_stop {background-image: url(/images/main_ghs/popup_stop.png);}
.con4 .popup_ctrl button.rolling_play {  background-image: url(/images/main_ghs/popup_play.png);} 
.con4 img{height: 443px;width: 100%;}
.con4 .popup_box li{height:443px;}



/* 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;}
.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;}
.con6_tit{color: #fff; font-size: 1.5em; font-weight: 700; margin-bottom: 23px;}
.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;}



/* 바로가기 */
.quick_area{margin:73px 0; background: url(/images/main_ghs/qick_bg.jpg) no-repeat right top;}
.quick_area .dv_wrap{max-width: 1500px; margin: 0 auto;width: 100%;text-align:center;}

.quick_area .qtit_box{padding-top: 127px;width: 40%;background: #fff;padding-bottom: 130px;}
.quick_area .qtit_box p{word-break: keep-all;font-size: 1.1em;}
.quick_area .qtit_box .qtit{font-size: 2.5em; font-weight: 600; color: #111; margin-bottom: 30px;}

.quick_area .qbtn_box{width: 100%;/* background: #fff; */}
.quick_area .qbtn_box li{float: left;width: 33.33%;text-align: center;padding:90px 0;height: 361px;background: #fff;}
.quick_area .qbtn_box li.on{background:#046fd7 url(/images/main_ghs/qick_bg_02.jpg) no-repeat center bottom;color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.25); }
.quick_area .qbtn_box li a{display: block; text-decoration: none; }
.quick_area .qbtn_box li:not(:last-child) a{border-right: 1px solid #d4d4d4;}
.quick_area .qbtn_box li.on a{border-right: 0;}
.quick_area .qbtn_box li a:before{display:block;content:'';background:no-repeat center; width: 100%; background-size: contain;}
.quick_area .qbtn_box li:nth-child(1) a:before{background-image:url(/images/main_ghs/qick_ico_01.png);height:68px;}
.quick_area .qbtn_box li.on:nth-child(1) a:before{background-image:url(/images/main_ghs/qick_ico_01_on.png);}
.quick_area .qbtn_box li:nth-child(2) a:before{background-image:url(/images/main_ghs/qick_ico_02.png);height:55px;}
.quick_area .qbtn_box li.on:nth-child(2) a:before{background-image:url(/images/main_ghs/qick_ico_02_on.png);}
.quick_area .qbtn_box li:nth-child(3) a:before{background-image:url(/images/main_ghs/qick_ico_03.png);height:52px;}
.quick_area .qbtn_box li.on:nth-child(3) a:before{background-image:url(/images/main_ghs/qick_ico_03_on.png);}
.quick_area .qbtn_box li .qbtn_tit{font-size:1.6em;color:#111;margin-bottom: 13px;font-weight: 500;padding-top: 55px;}
.quick_area .qbtn_box li.on .qbtn_tit{color:#fff;}
.quick_area .qbtn_box li .qbtn_info{font-size: 1.1em; word-break: keep-all; line-height: 1.3;}




/* 배너존 */
#bnr {border-top:1px solid #d6d6d6;padding: 29px 0;}
#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;}






/************************************* 반응형 *************************************/

/* tablet */
@media only screen and (max-width : 1600px){ 
    /* main visual */
    .main .main_visual .dv_wrap{width: 100%; padding:0 30px;}

    /* 바로가기 */
    .quick_area{background-position: right -150% top;}
    .quick_area .dv_wrap{width: 100%; padding: 0 30px;}

    /* 배너존 */
    #bnr > div{width: 100%; padding:0 30px;}
}

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

    /* main visual */
    .main .visual_area{height: auto;}
    .main .main_visual{padding:50px 0;background-size: cover;background-position: center;}

    /* con1 - 기업홍보 */
    .con1{width: 49.5%;}

    /* con2 - 제품홍보 */
    .con2{width: 49.5%;}

    /* con3 - 기업지원사업안내 */
    .con3{width: 49.5%; margin-left: 0; margin-top: 20px; height: 420px;}
	.con3 .rb_box{height: 152px;}

    /* con4 - 팝업존 */
    .con4{width: 49.5%; margin-top: 20px; height: 420px;}
    /* .popup_box{width: 100%;} */
    .con4 img{height: 420px; width: 100%;}

    /* con5 - 기술이전 */
    .con5{margin-top: 20px;}
    .con5 .tech_list li:first-child{background-image: none;}
    .con5 .tech_list li:last-child{background-image: none;}
    .con5 .tech_list li{padding:20px 0 20px 25px}

    /* con6 - 연구원 시제품 현황 */
    .con6{margin-top: 20px;}

    /* 바로가기 */
    .quick_area .qtit_box{padding-top: 50px;background: #fff;width: 50%;padding-bottom: 50px;}
    .quick_area .qbtn_box{}
    .quick_area .qbtn_box li{padding: 68px 0; height: 270px;}
    .quick_area .qbtn_box li .qbtn_tit{padding-top: 30px; margin-bottom: 10px;}

    /* 배너존 */
    #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;}

}


/* mobile */
@media only screen and (max-width : 980px){ 

    

    /* con5 - 기술이전 */
    .con5{width: 49.5%;}
    .con5 .tech_list li{padding:13px 20px; width: 100%;}
    .con5 .tech_list li:first-child{margin-bottom: 5px;}
    .con5 .tech_list li .tit{margin-bottom: 0;}
    .con5 .tech_list li .info{display: none;}

    /* con6 - 연구원 시제품 현황 */
    .con6{width: 49.5%;}
    .con6 .product_list li{width: 100%;}
    .con6 .product_list li:last-child{display: none;}

    /* 바로가기 */
    .quick_area{background:none;}
    .quick_area .qtit_box{width: 100%; text-align: center; padding-top: 0; ;}
    .quick_area .qtit_box .qtit{font-size: 2em;}
    .quick_area .qbtn_box li .qbtn_tit{font-size: 1.4em;}
    .quick_area .qbtn_box li .qbtn_info{font-size: 1em;}

    /* 배너존 */
    #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 only screen and (max-width : 760px){
    .con1{width: 100%;height: 250px;}
    .con1 .popup{padding: 15px;}
    .con1 .popup_list .popup_box > li{width: 49%; float: left;}
    .con1 .popup_list .popup_box > li:nth-child(even){margin-left: 2%;}
    .con1{height: 370px;}
    .con1 .popup_list .popup_box > li .txt_box{width: 100%; text-align: center;}
    .con1 .popup_list .popup_box > li .img_box{width: 100%;}
    .con1 .bx-wrapper img{ height: 75px;width: 100%;}


    .con2{width: 100%;height: 250px; margin-left: 0; margin-top: 10px;}
    .con2 .popup{padding: 15px;}
    .con2 .popup_list .popup_box > li{width: 49%; float: left;}
    .con2 .popup_list .popup_box > li:nth-child(even){margin-left: 2%;}
    .con2{height: 370px;}
    .con2 .popup_list .popup_box > li .txt_box{width: 100%; text-align: center;}
    .con2 .popup_list .popup_box > li .img_box{width: 100%;}
    .con2 .bx-wrapper img{ height: 75px;width: 100%;}


    .con3{width: 100%;margin-top: 10px;}
    .con3 .con3_tit{padding:0 15px;}
    .con3 .rb_box{padding:0 15px;}
    .con3 .brb_box{padding: 1px 15px 94px;}

    .con4{margin-left: 0; height: 207px;margin-top: 10px;}
    .con4 img{height: 207px;}

    .con5{margin-left: 1%; margin-right: 0;margin-top: 10px;}

    .con6{width: 100%;margin-top: 10px;}
}



@media only screen and (max-width : 680px){
    .quick_area .qbtn_box li a{padding: 0 15px;}
    .quick_area .qbtn_box li:nth-child(1) a:before{height: 43px;}
    .quick_area .qbtn_box li:nth-child(2) a:before{height: 40px;}
    .quick_area .qbtn_box li:nth-child(3) a:before{height: 39px;}
    .quick_area .qbtn_box li .qbtn_tit{font-size: 1.2em;}
    .quick_area .qbtn_box li .qbtn_info{font-size: 0.9em;}

    .quick_area .dv_wrap{padding: 0 20px;}
    .quick_area .qtit_box{padding-bottom: 35px;}
    .quick_area .qbtn_box li{width: 100%; height: 170px; padding: 20px 0;}
    .quick_area .qbtn_box li .qbtn_tit{padding-top: 20px;}
    .quick_area .qbtn_box li a{padding:15px 0;}
    .quick_area .qbtn_box li:not(:last-child) a{border-right: 0; border-bottom: 1px solid #d4d4d4;}
    .quick_area .qbtn_box li.on a{border-bottom: 0;}
}


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

    .main .main_visual{padding: 30px 0;}
    .main .main_visual .dv_wrap{padding: 0 20px;}

    .con4{width: 100%; height: 270px;}
    .con4 img{height: 270px;}

    .con5{margin-left: 0; width: 100%;  padding: 15px; height: auto; }

    .con6{padding: 15px; height: auto;}
}



@media only screen and (max-width : 480px){
    .con1 .popup_top .tit{font-size: 1.3em;}
    .con1 .popup_list .popup_box > li .txt_box{padding-left: 5%;}
    .con1 .popup_list .popup_box > li .txt_box p.tit{font-size: 1.1em;}
    


    .con2 .popup_top .tit{font-size: 1.3em;}
    .con2 .popup_list .popup_box > li .txt_box{padding-left: 5%;}
    .con2 .popup_list .popup_box > li .txt_box p.tit{font-size: 1.1em;}

    .con3 .con3_tit span{font-size: 1.3em;}

    .con5_tit{font-size: 1.3em;}

    .con6{height: auto;}
    .con6_tit{font-size: 1.3em;}
    .con6_tit span.more_btn{padding: 2px 14px;}
    .con6 .product_list li .img_box{width: 40%;}
    .con6 .product_list li .info_box{width: 60%;}
    .con6 .product_list li .info_box .tit{font-size: 1.1em;margin-bottom: 0; padding-top: 8px;}



}



/* ===== 모바일에서 메인비주얼/슬라이더 레이아웃 26.1.29 ===== */
@media (max-width: 980px){
  .main_con1{ height:auto !important; }
  .main .visual_area{height:auto !important;}
  .main .main_visual{position: relative !important;top:auto !important;left:auto !important;width:100% !important;height:auto !important;overflow: hidden;padding:0 !important;}
  .main .visual_box{position: relative !important;top:auto !important;height:auto !important;}
  .main .visual_box .bx-wrapper,.main .visual_box .bx-viewport,.main .visual_box .slider,.main .visual_box .slider li{height: 220px !important;min-height: 200px;border-radius: 0 0 20px 20px;}
  .main .visual_box .bx-wrapper .slider li{background-size: cover;background-position: center;}
  .main .visual_box .bx-wrapper .bx-controls-direction a{width:40px;height:40px;margin-top:-20px;}
  .main .bx-wrapper .bx-pager,
  .main .bx-wrapper .bx-controls-auto{bottom: 12px;}
}

.main .visual_box{ position:relative; }

.main .visual_box .control_arr{position:absolute;left:0;right:0;top:50%;transform: translateY(-50%);display:flex;justify-content: space-between;padding: 0 10px;z-index: 20;}
.main .visual_box .control_arr a{display:block;width:40px;height:40px;}
.main .visual_box .control_arr img{width:100%;height:100%;object-fit: contain;}
.main .visual_box .bx-wrapper{ position:relative; }
.main .visual_box .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;transform:translateY(-50%);z-index:50;}
.main .visual_box .bx-wrapper .bx-prev{ left:16px; }
.main .visual_box .bx-wrapper .bx-next{ right:16px; }

@media (max-width:760px){
  .main .visual_box .bx-wrapper .bx-controls-direction a{width:36px; height:36px;}
  .main .visual_box .bx-wrapper .bx-prev{ left:8px; }
  .main .visual_box .bx-wrapper .bx-next{ right:8px; }
}

.main .visual_box .bx-controls{display: none !important;}


@media (max-width: 760px){

  .sec-01{flex-wrap: wrap;padding: 12px 12px;}
  .con1, .con2{
    width: 100%;
    height: auto !important;
    margin: 0 !important;
    border-radius: 10px;
  }

  .con2{ margin-top: 10px !important; }
  .con1 .popup, .con2 .popup{padding: 15px !important;}
  .con1 .popup_list .popup_box,
  .con2 .popup_list .popup_box{display: grid !important;grid-template-columns: repeat(2, 1fr);gap: 10px;}
  .con1 .popup_list .popup_box > li,
  .con2 .popup_list .popup_box > li{width: auto !important;float: none !important;margin: 0 !important;padding: 0 !important;}
  .con1 .popup_list .popup_box > li > a,
  .con2 .popup_list .popup_box > li > a{
    display: block;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
  }

  .con1 .popup_list .popup_box > li .img_box,
  .con2 .popup_list .popup_box > li .img_box{
    width: 100% !important;
    height: 0 !important;
    padding-top: 56.25% !important; /* 16:9 */
    position: relative !important;
    float: none !important;
    overflow: hidden;
  }

  .con1 .popup_list .popup_box > li .img_box img,
  .con2 .popup_list .popup_box > li .img_box img{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .con1 .popup_list .popup_box > li .txt_box,
  .con2 .popup_list .popup_box > li .txt_box{
    width: 100% !important;
    float: none !important;
    padding: 10px 10px 12px !important;
    text-align: left !important;
  }

  .con1 .popup_list .popup_box > li .txt_box p.tit,
  .con2 .popup_list .popup_box > li .txt_box p.tit{
    font-size: 1.05em !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 0 4px 0;
    padding: 0 !important;
  }

  .con1 .popup_list .popup_box > li .txt_box p.info,
  .con2 .popup_list .popup_box > li .txt_box p.info{
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0;
  }
}


@media (max-width: 480px){
  .con1 .popup_list .popup_box,
  .con2 .popup_list .popup_box{
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px){

  .con1,
  .con2{
    height: auto !important;
    min-height: unset !important;
    padding-bottom: 10px;
  }

  .con1 .ppzone,
  .con2 .ppzone{
    height: auto !important;
    min-height: unset !important;
  }

  .con1 .popup,
  .con2 .popup{
    height: auto !important;
  }

  .con1 .popup_list,
  .con2 .popup_list,
  .con1 .popup_box,
  .con2 .popup_box{
    height: auto !important;
  }
}

@media (max-width: 480px){
  .con1 .popup_list .popup_box > li,
  .con2 .popup_list .popup_box > li{
    flex: 0 0 calc(33.333% - 8px) !important;
  }
}