@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }

.wrap { width:94%; }    


    
/* header & footer */
#w_header { height: 60px; background:rgba(0,0,0,0.95); }
#w_header.on { height: 100%; }
#w_header h1 {padding-top:15px; }
#w_header h1 img { height: 30px; }
#w_header #w_gnb { position: static; padding:40px 40px 0; }
#w_header #w_gnb > li { float:none; margin-right: 0; font:20px/1.8 nsb; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom: 10px; text-align: center;  }
#w_header #w_gnb ul { position: static; display: none; }
#w_header #w_gnb ul li { font:18px/30px nsb; float:left; width:100%; padding:0 10px; box-sizing: border-box; }
#w_header #w_gnb ul li:nth-child(odd) { text-align: center;}
#w_header #w_gnb ul li:nth-child(even) { text-align: center;}

#w_lang { position: static; color:#fff; font:16px ntl; }
#w_lang div { display: none; }
#w_lang ul { display: block; width:calc(100% - 80px); margin:0 auto; }
#w_lang ul li a { font-size:16px; }

#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 40px; height: 2px; background-color: #ddd; 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:40px 0; }
#w_footer #info { margin-bottom: 20px; }
#w_footer #info li { font:13px nsr; }
#w_footer #info li:after { margin:0 6px; }

#w_footer address { font:normal 12px/1.8 nsr; }
#w_footer .b_logo { position: static; margin-top: 40px; }
#w_footer .b_logo:after { content:""; clear:both; display: block;}
#w_footer .b_logo img { height:30px; float:left; }
#w_footer .b_logo div { margin-left: 0; float:right; top:-4px; }


/* index */
#fp-nav.left { left:3% !important; margin-left:0 !important; }
#w_main .ment h2 { font:28px/1.6 nsb; padding:20px 10px; border-top:5px solid rgba(255,255,255,0.6); border-bottom:5px solid rgba(255,255,255,0.6); margin-bottom: 20px; }
#w_main .ment p { font:14px/1.6 nsr; -ms-word-break: keep-all; margin-top: 40px; word-break: keep-all; }


#section1 figure { float:none; width: auto; height: 60%; }
#section1 article { float:none; width: auto; height: 40%; padding:0 3%; text-align: center; ;} 
#section1 article > .fl { width: auto; align-items: center;} 
#section1 article h2 { font:20px/1.4 nseb; margin-top: 10px; }
#section1 article p { font:14px/1.6 nsr; margin-top: 10px; word-break: keep-all; }
#section1 article .arr { font:14px nsr; margin: 10px auto 0; }

#section2 .wrap { padding-top: 60px; }
#section2 h2 { font:20px/1.4 nseb; margin-top: 10px; }
#section2 ul {  width:94%; margin:20px auto 0; }
#section2 ul li figure { width: 100px; height: 100px; }
#section2 ul li figure img { height:50px; }
#section2 ul li p { font:14px/1.6 nseb;  margin-top: 10px; }
#section2 h3 { font:16px nsl; margin-top: 30px;}
#section2 article { position: static; width: 94%; margin:0 auto; }
#section2 article div { margin-top: 20px; }
#section2 article ul { width:100%; margin:0 auto; display: block; }
#section2 article ul:after { content:""; clear:both; display: block; }
#section2 article ul li { width:32%; height:40px; float:left; margin-right: 2%; margin-bottom: 10px; }
#section2 article ul li:nth-child(3n) { margin-right: 0; }
#section2 article ul li img { max-height: 38px; max-width: 90%; }

#section3 figure { float:none; width: auto; height: 50%; }
#section3 article { float:none; width: auto; height: 50%; } 
#section3 article > .fl { width: auto; align-items: center; padding:0 3%; text-align: center; } 
#section3 article h2 { font:20px/1.4 nseb; margin-top: 10px; }
#section3 article p { font:14px/1.6 nsr; margin-top: 10px; word-break: keep-all; }
#section3 article .arr { font:14px nsr; margin: 10px auto 0; }

#section4 h2 { font:34px/1.4 nseb; margin-bottom:30px; margin-top: 20px; }
#section4 p { font:14px/1.6 nsr; word-break: keep-all; }
#section4 .arr { font:14px nsr; }

#section5 figure { float:none; width: auto; height: 60%; padding-top:60px; box-sizing: border-box; }
#section5 article { float:none; width: auto; height: 40%; } 
#section5 article > .fl { width: auto; align-items: center; padding:0 3%; text-align: center;} 
#section5 article h2 { font:20px/1.4 nseb; color:#333; margin-top: 10px; }
#section5 article p { font:14px/1.6 nsr; margin-top: 10px; word-break: keep-all; }
#section5 article .arr { font:14px nsr; margin-top: 10px; }

/* sub layout */
.sv { height: 260px; }
.sv .wrap { width: 94%; }
.sv figure { left:0; bottom:20px; }
.sv figure img { height: 60px; }
.sv figure figcaption { font:24px/60px nseb; }

.sm { height: 50px; }
.sm .wrap { width:100%; }
.pad .wrap { width:94%; }
.sm .wrap > div { width: 50%; }
.sm .wrap > div p { font:16px/50px nsb; padding:0 20px; }
.sm .wrap > div p.arrdown:after { right:20px; margin-top:-8px; }
.sm ul li a { font:16px/40px nsb; padding-left:20px; }

.pad { padding:60px 0 140px; }
.subtitle h2 { font:28px nseb; }
.subtitle p { line-height:1.6; }

/* sub1_1 */
#sub1_1 .cont1 { margin-top: 60px; }
#sub1_1 .cont1 h2 { font:22px/1.6 nseb; }
#sub1_1 .cont1 figure, #sub1_1 .cont1 div { float:none; width:auto; }
#sub1_1 .cont1 figure img { margin-left: 0; box-shadow:-4px 4px 0 #049646; width: 100%; }
#sub1_1 .cont1 div { padding-left:0; margin-top: 30px; font:14px/1.6 nsr; word-break: keep-all;}
#sub1_1 .cont1 div span { background:#049646; color:#fff; padding:2px 4px; }
#sub1_1 .cont1 div p { font:16px nseb; }
#sub1_1 .cont1 div p strong { font-size:22px; }


/* sub1_2 */
#sub1_2 .cont1 { background-size:auto 500px; }
#sub1_2 .cont1 .wrap { padding-top:60px; }
#sub1_2 .cont1 h2 { font:20px nseb; }
#sub1_2 .cont1 h2:after { width:60px; margin:20px auto; border-top:3px solid #049646; }
#sub1_2 .cont1 p { font:16px/1.6 nsb; word-break: keep-all; }
#sub1_2 .cont1 h3 { width: 140px; height: 140px; border:5px solid #fff; font:20px/1.4 nsl; margin:80px auto 0; }
#sub1_2 .cont1 h3:before { top:135px; height: 132px; }
#sub1_2 .cont1 ul { margin: 130px auto 0; width: 100%; }
#sub1_2 .cont1 ul:before { top:-100px; left:50%; margin-left:-35%; width: 70%;} 
#sub1_2 .cont1 ul li { width: 30%; height: 80px; margin-right: 5%; }
#sub1_2 .cont1 ul li:before { top:-103px; height: 100px; }
#sub1_2 .cont1 ul li strong { font:16px nseb; }
#sub1_2 .cont1 ul li strong:after { width: 40px; }
#sub1_2 .cont1 ul li em { font:normal 14px nsb; }

/* sub1_3 */
#sub1_3 .cont1 ul li a { height: auto; padding:10px 0; font:14px/1.2 nseb; }
#sub1_3 .cont1 ul li a span { display: block; }

#sub1_3 .history { margin-top: 60px; }
#sub1_3 .history:before { display: none; }
#sub1_3 .history > li { width:auto; padding:0; margin-bottom: 40px; }
#sub1_3 .history > li h3 { font:42px ntbl; }
#sub1_3 .history > li h3:before { display: none; }
#sub1_3 .history > li h3:after { display: none; }
#sub1_3 .history .hlist ul li { font:14px/1.4 nsb; margin-top: 10px; padding-left:40px; }
#sub1_3 .history .hlist ul li span { font:18px nseb; top:-2px; }
#sub1_3 .history > li .pic { position: static; margin-top: 20px; }
#sub1_3 .history > li .pic figure { width: 47%; height: 80px; margin:0 1.5%; float:left; }
#sub1_3 .history > li .pic figure img { height: 60px; }
#sub1_3 .history > li:nth-child(even) { text-align: left; }
#sub1_3 .history > li:nth-child(even) .hlist ul li { padding-left:40px; padding-right:0; }
#sub1_3 .history > li:nth-child(even) .hlist ul li span { left:0; right:auto; }
#sub1_3 .history > li:nth-child(even) .pic figure { float:left; }

/* sub1_4 */
#sub1_4 .cont1 img { width: 80%; }
#sub1_4 .cont1 h2 { font:20px nseb; }
#sub1_4 .cont1 p { margin-top: 40px; font:14px/1.6 nsr; word-break: keep-all;}
#sub1_4 .st { font:16px/1.6 nsb; } 
#sub1_4 .st:before { height: 16px; top:4px; }
#sub1_4 .cont2 ul li { float:none; width:auto; margin-bottom: 10px;  }
#sub1_4 .cont2 ul li span { font-family: nsr; }
#sub1_4 .cont2 iframe { height:300px; }
#sub1_4 .cont3 div { margin-top: 20px; padding-top:20px; }
#sub1_4 .cont3 div img:nth-child(2) { position: static; }
#sub1_4 .cont3 div img:nth-child(3) { position: static; }
#sub1_4 .cont3 div img { width: 100%; margin-bottom: 20px; }
#sub1_4 .cont4 { margin-top: 60px; }
#sub1_4 .cont4 span { color:#049646; display: block; margin-top: 10px; font:14px nsr; }
#sub1_4 .cont4 div { overflow:auto; }
#sub1_4 .cont4 table { width:1000px; }
#sub1_4 .cont4 table th { font:14px nseb; width: 120px; }
#sub1_4 .cont4 table td { font:14px/30px nsr !important; }

/* sub2_1 */
#sub2_1 .both .left { float:none; margin-bottom: 10px;  }
#sub2_1 .both .left p { font:16px/1.4 nseb; margin-top:10px; }
#sub2_1 .both .left span { font:14px/1.6 nsr; margin-top:10px; }
#sub2_1 .both .right { width: auto; float:none; }
#sub2_1 .cont1 { margin-top: 60px; }
#sub2_1 .cont1 .right { padding-top:10px;  }
#sub2_1 .cont1 .right h3 { height: auto; padding:60px 3%; font:16px/1.6 nseb; }
#sub2_1 .cont1 .right p { font:14px/1.6 nsr; }
#sub2_1 .cont1 .right dl { float:none; width:auto; margin-right: 0; margin-top: 20px; }
#sub2_1 .cont1 .right dl dd { font:14px/2 nsr; word-break: keep-all; }
#sub2_1 .cont2 .right li { width: 48.5%; height: 48.5vw; margin:0 3% 10px 0; }
#sub2_1 .cont2 .right li:nth-child(2n) { margin-right: 0; }
#sub2_1 .cont2 .right li figure { height: 80px; }
#sub2_1 .cont2 .right li em { font:normal 14px nsr; }
#sub2_1 .cont3 { margin-top: 60px; }
#sub2_1 .cont3 .right { padding-top:10px;  }
#sub2_1 .cont3 .right a { margin-top: 40px; width:auto; }

/* sub2_2 */
#sub2_1 .cont4 { margin-bottom: 40px;}
#sub2_1 .subtitle + .cont4 { margin-top: 60px;}
#sub2_1 .cont4 .right { padding-top:10px; }
#sub2_1 .cont4 .right img { float:none; width:100%; }
#sub2_1 .cont4 .right article { float:none; width: auto; margin-top: 20px; }
#sub2_1 .cont4 .right article p { font:14px/1.6 nsr; }

/* sub2_3 */
#sub2_1 .cont5 { margin-top: 60px;}
#sub2_1 .cont5 .right { padding-top:10px;  }
#sub2_1 .cont5 .right p { font:14px/1.6 nsr; word-break: keep-all; }
#sub2_1 .cont5 .right li { float:none; margin-right: 0; margin-bottom: 40px; width:auto; }
#sub2_1 .cont5 .right li figure { margin-bottom: 0; height: 100px; }
#sub2_1 .cont5 .right li figure img { height: 60px; }
#sub2_1 .cont5 .right li figure figcaption { font:16px nsb; }
#sub2_1 .cont5 .right li figure figcaption span { font:16px nseb; }
#sub2_1 .cont5 .right li p { font:14px/1.6 nsr; margin-top: 0; }

/* sub2_4 */
#sub2_1 .cont6 { margin-top: 60px;}
#sub2_1 .cont6 .right li { width:48.5%; margin-right:3%; margin-bottom: 30px; }
#sub2_1 .cont6 .right li:nth-child(2n) { margin-right: 0;}
#sub2_1 .cont6 .right li:nth-child(2n+1) { clear:both; }
#sub2_1 .cont6 .right li figure { width: auto; height:auto; }
#sub2_1 .cont6 .right li figure img { width: 100%; }
#sub2_1 .cont6 .right li p { margin-top: 14px; font:13px/1.6 nseb; }

/* sub3_1 */
#sub3_1 .cont1 .lnb { display: none; }
#sub3_1 .cont1 .bbs { float:none; width:auto; }
#sub3_1 .cont1 .bbs .mcate li { width: calc(100% / 3); }
#sub3_1 .cont1 .bbs .mcate li a { font-size:14px;  }
#sub3_1 .cont1 .bbs .mcate li:nth-child(3n) a { border-right:1px solid #999; }
#sub3_1 .cont1 .bbs .mcate li:nth-child(n+4):nth-child(-n+6) a { border-top:none; }

/* sub3_2 */
#sub3_1.sub3_2 .cont1 .bbs .mcate li { width: 27%; }
#sub3_1.sub3_2 .cont1 .bbs .mcate li:nth-child(2) { width: 46%; }
#sub3_1.sub3_2 .cont1 em {  margin-bottom: 40px;  }
#sub3_1.sub3_2 .cont1 .tab li { float:none; width:auto; margin-right: 0; margin-bottom: 40px;  padding-bottom:30px; }
#sub3_1.sub3_2 .cont1 .tab li h3 { font:20px/50px nseb; }
#sub3_1.sub3_2 .cont1 .tab li p { font:14px/1.8 nsr; word-break: keep-all;}

/* sub4_1 */
#sub4_1 .cont1 { margin-top: 60px;  }
#sub4_1 .cont1 table td:first-child { width: 100px; font:14px nseb; } 
#sub4_1 .cont1 table td { padding:10px; font:14px/1.6 nsb; word-break: keep-all; }
#sub4_1 .cont1 table td select { width: 100%; font:14px nsb; background:#fff; } 
#sub4_1 .cont1 table td input[type="text"] { font:14px nsb; }
#sub4_1 .cont1 table td textarea { font:14px/1.6 nsb; }
#sub4_1 .cont1 #send { font:14px/50px nsb;  margin:40px auto 0; } 


}

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