@media (max-width:1827px){
  #header .tektronix{display: none;}
  .h-menu{margin-right: 30px;}
}

@media (max-width:1520px){
 /* .btn_qna1, .btn_qna2, .btn_qna3{display: none !important;} */
}
@media (max-width:736px){

#hd_pop {margin:0 auto;width:80%;height:0; top:20px}
.hd_pops {position:absolute;border:1px solid #EEE;background:#fff; top:0 !important; left:0 !important;}
.hd_pops.mobile {display:none; }
.hd_pops img{max-width:100%;}
.hd_pops_con {width:auto !important; height:auto !important;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px ;border:0;background:#393939;color:#fff}
.hd_pops.mobile {display:block;}
.hd_pops.pc {display:none;}
}
@media (min-width:1201px){
  .nop{display:none;}
  #mobileMenu{display:none;}
}
@media (max-width:1201px){
.section .menu-cont .row{grid-template-columns: 1fr 1fr 1fr !important;}
.section .menu-cont .row .menu1, .section .menu-cont .row .menu2, .section .menu-cont .row .menu3{border-bottom: 1px solid #fff;}

}

@media (max-width:1200px){

  .section .title h1, .container_custom p span.typed-text{font-size: 50px !important;}
  .container_custom p span.cursor {height: 50px;}
  .section .title p{font-size: 25px !important;}

body{ font-size:12px; }
.nom{display:none;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}


#header{ margin-bottom:0; }
#header h1{text-align:left}
#header h1 img{}
#header ol{display:none; }
#header fieldset{display:none; }
#topMenu{display:none; }

#header a.b1{display: none; background:#999900; float:left; color:#FFF; padding:0 10px;  line-height:30px; margin-top:15px; font-size:12px; border-radius: 20px;-moz-border-radius: 20px; -webkit-border-radius: 20px;}
#header a.btn_qna2{display:none}
.h-menu{display: none;}

#header button{border:0; background:transparent; position:absolute; width:40px; height:40px; right:10px; top:50%; margin-top:-20px; text-indent:-1000px; overflow:hidden;}
#header button:after{width:30px; height:20px; border-top:2px solid #006539; border-bottom:2px solid #006539; position:absolute;  top:50%; margin-top:-12px; left:50%; margin-left:-15px;   content:"";}
#header button:before{width:30px; height:2px; position:absolute;top:50%; margin-top:-1px; left:50%; margin-left:-15px; background:#006539; content:"";}

#header .tektronix{margin-right: 70px;}


#mobileMenu{position:fixed; display:none; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99 }
#mobileMenu ol.header{border-bottom:1px solid #DDD; line-height:40px; text-align:center; }
#mobileMenu ol.header:after {display:block;visibility:hidden;clear:both;content:""}
#mobileMenu ol.header li{display:inline-block; padding:0 20px}
#mobileMenu > a{position:absolute; right:100%; width:70px; background:#333; height:60px;  text-indent:-1000px; overflow:hidden;}
#mobileMenu > a:after{position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-1px; width:40px; height:2px; background:#FFF; content:"";
transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
#mobileMenu > a:before{position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-1px; width:40px; height:2px; background:#FFF; content:"";
transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); }
#mobileMenu section{position:absolute; right:-70%; top:0; width:70%; height:100%; background:#FFF; overflow:auto; }
#mobileMenu dl dd > a{position:relative; display:block;color:#000;   padding-left:30px; font-size:1.2em;  border-bottom:1px solid #EEE; line-height:45px;}
#mobileMenu dl dd > a i{position:absolute; line-height:30px; top:0; right:0; width:40px; text-align:center; line-height:30px; color:#5a5757}
#mobileMenu dl dd > ul{display:none;}
#mobileMenu dl dd > ul > li > a{display:block; color:#000;  padding-left:30px; padding-top: 15px;  border-bottom:1px solid #FFF; line-height:30px;}
#mobileMenu dl dd > ul > li > ol a{display:block; background:#FFF; color:#333; padding-left:40px;  border-bottom:1px solid #FFF; line-height:30px;}

#mobileMenu .btn_qna1, #mobileMenu .btn_qna2, #mobileMenu .btn_qna3{font-size:1.2em; float:none; display:block;  margin:1em 2em;  text-align:center;}


/* 서브페이지들 탑메뉴 목록에서 안 보이도록 */
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(12),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(13),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(14),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(15),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(16),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(17),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(18),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(19),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(20),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(21),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(22),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(23),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(24),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(25),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(26),
#mobileMenu dd:first-child li:nth-child(2) ol li:nth-child(27){display: none;}



#video_wrap {position:relative; overflow:hidden; width:100%; z-index:1; height:0; padding-top:56%; margin-top:80px; }

#video_wrap video{position:absolute; top:0; left:0; right:0; bottom:0;  width: 100%;   height: 100%;}
#video_wrap section {top:30%; }
#video_wrap section h3 {font-size:1.6em; }
#video_wrap section h2 {font-size:2em;}
#video_wrap section a {font-size:1em; display:inline-block; margin-top:20px; padding:0 20px;  line-height:30px; height:30px; }
#video_wrap section button i{display:none;   }


#video_wrap1{width:100%; margin:10px auto; position:relative;   }
#video_wrap1 section{position:relative;height:0; padding-top:35%;   }
#video_wrap1 video{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
#video_wrap1 .video-banner__text{position:relative; top:0; left:0; right:0; color:#333; }
#video_wrap1 .video-banner__text h1{font-size:1.2em;  }

#video_wrap2{width:100%; margin:10px auto; position:relative;   }
#video_wrap2 section{position:relative;height:0; padding-top:35%;   }
#video_wrap2 video{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
#video_wrap2 .video-banner__text{position:relative; top:20px; left:0; right:0; color:#333; margin-top:10px;}
#video_wrap2 .video-banner__text h1{font-size:1.2em;  }

#main_visual{position:relative; background-size:100% auto; padding-top:100px; height:auto;}
#main_visual dl{position:relative; display:block; margin-top:0}
#main_visual dt{width:100%;  font-size:1.5em;  }
#main_visual dd{width:90%; margin:0 auto;  margin-top:1em}
#main_visual dd .video_{position:relative; height:0; padding-top:56%;   overflow:hidden;}

#main_visual dd .video_ p{ font-size:1em; left:0; right:0; bottom:1em;  }
#main_visual dd .video_ article{ bottom:1em;  }
#main_visual dd .video_ article h3 {font-size:1.5em; font-weight:bold;   line-height:150%; }
#main_visual dd .video_ article  a {font-size:1em; display:inline-block; margin-top:1em; padding:0 1em; color:#FFF; background:#D00;  line-height:2em; height:2em;  }




#ms{   margin-top:50px;}
#ms ul{position:relative; z-index:1;}
#ms li{  height:auto;  background-position:right center;  }
#ms .swiper-pagination{position:absolute; z-index:10; bottom:10px; width:100%;}
#ms .swiper-pagination-bullet{position:relative; width:20px; height:3px;margin:0 3px;   }



#mb{    margin-top:20px;  }
#mb ul{position:relative; z-index:1;}
#mb li{ background-position:center center; width:100%;  background-repeat:no-repeat; height:200px; padding-bottom:40%; background-size:contain; background-position:right bottom;  }
#mb .swiper-pagination{position:absolute; z-index:10; bottom:10px; }
#mb .swiper-pagination-bullet{position:relative; width:20px; height:3px;margin:0 3px;   }



#ms li img{float:none; margin-top:0;}

#ms article{padding:20px;   width:auto}
#ms article h4{font-size:1.6em; line-height:150%; padding:10px 0;}
#ms article p{font-size:1em; }
#ms article a{font-size:1em;  margin-top:20px; padding:0 20px; color:#FFF; background:#1cb5d8;  line-height:30px; height:30px; }


#mb article{padding:20px;  color:#FFF; width:auto}
#mb article h4{font-size:1.6em; line-height:150%; padding:10px 0;}
#mb article p{font-size:1em; }
#mb article a{font-size:1em;  margin-top:20px; padding:0 20px;   line-height:30px; height:30px; }

#mt{  background-size:cover; padding:20px 0 50px; }
#mt h2{font-size:1.6em; }
#mt  p{font-size:1em; }
#mt ul{ margin-top:3%;  }
#mt ul li{line-height:30px; }
#mt ul li a{color:#FFF; }
#mt ul li a:before{font-weight:800; padding-right:5px; content:"-"}


#mf header{padding:4em 1em; text-align:center; }
#mf header h4{font-size:1.5em;  }
#mf header p{font-size:1em;  }
#mf header p br{display:none}
#mf section{background:url(/img/mf_bg.png) center no-repeat; padding:2em 0}
#mf section dt{ font-size:1.5em;  }
#mf section dd{width:29.33%; margin:2%; }




#footer{background:#1c1c1c; padding:30px 0;}
#footer img{width:180px;}
#footer p{font-size:10px; }





/* #pageNavi{position:relative; background:#fff; height:40px; line-height:40px; z-index:2;  border-bottom:1px solid #EEE; margin-top:80px;} */
#pageNavi{margin-top: 101px !important;}
#pageNavi .fa-home{ border:0;  line-height:60px; height:40px; font-size:1.8em; padding:0 10px}
#pageNavi a{color:#FFF;}
#pageNavi dl{position:relative; float:left; }
#pageNavi dl:nth-child(4){width: auto;}
#pageNavi dd{display:none}
#pageNavi dt{position:relative;  cursor:pointer; padding-left:10px; padding-right:10px;}
#pageNavi dt:after{display:none;}
#pageNavi dl:nth-child(3) dd{}
#pageNavi dl dd{position:absolute; top:40px; left:0; width:auto;     white-space: nowrap;min-width:100%; background:#D00}
#pageNavi dl dd a{display:block; line-height:20px; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,.1)}
#pageNavi dl dd a:hover{background:#333}

#pageNavi dl:hover dd{display:none; z-index:2}
#pageNavi dl:hover dt{background:#D00;color:#FFF}


.pageContent{  margin:0 20px;}



.sub_container{ padding:5% 0;  z-index:2;}

.page-title h1{font-size: 1.3rem;  }

.list_w{position:relative; }
.list_w:after {display:block;visibility:hidden;clear:both;content:""}
.list_w.grey {margin-top:30px; padding:20px 0;}
.list_w.grey:before {content: '';left: 50%;position: absolute;width: 100vw;margin-left:-50vw;top: 0;height: 100%;z-index: -1; background:#F5F5F5;}

.list_w > ul{position:relative; margin:0;  }
.list_w > ul > li{float:none; width:auto; margin:1% 0;  }
.list_w > ul > li:after {display:block;visibility:hidden;clear:both;content:""}

.list_w > ul > li h3{font-size: 1.25rem;margin: 1rem 0;}
.list_w > ul > li  .infomhz {float: right;font-size: 12px;color: #0060bf;}
.list_w > ul > li a{color:#333;}
.list_w > ul > li a:hover h3{ }

.list_w.w4 > ul > li:nth-child(3n+1){clear:none; }
.list_w.w4 > ul > li:nth-child(4n+1){clear:both; }
.list_w.w4 > ul{margin:0 -1%; }
.list_w.w4 > ul > li{width:23%; margin:1%;  }





.list_w2.grey {margin-top:20px; padding:20px 0;}

.list_w2 > ul{ margin:0;  }
.list_w2 > ul > li{float:none; width:auto; margin:1% 0;  }
.list_w2 > ul > li:after {display:block;visibility:hidden;clear:both;content:""}
.list_w2 > ul > li .bg_img{width:150px; padding-top:0; height:100px; margin-right:10px; float:left; clear:both; }
.list_w2 > ul > li p{min-height:auto;}
.list_w2 > ul > li a{clear:both; float:left;  }



.overview-gallery{position:relative; overflow:hidden; width:100%; float:none; }
.overview-gallery ul{padding:0;  margin:0; list-style:none;}
.overview-gallery ul li{padding:0; height:0; padding-top:60%; margin:0; list-style:none; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.overview-gallery .swiper-pagination{position:relative;margin:1% -2%; }
.overview-gallery .swiper-pagination-bullet{position:relative;width:16%; margin:2%; padding-top:16%;  background-color:#FFF; border-radius: 0;height:0; opacity:1; }
.overview-gallery .swiper-pagination-bullet:before{position:absolute; top:0; left:0; right:0;  bottom:0; background-size:contain; background-repeat:no-repeat; background-position:center; content:"";}
.overview-gallery .swiper-pagination-bullet-active{opacity:1; background-color:normal;}
.overview-gallery .swiper-pagination-bullet-active{position:relative; opacity: 1;  }
.overview-gallery .swiper-pagination-bullet-active:after{position:absolute; top:0; left:0; right:0; bottom:0; border-bottom:3px solid #1CB5D8; content:""}

.overview-gallery2{position:relative; overflow:hidden; width:100%; float:none; text-align:center; }
.overview-gallery2 video{width:95%; margin:0 auto}
.overview-gallery2 ul{padding:0;  margin:0; list-style:none;}
.overview-gallery2 ul li{padding:0; height:0; padding-top:60%; margin:0; list-style:none; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.overview-gallery2 .swiper-pagination{position:relative; margin-top:1%;}
.overview-gallery2 .swiper-pagination-bullet{position:relative;width:8px; margin:.5%; height:8px; border:1px solid #AAA;   background-color:#FFF;  opacity:1; }
.overview-gallery2 .swiper-pagination-bullet-active{opacity:1; background-color:#AAA;}

.overview-gallery3{position:relative; overflow:hidden; width:100%; float:none; }




.overview-section{}
.overview-section:after {display:block;visibility:hidden;clear:both;content:""}
.overview-section article{float:none; width:auto; margin-top:5%;}
.overview-section article h1{ font-size:1.8em; margin-top:0; line-height:120%;}




.overview-section dl{margin-top:20px; border:0; border-top:1px solid #DDD; padding:0px;  display:block;  }
.overview-section dl dd{border-bottom:1px solid #DDD; padding:10px 0}
.overview-section dl dd:after{display:block;clear:both;content:''}
.overview-section dl .title{float:left;font-size:1em; padding:0;width:50%; }
.overview-section dl p{font-size:1em;padding:0; margin:0; float:right; width:50%;}
.overview-section dl p:after{display:block;clear:both;content:''}
.overview-section dl p span{font-size:1.4em;}


.sticky_tabs{position:relative; margin:50px 0; padding: 5px 0;}
.sticky_tabs:before{left: 50%;position: absolute;width: 100vw;margin-left:-50vw;top: 0;height: 100%;z-index: -1;  border-bottom:1px solid #EEE;border-top:1px solid #EEE;  content:"";}
.sticky_tabs:after {display:block;visibility:hidden;clear:both;content:""}
.sticky_tabs h5{float:none; line-height:30px; margin:0;  }
.sticky_tabs ul{ }
.sticky_tabs ul li{position:relative; float:none; display:inline-block; line-height:30px; margin:0 10px 0 0  }
.sticky_tabs ul li.active a{color:#000}
.sticky_tabs ul li.active a:hover{}
.sticky_tabs ul li.active:before {background-color: #1CB5D8;content: '';position: absolute;width: 100%;height: 0.125rem;bottom:-7px;left: 0;}
.sticky_tabs ul li.active a:hover, .sticky_tabs ul li.active a:focus{color:#000; text-decoration:none;}


.sticky_ct{display:none}
.sticky_ct.on{display:block}

.inner-wrap-item{position:relative; padding:4% 0; }
.inner-wrap-item:after {display:block;visibility:hidden;clear:both;content:""}
.inner-wrap-item .title{float:none; width:100%;margin:0; }
.inner-wrap-item .text-wrap{float:none;width:auto; margin:0; margin-top:3%;}
.inner-wrap-item .text-wrap3{float:none;width:100%; margin:0}
.inner-wrap-item .img-wrap{float:none;width:100%; text-align:center; margin:0;}
.inner-wrap-item .video-wrap{float:none;width:100%; text-align:center; margin:0;}
.inner-wrap-item .video-wrap video{width:100%; height:50%}

.inner-wrap-item.right-img .title{float:left;  }
.inner-wrap-item.right-img .text-wrap{float:left;}
.inner-wrap-item.right-img .img-wrap{float:right; }
.inner-wrap-item .title-text {font-family: "Soleil",sans-serif;font-style: normal;font-weight: 700;color: #000;margin-top: 7px;}

.inner-wrap-item.grey:before {content: '';left: 50%;position: absolute;width: 100vw;margin-left:-50vw;top: 0;height: 100%;z-index: -1; background:#F5F5F5;}

.inner-wrap-item.img30 .title{float:right; width:72%;margin:0 1%; }
.inner-wrap-item.img30 .text-wrap{float:right;width:72%; margin:0 1%;}
.inner-wrap-item.img30 .img-wrap{float:left;width:24%; text-align:center; margin:0 1%;}


.inner-wrap-item2{position:relative; padding:2.5rem 0;}
.inner-wrap-item2:after {display:block;visibility:hidden;clear:both;content:""}
.inner-wrap-item2 .text-wrap3{float:none; width:auto; margin:0}
.inner-wrap-item2 .img-wrap{float:none;width:auto; text-align:center; margin:0 1%;}
.inner-wrap-item2 dl{margin-top:20px; border:0; border-top:1px solid #DDD; padding:0px;  display:block;  }
.inner-wrap-item2 dl dd{border-bottom:1px solid #DDD; padding:10px 0}
.inner-wrap-item2 dl dd:after{display:block;clear:both;content:''}
.inner-wrap-item2 dl .title{float:left;font-size:1em; padding:0;width:50%; }

.inner-wrap-item2 dl p{font-size:1em;padding:0; margin:0; float:right; width:50%;}
.inner-wrap-item2 dl p:after{display:block;clear:both;content:''}
.inner-wrap-item2 dl p span{font-size:1em;}



.ddlrc{}
.ddlrc:after {display:block;visibility:hidden;clear:both;content:""}
.ddlrc > dd{margin:1%; }
.ddlrc .ddl{width:48%; float:left; position:relative; }
.ddlrc .ddr{width:48%; float:right; position:relative; }
.ddlrc .ddc{width:100%; float:left; position:relative; }
.ddlrc h4{font-size:1.1em;}





.btn_style{background-color: #1CB5D8; border: 0; border-radius: 1.25rem; color:#FFF !important;cursor: pointer;display: inline-block;-webkit-font-smoothing: antialiased;line-height: 1.2;padding: 0.5rem 1.25rem;text-decoration: none;text-transform: uppercase;transition: background-color 150ms ease;user-select: none;vertical-align: middle;white-space: nowrap;outline: none;word-spacing: 0.25rem;}
.btn_style:hover,.btn_style:focus{background-color:#006281;color:#FFF;text-decoration:none;}


.view_cover_img{text-align:center;}

/*솔루션 부분 */
.box_wrap{position:relative; padding:2.5rem 0;}
.box_wrap .img-wrap{max-width:100%; text-align:center;  }
.box_wrap .img-wrap img{max-width:100%; }
.box_wrap.imgl .img-wrap{float:none;   margin-right:0}
.box_wrap.imgr .img-wrap{float:none;  margin-left:0; margin-top:3%;}


.box_wrap.ct{text-align:center; }
.box_wrap.ct .img-wrap{float:none; width:100%; max-width:100%}

.box_wrap .video-wrap{width:100%; height:0; position:relative; padding-top:56%; }
.box_wrap .video-wrap iframe{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
.box_wrap.img70 .img-wrap{width:70%; max-width:70%; }
.box_wrap.img70 .img-wrap img{width:50%; }


/* 서브페이지 항공우주 및 방위산업 */






table.tb{

  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
}

.rtable {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  border-spacing: 0;
}



}

@media (max-width:991px){
  .ul-none ul{display: none;}
  .ul-cont{grid-template-columns: repeat(2, 1fr);}

   /* 서브페이지 - 양자연구 */
   .banner{height: 200px;}
   .banner .banner-title p{font-size: 14px !important; }
   .q-item{flex-direction: column;}
   .q-item .item{width: 100%; padding: 0 15px;}


   /* 서브페이지 - 항공우주 및 방위산업 */
   .airline .item-cont{grid-template-columns: repeat(1, 1fr);}
   .airline .item-cont .item{display: flex; height: 280px;}
   .airline .item-cont .text-cont{height: auto;}
   .airline .item-cont .img-cont, .item-cont .text-cont{width: 50%;}
   .airline .item-cont .img-cont img{width: 100%; height: 100%; object-fit: cover;}
   .flex-cont .item .text-cont{width: 70%;}
   .flex-cont .item .img-cont{width: 30%;}
   .grid-cont .item-cont, .product .item-cont{grid-template-columns: repeat(2, 1fr);}
   .grid-cont .item-cont .text-cont{width: 100% !important;}

}


@media (max-width:768px){
  #header .tektronix{display: none;}
  .section .title h1, .container_custom p span.typed-text{font-size: 30px !important ;}
  .container_custom p span.cursor {height: 30px;}
  .section .title p{font-size: 18px !important;}
  .section .menu-cont .row .menu p{font-size: 16px !important;}
}


@media (max-width:700px){
  .section .menu-cont .row{grid-template-columns: 1fr 1fr !important;}
  .section .menu-cont .row .menu1, .section .menu-cont .row .menu2, .section .menu-cont .row .menu3, .section .menu-cont .row .menu4{border-bottom: 1px solid #fff !important;}

}

@media (max-width:500px){
  #pageNavi{margin-top: 64px !important;}
  #header h1{padding: 20px 20px 20px 10px !important;}
  #header h1 img{width: 210px !important;}
  #header .tektronix{display: none;}
  .txt-box{height: 90px !important;}
  .intro-box span{padding: 0 5px !important;}
  #main_visual{padding-top: 62px !important;}
  .section .title{top: 20% !important;}
  .section .title h1, .container_custom p span.typed-text{font-size: 19px !important ;}
  .container_custom .typo_p{ margin-top: -5px !important;}
  .container_custom p span.cursor {height: 19px;}
  .section .title p{font-size: 14px !important; margin-top: 10px;}
  .section .menu-cont .row .menu p{font-size: 14px !important;}
  .ul-cont{grid-template-columns: repeat(1, 1fr);}

  /* 서브페이지 */
  .banner .banner-title{left: 15px;}
  .flex-cont .item{flex-direction: column;}
  .flex-cont .item .text-cont, .flex-cont .item .img-cont{width: 100%;}
  .grid-cont .item-cont, .product .item-cont{grid-template-columns: repeat(1, 1fr);}

}


@media (max-width:424px){
#bo_v_top{display:none; }
#bo_list .btn_confirm .btn_basic{display:none;}
#bo_w .btn_confirm .btnCancel{display:none;}
.bo_v_left .btn_prev{float:left; padding:6px; }
.bo_v_left .btn_next{float:right;  padding:6px;}
.bo_v_left{float:none;  }
 .bo_v_right{float:none;  text-align:center;  }
.bo_v_right .btn_reply{display:none }
.bo_v_right .btn_move{display:none }
.bo_v_right .btn_copy{display:none }
.bo_v_right .btn_modify{display:none }
.bo_v_right .btn_write{ }

#list_tail fieldset input{width:55%}
#list_tail fieldset select{  width:30%;  }
#list_tail fieldset button{width:15%; }
}