@media (max-width:800px) { /* 모바일용 */
#w_header, section, #w_footer { font-size:14px; }
.wrap,  #w_footer .wrap { width: 94%; }
#w_header .wrap {display: block;}
.pad { padding:60px 0 150px; }


/* #w_header { height: 60px; } */
#w_header.down { height: 100vh; }
#w_header.down #w_gnb {display: block;}

/* #w_header:before { top: 60px; } */
#w_header h1 { padding-top: 20px; }
#w_header h1 img { height: 30px; }

#w_header #w_gnb { position:static; display: none; margin:80px auto 0; padding-top: 0;  }
#w_header #w_gnb > li { float:none; margin-right: 0; border-bottom:1px solid #ddd; text-align: center; }
#w_header #w_gnb > li:last-child { border-bottom:none;}
#w_header #w_gnb > li:hover > a:after { display: none; }
#w_header #w_gnb > li > a { display: block; line-height:50px; padding:0; font-size:20px;  }
#w_header #w_gnb ul { position: static; display: none; padding-top: 0; }
#w_header #w_gnb ul li { line-height: 50px; border-top:1px dashed #ddd; margin-bottom: 0; }    
#w_header #w_gnb ul li a { padding:0; font-size:16px; padding-bottom: 0; border:none !important; }    
#w_header #w_gnb ul li a:after { display: none; }    
#w_header .order { width: 240px; height: 50px; margin:0 auto; position: static; font-size:18px; }

#w_header .lang { font-size:13px; right:50px; top: 17px; }

#nav_btn { position:absolute; right:4%; top:15px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: var(--main-black); display: block; margin: 8px auto; transition: all 0.3s ease-in-out;}
#nav_btn:hover{ cursor: pointer;}
#nav_btn.act .line:nth-child(1){transform: translateY(10px) rotate(45deg);}
#nav_btn.act .line:nth-child(2){ opacity: 0;}
#nav_btn.act .line:nth-child(3){ transform: translateY(-10px) rotate(-45deg);} 

#w_footer { padding:60px 0; }
#w_footer img { display: none; }
#w_footer address { float:none; text-align: center; }
#w_footer address p { padding-top: 0; font-size:14px; }

ul.adm { position: static; margin-top: 20px;  }
ul.adm li:before { margin:0 10px; }

/* index */
.more { font-size:14px; }

#main { height: auto; aspect-ratio: 16 / 8; }
#main .mainSlide { height: 400px; } 
#main .swiper-pagination { bottom: -40px; }
#main .ment { left: 3%; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); }
#main .ment a { display: inline-block; }

#bltech { margin-top: 0; }
#bltech .wrap { display: block; }
#bltech figure { width: auto; margin:40px 0;   }
#bltech figure img { width: 100%; height:auto;  }
#bltech article { width: auto; padding:0; }
#bltech article p { margin-top: 10px; }
#bltech article a { margin-top: 20px; }
#bltech article a i{ display: inline-block; }

#prd .wrap { display: block; }
#prd article p { margin-top: 10px; }
#prd article a { margin-top: 20px; }
#prd ul { width: auto; margin-top: 40px; }
#prd ul li { width: 48.5%; margin-right: 3%; margin-bottom: 3vw; }
#prd ul li img { width: 100%; }
#prd ul li h3 { top: 20px;}
#prd ul li dl { bottom: 20px; }
#prd ul li dl dt { font-size:16px; }
#prd ul li dl dd { margin-top: 0; font-size:13px; } 

#tech .wrap { display: block; width: 100%; }
#tech article { width: auto; padding:40px 3%; }
#tech article ul li { padding-left: 18px; display: inline-block; margin-right: 40px;  }
#tech article ul li:before { top:6px; width: 10px; height: 10px; }
#tech article .more { margin-top: 40px; }
#tech figure { width: auto; }
#tech figure img { width: 100%; }

#cus .wrap { display: block; }
#cus .wrap > div { border-radius: 14px; width: auto; height: 200px; margin-bottom: 20px;  }
#cus .wrap > .pic1 { height: 400px; }
#cus .pic1 h2 { left: 20px; top: 30px;  }
#cus .pic1 p { left: 20px; bottom: 30px; font-size:36px;}
#cus .pic3 { position: relative !important; margin-bottom: 0; }
#cus .pic3 a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition:0.3s;  }
#cus .pic3 a:hover { color:#fff; background: #24408f; }

/* sub layout */
.sv .wrap { height: 160px; padding-top: 60px; justify-content: center;}
.sv h2 { font-size:28px; }
.sm { border-bottom:1px solid #24408f; position: relative; }
.sm ul { display: none; }
.sm select { width: 100%; border:none; padding:0 3%; height: 50px; font-size:16px; font-family: stb; appearance: none; }
.sm i { position: absolute; right: 3%; top: 50%; transform: translateY(-50%); pointer-events: none; }

/* sub1_1 */
#sub1_1 .cont1 { display: block; } 
#sub1_1 .cont1 figure { width: 100%; }
#sub1_1 .cont1 figure img { width: 100%; }
#sub1_1 .cont1 article { width: auto; margin-top: 40px;  }
#sub1_1 .cont1 article p { position: static; margin-top: 20px; }

#sub1_1 .cont2 ul { margin-top: 20px; padding:10px 0; }
#sub1_1 .cont2 ul li { padding:10px 0; line-height:1.8;}
#sub1_1 .cont2 ul li span { display: block; }
#sub1_1 .cont2 ul li strong { position: static; display: block; }
#sub1_1 .cont2 ul li p { position: relative; padding-left: 110px; }
#sub1_1 .cont2 ul li em { position: absolute; left: 0; }

#sub1_1 .cont3 ul { display: block; }
#sub1_1 .cont3 ul li { width: auto; border-radius: 10px; margin-bottom: 20px; }
#sub1_1 .cont3 ul li img { height: 240px; }
#sub1_1 .cont3 ul li div p { height: auto; }

/* sub1_2 */
#sub1_2 .cont1 article { width: auto; float:none; position: static; border-top:none;  }
#sub1_2 .cont1 article ul { margin-top: 30px; }
#sub1_2 .cont1 article ul li { width: 30%; }
#sub1_2 .cont1 article ul li.act { font-family: sth; }
#sub1_2 .cont1 .year { float:none; width: auto; padding-left: 0; margin-top: 60px; }
#sub1_2 .cont1 .year:before { display: none; }
#sub1_2 .cont1 .year > li { margin-bottom: 80px; }
#sub1_2 .cont1 .year h3:before { display: none; }
#sub1_2 .cont1 .year ul li { padding-left: 60px; margin-top: 16px; }
#sub1_2 .cont1 .year ul li:before { display: none; }
#sub1_2 .cont1 .year ul li.img:after { font-size:12px; }
#sub1_2 .cont1 .year ul li.img figure { margin-left: -60px; }

/* sub1_3 */
#sub1_3 .cont1 p { font-size:16px; }
#sub1_3 .cont2 img { height: 240px; }
#sub1_3 .cont3 ul li { padding:20px 0; display: block;  }
#sub1_3 .cont3 ul li h3 { width:auto; font-size:28px; }
#sub1_3 .cont3 ul li h3 span { position: static; margin-left: 10px; }

/* sub1_4 */
#sub1_4 ul li { width: 48.5%; margin:0 3% 30px 0; }
#sub1_4 ul li:nth-child(2n) { margin-right: 0; }    
#sub1_4 ul li:nth-child(2n+1) { clear: both; }    
#sub1_4 ul li figure { height:auto; aspect-ratio: 320 / 240; }
#sub1_4 ul li figure img { max-height:80%; }

/* sub1_5 */
#sub1_5 .cont1 figure { height: auto; }
#sub1_5 .cont1 figure img { max-width:60%;  }
#sub1_5 .cont1 ul { flex-direction: column; margin-top: 40px; }
#sub1_5 .cont1 ul li { margin:10px 0; }

.left { width: auto; float:none; }
.right { width: auto; float:none; margin-top: 20px; }

#sub1_5 .cont2 figure { height: auto; padding:30px 0; }
#sub1_5 .cont2 figure img { height: 120px; }

#sub1_5 .cont3 ul li { margin-top: 10px; border-radius: 14px; }
#sub1_5 .cont3 ul li > div { height: 170px; }
#sub1_5 .cont3 ul li div > span { left: 20px; bottom: 20px; }
#sub1_5 .cont3 ul li div p { left: 20px; bottom: 20px;  }

/* sub1_6 */
#sub1_6 .cont1 .org strong,#sub1_6 .cont1 .org b, #sub1_6 .cont1 .org li { width: 100px; height: 40px; } 
#sub1_6 .cont1 .org strong:nth-child(1):before { height: 101px; top: 38px; }
#sub1_6 .cont1 .org strong:nth-child(2) { margin-left: calc(50% + 60px); margin-top: 20px; }
#sub1_6 .cont1 .org strong:nth-child(2):before { left:-60px; top: 20px; width: 60px; }
#sub1_6 .cont1 .org b:nth-child(3) { margin-top: -40px; margin-left: calc(50% - 160px); }
#sub1_6 .cont1 .org b:nth-child(3):before { right:-62px; top: 20px; width: 62px; }
#sub1_6 .cont1 .org ul { margin-top: 40px; flex-wrap: wrap; }
#sub1_6 .cont1 .org ul:before { left: 50px; width: calc(100% - 99px); }
#sub1_6 .cont1 .org ul li { margin-bottom: 38px; }

#sub1_6 .cont2 { height: auto; padding:20px; flex-direction: column; margin-top:none; }
#sub1_6 .cont2 article, #sub1_6 .cont2 span { width:100%; }
#sub1_6 .cont2 span { margin-top: 10px; }

#sub1_6 .cont3 ul { margin-top: 30px; }
#sub1_6 .cont3 ul li { height: 40px; width: 100px; margin-right: 10px;  }

#sub1_6 .cont3 > div.on { display: block; }
#sub1_6 .cont3 > div article { width: auto; }
#sub1_6 .cont3 > div article strong { margin-top: 20px;  }
#sub1_6 .cont3 > div iframe { border-radius: 14px; margin-top: 20px; width: 100%; height: 300px; }

/* sub2_1 */
.pt .cont1 p { font-size:14px; line-height:1.6; }
.pt .cont1 div { flex-direction: column; }
.pt .cont1 div a { margin:10px 0; border-radius: 20px; }
.pt .cont1 div a:first-child { margin-top: 0; }
.pt .cont1 div a:last-child { margin-bottom: 0; }
.pt .cont1 div a img { aspect-ratio: 1 / 1;}
.pt .cont1 div a dl { bottom: 20px; }

.xi-apps { position: absolute; left: 0; top: 0; font-size:24px; color:#fff; padding:10px; background: #24408f; border-radius: 100%; }
.n_bns nav { width: 100%; position: sticky; top: 90px; float: none; height: 40px; }
.n_bns nav > ul { position: absolute; left: 5%; width: 90%; background: #fcfcfc; padding:20px; top: 20px;  max-height:74vh; overflow-y: auto; display: none; }
.n_bns nav.on > ul { display: block; }
.n_bns nav h3 { font:22px/50px sth; border-bottom:2px solid #24408f; color:#24408f; cursor: pointer; }
.n_bns nav h3.on + ul { display: block; }
.n_bns nav h3 + ul { display: none;}
.n_bns nav h3 i { font-size:18px; font-weight: 900; }
.n_bns nav h3.on i { transform: rotate(-90deg); }
.n_bns nav h4 { font:18px/40px steb; color:#24408f; border-top:1px solid #24408f; }
.n_bns nav .subMenu { font:18px/40px steb; border-top:1px solid #ddd; border-bottom:1px solid #24408f; }
.n_bns nav .subMenu li a { display:flex; align-items: center; justify-content: space-between;}
.n_bns nav .subMenu li a:after { content:"\e93e"; font-family: 'xeicon'; font-size:14px; opacity: 0; font-weight: 900; }
.n_bns nav .subMenu li.on a:after { opacity: 1; }

.n_bns .cont { float: none; width: auto; margin-top: 40px; }
.n_bns .cont:before { display: none; }

.n_bns .pic img { width: 100%; margin-top: 20px; }

.n_bns .spc ul.rev { flex-direction: column-reverse; }
.n_bns .spc ul li { width: 100%; margin-top: 20px; padding-bottom: 0; }
.n_bns .spc ul li.spc_2 { padding-left: 0; margin-top: 0;  }
.n_bns .spc ul li.spc_2 .mt40,
.n_bns .spc ul li.spc_2 .mt50,
.n_bns .spc ul li.spc_2 .mt70,
.n_bns .spc ul li.spc_2 .mt100 { margin-top: 13px; }
.n_bns .spc ul li dd { line-height:1.6; margin-top: 6px; }

.n_bns .type .typeSpc { padding-left: 0; padding-top: 10px; }
.n_bns .type .typeSpc h2 { position: static; }
.n_bns .type .typeSpc ul li { padding-bottom: 30px; }
.n_bns .type .typeSpc ul li p { margin-top: 10px; }


.bns .cont1:after { height: 40px; }
.bns .cont1 .pcate { width: 100%; }
.bns .cont1 .pcate > li { border-radius: 20px; padding-top: 38px; width: 100%; margin-right: 0; float: none; }
.bns .cont1 .pcate > li:nth-child(1) { position: relative; z-index: 2;}
.bns .cont1 .pcate > li:nth-child(2) { position: absolute; right: 0; top: 50px; width: 100%; z-index: 1; }
.bns .cont1 .pcate > li:nth-child(3) { position: absolute; left: 0; top: 100px; }
.bns .cont1 .pcate > li > p { height: 40px; }
.bns .cont1 .pcate > li > p i { right:10px; font-size:12px; }
.bns .cont1 .pcate ul { line-height:40px; background: #fff; }

.bns .type .left ul li { padding-top: 20px; }
.bns .type .left ul li img { width: 100%; }
.bns .type .left ul li p { line-height:1.6; }
.bns .type .left ul.icon li { padding:20px 0 20px 120px; height: auto; min-height:140px;}
.bns .type .left ul li:nth-child(3) { border-bottom:1px solid #000; }
.bns .type .left ul.icon li figure { width: 100px; height: 100px; top: 20px; }
.bns .type .left ul.icon li figure img { transform: scale(0.5); }

 .n_bns .type article.right {    flex-direction: column;    max-width: 100%;  }
 .n_bns .type article.right .color,  .n_bns .type article.right .size {    width: 100%;  }


.n_bns .type_1 {   text-align: left;    }
.n_bns .type_1 ul {  justify-content: space-between; align-items: start;   }
.n_bns .type_1 dl {  text-align: left;    }
.n_bns .type_1 dd {  justify-content: flex-start;        gap: 10px;    }
.n_bns .type_1 img { margin: 0 auto 20px;        display: block;    }
 
.n_bns .type .right { margin-top: 67px; }
.n_bns .type .right .color ul li { width: 50px; height: 50px; margin-right: 12px; padding-top: 0; }
.n_bns .type .right .color .cl > div { margin-right: 0; margin-top: 20px;}
.n_bns .type .right .color .cl > div p { margin-top: 10px; }

.n_bns .type .right .size table th, .n_bns .type .right .size table td { padding:5px 0 0 10px;}
.n_bns .type .right .size table th { width: 100px; }
    
.n_bns .type .size_cols {
        flex-direction: column;
    }
.n_bns .video_wrap { margin-top: 50px;  width: 100%;        height: auto;        aspect-ratio: 16 / 9;    }
.n_bns .video_wrap iframe { height:100%;}
  
  
.n_bns .patch ul li { padding-left: 0; }
.n_bns .patch ul li h3 { position: static; padding-top: 20px; }
.n_bns .patch ul li div { display: block; padding-top: 20px; }
.n_bns .patch ul li div dl { width: auto; margin-bottom: 20px; }
.n_bns .patch ul li div dl dd { line-height:1.6; }
.n_bns .patch ul li div img { max-width:100%; }

.n_bns .odm .circle { margin-top: 40px; flex-wrap: wrap; justify-content: center;}
.n_bns .odm .circle li { width: auto; display:flex; justify-content: center; align-items: center; margin-bottom: 0; margin:0 5px; }
.n_bns .odm .circle li h3 { width: 100px; height: 100px; line-height:1.2; font-size:15px;  }
.n_bns .odm .circle li h3.sf { font-size:12px; line-height:1.1; }
.n_bns .odm .circle li h3 i { display: none; }
.n_bns .odm article { display: block; height: auto; padding:10px 0;}


.n_bns .all a { width: 260px; height: 50px; margin:40px auto 0; padding-top: 4px; font-size:14px; }
.n_bns .all a i { margin-top: -6px; font-size:18px; }

.n_bns .purpose { padding-left: 0; padding-top: 20px; }
.n_bns .purpose h2 { position: static; padding-bottom: 0;  }
.n_bns .purpose ul li p { margin-top: 10px; }

.n_bns .pf { padding-left: 0; padding-top: 20px; }
.n_bns .pf h2 { position: static; padding-bottom: 0; }
.n_bns .pf ul { flex-wrap: wrap; justify-content: start; }
.n_bns .pf ul li { margin-right: calc((100% - 300px) / 2);  }
.n_bns .pf ul li dt { font-size:16px;}
.n_bns .pf ul li p { margin-top: 20px; }
.n_bns .pf ul li img { width: 100px; }

.n_bns .type .spc2 > ul > li { padding-top: 20px; padding-bottom: 40px; padding-left: 0; }
.n_bns .type .spc2 > ul dl { position: static; width: auto; margin-bottom: 20px;  }
.n_bns .type .spc2 > ul ul li figure { width: 80px; height: 80px; }
.n_bns .type .spc2 > ul ul li figure img { height: 50px; }
.n_bns .type .spc2 > ul ul li div { width: calc(100% - 100px); }

    
.n_bns .app_spc .app_img {  flex-direction: column;  gap: 24px;  margin-top: 30px; }
.n_bns .app_spc .app_img li img { width: 200px !important;   height: 200px !important;  }
.n_bns .app_spc .app_info { flex-direction: column;  margin-top: 40px; }
.n_bns .app_spc .app_info .spc_4 { width: 100%;  padding-left: 0;  }
.n_bns .app_spc .app_box {  padding: 22px 20px; }
.n_bns .app_spc .app_box + .app_box {  margin-top: 20px; }
.n_bns .app_spc .app_box dt { font-size: 18px; }
.n_bns .app_spc .app_box dd { font-size: 14px; }
.n_bns .app_spc br.pc {  display: none;  }

#sub2_3_1_1 .app_spc .app_info .spc_4:first-child { padding-right: 0; }
#sub2_3_1_1 .app_spc .app_info .spc_4:last-child { padding-left: 0; }
#sub2_3_1_1 .spc ul .spc_2 { padding-left: 0; }
.n_bns .type_1 ul li { margin-bottom: 20px; }
.size_cols img { width: 100%; }

.size .drag { width: 100%; }
.size .drag:after { font-size:13px; }
.n_bns .type .right .size_2 table td { font-size:13px; }


/* sub2_4 */
#sub2_4 .cont1 p { line-height:1.6; font-size:16px; }
#sub2_4 .cont2 { margin-top: 40px; }
#sub2_4 .cont2 img { height: 240px; }
#sub2_4 .cont3 p { line-height:1.6; font-size:16px; }
#sub2_4 .cont3 .swiper-slide p { left: 10px; bottom: 10px; }

#sub2_4 .cont4 { margin-top: 140px; }
#sub2_4 .cont4 figure { width: 100%; }
#sub2_4 .cont4 figure figcaption { left: 10px; top: 10px; right: 10px; font-size:14px; }

#sub2_4 .cont5 ul { flex-direction: column;}
#sub2_4 .cont5 ul li { width: 100% !important; height: 66px; padding:20px; margin-top: 10px; }
#sub2_4 .cont5 ul li.act { height:auto; }
#sub2_4 .cont5 ul li strong { position:static; }
#sub2_4 .cont5 ul li dl { position:static; margin-top: 20px; }
#sub2_4 .cont5 ul li.act dl { white-space:normal; }
#sub2_4 .cont5 ul li dl dt { font-size:16px;}

#sub2_4 .cont6 ul li { height: 80px; border-radius: 10px; }
#sub2_4 .cont6 ul li a { font-size:18px; padding-left: 20px; padding-top: 6px; }
#sub2_4 .cont6 > a { width: 100%; height: 50px; margin-top:40px; padding-top: 4px; font-size:18px; }

/* 제품검색 게시판 */
#sub2_4 .cont #bo_gall .gall_text_href a { font-size:14px; }
#sub2_4 .cont #bo_gall .gall_li { width: 48.5%; margin-right: 3%; }
#sub2_4 .cont #bo_gall .gall_li:nth-child(2n) { margin-right: 0; }
#sub2_4 .cont #bo_gall .gall_li:nth-child(2n+1) { clear: both; }
#sub2_4 .cont #bo_v { margin-top: 0; }

/* 플랜트 */
#sub2_5.plant .cont2 #bo_gall .gall_li { width: 48.5%; }
#sub2_5.plant .cont2 #bo_gall .gall_img img, #sub2_5.plant .cont2 #bo_gall .gall_img video { aspect-ratio: 1 / 1; }


/* sub3_1 */
#sub3_1 .cont2 img { height: 240px;}
#sub3_1 .cont2 p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; line-height: 1.8; font-size:16px; }

#sub3_1 .cont3 article { height: auto; display: block; padding-bottom: 20px; }
#sub3_1 .cont3 article h2 { width: auto; float:none; }
#sub3_1 .cont3 article p { width: auto; float:none; margin-top: 10px; }
#sub3_1 .cont3 iframe { width: 100%; }
#sub3_1 .cont3 figure img,  #sub3_1 .cont4 figure img { width: 100% !important; height: auto !important;  max-width: 100%;  object-fit: contain !important;
  }

#sub3_1 .cont4 article { height: auto; display: block; padding-bottom: 20px; }
#sub3_1 .cont4 article h2 { width: auto; float:none; }
#sub3_1 .cont4 article p { width: auto; float:none; margin-top: 10px; }
#sub3_1 .cont4 iframe { width: 100%; }

#sub3_1 .cont5 .gifSlide .swiper-slide iframe { width:100%; } 

/* sub3_2 */
#sub3_2 .cont1 ul { flex-wrap: wrap; }
#sub3_2 .cont1 ul li { width: 110px; height: 110px; margin-bottom: 6px; }
#sub3_2 .cont1 ul li:before { display: none; }
#sub3_2 .cont1 ul li p { margin-top: 0; }

#sub3_2 .cont2 ul li { display: block; margin-bottom: 60px; }
#sub3_2 .cont2 ul li figure { width:auto; }
#sub3_2 .cont2 ul li iframe { height:300%; }
#sub3_2 .cont2 ul li div { width: auto; }
#sub3_2 .cont2 ul li:nth-child(2n+1) div { padding-left: 0; }
#sub3_2 .cont2 ul li:nth-child(2n) div { padding-left: 0; }
#sub3_2 .cont2 ul li div h3 { padding-top: 10px; }


/* sub4_1 */
.bbs > h2.f32.gsb { margin-bottom: 20px; }

/* sub4_2 */
#sub4_2 .cont1 div.mt80 { display: block; margin-top: 40px;}
#sub4_2 .cont1 div.mt80 ul, #sub4_2 .cont1 div.mt80 div { width: auto; }
#sub4_2 .cont1 div.mt80 ul li { padding:10px 0;}
#sub4_2 .cont1 div.mt80 div { border-top:none; height: auto; padding:10px 0; }
#sub4_2 .cont1 div.mt80 div label { line-height:40px; }
#sub4_2 .cont1 div.mt80 div textarea { height: 200px; }

#sub4_2 .cont1 div.mt80 label { width: 80px; font-size:14px; padding-left: 0; }
#sub4_2 .cont1 div.mt80 input, #sub4_2 .cont1 div.mt80 textarea, #sub4_2 .cont1 div.mt80 select { width: calc(100% - 80px); font-size:14px; }
#sub4_2 .cont1 div.mt80 input[type="file"] { padding-top: 6px; }

#sub4_2 .cont1 div.mt80 + input { width: 240px; height: 50px; margin:40px auto 0; }

/* sub4_3 */
#sub4_3 .xi-download { font-size:28px; padding:0; position: absolute; right: 10px; top: 10px; } 
#sub4_3 .bo_tit { padding-right: 40px; }
#sub4_3 .td_subject { position: relative; }

#sub4_3 #bo_cate li { margin-right: 4px; }
#sub4_3 #bo_cate li a { font-size:14px; width: auto; line-height: 44px; padding:0 20px; }

/* sub5_1 */
#sub5_1 .cont2 ul { display: block; }
#sub5_1 .cont2 ul li { width: auto; height: auto; margin-bottom: 10px; padding:20px; }
#sub5_1 .cont2 ul li figure { height: 40px; }
#sub5_1 .cont2 ul li figure img { height: 40px; }
#sub5_1 .cont2 ul li article { position: static; margin-top: 20px; }

#sub5_1 .cont3 > div.on { display: block; }
#sub5_1 .cont3 article { width: auto; } 
#sub5_1 .cont3 article:last-child { margin-top: 60px; } 
#sub5_1 .cont3 article h2 { margin-bottom: 10px; padding-bottom: 10px; } 
#sub5_1 .cont3 article ul.num li { padding-left: 18px; }

/* sub5_2 */
#sub5_2 .cont2 img { height: 200px; }
#sub5_2 .cont3 .cl .right { width: auto; }
#sub5_2 .cont3 .cl .right.ovh { height: auto; overflow: visible; }
#sub5_2 .cont3 .cl strong { margin-top: 20px; }
#sub5_2 .cont3 .cl strong:first-child { margin-top: 40px; }

/* sub5_3 */
#sub5_3 .cont2 { background: #000; }
#sub5_3 .cont2 img { object-position: -160px; }
#sub5_3 .cont2 .wrap .wh { width: auto; background: rgba(0,0,0,0.2); }
#sub5_3 .cont2 .wrap .wh span { display: block; }

#sub5_3 .cont3 div.mt80 { display: block; margin-top: 40px;}
#sub5_3 .cont3 div.mt80 ul, #sub5_3 .cont3 div.mt80 div { width: auto; }
#sub5_3 .cont3 div.mt80 ul li { padding:10px 0;}
#sub5_3 .cont3 div.mt80 div { border-top:none; height: auto; padding:10px 0; }
#sub5_3 .cont3 div.mt80 div label { line-height:40px; }
#sub5_3 .cont3 div.mt80 div textarea { height: 200px; }
#sub5_3 .cont3 div.mt80 label { width: 80px; font-size:14px; padding-left: 0; }
#sub5_3 .cont3 div.mt80 input, #sub5_3 .cont3 div.mt80 textarea, #sub5_3 .cont3 div.mt80 select { width: calc(100% - 80px); font-size:14px; }
#sub5_3 .cont3 div.mt80 input[type="file"] { padding-top: 6px; }
#sub5_3 .cont3 #w_info { margin-top: 20px; padding:20px; font-size:14px; height: 120px; }
#sub5_3 .cont3 input[type="submit"] { width: 240px; height: 50px; margin:40px auto 0; }



/* sub5_4 */
#sub5_4 .cont2 .cl .right { width: auto; }
#sub5_4 .cont2 .cl .right.ovh { height: auto; overflow: visible; }
#sub5_4 .cont2 .cl strong { margin-top: 20px; }
#sub5_4 .cont2 .cl strong:first-child { margin-top: 40px; }
#sub5_4 .all a { width: 280px; font-size:14px;  }
    
/* sub5_4 
#sub5_4 .cont2 { padding:20px 0;}
#sub5_4 .cont2 .left { width: auto; }
#sub5_4 .cont2 .right { width: auto; }
#sub5_4 .cont2 .right a { height: 50px; padding-right: 20px; }
#sub5_4 .cont2 .right a strong { width: 30px; }
#sub5_4 .cont2 .right a span { width:calc(100% - 54px); }
#sub5_4 .cont2 .right a i { font-size:24px; }
*/ 

/* sub6_2 */
#sub6_2 .cont2 { margin-top: 60px; }
#sub6_2 .cont2 img { height: 240px; }
.both .left, .both .right { width: auto; }

#sub6_2 .cont4 ul { flex-wrap: wrap; justify-content: start; margin-top: 20px;}
#sub6_2 .cont4 ul li { width: 105px; height: 105px; margin-right:calc((100% - 315px) / 2); margin-bottom: 20px; }
#sub6_2 .cont4 ul li:nth-child(3n) { margin-right: 0; }
#sub6_2 .cont4 ul li:before { display: none; }
#sub6_2 .cont4 ul li strong { top:-8px; }
#sub6_2 .cont4 ul li figure, #sub6_2 .cont4 ul li figure img { height: 40px; }

#sub6_2 .cont5 { display: block; }
#sub6_2 .cont5 ul:last-child { border-top:none; margin-top: 0; }
#sub6_2 .cont5 ul li { min-height: auto; padding-left: 26px; padding-bottom: 30px;}
#sub6_2 .cont5 ul li p { margin-top: 10px; }
#sub6_2 .cont5 ul:last-child li:last-child { height:auto;}


/* sub6_3 */
#sub6_3 .cont2 { margin-top: 60px; }
#sub6_3 .cont2 img { height: 240px; }
#sub6_3 .cont3 ul { flex-direction: column; }
#sub6_3 .cont3 ul li { width: 200px; height: 200px; margin-bottom: 20px;  }
#sub6_3 .cont3 ul li h3, #sub6_3 .cont3 ul li p { margin-top: 10px; }

#sub6_3 .cont4 { display: block; }
#sub6_3 .cont4 ul { margin-top: 10px; padding-top: 14px; }
#sub6_3 .cont4 ul li { margin-bottom: 30px; }
#sub6_3 .cont4 article:last-child { margin-top: 50px; }

#sub6_3 .cont5 ul li { padding-top: 14px; padding-bottom: 30px;  line-height:1.8; height:auto !important; }
#sub6_3 .cont5 ul:last-child { border-top:none; margin-top: 0;}
#sub6_3 .cont5 ul li figure { transform: scale(0.5); transform-origin: top right; }
 


/* sub6_4 */
#sub6_4 .cont1 div.mt80 { display: block; margin-top: 40px;}
#sub6_4 .cont1 div.mt80 ul, #sub6_4 .cont1 div.mt80 div { width: auto; }
#sub6_4 .cont1 div.mt80 ul li { padding:10px 0;}
#sub6_4 .cont1 div.mt80 div { border-top:none; height: auto; padding:10px 0; }
#sub6_4 .cont1 div.mt80 div label { line-height:40px; }
#sub6_4 .cont1 div.mt80 div textarea { height: 200px; }

#sub6_4 .cont1 div.mt80 label { width: 80px; font-size:14px; padding-left: 0; }
#sub6_4 .cont1 div.mt80 input, #sub6_4 .cont1 div.mt80 textarea, #sub6_4 .cont1 div.mt80 select { width: calc(100% - 80px); font-size:14px; }
#sub6_4 .cont1 div.mt80 input[type="file"] { padding-top: 6px; }

#sub6_4 .cont1 div.mt80 + input { width: 240px; height: 50px; margin:40px auto 0; }



/* shop */
/* .blank { height: 60px; } */

#sub_visual img { height: 180px; }
.shopContainer { display: block; padding-top: 60px; }
.shopContainer > nav { width: auto; }
.shopContainer > nav h2 { font-size:16px;  }
.shopContainer > nav ul { font-size:16px; }
.shopContainer .shop-content { width: auto; margin-top: 40px; }
.sct_admin { margin-top: 0;}

#sit_title { font-size:20px; margin-top: 20px; }

#sit_ov { font-size:16px;}
.sit_option { font-size:16px; }
#sit_ov_wrap { width:auto; padding:0; }

#sit_pvi, #sit_ov { width: 100%; }






































}