<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width:1200px) { /* 紐⑤컮�쇱슜 */
.pc { display: none !important; }

/* header &amp; footer */
#w_header { height: 60px; }
#w_header h1 { left: 3%; top:10px; z-index: 9;}
#w_header h1 img { height: 40px; }
#w_header .snb { right: 3%; top:15px; font:14px nsb; width: 130px; }

#w_header #sitemap { display: block; padding-top: 80px; box-sizing: border-box; background:rgba(0,0,0,0.8); }
#w_header #sitemap &gt; img { display: none; }
#w_header #sitemap .gnb a:after { display: none; }
#w_header #sitemap .gnb { width: 80%; margin:0 auto; }
#w_header #sitemap .gnb &gt; li { border-bottom:none; display:block; padding:0;  }
#w_header #sitemap .gnb &gt; li:nth-child(4) ul,
#w_header #sitemap .gnb &gt; li:nth-child(5) ul { display: none; }
#w_header #sitemap .gnb &gt; li &gt; a { font:20px/50px ntm; display:flex; align-items:center; justify-content:space-between; }
#w_header #sitemap .gnb &gt; li &gt; a:after { content:"&gt;"; font-family:cursive; display: block; width: auto; height: auto; background: none; font-weight: bold; transform: rotate(90deg); font-size:14px; }
#w_header #sitemap .gnb a:hover:after { width: auto; }
#w_header #sitemap .gnb ul { width: auto; display:none; padding-left: 20px; padding-bottom: 20px; }
#w_header #sitemap .gnb ul li { width: auto; font:16px/34px ntr; }
#w_header #sitemap.on + .snb { color:#fff !important; }
#w_header #sitemap.on + .snb img { filter: invert(0); }
#w_header #sitemap.on + .snb #nav_btn span { background: #fff; }

/*
#w_header .wrap { max-width: none;}
#w_header.down { height:100vh; }
#w_header h1 { position:static; padding-top: 15px; display: inline-block; }
#w_header h1 img { height: 30px; }
#w_header .lang { right:150px; top:15px; }
#w_header .lang img { height: 30px; }
#w_header .bell { width: 90px; top:15px; justify-content: center; right:52px; }
#w_header .bell .xi-bell { display: none; }
#w_header .bell span { font:13px nseb; margin-right: 4px; }

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


#w_footer { font-size:13px; }
#w_footer .wrap { display: block; padding-left: 0; text-align: center; }
#w_footer img { display: none; }

#w_footer .fnb { margin-top: 40px; align-items: center; }
#w_footer .fnb ul li { float:left; }
#w_footer .fnb ul li:before { margin:0 10px; }
#w_footer .fnb i { color:#fff; position: absolute; right:calc(50% - 100px); bottom:18px; }


/* index */
.section, .fp-tableCell { height:auto !important; }
#main { height:300px !important; }
#main .yt { width:180vw; left:-40vw; }
#fp-nav { display: none; }

#prd ul { display: block; width: auto;  }
#prd ul li { height:200px; width:auto; float:none; } 
#prd ul li.select { width: auto; } 
#prd ul li a { top:0; height:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#prd ul li a h2 { font:32px nseb; }
#prd ul li a i { width: 40px; height: 40px; font-size:18px; margin-top: 10px; }



#mng { padding:80px 0; }
#mng h2 { font-size:32px; text-align: center; float:none; padding-top: 0; }
#mng ul { display: block; float:none; width:auto; margin-right: 0; padding-top: 0; padding-left: 0; }
#mng ul li { width: auto; height: auto; margin-top: 20px; }
#mng ul li:nth-child(2n) { margin-top: 20px; }
#mng ul li:hover { transform: translateY(0);}
#mng ul li a div { position: static; margin-top: 20px; width: auto;}
#mng ul li a div i { width: 40px; height: 40px; font-size:18px; }
#mng ul li a p { position: static; margin-top: 10px; width: auto; font-size:14px; }
#mng ul li a:hover { color:#fff; }
#mng ul li a:hover span { color:#fff; }
#mng ul li a:hover div i { color:#fff; border-color:#fff; }

#research { padding:0; text-align: center; }
#research ul { display: block; }
#research ul li { width:auto; height:auto; }
#research ul li:nth-child(1) { background: url(/images/n_re1.jpg) no-repeat center/cover; }
#research ul li:nth-child(2) { background: url(/images/n_re2.jpg) no-repeat center/cover; }
#research ul li img { display: none; }
#research ul li a { position: static; display: block; width: auto; padding: 60px 3%; }
#research ul li a &gt; .fl { justify-content: flex-start; }
#research .title { width: auto; justify-content: center; }
#research .title h2 { font-size:28px; margin-right: 20px; }
#research .title i { width: 40px; height: 40px; font-size:18px;}
#research ul li p { font-size:14px; margin-top: 20px; text-align: left; }

#media { padding:80px 0; }
#media .wrap { display: block;  }
#media .title { width: auto; justify-content: flex-start; }
#media .title h3 { font-size:28px; margin-right: 20px;  }
#media .title i { width: 40px; height: 40px; font-size:18px; }
#media p { font-size:14px; margin-top: 20px; }
#media ul { display: block; width: auto; }
#media ul li { width: auto; height: auto; margin-top: 20px; }
#media ul li a span { font:18px nseb; color:#e71216; transition:0.3s; }
#media ul li a div { position: static; width: auto; margin-top: 20px; }
#media ul li a div i { width: 40px; height: 40px; font-size:18px; }

#recruit { padding:80px 0;}
#recruit .wrap { display: block; }
#recruit .title { width: auto; justify-content: flex-start;}
#recruit .title h3 { font-size:28px; margin-right: 20px;  }
#recruit .title i { width: 40px; height: 40px; font-size:18px; }
#recruit ul { display: block; width: auto; }
#recruit ul li { width: auto; height: auto; margin-top: 20px;  }
#recruit ul li a { background: #fff; border-radius: 20px; padding:30px 20px; box-sizing: border-box; display: block; height:100%; position: relative; transition:0.3s; }
#recruit ul li a div { justify-content: space-between; position: static; width: auto; }
#recruit ul li a div i {  width: 40px;height: 40px; font-size:18px; }




.logos div { width: 3000px; animation-duration: 30s; }
.logos div img { float:left; width: 1500px; }
@keyframes logo {
    from { left: 0; }
    to { left: -1500px; }
}
    
    
/* sub */
.sv { height: 240px; padding-top: 20px; }
.sv h2 { font-size:28px; }
#sv2, #sv3_1, #sv3_2, #sv3_3, #sv3_4 { height: 240px;}

.sm { position: relative; }
.sm.fix { top: 60px; }
.sm select { width: 100%; border:none; height:50px; padding:0 3%; appearance:none; font:16px nsb; outline:none; background: #fff; color:#000; }
.sm i { position: absolute; right:3%; top:20px; }

.msub2, .msub3 { position: relative; }
.msub3 { border-top:1px solid #ddd; }

.cont { padding:60px 0 100px; font-size:13px;  }
.cont .title { font-size:20px; }
.title h2 { font-size:24px; }
.title p { font-size:16px; line-height: 1.6; word-break: keep-all; }
.redline:after { margin-top: 30px; }


/* sub1_1 */
#sub1_1 .cont2 { display: block; margin: 60px auto 0; width:94%; }
#sub1_1 .cont2 img { width: 100%; }
#sub1_1 .cont2 div { padding-left: 0; width: auto; margin-top: 40px; }    
#sub1_1 .cont2 div p { word-break: keep-all; font-size:14px; }    
#sub1_1 .cont2 div h3 { font-size:24px; margin-top: 40px;  }    

    
/* sub1_2 */
#sub1_2 .cont2 { margin-top: 30px; }
.cont2 .year { font:18px nseb; width:auto; float:none; }
.cont2 .year li { float:left; width:50%; margin-bottom: 30px; text-align: center; }
.frame { float:none; width:auto; height: auto; overflow: visible; }
.frame .slide { position: static; }    
.history { display: none; }
.history.on { display: block; }
.history h2 { font-size:18px; position: static; padding-top: 0; margin-bottom: 10px; border-top:1px solid #000; padding-top: 14px; }
.history ul { padding-left: 0; border-top:none; padding-bottom: 14px; }
.history ul:last-child { border-bottom:1px solid #000; }
.history ul li { display: block; position: relative; padding-left: 26px; margin-top: 14px; }
.history ul li em { width: auto; position: absolute; left: 0; padding-top: 2px; font-size:13px; }
.history ul li span { font-size:13px; word-break: keep-all; }    
    
    
/* sub1_3 */
#sub1_3 .wrap &gt; img { width: 100%; margin-top: 30px; }
#sub1_3 .cont2 { margin-top: 60px; }
#sub1_3 .cont2 h2 { width: auto; border-top:none; float:none; font-size:18px; padding-top:0; margin-bottom: 20px;  }  
#sub1_3 .cont2 ul { width: auto; float:none; }  
#sub1_3 .cont2 ul li { padding:10px 10px 10px 0; flex-wrap: wrap; }    
#sub1_3 .cont2 ul li p { width: 80%; }    
#sub1_3 .cont2 ul li figure { position: static; opacity: 1; transition: none; text-align: center; margin-top: 10px; width: 100%; display: none; }
#sub1_3 .cont2 ul li figure img { max-width: 80%; }
#sub1_3 .cont2 ul li.select figure { display: block; }
    
/* sub1_5 */
#sub1_5 .cont2 { margin-top: 30px; } 
#sub1_5 .cont2 ul li { float:none; margin:0 0 80px 0; }
#sub1_5 .cont2 ul li:hover { box-shadow: none; }
#sub1_5 .cont2 ul li h2 { font-size:28px; margin:20px; } 
#sub1_5 .cont2 ul li p { margin:20px; font-size:14px; min-height:45px; }
#sub1_5 .cont2 ul li article a { right:20px; }
#sub1_5 .cont2 ul li article a img { width: 50px; }
#sub1_5 .cont2 ul li article table th { width:80px; }
        
/* sub2_1_1 */
.bprd { position: relative; border-bottom:1px solid #ddd; }
.bprd select { width: 100%; border:none; height:50px; padding:0 3%; appearance:none; font:16px nsb; outline:none; background: #fff; color:#000; }
.bprd i { position: absolute; right:3%; top:20px; }

.bprdList .cont1 h2 { font:30px nseb; }
.bprdList .cont1 p { font:14px/1.6 nsb; margin-top: 10px; }

.bprdList .cont2 { margin-top: 40px; display: block; }
.bprdList .cont2 &gt; figure { width: auto; }
.bprdList .cont2 &gt; figure img { max-width: 100%; }
.bprdList .cont2 ul { width: auto; }
.bprdList .cont2 ul li.select { display: block;  }
.bprdList .cont2 ul li figure { padding:20px 10%; }
.bprdList .cont2 ul li div {  height: auto;  font-size:13px; padding:3% 3% 3%;}
.bprdList .cont2 ul li div p { font-size:16px; }

.bprdList .cont3 { margin-top: 40px; }
.bprdList .cont3 ul li { width: 48.5%; margin-right:3%; margin-bottom: 3%; }
.bprdList .cont3 ul li:nth-child(2n) { margin-right: 0; }
    
#sub2_1_1 .cont2 ul li figure { height:240px; } /* k2 �꾩감 遺��� figure �믪씠 */    
    
/*sub3_1 */
#sub3_1 .cont3 { margin-top: 30px; }
#sub3_1 .cont3 ul li { float:none; width: auto; height: auto; padding:30px 20px; margin-bottom: 10px; border-radius: 20px; flex-direction: column; align-items: flex-start; }
#sub3_1 .cont3 ul li:nth-child(2n) { float:none; }
#sub3_1 .cont3 ul li strong { font-size:50px; width:50px; position: absolute; }
#sub3_1 .cont3 ul li dl { padding-left: 6%; }
#sub3_1 .cont3 ul li dl dt { font-size:18px; padding-left: 30px; padding-top: 2px;  }
#sub3_1 .cont3 ul li dl dd { margin-top: 20px; word-break: keep-all; }
a.manual {width: 120px; height: 120px; font:18px/1.4 nsb; }

#sub3_1 .cont4 { padding:100px 0; margin-top: 100px; }
#sub3_1 .cont4 h2 { font:24px nseb; padding-bottom: 20px; }
#sub3_1 .cont4 table { margin-top: 30px; position: static; }
#sub3_1 .cont4 table th { width: 80px; }
#sub3_1 .cont4 img { margin:40px auto 0; width: 80%; }    
    
    
/* sub3_2 */
#sub3_2 .cont2 { margin-top: 30px; }
#sub3_2 .cont2 img { width: 300px; }
#sub3_2 .cont3 { display: block; margin-top: 50px; } 
#sub3_2 .cont3 dl { width: auto; margin-top: 50px; }
#sub3_2 .cont3 dl dt { font-size:18px; }
#sub3_2 .cont3 dl dd { min-height:auto; padding:20px 0; }    
    
    
/* sub3_3 */
#sub3_3 .cont2 dl { display: block; }
#sub3_3 .cont2 dl dt { font-size:18px; }
#sub3_3 .cont2 dl dd { font-size:14px; width: auto; margin-top: 20px; word-break: keep-all; }
#sub3_3 .cont3 { margin-top: 100px; }
#sub3_3 .cont3 h2 { font-size:18px; }
#sub3_3 .cont3 ul li { padding:20px 0 16px 0; word-break: keep-all; }
#sub3_3 .cont3 ul li strong { position: static; display: block; margin-bottom: 6px; }
#sub3_3 .cont3 a { margin-top: 40px; }    
    
/* sub3_4 
#sub3_4 .cont2 { margin-top: 60px; }
#sub3_4 .cont2 article { margin-top: 20px; padding:30px 0; }
#sub3_4 .cont2 h4 { font-size:18px; }
#sub3_4 .cont2 ul { font-size:13px; }
#sub3_4 .cont2 ul li { padding-left: 16px; }
#sub3_4 .cont2 ul li:before { width: 8px; height: 8px; top:5px; }
#sub3_4 .cont2 .swiper-button-prev { left:0px; }
#sub3_4 .cont2 .swiper-button-next { right:0px; }
#sub3_4 .cont2 .swiper-button-prev,
#sub3_4 .cont2 .swiper-button-next { top:24%; }

#sub3_4 .cont3 h2 { font-size:24px; margin-bottom: 20px; }
#sub3_4 .cont3 ul li { padding:30px 0; float:none; width:auto; margin-bottom: 2px; }
#sub3_4 .cont3 ul li:after { display: none; }
#sub3_4 .cont3 ul li strong { display: block; font-size:18px; }
#sub3_4 .cont3 ul li p { font-size:16px; }
*/


/* sub4_1 */
#sub4_1 .cont2 { margin-top: 60px; }
#sub4_1 .cont2 dl { margin-top: 20px; padding:30px 0; }
#sub4_1 .cont2 dt { font-size:18px; }
#sub4_1 .cont2 dd { font-size:13px; }
#sub4_1 .cont2 .swiper-button-prev { left:0px; }
#sub4_1 .cont2 .swiper-button-next { right:0px; }
#sub4_1 .cont2 .swiper-button-prev,
#sub4_1 .cont2 .swiper-button-next { top:24%; }


/* sub4_2 */
#sub4_2 .cont2 { margin-top: 60px; }
#sub4_2 .cont2 .drag { overflow: auto;}
#sub4_2 .cont2 .drag:after { content:"* �놁쑝濡� �쒕옒洹명븯�� �댁슜�� �뺤씤�섏꽭��."; font:13px nsr; display: block; margin-top: 10px; }
#sub4_2 .cont2 table { width: 800px; }

    
/* sub6_3 */
#sub6_3 .cont2 { height: 500px; }
#sub6_3 .cont2 p { font-size:18px; padding:14px 10px 30px; }
#sub6_3 .cont2 .control { margin-top: 0; }
#sub6_3 .cont2 .control div { width: 50px; height: 50px; font-size:28px; margin:0 10px; }
    
    
/* contact */
#sv10 { height: 200px; }
#contact .cont1 h2 { font-size:32px; }
#contact .cont2 { margin-top: 20px; }
#contact .cont2 table th, 
#contact .cont2 table td { padding-top: 20px; font-size:16px; }
#contact .cont2 table th { width: 80px; line-height:50px; }
#contact .cont2 table td * { height: 50px; padding:0 14px; font-size:16px; }
#contact .cont2 table td textarea { height: 240px; padding:14px; }
#contact .cont2 .info { margin-top: 100px; }
#contact .cont2 .info h3 { font-size:24px; }
#contact .cont2 .info div { font:14px/1.6 nsr; word-break: keep-all; }
#contact .cont2 .info div strong { font-size:18px; margin-bottom: 10px; }
#contact .cont2 .info p input { width: 24px; height: 24px; }
#contact .cont2 .info p label { font-size:16px; }
#contact .cont2 .info p + input { height: 50px; margin-top:60px; }    
}

@media (min-width:1201px) { /* PC�� */
.mob { display: none !important; }
} </pre></body></html>