@media (max-width:800px) { /* 모바일용 */
.wrap { width: 94%; }

#w_header { height: 60px; }
#w_header.up { top:-61px; }
#w_header.down { height: 100vh; }
#w_header h1 img { height: 30px; }
#w_header #w_gnb { position: static; margin:40px auto 0; width:280px; text-align: center; }
#w_header #w_gnb > li { float:none; margin-right: 0; border-bottom:1px solid #fff; font-size:20px; line-height:50px;  }
#w_header #w_gnb > li > a { font-family: steb; }
#w_header #w_gnb ul { position: static; display: none; line-height: inherit; }
#w_header #w_gnb ul li { border-top:1px dashed #fff; }
#w_header #w_gnb ul li a { opacity: 1; }
#w_header .lang { right: 60px; top:20px; }

#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_footer { padding:60px 0; }
#w_footer address { font-style: normal; }
#w_footer .b_gnb { display: none; }
#w_footer .copy { position: static; text-align: left; margin-top: 20px;  }

/* index */
.section, .fp-tableCell { height:auto !important; }
.fp-tableCell { padding:100px 0; }
div#fp-nav { display: none; }

#section0 { text-align: center; padding-top: 60px; }
#section0 h2 { font-size: 30px; }
#section0 a { display:inline-flex;}


.section .f48 { font-size: 30px; }

#section1 .cate { width: auto; float:none; }
#section1 .cateMent { float:none; width: auto; height: auto; }
#section1 .cateMent figure img { height: auto; }
#section1 .more { position: static; margin:40px auto; }

#section2 .prd { flex-wrap: wrap; }
#section2 .prd a { width: 48.5%; margin-bottom: 30px; }
#section2 .prd a figure { height: auto; aspect-ratio: 1 / 1; }
#section2 .prd a figure img { transform: scale(0.6); }
#section2 .prd a p { font-size:14px; }

#section3 .wrap { text-align: center; }
#section3 .more { margin-top: 40px; }

#section4 .fp-tableCell { padding:0; }


/* sub layout */
.sv { height: 260px; box-sizing: border-box; }

.sm { position: relative; }
.sm ul { display:none; }
.sm select { width: 100%; height: 50px; border:none; appearance: none; color:#fff; padding:0 3%; box-sizing: border-box; background: #000; font:16px stb; }
.sm i { position: absolute; right: 3%; top: 50%; transform: translateY(-50%); color:#fff; }

.pad { padding:80px 0 200px; }
.left, .right { width:auto !important; }

/* sub1_1 */
.cp.f16 { font-size:16px; }
.both { display: block; }

#sub1_1 .cont1 .left img { height: auto; aspect-ratio: 1 / 1; object-position: top; }
#sub1_1 .cont1 .right { margin-top: 40px; }
#sub1_1 .cont1 h2 { line-height:1.2; }

#sub1_1 .cont2 .left { height: auto; }
#sub1_1 .cont2 .left img { transform: scale(0.6); }
#sub1_1 .cont2 .right ul li { padding-left: 0; }
#sub1_1 .cont2 .right ul li strong { position: static; display: block; margin-bottom: 4px; }

#sub1_1 .cont3 { height: 300px; }


/* sub1_2 */
#sub1_2 .right { margin-top: 20px; }

#sub1_2 .cont4 .right li { width: 48%; height: auto; aspect-ratio: 1 / 1; margin-left:0; margin-bottom: 4%; }


/* sub1_3 */
#sub1_3 .cont1 .right { margin-top: 40px; }
#sub1_3 .cont1 .right:before { display: none; }
#sub1_3 .cont1 .right > li { padding-left: 0; margin-bottom: 40px; }
#sub1_3 .cont1 .right h4 { position: static; margin-bottom: 10px; }
#sub1_3 .cont1 .right ul li { padding-left: 40px; margin-bottom: 10px; }

/* sub1_4*/
#sub1_4 .cont1 .right { margin-top: 40px; }
#sub1_4 .cont2 { margin-top: 40px; }
#sub1_4 .cont2 .right { width: 1160px; }
#sub1_4 .cont2 ul li { width: 48%; height: auto; aspect-ratio: 1 / 1; margin-right: 4%; margin-bottom: 4%; }
#sub1_4 .cont2 ul li:nth-child(2n) { margin-right: 0; }


/* sub1_5*/
#sub1_5 .both .right { height: 240px; margin-top: 20px; width: 100% !important; }
#sub1_5 .both article { position: static; margin-top: 20px;  }
#sub1_5 .both article ul li strong { width: 80px; }
#sub1_5 .both article p { margin-top: 20px; }


/* sub2_1 */
.bns .cont1 h2 { font-size:28px; }
.bns .cont1 div.fl { display: block; margin-top: 20px; }
.bns .cont1 figure { width: 100%; }
.bns .cont1 figure img { height:auto; aspect-ratio: 1 / 1; }
.bns .cont1 article { width: auto; margin-top: 40px;  }
.bns .cont1 article p { width: auto; position: static; margin-top: 20px; line-height:1.4; }

.bns .cont2 { padding:60px 0; }
.bns .cont2 ul li { padding-left: 70px; margin-bottom: 20px; font-size:16px;  }
.bns .cont2 ul li img { width: 50px; }

.bns .cont3 ul { display: block; font-size:16px; }
.bns .cont3 ul li { width: auto; margin-bottom: 40px; }
.bns .cont3 ul li figure img { height: auto; aspect-ratio: 4 / 3; }
.bns .cont3 > a { width: 180px; height: 50px; margin-top: 60px; }


/* sub3_1 */
.prd .cont1 { padding-bottom: 60px; }
.prd .cont1 h3 { font-size:24px; }
.prd .cont1 .right { margin-top: 20px; }
.prd .cont1 .right p { font-size:18px; }

.prd .cont2 { gap:0; }
.prd .cont2 li { width: 100%; margin-bottom: 60px; }
.prd .cont2 li figure img { width: 100%; }
.prd .cont2 li p { font-size:16px;  }
.prd .cont2 li a { height: 50px; margin:20px auto 0; }





/* sub4_1*/
#sub4_1 .cont1 .right { margin-top: 20px; }
#sub4_1 .cont1 .right ul { margin-top: 20px; }
#sub4_1 .cont1 .right ul li { padding-top: 14px; }
#sub4_1 .cont1 .right ul li strong { width: 80px; }


/* sub4_2 */
#sub4_2 .cont1 .right { margin-top: 20px; }
#sub4_2 #bo_list .td_num2 { width: 30px; }





}