@media (max-width:1450px) { /* 태블릿용 */
.wrap { width: 94%; font-size:16px;  }  

.left { width: 200px; }
.right { width: calc(100% - 200px); }

/* header & footer */
#w_header { height: 60px; }
#w_header.down { height: 100vh; }
#w_header.down .line, #w_header.fix .line { background: #000; }

#w_header h1 { position: static; padding-top: 20px; }
#w_header h1 img { height: 20px;}

#w_header #w_gnb { display: block; width: 260px; margin:80px auto 0; padding-top: 0; position:static; text-align: center; }
#w_header #w_gnb > li { float:none; border-top:1px solid #ddd; margin-left: 0; }
#w_header #w_gnb > li:first-child { margin-left: 0; border-top:0;  }
#w_header #w_gnb > li > a { padding:0; font-size:20px; line-height:50px; }
#w_header #w_gnb ul { padding-top: 0; display: none; position:static; margin-left: 0; }
#w_header #w_gnb ul li { float:none; line-height: 50px; border-top:1px dashed #ddd; margin:0; }    
    
#w_header .lang { position: static; width:260px; margin:0 auto; border-top:1px solid #ddd; }
#w_header .lang select { width: 100%; box-sizing: border-box; height: 50px; }

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

#w_footer address { padding-left: 280px;  }

/* index */
#main { height: 70vh; } 
#main .ment { left:4%; top:200px; }
#main .ment h2 { font:54px/1.2 stb; margin-bottom: 20px; }
#main .swiper-pagination { width:100%; top:auto; bottom:120px; left:0; }
#main .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; margin:0 16px 0 0; }


#about ul li { width: calc((100% - 40px) / 3); height: 500px; color:#fff; }
#about ul li dl { padding-top: 80px; }
#about ul li dl dt { font-size:24px; }
#about ul li dl dd { font-size:14px; }

#news { padding:60px 0 120px; }
#news .pc ul li { width: calc((100% - 40px) / 3); }
#news .pc ul li a { font-size:16px; }
#news .pc ul li a p { font-size:14px; }
#news .more { margin-top: 40px; }

#contact { padding:80px 0; }
#contact .left { width: auto; }
#contact .right { width: auto; }
#contact .left p { margin-top: 10px; margin-bottom: 10px; }
#contact .left a { margin-top: 10px; font-size:18px;}
#contact .left a:last-child {margin-bottom: 20px;}

/* sub layout */
#sv1 p { font:36px/1.6 stsb; padding-top: 160px; margin-bottom: 60px;  }
#sv1 figure { overflow: hidden; height: 500px; }
#sv1 figure img { width: 100%; height: 100%; object-fit: cover; transition:0.8s; }
#sv1 figure.on img { transform: scale(1.2); }
#sv2 { height: 390px; background:url(/images/bg_sub2.png) no-repeat center/cover; }
#sv3 { height: 390px; background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sv4 { height: 390px; background:url(/images/bg_sub4.png) no-repeat center/cover; }
#sv6 { height: 390px; background:url(/images/bg_sub6.png) no-repeat center/cover; }


.pad { padding:100px 0; }
.wrap h3 { font:20px/1.4 steb; }

/* sub1 */
#sv1 figure { height: 300px; }

#sub1 .cont2 { height: 300px; }

#sub1 .cont3 ul { display: block; }
#sub1 .cont3 ul li { width: auto; min-height: auto; margin-bottom: 30px; }
#sub1 .cont3 ul li h4 { font-size:16px; }
#sub1 .cont3 ul li figure { height: auto; margin-bottom: 20px; }
#sub1 .cont3 ul li figure img { max-height: 44px; }
#sub1 .cont3 ul li:first-child figure img { max-height: 60px; }

#sub1 .cont4 .circle { padding-left: 100px; position: relative; margin-bottom: 160px; }
#sub1 .cont4 .circle span { font:20px sth; text-transform: uppercase; position: absolute; }
#sub1 .cont4 .circle span:nth-of-type(1) { left:14px; top:110px; }
#sub1 .cont4 .circle span:nth-of-type(2) { left:520px; top:30px; }
#sub1 .cont4 .circle span:nth-of-type(3) { left: 386px; top: 210px; }
#sub1 .cont4 .circle span:before { content:""; width: 16px; height: 16px; display: inline-block; background: #000; border-radius: 20px; margin:0 8px; transform: translateY(1px); }
#sub1 .cont4 .circle span:first-of-type:after { content:""; width: 16px; height: 16px; display: inline-block; background: #000; border-radius: 20px; margin:0 8px; transform: translateY(1px);}
#sub1 .cont4 .circle span:first-of-type:before { display: none; }

#sub1 .cont4 dl { margin-top: 40px; }
#sub1 .cont4 dl dt { text-transform: uppercase; font:20px steb; margin-bottom: 10px;  }


#sub1 .cont8 { margin:100px 0; }

#sub1 .cont6 ul li { padding-left: 200px; }

#sub1 .cont7 { padding:60px 0 200px; }
#sub1 .cont7 .right form { width: auto;  }
.detail article { width: 100%; padding-top: 50px;}

.prd li { width:calc((100% - 80px) / 3); }
.prd li dl dt { font-size:16px; }

#sub2 .cont1 dl dd br.pc { display: none;  }

#sub6 .bbs #bo_gall .gall_li { width:calc((100% - 50px) / 3); margin-right: 25px; }
#bo_gall .gall_img { height:auto !important; }

#sub4 .cont1 dl dd br.pc { display: none; }
#sub5 .fl { height: calc(100vh - 262px); }

}
@media (max-width:1280px) { /* 태블릿용 */
.wrap { width: 94%; font-size:16px;  }  

.left { width: 200px; }
.right { width: calc(100% - 200px); }

/* header & footer */
#w_header { height: 60px; }
#w_header.down { height: 100vh; }
#w_header.down .line, #w_header.fix .line { background: #000; }

#w_header h1 { position: static; padding-top: 20px; }
#w_header h1 img { height: 20px;}

#w_header #w_gnb { display: block; width: 260px; margin:80px auto 0; padding-top: 0; position:static; text-align: center; }
#w_header #w_gnb > li { float:none; border-top:1px solid #ddd; margin-left: 0; }
#w_header #w_gnb > li:first-child { margin-left: 0; border-top:0;  }
#w_header #w_gnb > li > a { padding:0; font-size:20px; line-height:50px; }
#w_header #w_gnb ul { padding-top: 0; display: none; position:static; margin-left: 0; }
#w_header #w_gnb ul li { float:none; line-height: 50px; border-top:1px dashed #ddd; margin:0; }    
    
#w_header .lang { position: static; width:260px; margin:0 auto; border-top:1px solid #ddd; }
#w_header .lang select { width: 100%; box-sizing: border-box; height: 50px; }

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

#w_footer address { padding-left: 280px;  }

/* index */
#main { height: 70vh; } 
#main .ment { left:4%; top:200px; }
#main .ment h2 { font:54px/1.2 stb; margin-bottom: 20px; }
#main .swiper-pagination { width:100%; top:auto; bottom:100px; left:0; }
#main .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; margin:0 16px 0 0; }


#about ul li { width: calc((100% - 40px) / 3); height: 500px; color:#fff; }
#about ul li dl { padding-top: 80px; }
#about ul li dl dt { font-size:24px; }
#about ul li dl dd { font-size:14px; }

#news { padding:60px 0 120px; }
#news .pc ul li { width: calc((100% - 40px) / 3); }
#news .pc ul li a { font-size:16px; }
#news .pc ul li a p { font-size:14px; }
#news .more { margin-top: 40px; }

#contact { padding:80px 0; }
#contact .left { width: auto; }
#contact .right { width: auto; }
#contact .left p { margin-top: 10px; margin-bottom: 10px; }
#contact .left a { margin-top: 10px; font-size:18px;}
#contact .left a:last-child {margin-bottom: 20px;}

/* sub layout */
#sv1 p { font:36px/1.6 stsb; padding-top: 160px; margin-bottom: 60px;  }
#sv1 figure { overflow: hidden; height: 500px; }
#sv1 figure img { width: 100%; height: 100%; object-fit: cover; transition:0.8s; }
#sv1 figure.on img { transform: scale(1.2); }
#sv2 { height: 390px; background:url(/images/bg_sub2.png) no-repeat center/cover; }
#sv3 { height: 390px; background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sv4 { height: 390px; background:url(/images/bg_sub4.png) no-repeat center/cover; }
#sv6 { height: 390px; background:url(/images/bg_sub6.png) no-repeat center/cover; }


.pad { padding:100px 0; }
.wrap h3 { font:20px/1.4 steb; }

/* sub1 */
#sv1 figure { height: 300px; }

#sub1 .cont2 { height: 300px; }

#sub1 .cont3 ul { display: block; }
#sub1 .cont3 ul li { width: auto; min-height: auto; margin-bottom: 30px; }
#sub1 .cont3 ul li h4 { font-size:16px; }
#sub1 .cont3 ul li figure { height: auto; margin-bottom: 20px; }
#sub1 .cont3 ul li figure img { max-height: 44px; }
#sub1 .cont3 ul li:first-child figure img { max-height: 60px; }

#sub1 .cont4 .circle { padding-left: 100px; position: relative; margin-bottom: 160px; }
#sub1 .cont4 .circle span { font:20px sth; text-transform: uppercase; position: absolute; }
#sub1 .cont4 .circle span:nth-of-type(1) { left:14px; top:110px; }
#sub1 .cont4 .circle span:nth-of-type(2) { left:520px; top:30px; }
#sub1 .cont4 .circle span:nth-of-type(3) { left: 386px; top: 210px; }
#sub1 .cont4 .circle span:before { content:""; width: 16px; height: 16px; display: inline-block; background: #000; border-radius: 20px; margin:0 8px; transform: translateY(1px); }
#sub1 .cont4 .circle span:first-of-type:after { content:""; width: 16px; height: 16px; display: inline-block; background: #000; border-radius: 20px; margin:0 8px; transform: translateY(1px);}
#sub1 .cont4 .circle span:first-of-type:before { display: none; }

#sub1 .cont4 dl { margin-top: 40px; }
#sub1 .cont4 dl dt { text-transform: uppercase; font:20px steb; margin-bottom: 10px;  }


#sub1 .cont8 { margin:100px 0; }

#sub1 .cont6 ul li { padding-left: 200px; }

#sub1 .cont7 { padding:60px 0 200px; }
#sub1 .cont7 .right form { width: auto;  }

.detail article { width: 100%; padding-top: 50px;}
.prd li { width:calc((100% - 80px) / 3); }
.prd li dl dt { font-size:16px; }

#sub2 .cont1 dl dd br.pc { display: none;  }

#sub6 .bbs #bo_gall .gall_li { width:calc((100% - 50px) / 3); margin-right: 25px; }
#bo_gall .gall_img { height:auto !important; }

#sub4 .cont1 dl dd br.pc { display: none; }
#sub5 .fl { height: calc(100vh - 262px); }

}



@media (max-width:1024px) { /* 태블릿용 */
.wrap { width: 94%; font-size:16px;  }  

.left { width: 200px; }
.right { width: calc(100% - 200px); }

/* header & footer */
#w_header { height: 60px; }
#w_header.down { height: 100vh; }
#w_header.down .line, #w_header.fix .line { background: #000; }

#w_header h1 { position: static; padding-top: 20px; }
#w_header h1 img { height: 20px;}

#w_header #w_gnb { display: block; width: 260px; margin:80px auto 0; padding-top: 0; position:static; text-align: center; }
#w_header #w_gnb > li { float:none; border-top:1px solid #ddd; margin-left: 0; }
#w_header #w_gnb > li:first-child { margin-left: 0; border-top:0;  }
#w_header #w_gnb > li > a { padding:0; font-size:20px; line-height:50px; }
#w_header #w_gnb ul { padding-top: 0; display: none; position:static; margin-left: 0; }
#w_header #w_gnb ul li { float:none; line-height: 50px; border-top:1px dashed #ddd; margin:0; }    
    
#w_header .lang { position: static; width:260px; margin:0 auto; border-top:1px solid #ddd; }
#w_header .lang select { width: 100%; box-sizing: border-box; height: 50px; }

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

#w_footer address { padding-left: 280px;  }

/* index */
#main { height: 70vh; } 
#main .ment { left:4%; top:200px; }
#main .ment h2 { font:54px/1.2 stb; margin-bottom: 20px; }
#main .swiper-pagination { width:100%; top:auto; bottom:100px; left:0; }
#main .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; margin:0 16px 0 0; }


#about ul li { width: calc((100% - 40px) / 3); height: 500px; color:#fff; }
#about ul li dl { padding-top: 80px; }
#about ul li dl dt { font-size:24px; }
#about ul li dl dd { font-size:14px; }

#news { padding:60px 0 120px; }
#news .pc ul li { width: calc((100% - 40px) / 3); }
#news .pc ul li a { font-size:16px; }
#news .pc ul li a p { font-size:14px; }
#news .more { margin-top: 40px; }

#contact { padding:80px 0; }
#contact .left { width: auto; }
#contact .right { width: auto; }
#contact .left p { margin-top: 10px; margin-bottom: 10px; }
#contact .left a { margin-top: 10px; font-size:18px;}
#contact .left a:last-child {margin-bottom: 20px;}

/* sub layout */
#sv1 p { font:36px/1.6 stsb; padding-top: 160px; margin-bottom: 60px;  }
#sv1 figure { overflow: hidden; height: 500px; }
#sv1 figure img { width: 100%; height: 100%; object-fit: cover; transition:0.8s; }
#sv1 figure.on img { transform: scale(1.2); }
#sv2 { height: 390px; background:url(/images/bg_sub2.png) no-repeat center/cover; }
#sv3 { height: 390px; background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sv4 { height: 390px; background:url(/images/bg_sub4.png) no-repeat center/cover; }
#sv6 { height: 390px; background:url(/images/bg_sub6.png) no-repeat center/cover; }


.pad { padding:100px 0; }
.wrap h3 { font:20px/1.4 steb; }

/* sub1 */
#sv1 figure { height: 300px; }

#sub1 .cont2 { height: 300px; }

#sub1 .cont3 ul { display: block; }
#sub1 .cont3 ul li { width: auto; min-height: auto; margin-bottom: 30px; }
#sub1 .cont3 ul li h4 { font-size:16px; }
#sub1 .cont3 ul li figure { height: auto; margin-bottom: 20px; }
#sub1 .cont3 ul li figure img { max-height: 44px; }
#sub1 .cont3 ul li:first-child figure img { max-height: 60px; }

#sub1 .cont4 .circle { padding-left: 100px; position: relative; margin-bottom: 160px; }
#sub1 .cont4 .circle span { font:20px sth; text-transform: uppercase; position: absolute; }
#sub1 .cont4 .circle span:nth-of-type(1) { left:14px; top:110px; }
#sub1 .cont4 .circle span:nth-of-type(2) { left:520px; top:30px; }
#sub1 .cont4 .circle span:nth-of-type(3) { left: 386px; top: 210px; }
#sub1 .cont4 .circle span:before { content:""; width: 16px; height: 16px; display: inline-block; background: #000; border-radius: 20px; margin:0 8px; transform: translateY(1px); }
#sub1 .cont4 .circle span:first-of-type:after { content:""; width: 16px; height: 16px; display: inline-block; background: #000; border-radius: 20px; margin:0 8px; transform: translateY(1px);}
#sub1 .cont4 .circle span:first-of-type:before { display: none; }

#sub1 .cont4 dl { margin-top: 40px; }
#sub1 .cont4 dl dt { text-transform: uppercase; font:20px steb; margin-bottom: 10px;  }


#sub1 .cont8 { margin:100px 0; }

#sub1 .cont6 ul li { padding-left: 200px; }

#sub1 .cont7 { padding:60px 0 200px; }
#sub1 .cont7 .right form { width: auto;  }

.detail article { width: 100%; padding-top: 50px;}
.prd li { width:calc((100% - 80px) / 3); }
.prd li dl dt { font-size:16px; }

#sub2 .cont1 dl dd br.pc { display: none;  }

#sub6 .bbs #bo_gall .gall_li { width:calc((100% - 50px) / 3); margin-right: 25px; }
#bo_gall .gall_img { height:auto !important; }

#sub4 .cont1 dl dd br.pc { display: none; }
#sub5 .fl { height: calc(100vh - 262px); }

}
@media (max-width:480px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { font-size:13px; }
.title { font-size:24px; }
    
.more { font-size:13px; }  
.more i { font-size:13px; }  
    
.left { float:none; width: auto; margin-bottom: 20px; }
.right { float:none; width: auto; }    
    
 
#w_footer { padding:40px 0; }
#w_footer address { font-size:13px; line-height:2; padding-left: 0; }    
    
/* index */
#main .ment { font-size:14px; left:0; width:100%; top:calc(30vh - 50px); text-align: center; }
#main .ment h2 { font:24px/1.2 stb; }
#main .swiper-pagination { width:100%; bottom:30px; left:0; }
#main .swiper-pagination-bullet { margin:0 6px; }    
    
#about { padding:80px 0; }
#about h2 { margin-bottom: 20px; }
#about ul { display: block; margin-top: 60px; }
#about ul li { width: auto; height: auto; }
#about ul li a { padding:30px 20px; }
#about ul li h3 { font:18px steb; }
#about ul li i { font-size:24px; right:18px; top:30px;  }
#about ul li dl { padding-top: 20px; }
#about ul li dl dt { font:20px/1.4 steb; margin-bottom: 10px; }

#news { padding:60px 0 80px; }
#news h2 { margin-bottom: 40px; }
#news .mob ul { display: flex; margin:0; justify-content: flex-start; align-items: flex-start; }
#news .mob ul li { width:auto; margin-bottom: 40px; display: block; text-align: left; }
#news .mob ul li img { margin-bottom: 20px; }
#news .mob ul li a { font-size:16px; }
#news .mob ul li a p { font-size:13px; }
#news .mob ul li.last { background: none; text-align: right; display:flex; align-items: center; justify-content: center; margin-top: 80px; }
#news .mob ul li.last .more { font-size:14px; height: 40px; margin:0; margin-right: 20px;  }
#news .mob .swiper-pagination1 { top:auto; bottom:0; }
#news .mob .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #222; }
#news .more { margin-top: 0; }

#cvc { padding:80px 0; }
#cvc p { margin:20px 0 30px; }

#contact { padding:80px 0; }
#contact .left { width: auto; }
#contact .right { width: auto; }
#contact .left p { margin-top: 10px; margin-bottom: 10px; }
#contact .left a { margin-top: 10px; font-size:18px; }

#formmail ul li { width: 100%; margin:0 0 20px 0; float:none; }
#formmail ul li input { height: 40px; font:13px/1.6 stm; }
#formmail ul li textarea { font:13px/1.6 stm; } 
#formmail .more { font:13px stsb; display: block; margin:0 auto; }   


/* sub layout */
#sv1 { }
#sv1 p { font-size:16px; padding-top: 100px; }
#sv1 figure { height:160px; }
#sv2 { height: 140px; }
#sv3 { height: 140px; }
#sv4 { height: 140px; }
#sv6 { height: 140px; }

.pad { padding:80px 0; }
.wrap h3 { font-size:18px; }
    
/* sub1 */
#sub1 .cont2 { height: 140px; }




#sub1 .cont4 .circle { padding-left: 0; margin-bottom: 80px; }
#sub1 .cont4 .circle img { width: 100%; }
#sub1 .cont4 .circle span { font-size:13px; }
#sub1 .cont4 .circle span:nth-of-type(1) { left:17%; top:7%; }
#sub1 .cont4 .circle span:nth-of-type(2) { left:-3%; top:64%; }
#sub1 .cont4 .circle span:nth-of-type(3) { left:57%; top:81%; }
#sub1 .cont4 .circle span:before { width: 13px; height: 13px; transform: translateY(1px); }
#sub1 .cont4 .circle span:first-of-type:after { width: 13px; height: 13px; transform: translateY(1px); }
#sub1 .cont4 dl dt { font-size:14px; }

#sub1 .cont5 { padding:40px 0 20px; }
#sub1 .cont5 ul li { font-size:18px; }
#sub1 .cont5 ul li strong { font-size:14px; width: 80px; }
    
#sub1 .cont8 { margin: 4px 0 80px; }
#sub1 .cont8 ul { width: 1600px; animation: 7s move linear infinite;  }
#sub1 .cont8 ul li { float:left; margin-right: 40px; }
#sub1 .cont8 ul li img { width: 360px; }
@keyframes move {
    from { left:0; }
    to { left:-400px; }
}    

#sub1 .cont6 { padding:20px 0; }
#sub1 .cont6 ul li { padding-left: 0; margin-bottom: 10px; }
#sub1 .cont6 ul li strong { font-family: steb; position: static; display: block; }

#sub1 .cont7 { padding:40px 0 100px; }
#sub1 .cont7 .right form { width: auto; }

/* sub2 */
#sub2 .cont1 { padding:80px 0 100px; } 
#sub2 .cont1 img { margin-top: 80px; } 
#sub2 .cont1 dl { margin-top: 40px; } 
#sub2 .cont1 dl dt { font-size:16px; }
    
/* sub3 */
#sub3 .cont1 { padding-bottom:40px; }
#sub3 .list { padding: 20px 0 100px; }
#sub3 .list .left ul { font-size:16px; display:flex; align-items: center; justify-content: space-evenly; }
#sub3 .list .left ul:after { display: none; }
#sub3 .list .left ul li { margin-bottom: 0; }
#sub3 .list .left ul li.select i { display: none; }
    
.w_subject { margin-bottom: 60px; border-top:1px solid #ddd; padding-top: 30px;  }
.w_subject ul { margin-top: 20px; }
.w_subject ul li { padding-left: 14px; }

#w_subject_2 {font-size:16px; }    
#sub3 .vision { margin-bottom: 60px; }
#sub3 .vision img { margin-bottom: 20px; }    

.prd li { width:48.5%; margin-right: 3%; margin-bottom: 40px; }
.prd li:nth-child(2n) { margin-right: 0; }
.prd li:nth-child(2n+1) { clear: both; }
.prd li dl { margin-top: 10px; }
.prd li dl dt { font-size:14px; }
    
.detail .gallery { width: auto; float:none; }
.detail .gallery .fl li img { width: 100%; }
.detail article { width: auto; float:none; margin-top: 40px; }
.detail article h2 { color:#000; margin-bottom: 20px; }
.detail article ul { margin-top: 30px; }
.detail article ul li { padding-left: 18px; margin-bottom: 16px; }
    
/* sub4 */
#sub4 .cont1 { padding:80px 0 100px; } 
#sub4 .cont1 .right > div { margin-top: 80px; }
#sub4 .cont1 .right div.fl { position: static; background:none; opacity: 1; transition:none; margin-top: 0;  }
#sub4 .cont1 .right div.fl .more { background: none; color:#000;  }
#sub4 .cont1 dl { margin-top: 40px; } 
#sub4 .cont1 dl dt { font-size:16px; }    
    

/* sub5 */
#sub5 .fl { height: calc(100vh - 262px); }
#sub5 h2 { font-size:24px steb; }
#sub5 p { font-size:16px; }


/* sub6 */
#sub6 .cont1 { padding:80px 0 0px; } 
#sub6 .cont1 h2 { font-size:16px; } 
#sub6 .cont1 p { margin-left: 20px; } 

/* news */
#sub6 .bbs #bo_gall { margin-top: 0; }
#sub6 .bbs #bo_gall .gall_li { width: 48%; margin-right: 4%; }
#sub6 .bbs #bo_gall .gall_li:nth-child(2n) { margin-right: 0; }
#sub6 .bbs #bo_gall .gall_li:nth-child(2n+1) { clear: both; }
#sub6 .bbs #bo_gall .gall_text_href { margin-bottom: 0px; }
#sub6 .bbs #bo_gall .gall_text_href a { font-size:13px; }
#sub6 .bbs #bo_gall .gall_info .gall_date { font-size:12px; }

.fa-search { font-size:20px; }






















































































    
}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }

.prd li:nth-child(3n) { margin-right: 0; }
.prd li:nth-child(3n+1) { clear: both; }

#sub6 .bbs #bo_gall .gall_li:nth-child(3n) { margin-right: 0; }    
#sub6 .bbs #bo_gall .gall_li:nth-child(3n+1) { clear: both; }   
    
}