@media (max-width:800px) { /* 모바일 버전 */

#w_header { height: 60px; left: 0; }
#w_header.up { top:0; }
#w_header.down { height: 100vh; }
#w_header .wrap { width: 94%; }
#w_header h1 { top: 20px; }
#w_header h1 img { height: 20px; }
#w_header .contact { position: static; width: 230px; display: block; margin:0 auto; font-size:18px;}
#w_header #w_gnb { position: static; width: 230px; margin:0 auto; padding-top: 70px; }
#w_header #w_gnb > li { float:none; margin-left: 0; border-bottom:1px solid #000;}
#w_header #w_gnb > li:last-child { border:none; }
#w_header #w_gnb > li > a { line-height:40px; font-size:18px; display: block; text-align: center;}
#w_header #w_gnb > li:hover > a { color:#0f48b0;}
#w_header #w_gnb > li > a i { display: none; }
#w_header #w_gnb ul { position: static; padding-top: 0; font-size:14px; line-height: 40px; display: none; text-align: center;}
#w_header #w_gnb ul li { border-top:1px dashed #ddd; }
#w_header #w_gnb ul li:hover a { border-bottom:none; }
#w_header .lang { position: static; text-align: center;  display:flex; align-items:start; justify-content:space-between; width: 230px; margin:20px auto 0; }
#w_header .lang:after { display: none; }
#w_header .lang li { float:none; margin-left: 0; font-size:14px; }
#w_header .lang li:last-child.on div { height: 70px; }
#w_header .lang li:last-child div a:first-child { margin-bottom: 10px; }

#nav_btn { position:absolute; right:0; top:12px; }
#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_header.bl #nav_btn .line, #w_header.down #nav_btn .line { background-color:#000; }

#w_footer { padding:40px 0; text-align: center; }
#w_footer .wrap { display: block; height: auto; }
#w_footer .copy { position: static; margin-top: 20px; }
#w_footer .copy .sns { justify-content: center; }
#w_footer .copy .sns li:last-child { margin-right: 0; }

/* index */
    
#index .wrap { width: 94%; padding: 0; }
#main h3 { left:0; width: 100%; text-align: center; font-size:20px; }
#main .swiper-slide { height: 100vh;  overflow: hidden; }
#main .swiper-slide img {  width: 100%;  height: 100%; object-fit: cover; }
#main .swiper-slide h3 {  left: 50%; transform: translate(-50%, -50%);  top: 30%; text-align: center;  width: 100%; padding: 0 20px; }
    
#prds .left p { margin-top: 20px; }
#prds .right { width: auto; margin-top: 40px; }
#prds .right li { width: 48%; margin:0 4% 4% 0; border-radius: 10px; padding-bottom: 40px; }
#prds .right li div { height: 200px; }
#prds .right li div img { max-width: 70%; max-height:60%;}
#prds .right li p { font-size:14px; }
#prds .more { position: static; margin:20px auto 0; }

#we .wrap { display: block; }
#we img { border-radius: 20px; width: 100%;}
#we article { width: auto; margin-top: 40px;  }
#we article h3 { text-align: center; }
#we article p { margin-top: 20px; line-height:1.6; }
#we article a { margin:30px auto 0;}

#ind { display: block; }
#ind > div { width: auto; height: auto; }
#ind .ment { display: block; }
#ind .ment article { width: auto; padding:60px 3% 40px; }
#ind .ment article ul li { padding-left: 20px; }
#ind .ment article ul li:nth-child(odd) { width: 60%; }
#ind .ment article ul li:nth-child(even) { width: 40%; }
#ind .ment article a.more { width:160px; display: flex; margin: 30px auto 0; height: 40px; }
#ind .slide { height: 300px; }

#news a { float:left; width: auto; height: auto; border-radius: 10px;  }
#news a:nth-child(1) { height: auto; display: block;}
#news a:nth-child(1) h2 { left: 20px; top: 40px; }
#news a:nth-child(1) p { left: 20px; bottom: 40px; font-size:40px; }
#news a:nth-child(2) { margin-left: 0; margin-top: 20px; display: block; width: 48%; height: 48vw; }
#news a:nth-child(2) p { position: absolute; left: 20px; bottom: 20px; text-align: left; top:auto; transform: none; width: auto; font-size:18px; }
#news a:nth-child(3) { position: relative; left: 0; bottom: 0;  margin-top: 20px; height: 230px; width: 48%; height: 48vw; float:right;  }
#news a:nth-child(3) img { height: 26px; margin-bottom: 60px; }
#news a:nth-child(3) p { margin-top: 0; position: absolute; left: 20px; bottom: 20px; font-size:18px; }


/* sub layout */
.sv { height: 240px; }
.sv h2 { padding-top: 40px; }

.sm ul { display: none; }
.sm select { width: 100%; height: 50px; font-size:16px; font-family: stm; border:none; }

.snb { padding-bottom: 20px; }
.snb li { margin-right: 10px; }
.snb li a { width: auto; font:14px/34px stm; padding:0 14px; }

/* sub1_1_1 prd */
.prd { padding-top: 0; }
.prd .cont1 h2 { font-size:26px; margin-bottom: 10px; }
.prd .cont1 p { margin-top: 10px; }

.prd .cont2 .gbox { padding:20px 0; }
.prd .cont2 .gbox img { max-width: 80%; }
.prd .cont2 p { margin-top: 20px; line-height:1.6; font-size:14px; }

.prd .cont3 .gbox { padding:20px 0; }
.prd .cont3 .gbox img { max-width:80%; }
.prd .cont3 .gbox.fl { flex-direction: column; margin-top: 20px; }
.prd .cont3 .spec { display: block; }
.prd .cont3 .spec ul { width: auto; }
.prd .cont3 .spec ul:last-child { border-top:none;}
.prd .cont3 .spec ul li { padding:10px 0; }
.prd .cont3 .spec ul li em { width: 30px; font-size: 14px; }
.prd .cont3 .spec ul li img { margin-right: 20px; width: 60px;}
.prd .cont3 .spec ul li p { font-size:14px; }

.prd .cont4 { display: block; }
.prd .cont4 .gbox { width: auto; padding:20px 0; border-radius: 10px; }
.prd .cont4 article { width: auto; margin-top: 20px; }
.prd .cont4 article .cp { margin-top: 10px; }
.prd .cont4 article .stm { margin-top: 20px; }

.prd .cont6 > .fl { display: block; margin-bottom: 0;}
.prd .cont6 article { width: auto; border-radius: 10px; margin-bottom: 20px; }
.prd .cont6 article .gbox { width: 100%;  height: auto;  display: block; }
    
.prd .cont6 article dl { padding:20px 14px 20px; }
.prd .cont6 article dl dt { min-height: auto; margin-bottom: 10px; }
.prd .cont6 article dl dt br { display: none;}

.prd .cont6  table { display: block; }
.prd .cont6  table th { width: auto; display: block; padding:10px 0 0; }
.prd .cont6  table td { display: block; padding:4px 0 10px; border-top:none; }
.prd .cont6  table td ul li { padding-left:80px; line-height:1.6; }

.prd .cont7 div a { padding:20px; }
.prd .cont7 div a img { height: 50px; }
.prd .cont7 div iframe { height: 240px; }

.prd .cont8 ul { flex-wrap: wrap; }
.prd .cont8 ul li { width: 48%; margin-bottom: 20px; }
.prd .cont8 ul li figure { height: 48vw; }
.prd .cont8 ul li p { margin-top: 10px; }

.prd .cont9 h2 { padding:20px 0; }
.prd .cont9 div.fl { display: block; }
.prd .cont9 div.fl table { width: 100%; }
.prd .cont9 div.fl table:last-child { margin-top:50px; }
.prd .cont9 div.fl table thead th { font-size:16; }
.prd .cont9 div.fl table tbody th, .prd .cont9 .fl table tbody td { display: block; }
.prd .cont9 div.fl table tbody th { font-size:13px; width: auto; border-bottom:none; padding-bottom: 0; }
.prd .cont9 div.fl table tbody td { font-size:14px; padding-top: 6px;}
.prd .cont9 ul.fl { margin-top: 40px; justify-content: space-between; }
.prd .cont9 ul.fl li { margin:0; width: 49%; }
.prd .cont9 ul.fl li a { width: 100%; height: 44px; }
.prd .cont9 ul.fl li img { display: none; height: 20px; margin-left: 14px; }

.prd .cont10 ul.fl { display: block;}
.prd .cont10 ul.fl li { width: auto; margin-bottom: 40px; }
.prd .cont10 ul.fl li p { margin-top: 10px; }
.prd .cont10 a.fl { height: 50px; }

/* sub1_4_1 */
#sub1_4_1 { padding-top: 0; }
#sub1_4_1 .cont1 { margin-top: 20px; padding-bottom: 20px;  }
#sub1_4_1 .cont1 h2 { font-size:26px; margin-bottom: 10px; }
#sub1_4_1 .cont2 { padding:20px 0;}
#sub1_4_1 .cont2 .title figure { width: 50px; height: 50px; margin-right: 10px; }
#sub1_4_1 .cont2 .title figure img { transform: scale(0.7); }
#sub1_4_1 .cont2 .title p { font-size:16px; }
#sub1_4_1 .cont2 .title i { font-size:24px; right: 10px;  }
#sub1_4_1 .cont2 .ans { padding:30px 0; }
#sub1_4_1 .cont2 .ans .spec { padding-left: 0px; }
#sub1_4_1 .cont2 .ans .spec li { position: relative; padding-left: 110px; margin-bottom: 20px; }
#sub1_4_1 .cont2 .ans .view li { width: 48.5%; margin-right: 3%; margin-top: 30px; }
#sub1_4_1 .cont2 .ans .view li a:after { display: none; }
#sub1_4_1 .cont2 .ans .view li:nth-child(2n) { margin-right: 0; }
#sub1_4_1 .cont2 .ans .view li:nth-child(2n+1) { clear: both; }
#sub1_4_1 .cont2 .ans .view li p { margin-top: 10px; }

/* sub2_1 */
#sub2_1 .cont1 > div { padding-top: 80px; display: block; }
#sub2_1 .cont1 > #ind1 { margin-top: 0; }
#sub2_1 .cont1 figure { width: auto; margin-bottom: 20px; }
#sub2_1 .cont1 article { width: auto; }
#sub2_1 .cont1 article p { margin-top: 20px; line-height:1.6; }
#sub2_1 .cont1 article .prds { position: static; width: auto; margin-top: 30px; }
#sub2_1 .cont1 article .prds ul { margin-top: 30px; }
#sub2_1 .cont1 article .prds ul li { margin-right: 4%; width: 48%; height: 48vw; margin-bottom: 4vw; }
#sub2_1 .cont1 article .prds ul li:nth-child(2n) { margin-right: 0; }
#sub2_1 .cont1 article .prds ul li a img { max-width: 90%; max-height: 90%; }


/* sub3_1 */
.sm3 { background:#fff; border-bottom:1px solid #ddd; text-align: center; }
.sm3 select { width: 94%; }
.sm3 ul { display: none; }

.sm4 { background:#fff; border-bottom:1px solid #ddd; text-align: center; }
.sm4 select { width: 94%; }
.sm4 ul { display: none; }

/* sub3_1 */
#sub3_1 .cont1 h2 { padding-bottom: 10px; }
#sub3_1 .cont2 .left,
#sub3_1 .cont2 .right { width:auto; border-top:none; }
#sub3_1 .cont2 .left select { width: 100%; height: 50px; border:none; border-top:1px solid #0f48b0; border-bottom:1px solid #0f48b0; }

.bbs .cont2 { font-size:12px; }

/* sub3_2 */
#sub3_2 .cont1 h2 { padding-bottom: 10px; }
#sub3_2 .cont1 p { margin-top: 10px; line-height:1.6;  }
#sub3_2 .cont2 { margin-top: 40px; }
#sub3_2 .cont2 ul li { float:none; width: auto; margin-right: 0; margin-bottom: 30px; display: block; }
#sub3_2 .cont2 ul li label { display: block; width: auto; font-size:14px; margin-bottom: 10px; }
#sub3_2 .cont2 ul li select,
#sub3_2 .cont2 ul li input { width: 100%; font-size:14px; }
#sub3_2 .cont2 ul li:nth-child(even) label { padding-left: 0; }
#sub3_2 .cont2 ul li textarea { margin-top: 0; font-size:14px; }
#sub3_2 .cont2 ul li button { position: static; margin:0 auto;}




/* sub5_1 */
#sub5_1 .cont2 .cl { margin-top: 60px; }
#sub5_1 .cont2 figure { float:none; width: auto; }
#sub5_1 .cont2 ul { float:none; width: auto; margin-top: 40px; }
#sub5_1 .cont2 ul li { font-size:18px; padding-left: 30px;  }
#sub5_1 .cont2 ul li i { font-size:24px; }
#sub5_1 .cont2 ul li p { margin-top: 10px; }

#sub5_1 .cont3 .ref { margin-top: 40px; }
#sub5_1 .cont3 .ref .swiper-slide h5 { margin-top: 10px; margin-bottom: 6px; }
#sub5_1 .cont3 .swiper-horizontal>.swiper-pagination-progressbar { margin-top: 40px; width: 94%; }

#sub5_1 .cont4 .map { margin-top: 20px; }
#sub5_1 .cont4 .map iframe { height: 300px; }
#sub5_1 .cont4 .map div { margin-top: 0; display: block; }
#sub5_1 .cont4 .map div ul { width: auto; margin-top: 30px; }
#sub5_1 .cont4 .map div ul li { padding:14px 0; }
#sub5_1 .cont4 .map div ul li h3 { margin-bottom: 4px; }


#bo_gall .gall_text_href a { font-size:14px; } 

#bo_gall .gall_li:nth-child(2n + 1) { clear:both; }




}

@media (min-width:801px) { 

#sub1_4_1 .cont2 .ans .view li:nth-child(3n) { margin-right: 0; }
#sub1_4_1 .cont2 .ans .view li:nth-child(3n+1) { clear: both; }

}